/*banner*/
.banner{overflow: hidden;width:100%;height:600px;position: relative;margin-top: 80px;}
.banner .swiper-container {
  position: relative;
  left:50%;
  top:0;
  margin-left: -960px;
  width: 1920px;
  height:600px;
  color: #fff;
  text-align: center;
}
.banner .swiper-slide{
  position: relative;
}
.banner .swiper-slide img{
  width:100%;
}
.banner .pagination {
  width:200px;
  position: absolute;
  z-index: 100;
  left:50%;
  margin-left: -100px;
  margin-bottom:0;
  bottom: 20px;
  height:12px;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  border-radius: 12px;
  background: transparent;
  width:8px;
  height:8px;
  border:2px solid #ffffff;
  margin-right: 8px;
  cursor: pointer;
  vertical-align: top;
}
.banner .swiper-active-switch {
  background: #0099ff;
  width:12px;
  height:12px;
  border:0;
}
.banner .swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
background: #ff0000;
}
.banner .arrow-left {
  background: url(/images/arrows.png) no-repeat 0 0;
  position: absolute;
  left: 50%;
  margin-left: -675px;
  top: 50%;
  margin-top: -50px;
  width: 60px;
  height: 100px;
}
.banner .arrow-right {
  background: url(/images/arrows.png) no-repeat -60px 0;
  position: absolute;
  right: 50%;
  margin-right: -675px;
  top: 50%;
  margin-top: -50px;
  width: 60px;
  height: 100px;
}

.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  
  -moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  
  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);
  
  -ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  
  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

.banner .swiper-slide a.bannermore{position: absolute;width:160px;height:50px;line-height: 50px;font-size: 18px;color: #ffffff;background: url(/images/bannermore.png) no-repeat;display: block;left:50%;margin-left: -80px;top:442px;z-index:9;opacity:0.7;filter:alpha(opacity=70);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
/*banner end*/
.server{padding: 40px 0 100px 0;}
.indextit{text-align: center;}
.indextit h3{font-size: 30px;height:56px;line-height: 40px;color: #333333;background: url(/images/indextit1.png) no-repeat center bottom;padding-top: 30px;}
.indextit1 h3{background: url(/images/indextit2.png) no-repeat center bottom;}
.indextit h3 span{font-size:24px;color: #999999;padding-left: 10px;border-left: 1px solid #999999;padding-left: 8px;margin-left: 8px;}
.indextit p{color: #666666;line-height: 24px;padding-top: 5px;}
.servercon{border:1px solid #efefef;margin-top:40px;color: #666666;text-align: center;overflow: hidden;}
.serbox{width:50%;height:215px;border-right: 1px solid #efefef;margin-right: -1px;padding: 40px 0;position: relative;}
.serbox .serhoverimg{position: absolute;left:0;top:0;z-index:99;display: none;width:600px;height:295px;overflow: hidden;}
.serbox:hover .serhoverimg{display: block;}
.serbox:hover .serhoverimg img{width:100%;}
.ser_l{width:50%;*width:49%;}
.servercon h3{font-size: 24px;padding:30px 0 10px 0;}
.ser_r{width:50%;}
.ser_r img{margin-top: 10px;}
.serlist{width:100%;border-top: 1px solid #efefef;}
.serlist li{width:399px;float: left;position: relative;padding-top: 20px;border-right: 1px solid #efefef;margin-right: -1px;position: relative; height:269px;}
.serlist li.baojingqi{padding-top: 0;width:400px;height:290px;border-right: 0;}
.serlist li.baojingqi img{width:100%;display: block;}
.serlist li.baojingqi h3{position: absolute;top:0px;left:30px;color: #ffffff;}
.serlist li.baojingqi p{position: absolute;top:140px;left:30px;line-height: 28px;text-align:left;}
.serlist li .serlisthover{position: absolute;left:0;top:0;width:400px;height:290px;overflow: hidden;display: none;}
.serlist li:hover .serlisthover{display: block;}
.serlist li:hover .serlisthover img{width:100%;}
.fangan{background: url(/images/fanganbj.jpg) no-repeat top center;height:650px;width:100%;}
.indextit p.fap{font-size: 18px;}
.fangan ul{overflow: hidden;margin-top: 40px;}
.fangan ul li{float: left;width:306px;margin:0 25px;border:1px solid #e3e3e3;text-align: center;padding:31px 21px;background: #ffffff;}
.fangan ul li:hover{width:306px;border:2px solid #0099ff;padding:30px 20px;}
.fangan ul li .falistimg{display: inline-block;width:122px;height:122px;-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.fangan ul li.falist1 .falistimg{background: url('/images/wifi.png') no-repeat;}
.fangan ul li.falist1:hover .falistimg{background: url('/images/wifih.png') no-repeat;}
.fangan ul li.falist2 .falistimg{background: url('/images/yun.png') no-repeat;}
.fangan ul li.falist2:hover .falistimg{background: url('/images/yunh.png') no-repeat;}
.fangan ul li.falist3 .falistimg{background: url('/images/app.png') no-repeat;}
.fangan ul li.falist3:hover .falistimg{background: url('/images/apph.png') no-repeat;}
.fangan ul li h3{color: #666666;font-size: 24px;text-align: center;padding:50px 0 10px 0;}
.fangan ul li p{color: #999999;text-align: center;line-height: 24px;}
.fanganmore{display: inline-block;margin-top: 30px;font-size: 16px;border:1px solid #e3e3e3;color: #666666;height:50px;line-height: 50px;padding:0 70px;-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.fangan ul li:hover .fanganmore{background: #d5a93e;color: #ffffff;}

.partner{padding-bottom: 100px;}
.partner ul{overflow: hidden;border:1px solid #e3e3e3;border-right: 0;border-top: 0;margin-top: 40px;}
.partner ul li{width:400px;height:92px;float: left;margin-right: -2px;border-right:1px solid #e3e3e3;border-top:1px solid #e3e3e3;text-align: center;padding:25px 0;overflow: hidden;}
.partner ul li img{width:auto;max-width:100%;}
.partner ul li:hover{border:1px solid #0099ff;width:399px;height:91px;}

.newsindex{height:555px;background: url(/images/newsbj.jpg) no-repeat top center;padding-bottom: 70px;}
.newscon{background: #0099fe;padding:0 30px;height:360px;margin-top: 100px;}
.newsimg{width:580px;margin-top: -60px;}
.newslist{width:530px;padding-top: 30px;}
.newslist ul li{line-height: 40px;height:40px;padding-left: 28px;background: url(/images/iconlist.png) no-repeat 0px 11px;text-align:left;position: relative;color: #ffffff;}
.newslist ul li:hover{background: url(/images/iconlist.png) no-repeat 0px -32px;color: #010101;}
.newslist ul li a{color: #ffffff;display: inline-block;line-height: 40px;height:40px;width:390px;overflow: hidden;}
.newslist ul li a:hover{color: #010101;}
.newslist ul li span{position: absolute;right:0px;top:0;}
p.newsmore{text-align: right;}
p.newsmore a{color: #fff;font-size:14px;}


/*分页 合作流程*/
.partpath{padding: 70px 0 100px 0;}
.partpath ul{margin-top: 60px;}
.partpath ul li{width:154px;float: left;margin:0 43px;text-align: center;}
.partpath ul li img{webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out}
.partpath ul li img:hover{-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);}
.partpath ul li h3{color: #333333;font-size: 24px;padding:25px 0 10px 0;}
.partpath ul li p{color: #999999;font-size: 16px;line-height: 24px;}
/*分页 合作流程 end*/