﻿/*banner效果*/
.banner { position:relative; width:100%; height:750px; min-width:1200px; overflow:hidden;}
.banner_list{ width:100%; height:750px; overflow:hidden;}
.banner_list li { height:750px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:750px;}
.banner_btn_o a{ display:none; position:absolute; top:50%; margin-top:-50px; z-index:20; width:80px; height:80px; }
.banner_prev{ background:rgba(0,0,0,.2) url(../images/banner_lac.png) no-repeat center; left:2%;}
.banner_next{ background:rgba(0,0,0,.2) url(../images/banner_rac.png) no-repeat center; right:2%;}
.banner_prev:hover{ background:rgba(0,0,0,.2) url(../images/banner_lho.png) no-repeat center;}
.banner_next:hover{ background:rgba(0,0,0,.2) url(../images/banner_rho.png) no-repeat center;}

.banner_owd{ position:absolute; width:100%; height:22px; bottom:20px; z-index:200; text-align:center;}
.banner_btn{ width:100%; height:10px;}
.banner_btn span{ display:inline-block; background:url(../images/banner_ac.png) no-repeat; width:9px; height:9px; margin:0 2px; cursor:pointer;  transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_btn span.on{ background:url(../images/banner_ho.png) no-repeat; width:45px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}


/*news-move*/

/*banner效果*/

/*al*/
.BanbBox{position: relative;width: 100%; z-index: 999; height: 80px;}
.nndubti{width: 620px; margin: auto;}

.BanbBox ul{zoom: 1; }
.BanbBox ul li{float: left;width: 265px;margin:0 7.5px;height: 60px; background: #fff; padding:10px 15px; display: block; overflow: hidden;position: relative;}
.BanbBox ul li:hover{ background: #0085db; background: -webkit-linear-gradient(left,#0085db,#0066b4);}

.BanbBox ul li .timgs{ width: 60px; height: 60px; float: left;}
.BanbBox ul li .timgs img{max-width: 100%;}
.BanbBox ul li .timgs .timgb{display: block;}
.BanbBox ul li:hover .timgs .timgb{display: none;}
.BanbBox ul li .timgs .timhggb{display: none;}
.BanbBox ul li:hover .timgs .timhggb{display: block;}
.BanbBox ul li .texet{margin-left: 30px; width: 160px; height: 30px; line-height: 30px; float: left; font-size: 20px;color: #333; font-weight: bold;}
.BanbBox ul li:hover .texet{color: #fff; }
/*al*/

.w{width: 1200px;margin: 0 auto;position: relative;}
.aj{width: 100%;height: 160px;position: absolute;left: 0;bottom: 0;}
.aj .before{content: "";display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.66;filter: alpha(opacity=66);position: absolute;left: 0;top: 0;z-index: 1;}
.aj .w{position: relative;z-index: 2;}
.ak{float: left;width: 400px;}
.al{font-size: 0;margin-bottom: 14px;}
.am{display: inline-block;vertical-align: top;font-size: 24px;color: #fff;height: 42px;position: relative;margin-top: 20px;margin-right: 10px;}
.am:after{content: "";display: block;width: 45px;height: 2px;background-color: #ffd930;position: absolute;left: 0;bottom: 0;}
.an{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;margin-top: 30px;}
.ao{font-size: 14px;color: #fff;line-height: 24px;opacity: 0.5;filter: alpha(opacity=50);}
.ap{float: right;font-size: 0;width: 780px;}
.aq{display: inline-block;vertical-align: top;width: 160px;height: 160px;position: relative;padding-top: 30px;padding-left: 35px;}
.aq:after{content: "";display: block;width: 1px;height: 70px;background-color: #fff;opacity: 0.2;filter: alpha(opacity=20);position: absolute;left: 0;top: 50%;margin-top: -35px;}
.aq.aq1:after{display: none;}
.ar{font-size: 0;margin-bottom: 20px;}
.as{font-size: 0;color: #fff;margin-bottom: 11px;}
.at{font-size: 24px;display: inline-block;vertical-align: bottom;}
.at .inrow{font-size:0;}
.at .inrow>li,
.at .inrow span{display:inline-block;letter-spacing:normal;word-spacing:normal; }
.at .dataNums{text-align:center;}
.at .dataNums .dataOne{ width: 14px;height:26px;text-align: center;}
.at .dataNums .dataBoc {position: relative; width: 100%; height: 100%;overflow: hidden;}
.at .dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.at .dataNums .tt span{width:100%;height:100%;font-size: 24px;line-height: 26px;color: #fff;}
.au{font-size: 14px;display: inline-block;vertical-align: bottom;position: relative;top: -3px;padding-left: 1px;}
.av{font-size: 14px;color: #fff;opacity: 0.5;filter: alpha(opacity=50);}










.container{overflow:hidden; display: block; margin-top: 60px;position:relative;}
.container1{overflow:hidden; display: block;  background: #f9f9f9; padding: 40px 0 50px;}

/*产品系列*/
.indexabout{width: 1200px;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px; }
.indexabout .aboutleft{ width:590px; height:450px; float:left; overflow:hidden;}

.indexabout .aboutleft iframe{ width:590px; height:450px; float:left; overflow:hidden;}

.productpew{width: 610px; float: left; overflow:hidden;margin:auto;position:relative; margin-top:0px; /*padding-top: 30px;*/ }
.productpew ul{zoom: 1;}
.productpew ul li{margin-bottom: 20px;float:left;position: relative;width: 285px; margin-left: 20px;background: #fff;overflow: hidden;}

.productpew ul li .pic{width:285px; height: 165px; overflow: hidden; display: block;}
.productpew ul li .pic img{max-width: 100%;transition: all 0.8s ease 0s;}
.productpew ul li .pic:hover img{transform: scale(1.1,1.1)}

.productpew ul li .contrast {width: 14px; height: 16px;background: url(../images/wel09.png) no-repeat center; position: absolute; bottom: 15px;right: 20px;cursor: pointer;transition: background .3s; z-index: 9;}
.productpew ul li:hover .contrast {background: url(../images/wel09_h.png) no-repeat center; }
.productpew ul li .ttinf {font-size: 16px; color:#666; line-height: 50px;height: 50px;overflow: hidden;display: block; padding: 0 15px;z-index: 9; }
.productpew ul li:hover .ttinf {color: #fff; }
.productpew ul li .bg {width: 100%;background: #0066b4; position: absolute;bottom: 0;left: 0; height: 0; transition: height .3s}
.productpew ul li:hover .bg {height: 50px;color: #fff;line-height: 50px; display: block; padding: 0 15px;font-size: 16px;}


.productpew ul li:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transition: all 1s ease 0s;}


/*.productpew ul li:nth-child(1){width:590px; height: 450px; margin-left: 0;}
.productpew ul li:nth-child(1) .pic{width:590px; height: 400px; overflow: hidden; display: block;}*/


/*产品系列*/

/*增值产品*/
.zjbsp{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top: 30px; height: 470px; }
.fnav{width: 275px; float: left; height: 470px; background:#0085db ;}
.fnav ul{zoom: 1;}
.fnav ul li{height: 100px; line-height: 100px; text-align: center; font-size: 20px; color: #fff; width: 100%;cursor: pointer;}
.fnav ul li.active{background: #0066b4;  background: -webkit-linear-gradient(left,#0085db,#0066b4);}

.timgsti{position: absolute; width: 100%; height: 470px; top: 0;z-index: -1; left: 0; min-width: 1200px;} 
.timgsti img {display: block; position: absolute;left: 50%;height: 470px;margin-left: -960px;width: 1920px; min-width: 1200px;}
.oplst{ width:855px; padding: 40px 70px; padding-right: 0; overflow: hidden; height: 390px; float: left;}
.oplst .tnanst{width: 100%; font-size: 28px; margin-bottom: 20px; color: #fff;}
.oplst .tsimg{width: 100%; overflow: hidden;margin-bottom: 20px;color: #fff;} 
.oplst .tsimg p{line-height: 28px; font-size: 16px;}
.oplst .bbing{width: 100%; overflow: hidden;}  
.oplst .bbing .ttops{width: 160px; border: 1px solid #fff; color: #fff; font-size: 16px; text-align: center; margin-right: 20px; height: 35px; line-height: 35px; float: left;}
.oplst .bbing .ttops:hover{background:#0085db ;border: 1px solid #0085db;}

.oplst{ display: none; }
.oplst.active{ display: block; }
/*增值产品*/

/*行业资讯*/

.tab{ margin-top: 30px; text-align: center;width: 600px;overflow:hidden;margin:auto;position:relative; }
.tab span{ margin-left:5px; display: inline-block; cursor: pointer; width: 150px; line-height: 38px; border: 1px solid #e5e5e5; font-size: 16px; color: #333333; text-align: center;}
.tab a{ margin-left:5px; display: inline-block; cursor: pointer; width: 150px; line-height: 38px; border: 1px solid #e5e5e5; font-size: 12px; color: #333333; text-align: center;font-style: italic;}
.tab span.active{ background: #0085db; color: #fff; border: 1px solid #0085db;}
.tab a:hover{ background: #0085db; color: #fff; border: 1px solid #0085db;}
.bomemo{width: 1200px;overflow:hidden;margin:auto;position:relative; height: 45px;margin-bottom: -45px;}
.bomemo a{position: absolute; right: 0; font-size: 18px; color: #0085db;}


.indexnews{width: 1200px;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px; margin-bottom: 20px;}
.indexnews .newleft{width: 500px; position: relative;float: left; margin-right: 50px;}
.indexnews .newleft a{ display: block; background: #f9f9f9; padding: 28px 40px;}
.indexnews .newleft .img{ display: block; width: 420px; height: 250px; overflow: hidden;}
.indexnews .newleft .img img{max-width:100%;transition: all 0.5s ease 0s;}
.indexnews .newleft:hover .img img{transform: scale(1.1,1.1)}
.indexnews .newleft .indtime {display: block;position: absolute;left: 45px;top: -25px;width: 135px; height: 100px; z-index: 1; background: url(../images/newtime.png) no-repeat center;background-size: 100%;}
.indexnews .newleft .indtime .indtext{font-size: 36px;color: #ffffff; margin-top: 8px;text-align: center; padding-left: 25px;}
.indexnews .newleft .indtime .indte{font-size: 18px;color: #ffffff;margin-top: 0px; text-align: center; padding-left: 25px;}
.indexnews .newleft .indtit{ margin-top: 22px; font-size: 22px; font-weight: bold; line-height: 22px; color: #0066b4;}
.indexnews .newleft .indxey{ margin-top: 12px; display: block; color: #999999; line-height:26px;}
.indexnews .newleft .more{ margin-top: 25px; display: inline-block; background: #0066b4; color: #FFFFFF;  width: 150px; line-height: 38px; font-size: 12px; text-align: center;font-style: italic;}
.indexnews .newleft .more:hover{background: #0093db;}
.indexnews .newleft .indtit:hover{color: #0093db;}


.indexnews .newright{ float: right; width: 650px;position: relative;}
.indexnews .newright ul{zoom: 1;}
.indexnews .newright ul li{width: 100%; margin-bottom: 23px; display: block; position: relative; border-bottom: 1px solid #efefef; overflow: hidden; padding-bottom: 15px;}
.indexnews .newright ul li:last-child{ border-bottom: none; padding-bottom: 0;}
.indexnews .newright ul li a{ display: block;}
.indexnews .newright ul li .img{ float: left; width: 250px; height: 150px; overflow: hidden; display: block; position: relative;}
.indexnews .newright ul li .img img{max-width:100%;transition: all 0.5s ease 0s;}
.indexnews .newright ul li:hover .img img{transform: scale(1.1,1.1)}
.indexnews .newright ul li .text{ width: 370px; float: left;overflow: hidden; display: block; position: relative; margin-left: 30px;}
.indexnews .newright ul li .text i{ display: block; color:#cccccc; line-height: 20px; font-style: normal; font-size: 18px;}
.indexnews .newright ul li .text .indtext{ margin-top: 5px; font-size: 18px; line-height: 28px; height: 28px; overflow: hidden; color: #222222;}
.indexnews .newright ul li .text .indxey{ margin-top: 10px; color: #999999; line-height: 24px; font-size: 14px;}
.indexnews .newright ul li a:hover .indtext{ color: #0066b4;}


.js-tab-con{ display: none;}
.js-tab-con.active{ display: block;}


/*行业资讯*/






/*合作伙伴*/

.hzhbindex{width: 1200px;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px; margin-bottom: 60px;}

.hzhbindex ul{zoom: 1;margin: 0 -10px;}
.hzhbindex ul li {  float: left; margin:0 10px; width: 220px; display: block;cursor: pointer; height:100px ; overflow: hidden; margin-bottom: 20px;border: solid 1px #ccc;}
.hzhbindex ul li .img {padding: 10px; overflow: hidden; overflow: hidden;  }
.hzhbindex ul li .img img { max-width: 100%;  transition: all 0.8s ease 0s;}
.hzhbindex ul li .img:hover img{transform: scale(1.1,1.1)}
.hzhbindex ul li .text { font-size: 16px; color: #666666; line-height: 28px; text-align: center; margin-top: 5px; }
.hzhbindex ul li:nth-child(1){animation-delay: 0.1s !important;}
.hzhbindex ul li:nth-child(2){animation-delay: 0.2s !important;}
.hzhbindex ul li:nth-child(3){animation-delay: 0.3s !important;}
.hzhbindex ul li:nth-child(4){animation-delay: 0.4s !important;}
.hzhbindex ul li:nth-child(5){animation-delay: 0.5s !important;}
.hzhbindex ul li:nth-child(6){animation-delay: 0.6s !important;}
.hzhbindex ul li:nth-child(7){animation-delay: 0.7s !important;}
.hzhbindex ul li:nth-child(8){animation-delay: 0.8s !important;}
.hzhbindex ul li:nth-child(9){animation-delay: 0.9s !important;}
.hzhbindex ul li:nth-child(10){animation-delay: 1s !important;}
.hzhbindex ul li:nth-child(11){animation-delay: 1.1s !important;}
.hzhbindex ul li:nth-child(12){animation-delay: 1.2s !important;}
.hzhbindex ul li:nth-child(13){animation-delay: 1.3s !important;}
.hzhbindex ul li:nth-child(14){animation-delay: 1.4s !important;}
.hzhbindex ul li:nth-child(15){animation-delay: 1.5s !important;}
/*合作伙伴*/









.foot{padding-bottom: 150px;}











.itembb1{text-align: center; font-size: 34px; color: #000; position: relative; margin-top: 50px; padding-bottom: 10px;}




.piclist{width: 100%; margin: auto; overflow: hidden; position: relative;  margin-top: 40px;}
.piclist ul{zoom: 1;  overflow: hidden;  }
.piclist ul li { margin-bottom: 30px; float: left; margin-right: 30px; width: 275.5px; display: block;  border: solid 1px #0085db;}
.piclist ul li:nth-child(4n){margin-right: 0;}
.piclist ul li .img { overflow: hidden; overflow: hidden; width: 275.5px; height: 200px; }
.piclist ul li .img img { max-width: 100%;  transition: all 0.8s ease 0s;width: 275.5px; height: 200px;}
.piclist ul li .img:hover img{transform: scale(1.1,1.1)}
.piclist ul li .text { font-size: 16px; color: #666666; line-height: 32px; height: 32px; text-align: center;  font-weight: 700; }

.pcbaoal{text-decoration: none; width: 200px; height: 50px; font-size: 18px; color: white; text-align: center;line-height: 50px; margin: 17px auto 40px;cursor: pointer; border-radius: 50px; display: block;border: none;bottom: 12px;left: 0;right: 0;position: relative; color: #333;}


.binng{width: 100%; margin: auto; overflow: hidden; position: relative;  margin-top: 40px;}
.binng ul{zoom: 1;  overflow: hidden;  width: 1200px; margin: auto;  }
.binng ul li { margin-bottom: 30px; float: left; margin-right: 50px; width: 360px; display: inline-block; }
.binng ul li:nth-child(3n){margin-right: 0;}
.binng ul li .dingimg{width: 70px; height: 70px; border-radius: 100%;  float: left; margin-right: 20px; overflow: hidden;}
.binng ul li .dingimg img{width: 70px; height: 70px;  border-radius: 100%;}
.binng ul li .txtmg{width: 268px;float: left;}
.binng ul li .afngrr{width: 100%;overflow: hidden; position: relative;display: block; margin-bottom: 10px;  }
.binng ul li .afngrr b{font-size: 28px; color: #0085db;}
.binng ul li .afngrr span{font-size: 16px; color: #000; margin-bottom: -10px;}
.binng ul li .lreebtt{width: 100%;overflow: hidden; position: relative;display: block; font-size: 15px; color: #666;  }

