@charset "utf-8";


body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

fieldset,img{border:0;}

img{vertical-align:middle;}

ol,ul,li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1; }

html{verflow:-Scroll;overflow-x:auto;zoom:1;overflow-y:scroll;/* overflow:-moz-scrollbars-vertical; */}

body{color:#333;font-size:12px;line-height:24px;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }

a{color:#333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}

a:hover{color:#0070be;text-decoration:none;}:focus{outline:none;}



/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.gr_center{text-align:center;}

.grWidth{width:1200px; margin:0 auto;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mt20{margin-top:20px;}

.center{text-align:center;}

.hidden{overflow:hidden;}





/*  广告轮播图 */

.banner{margin: 0 auto; position:relative;height:650px;overflow:hidden;}

.banner .bd{  height:650px; z-index:0;position: relative;left:50%; margin-left:-960px;}

.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}

.banner_ctr a{ display:block;width:47px;height:79px; background: url('../images/banner_btn.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}

.banner_ctr a.prev{left:-90px;}

.banner_ctr a.next{right:-1280px; background-position: -47px 0px;}

.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}

.banner .hd{position:absolute; bottom:25px; text-align: center; z-index:1;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px; }

.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:8px; height:8px;*display:inline; zoom:1; border-radius:100%;border:2px solid #fff;}

.banner .hd li:hover,.banner .hd .on{background:none;}



/*  产品中心 */

.product{padding:40px 0;overflow:hidden;}

.homeTitle{background: url('../images/hTie_bg.png') no-repeat center top;text-align:center;}

.homeTitle h2{font-size:36px;color:#333;font-weight:normal;text-transform: uppercase;line-height:36px;}

.homeTitle h2 span{display:block;color:#bdbdbd;font-family:Arial;font-size:18px;}

.homeTitle h5{font-size:16px;font-weight:normal;margin-top:15px;}

.proTop{height:130px;padding:35px 0;overflow:hidden;color:#fff;font-size:16px;text-align:center;}

.proTop li{float:left;width:230px;height:110px;background:#217ddb;border-radius:5px;margin-right:12px;padding-top:20px;line-height:22px;overflow:hidden;box-shadow:-1px -1px  0  rgba(0,0,0,0.2) inset;transition:all 0.3s;}

.proTop span{display:block;background: url('../images/proIcon.png') no-repeat center top;height:35px;margin-bottom:15px;transition:all 0.3s;}

.proTop li.p2{background:#00b0d0;}

.proTop li.p3{background:#26b72e;}

.proTop li.p4{background:#ffa800;}

.proTop li.p5{margin-right:0;background:#ff6000;}

.proTop li.p2 span{background-position: center -35px;}

.proTop li.p3 span{background-position: center -70px;}

.proTop li.p4 span{background-position: center -105px;}

.proTop li.p5 span{background-position: center -140px;}

.proTop li:hover{margin-top:-8px;transition:all 0.3s;}



.proMain{overflow:hidden;border-top:none;border-bottom:none;margin-bottom:25px;margin-top:40px;}

.proMain ul{width:1230px;}

.proMain li{float:left;width:288px;border:1px solid #ececec;text-align:center;line-height:22px;position:relative;margin-left:-2px;font-size:12px;margin:0 13px 15px 0;}

.proMain li h4{font-size:16px;font-weight:normal;color:#333;line-height:40px;}

.proMain li .pImg{width:250px;height:188px;display:block;overflow:hidden;margin-bottom:10px;}

.proMain li img{width:250px;height:188;transition:all 0.5s;}

.proMain li a{display:block;z-index:5;position:relative;padding:10px 19px 10px 19px;}
.proMain li a p{height:44px;line-height:22px;overflow:hidden;}
.proMain li:hover img{transition:all 0.5s;transform: scale(1.1,1.1);}

.proMain li:hover h4{color:#0070be;}

.proMain li::before,.proMain li::after{position:absolute;content:'';opacity:0;transition:all 0.5s}

.proMain li::before{top:-2px;right:0px;bottom:-2px;left:-2px;border-top:2px solid #0070be;border-bottom:2px solid #0070be;transform:scale(0,1);transform-origin:0 0}

.proMain li::after{top:-2px;right:0px;bottom:-2px;left:-2px;border-right:2px solid #0070be;border-left:2px solid #0070be;transform:scale(1,0);transform-origin:100% 0;}

.proMain li:hover::before,.proMain li:hover::after{opacity:1;transform:scale(1);transition: all 0.5s;}

.proMore{display:block;width:140px;height:40px;line-height:40px;text-align:center;color:#fff;background:#ccc;border-radius:3px;margin: 0 auto;transition:all 0.3s;}

.proMore:hover{background:#0070be;color:#fff;}



/*  解决方案 */
/*youshi*/
.youshi{width:1000px;margin:0 auto;overflow:hidden;}
.youshi span{ color:#0070be;}
#youshi_bg{ background:url(../images/20171107172140_1947120793.jpg) center no-repeat; height:1656px;}
#youshi_t{ margin-top:66px;  height:133px;}

#ys1_bg{ background:url(../images/20171121115032_384944951.png) center no-repeat; height:322px; margin-top:98px;}
#ys2_bg{ background:url(../images/20171107172139_1634884650.png) center no-repeat; height:316px;}
#ys3_bg{ background:url(../images/20171107172139_1284167960.png) center no-repeat; height:391px;}
#ys4_bg{ background:url(../images/20171107172139_349783561.png) center no-repeat; height:330px;}

.ys1_w{ width:375px; padding-top:32px; margin-left:114px; line-height:37px; font-size:14px; color:#555555;}
.ys2_w{ width:387px; padding-top:50px; line-height:37px; font-size:14px; color:#555555; float:right;}
.ys3_w{ width:375px; padding-top:80px; margin-left:114px; line-height:37px; font-size:14px; color:#555555;}
.ys4_w{ width:387px; padding-top:36px; line-height:37px; font-size:14px; color:#555555; float:right;}
#body1bj { background: #f4f4f4 url(../images/20171107200056_1860951834.jpg) top no-repeat;padding-top: 67px;    padding-bottom: 30px;}


/*  实力展示 */

.strength{padding:60px 0;overflow:hidden;}

.partner{height:110px;overflow:hidden;margin-bottom:20px;}

.partner .title{width:180px;background:#0070be;color:#fff;text-align:center;padding-top:30px;height:80px;font-size:30px;line-height:30px;font-weight:normal;position:relative;}

.partner .title span{display:block;font-size:12px;font-family:Arial;color:#2ca7fd;line-height:24px;}

.partner .title:before{position: absolute;content: "";top:50px;right:-12px;border:6px solid transparent;border-left-color: #0070be;}

.partnerSlide{width:1000px;height:110px;overflow:hidden;}

.partnerSlide ul{width:1040px;}

.partner li{float:left;width:190px;height:110px;overflow:hidden;position:relative;margin-right:12px;}

.partner li img{width:190px;height:110px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}

.partner li span{position:absolute;width:180px;height:110px;background:#fff;line-height:110px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#333;padding:0 5px;box-shadow:0 0 0 1px #0070be inset;}

.partner li:hover img{transform:rotateY(180deg);}

.partner li:hover span{transform:rotateY(0deg);}



.strengthMain{height:;overflow:hidden;}

.strengthMain li{float:left;width:400px;height:250px;overflow:hidden;position:relative;font-size:14px;}

.strengthMain li .box1{width:400px;height:250px;position:relative;overflow:hidden;}

.strengthMain li img{width:400px;height:250px;transition:all 0.5s;}

.strengthMain li span{display:block;position:relative;height:40px;line-height:40px;background: url('../images/opc.png');text-align:center;font-size:16px;margin-top:-40px;padding:0 10px;color:#fff;transition:all 0.3s;}

.strengthMain li .box2{position:absolute;top:0;left:0;width:340px;height:250px;text-align:center;color:#fff;z-index:5;padding:0 30px;opacity:0; filter:alpha(opacity=0);transition:all 0.5s;}

.strengthMain li h4{font-size:20px;font-weight:normal;padding-top:65px;height:40px;}

.strengthMain li p{background: url('../images/s_icon.png') no-repeat center bottom;padding-bottom:50px;}



.strengthMain li .box1:before {position:absolute;content:"";background: url('../images/opc2.png');top:50%;left:0;height:0;width:400px;transition:all 0.3s;}

.strengthMain li:hover .box1:before{top:0;height:250px;transition:all 0.3s;}

.strengthMain li:hover span{margin-top:0;transition:all 0.3s;}

.strengthMain li:hover .box2{opacity:1;transform:scale(1,1); filter:alpha(opacity=100);transition:all 0.5s;transition-delay:0.3s;}



/*  新闻资讯 */

.news{background:#f4f4f4;padding:60px 0;overflow:hidden;}

.newsMenu{height:35px;background: url('../images/n_line.jpg') repeat-x left 18px;height:35px;text-align:center;margin:30px 0;}

.newsMenu a{display:inline-block;width:120px;height:35px;text-align:center;line-height:35px;background:#bdbdbd;border-radius:18px;color:#fff;font-size:16px;margin-left:10px;}

.newsMenu a.on{background:#0070be;}

.newsMain{height:360px;overflow:hidden;margin-bottom:25px;}

.newsMain .newsBox{width:1240px;}

.newsMain li{float:left; width:280px;line-height:20px;;margin-bottom:15px;height:355px;margin-right:26px;border-bottom:2px solid #dadada;position:relative;font-size:12px;}

.newsMain li .nImg{width:280px;height:200px;overflow:hidden;display:block;}

.newsMain li img{width:280px;height:200px;transition:all 0.5s;}

.newsMain li h3{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:10px;margin-bottom:5px;}

.newsMain li h3 span{font-size:12px;color:#999;font-family:Arial;display:block;line-height:20px;}

.newsMain li h3 a{color:#333;}

.newsMain li h3 a:hover{color:#0070be;}

.newsMain li .more{margin-top:8px;display:inline-block;text-transform:uppercase;position:relative;transition:all 0.4s;left:0;}

.newsMain li .more:hover{left:8px;transition:all 0.4s;color:#0070be;}

.newsMain li:hover img{transition:all 0.5s;transform:scale(1.1,1.1)}

.newsMain li:before{position:absolute;content:'';left:0;bottom:-2px;width:0;height:2px;background:#0070be;transition:all 0.3s;}

.newsMain li:hover:before{width:100%;transition:all 0.3s;}