.server{padding:18px 0;}
.server-title{text-align:center;}
.server-title p{font-size:16px; color:#989898;}
.server-title b{text-align:center; padding:0 0 2px 0; display:block; position:relative; overflow:hidden; color:#736241;}
.server-title b:before,
.server-title b:after{width:88px; height:0; position:absolute; content:''; right:50%; margin-right:28px; bottom:50%; border-bottom:1px dashed #b8b8b8;}
.server-title b:after{left:50%; margin:0 0 0 28px}
.server-title b i{font-size:16px; color:#736241;}
.server-title h2{font-size:36px; line-height:1; font-weight:bold; margin-top:8px;}
.server-content{margin-top:1px;}
.server-content ul{margin:0 -18px;}
.server-content ul:after{display:block; content:''; clear:both;}
.server-content ul>li{float:left; padding:0 8px; margin-top:18px; width:25%;}
.server-content ul>li>a{position:relative; text-align:center; border:1px solid #e8e8e8; padding:38px; display:block; overflow:hidden;}
.server-content ul>li>a>h2{font-size:28px; font-weight:bold; color:#736241;}
.server-content ul>li>a>h4{margin-top:18px;}
.server-content ul>li>a>i{font-size:88px; color:#eee; position:absolute; top:100%; right:5%; font-weight:bold; line-height:0;}
.server-content ul>li>a:hover{color:#fff; background:#736241;}
.server-content ul>li>a:hover>h2{color:#fff; transition:.2s;}
@media(max-width:1200px){
.server{padding:38px 0;}
.server-content ul{margin:0 -8px;}
.server-content ul>li{padding:0 8px;}
}
@media(max-width:767px){
.server{padding:18px 0;}
.server-title p{font-size:14px;}
.server-title h2{font-size:24px;}
.server-content ul>li{margin-top:8px; width:100%;}
.server-content ul>li>a{padding:28px;}
.server-content ul>li>a>h2{font-size:22px;}
.server-content ul>li>a>h4{font-size:15px; margin-top:8px;}
}

.differ{padding: 0; background:#f8f8f8;}
.differ-item{position:relative;}
.differ-item:after{display:block; content:''; clear:both;}
.differ-item>aside{float:left; width:50%; padding:38px;}
.differ-item>aside h2{line-height:1.1;}
.differ-item>aside h2>u{text-decoration:none; font-size:16px; margin-bottom:8px; display:block; color:#989898;}
.differ-item>aside h2>b{display:block; font-size:28px;}
.differ-item>aside h2:after{display:block; content:''; width:58px; height:2px; margin-top:8px; background:#736241;}
.differ-item>aside h3{font-size:18px; margin-top:18px;}
.differ-item>aside p{border-top:1px dashed #d8d8d8; margin-top:28px; padding:24px 0; color:#686868;}
.differ-item>aside ul{display:block;}
.differ-item>aside ul:after{display:block; content:''; clear:both;}
.differ-item>aside ul>li{float:left; width:50%;}
.differ-item>aside a{display:inline-block; transition:.3s; margin-top:18px; padding:6px 18px; border-radius:3px; border:1px solid #736241; background:#736241; color:#fff;}
.differ-item>aside a:hover{border-color:#d8d8d8; background:none; color:#736241;}
.differ-item>aside a i{padding-left:8px;}
.differ-item>div{position:absolute; width:50%; top:0; left:50%; bottom:0;}
.differ-item>div>ins,
.differ-item>div>ins>img{width:100%; height:100%; transition:3s;}
.differ-item ins{display:block; overflow:hidden;}
.differ-item ins>img{display:block; width:100%; object-fit:cover; transition:.3s;}
.differ-item ins:hover>img{transform:scale(1.08);}
.differ-item:nth-child(2n)>aside{float:right;}
.differ-item:nth-child(2n)>div{left:auto; right:50%;}
@media(max-width:1200px){
.differ-item>aside{padding:28px 18px;}
}
@media(max-width:992px){
.differ-item>aside{width:100%;}
.differ-item>div{position:relative; width:100%; left:auto; right:auto;}
.differ-item:nth-child(2n)>div{left:auto; right:auto;}
}
@media(max-width:767px){
.differ-item>aside h2>u{font-size:16px; margin-bottom:8px;}
.differ-item>aside h2>b{font-size:22px;}
.differ-item>aside{padding:12px;}
.differ-item>aside h3{font-size:16px; margin-top:8px;}
.differ-item>aside p{margin-top:18px; padding:18px 0;}
}

.product{padding:18px 0;}
.product-title{text-align:center;}
.product-title p{font-size:16px; color:#989898;}
.product-title b{text-align:center; padding:0 0 2px 0; display:block; position:relative; overflow:hidden; color:#736241;}
.product-title b:before,
.product-title b:after{width:88px; height:0; position:absolute; content:''; right:50%; margin-right:28px; bottom:50%; border-bottom:1px dashed #b8b8b8;}
.product-title b:after{left:50%; margin:0 0 0 28px}
.product-title b i{font-size:16px; color:#736241;}
.product-title h2{font-size:36px; line-height:1; font-weight:bold; margin-top:8px;}
.product-name{margin-top:28px;}
.product-name>ul{text-align:center; font-size:0;}
.product-name>ul>li{display:inline-block; margin:8px;}
.product-name>ul>li>a{border:1px solid #d8d8d8; padding:4px 16px; border-radius:3px; font-size:15px; display:block;}
.product-name>ul>li>a:hover{border-color:#736241;}
.product-name>ul>li.on>a{background:#736241; color:#fff; border-color:#736241;}
.product-content{margin-top:10px;}
.product-content>ul{margin:0 -12px; display:none;}
.product-content>ul.on{display:block;}
.product-content>ul:after{display:block; content:''; clear:both;}
.product-content>ul>li{float:left; width:25%; padding:0 12px; margin-top:28px;}
.product-content ins{display:block; overflow:hidden;}
.product-content ins>img{display:block; width:100%; transition:.3s;}
.product-content a:hover ins>img{transform:scale(1.05);}
.product-content span{display:block; line-height:28px; padding:14px 0;}
.product-content span:after{display:block; content:''; clear:both;}
.product-content span>h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-content span>i{float:right; border-left:1px dashed #d8d8d8; font-size:22px; width:38px; text-align:center; line-height:inherit;}
.product-content span+u{display:block; text-decoration:none; height:1px; width:100%; background:#d8d8d8; transition:.3s;}
.product-content span+u:before{display:block; content:''; transition:.3s; width:0; height:100%; background:#736241;}
.product-content a:hover span+u:before{width:100%;}
.product-more{text-align:center; padding-top:48px;}
.product-more>a{display:inline-block; padding:8px 28px; position:relative; border-radius:3px; border:1px solid #d8d8d8;}
.product-more>a:before,
.product-more>a:after{position:absolute; width:28px; height:1px; content:''; background:#d8d8d8; top:50%; transition:.3s;}
.product-more>a:before{right:100%; margin-right:-8px;}
.product-more>a:after{left:100%; margin-left:-8px;}
.product-more>a:hover{color:#fff; border-color:#736241; background:#736241;}
.product-more>a:hover:before{margin-right:-18px;}
.product-more>a:hover:after{margin-left:-18px;}
@media(max-width:1200px){
.product{padding:38px 0;}
.product-name>ul>li{margin:4px;}
.product-name>ul>li>a{padding:2px 12px;}
.product-content>ul{margin:0 -8px;}
.product-content>ul>li{padding:0 8px; margin-top:18px;}
.product-more{padding-top:28px;}
}
@media(max-width:992px){
.product{padding:18px 0;}
.product-content>ul{margin:0 -4px;}
.product-content>ul>li{width:50%; padding:0 4px; margin-top:18px;}
.product-content span{line-height:22px; padding:8px 0;}
.product-content span>h3{font-size:15px;}
.product-content span>i{font-size:18px; width:28px;}
}
@media(max-width:767px){
.product-title p{font-size:14px;}
.product-title h2{font-size:24px;}
.product-more>a{padding:4px 18px;}
}

.service{position:relative;}
.service-content{position:relative; z-index:8;}
.service-swiper{overflow:hidden;}
.service-outer{width:10000%;}
.service-item{float:left; width:.3333%;}
.service-item a{position:relative; display:block; overflow:hidden;}
.service-item a span{position:absolute; z-index:8; top:0; left:0; right:0; bottom:0; padding:0 38px; text-align:center; color:#fff; background:rgba(0,0,0,0.38);
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.service-item a span h3{font-size:28px; line-height:28px; transition:.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service-item a span h3:after{display:block; width:68px; height:2px; content:''; margin:18px auto 0 auto; background:#736241;}
.service-item a span p{transition:.3s; overflow:hidden; margin:38px 0; height:131.25px;}
.service-item a span u{transition:.3s; transition:.3s; font-style:normal; text-decoration:none; padding:9px 18px; border-radius:3px; border:1px solid #736241; background:#736241;}
.service-item a span u i{padding-left:8px;}
.service-item a img{display:block; width:100%; transition:.3s;}
.service-item a:hover img{transform:scale(1.08);}
.service-item a:hover span{background:rgba(0,0,0,0.8);}
.service-item a span u:hover{color:#fff; background:none; border:1px dashed #fff; }
.service-prev,
.service-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.service-swiper:hover .service-prev,
.service-swiper:hover .service-next{opacity:1;}
.service-prev i,
.service-next i{color:#fff; font-size:42px; line-height:inherit;}
.service-prev:hover i,
.service-next:hover i{color:#736241;}
.service-prev{left:0;}
.service-next{right:0;}
@media(max-width:1200px){
.service-content{margin-top:18px;} 
}
@media(max-width:992px){
.service-item{width:.5%;}
}
@media(max-width:767px){ 
.service-item a span{padding:0 18px;}
.service-item a span h3{font-size:22px;}
}
@media(max-width:500px){
.service-item{width:1%;}
}

.news{padding:18px 0;}
.news-title{text-align:center;}
.news-title p{font-size:16px; color:#989898;}
.news-title b{text-align:center; padding:0 0 2px 0; display:block; position:relative; overflow:hidden; color:#736241;}
.news-title b:before,
.news-title b:after{width:88px; height:0; position:absolute; content:''; right:50%; margin-right:28px; bottom:50%; border-bottom:1px dashed #b8b8b8;}
.news-title b:after{left:50%; margin:0 0 0 28px}
.news-title b i{font-size:16px; color:#736241;}
.news-title h2{font-size:36px; line-height:1; font-weight:bold; margin-top:8px;}
.news-name{margin-top:28px;}
.news-name>ul{text-align:center; font-size:0;}
.news-name>ul>li{display:inline-block; margin:8px;}
.news-name>ul>li>a{border:1px solid #d8d8d8; padding:4px 16px; border-radius:3px; font-size:15px; display:block;}
.news-name>ul>li>a:hover{border-color:#736241;}
.news-name>ul>li.on>a{background:#736241; color:#fff; border-color:#736241;}
.news-content{margin-top:38px;}
.news-content:after{display:block; content:''; clear:both;}
.news-content ul{display:none;}
.news-content ul.on{display:block;}
.news-content ul:after{display:block; content:''; clear:both;}
.news-content ul>li{margin-top:18px; float:left; width:68%; padding-left:28px;}
.news-content ul>li>a{display:block;}
.news-content ul>li>a:after{display:block; content:''; clear:both;}
.news-content ins{float:left; overflow:hidden; margin-right:18px;}
.news-content ins>img{display:block; height:92px; object-fit:cover; transition:.3s;}
.news-content a:hover ins>img{transform:scale(1.05);}
.news-content span>p{overflow:hidden; white-space:nowrap; color:#686868; text-overflow:ellipsis;}
.news-content span{display:block; overflow:hidden;}
.news-content span>h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-content span>u{text-decoration:none; display:block; margin:4px 0; color:#989898;}
.news-content span>u>i{padding-right:4px;}
.news-content span>u>i.fa-eye{margin-left:8px;}
.news-content ul>li:first-child{float:left; margin-top:0; width:32%; border-right:1px dashed #d8d8d8; padding:0 28px 0 0;}
.news-content ul>li:first-child+li{margin-top:0;}
.news-content ul>li:first-child ins{float:none; display:block; margin:0;}
.news-content ul>li:first-child ins>img{width:100%; display:block; height:260px;}
.news-content ul>li:first-child span{display:block; margin-top:18px;}
.news-content ul>li:first-child span>p{white-space:pre-wrap; text-overflow:inherit; color:#686868; height:78.75px;}
.news-more{text-align:center; padding-top:48px;}
.news-more>a{display:inline-block; padding:8px 28px; position:relative; border-radius:3px; border:1px solid #d8d8d8;}
.news-more>a:before,
.news-more>a:after{position:absolute; width:28px; height:1px; content:''; background:#d8d8d8; top:50%; transition:.3s;}
.news-more>a:before{right:100%; margin-right:-8px;}
.news-more>a:after{left:100%; margin-left:-8px;}
.news-more>a:hover{color:#fff; border-color:#736241; background:#736241;}
.news-more>a:hover:before{margin-right:-18px;}
.news-more>a:hover:after{margin-left:-18px;}
@media(max-width:1500px){
.news-content ul>li{width:58%;}
.news-content ul>li:first-child{width:42%;}
}
@media(max-width:1200px){
.news{padding:38px 0;}
.news-name>ul>li{margin:4px;}
.news-name>ul>li>a{padding:2px 12px;}
.news-content{margin-top:28px;}
.news-content ul>li{margin-top:18px; padding-left:18px;}
.news-content ul>li:first-child{padding-right:18px;}
.news-more{padding-top:28px;}
}
@media(max-width:992px){
.news-content ul>li{width:100%; padding:0;}
.news-content ul>li:first-child{width:100%; border-right:none; padding:0 0 18px 0;}
}
@media(max-width:767px){
.news{padding:18px 0;}
.news-title p{font-size:14px;}
.news-title h2{font-size:24px;}
.news-content{margin-top:18px;}
.news-content ul>li{margin-top:8px;}
.news-content ul>li:first-child{padding:0 0 8px 0;}
.news-content ul>li:first-child ins>img{height:180px;}
.news-content ins{margin-right:8px;}
.news-more>a{padding:4px 18px;}
}
