#banner{height: 700px;}
#banner .item{width: 100%; height:700px; background-repeat: no-repeat; background-position: 50%; background-size:cover;}
#banner .owl-dots .owl-dot span{width:30px; height:5px; background: #fff; opacity: .5; margin:0; margin-right:10px;}
#banner .owl-dots .owl-dot.active span{opacity: 1;}
#banner .owl-controls{margin-top: -40px; position: relative; z-index: 2;}
.hotitle{ text-align: center; padding: 50px 0 30px;}
.hotitle span{font-size: 32px; line-height: 38px; font-weight: bold; text-transform: uppercase; color: #cccccc;}
.hotitle h2{text-align: center; font-size: 32px; margin:0; margin-bottom:10px;}
.hotitle h2 i{display: inline-block; vertical-align: middle; width: 230px; height: 3px;}
.hotitle .titl{background: url(../images/titl01.png) no-repeat right center;}
.hotitle .titr{background: url(../images/titr01.png) no-repeat left center;}
.hotitle h2 a{display: inline-block; vertical-align: middle; padding: 0 15px; color: #333;}
.hotitle p{font-size: 18px; color: #666; margin-bottom: 0;}

.part1{padding-bottom:80px;}
.part1 .hotitle{margin-bottom: 30px;}
.list-servers li{width:16.66%; height: 432px; background:#fff; float: left;position: relative; transition: all .3s;}
.list-servers .hd{position: relative; width: 100%; height: 235px; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-filter: grayscale(100%); filter: gray;}
.list-servers .hd span{position: absolute;width: 100%; bottom: 20px;z-index:10;text-align: center;line-height: 32px; color:#fff;font-size: 24px; font-weight: bold;}
.list-servers li:nth-child(1) .hd{background-image: url(../images/pt-yewu1.jpg);}
.list-servers li:nth-child(2) .hd{background-image: url(../images/pt-yewu2.jpg);}
.list-servers li:nth-child(3) .hd{background-image: url(../images/pt-yewu3.jpg);}
.list-servers li:nth-child(4) .hd{background-image: url(../images/pt-yewu4.jpg);}
.list-servers li:nth-child(5) .hd{background-image: url(../images/pt-yewu5.jpg);}
.list-servers li:nth-child(6) .hd{background-image: url(../images/pt-yewu6.jpg);}
.list-servers .hd:after{content: '';display: block; position: absolute; width: 100%; height: 100%; background:#000; opacity: 0.35; z-index:9; transition: all .3s;}
.list-servers .bd{position: relative; border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;padding:20px;}
.list-servers li:first-child .bd{border-left: 1px solid #d2d2d2;}
.list-servers .bd p{color: #999; font-size: 14px; line-height: 26px; height:156px; overflow: hidden; margin-bottom: 0;}
.list-servers .bd span{display: none; width: 100px; height: 30px; border:1px solid #e1e1e1; line-height: 30px; text-align: center; margin:0px auto;}
.list-servers li.on .bd{border: none;}
.list-servers li.on:first-child .bd{border: none;}
.list-servers li.on{width:20.66%; height:491px; top:-30px; margin-left: -2%; margin-right: -2%; margin-bottom: -59px; z-index:20; box-shadow: 0 2px 11px rgba(0,0,0,0.15);}
.list-servers li.on .hd{height: 265px; -webkit-filter: grayscale(0%); filter:none;}
.list-servers li.on .hd:after{opacity:0;}
.list-servers li.on .bd span{display: block;}

.part2{color: #fff; height: 600px;}
.about-tit{width:45%; height: 100%; float: left; padding-top: 150px; background: url(../images/pt-about.jpg) no-repeat left top; background-size:cover; }
.about-tit .pt{background: rgba(255,255,255,.7); padding:50px; float: right;}
.about-con{width:55%; height: 100%; float: right; background: #1568cd;}
.about-con .con{float: left; width:640px; padding:60px 30px;}
.about-con .tit{font-weight: bold; text-align: center; font-size: 24px; line-height: 1em; margin-bottom: 20px;}
.about-con p{font-size: 16px; line-height: 30px; text-indent: 2em;}
.about-con .more{display: block; background:#0c4496; width: 125px; height: 42px; line-height: 42px; color: #fff; position: relative; padding-left:20px; float: right;}
.about-con .more i{display: block; position:absolute; right: 0; top: 0; border-left: 1px solid #809dc8; width: 35px; text-align: center;}
.about-con .more:hover{background:#205cb4;}

.part3{background: url(../images/bg-case.png) no-repeat top center; background-size: cover; padding-bottom: 50px;}
#caselist .owl-item{padding-left: 15px; padding-right: 15px;}
#caselist .owl-stage-outer{padding-bottom: 16px;}
#caselist li{margin-bottom: 30px; padding-bottom: 16px;}
#caselist a{display: block; border: 1px solid #ccc;padding-bottom: 50px; position: relative; background: #fff;}
#caselist li a{padding-bottom: 20px;}
#caselist .pic{padding-top:60%;}
#caselist h3{font-size: 18px; font-weight: bold; overflow: hidden; margin: 30px 10px 12px 10px; text-align: center; white-space: nowrap;}
#caselist h3 em{display: block; width: 32px; height: 3px; background: #999999; margin: 20px auto 0 auto;}
#caselist p{line-height: 24px; color: #454545; height: 72px; padding: 0 25px; overflow: hidden;}
#caselist i{position: absolute; left: 50%; width: 140px; height: 36px; line-height: 36px; margin-left: -70px; bottom: -18px; background: #7b7b7b; color: #fff; text-align: center; font-size: 14px; transition: all .3s ease-in-out 0s;}
#caselist .owl-prev,#caselist .owl-next{display: block; position: absolute; top:50%; width:20px; height:38px; border-radius:0; margin:0; padding: 0; text-indent: -100px; overflow: hidden; background: url(../images/ico-jt.png) no-repeat;}
#caselist .owl-prev{left: -15px; background-position: left top;}
#caselist .owl-next{right: -15px; background-position: right top;}
#caselist .owl-dots{display: none!important;}

.part4{padding-bottom: 40px;}
#news-pic{float: left; width:35%; margin-right:2.5%}
#news-pic .item{}
#news-pic .item .pic{padding-top: 70%;}
#news-pic .item .text{background:#f9f9f9; width:90%; height:132px; margin:0px auto; margin-top: -30px; padding:20px 20px 50px 110px; position: relative; z-index: 10;}
#news-pic .item .text span{position: absolute; left:15px; top:20px; width:76px; text-align: center;color: #376da7; font-size: 16px;}
#news-pic .item .text span b{font-size: 36px; display: block; border-bottom: 1px solid #376da7; line-height: 36px; padding-bottom:10px; margin-bottom:10px;}
#news-pic .item .text h4{font-size: 18px; text-align: center; line-height: 30px; height: 30px; overflow: hidden;}
#news-pic .item .text p{line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 0;}
#news-pic .owl-dots{margin-top: -40px; position: relative; z-index: 10;}

.news-listl{float: left; width:30%;}
.news-listr{float: right; width:30%;}
.part4 .tit{position: relative; line-height:26px; margin-bottom: 20px;}
.part4 .tit i{display: block; color: #0159a0; font-size: 16px; text-transform:uppercase;}
.part4 .tit b{font-size: 20px;}
.part4 .tit .more{position: absolute; right: 0; top: 0; line-height:52px;}
.list-news li{padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #e1e1e1;}
.list-news li h4{font-size: 16px; line-height: 40px; height: 40px; overflow: hidden;}
.list-news li h4 span{font-size: 14px; color: #6f6f6f; float: right;}
.list-news li p{line-height: 22px; color: #787878; margin-bottom: 0; height: 44px; overflow: hidden;}

@media (min-width: 1400px){
.about-con .con{float: left; width:700px; padding:60px 40px;}
}

@media (min-width: 1600px){
.list-servers li{height: 462px;}
.list-servers .bd{padding: 35px;}
.list-servers li.on{height:521px; }
.about-con .con{float: left; width:800px; padding: 60px;}
}