body{ width: 100%; padding-top: 65px; overflow-x: hidden;}
.wrap{ width: 1100px; margin: 0 auto; }
.grayBg{width: 100%;min-width: 1100px; background-color: #f5f5f6;}
/*pub_header*/
.pub_header{width:100%; height: 65px; line-height: 65px; min-width: 1100px; background-color: #FFF; border-bottom: 1px solid #c8c8c8;}
.active {position: fixed;top: 0;left: 0;z-index: 40;}
.logo {width: 200px;height: 50px; margin:8px 20px 0 0; float: left;  background: url(../images/logo.png) no-repeat;}
.logo a {display:inline-block; width: 100%;height: 100%;}
.menu {float:right;}
.menu ul li {float: left; margin-left: 50px; height: 40px; line-height:40px; margin-top: 16px; }
.menu li a {font-size: 16px; color: #333; display: inline-block;}
.menu li.current, .menu li:hover{border-bottom: 2px solid #e64733;}
.menu li.current a, .menu li:hover a{ color: #e64733;}
.mb_menu{ display: none;}
.swiper-slide{ background-repeat: no-repeat; background-position: center; background-size: cover;}
.prev,.next{width:44px;height:44px;position:absolute;z-index:222;top:50%;margin-top:-22px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;display:block;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.indes_banner{width:100%; min-width: 1100px; height:584px; color: #FFF; background:url(../images/indexban.png) no-repeat center; position: relative;}
.indes_Tips{ width: 100%; height: 102px; background: url(../images/bgblack.png) repeat; position: absolute; bottom: 0; left: 0;}
.indes_Tips ul{ width: 1288px;}
.indes_Tips ul li{width: 132px; height: 102px; margin-right: 190px; float: left; text-align: center; color: #FFF;}
.indes_Tips ul li div span{ font-size: 30px; font-weight: 600; margin-right: 10px;}
.indes_Tips ul li div{ padding-bottom: 10px; margin-top: 8px; background: url(../images/tipsicon.png) no-repeat bottom;}
.indes_Tips ul li div em{ font-size: 18px;}
.indes_Tips ul li p{height: 30px; line-height:30px ;}

/*bigTitle*/
.bigTitle{ width: 240px; text-align: center; margin: 0 auto; padding-top: 70px;}
.bigTitle h2{height: 50px; line-height: 50px; font-size: 26px;  border-bottom: 1px solid #c8c8c8;}
.bigTitle h2 span{line-height: 50px;  border-bottom: 2px solid #e64733; display: inline-block; padding: 0 8px; }
.bigTitle P{ color:#999; line-height: 34px;}

.solutionPart{ overflow: hidden}
.solutionPart dl{ margin-top: 80px; overflow: hidden; color: #333;}
.solutionPart dl dt{float: left;}
.solutionPart dl dd{float: right;}
.solutionPart .solutxt{ width: 620px; margin-top: 30px;}
.solutionPart .soluPic{ width: 480px;}
.solutionPart .solutxt h2{ height: 50px; line-height: 50px; font-size:38px;}
.solutionPart .solutxt p.titEng{font-size:24px; margin-top:5px ;}
.solutionPart .solutxt div{ margin-top:25px; color: #666; font-size: 18px;}
.solutionPart .solutxt div .des{ color: #999; font-size: 16px; margin-top: 5px; line-height: 30px;}

/*getdatPart*/
.getdatPart{ padding: 80px 0 60px; position: relative; margin-top: 40px}
.dataLogo{ position: absolute; top:-25px; left: 50%; margin-left: -40px; width: 80px; height: 50px; background:url(../images/datalogo.png) no-repeat center;}
.dataTitle{ width: 505px; height: 50px; background: url(../images/datatit.png) no-repeat; margin: 0 auto 30px;}
.dataStep{ overflow: hidden;}
.dataStep ul li{ width: 260px; padding: 30px 30px 0 30px; float: left; margin-right: 60px;}
.dataStep ul li div{ width: 260px; height: 260px; border:1px dashed #c4c4c4; border-radius: 50%; -webkit-border-radius: 50%; 
-moz-border-radius: 50%;-ms-border-radius: 50%; background-repeat: no-repeat;}
.dataStep ul li div.dstep1{ background-image:url(../images/datastep1.jpg);}
.dataStep ul li div.dstep2{ background-image:url(../images/datastep2.jpg);}
.dataStep ul li div.dstep3{ background-image:url(../images/datastep3.jpg);}
.dataStep ul li p{ font-size: 18px; color: #333; text-align: center; padding: 0 30px; margin-top: 30px;}
.dataStep ul li:hover div{ box-shadow: 0 0 40px #4dc4ff;}
/*partnerPart*/
.partnerPart{ margin: 45px 0 50px; overflow: hidden;}
.partnerPart ul li{ width: 230px; height: 90px; padding:20px 50px; border: 6px solid #ececec; float: left; margin-right: 37px;}
.partnerPart ul li img{ width:100%; display: block;}
/*foot*/
.foot{ width: 100%; min-width: 1100px; background: #33302b; overflow: hidden;}
.ftlogo{ width: 220px;height: 70px; margin: 30px 20px 0 0; float: left;  background: url(../images/ftlogo.png) no-repeat; }
.ftlogo a{height: 100%; display:block;}
.ftmenu{ width:600px; float: left; color: #FFF; font-size: 16px; line-height: 30px; padding: 10px 25px 10px; border-left: 1px solid #44423d;
 padding-right: 180px; position: relative;}
.ftmenu .fttit{ font-size: 24px; margin:10px 0;}
.fttel{ width: 180px; position: absolute; right: 0; top: 0;}
.fttel dt img{ width: 120px; height: 120px; display: block; margin: 0 auto 5px;}
.fttel dd p{ line-height: 20px; color: #FFF; text-align: center; font-size:14px; }
.foot .copyRight{line-height: 60px; color: #d3d3d3; text-align: center; }
.copyRight a{color: #d3d3d3; margin-left: 10px;}
.copyRight a:hover{color: #e64733;}