.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('../images/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%;}
}
.service2{padding:58px 0; line-height:1.75; background:;}
.service2-content{display:block;}
.service2-content>h2{font-size:38px; line-height:1; text-align:center;}
.service2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.service2-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service2-content ul{margin:38px -18px 0 -18px;}
.service2-content ul:after{display:block; content:''; clear:both;}
.service2-content ul>li{float:left; width:33.333%; padding:18px; margin-top:18px;}
.service2-content ul>li>h3{font-size:22px; position:relative; margin-bottom:18px;}
.service2-content ul>li>h3>b{display:inline-block; position:relative; z-index:1;}
.service2-content ul>li>h3:before{position:absolute; top:50%; left:-2px; width:48px; height:8px; margin-top:3px; opacity:0.38; content:''; background:#f20f0f;}
.service2-content ul>li>p{font-size:16px; overflow:hidden; color:#686868;}
.service2-content ul>ol{display:none;}
@media(max-width:1200px){
.service2{padding:38px 0;}
.service2-content>aside{font-size:15px;}
.service2-content ul{margin:28px -8px 0 -8px;}
.service2-content ul>li{padding:8px;}
.service2-content ul>li>h3{margin-bottom:8px;}
.service2-content ul>li>p{font-size:15px;}
}
@media(min-width:993px){
.service2-content ul>ol:nth-child(6n){float:left; display:block; width:100%;}
}
@media(max-width:992px){
.service2-content ul>li{width:50%;}
.service2-content ul>ol:nth-child(4n){float:left; display:block; width:100%;}
}
@media(max-width:767px){
.service2{padding:18px 0;}
.service2-content>h2{font-size:28px;}
.service2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service2-content>aside{font-size:14px;}
.service2-content ul{margin:18px 0 0;}
.service2-content ul>li{width:100%; margin:0;}
.service2-content ul>li>p{font-size:14px; height:auto;}
}
.edge2{padding:68px 0; color:#fff; text-align:center; font-size:28px; background:url('../images/150031444.jpg') #000 center; background-size:cover;}
.edge2-content{display:block;}
.edge2-content>h2{font-size:38px; line-height:1;}
.edge2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto 28px auto; background:#f20f0f;}
.edge2-content>p+p{margin-top:8px;}
.edge2-content>div{text-align:center; margin-top:38px;}
.edge2-content>div>a{display:inline-block; position:relative; color:#fff; border-radius:40px; overflow:hidden; background:#f20f0f;}
.edge2-content>div>a:after{position:absolute; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#fff;}
.edge2-content>div>a>i{float:left; position:relative; z-index:2; width:36px; height:36px; line-height:36px; text-align:center; transition:0.6s; font-size:18px; margin:2px; border-radius:40px; background:#fff; color:#f20f0f;}
.edge2-content>div>a>u{float:left; position:relative; z-index:1; font-size:16px; text-decoration:none; line-height:40px; height:40px; padding:0 28px 0 16px;}
.edge2-content>div>a:hover{color:#f20f0f;}
.edge2-content>div>a:hover>i{color:#fff; animation:szu 2s infinite; background:#f20f0f;}
.edge2-content>div>a:hover:after{width:300px; height:300px;}
@media(max-width:1200px){
.edge2{padding:48px 0; font-size:24px;}
}
@media(max-width:767px){
.edge2{padding:28px 0; font-size:16px;}
.edge2-content>h2{font-size:28px;}
.edge2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge2-content>div{margin-top:18px;}
}
.example2{padding:58px 0; background:#fff;}
.example2-content{display:block;}
.example2-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example2-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#f20f0f;}
.example2-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example2-outer{width:10000%;}
.example2-outer:after{display:block; content:''; clear:both;}
.example2-item{float:left; width:.333%; padding:12px;}
.example2-item>a{display:block;}

.example2-item>a>i{display:block; overflow:hidden;}
.example2-item>a>i>img{display:block; width:100%; transition:.3s;}
.example2-item>a:hover>i>img{transform:scale(1.08);}
.example2-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example2-prev,
.example2-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;}
.example2-swiper:hover .example2-prev,
.example2-swiper:hover .example2-next{opacity:1;}
.example2-prev i,
.example2-next i{color:#fff; font-size:48px;}
.example2-prev:hover i,
.example2-next:hover i{color:#f20f0f;}
.example2-prev{left:0;}
.example2-next{right:0;}
@media(max-width:1200px){
.example2{padding:38px 0;}
.example2-swiper{margin:0 -8px;}
.example2-item{padding:8px;}
}
@media(max-width:992px){
.example2-item{width:.5%;}
}
@media(max-width:767px){
.example2{padding:18px 0;}
.example2-content>h2{font-size:28px; margin-bottom:18px;}
.example2-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example2-swiper{margin:0;}
.example2-item{width:1%;}
}
.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('../images/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%;}
}
.service-brand{padding:58px 0; line-height:1.75; background:#fff;}
.service-brand-content{display:block;}
.service-brand-content>h2{font-size:38px; line-height:1; text-align:center;}
.service-brand-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#4080C0;}
.service-brand-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.service-brand-content ul{margin:48px -28px 0 -28px;}
.service-brand-content ul:after{display:block; content:''; clear:both;}
.service-brand-content ul>li{float:left; width:25%; text-align:center; position:relative; padding:28px;}
.service-brand-content ul>li>img{display:block; margin:0 auto; max-width:90%;}
.service-brand-content ul>li>h3{font-size:20px; margin:18px 0; color:#333;}
.service-brand-content ul>li>p{font-size:16px; color:#686868;}
@media(max-width:1200px){
.service-brand{padding:38px 0;}
.service-brand-content>aside{font-size:15px;}
.service-brand-content ul{margin:38px -8px 0 -8px;}
.service-brand-content ul>li{padding:8px;}
.service-brand-content ul>li>h3{font-size:18px; margin:12px 0;}
.service-brand-content ul>li>p{font-size:14px;}
} 
@media(max-width:767px){
.service-brand{padding:18px 0;}
.service-brand-content>h2{font-size:28px;}
.service-brand-content>h2:after{width:48px; height:3px; margin:12px auto;}
.service-brand-content>aside{font-size:14px;}
.service-brand-content ul{margin:18px -4px 0 -4px;}
.service-brand-content ul>li{width:50%; padding:4px; margin-top:8px;}
}
.edge-brand{padding:58px 0; line-height:1.75; color:#fff; background:url('../images/162333559.jpg') #000 center; background-size:cover;}
.edge-brand-content{display:block;}
.edge-brand-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge-brand-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#4080C0;}
.edge-brand-content ul{margin:38px -28px 0 -28px;}
.edge-brand-content ul:after{display:block; content:''; clear:both;}
.edge-brand-content ul>li{float:left; text-align:center; width:33.333%; padding:28px;}
.edge-brand-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:#4080C0;}
.edge-brand-content ul>li>h3{font-size:22px; margin:18px 0;}
.edge-brand-content ul>li>p{font-size:16px;}
.edge-brand-content ul>ol{display:none;}
.edge-brand-content ul>ol:nth-child(6n){display:block; float:left; width:100%;}
@media(max-width:1200px){
.edge-brand{padding:38px 0;}
.edge-brand-content ul{margin:28px -8px 0 -8px;}
.edge-brand-content ul>li{padding:8px;}
.edge-brand-content ul>li>h3{font-size:18px; margin:12px 0;}
.edge-brand-content ul>li>p{font-size:14px;}
} 
@media(max-width:767px){
.edge-brand{padding:18px 0;}
.edge-brand-content>h2{font-size:24px;}
.edge-brand-content>h2:after{width:48px; height:3px; margin:12px auto;}
.edge-brand-content ul{margin:18px -8px 0 -8px;}
.edge-brand-content ul>li{width:50%; padding:12px;}
.edge-brand-content ul>li>i{width:58px; height:58px; line-height:56px; font-size:28px;}
.edge-brand-content ul>li>h3{font-size:16px; margin:10px 0;}
.edge-brand-content ul>li>p{font-size:12px;}
.edge-brand-content ul>ol:nth-child(4n){float:left; display:block; width:100%;}
}
.process-brand{padding:58px 0; background:#f8f9fa;}
.process-brand-content{display:block;}
.process-brand-content>h2{font-size:38px; line-height:1; text-align:center;}
.process-brand-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#4080C0;}
.process-brand-content ul{margin:48px -18px 0 -18px;}
.process-brand-content ul:after{display:block; content:''; clear:both;}
.process-brand-content ul>li{float:left; width:20%; text-align:center; padding:18px; position:relative;}
.process-brand-content ul>li .step{display:block; width:58px; height:58px; line-height:58px; text-align:center; border-radius:50%; background:#4080C0; color:#fff; font-size:24px; margin:0 auto 18px;}
.process-brand-content ul>li>h3{font-size:20px; margin-bottom:12px; color:#333;}
.process-brand-content ul>li>p{font-size:14px; color:#686868;}
.process-brand-content ul>li:not(:last-child):after{content:''; position:absolute; right:-9px; top:50%; width:18px; height:2px; background:#ddd; margin-top:-1px;}
@media(max-width:1200px){
.process-brand{padding:38px 0;}
.process-brand-content ul{margin:28px -8px 0 -8px;}
.process-brand-content ul>li{padding:8px;}
.process-brand-content ul>li>h3{font-size:18px; margin-bottom:8px;}
} 
@media(max-width:767px){
.process-brand{padding:18px 0;}
.process-brand-content>h2{font-size:28px;}
.process-brand-content>h2:after{width:48px; height:3px; margin:12px auto;}
.process-brand-content ul{margin:18px 0 0;}
.process-brand-content ul>li{width:100%; padding:12px; border-bottom:1px dashed #ddd;}
.process-brand-content ul>li:last-child{border-bottom:none;}
.process-brand-content ul>li:not(:last-child):after{display:none;}
}
.example-brand{padding:58px 0; background:#fff;}
.example-brand-content{display:block;}
.example-brand-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example-brand-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#4080C0;}
.example-brand-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example-brand-outer{width:10000%;}
.example-brand-outer:after{display:block; content:''; clear:both;}
.example-brand-item{float:left; width:.333%; padding:12px;}
.example-brand-item>a{display:block;}
.example-brand-item>a>i{display:block; overflow:hidden;}
.example-brand-item>a>i>img{display:block; width:100%; transition:.3s;}
.example-brand-item>a:hover>i>img{transform:scale(1.08);}
.example-brand-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example-brand-prev,
.example-brand-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;}
.example-brand-swiper:hover .example-brand-prev,
.example-brand-swiper:hover .example-brand-next{opacity:1;}
.example-brand-prev i,
.example-brand-next i{color:#fff; font-size:48px;}
.example-brand-prev:hover i,
.example-brand-next:hover i{color:#4080C0;}
.example-brand-prev{left:0;}
.example-brand-next{right:0;}
@media(max-width:1200px){
.example-brand{padding:38px 0;}
.example-brand-swiper{margin:0 -8px;}
.example-brand-item{padding:8px;}
}
@media(max-width:992px){
.example-brand-item{width:.5%;}
}
@media(max-width:767px){
.example-brand{padding:18px 0;}
.example-brand-content>h2{font-size:28px; margin-bottom:18px;}
.example-brand-content>h2:after{width:48px; height:3px; margin:12px auto;}
.example-brand-swiper{margin:0;}
.example-brand-item{width:1%;}
}
.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; height:220px;}
.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; width:100%; height:100%; object-fit:cover; 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('../images/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%;}
}
.service-geo{padding:58px 0; line-height:1.75; background:#fff;}
.service-geo-content{display:block;}
.service-geo-content>h2{font-size:38px; line-height:1; text-align:center;}
.service-geo-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#2ECC71;}
.service-geo-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.geo-twin{display:flex; gap:28px; margin-top:48px;}
.geo-card{flex:1; padding:38px; border-radius:8px; transition:.3s;}
.geo-card.seo{background:#f8f9fa; border:2px solid #2ECC71;}
.geo-card.geo{background:#f8f9fa; border:2px solid #3498DB;}
.geo-icon{width:78px; height:78px; line-height:78px; text-align:center; border-radius:50%; margin:0 auto 18px; font-size:38px;}
.geo-card.seo .geo-icon{background:#2ECC71; color:#fff;}
.geo-card.geo .geo-icon{background:#3498DB; color:#fff;}
.geo-card>h3{font-size:22px; text-align:center; margin-bottom:18px;}
.geo-card>ul{list-style:none; padding:0;}
.geo-card>ul>li{padding:8px 0; text-align:center; color:#686868;}
@media(max-width:767px){
.geo-twin{flex-direction:column;}
.service-geo-content>h2{font-size:28px;}
}
.edge-geo{padding:58px 0; background:#2C3E50; color:#fff;}
.edge-geo-content{display:block;}
.edge-geo-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge-geo-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#2ECC71;}
.flow-steps{display:flex; gap:18px; justify-content:space-between;}
.flow-step{flex:1; text-align:center; position:relative;}
.step-num{display:block; width:58px; height:58px; line-height:58px; border-radius:50%; background:#2ECC71; color:#fff; font-size:24px; margin:0 auto 12px;}
.step-content>h3{font-size:18px; margin-bottom:8px;}
.step-content>p{font-size:14px; opacity:0.8;}
.flow-step:not(:last-child):after{content:''; position:absolute; top:29px; right:-9px; width:18px; height:2px; background:#2ECC71;}
@media(max-width:767px){
.flow-steps{flex-direction:column;}
.flow-step:not(:last-child):after{display:none;}
.edge-geo-content>h2{font-size:28px;}
}
.feature-geo{padding:58px 0; background:#fff;}
.feature-geo-content{display:block;}
.feature-geo-content>h2{font-size:38px; line-height:1; text-align:center;}
.feature-geo-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#2ECC71;}
.feature-geo-content ul{display:flex; gap:28px; margin-top:38px;}
.feature-geo-content ul>li{flex:1; text-align:center; padding:28px;}
.feature-geo-content ul>li>i{font-size:48px; color:#2ECC71; margin-bottom:12px;}
.feature-geo-content ul>li>h3{font-size:20px; margin-bottom:8px;}
.feature-geo-content ul>li>p{font-size:14px; color:#686868;}
@media(max-width:767px){
.feature-geo-content ul{flex-wrap:wrap;}
.feature-geo-content ul>li{width:50%;}
.feature-geo-content>h2{font-size:28px;}
}
.example-geo{padding:58px 0; background:#fff;}
.example-geo-content{display:block;}
.example-geo-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example-geo-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#2ECC71;}
.example-geo-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example-geo-outer{width:10000%;}
.example-geo-outer:after{display:block; content:''; clear:both;}
.example-geo-item{float:left; width:.333%; padding:12px;}
.example-geo-item>a{display:block;}
.example-geo-item>a>i{display:block; overflow:hidden;}
.example-geo-item>a>i>img{display:block; width:100%; transition:.3s;}
.example-geo-item>a:hover>i>img{transform:scale(1.08);}
.example-geo-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example-geo-prev,
.example-geo-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;}
.example-geo-swiper:hover .example-geo-prev,
.example-geo-swiper:hover .example-geo-next{opacity:1;}
.example-geo-prev i,
.example-geo-next i{color:#fff; font-size:48px;}
.example-geo-prev:hover i,
.example-geo-next:hover i{color:#2ECC71;}
.example-geo-prev{left:0;}
.example-geo-next{right:0;}
@media(max-width:992px){
.example-geo-item{width:.5%;}
}
@media(max-width:767px){
.example-geo-item{width:1%;}
.example-geo-content>h2{font-size:28px;}
}
.service-site{padding:58px 0; line-height:1.75; background:#fff;}
.service-site-content{display:block;}
.service-site-content>h2{font-size:38px; line-height:1; text-align:center;}
.service-site-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#3498DB;}
.service-site-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.site-cards{display:flex; flex-wrap:wrap; gap:28px; margin-top:48px;}
.site-card{width:calc(25% - 21px); text-align:center; padding:28px; border:1px solid #eee; border-radius:8px; transition:.3s;}
.site-card:hover{border-color:#3498DB; box-shadow:0 4px 12px rgba(52,152,219,0.15);}
.site-card>img{max-width:88px; margin-bottom:18px;}
.site-card>h3{font-size:20px; margin-bottom:12px;}
.site-card>p{font-size:14px; color:#686868;}
@media(max-width:992px){
.site-card{width:calc(50% - 14px);}
}
@media(max-width:767px){
.site-card{width:100%;}
.service-site-content>h2{font-size:28px;}
}
.edge-site{padding:58px 0; background:#3498DB; color:#fff;}
.edge-site-content{display:block;}
.edge-site-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge-site-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#fff;}
.site-process{display:flex; gap:28px; margin-top:38px;}
.site-process>li{flex:1; text-align:center; list-style:none;}
.process-icon{width:78px; height:78px; line-height:78px; border-radius:50%; background:rgba(255,255,255,0.2); margin:0 auto 12px; font-size:38px;}
.site-process>li>h3{font-size:18px; margin-bottom:8px;}
.site-process>li>p{font-size:14px; opacity:0.9;}
@media(max-width:767px){
.site-process{flex-direction:column;}
.edge-site-content>h2{font-size:28px;}
}
.feature-site{padding:58px 0; background:#f8f9fa;}
.feature-site-content{display:block;}
.feature-site-content>h2{font-size:38px; line-height:1; text-align:center;}
.feature-site-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#3498DB;}
.feature-grid{display:flex; flex-wrap:wrap; gap:28px; margin-top:38px;}
.feature-item{width:calc(33.333% - 19px); text-align:center; padding:28px; background:#fff; border-radius:8px;}
.feature-icon{width:58px; height:58px; line-height:58px; border-radius:50%; background:#3498DB; color:#fff; font-size:28px; display:inline-block; margin-bottom:12px;}
.feature-item>h4{font-size:18px; margin-bottom:8px;}
.feature-item>p{font-size:14px; color:#686868;}
@media(max-width:992px){
.feature-item{width:calc(50% - 14px);}
}
@media(max-width:767px){
.feature-item{width:100%;}
.feature-site-content>h2{font-size:28px;}
}
.example-site{padding:58px 0; background:#fff;}
.example-site-content{display:block;}
.example-site-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example-site-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#3498DB;}
.example-site-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example-site-outer{width:10000%;}
.example-site-outer:after{display:block; content:''; clear:both;}
.example-site-item{float:left; width:.333%; padding:12px;}
.example-site-item>a{display:block;}
.example-site-item>a>i{display:block; overflow:hidden;}
.example-site-item>a>i>img{display:block; width:100%; transition:.3s;}
.example-site-item>a:hover>i>img{transform:scale(1.08);}
.example-site-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example-site-prev,
.example-site-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;}
.example-site-swiper:hover .example-site-prev,
.example-site-swiper:hover .example-site-next{opacity:1;}
.example-site-prev i,
.example-site-next i{color:#fff; font-size:48px;}
.example-site-prev:hover i,
.example-site-next:hover i{color:#3498DB;}
.example-site-prev{left:0;}
.example-site-next{right:0;}
@media(max-width:992px){
.example-site-item{width:.5%;}
}
@media(max-width:767px){
.example-site-item{width:1%;}
.example-site-content>h2{font-size:28px;}
}
.service-ui{padding:58px 0; line-height:1.75; background:#fff;}
.service-ui-content{display:block;}
.service-ui-content>h2{font-size:38px; line-height:1; text-align:center;}
.service-ui-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#9B59B6;}
.service-ui-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.ui-services{display:flex; flex-wrap:wrap; gap:28px; margin-top:48px;}
.ui-card{width:calc(25% - 21px); padding:28px; background:#f8f9fa; border-radius:8px; text-align:center;}
.card-icon{width:78px; height:78px; line-height:78px; border-radius:8px; margin:0 auto 18px; font-size:38px; color:#fff;}
.card-icon.brand{background:#9B59B6;}
.card-icon.web{background:#3498DB;}
.card-icon.mobile{background:#2ECC71;}
.card-icon.material{background:#E67E22;}
.brand-showcase{padding:58px 0; background:#f8f9fa;}
.brand-showcase-content{display:block;}
.brand-showcase-content>h2{font-size:38px; line-height:1; text-align:center;}
.brand-showcase-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#9B59B6;}
.showcase-grid{display:flex; gap:28px; margin-top:48px;}
.showcase-item{flex:1; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.08);}
.showcase-image{overflow:hidden;}
.showcase-image>img{display:block; width:100%; height:200px; object-fit:cover; transition:.3s;}
.showcase-item:hover .showcase-image>img{transform:scale(1.08);}
.showcase-info{padding:20px;}
.showcase-info>h4{font-size:18px; margin-bottom:8px;}
.showcase-info>p{font-size:14px; color:#686868;}
@media(max-width:992px){
.showcase-grid{flex-wrap:wrap;}
.showcase-item{width:calc(50% - 14px);}
}
@media(max-width:767px){
.showcase-item{width:100%;}
.brand-showcase-content>h2{font-size:28px;}
}
.ui-card>h3{font-size:20px; margin-bottom:12px;}
.ui-card>ul{list-style:none; padding:0;}
.ui-card>ul>li{padding:6px 0; font-size:14px; color:#686868;}
@media(max-width:992px){
.ui-card{width:calc(50% - 14px);}
}
@media(max-width:767px){
.ui-card{width:calc(50% - 10px); padding:16px;}
.ui-card>h3{font-size:16px; margin-bottom:8px;}
.ui-card>ul>li{padding:4px 0; font-size:12px;}
.card-icon{width:58px; height:58px; line-height:58px; font-size:28px; margin:0 auto 12px;}
.service-ui-content>h2{font-size:28px;}
.ui-services{gap:16px; margin-top:28px;}
}
.edge-ui{padding:58px 0; background:#9B59B6; color:#fff;}
.edge-ui-content{display:block;}
.edge-ui-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge-ui-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#fff;}
.ui-process{display:flex; gap:18px; margin-top:38px;}
.ui-process .step{flex:1; text-align:center;}
.step-circle{display:block; width:48px; height:48px; line-height:48px; border-radius:50%; background:rgba(255,255,255,0.2); font-size:20px; margin:0 auto 12px;}
.ui-process .step>h3{font-size:18px; margin-bottom:8px;}
.ui-process .step>p{font-size:14px; opacity:0.9;}
@media(max-width:767px){
.ui-process{flex-direction:column;}
.edge-ui-content>h2{font-size:28px;}
}
.feature-ui{padding:58px 0; background:#fff;}
.feature-ui-content{display:block;}
.feature-ui-content>h2{font-size:38px; line-height:1; text-align:center;}
.feature-ui-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#9B59B6;}
.features{display:flex; gap:28px; margin-top:38px;}
.feature-box{flex:1; text-align:center; padding:28px;}
.feature-box>i{font-size:48px; color:#9B59B6; margin-bottom:12px;}
.feature-box>h4{font-size:18px; margin-bottom:8px;}
.feature-box>p{font-size:14px; color:#686868;}
@media(max-width:767px){
.features{flex-wrap:wrap;}
.feature-box{width:50%;}
.feature-ui-content>h2{font-size:28px;}
}
.example-ui{padding:58px 0; background:#fff;}
.example-ui-content{display:block;}
.example-ui-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example-ui-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#9B59B6;}
.example-ui-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example-ui-outer{width:10000%;}
.example-ui-outer:after{display:block; content:''; clear:both;}
.example-ui-item{float:left; width:.333%; padding:12px;}
.example-ui-item>a{display:block;}
.example-ui-item>a>i{display:block; overflow:hidden;}
.example-ui-item>a>i>img{display:block; width:100%; transition:.3s;}
.example-ui-item>a:hover>i>img{transform:scale(1.08);}
.example-ui-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example-ui-prev,
.example-ui-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;}
.example-ui-swiper:hover .example-ui-prev,
.example-ui-swiper:hover .example-ui-next{opacity:1;}
.example-ui-prev i,
.example-ui-next i{color:#fff; font-size:48px;}
.example-ui-prev:hover i,
.example-ui-next:hover i{color:#9B59B6;}
.example-ui-prev{left:0;}
.example-ui-next{right:0;}
@media(max-width:992px){
.example-ui-item{width:.5%;}
}
@media(max-width:767px){
.example-ui-item{width:1%;}
.example-ui-content>h2{font-size:28px;}
}
.service-allin{padding:58px 0; line-height:1.75; background:#fff;}
.service-allin-content{display:block;}
.service-allin-content>h2{font-size:38px; line-height:1; text-align:center;}
.service-allin-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#E74C3C;}
.service-allin-content>aside{display:block; text-align:center; font-size:16px; color:#686868;}
.allin-overview{display:flex; flex-wrap:wrap; gap:28px; margin-top:48px;}
.overview-card{width:calc(50% - 14px); display:flex; gap:20px; padding:28px; background:#f8f9fa; border-radius:8px;}
.card-number{font-size:58px; font-weight:bold; color:#E74C3C; line-height:1;}
.card-info>h3{font-size:22px; margin-bottom:8px;}
.card-info>p{font-size:14px; color:#686868;}
@media(max-width:767px){
.overview-card{width:100%; padding:18px; gap:14px;}
.card-number{font-size:48px; white-space: nowrap;}
.card-info>h3{font-size:18px;}
.card-info>p{font-size:12px;}
.service-allin-content>h2{font-size:28px;}
}
.edge-allin{padding:58px 0; background:#E74C3C; color:#fff;}
.edge-allin-content{display:block;}
.edge-allin-content>h2{font-size:38px; line-height:1; text-align:center;}
.edge-allin-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#fff;}
.allin-flow{display:flex; align-items:center; gap:18px; margin-top:38px;}
.flow-node{flex:1; text-align:center;}
.node-icon{width:68px; height:68px; line-height:68px; border-radius:50%; background:rgba(255,255,255,0.2); font-size:32px; margin:0 auto 12px;}
.flow-node>h3{font-size:18px; margin-bottom:8px;}
.flow-node>p{font-size:14px; opacity:0.9;}
.flow-arrow{font-size:28px; opacity:0.6;}
@media(max-width:767px){
.allin-flow{flex-direction:column;}
.flow-arrow{transform:rotate(90deg);}
.edge-allin-content>h2{font-size:28px;}
}
.feature-allin{padding:58px 0; background:#f8f9fa;}
.feature-allin-content{display:block;}
.feature-allin-content>h2{font-size:38px; line-height:1; text-align:center;}
.feature-allin-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#E74C3C;}
.benefits{display:flex; gap:28px; margin-top:38px;}
.benefit-item{flex:1; text-align:center; padding:28px; background:#fff; border-radius:8px;}
.benefit-icon{width:68px; height:68px; line-height:68px; border-radius:50%; background:#E74C3C; color:#fff; font-size:28px; display:inline-block; margin-bottom:12px;}
.benefit-item>h4{font-size:18px; margin-bottom:8px;}
.benefit-item>p{font-size:14px; color:#686868;}
@media(max-width:767px){
.benefits{flex-wrap:wrap;}
.benefit-item{width:50%;}
.feature-allin-content>h2{font-size:28px;}
}
.example-allin{padding:58px 0; background:#fff;}
.example-allin-content{display:block;}
.example-allin-content>h2{font-size:38px; margin-bottom:38px; line-height:1; text-align:center;}
.example-allin-content>h2:after{display:block; width:68px; height:4px; content:''; margin:18px auto; background:#E74C3C;}
.example-allin-swiper{margin:0 -12px; overflow:hidden; position:relative;}
.example-allin-outer{width:10000%;}
.example-allin-outer:after{display:block; content:''; clear:both;}
.example-allin-item{float:left; width:.333%; padding:12px;}
.example-allin-item>a{display:block;}
.example-allin-item>a>i{display:block; overflow:hidden;}
.example-allin-item>a>i>img{display:block; width:100%; transition:.3s;}
.example-allin-item>a:hover>i>img{transform:scale(1.08);}
.example-allin-item>a>h3{display:block; margin-top:8px; font-size:20px; text-align:center;}
.example-allin-prev,
.example-allin-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;}
.example-allin-swiper:hover .example-allin-prev,
.example-allin-swiper:hover .example-allin-next{opacity:1;}
.example-allin-prev i,
.example-allin-next i{color:#fff; font-size:48px;}
.example-allin-prev:hover i,
.example-allin-next:hover i{color:#E74C3C;}
.example-allin-prev{left:0;}
.example-allin-next{right:0;}
@media(max-width:992px){
.example-allin-item{width:.5%;}
}
@media(max-width:767px){
.example-allin-item{width:1%;}
.example-allin-content>h2{font-size:28px;}
}