/*
* @Author: »á·ÉµÄè
* @Date:   2016-08-24 10:48:22
* @Last Modified by:   会飞的猫
* @Last Modified time: 2017-03-13 16:55:28
*/

body{
    font-family: "微软雅黑";
    background: #f4f4f4;
}
.header-bg{
    width: 100%;
    height: 125px;
    background: #fff;
}
.logo{
    position: relative;
    top: 23px;
}
.logo,.logo img{
    width: 224px;
    height: 81px;
    display: block;
}
.nav{
    font-size: 18px;
    line-height: 125px;
    width: 750px;
    text-align: center;
    margin-left: 50px;
}
.nav a{
    display: block;
    float: left;
    color: #353535;
    width: 105px;
}
.nav a:hover,.xz{
	color:#5d9bfe!important;
}

/*导航*/
.Nav{display:inline-block;font-size: 18px;line-height: 125px;width:750px;text-align: center;margin-left: 50px;}
.Nav .Ft_DH{margin:0 auto;padding:0px;}
.Nav li {float:left;position:relative;padding:0px 20px;}
.Nav .active{background:#5d9bfe;}
.Nav li a{color:#333;font-size:18px;display: block;text-align:center;}
.Nav li:hover a,.Nav .active a{color:#fff;display: block;}
.Nav li:hover{background:#5d9bfe;}
.Nav li:hover ul{display:block;}
.Nav li ul {background:#5d9bfe;z-index:99;display:none;position:absolute;top:124px;left:0;list-style-type:none;}
.Nav li ul a{color:#fff;font-size:16px;margin:0 auto;}
.Nav .active ul a{color:#fff;}
.Nav li ul li{padding:10px 10px;width:92px;z-line:999;margin-top:0px;line-height:30px;}
.Nav li ul li:hover{z-line:9999;display: block;background:#2571e9;}
.Nav li ul li:hover a{color:#fff;}



.ss1{
    width: 167px;
    height: 24px;
    line-height: 24px;
    border-radius: 15px;
    border:1px solid #e1e1e1;
    overflow: hidden;
    position: relative;
    top: 52px;
}
.ss-inp{
    width: 115px;
    border:none;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    font-size: 12px;
    color: #d9d9d9;
    float: left;
}
.ss-but{
    width: 39px;
    height: 24px;
    line-height: 22px;
    border:none;
    background: #5d9bfe;
    float: right;
    font-size: 14px;
    color: #fff;
    border:1px solid #5d9bfe;
}

/*banner*/
/*#jdjxc .clear {
    clear: both;
}

#jdjxc ul {
    list-style: none;
}

#jdjxc {
    width: 100%;
    height: 745px;
}

#imgRolling {
    clear: both;
}

#imgRolling .imagebg {
    height: 745px;
    overflow: hidden;
    position: relative;
}

#imgRolling .imagebg li {
    height: 745px;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

#imgRolling .imagebg li img {
    width: 1200px;
    height: 745px;
}

#imgRolling .scrollbg {
    height: 80px;
}

#imgRolling .scroll {
    width: 915px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    top: -115px;
}

#imgRolling .pre, .next {
    display: block;
    position: absolute;
    width: 21px;
    height: 36px;
    z-index: 999999;
}

#imgRolling a.pre {
    background: url(../Images/ban-left.png);
    top: 30px;
    left: -20px;
}

#imgRolling a.next {
    background: url(../Images/ban-right.png);
    top: 30px;
    right: 5px;
}


#imgRolling .outScroll_pic {
    width: 824px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 0px;
    z-index: 999999;
}

#imgRolling .outScroll_pic .scroll_img {
    position: absolute;
}

#imgRolling .scroll_img {
    margin: 0 auto;
    width: 40000px;
    height: 80px;
}

#imgRolling .scroll_img li {
    float: left;
    width: 176px;
    height: 78px;
    margin-right: 31px;
    cursor: pointer;
    position: relative;
}

#imgRolling .scroll_img li img {
    width: 170px;
    height: 71px;
    padding: 5px;
    background: url(../Images/ban_1.png) no-repeat center;
    cursor: pointer;
}

.presently img{
    width: 170px;
    height: 71px;
    padding: 5px;
    background: url(../Images/ban_2.png) no-repeat center!important;
}*/


#jdjxc .clear {
    clear: both;
}

#jdjxc ul {
    list-style: none;
}

#jdjxc {
    width: 100%;
}

#imgRolling {
    clear: both;
    position: relative;
}

#imgRolling .imagebg {
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#imgRolling .imagebg li {
    height: 500px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
#imgRolling .imagebg li img{
    width: 100%;
    height: 500px;
    display: block;
}
#imgRolling .scrollbg {
    width: 840px;
    height: 80px;
    bottom: 30px;
    position: absolute;
    left: 50%;
    margin-left: -420px;
}

#imgRolling .scroll {
    width: 840px;
    height: 85px;
}

#imgRolling .pre,#right_btn {
    display: block;
    position: absolute;
    width: 22px;
    height: 35px;
    top: 50%;
    margin-top: -17.5px;
    z-index: 9999;
}

#imgRolling a.pre {
    background: url(../images/ban-left.png) no-repeat;
    left: -30px;
}

#imgRolling a.next {
    background: url(../images/ban-right.png) no-repeat;;
    right: -30px;
}

#imgRolling .outScroll_pic {
    width: 840px;
    height: 80px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

#imgRolling .outScroll_pic .scroll_img {
    position: absolute
}

#imgRolling .scroll_img {
    margin: 0 auto 0;
    width: 40000px;
}

#imgRolling .scroll_img li {
    float: left;
    height: 80px;
    width: 178px;
    margin: 0 15px;
    cursor: pointer;
    background: url(../images/ban_1.png) no-repeat;
    position: relative;
    z-index: 666;
}

#imgRolling .scroll_img li img {
    height: 80px;
    width: 178px;
    position: relative;
    z-index: 444;
}

#imgRolling .scroll .present {
    width: 178px;
    height: 80px;
    background: url(../images/ban_2.png) no-repeat;
    z-index: 777;
    position: absolute;
    top: 0;

}

.d1-kq{
    width: 1225px;
    margin-top: 50px;
    margin-left: -25px;
}
.d1{
    width: 281px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.d1>a{
    overflow: hidden;
}
.d1>a,.d1>a img{
    width: 281px;
    height: 202px;
    display: block;
}
.d1>a img{
    transition: all 1s ease 0s;
}
.d1>a:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -o-transform:scale(1.1); /* Opera */
}
.d1 h3 a,#tiles li h3 a{
    display: block;
    font-size: 16px;
    color: #7e7e7e;
    line-height: 38px;
    background: url(../images/line1.png) left bottom no-repeat;
}
.d1:hover h3 a,#tiles li:hover h3 a{
    color: #5b97fc;
    background: url(../images/line2.png) left bottom no-repeat;
}
.d1 p,#tiles li p{
    font-size: 14px;
    color: #a5a5a5;
    line-height: 24px;
    margin-top: 8px;
	height:72px;
}

.d2{
    width: 100%;
    height: 506px;
    background: #fff;
    margin-top: 15px;
    position: relative;
    margin-bottom: 50px;
}
.d2 i{
	position:absolute;
	bottom:0;
	left:587px;
    width: 0;
    height: 0;
    border-bottom: 506px solid #fff;
    border-left: 365px solid transparent;
}
.d2-img{
    width: 50%;
    height: 506px;
}
.d2-1{
    width: 450px;
    float: right;
    margin-right: 30px;
}
.d2-poa{
    top: 0;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}
.d2-1 h3 a{
    font-size: 26px;
    color: #929292;
    line-height: 56px;
    background: url(../images/line3.png) left bottom no-repeat;
    display: block;
    margin-top: 85px;
}
.d2-1 span{
    font-size: 16px;
    color: #bebebe;
    font-family: Cambria Math;
    text-transform: uppercase;
    line-height: 32px;
    display: block;
}
.d2-1 p{
    font-size: 14px;
    color: #9d9d9d;
    line-height: 30px;
}
.d2-1>a{
    width: 132px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #5b97fc;
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 15px;
}
/*footer*/
.fot1_k{
    width: 100%;
    min-height: 230px;
    background: #fff;
	margin-top:30px;
}
.f1{
    width: 215px;
}
.f1 h3 a,.f2 h3 a{
    font-size: 16px;
    color: #393939;
    display: block;
    margin-top: 30px;
    line-height: 38px;
}
.f2 h3 a{
    margin-bottom: 10px;
}
.f1 h3 a span,.f2 h3 a span{
    color: #5d9bfe;
}
.f1>a{
    font-size: 14px;
    color: #232323;
    margin-bottom: 17px;
    line-height: 12px;
    display: block;
}
.f1>a:hover{color:#5d9bfe;}
.f2 p{
    padding-left: 15px;
    font-size: 12px;
    color: #232323;
    margin-bottom: 15px;
    line-height: 13px;
}
.f1-p1{
    background: url(../images/m1.png) left no-repeat;
}
.f1-p2{
    background: url(../images/m2.png) left no-repeat;
}
.f1-p3{
    background: url(../images/m3.png) left no-repeat;
}
.f3{
    margin-top: 40px;
}
.f3_1{
    width: 126px;
    height: 126px;
    text-align: center;
    margin-left: 20px;
}
.f3_1 img{
    border:1px solid #e0e0e0;
    width: 126px;
    height: 126px;
}
.f3_1 p{
    font-size: 14px;
    line-height: 32px;
    color: #393939;
    font-weight: bold;
}
.f3_1 p span{
    color: #5d9bfe;
}
.st{
    font-family: "ËÎÌå";
}
.fot2{
    width: 100%;
    height: 60px;
    background: #5d9bfe;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding-top:20px;
}
/*³µÐÍ×ÜÀÀ*/
.d3{
    width: 1198px;
    height: 33px;
    line-height: 33px;
    background: #fff;
    border:1px solid #e3e3e3;
    margin-top: 10px;
    margin-bottom: 20px;
}
.d3-1{
    margin-left: 10px;
    padding-left: 22px;
    background: url(../images/m4.png) left no-repeat;
	 color: #c8c8c8;
}
.d3-1 span,.d3-1 a{
    font-size: 12px;
    color: #c8c8c8;
}
.d3-1 a:hover{
    color: #5d9bfe;
}
.d4 {
    width: 1230px;
    margin-left: -20px;
}
.d4 a{
    min-width: 123px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    padding: 0 4px;
    font-size: 19px;
    color: #fff;
    display: block;
    float: left;
    background: #afafaf;
    margin-left: 20px;
    margin-bottom: 30px;
}
.on_1,.d4 a:hover{
    background: #5d9bfe!important;
}
#main{
    position: relative;
}
#tiles li {-moz-box-sizing: border-box; box-sizing: border-box;}
#tiles li>a{
    width: 100%;
    height: 100%;
    display: block;
}
#tiles li img {width: 281px;height: 243px;}

.d5{
    background: #fff;
    padding: 0 50px 50px;
    width: 1100px;
    font-size: 14px;
    color: #6b6b6b;
    line-height: 30px;
    margin-bottom: 85px;
}
.d5-a{
    float: right;
    font-size: 14px;
    color: #545454;
    padding-left: 33px;
    background: url(../images/m5.png) left no-repeat;
    line-height: 38px;
    margin-bottom: 12px;
}
/*ÏêÇé*/
.slideBox {
    width: 573px;
    height: 500px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}

.slideBox .hd {
    width: 100%;
    height: 27px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    bottom: 0;
    z-index: 1;
    background: url(../images/img6.png) repeat;

    padding-top: 15px;
}

.slideBox .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    margin: 0 5px;
}

.slideBox .hd ul li.on {
    background: #5d9bfe;
    color: #fff;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd img {
    width: 573px;
    height: 500px;
    display: block;
}
.d6{
    font-size: 14px;
    color: #7c7c7c;
    line-height: 30px;
    /* height: 455px; */
    /* overflow-y: auto; */
    margin-bottom: 50px;
    width: 695px;
    margin-right: 30px;
    font-weight: bold;
}
.view{width:1160px;margin-top:30px;text-align:center;}
.view img{max-width:100%;}
/* .d6 p{text-indent: 2em;}
.dy_1 p{text-indent: 2em;}
.d6_qk p{text-indent: 2em;} */
.img_d6{
    width: 421px;
    height: 493px;
    display: block;
}
.d6 img{
    max-width: 100%;
    vertical-align: middle;
}
.d7{
    margin-bottom: 35px;
}
.d7-left{
    margin-left: 10px;
}
.d7-1,.d7-2,.d7-3,.d7-4{
    width: 530px;
    height: 90px;
    background: #fff;
    border:1px solid #d3d3d3;
    line-height: 90px;
}
.d7-1 p,.d7-2 p,.d7-3 p,.d7-4 p{
    padding-left: 40px;
    font-size: 14px;
    color: #a6a6a6;
    width: 492px;
    margin-left: -10px;
    padding-left: 38px;
    background: url(../images/m6.png) left no-repeat;
    border:none;
}
.d7-2{
    height: 65px;
    line-height: 65px;
}
.d7-3,.d7-4{
    height: 56px;
    line-height: 56px;
}
.d7-2 p{
     background: url(../images/m7.png) left no-repeat;
}
.d7-3 p{
     background: url(../images/m8.png) left no-repeat;
}
.d7-4 p{
     background: url(../iImages/m9.png) left no-repeat;
}
.d7-right,.d7-right a{
    width: 612px;
    height: 320px;
    display: block;
}
.ul_1{
    width: 1234px;
    margin-left: -34px;
    margin-bottom: 30px;
}
.ul_1 li{
    width: 274px;
    float: left;
    margin-left: 34px;
    margin-bottom: 10px;
}
.ul_1 li a img{
    width: 274px;
    height: 361px;
    display: block;
}
.ul_1 li a span{
    font-size: 16px;
    color: #a8a8a8;
    text-align: center;
    display: block;
    line-height: 36px;
	height:36px;
	overflow:hidden;
}
#imgRolling .scroll_img li img.desaturate{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}


/*ADDÏêÇé*/
.zk{
    width: 1100px;
    background: #ececec;
}
.zk_r{
    width: 468px;
    margin-right: 20px;
    position: relative;
    height: 470px;
}
.zk_r h3 a{
    display: block;
    font-size: 24px;
    color: #212121;
    line-height: 74px;
    font-weight: normal;
    margin-top: 10px;
}
.zk_r>span{
    font-size: 18px;
    color: #d71e1e;
    line-height: 32px;
    margin-top: 10px;
}
.zk_r p{
    font-size: 14px;
    color: #6b6b6b;
    line-height: 30px;
}
.zk_d1{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.zk_d1 a{
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #5d9bfe;
    font-size: 18px;
    color: #fff;
    display: block;
    border-radius: 3px;
}
.zk_d1 span{
    float: right;
    font-size: 30px;
    color: #5d9bfe;
    line-height: 40px;
    font-weight: bold;
    display: block;
}

.slideTxtBox {
    width: 816px;
    padding-right: 20px;
    margin-top: 35px;
}

.slideTxtBox .hd {
    height: 43px;
    line-height: 43px;
    background: #dddddd;
    position: relative;
    color: #333;
    border: 1px solid #c8c8c8;
    margin-bottom: 15px;
}

.slideTxtBox .hd ul li {
    float: left;
    cursor: pointer;
    font-size: 14px;
    width: 125px;
    text-align: center;
}

.slideTxtBox .hd ul li.on {
    background: #c20000;
    color: #fff;
    border-bottom: 1px solid #c20000;
}
.hm_1{
    width:1098px;
    margin-top: 40px;
    height: 46px;
    line-height: 46px;
    border:1px solid #e0e0e0;
    background: #f8f8f8;
}
.hm_1 a{
    width: 120px;
    text-align: center;
    float: left;
    border-right: 1px solid #e0e0e0;
    font-size: 16px;
    color: #666666;
}
.on_2{
    background: url(../images/n1.png) no-repeat;
    color: #fff!important;
    height: 56px;
    border-right: none!important;
}

.hm_3 h3 a{
    font-size: 28px;
    color: #666666;
    display: block;
    background: url(../images/n2.png) center center no-repeat;
    width: 1100px;
    text-align: center;
    font-weight: normal;
    line-height: 28px;
    margin-top: 60px;
    margin-bottom: 20px;
}
.dy_1{
    font-size: 14px;
    color: #6b6b6b;
    line-height: 30px;
}
.dy_1 img{
    max-width: 100%;
    vertical-align: middle;
}
.hm_4{
    /*width: 900px;*/
    margin: 0 auto;
}
.hm_4 p{
text-indent: 2em;
	/*
    width: 408px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #999999;
    float: left;
    margin: 0 20px;*/
}

.add_ul_list li{
    height: 39px;
    line-height: 39px;
    border-bottom: 1px dashed #afafaf;
    text-align: right;
    font-size: 14px;
    color: #7c7c7c;
}
.add_ul_list li a{
    float: left;
    font-size: 14px;
    color: #7c7c7c;
}
.add_ul_list li a:hover{
    color: #5d9bfe;
}



.page_d{
    text-align: center;
    margin: 30px 0;
}
.page_d a{
    padding: 6px 14px;
    font-size: 14px;
    background: #afafaf;
    color: #fff;
    margin: 0 3px;
    display: inline-block;
}
.page_d a:hover,.page_d a.curror{
    background: #5d9bfe;
}

.product_list{margin-left:-30px;}
.product_list li{float:left;width:279px;margin-left:28px;margin-bottom:28px;}