@import url(common.css);
.banner{ background: #000; position: relative; z-index: 1;}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination-bullets{ bottom:20px!important;}
.banner .swiper-pagination-bullet{ width:18px; height: 18px; background: url(../images/bg_num.png);opacity:1;}
.banner .swiper-pagination-bullet-active{ background: url(../images/bg_num_cur.png)!important;}
.banner .swiper-button-prev,.banner .swiper-button-next{ position: absolute; top: 50%; width: 40px; height: 70px;  margin-top: -35px;z-index: 900;  }
.banner .swiper-button-prev{ left: 20px; background: url(../images/arr_l.png) center no-repeat; }
.banner .swiper-button-next{ right: 20px;  background: url(../images/arr_r.png) center no-repeat; }

/* .banner .bar{ position: absolute; z-index: 10; bottom:0; left: 0; width: 100%; height: 160px; background: rgba(0,0,0,.65); }
.banner .bar .line .x3{ height: 160px; padding-top: 35px; border-right: 1px solid rgba(255,255,255,.15);}
.banner .bar .line .x3 .f60{ line-height: 60px;}
.banner .bar .line .x3:first-child{ border-left: 1px solid rgba(255,255,255,.15);}
.banner .bar .line .x3:hover{ background: rgba(0,0,0,.65); } */


.indexico{ background: #fff; padding:60px 0 90px;}
.indexico .tit{ margin-bottom:40px; line-height: 50px;}
.indexico .x3 a{ display: block; width:116px; text-align: center; margin-left: auto; margin-right: auto; }
.indexico .x3 a i{ position: relative; display: block; width:116px; margin-left: auto; margin-right: auto; height:132px; margin-bottom: 5px; background: url(../images/ico_index.png); color:#fff;}
.indexico .x3 a i:before{ content:''; position: absolute; left:0; top:0; display: block; width:0px; margin-right: auto; height:132px; background: url(../images/ico_index.png) left bottom no-repeat; transition: all ease 0.3s; }
.indexico .x3 a:hover{ }
.indexico .x3 a:hover i:before{ width: 116px; }
.indexico .x3:nth-child(1) a i{ background-position: 0 top;}
.indexico .x3:nth-child(1) a i:before{ background-position: 0 bottom;}
.indexico .x3:nth-child(2) a i{ background-position: -270px top;}
.indexico .x3:nth-child(2) a i:before{ background-position: -270px bottom;}
.indexico .x3:nth-child(3) a i{ background-position: -540px top;}
.indexico .x3:nth-child(3) a i:before{ background-position: -540px bottom;}
.indexico .x3:nth-child(4) a i{ background-position: -810px top;}
.indexico .x3:nth-child(4) a i:before{ background-position: -810px bottom;}


.ipart1{ padding: 100px 0;background: #f2fcff;}
.ipart1 .tit{  margin-bottom: 20px;}
.ipart1 .zhuanslide{ margin-top:60px; min-height: 686px; position: relative; padding-right: 800px; background: url(../images/iys_line.png) 230px 121px no-repeat;}
.ipart1 .zhuanslide .f30{ margin-bottom:20px;}
.ipart1 .zhuanslide .more{ margin-top:30px;}
.ipart1 .zhuanslide .bd{ padding-top:100px;}
.ipart1 .zhuanslide .bd .f30 span{ display: inline-block; position: relative; padding-right: 40px; background: #f2fcff;}
.ipart1 .zhuanslide .bd .f30 span:after{ position: absolute; right:0; top:19px; content:''; width: 20px; height: 20px; background: #00afec; border-radius: 20px;; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.ipart1 .zhuanslide .hd{ background: url(../images/iys_icom.png) center no-repeat; width: 580px; height: 686px; position: absolute; right:0; top:0;}
.ipart1 .zhuanslide .hd li{ font-size: 16px; position: absolute; width: 140px; text-align: center;}
.ipart1 .zhuanslide .hd li i{ display: inline-block; width: 140px; height: 140px; text-align: center; line-height: 140px; background-repeat: no-repeat; background-position: center; background-color: #00afec; border-radius: 50% ; -webkit-border-radius: 50% ; -moz-border-radius: 50% ; -ms-border-radius: 50% ; -o-border-radius: 50% ; }
.ipart1 .zhuanslide .hd li:hover i, .ipart1 .zhuanslide .hd li.on i{ background-color: #014c9f;}
/* .ipart1 .zhuanslide .hd li:nth-child(1){ left:0; top:136px; }
.ipart1 .zhuanslide .hd li:nth-child(1) i{ background-image: url(../images/iys_ico1.png);}
.ipart1 .zhuanslide .hd li:nth-child(2){ left:220px; top:0px; }
.ipart1 .zhuanslide .hd li:nth-child(2) i{ background-image: url(../images/iys_ico2.png);}
.ipart1 .zhuanslide .hd li:nth-child(3){ right:0; top:136px; }
.ipart1 .zhuanslide .hd li:nth-child(3) i{ background-image: url(../images/iys_ico3.png);}
.ipart1 .zhuanslide .hd li:nth-child(4){ right:0; top:400px; }
.ipart1 .zhuanslide .hd li:nth-child(4) i{ background-image: url(../images/iys_ico4.png);}
.ipart1 .zhuanslide .hd li:nth-child(5){ left:220px; top:525px; }
.ipart1 .zhuanslide .hd li:nth-child(5) i{ background-image: url(../images/iys_ico5.png);}
.ipart1 .zhuanslide .hd li:nth-child(6){ left:0; top:400px; }
.ipart1 .zhuanslide .hd li:nth-child(6) i{ background-image: url(../images/iys_ico6.png);} */

.ipart1 .zhuanslide .hd li{transition:all 1.2s ease-in-out; border-left:180px solid transparent; border-top:1px solid transparent;left:50%;list-style:none;position:absolute;top:50%;transform-origin:0 0}
.ipart1 .zhuanslide .hd li a{ transition:all .5s ease-in-out; position:absolute; border-radius:50%; text-align:center; height:140px; width:140px;  }

/* .step-1 li:nth-of-type(1){transform:rotate(-97deg)}
.step-1 li:nth-of-type(1) a{transform:rotate(97deg)} */

.step-1 li:nth-of-type(1){transform:rotate(-157deg)}
.step-1 li:nth-of-type(1) a{transform:rotate(157deg)}
.step-2 li:nth-of-type(1){transform:rotate(-217deg)}
.step-2 li:nth-of-type(1) a{transform:rotate(217deg)}
.step-3 li:nth-of-type(1){transform:rotate(-277deg)}
.step-3 li:nth-of-type(1) a{transform:rotate(277deg)}
.step-4 li:nth-of-type(1){transform:rotate(-337deg)}
.step-4 li:nth-of-type(1) a{transform:rotate(337deg)}
.step-5 li:nth-of-type(1){transform:rotate(-397deg)}
.step-5 li:nth-of-type(1) a{transform:rotate(397deg)}
.step-6 li:nth-of-type(1){transform:rotate(-97deg)}
.step-6 li:nth-of-type(1) a{transform:rotate(97deg)}
.step-1 li:nth-of-type(2){transform:rotate(-97deg)}
.step-1 li:nth-of-type(2) a{transform:rotate(97deg)}
.step-2 li:nth-of-type(2){transform:rotate(-157deg)}
.step-2 li:nth-of-type(2) a{transform:rotate(157deg)}
.step-3 li:nth-of-type(2){transform:rotate(-217deg)}
.step-3 li:nth-of-type(2) a{transform:rotate(217deg)}
.step-4 li:nth-of-type(2){transform:rotate(-277deg)}
.step-4 li:nth-of-type(2) a{transform:rotate(277deg)}
.step-5 li:nth-of-type(2){transform:rotate(-337deg)}
.step-5 li:nth-of-type(2) a{transform:rotate(337deg)}
.step-6 li:nth-of-type(2){transform:rotate(-37deg)}
.step-6 li:nth-of-type(2) a{transform:rotate(37deg)}
.step-1 li:nth-of-type(3){transform:rotate(-37deg)}
.step-1 li:nth-of-type(3) a{transform:rotate(37deg)}
.step-2 li:nth-of-type(3){transform:rotate(-97deg)}
.step-2 li:nth-of-type(3) a{transform:rotate(97deg)}
.step-3 li:nth-of-type(3){transform:rotate(-157deg)}
.step-3 li:nth-of-type(3) a{transform:rotate(157deg)}
.step-4 li:nth-of-type(3){transform:rotate(-217deg)}
.step-4 li:nth-of-type(3) a{transform:rotate(217deg)}
.step-5 li:nth-of-type(3){transform:rotate(-277deg)}
.step-5 li:nth-of-type(3) a{transform:rotate(277deg)}
.step-6 li:nth-of-type(3){transform:rotate(23deg)}
.step-6 li:nth-of-type(3) a{transform:rotate(-23deg)}
.step-1 li:nth-of-type(4){transform:rotate(23deg)}
.step-1 li:nth-of-type(4) a{transform:rotate(-23deg)}
.step-2 li:nth-of-type(4){transform:rotate(-37deg)}
.step-2 li:nth-of-type(4) a{transform:rotate(37deg)}
.step-3 li:nth-of-type(4){transform:rotate(-97deg)}
.step-3 li:nth-of-type(4) a{transform:rotate(97deg)}
.step-4 li:nth-of-type(4){transform:rotate(-157deg)}
.step-4 li:nth-of-type(4) a{transform:rotate(157deg)}
.step-5 li:nth-of-type(4){transform:rotate(-217deg)}
.step-5 li:nth-of-type(4) a{transform:rotate(217deg)}
.step-6 li:nth-of-type(4){transform:rotate(83deg)}
.step-6 li:nth-of-type(4) a{transform:rotate(-83deg)}
.step-1 li:nth-of-type(5){transform:rotate(83deg)}
.step-1 li:nth-of-type(5) a{transform:rotate(-83deg)}
.step-2 li:nth-of-type(5){transform:rotate(23deg)}
.step-2 li:nth-of-type(5) a{transform:rotate(-23deg)}
.step-3 li:nth-of-type(5){transform:rotate(-37deg)}
.step-3 li:nth-of-type(5) a{transform:rotate(37deg)}
.step-4 li:nth-of-type(5){transform:rotate(-97deg)}
.step-4 li:nth-of-type(5) a{transform:rotate(97deg)}
.step-5 li:nth-of-type(5){transform:rotate(-157deg)}
.step-5 li:nth-of-type(5) a{transform:rotate(157deg)}
.step-6 li:nth-of-type(5){transform:rotate(143deg)}
.step-6 li:nth-of-type(5) a{transform:rotate(-143deg)}
.step-1 li:nth-of-type(6){transform:rotate(143deg)}
.step-1 li:nth-of-type(6) a{transform:rotate(-143deg)}
.step-2 li:nth-of-type(6){transform:rotate(83deg)}
.step-2 li:nth-of-type(6) a{transform:rotate(-83deg)}
.step-3 li:nth-of-type(6){transform:rotate(23deg)}
.step-3 li:nth-of-type(6) a{transform:rotate(-23deg)}
.step-4 li:nth-of-type(6){transform:rotate(-37deg)}
.step-4 li:nth-of-type(6) a{transform:rotate(37deg)}
.step-5 li:nth-of-type(6){transform:rotate(-97deg)}
.step-5 li:nth-of-type(6) a{transform:rotate(97deg)}
.step-6 li:nth-of-type(6){transform:rotate(203deg)}
.step-6 li:nth-of-type(6) a{transform:rotate(-203deg)}



.freeapply{ background: #fff; padding:110px 0 50px;}
.freeapply .tit{ margin-bottom: 50px;}
.freeapply .processbox{ height: 300px; margin:0 40px 80px;position: relative;}
.freeapply .processbox .process{ width:300px; height: 300px; position: absolute; top:0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color:#fff; text-align: center; padding-top:60px; }
.freeapply .processbox .process .f16{ width:185px; margin-left:auto; margin-right: auto; margin-top:20px;}
.freeapply .processbox .process i{ position: absolute; background: #fff;}
.freeapply .processbox .process i:nth-child(1){ width:1px; height: 40px; left:50%; top:0; }
.freeapply .processbox .process i:nth-child(2){ width:40px; height: 1px; right:0; top:50%; }
.freeapply .processbox .process i:nth-child(3){ width:1px; height: 40px; left:50%; bottom:0; }
.freeapply .processbox .process i:nth-child(4){ width:40px; height: 1px; left:0; top:50%; }
.freeapply .processbox .process1{ background: #96dc21; left: 0;}
.freeapply .processbox .process2{ background: #00afec; left: 50%; margin-left: -150px;}
.freeapply .processbox .process3{ background: #014c9f; right:0;}
.freeapply .processbox .arrows{ width:65px; height: 60px; position: absolute; left:318px; top:120px; background: url(../images/isq_arrow.png) no-repeat;}
.freeapply .processbox .arrow2{ left: 715px;}

.freeapply .applyban{ position: relative; background: #00afec; padding: 20px; height: 140px; border-radius: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; }
.freeapply .applyban .ads{ width:310px; text-align: center; padding-left: 30px;}
.freeapply .applybtn{ position: absolute; top:20px; right:20px; display: block; background: #014c9f; width:100px; height: 100px; border:3px solid #fff; font-size: 18px; color:#fff; padding: 20px 25px; line-height: 26px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.freeapply .applyslide{ position: absolute; left: 340px; top:20px; width:710px; height: 100px; padding-left:170px; background: #fff; color:#484848; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.freeapply .applyslide .f24{ position: absolute; left: 0; width:170px; padding: 20px 20px 20px 40px; line-height: 30px;}
.freeapply .applyslide .bd{ padding: 12px 60px 12px 0; height: 100px;}
.freeapply .applyslide .bd li { height: 25px; line-height: 25px;}
.freeapply .applyslide .bd li span{ display: inline-block;}
.freeapply .applyslide .bd li span:nth-child(1){ width:90px; }
.freeapply .applyslide .bd li span:nth-child(2){ width:90px; }
.freeapply .applyslide .bd li span:nth-child(3){ width:120px; }
.freeapply .applyslide .bd li span:nth-child(4){ width:100px; }

.ipart2{ padding:70px 0 90px; background: #fff;}
.ipart2 .tit{ margin-bottom: 40px;}
.ipart2 .soluslide{ margin-bottom: 30px;}
.ipart2 .soluslide .hd{ font-size: 16px; text-align: center; margin-bottom: 25px;}
.ipart2 .soluslide .hd li{ display: inline-block; line-height: 38px; padding: 0 20px; background: #e0e0e0; margin: 0 -3px; border-left:1px solid #fff; width: 140px;}
.ipart2 .soluslide .hd li.on{ color:#fff; background: #014c9f;}
.ipart2 .soluslide .hd li.on a{ color:#fff;}
.ipart2 .soluslide .bd ul{ margin-left: -15px; margin-right: -15px;} 
.ipart2 .soluslide .bd ul li{ padding-left: 15px; padding-right: 15px; }
.ipart2 .soluslide .bd ul li .wrap{width:270px; height: 392px;}
.ipart2 .soluslide .bd ul li .wrap img{ width:100%;}
.ipart2 .soluslide .bd ul li .con{ padding:10px 20px 25px; position: relative; background: #f2fcff;}
.ipart2 .soluslide .bd ul li .con .f16{  line-height: 22px;}
.ipart2 .soluslide .bd ul li:hover .con{ background: #00afec;}

.ipart3 { padding: 70px 0 0px; background:url(../images/iplat_bg.png) top center no-repeat; height: 600px; }
.ipart3 .xs4 .f36{ margin-top:60px; margin-bottom:20px;}
.ipart3 .xs4 .btn-diy2{ margin-top:80px;}

.ipart4{ background: url(../images/imao_bg.png) center top no-repeat; height: 680px;}
.ipart4 .xs8{ padding-top:80px;}
.ipart4 .xs8 .f36{ margin-bottom: 20px;}
.ipart4 .xs8 .btn-diy2{ margin-top:60px;}

.youshi{ padding:30px 0 90px;}
.youshi .tit{ margin-bottom: 60px;}
.youshi .xs3 { margin-bottom:60px; padding-left: 15px; padding-right: 15px;}
.youshi .xs3 i{ display: block; width: 150px; height: 150px; margin-left: auto; margin-right: auto; }
.youshi .xs3:nth-child(1) i{ background: url(../images/iys_ib1.png);}
.youshi .xs3:nth-child(2) i{ background: url(../images/iys_ib2.png);}
.youshi .xs3:nth-child(3) i{ background: url(../images/iys_ib3.png);}
.youshi .xs3:nth-child(4) i{ background: url(../images/iys_ib4.png);}
.youshi .xs3:nth-child(5) i{ background: url(../images/iys_ib5.png);}
.youshi .xs3:nth-child(6) i{ background: url(../images/iys_ib6.png);}
.youshi .xs3:nth-child(7) i{ background: url(../images/iys_ib7.png);}
.youshi .xs3:nth-child(8) i{ background: url(../images/iys_ib8.png);}

.ipart5{ background:url(../images/istory_bg.png) center top no-repeat; height: 650px;}
.ipart5 .wrap{ margin-top:120px; background: rgba(1, 76, 159, 0.9); border-top:3px solid #00afec; padding:20px 50px 50px;}
.ipart5 .wrap .f36{ margin-bottom: 20px;}

.inews{ padding:80px 0 145px; background: #f2fcff;}
.inews .f36{ margin-bottom: 50px;}
.inewsslide { padding-left: 585px; position: relative;}
.inewsslide .bd{position: absolute; top:0; left:0; width:550px; height: 370px;}
.inewsslide .bd li{ position: relative;height: 370px;}
.inewsslide .bd li div{ position: absolute; bottom:0; width: 100%; left:0; background: rgba(1, 76, 159, 0.9); padding: 10px 60px 10px 15px;}
.inewsslide .bd li img{width:550px; height: 370px;}

.inewsslide .hd ul{ position: relative; overflow: hidden; border-top:1px solid #e7e7e7;}
.inewsslide .hd ul li{border-bottom:1px solid #e7e7e7;}
.inewsslide .hd ul li a{ display: block; width: 100%; height: 122px;  padding: 32px 110px 32px 15px; position: relative; background: url(../images/ico_li.png) 5px 44px no-repeat;}
.inewsslide .hd ul li a .tit{ position: relative; color:#3b3b3b;}
.inewsslide .hd ul li a .date{ color:#545454; position: absolute; right:0px; top:0px; width:80px; height: 133px;text-align: center; padding-top: 30px;}
.inewsslide .hd ul li a .date span{ display: block; text-align: center; font-size: 36px; line-height: 40px; font-weight: 100;}
.inewsslide .hd ul li a .desc{ color:#9d9d9d;}
.inewsslide .hd ul li.on a .tit{ color:#014c9f; }
.inewsslide .hd ul li.on .date{ color:#014c9f; }


.inewslist li{  margin-bottom: 20px;}
.inewslist li a{ display: block; padding: 15px 100px 15px 15px;background: #fff; min-height: 90px;}
.inewslist li a .tit{ position: relative; padding-left: 10px; color:#3b3b3b; position: relative; background: url(../images/ico_li.png) left center no-repeat; margin-bottom: 5px;}
.inewslist li .date{ color:#545454; position: absolute; right:20px; top:15px; width:80px; height: 70px;text-align: center;}
.inewslist li .date span{ display: block; text-align: center; font-size: 36px; line-height: 40px; font-weight: 100;}
.inewslist li .desc{ padding-left: 10px;}



/*内页样式*/
.tWrap{}
.inban{ width: 100%; height: 650px; position: relative; background-position: center; }



.crumbwrap{ line-height: 40px; background: #fafafa; border-bottom:1px solid #f1f1f1; padding-top:20px; color:#535353;}
.crumb a{ color:#8b8b8b;}
.crumb a:last-child{ color: #014c9f;}

.main{ color:#3c3c3c; margin-bottom:40px; }

.mbody{ font-size: 14px!important; }
.mbody .content p{ line-height: 1.8; }


/*分页*/
.pages{ text-align:center; margin:40px auto 60px; font-size:12px;}
.pages a, .pages span{ display:inline-block; padding:8px 15px; background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; margin:0 2px; color:#aeaeae;}
.pages a:hover, .pages span.current{ background:#014c9f; color:#fff; border-color:#014c9f;}





/*单页*/
.company{ font-size: 16px; padding:80px 0;}
.company .f36{ margin-bottom:20px;}
.honer{ background: #e8f3ff; padding:110px 0 100px;}
.honerslide{ margin-top:60px; position: relative;}
.honerslide .prev,.honerslide .next{ position: absolute; top: 50%; width: 30px; height: 60px;  margin-top: -35px;z-index: 900;  }
.honerslide .prev{ left: -40px; background: url(../images/ico_l.png) center no-repeat; }
.honerslide .next{ right: -40px;  background: url(../images/ico_r.png) center no-repeat; }
.honerslide .bd{   }
.honerslide .bd ul{ overflow:hidden; zoom:1; }
.honerslide .bd ul li .wrap{ width:360px; margin-left: auto; margin-right: auto;}
.honerslide .bd ul li{ float:left; _display:inline; overflow:hidden;  }
.honerslide .bd ul li img{ width:100%; }
.office{  padding:110px 0 100px; }
.partner{ padding:90px 0; height: 630px; background: url(../images/cat_p1.png) top center no-repeat;}
.partner .f36{ margin-bottom:60px;}
.partner .xs3{ margin-bottom:20px;}
.partner .xs3 a{  width: 270px; height: 130px; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; background: #fff;}
.partner .xs3 a img{  vertical-align: middle; max-width: 270px; max-height: 130px; align-items: center;}
.future{ padding:190px 0 0; height: 630px; background: url(../images/cat_p2.png) top center no-repeat;}
.future .f36{ margin-bottom:20px;}
.contact{ padding:90px 0 50px;}
.contact .f36{ margin-bottom:40px;}
.contact .line .xs6{ margin-bottom:5px;}
.contact span.text-blue{ display: inline-block; width: 20px; text-align: center;}
.mapwrap{ position: relative; width:100%; height: 500px; overflow: hidden; border:1px solid #ccc;}
#allmap {width: 100%;height:600px;overflow: hidden;margin:0;}




/*详细页面*/
.content{ color:#4e4e4e; line-height:2; text-align: justify;}
.content .date{ border-bottom:1px dashed #c6c6c6; color:#b0b0b0;}
.content p{ line-height: 2;}
.content img{ max-width: 100%;}


/*联系我们*/



/*新闻列表*/
.mainCtn{ width:850px; float: left; margin-top:30px;}
.sidebar{ width:300px; float:right; margin-top:30px;}
.sidebar .sidebox{ border:1px solid #f3f3f3; margin-bottom: 20px;}
.sidebar .sidebox .tit{ border-bottom:2px solid #014c9f; height: 50px; line-height: 48px; background: #f3f3f3; }
.sidebar .sidebox .con{ padding:15px;}
.sidebar .sidebox .con li{ position: relative; padding-left: 10px; line-height: 20px; margin-bottom: 10px;}
.sidebar .sidebox .con li:last-child{ margin-bottom: 0;}
.sidebar .sidebox .con li span.text-blue{ position: absolute; left: 0; top:0px;}
.sidebar .sidebox .con li a{ display: block;}
.sidebar .sidetag{ background: #f3f3f3; margin-bottom: 20px;}
.sidebar .sidetag .tit{ height: 50px; line-height: 50px; }
.sidebar .sidetag .con{ padding:0 15px;}
.sidebar .sidetag .con div{ margin-bottom:15px;}
.sidebar .sidetag .con div a{ display: block; border:1px solid #ececec; background: #fff; padding:8px 0; text-align: center;}


.newslist{}
.newslist li{ height:202px; background: #fafafa; border:1px solid #f1f1f1; margin-bottom: 20px; position: relative; padding:30px 30px 30px 320px; transition: all 0.3s; }
.newslist li a{ display: block;}
.newslist li .pic{ position: absolute; left: 0; top:0;}
.newslist li .f20{ margin-bottom:5px;}
.newslist li .desc{ line-height: 1.8;}
.newslist li .desc a{ display: block; color:#8d8d8d;}
.newslist li .infos{ margin-top:20px;}
.newslist li .infos span.time,.newslist li .infos span.view{ line-height: 22px; padding-left: 25px; display: inline-block; width:160px;}
.newslist li .infos span.time{ background: url(../images/ico_time.png) left top no-repeat;}
.newslist li .infos span.view{ background: url(../images/ico_view.png) left top no-repeat;}
.newslist li:hover{ border:1px solid #014c9f;}
.newslist li:hover .f20{margin-bottom:5px; color:#014c9f;}

.newsCtn{background:#fafafa; border:1px solid #f1f1f1; padding:40px; }
.newsCtn .infos{}
.newsCtn .infos span{ line-height: 22px; padding-left: 25px; display: inline-block; text-align: left; margin: 0 10px; }
.newsCtn .infos span.time{ background: url(../images/ico_time.png) left top no-repeat;}
.newsCtn .infos span.view{ background: url(../images/ico_view.png) left top no-repeat;}
.newsCtn .infos span.from{ padding:0;}
.newsCtn .infos span.type{ padding:0;}

/*prevNext*/
.prevNext{ background:#fff; border:1px solid #f1f1f1; padding:15px 20px;}
.prevNext .xl12{ position: relative;}
.prevNext .xl12.prev{ padding-left: 70px;}
.prevNext .xl12.next{ padding-left: 70px;}
.prevNext a{ color:#8a8a8a;}
.prevNext a:hover{ color:#014c9f;}
.prevNext span{ position: absolute; display:inline-block;}
.prevNext .prev span{ left:0; padding-left:10px; background:url(../images/icon_prev.png) left center no-repeat;}
.prevNext .next span{ left:0; padding-left:10px; background:url(../images/icon_prev.png) left center no-repeat;}


/*解决方案*/
.soluitem .container{ padding-top: 80px; padding-bottom:90px;}
.soluitem .solubox{ margin-bottom: 20px;}
.soluitem .solubox .con{ margin-top:20px; margin-bottom: 40px;}
.soluitem .tit{ margin-bottom: 30px; position: relative; line-height: 50px;}
.soluitem .tit:after{ content:''; position: absolute; left: 50%; bottom:0; width:120px; margin-left: -60px; height: 2px; background: #014c9f;}
.soluitem .solulist{ font-size: 16px; text-align: center; margin-bottom: 20px;}
.soluitem .solulist{ margin-left: -15px; margin-right: -15px;} 
.soluitem .solulist li{ padding-left: 15px; padding-right: 15px; }
.soluitem .solulist li .wrap{width:100%; height: 392px;}
.soluitem .solulist li .wrap img{ width:100%;}
.soluitem .solulist li .con{ padding:10px 20px 25px; position: relative; background: #f3f3f3;}
.soluitem .solulist li .con .f16{  line-height: 22px;}
.soluitem .solulist li:hover .con{ background: #00afec;}
.soluitem:nth-child(even){ background: #f3f3f3;}
.soluitem:nth-child(even) .solubox .xs6:nth-child(1){float: right;}
.soluitem:nth-child(even) .solulist li .con{  background: #fff;}
.soluitem:nth-child(even) .solulist li:hover .con{ background: #00afec;}

.solucat{ padding:100px 0; text-align: center;}
.solucat .btn{ margin-top:20px;}
.solucat .btn a{ font-size: 24px; padding: 15px 60px;}

.relenews{ padding:80px 0 140px; background: #e6f9ff;}
.relenews .f36{ margin-bottom: 40px;}
.releslide { height: 370px; position: relative; width: 100%;}
.releslide .hd{ width:580px;}
.releslide .hd li{ margin-bottom: 2px; background:url(../images/ico_li.png) 30px center no-repeat #fff; line-height: 60px; padding: 0 20px 0 40px;}
.releslide .hd li.on{ background-color: #00afec;}
.releslide .hd li.on a,.releslide .hd li.on span{ color:#fff;}
.releslide .hd li a{ display: block;}
.releslide .bd{ position: absolute!important; right:0; top: 0; }
.releslide .bd img{ width:580px; height: 370px;}


/*产品-手表*/
.watchlist{ padding-top:60px; padding-bottom: 100px;}
.watchlist .f20{ margin-bottom:5px;}
.watchlist img{ margin-bottom:5px;}

/*儿童手表*/
.wepart1{ height: 700px; background: url(../images/we_bg1.png) center top no-repeat; padding-top:60px;}
.wepart1 .f40{ margin-bottom:20px;}
.wepart2{ padding-top:90px;  height: 700px;} 
.wepart2 .ico{ margin-top: 40px;}
.wepart2 .ico .xs2{ margin-bottom:40px;}
.wepart3{ background: #b0fcf1; height: 700px; padding: 50px 0;}
.wepart3 .xs3{ padding-top:180px;}
.wepart3 .xs3 .color{margin-top:60px;}
.wepart3 .xs3 .color i{ display: block; width: 50px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 5px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.wepart3 .xs3 .color .x4 i{ background: #6ec2ff;}
.wepart3 .xs3 .color .x4:nth-child(2) i{ background: #fff;}
.wepart3 .xs3 .color .x4:nth-child(3) i{ background: #000;}
.wepart4 { height: 700px; padding:100px 0;}
.wepart4 .text{ padding-left:20px; padding-top:60px;}
.wepart4 .text .f40{ margin-bottom:20px;}
.wepart4 .text .f16{ width:380px;}
.wepart4 .text .gps{ margin-top:40px;}
.wepart4 .text .gps span{ display: block; width:90px; height: 90px; line-height: 90px; text-align: center; color:#fff; font-size: 38px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.wepart4 .text .gps .x3:nth-child(1) span{ background: #6ddda4;}
.wepart4 .text .gps .x3:nth-child(2) span{ background: #5cb9ff;}
.wepart4 .text .gps .x3:nth-child(3) span{ background: #f66296;}
.wepart4 .text .gps .x3:nth-child(4) span{ background: #f664e8;}
.wepart5{ padding:90px 0; background: #edfafd; height: 700px;}
.wepart5 .xs5{ padding-top:330px;}
.wepart6{ padding:90px 0; background:url(../images/we_bg5.png) center top no-repeat; height: 700px;}
.wepart6 .text{ padding:60px 20px; color:#edfafd;}
.wepart6 .text .f40{ margin-bottom: 20px;}
.wepart7{ padding:100px 0; background: #edfafd; height: 700px;}
.wepart7 .text{ padding:120px 20px 0;}
.wepart8{ padding:90px 0; background:url(../images/we_bg7.png) center top no-repeat; height: 700px;}
.wepart8 .text{ padding:100px 20px 0 60px; color:#fff;}
.wepart8 .text .f40{ margin-bottom: 20px;}
.wepart9{ padding:80px 0 0; background: url(../images/we_bg8.png) center top no-repeat; height: 700px;}
.wepart9 img{ margin-top:30px;}
.wepart10{ height: 700px; padding: 60px 0 0; background: url(../images/we_bg9.png) center top no-repeat;}
.wepart10 .text{ padding:40px 20px 0;}
.wepart11{ background: #edfafd; height: 700px; padding:100px 0 0;}
.wepart11 .text{ padding-top:150px;}
.wepart12{ background:url(../images/we_bg11.png) center top no-repeat; height: 700px; padding:100px 0 0;}
.wepart12 .text{ padding:130px 40px 0;}
.wepart13{ background:url(../images/we_bg12.png) center top no-repeat; height: 700px; padding:70px 0 0;}
.wepart13 .text{ padding:150px 0px 0;}
.wepart14{ background:url(../images/we_bg13.png) center top no-repeat; height: 700px; padding:146px 0 0;}
.wepart14 .text{ padding:80px 40px 0;}
.wepart15{ padding:100px 0 0; background: url(../images/we_bg14.png) center top no-repeat; height: 700px;}
.wepart15 img{ margin-top:40px;}
.wepart16{ padding:160px 0 0; background:#edfafd; height: 700px;}
.wepart16 .text{ padding:60px 90px 0;}
.watchinfo{ padding:90px 0;}
.watchinfo .three{ margin-top:70px; margin-bottom: 130px;}
.watchinfo .content{ margin-right:60px; padding-top:20px;}
.watchinfo .content table { width: 100%;}
.watchinfo .content table tr:first-child td:first-child{ width:140px;}
.watchinfo .content table td{ border:1px solid #e5e5e5; font-size: 16px; padding:10px 15px; text-align: center;}
.watchinfo .content table tr:nth-child(even) td{ background: #f3f3f3;}


.wopart1{ height: 700px; background: url(../images/wl_bg1.png) top center no-repeat; padding:160px 0 0;}
.wopart1 .text{ padding:80px 40px 0;}
.wopart1 .text .f16{ color:#d8d8d7; margin-top:30px;}
.wopart2{ height: 700px; background: url(../images/wl_bg2.png) top center no-repeat; padding:160px 0 0;}
.wopart2 .text{ padding:70px 30px 0; }
.wopart2 .text .f40{ line-height: 46px; margin-bottom: 20px;}
.wopart3{ padding-top:90px;  height: 700px; background: #272727;} 
.wopart3 .ico{ margin-top:60px;}
.wopart3 .ico .xs2{ margin-bottom:40px; color:#fff;}
.wopart3 .ico .xs2 div{ padding:5px;}
.wopart4{height: 700px; background: url(../images/wl_bg3.png) top center no-repeat; padding:120px 0 0;}
.wopart4 .text{ padding:110px 30px 0; }
.wopart4 .text .f40{ margin-bottom: 30px;}
.wopart5{height: 700px; background: url(../images/wl_bg4.png) top center no-repeat; padding:240px 0 0;}
.wopart5 .text{ padding:40px 10px 0; }
.wopart5 .text .f16{ color:#bdbbba; margin-top:30px;}
.wopart6{height: 700px; background: #efefef; padding:140px 0 0;}
.wopart6 .text{ padding:100px 40px 0; }
.wopart6 .text .f16{  margin-top:30px;}
.wopart7{height: 700px; background: url(../images/wl_bg6.png) top center no-repeat; padding:140px 0 0;}
.wopart7 .text{ padding:30px 30px 0; }
.wopart7 .text .f16{  margin-top:30px;}
.wopart8{ height: 700px; background: url(../images/wl_bg7.png) top center no-repeat; padding:110px 0 0;}
.wopart9{ height: 700px; background: #e3e3e3; padding:130px 0 0;}
.wopart9 .text{ padding:120px 20px 0; }
.wopart9 .text .f40{ margin-bottom: 20px;}
.wopart10{ height: 700px; background: url(../images/wl_bg9.png) top center no-repeat; padding:130px 0 0;}
.wopart10 .text{ padding:10px 20px 0; }
.wopart11{ height: 700px; background: url(../images/wl_bg10.png) top center no-repeat; padding:120px 0 0;}
.wopart11 .text{ padding:150px 0px 0; }
.wopart12{ height: 700px; background: url(../images/wl_bg11.png) top center no-repeat; padding:80px 0 0;}
.wopart12 .text{ padding:50px 0px 0; }
.wopart13{ height: 700px; background:#fff; padding:140px 0 0;}
.wopart13 .text{ padding:150px 0px 0; }
.wopart14{ height: 700px; background:#e9e9e7; padding:140px 0 0;}
.wopart14 .text{ padding:90px 30px 0; }
.wopart15{ height: 700px; background: url(../images/wl_bg14.png) top center no-repeat; padding:140px 0 0;}
.wopart15 .text{ padding:120px 30px 0; }
.wopart15 .text .f16{ color:#d6d6d6; margin-top:20px;}
.wopart16{ background:url(../images/we_bg13.png) center top no-repeat; height: 700px; padding:146px 0 0;}
.wopart16 .text{ padding:80px 40px 0;}



/*物联网平台*/
.plat1{ padding:80px 0;}
.plat1 img{ padding: 15px 0;}
.plat1 .text{ margin:0 0 0 70px;}
.plat1 .f36{ margin-bottom: 20px; }
.plat1 .ico{ margin-top:40px;}
.plat1 .ico .x3{ text-align: center;}
.plat1 .ico .x3 i{ display: block; height: 65px; width:65px; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
.plat1 .ico .x3:nth-child(1) i{ background: url(../images/plat_i1.png);}
.plat1 .ico .x3:nth-child(2) i{ background: url(../images/plat_i2.png);}
.plat1 .ico .x3:nth-child(3) i{ background: url(../images/plat_i3.png);}
.plat1 .ico .x3:nth-child(4) i{ background: url(../images/plat_i4.png);}
.plat2{ padding:100px 0; background: #e8f3ff;}
.plat2 .xs7 .f36 { line-height: 44px; margin-top: 25px; margin-bottom:25px;}
.plat2 .xs7 li{ position: relative; line-height: 20px; padding: 10px 10px 10px 30px;}
.plat2 .xs7 li i{ position: absolute; left:0; top:8px; display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #014c9f; color:#fff; font-style: normal; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.plat3{ padding:100px 0 50px;}
.plat3 .f36{ margin-bottom:60px;}
.plat3 .f36 .ico{ margin-left: 22px; margin-right: 22px;}
.plat3 .ico .xs3{ padding-left: 22px; padding-right: 22px; margin-bottom:44px;}
.plat3 .ico .xs3 .wrap{ width:256px; height: 256px; border:2px solid #24baef; padding:25px 50px 0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.plat3 .ico .xs3 i{display: block; width:100px; height: 100px; margin-left: auto; margin-right: auto;}
.plat3 .ico .xs3:nth-child(1) i{ background-image: url(../images/plat_t1.png);}
.plat3 .ico .xs3:nth-child(2) i{ background-image: url(../images/plat_t2.png);}
.plat3 .ico .xs3:nth-child(3) i{ background-image: url(../images/plat_t3.png);}
.plat3 .ico .xs3:nth-child(4) i{ background-image: url(../images/plat_t4.png);}
.plat3 .ico .xs3:nth-child(5) i{ background-image: url(../images/plat_t5.png);}
.plat3 .ico .xs3:nth-child(6) i{ background-image: url(../images/plat_t6.png);}
.plat3 .ico .xs3:nth-child(7) i{ background-image: url(../images/plat_t7.png);}
.plat3 .ico .xs3:nth-child(8) i{ background-image: url(../images/plat_t8.png);}
.plat4{ padding:50px 0 120px;}
.plat4 .f36{ margin-bottom:40px;}

.card1{ padding:80px 0;}
.card1 .f36{ margin-bottom:20px;}
.card2{ padding:100px 0; background: url(../images/card_p2.png) center top no-repeat #faf6f7;}
.card2 .xs7 .f36 { line-height: 44px; margin-bottom:25px;}
.card2 .xs7 li{ position: relative; line-height: 20px; padding: 8px 10px 8px 0px;}
.card2 .xs7 .button{ margin-top:30px;}
.card3{ padding:100px 0 50px;}
.card3 .f36{ margin-bottom:60px;}
.card3 .f36 .ico{ margin-left: 22px; margin-right: 22px;}
.card3 .ico .xs3{ padding-left: 22px; padding-right: 22px; margin-bottom:44px;}
.card3 .ico .xs3 .wrap{ width:160px; margin-left: auto; margin-right: auto; }
.card3 .ico .xs3 i{ display: block; width:140px; height: 140px; margin-left: auto; margin-right: auto; background-color:#00afec; margin-bottom: 10px; border-radius:50%  ; -webkit-border-radius:50%  ; -moz-border-radius:50%  ; -ms-border-radius:50%  ; -o-border-radius:50%  ; }
.card3 .ico .xs3:nth-child(1) i{ background-image: url(../images/card_i1.png);}
.card3 .ico .xs3:nth-child(2) i{ background-image: url(../images/card_i2.png); background-color: #014c9f;}
.card3 .ico .xs3:nth-child(3) i{ background-image: url(../images/card_i3.png);}
.card3 .ico .xs3:nth-child(4) i{ background-image: url(../images/card_i4.png); background-color: #014c9f;}
.card3 .ico .xs3:nth-child(5) i{ background-image: url(../images/card_i5.png); background-color: #014c9f;}
.card3 .ico .xs3:nth-child(6) i{ background-image: url(../images/card_i6.png);}
.card3 .ico .xs3:nth-child(7) i{ background-image: url(../images/card_i7.png); background-color: #014c9f;}
.card3 .ico .xs3:nth-child(8) i{ background-image: url(../images/card_i8.png);}

.card4{ padding:100px 0; background: #f2fcff;}
.card4 .f36{ margin-bottom:60px;}
.card4 .f36 .ico{ margin-left: 22px; margin-right: 22px;}
.card4 .ico .xs3{ padding-left: 22px; padding-right: 22px; margin-bottom:44px;}
.card4 .ico .xs3 .wrap{ width:256px; height: 256px; background-color: #fff; border:2px solid #24baef; padding:25px 50px 0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.card4 .ico .xs3 i{display: block; width:100px; height: 100px; margin-left: auto; margin-right: auto; }
.card4 .ico .xs3:nth-child(1) i{ background-image: url(../images/card_ic1.png);}
.card4 .ico .xs3:nth-child(2) i{ background-image: url(../images/card_ic2.png);}
.card4 .ico .xs3:nth-child(3) i{ background-image: url(../images/card_ic3.png);}
.card4 .ico .xs3:nth-child(4) i{ background-image: url(../images/card_ic4.png);}
.card4 .ico .xs3:nth-child(5) i{ background-image: url(../images/card_ic5.png);}
.card4 .ico .xs3:nth-child(6) i{ background-image: url(../images/card_ic6.png);}
.card4 .ico .xs3:nth-child(7) i{ background-image: url(../images/card_ic7.png);}
.card4 .ico .xs3:nth-child(8) i{ background-image: url(../images/card_ic8.png);}

.card5{ padding:100px 0 130px; background:#f2fcff; margin-top:90px;}
.card5 .f36{ margin-bottom:70px;}
.vstable .line-big{ position: relative; margin-left: -25px; margin-right: -25px;}
.vstable .line-big .vs{ position: absolute; left: 50%; margin-left: -47px; top:50%; margin-top: -47px; z-index: 1;}
.vstable .line-big table{ width: 100%;}
.vstable .line-big table td{ border:2px solid #fff; padding:15px 20px; text-align: center; background: #deebef; font-size: 16px;}
.vstable .line-big table tbody tr:first-child td,.vstable .line-big table tbody tr td:first-child{ background: #85a7b2; color:#fff;}
.vstable .line-big table tbody tr:last-child td{ height: 120px;}
.vstable .line-big table th{ background: #60838e; color:#fff; padding:7px; font-weight: normal;}
.vstable .line-big .good table td{ background: #b3ebff; color:#32547a;}
.vstable .line-big .good table th{ background: #014c9f;}
.vstable .line-big .good table tbody tr:first-child td,.vstable .line-big .good table tbody tr td:first-child{ background: #00afec; color:#fff;}

.card6{ padding:90px 0 50px;}
.card6 .f36{ margin-bottom:60px;}
.card6 .f36 .ico{ margin-left: 22px; margin-right: 22px;}
.card6 .ico .xs3{ padding-left: 22px; padding-right: 22px; margin-bottom:44px;}
.card6 .ico .xs3 .wrap{ width:160px; margin-left: auto; margin-right: auto; }
.card6 .ico .xs3 i{ display: block; width:150px; height: 150px; margin-left: auto; margin-right: auto; background-color:#00afec; margin-bottom: 10px; border-radius:50%  ; -webkit-border-radius:50%  ; -moz-border-radius:50%  ; -ms-border-radius:50%  ; -o-border-radius:50%  ; }
.card6 .ico .xs3:nth-child(1) i{ background-image: url(../images/card_i1.png);}
.card6 .ico .xs3:nth-child(2) i{ background-image: url(../images/card_i2.png); background-color: #014c9f;}
.card6 .ico .xs3:nth-child(3) i{ background-image: url(../images/card_i3.png);}
.card6 .ico .xs3:nth-child(4) i{ background-image: url(../images/card_i4.png); background-color: #014c9f;}
.card6 .ico .xs3:nth-child(5) i{ background-image: url(../images/card_i5.png); background-color: #014c9f;}
.card6 .ico .xs3:nth-child(6) i{ background-image: url(../images/card_i6.png);}
.card6 .ico .xs3:nth-child(7) i{ background-image: url(../images/card_i7.png); background-color: #014c9f;}
.card6 .ico .xs3:nth-child(8) i{ background-image: url(../images/card_i8.png);}


/*MIFI*/
.mifi1{ padding:80px 0; background: #f7f7f7;}
.mifi1 .f36{ margin-bottom:20px; margin-top:130px;}
.mifi1 .xs7 .text{ padding-left:80px;}
.mifi1 .xs7 .text ul{ margin-top:30px;}
.mifi1 .xs7 .text li{ border-bottom:1px solid #e9e9e9; line-height: 50px;}
.mifi1 .xs7 .text li:first-child{ border-top:1px solid #e9e9e9;}
.mifi1 .xs7 .text .buy{ margin-top:50px; display: block; width:160px; height: 50px; line-height: 50px; background: #014c9f; color:#fff; text-align: center;}

.mifin1{ padding:60px 0;}
.mifin1 .table {margin-top:20px;}
.mifin1 .table td{ background: #eeeeee; border:2px solid #fff; padding:10px; text-align: center;}

.mifin2{ padding:0px 0 0px;}
.mifin2 .line-small{ margin-top:20px; margin-bottom:60px;}
.mifin2 .line-small .wrap{ padding:0 15px; position: relative; padding-top: 310px; height: 630px;}
.mifin2 .line-small .pic { position: absolute; left:15px; top:0; width:262px; text-align: center; padding:15px 0; text-align: center; border:1px solid #e9e9e9;}
.mifin2 .line-small .xs3:nth-child(even) .wrap{ padding-top:0; padding-bottom:310px;}
.mifin2 .line-small .xs3:nth-child(even) .pic{ top:auto; bottom:0;}
.mifin2 .mdiy{ padding:20px; border:1px solid #e9e9e9;}
.mifin2 .mdiy .xs6:first-child img{ width: 100%;}
.mifin2 .mdiy .xs6:last-child .wrap{ padding-left:50px;}
.mifin2 .mdiy .xs6 .desc{ line-height: 34px;}
.mifin2 .mdiy .xs6 .btn{ margin-top:30px;}
.mifin2 .mdiy .xs6 .btn a{ display: block; width:160px; height: 50px; line-height: 50px; text-align: center; border:1px solid #014c9f; font-size: 18px; color:#014c9f;}

.mifi2{ padding:100px 0 50px;}
.mifi2 .f36{ margin-bottom:60px;}
.mifi2 .f36 .ico{ margin-left: 22px; margin-right: 22px;}
.mifi2 .ico .xs3{ padding-left: 22px; padding-right: 22px; margin-bottom:44px;}
.mifi2 .ico .xs3 .wrap{ width:100%; margin-left: auto; margin-right: auto; }
.mifi2 .ico .xs3 i{ display: block; width:140px; height: 140px; margin-left: auto; margin-right: auto; background-color:#00afec; margin-bottom: 10px; border-radius:50%  ; -webkit-border-radius:50%  ; -moz-border-radius:50%  ; -ms-border-radius:50%  ; -o-border-radius:50%  ; }
.mifi2 .ico .xs3:nth-child(1) i{ background-image: url(../images/card_i1.png);}
.mifi2 .ico .xs3:nth-child(2) i{ background-image: url(../images/card_i2.png); background-color: #014c9f;}
.mifi2 .ico .xs3:nth-child(3) i{ background-image: url(../images/card_i3.png);}
.mifi2 .ico .xs3:nth-child(4) i{ background-image: url(../images/card_i4.png); background-color: #014c9f;}
.mifi2 .ico .xs3:nth-child(5) i{ background-image: url(../images/card_i5.png); background-color: #014c9f;}
.mifi2 .ico .xs3:nth-child(6) i{ background-image: url(../images/card_i6.png);}
.mifi2 .ico .xs3:nth-child(7) i{ background-image: url(../images/card_i7.png); background-color: #014c9f;}
.mifi2 .ico .xs3:nth-child(8) i{ background-image: url(../images/card_i8.png);}

.mifi3{ padding:80px 0 120px; background: #f2fcff;}
.mifi3 .f36{ margin-bottom:70px;}
.mifi3.vstable .line-big table tbody tr:last-child td{ height: auto;}

.mifi4{ background: #e8f3ff; padding: 70px 0 50px;}
.mifi4 .f36{ margin-top:40px; margin-bottom: 40px;}
.mifi4 .f24{ margin-bottom: 30px;}

.mifi5{ padding:100px 0;}
.mifi5 .xs6{ padding-left: 20px; padding-right: 20px; margin-bottom: 30px;}
.mifi5 .wrap{ padding-left: 120px; background-position: 10px 10px; background-repeat: no-repeat; min-height: 200px;}
.mifi5 .xs6:nth-child(1) .wrap{ background-image: url(../images/mifi_t1.png);}
.mifi5 .xs6:nth-child(2) .wrap{ background-image: url(../images/mifi_t2.png);}
.mifi5 .xs6:nth-child(3) .wrap{ background-image: url(../images/mifi_t3.png);}
.mifi5 .xs6:nth-child(4) .wrap{ background-image: url(../images/mifi_t4.png);}
.mifi5 .xs6:nth-child(5) .wrap{ background-image: url(../images/mifi_t5.png);}
.mifi5 .xs6:nth-child(6) .wrap{ background-image: url(../images/mifi_t6.png);}
.mifi5 .xs6:nth-child(7) .wrap{ background-image: url(../images/mifi_t7.png);}
.mifi5 .xs6:nth-child(8) .wrap{ background-image: url(../images/mifi_t8.png);}

.mifi6{ background: #f7f7f7;}
.mifi6 .f40{ margin-top:50px;}

/*芯片*/
.sim1{ padding:80px 0 50px;}
.sim1 .f36{ margin-bottom:30px;}
.sim1 .x6 { margin-bottom:50px; padding-left: 15px; padding-right: 15px;}
.sim1 .x6 .media{ background:#f7f7f7; border:1px solid #ececec; min-height: 295px; }
.sim1 .x6 .media img{ height: 295px; width: 250px;}
.sim1 .x6 .media ul{ padding:20px 5px 20px 20px;}
.sim1 .x6 .media ul li{ line-height: 22px; margin-bottom: 10px; padding-left:50px; }
.sim1 .x6 .media ul li:nth-child(1){ background: url(../images/xin_i1.png) left top no-repeat;}
.sim1 .x6 .media ul li:nth-child(2){ background: url(../images/xin_i2.png) left top no-repeat;}
.sim1 .x6 .media ul li:nth-child(3){ background: url(../images/xin_i3.png) left top no-repeat;}
.sim1 .x6 .media ul li:nth-child(4){ background: url(../images/xin_i4.png) left top no-repeat;}
.sim1 .x6 .media ul li:last-child{ margin-bottom:0;}
.sim1 .x6 .text{ margin-top:10px;}

.sim2{ padding:80px 0 100px; background: #f2fcff;}
.sim2 .f36{ margin-bottom:70px;}
.sim2 .xs2 i{ display: inline-block; width: 140px; height: 140px; margin-bottom: 5px; margin-left: auto; margin-right: auto; background: #00afec; background-position: center; background-repeat: no-repeat; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.sim2 .xs2:nth-child(1) i{ background-image: url(../images/xin_t1.png);}
.sim2 .xs2:nth-child(2) i{ background-image: url(../images/xin_t2.png);}
.sim2 .xs2:nth-child(3) i{ background-image: url(../images/xin_t3.png);}
.sim2 .xs2:nth-child(4) i{ background-image: url(../images/xin_t4.png);}
.sim2 .xs2:nth-child(5) i{ background-image: url(../images/xin_t5.png);}
.sim2 .xs2:nth-child(6) i{ background-image: url(../images/xin_t6.png);}
.sim2 .xs2 .f20{ color:#000;}

.sim3 { padding:80px 0 100px;}
.sim3 .f36{ margin-bottom:70px;}
.sim3 .x4{ text-align: center;}
.sim3 .x6{ margin-top:50px;}
.sim3 .x6 .wrap{ background: #f2fcff; padding:20px 100px; min-height: 150px;}
.sim3 .x6 .wrap .f24{ margin-bottom:5px;}

.sim4{ padding:100px 0; background: #e8f3ff;}
.sim4 .f36{ margin-bottom:50px;}
.sim4 li{ margin-bottom: 30px; padding-left: 30px; position: relative;}
.sim4 li i{ position: absolute; left:0; top:11px; display: block; width:24px; line-height: 24px; text-align: center; color:#fff; background: #014c9f; font-size: 16px; font-style: normal; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.sim5{ padding-top:30px; background: #f2fcff;}
.sim5 .f36{ margin-bottom:50px; margin-top:70px;}
.sim5 li{ margin-bottom: 30px; padding-left: 30px; position: relative;}
.sim5 li i{ position: absolute; left:0; top:11px; display: block; width:24px; line-height: 24px; text-align: center; color:#fff; background: #014c9f; font-size: 16px; font-style: normal; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.sim6{ padding:70px 0 100px;}
.sim6 .f36{ margin-bottom:40px;}
.sim6 .line{ border-top:1px solid #ececec;  border-left:1px solid #ececec;}
.sim6 .line .xs3{ border-bottom:1px solid #ececec; border-right:1px solid #ececec;}
.sim6 .wrap{ padding:40px 25px; height: 360px;}
.sim6 .wrap img{ margin-bottom:25px;}
.sim6 .wrap .f14{ line-height: 20px; overflow: hidden;}


/*车联网*/
.car1{ padding:80px 0;}
.car1 img{ padding: 15px 0;}
.car1 .con{ margin-top: 20px;  margin-bottom: 40px;}
.car1 .ico{ margin-top:40px;}
.car1 .ico .x3{ text-align: center;}
.car1 .ico .x3 i{ display: block; height: 75px; width:75px; margin-left: auto; margin-right: auto; margin-bottom: 15px; background-position: center; background-repeat: no-repeat;}
.car1 .ico .x3:nth-child(1) i{ background-image: url(../images/car_t1.png);}
.car1 .ico .x3:nth-child(2) i{ background-image: url(../images/car_t2.png);}
.car1 .ico .x3:nth-child(3) i{ background-image: url(../images/car_t3.png);}
.car1 .ico .x3:nth-child(4) i{ background-image: url(../images/car_t4.png);}

.car2 .f36{ margin-bottom:10px!important;}
.car2 .f16{ margin-bottom: 40px;}

.carpro{ background: #f7f7f7; padding:60px 0;}
.carpro .f36{ margin-bottom:30px; margin-top:40px;}
.carpro .pro1{ background: #fff; border:1px solid #ececec;}
.carpro .pro1 .xs4{ padding:30px; border-right:1px solid #ececec;}
.carpro .pro1 .xs4:last-child{ border-right:0;}
.carpro .pro1 .xs4 .f18{ margin-top:15px;}
.carpro .pro1 .wrap{margin-top:15px;}
.carpro .pro1 .wrap .xs12,.carpro .pro1 .wrap .xs7,.carpro .pro1 .wrap .xs5{ margin-top:20px;}
.carpro .pro2{ background: #fff; border:1px solid #ececec;}
.carpro .pro2 .xs5{ padding:20px;}
.carpro .pro2>.xs7{ padding:40px;}
.carpro .pro2 .wrap .f18{ margin-bottom: 15px;}

.car3 .f36{ margin-bottom:70px;}
.car3{ padding:100px 0;}
.car3 .xs6{ padding-left: 20px; padding-right: 20px; margin-bottom: 30px;}
.car3 .wrap{ padding-left: 160px; background-position: 10px 10px; background-repeat: no-repeat; min-height: 200px;}
.car3 .wrap:after{ position: absolute; left:10px; top:0; z-index: 1; content:""; width:140px; height: 140px; background: #00afec; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.car3 .wrap .f14{ line-height: 22px; margin-top:5px;}
.car3 .xs6:nth-child(1) .wrap:after{ background-image: url(../images/car_i1.png);}
.car3 .xs6:nth-child(2) .wrap:after{ background-image: url(../images/car_i2.png); background-color: #014c9f;}
.car3 .xs6:nth-child(3) .wrap:after{ background-image: url(../images/car_i3.png); background-color: #014c9f;}
.car3 .xs6:nth-child(4) .wrap:after{ background-image: url(../images/car_i4.png);}
.car3 .xs6:nth-child(5) .wrap:after{ background-image: url(../images/car_i5.png);}
.car3 .xs6:nth-child(6) .wrap:after{ background-image: url(../images/car_i6.png); background-color: #014c9f;}

.car4{ padding:100px 0; background: #f2fcff;}
.car4 .f36{ margin-bottom:40px;}
.car4 .fxvs .x6{ background: #fff;}
.car4 .fxvs .x6:nth-child(1),.car4 .fxvs .x6:nth-child(2){ padding-top:20px;}
.car4 .fxvs .x6:nth-child(7),.car4 .fxvs .x6:nth-child(8){ padding-bottom:20px;}
.car4 .fxvs .x6:nth-child(even){ background: #00afec;}
.car4 .fxvs .x6 .wrap{ padding:20px 40px; height: 220px; overflow: hidden; position: relative; padding-left:240px;}
.car4 .fxvs .x6 .wrap img{ position: absolute; left: 40px; width:180px; height: 180px;}
.car4 .fxvs .x6 .wrap .f24{ margin-top:40px;}

.car5{ padding:100px 0; background: #fff;}
.car5 .f36{ margin-bottom:40px;}
.car5 .wrap{ width:410px; margin-left: auto; margin-right: auto; min-height: 600px;}
.car5 .wrap img{ margin-bottom:15px;}


/*电瓶车防盗*/
.elecar1{ padding:80px 0;}
.elecar1 img{ padding: 15px 0;}
.elecar1 .con{ margin-top: 20px;  margin-bottom: 40px;}

.elecar2 .line-big{ margin-left: -25px; margin-right: -25px;}
.elecar2 .line-big .xs4{ padding-left: 25px; padding-right: 25px;}
.elecar2 .line-big .xs4 img{ width:100%;}
.elecar2 .line-big .wrap{font-size: 16px; position: relative; }
.elecar2 .line-big .f20{ padding:12px 0;}
.elecar2 .line-big li{ position: relative; padding-left: 25px; margin-bottom: 5px;}
.elecar2 .line-big li::before{ content:''; display: block; position: absolute; left: 0; top:3px; width:20px; height: 20px; line-height: 20px; text-align: center; color:#fff; background: #014c9f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.elecar2 .line-big li:nth-child(1)::before{ content:'1';}
.elecar2 .line-big li:nth-child(2)::before{ content:'2';}
.elecar2 .line-big li:nth-child(3)::before{ content:'3';}


.elecar3{ padding:100px 0 50px;}
.elecar3 .f36{ margin-bottom:60px;}
.elecar3 .f36 .ico{ margin-left: 22px; margin-right: 22px;}
.elecar3 .ico .xs3{ padding-left: 22px; padding-right: 22px; margin-bottom:44px;}
.elecar3 .ico .xs3 .wrap{margin-left: auto; margin-right: auto; }
.elecar3 .ico .xs3 i{ display: block; width:140px; height: 140px; margin-left: auto; margin-right: auto; background-color:#00afec; margin-bottom: 10px; border-radius:50%  ; -webkit-border-radius:50%  ; -moz-border-radius:50%  ; -ms-border-radius:50%  ; -o-border-radius:50%  ; }
.elecar3 .ico .xs3:nth-child(1) i{ background-image: url(../images/ele_i1.png);}
.elecar3 .ico .xs3:nth-child(2) i{ background-image: url(../images/ele_i2.png); background-color: #014c9f;}
.elecar3 .ico .xs3:nth-child(3) i{ background-image: url(../images/ele_i3.png);}
.elecar3 .ico .xs3:nth-child(4) i{ background-image: url(../images/ele_i4.png); background-color: #014c9f;}
.elecar3 .ico .xs3:nth-child(5) i{ background-image: url(../images/ele_i5.png); background-color: #014c9f;}
.elecar3 .ico .xs3:nth-child(6) i{ background-image: url(../images/ele_i6.png);}
.elecar3 .ico .xs3:nth-child(7) i{ background-image: url(../images/ele_i7.png); background-color: #014c9f;}
.elecar3 .ico .xs3:nth-child(8) i{ background-image: url(../images/ele_i8.png);}

.elecar4{ padding:100px 0; background: #f2fcff;}















/*合作伙伴*/
.partnerlist .line{ border-left:1px solid #e8ebf0;  border-top:1px solid #e8ebf0;}
.partnerlist .xb2{ border-right:1px solid #e8ebf0; border-bottom:1px solid #e8ebf0; height:120px;float:left;}
.partnerlist .xb2 a{ position: relative;display:block; width:100%; height:119px; line-height: 119px; background:#fff; text-align:center;}
.partnerlist .xb2 a:hover:before{ position: absolute; left:-1px; top:-1px; width:100%; height: 100%; content:''; border:1px solid #00a1d9; box-sizing: content-box;}
.partnerlist .xb2 a img{ vertical-align: middle; opacity:0.5; max-height:119px; max-width:100%;}
.partnerlist .xb2 a:hover img{ vertical-align: middle; opacity:1;}



/*帮助*/
.helpbox{ margin-bottom:35px; }
.helpbox .xs4 .wrap{ background:#f4f4f4; border:1px solid #e4e4e4; min-height:200px; padding:20px 30px 0 160px; position:relative;}
.helpbox .xs4 .wrap i{ position: absolute; left: 30px; top:40px; display: block; width:100px; height: 100px; border-radius: 50%; background-color: #bababa; background-position: center; background-repeat: no-repeat;}
.helpbox .xs4:nth-child(1) .wrap i{ background-image: url(../images/ico_h1.png);}
.helpbox .xs4:nth-child(2) .wrap i{ background-image: url(../images/ico_h2.png);}
.helpbox .xs4:nth-child(3) .wrap i{ background-image: url(../images/ico_h3.png);}
.helpbox .xs4:hover .wrap i{ background-color: #feba00;}

.helplist li a{ display: block;  line-height: 60px; padding: 0 20px; background: #f4f4f4;}
.helplist li:nth-child(even) a{ background: #fff;}
.helplist li a:hover{ background: #feba00; color:#fff;}
.helplist li a:hover .text-red{ color:#fff;}


/*视频*/
.videolist-y li{ height: 170px; border:1px solid #f4f4f4; background: #f4f4f4; margin-bottom: 20px; position: relative; padding:25px 25px 25px 280px; transition: all 0.3s;}
.videolist-y li .pic{ display: block; width: 256px; height: 170px; position: absolute; top: -1px; left: -1px;}
.videolist-y li .pic:after{ position: absolute; top:50%; left:50%; margin-left: -37px; margin-top: -37px; display: block; content:''; width:75px; height: 75px; background: url(../images/btn_video.png); background-size: 100% 100%;}
.videolist-y li .pic img{ width:256px; height: 170px;}
.videolist-y li .con{display: block;}
.videolist-y li .tit{ line-height: 20px;}
.videolist-y li .date{ margin-bottom: 10px;}
.videolist-y li .desc{ line-height: 1.8;}
.videolist-y li .desc a{ display: block; color:#696969;}
.videolist-y li:hover{ border-color:#e8e8e8; background: #fff; }
.videolist-y li:hover .tit a{ color:#feba00;}
.videolist-y li:after{ content:''; width:3px; background: #feba00; position: absolute; right:0; top:0;  height:0%; transition: all ease 0.3s;}
.videolist-y li:hover:after{ content:''; width:3px; background: #feba00; position: absolute; right:0; top:0;  height:100%;}

.videolist .xs4{ margin-bottom: 20px;}
.videolist .xs4 .pic{ height: 210px; position: relative; }
.videolist .xs4 .pic:after{ position: absolute; top:50%; left:50%; margin-left: -37px; margin-top: -37px; display: block; content:''; width:75px; height: 75px; background: url(../images/btn_video.png); background-size: 100% 100%;}
.videolist .con{ background: #f4f4f4; padding:8px 15px; position: relative; border:1px solid #f4f4f4;}
.videolist .con .tit{ line-height: 22px;}
.videolist .con .desc{ height: 60px; overflow: hidden;}
.videolist .xs4:hover .con{ position: relative; border:1px solid #e8e8e8; background: #fff;}
.videolist .xs4 .con:after{ content:''; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background:#feba00; transition: all ease 0.3s; }
.videolist .xs4:hover .con:after{ width:100%;}


.booklist .xs4{ margin-bottom: 20px;}
.booklist .xs4 .pic{ height: 400px; position: relative; border:1px solid #ebebeb; padding: 4px;}
.booklist .con{ background: #f4f4f4; padding:8px 15px; position: relative; border:1px solid #f4f4f4; border-top:0; }
.booklist .con .tit{ line-height: 22px;}
.booklist .con .desc{ height: 60px; overflow: hidden;}
.booklist .xs4:hover .con{ position: relative; border-color:#e8e8e8; background: #fff;}
.booklist .xs4 .con:after{ content:''; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background:#feba00; transition: all ease 0.3s; }
.booklist .xs4:hover .con:after{ width:100%;}




/*招聘*/
/*
.joinin{ color:#71889b; margin-bottom: 20px;}
.joinin a{ color:#145f9b; border-bottom: 1px solid #145f9b;}
*/

.joinlist{ }
.joinlist li{ border:1px solid #f4f4f4; background: #f4f4f4; padding:20px 30px; margin-bottom: 20px;  position: relative;}
.joinlist .text{ margin-bottom: 15px; margin-left: -31px;}
.joinlist .text span{ display: inline-block; background: #feba00; padding: 5px 100px 5px 30px; line-height: 40px; position: relative; height: 50px;}
.joinlist .text span:after{ content:''; position: absolute; right:-30px;;  top:0; width:0; height: 0; border-left:25px solid #feba00; border-top: 25px solid #feba00; border-right:25px solid transparent; border-bottom:25px solid #feba00;}
.joinlist li:hover{ background: #fff;  border-color:#feba00;}


.noban{ border-top:3px solid #014c9f; padding-top:50px;}
.taglist a{ display: inline-block; padding: 5px 10px; background: #fff; border:1px solid #ebebeb; border-radius: 5px; margin-bottom: 10px; margin-right: 4px; transition: all ease 0.2s;}
.taglist a:hover{ background: #014c9f; border-color:#014c9f; color:#fff;}


.diyprodict{margin-top:60px;}
.diyproslide{ margin-top:30px; position: relative;}
.diyproslide .prev,.diyproslide .next{ position: absolute; top: 50%; width: 30px; height: 60px;  margin-top: -35px;z-index: 900;  }
.diyproslide .prev{ left: -40px; background: url(../images/ico_l.png) center no-repeat; }
.diyproslide .next{ right: -40px;  background: url(../images/ico_r.png) center no-repeat; }
.diyproslide .bd{   }
.diyproslide .bd ul{ overflow:hidden; zoom:1; }
.diyproslide .bd ul li .wrap{ width:100%; margin-left: auto; margin-right: auto;}
.diyproslide .bd ul li{ float:left; _display:inline; overflow:hidden;  }
.diyproslide .bd ul li .wrap{ padding:0 15px;}
.diyproslide .bd ul li .tit{ text-align:center;padding:10px 15px;}
.diyproslide .bd ul li img{ width:100%; }


.roundabout_box {width:980px;height:480px; position: relative;}
.roundabout_box ul {}
.roundabout_box img {width:100%;}
/**********roundabout**********/
.roundabout_box {height:425px;width:980px;margin:40px auto 20px auto;}
.roundabout-holder{list-style:none;width:575px;height:400px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:400px;width:575px;cursor:pointer;background:#f9f9f9; overflow:hidden!important;}
.roundabout-moveable-item img{width:100%;margin:0;}
.roundabout-moveable-item span{ display: block; width:100%; height: 40px; line-height: 40px; text-align: center; background: #fff; font-size: 16px;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{ line-height:20px; color:#fff; position:absolute; bottom:0; width:100%; padding:10px; background:rgba(0,0,0,.5); }
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

.roundabout_box a.next,.roundabout_box a.prev{position:absolute; width:33px; height:63px;top:50%; margin-top:-32px; background-image: url(../images/ico_r.png);}
.roundabout_box a.prev{left:-80px; background-image: url(../images/ico_l.png);}
.roundabout_box a.next{ left: auto; right:-80px;}

.plat1.sms01 .ico .x3:nth-child(1) i{ background: url(../images/sms/sms_i1.png);}
.plat1.sms01 .ico .x3:nth-child(2) i{ background: url(../images/sms/sms_i2.png);}
.plat1.sms01 .ico .x3:nth-child(3) i{ background: url(../images/sms/sms_i3.png);}
.plat1.sms01 .ico .x3:nth-child(4) i{ background: url(../images/sms/sms_i4.png);}
.plat1.sms01 .text .ico .x3 i {background-repeat: no-repeat;background-position: center;}
.sms01 .sms_info_01 li {
    position: relative;
    line-height: 20px;
    padding: 10px 10px 10px 30px;
}
.sms01 .sms_info_01 li i {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #01aadb;
    color: #fff;
    font-style: normal;
    border-radius: 50%;
}

.plat2.sms02 .xs7 li i{
    background-color: #0077ce;
}
.sms02 .btn a.btn-diy0 {
    margin-top: 30px;
    background-color: #0077ce;
    border-color: #0077ce;
}
.sms-plate {
    height: 500px;
    padding: 14px 0;
    margin-bottom: 300px;
    position: relative;
    background: #292a2f url('../images/sms/sms_bg.jpg') center no-repeat;
}
.sms-info {
    position: relative;
    bottom: -368px;
}
.sms-info .xs3{
    text-align:center;
    padding: 0 10px;
    /* height: 390px; */
    /* width: calc(100% / 4 - 20px); */
}
.sms-info .xs3 .box {
    padding: 20px;
    box-shadow: #bdbdbd 0 0 20px;
    background-color: #fff;
    transition: .5s all cubic-bezier(0.38,-0.02, 0.1, 0.82);
}
.sms-info .xs3:hover .box{
    cursor: pointer;
    background-color: #0077ce;
    box-shadow: #2397ec 0 0 20px;
}
.sms-info .xs3 i {
    width: 95px;
    height: 110px;
    display: inline-block;
}
.sms-info .xs3:nth-child(1) i{ background: url(../images/sms/simA_i1.png);}
.sms-info .xs3:nth-child(2) i{ background: url(../images/sms/simA_i2.png);}
.sms-info .xs3:nth-child(3) i{ background: url(../images/sms/simA_i3.png);}
.sms-info .xs3:nth-child(4) i{ background: url(../images/sms/simA_i4.png);}

.sms-info .xs3:hover:nth-child(1) i{ background: url(../images/sms/simH_i1.png);}
.sms-info .xs3:hover:nth-child(2) i{ background: url(../images/sms/simH_i2.png);}
.sms-info .xs3:hover:nth-child(3) i{ background: url(../images/sms/simH_i3.png);}
.sms-info .xs3:hover:nth-child(4) i{ background: url(../images/sms/simH_i4.png);}

.sms-info .xs3 .title {
    margin-top: 20px;
    color: #000;
    font-weight: bold;
}
.sms-info .xs3 .title::after {
    content: '';
    width: 80px;
    height: 2px;
    background-color: #0388d6;
    display: inline-block;
    position: relative;
    top: -15px;
}
.sms-info .xs3:hover .title::after {
    background-color: #fff;
}
.sms-info .xs3 .title small {
    display: block;
    color: #ccc;
}
.sms-info .xs3:hover .title,.sms-info .xs3:hover p{
    color: #fff;
}
.sms-info .xs3 p{
    padding: 10px 20px;
    text-align: left;
}
.freeapply.app-sms {
    padding-top: 20px;
    position: relative;
}
.sms-app {}
.sms-app li {
    position: relative;
    padding: 20px;
    height: 114px;
    border: 2px #ccc dashed;
    margin: 20px 0;
    transition: .5s all linear;
}
.sms-app li:hover {
    cursor: pointer;
    border-color: #fb1c54;
}
.sms-app li i{
    font-style: normal;
    position: absolute;
    left: 20px;
    font-size: 26px;
    text-align: center;
}
.sms-app li i b {
    display: block;
    font-size: 16px;
    font-weight: normal;
}
.sms-app li p {
    padding-left: 100px;
    width: 90%;
}

.app-sms .line {
    border-bottom: 1px #ccc dashed;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.app-sms .line .app-pic {
    margin-top: 100px;
}

.app-sms .line .app-pic .sms-txt {
    position: absolute;
    top: calc(100% - 232px);
    /* bottom: 20px; */
    left: 74px;
    width: 224px;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    color: #131313;
    font-family: '微软雅黑';
    line-height: 28px;
    background-color: #e6e5eb;
    border-radius: 10px;
    border-bottom-left-radius: 4px;
  }
  
  .app-sms .line .app-pic .sms-txt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -10px;
    border-style: solid;
    border-width: 6px 12px 6px 0;
    border-color: transparent #e6e5eb transparent transparent;
  }

  .partner01 {
    padding: 20px 0;
  }
  .partner01 .container .line {
    margin-top: 30px;
  }
  .partner01 .sms-partner {
    height: 270px;
    background: url('../images/sms/partner.png') no-repeat center;
  }

  .partner01 .sms-partner li {
    float: left;
    width: 90px;
    height: 90px;
    margin: 25px 70px;
  }
  .partner01 .sms-partner li a {
      display: block;
      height: 90px;
      cursor: pointer;
  }

  /* 公司模块改版 ==========================================================================================*/
  .companyTitle{
      padding: 15px 0;
      border-bottom: 1px solid #d2d2d2;
      text-align: center;
      font-size: 26px;
      color: #003463;
  }
  .companyTitle .subTitle{
    display: inline-block;
    position: relative;
  }
  .companyTitle .subTitle span{
      font-size: 22px;
  }
  .companyTitle .subTitle:after{
    content: '';
    display: block;
    position: absolute;
    width: 120%;
    height: 1px;
    border-bottom: 1px solid #003463;
    left: -10%;
    bottom: -16px;
  }
  .companyDesc{
      padding:70px 0 15px;
      text-indent: 2em;
  }
  .companyDesc .xs7{
        font-size: 16px;
        color: #444;
    }
  .companyVideo{
      width: 85%;
  }
  .advantage{
      background:  #003463;
      padding: 15px 0 25px;
  }
  .advantage .img{
      background: url(../images/advantage.png) no-repeat;
      background-size: contain;
      height: 400px;
  }
  .advantage .xs7 .title{
      font-size: 36px;
      margin: 20px 0 40px;
      font-weight: bold;
    }
  .advantage .xs7 p{
    color: #fff;
    font-size: 16px;
    line-height: 2em;
  }
  .growthProcess{
      background: url(../images/growthProcess.png) no-repeat;
      background-size: cover;
      background-position: center;
      padding: 10px 0;
  }
  .growthProcess .tree{
    margin: 50px auto 100px;
    height: 1300px;
    width: 3px;
    background: #003463;
  }
  .growthProcess .tree .item{
      margin-bottom: 110px;
  }
  .growthProcess .tree .dot{
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #003463;
    transform: translateX(-8px);
    position: relative;
    transition: all 0.25s;
  }
  .growthProcess .tree .triangle{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #003463;
    background: transparent;
    border-radius: 0;
    transform: translateX(-8px) translateY(-5px);
  }
  .growthProcess .tree .borderDot{
      width: 17px;
      height: 17px;
      transform: translateX(-7px);
  }
  .growthProcess .tree .borderDot:after{
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    border: 2px solid #003463;
    content: "";
    display: block;
    top: -5px;
    left: -5px;
  }
  .growthProcess .tree .item{
      position: relative;
  }
  .growthProcess .tree .item .temp{
        position: absolute;
        width: 450px;
        padding-left: 50px;
        top: -6px;
        color: #003463;
        line-height: 1.5em;
    }
    .growthProcess .tree .item span{
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }
    .growthProcess .tree .item .temp.left{
        left: -450px;
        padding-left: 0;
        padding-right: 50px;
        text-align: right;
    }
  .growthProcess .tree .time{
      font-size: 30px;
      font-weight: bold;
  }
  .growthProcess .tree .important{
    font-size: 18px;
    font-weight: bold;
}
    .growthProcess .tree .text:after{
        content: "●";
        display: block;
        position: absolute;
        top: 0;
        left: -1em;
    }
    .growthProcess .tree .left .text:after{
        content: "●";
        display: block;
        position: absolute;
        top: 0;
        right: -1em;
    }
    .growthProcess .tree .item .temp .square{
        padding: 15px 6px;
        display: inline-block;
        font-size: 26px;
        color: #fff;
        background: #003463;
        text-align: center;
        position: absolute;
        right: 0;
    }
    .growthProcess .tree .item .temp.left .square{
        right: auto;
        left: 0;
    }
    .growthProcess .tree .item .temp .square span{
        margin:0;
    }
    .growthProcess .tree .item .temp .square span.triangle{
        position: absolute;
        transform: rotateZ(-90deg);
        left: -20px;
    }
    .growthProcess .tree .item .temp.left .square span.triangle{
        position: absolute;
        transform: rotateZ(90deg);
        left: auto;
        right: -20px;
    }

    .team{
        padding: 15px 0 10px;
    }
    .team .dcim{
        padding: 40px 0 0;
    }
    .team .item{
        padding: 10px;
        height: 316px;
        margin-bottom: 10px;
        cursor: pointer;
        transition: all 0.25s;
    }
    .team .item:hover{
        transform:scale(1.1);
        z-index: 9;
    }
    .team .item .wrap{
        width: 275px;
        height: 296px;
        box-shadow:  0 0px 3px 2px #d2d2d2;
        position: relative;
        margin: 0 auto;
    }
    .team .wrap1{
        background: url(../images/team/1.jpg);
        background-size: cover;
    }
    .team .wrap2{
        background: url(../images/team/2.jpg);
        background-size: cover;
    }
    .team .wrap3{
        background: url(../images/team/3.jpg);
        background-size: cover;
    }
    .team .wrap4{
        background: url(../images/team/4.jpg);
        background-size: cover;
    }
    .team .wrap5{
        background: url(../images/team/5.jpg);
        background-size: cover;
    }
    .team .wrap6{
        background: url(../images/team/6.jpg);
        background-size: cover;
    }
    .team .wrap7{
        background: url(../images/team/7.jpg);
        background-size: cover;
    }
    .team .wrap8{
        background: url(../images/team/8.jpg);
        background-size: cover;
    }
    .team .item .wrap .text{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        height: 64px;
        line-height: 64px;
        font-weight: bold;
        font-size: 12px;
        color: #333;
    }
    .culture .cultureWrap{
        padding: 30px 0;
    }
    .culture .xs5 .img{
        background: url(../images/culture.png) no-repeat;
        background-size: contain;
        width: 100%;
        height: 500px;
    }
    .culture .xs7 .item{
        margin-top: 50px;
        padding-left: 20%;
        color: #333;
    }
    .culture .xs7 .item .title{
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .companyHonor{
        padding:30px 0 40px;
    }
    .companyHonor .pic{
        padding: 50px 0;
    }
    .companyHonor .img{
        width: 100%;
    }
    .companyHonor .picList .xs2{
        padding: 0 5px;
        margin-bottom: 20px;
        text-align: center;
    }
    .companyHonor .picList .xs2 img{
        width:186px;
        height: 253px;
        box-shadow: 0 0 5px 1px #c0c0c0;
        transition: all 0.25s;
    }
    .companyHonor .picList .xs2 img:hover{
        transform:scale(1.2);
        position: relative;
        z-index: 5;
    }
    .recentNews{
        padding: 30px 0;
    }
    .recentNews .wrap{
        padding:30px 0;
    }
    .recentNews .wrap .mainNew{
        padding:0 30px;
    }
    .recentNews .wrap .mainNew img{
        width: 100%;
    }
    .recentNews .wrap .mainNew .content{
        margin: 20px 0;
    }
    .recentNews .wrap  p.title{
        font-size: 18px;
        color: #333;
        margin: 10px;
        font-weight: bold;
    }
    .recentNews .wrap  p.text{
        line-height: 1.5em;
        max-height: 4.5em;
        overflow:hidden;
    }
    .recentNews .wrap .mainNew .more{
        display: inline-block;
        width: 120px;
        height: 40px;
        text-align: center;
        background: #ff8a00;
        color: #fff;
        line-height: 40px;
        cursor: pointer;
        transition: all 0.25s;
    }
    .recentNews .wrap .mainNew .more:hover{
        transform: translateX(10px);
        box-shadow: 0 0 5px 2px #c0c0c0;
    }
    .recentNews .wrap .item{
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: relative;
        margin-bottom: 40px;
    }
    .recentNews .wrap .item:after{
        display: block;
        content: '';
        border-bottom: 3px solid #c0c0c0;
        width: 80%;
        position: absolute;
        bottom: -20px;
        left: 0;
    }
    .recentNews .wrap .item .left{
        width: 40%;
        text-align: center;
    }
    .recentNews .wrap .item .left em{
        display: block;
        font-size: 32px;
        font-weight: bold;
    }
    .recentNews .wrap .item p.text{
        height: 3em;
        overflow: hidden;
    }
    .partners{
        padding: 30px 0;
    }
    .partners p.title{
        margin: 30px 0;
        font-size: 20px;
        color: #666;
        text-align: center;
    }
    .partners .list{
        width: 100%;
        padding: 40px 0;
    }
    .partners .list img{
        width: 100%;
    }
    .contact{
        padding: 40px 0;
        color: #333;
    }
    .contact .wrap{
        width: 80%;
        padding: 40px 0;
        text-align: center;
        margin:0 auto;
    }
    .contact .wrap img{
        width: 80px;
    }
    .contact .wrap p.title{
        font-size: 22px;
        margin:30px 0;
    }
    .contact .wrap p.text{
        padding: 0 20%;
    }