@charset "utf-8";
/* CSS Document */
/*我们的特色*/
div.ser-me{padding:0;background: #3195c9; padding-top:30px;}
h2.item-tit{text-align:center; font-size:36px; line-height:100px; color:#fff;}
.item-list{position:relative; width:50%; box-sizing:border-box;  width:25%\9; text-align:center; float:left;}
.item-list dl{color:#fff; inline-block;margin: 0px auto; width: 170px;height: 170px;}
.item-list dl dt{font-size:26px; line-height:46px; font-weight:normal;}
.item-list dl dd{font-size:16px; line-height:26px;}
.item_617{padding:0;padding:30px 0;}
.carousel-caption{color:#fff;}
.carousel-indicators li{border:1px solid #fff;}

.servers{margin:0 auto; width:80%;}
.servers img,.customer img{margin:0 auto; max-width:100%; width:e¬xpression(document.body.clientWidth > 100%? “100%”: “auto” );}
.customer{margin:0 auto; width:50%; margin-top:20px;}
.customer img{width:80%;}

.bq{text-align:left; font-size:14px; color:#818d98; padding:20px 0;letter-spacing:1px; margin:0 auto;}
.bq .ewm{width:100px; height:100px; display:block;}
.bq .ewm img{max-width:100%;}
.bq .col-xs-2{text-align:left;}
.bq .col-xs-7 p{/* height:30px;*/ line-height:30px;}

.bq-mob{display:none;}
/*合作伙伴*/
.picScroll{ margin:10px auto;  position:relative;  border:1px solid #818d98; width:100%;  padding:10px 0 10px 30px; overflow:hidden; }
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:56px; left:5px; width:23px; height:23px; background:url(../images/btns.png) no-repeat;   }
.picScroll .next{ left:auto; right:5px; background-position:-25px 0; }
.picScroll .prev:hover{ background-position:0 -30px; }
.picScroll .next:hover{ background-position:-25px -30px; }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ width:270px; float:left; overflow:hidden; padding:0 10px;     }
.picScroll ul li img{ width:100%;display:block;}

.partner{padding:20px 0px;border:1px solid #818d98;}
.partner img{max-width:100%;}
.partner .col-xs-2{margin-top: 1em;}
/* .banner-L{display: block;} */
/* .banner-L,.server-L{display:none;} */
.banner-XS{display: none;}
@media screen and (min-width:800px){
.banner-L{display: block;}	
}
@media (min-width: 640px) {
div.item-list{width:25%;}	
}
@media (max-width: 640px) {
.partner .col-xs-2{margin-top: 0.5em;}
}
@media screen and (min-width:414px) and (max-width:768px) {
.banner-XS{display: block;}	
.banner-L{display: none;}
}
@media screen and (min-width:320px) and (max-width:480px) {
.swiper-container {height:136px;}
.partner .col-xs-2{padding-left: 0; padding-right: 0;margin-top: 0em;}
.banner-XS{display: block;}
.banner-L{display: none;}
}