.service4{padding:58px 0; line-height:1.75; background:;}
.service4-content{display:block;}
.service4-content>h2{font-size:38px; line-height:1; text-align:center;}
.service4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service4-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service4-content ul{margin:48px -12px 0 -12px;}
.service4-content ul:after{display:block; content:''; clear:both;}
.service4-content ul>li{float:left; width:33.3333%; position:relative; padding:12px;}
.service4-content ul>li>div{position:relative; overflow:hidden;}
.service4-content ul>li>div>span{position:absolute; color:#fff; top:0; right:0; bottom:0; left:0; z-index:8; transition:.3s; background:rgba(0,0,0,0.48);
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;}
.service4-content ul>li>div>span>ins{display:block; text-align:center;}
.service4-content ul>li>div>span>ins>i{font-size:38px; display:block; margin-bottom:8px;}
.service4-content ul>li>div>span>ins>h3{font-size:20px;}
.service4-content ul>li>div>img{display:block; transition:.3s;}
.service4-content ul>li>div:hover>span{background:rgba(0,0,0,0.68);}
.service4-content ul>li>div:hover>img{transform:scale(1.08);}
@media(max-width:1200px){
.service4{padding:38px 0;}
.service4-content>aside{font-size:15px;}
.service4-content ul{margin:28px -8px 0 -8px;}
.service4-content ul>li{padding:8px;}
}
@media(max-width:992px){
.service4-content ul>li{width:50%;}
}
@media(max-width:767px){
.service4{padding:18px 0;}
.service4-content>h2{font-size:28px;}
.service4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service4-content>aside{font-size:14px;}
.service4-content ul>li{width:100%;}
}



.edge4{padding:58px 0; line-height:1.75; color:#fff; background:url('../../upload/photo/202309/150031444.jpg') #000 center; background-size:cover;}
.edge4-content{display:block;}
.edge4-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.edge4-content ul{margin:38px -28px 0 -28px;}
.edge4-content ul:after{display:block; content:''; clear:both;}
.edge4-content ul>li{float:left; text-align:center; width:25%; padding:28px;}
.edge4-content ul>li>i{width:108px; height:108px; border-radius:3px; background:#fff; display:block; margin:0 auto; padding:10px; line-height:88px; text-align:center; font-size:0;}
.edge4-content ul>li>i>img{vertical-align:middle; max-width:88px; max-height:88px;}
.edge4-content ul>li>h3{font-size:20px; margin:18px 0 8px 0;} 
.edge4-content ul>ol{display:none;}
.edge4-content ul>ol:nth-child(8n){display:block; float:left; width:100%;}
@media(max-width:1200px){
.edge4{padding:38px 0;}
.edge4-content ul{margin:28px -8px 0 -8px;}
.edge4-content ul>li{padding:8px;}
}
@media(max-width:767px){
.edge4{padding:18px 0;}
.edge4-content>h2{font-size:28px;}
.edge4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge4-content ul>li{width:50%;}
.edge4-content ul>li>h3{font-size:18px; margin:16px 0 8px 0;} 
.edge4-content ul>ol:nth-child(4n){display:block; float:left; width:100%;}
}


.example4{padding:58px 0; background:#fff;}
.example4-content{display:block;}
.example4-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example4-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.example4-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example4-outer{width:10000%;}
.example4-outer:after{display:block; content:''; clear:both;}
.example4-item{float:left; width:.333%; padding:12px;}
.example4-item>a{display:block;}
.example4-item>a>i{display:block; overflow:hidden;}
.example4-item>a>i>img{display:block; width:100%; transition:.3s;}
.example4-item>a:hover>i>img{transform:scale(1.08);}
.example4-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example4-prev,
.example4-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;}
.example4-swiper:hover .example4-prev,
.example4-swiper:hover .example4-next{opacity:1;}
.example4-prev i,
.example4-next i{color:#fff; font-size:48px;}
.example4-prev:hover i,
.example4-next:hover i{color:#f20f0f;}
.example4-prev{left:0;}
.example4-next{right:0;}
@media(max-width:1200px){
.example4{padding:38px 0;}
.example4-swiper{margin:0 -8px;}
.example4-item{padding:8px;}
}
@media(max-width:992px){
.example4-item{width:.5%;}
}
@media(max-width:767px){
.example4{padding:18px 0;}
.example4-content>h2{font-size:28px; margin-bottom:18px;}
.example4-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example4-swiper{margin:0;}
.example4-item{width:1%;}
}