.service3{padding:58px 0; line-height:1.75; background:;}
.service3-content{display:block;}
.service3-content>h2{font-size:38px; line-height:1; text-align:center;}
.service3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service3-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service3-content ul{margin:48px 0 0 0;}
.service3-content ul:after{display:block; content:''; clear:both;}
.service3-content ul>li{float:left; width:25%; position:relative; border:1px solid #d8d8d8; margin:-1px 0 0 -1px; padding:38px;}
.service3-content ul>li>b{position:absolute; bottom:18px; right:28px; line-height:1; font-size:88px; opacity:0.8; transition:.3s; color:#f20f0f;}
.service3-content ul>li>h3{position:relative; z-index:8; font-size:20px; margin-bottom:18px;}
.service3-content ul>li>p{position:relative; z-index:8; font-size:16px; height:160px; color:#686868;}
.service3-content ul>li:hover>b{transform:scale(1.08); opacity:1;}
@media(max-width:1200px){
.service3{padding:38px 0;}
.service3-content>aside{font-size:15px;}
.service3-content ul{margin:28px 0 0 0;}
.service3-content ul>li{width:50%;}
} 
@media(max-width:767px){
.service3{padding:18px 0;}
.service3-content>h2{font-size:28px;}
.service3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service3-content>aside{font-size:14px;}
.service3-content ul{margin:18px 0 0 0;}
.service3-content ul>li{width:100%; padding:18px; padding-bottom:78px;}
.service3-content ul>li>b{bottom:8px; right:18px; font-size:68px;}
.service3-content ul>li>h3{font-size:18px; margin-bottom:8px;}
.service3-content ul>li>p{font-size:14px; height:auto;}
}


.edge3{padding:58px 0; line-height:1.75; color:#fff; background:url('../../upload/photo/202309/150031444.jpg') #000 center; background-size:cover;}
.edge3-content{display:block;}
.edge3-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge3-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.edge3-content ul{margin:38px -18px 0 -18px;}
.edge3-content ul:after{display:block; content:''; clear:both;}
.edge3-content ul>li{float:left; width:50%; padding:18px;}
.edge3-content ul>li>span{display:block; position:relative; padding:38px 48px 28px 98px; background:rgba(255,255,255,0.08);}
.edge3-content ul>li>span>i{font-size:38px; position:absolute; left:38px; top:38px;}
.edge3-content ul>li>span>h3{font-size:20px; margin-bottom:18px;}
.edge3-content ul>li>span>p{font-size:15px; height:80px; overflow:hidden;}
@media(max-width:1200px){
.edge3{padding:38px 0;}
.edge3-content ul{margin:28px -8px 0 -8px;}
.edge3-content ul>li{padding:8px;}
}
@media(max-width:992px){
.edge3-content ul>li{width:100%;}
.edge3-content ul>li>span>p{height:auto;}
}
@media(max-width:767px){
.edge3{padding:18px 0;}
.edge3-content>h2{font-size:28px;}
.edge3-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge3-content ul{margin:18px 0 0 0;}
.edge3-content ul>li>span{padding:18px 18px 18px 68px;}
.edge3-content ul>li>span>i{font-size:32px; left:18px; top:18px;}
.edge3-content ul>li>span>h3{font-size:18px; margin-bottom:8px;}
.edge3-content ul>li>span>p{font-size:14px; height:auto;}
}


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