.server{padding:58px 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:#1258af;}
.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:#1258af;}
.server-title h2{font-size:36px; line-height:1; font-weight:bold; margin-top:8px;}
.server-content{margin-top:18px;}
.server-content ul{margin:0 -18px;}
.server-content ul:after{display:block; content:''; clear:both;}
.server-content ul>li{float:left; padding:0 18px; margin-top:28px; width:33.3333%;}
.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:#1258af;}
.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:#1258af;}
.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:#1258af;}
.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 #1258af; background:#1258af; color:#fff;}
.differ-item>aside a:hover{border-color:#d8d8d8; background:none; color:#1258af;}
.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:58px 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:#1258af;}
.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:#1258af;}
.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:#1258af;}
.product-name>ul>li.on>a{background:#1258af; color:#fff; border-color:#1258af;}
.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:#1258af;}
.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:#1258af; background:#1258af;}
.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;}
}


.news{padding:58px 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:#1258af;}
.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:#1258af;}
.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:#1258af;}
.news-name>ul>li.on>a{background:#1258af; color:#fff; border-color:#1258af;}
.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:#1258af; background:#1258af;}
.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;}
}