.service1{padding:58px 0; line-height:1.75; background:#fff;}
.service1-content{display:block;}
.service1-content>h2{font-size:38px; line-height:1; text-align:center;}
.service1-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service1-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service1-content ul{margin:48px -28px 0 -28px;}
.service1-content ul:after{display:block; content:''; clear:both;}
.service1-content ul>li{float:left; width:25%; text-align:center; position:relative; padding:28px;}
.service1-content ul>li>img{display:block; margin:0 auto; max-width:90%;}
.service1-content ul>li>h3{font-size:20px; margin:18px 0;}
.service1-content ul>li>p{font-size:16px; color:#686868;}
@media(max-width:1200px){
.service1{padding:38px 0;}
.service1-content>aside{font-size:15px;}
.service1-content ul{margin:38px -8px 0 -8px;}
.service1-content ul>li{padding:8px;}
.service1-content ul>li>h3{font-size:18px; margin:12px 0;}
.service1-content ul>li>p{font-size:14px;}
} 
@media(max-width:767px){
.service1{padding:18px 0;}
.service1-content>h2{font-size:28px;}
.service1-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service1-content>aside{font-size:14px;}
.service1-content ul{margin:18px -4px 0 -4px;}
.service1-content ul>li{width:50%; padding:4px; margin-top:8px;}
}


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


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