.special{ height: auto;overflow: hidden; margin-top:16px;}
.special .container{ height: auto; overflow: hidden; border:1px solid #f0f0f0; padding:8px; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.spec-left{ float: left; width: 270px;}
.spec-left img{ display: block; width: 268px; border:1px solid #d7d7d7; height: 154px; border-radius: 3px;}
.spec-right{ width: 750px; float: left; margin-left: 70px;}
.spec-right h1{ height: auto; overflow: hidden; margin-top: 22px;}
.spec-right ul{ height: auto; overflow: hidden; margin-top: 20px;}
.spec-right ul li{ float: left; width: 261px; margin-right: 40px; background: url(../images/red_cicle.png) no-repeat left 9px; padding-left: 16px; font-size: 17px; color: #333; margin-bottom: 10px;}


.main-title{ height: auto; overflow: hidden;}
.main-title h1{ text-align: center; font-size: 38px; color:#333333; line-height: 38px; }
.main-title b{ background: url(../images/blue-line.png) no-repeat center; width: 100%; height: 5px; display: block; margin-top: 15px; margin-bottom: 10px;}
.main-title .p{ width: 100%;  text-align: center; font-size: 16px; color:#666666;}
.comparison{ height: auto;overflow: hidden; margin-top: 50px;}

.compar_ul{ height: auto; overflow: hidden; margin-top: 30px;}
.compar_ul li{ float: left; width: 281px; height: 364px;  margin-right: 20px;position: relative; border:1px solid #d2d2d2;}
.compar_ul li div{position: absolute;  width: 140px; height: 140px; overflow: hidden;
left:25%;
top:37px;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
backface-visibility: hidden;
}

.compar_ul li .div1{z-index: 1;}
.compar_ul li .div2{
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.compar_ul li h2{ font-size: 18px; color:#333333; text-align: center; margin-top: 195px; font-weight: normal; height: 24px; overflow: hidden;}
.compar_ul li p{text-align: center;color: #666666;font-size: 13px;padding: 13px 20px;line-height: 20px;height: 65px;overflow: hidden;}
.compar_ul li span{ display: block; width: 114px; height: 32px; background: #0052a1; margin:0 auto; color:#fff; text-align: center; font-size: 13px; line-height: 32px;}
.compar_ul li:hover{ border:1px solid #0a59a5;}
.compar_ul li:hover .div1{
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.compar_ul li:hover .div2{
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}


.product{ height: auto; overflow: hidden; background:url(../images/pro-bg.jpg) no-repeat center;margin-top: 80px; height: 674px;}
.product .main-title{ padding-top: 45px;}
.pro-ol{ height: auto; overflow: hidden;  height: 35px; line-height: 35px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  width: 460px; margin:0 auto;margin-top: 30px; padding:0 20px;}
.pro-ol li{ display: inline-block; font-size: 18px; color: #333333; cursor: pointer;}
.pro-ol li.li1{ margin:0 25px;}
.pro-ol li.active{ color:#0052a1;}

.pro-con{ height: auto; overflow: hidden; margin-top: 50px;}
.pro-con .pro-in{ height: auto; overflow:hidden; height: 368px; display: none;}
.pro-con .pro-in .pro_more{ width: 360px; height: 360px; margin:0 auto; border:1px solid #8eafcd; border-radius: 50%; background: #fff; position: relative;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.pro-con .pro-in .pro_more img{ display: block; width: 300px; height: 300px; margin:0 auto; margin-top: 22px; border-radius:100%;}
.pro-con .pro-in .pro_more .gray{ width: 100%; height: 100%;border-radius: 50%; position: absolute; left:0; top:0; background: rgba(178,178,178,0.66); overflow: hidden; visibility: hidden;}
.pro_more .gray .pro_p{ height: auto; overflow: hidden; margin-left:46px; margin-top: 73px;}
.pro_more .gray .pro_p p{ font-size: 18px; color:#fff; font-weight: bold; margin-bottom: 8px;}
.pro_more .gray  a{ display: block; width: 144px; height: 38px; background: #0052a1; color:#fff; font-size: 18px; text-align: center; border-radius: 20px; margin:0 auto; line-height: 38px; margin-top: 10px;}
.pro-con .pro-in .pro_more:hover .gray{ visibility: visible;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}


.about{ height: auto; margin:57px 0px;}
.about-top{ height: auto; margin-top: 33px;}
.about-left{ float: left; width: 564px; height: 399px; background: #0052a1;}
.about-left h1{ margin-top: 16px; margin-left: 16px;}
.about-right{ float: right; width: 600px;}
.about-right h2{ height:auto; overflow: hidden; margin-top: 25px; margin-bottom: 30px;}
.about-right p{ font-size: 15px; color:#333333; line-height: 25px; margin-bottom: 32px; height:204px; overflow: hidden; }
.about-right a{ display: block; width: 170px; height: 38px; background: url(../images/ab-aimg.png) no-repeat left center; color:#fff; line-height: 38px; font-size: 18px; text-align: center;}

.about-bottom{ height: auto;}
.leftLoop1{position: relative; width:1200px; margin:0px auto;  margin-top: 60px;}
.leftLoop1 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop1 .hd a{position:absolute; display:block;  width:30px; height:60px; cursor:pointer;}
.leftLoop1 .hd .prev{left:-56px; top:74px;  background:url("../images/prevPro4.png") no-repeat left top;}
.leftLoop1 .hd .next{right:-56px; top:74px;  display:block;  background:url("../images/nextPro4.png") no-repeat right top;}
.leftLoop1 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop1 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop1 .bd ul li{ float:left; overflow:hidden;text-align:center; margin-right: 20px; width: 224px; height: auto;}
.leftLoop1 .bd ul li div{ width:224px; height: 189px; }
.leftLoop1 .bd ul li img{width:224px; height: 189px;}
.leftLoop1 .bd ul li p{ font-size:16px; color: #000;line-height: 40px;  height:40px;}

.team{ width: 100%; height: 217px; background: url(../images/team.jpg) no-repeat center; margin-bottom: 57px;}
.team-in{ width: 690px; float: right;}
.leftLoop3{position: relative; width:580px; margin:0px auto; margin-top:37px;}
.leftLoop3 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop3 .hd a{position:absolute; display:block;  width:35px; height:63px; cursor:pointer;}
.leftLoop3 .hd .prev{left:-50px; top:54px; background:url("../images/team-left.png") no-repeat left top;}
.leftLoop3 .hd .next{right:-50px; top:54px;  display:block;  background:url("../images/team-right.png") no-repeat right top;}
.leftLoop3 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop3 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop3 .bd ul li{ float:left; overflow:hidden;text-align:center; margin-right: 16px; width:183px; height: auto;}
.leftLoop3 .bd ul li div{ width:183px; height: 153px; }
.leftLoop3 .bd ul li img{width:183px; height: 153px;}
.leftLoop3 .bd ul li p{ font-size:16px; color: #fff;line-height: 40px;  height:40px;}







.honor{ height: auto; overflow: hidden; margin-bottom: 57px;}
.leftLoop2{position: relative; width:1200px; margin:0px auto; margin-top:35px;}
.leftLoop2 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop2 .hd a{position:absolute; display:block;  width:30px; height:60px; cursor:pointer;}
.leftLoop2 .hd .prev{left:-56px; top:127px;  background:url("../images/prevPro4.png") no-repeat left top;}
.leftLoop2 .hd .next{right:-56px; top:127px;  display:block;  background:url("../images/nextPro4.png") no-repeat right top;}
.leftLoop2 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop2 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop2 .bd ul li{ float:left; overflow:hidden;text-align:center; margin-right: 20px; width: 224px; height: auto;}
.leftLoop2 .bd ul li div{ width:216px; height: 283px; border:1px solid #cccccc; }
.leftLoop2 .bd ul li img{width:210px; height: 277px; padding:3px;}
.leftLoop2 .bd ul li p{ font-size:16px; color: #000;line-height: 40px;  height:40px;}


.dongtai{ height: auto; overflow: hidden; background: #f3f3f3; padding:50px 0px; }
.don-le{ width: 396px; height:auto; float: left;  margin-right: 45px;}
.don-le img{ width: 396px; height: 163px;margin-top: 20px;}
.don-le ul li{ height: 40px; border-bottom: 1px dashed #cbcbcb; display: block; }
.don-le ul li a{ color: #666666; line-height: 42px;  background:url(../images/jiao.png) left center no-repeat;padding-left: 12px; display: block; font-size: 13px; height: 42px; overflow: hidden;}
.don-le ul li span{ float: right; clear: both; }
.don-midd{width: 396px; height:auto; float: left; }
.don-midd ul li{ height: 40px; border-bottom: 1px dashed #cbcbcb; display: block;}
.don-midd ul li a{ color: #666666; line-height: 42px;  background:url(../images/jiao.png) left center no-repeat;padding-left: 12px; display: block;font-size: 13px;height: 42px; overflow: hidden;}
.don-midd ul li span{ float: right; clear: both; }
.don-ri{ width: 309px; height: 430px; float: right;overflow: hidden;}
.don-midd img{ width: 396px; height: 163px;margin-top: 20px;}
.dongtai .h2{ color: #0052a1; font-size:22px;  font-weight: normal; background: url(../images/news_tit1.png) no-repeat left center; padding-left:30px;}
.don-midd .h2{ background: url(../images/news_tit2.png) no-repeat left center; padding-left:30px;}
.don-ri .h2{ background: url(../images/news_tit3.png) no-repeat left center; padding-left:30px;}
.dongtai .h2 i{ color: #979797; font-size: 18px; margin-left: 5px;font-style: normal;}
.dongtai .h2 a{ float: right; color: #333333; font-size: 13px; }

.don-ri .h3{ height: 35px; line-height: 35px;  white-space: nowrap;color: #333333;font-size: 14px;background: url(../images/wen.png) no-repeat left center;padding-left: 30px;font-weight: bold; }
.don-ri .pp{ color: #666666; font-size: 13px; line-height: 1.6; background: url(../images/da.png) no-repeat left 3px;padding-left: 30px; }
#scrollDiv  ul li{  border-bottom: 1px dashed #cbcbcb; padding-top: 13px;padding-bottom: 10px;}
#scrollDiv  ul li:last-child{ border-bottom: none;}
#scrollDiv {
font-size: 20px;
color: #333;
height: 430px;
overflow: hidden;
}
/*友情链接*/
/*.friend{ height: auto;margin-top: 65px;}
.friend-in{ height: 113px; border:1px solid #cfcfcf;padding:0 35px; position: relative;}
.fri-title{ text-align: center;}
.fri-title span{position: relative;display: inline-block;top:-15px;background-color: #fff;padding: 0 52px;font-size: 20px;}
.fri-ul{ height: auto; overflow: hidden;}
.fri-ul li{ float: left; margin-right: 45px; margin-bottom: 10px;}
.fri-ul li a{ color: #666666; font-size: 13px;}
.fri-title1{ text-align: center; position: absolute;bottom:-16px;left: 50%;
    margin-left: -128px;}
.fri-title1 span{display: inline-block;background-color: #fff;padding: 0 52px;font-size: 13px;}
.fri-title1 span a{ width: 152px; height: 36px; display:inline-block; background: #116ec6; color: #fff; text-align: center; line-height: 36px; }*/

.friend{ height: auto;margin-top: 20px; overflow: hidden;}
.friend span{ font-size: 20px; color:#005baa; float: left;}
.friend a{ display: inline-block; color:#666; font-size: 15px; padding:0 28px; float: left;}