.tem11-certified .interval{padding:0 7px;}
.tem11-certified .box{margin:0 -8px;}
.tem11-certified .col-xs-6{padding:0 8px;}
.tem11-certified .col-lg-2:nth-of-type(6n+1),
.tem11-certified .col-lg-3:nth-of-type(4n+1),
.tem11-certified .col-lg-4:nth-of-type(3n+1),
.tem11-certified .col-lg-6:nth-of-type(2n+1){clear:both;}
.tem11-certified .cer-li{margin:8px 0;}
.tem11-certified .cer-li .images{position:relative;}
.tem11-certified .cer-li .images::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.3s ease 0s;z-index:1;}
.tem11-certified .cer-li:hover .images::after{opacity:0.8;}
.tem11-certified .cer-li .portfolio-icon{position:absolute;width:100%;height:46px;top:50%;margin-top:-10px;left:0;transition:all 0.3s ease 0s;z-index:2;text-align:center;opacity:0;}
.tem11-certified .cer-li:hover .portfolio-icon{opacity:1;margin-top:-23px;}
.tem11-certified .cer-li .portfolio-icon a{width:46px;height:46px;line-height:46px;margin:0 6px;border-radius:50%;background:#fff;color:#232323;display:inline-block;font-size:22px;text-align:center;transition:all 0.2s ease 0s;border:2px solid #fff;}
.tem11-certified .cer-li .portfolio-icon a:hover{background:none;transform:scale(1.1);color:#fff;}
.tem11-certified .cer-li img{width:100%;}
.tem11-certified .cer-show{width:100%;height:100%;background:rgba(0,0,0,.45);transition:all .5s;visibility:hidden;opacity:0;display:block;}
.tem11-certified .cer-show.active{visibility:visible;opacity:1;}
.tem11-certified .cer-show span.icon-clear{width:40px;height:40px;line-height:40px;font-size:40px;cursor:pointer;position:absolute;top:20px;right:20px;text-align:center;opacity:0.5;z-index:5;}
.tem11-certified .cer-show .swiper-container{width:100%;height:100%;background:rgba(0,0,0,.85);padding:40px 0;}
.tem11-certified .cer-show .swiper-container img{max-width:100%;height:auto;margin:0 auto;display:block;width:auto;}
.tem11-certified .cer-show .swiper-button-prev, .tem11-certified .cer-show .swiper-container-rtl .swiper-button-next{background-image:url(/templates/public4/assets/images/zuojiantou.png);left:20px;}
.tem11-certified .cer-show .swiper-button-next, .tem11-certified .cer-show .swiper-container-rtl .swiper-button-prev{background-image:url(/templates/public4/assets/images/youjiantou.png);right:20px;}
.tem11-certified .cer-show .swiper-button-next, .tem11-certified .cer-show .swiper-button-prev{width:32px;height:32px;opacity:0.6;transition:all .3s;background-size:100% auto;}
.tem11-certified .cer-show .swiper-button-next:hover, .tem11-certified .cer-show .swiper-button-prev:hover{opacity:1;}
.tem11-certified .cer-show .swiper-container-horizontal > .swiper-pagination-bullets,
.tem11-certified .cer-show .swiper-pagination-custom,
.tem11-certified .cer-show .swiper-pagination-fraction{color:#fff;}
.tem11-certified .swiper-slide{opacity:0!important;display:flex;align-items:center;}
.tem11-certified .swiper-slide.swiper-slide-active{opacity:1!important;}
@media (max-width:768px){
.tem11-certified .interval{padding:0!important;}
.tem11-certified .container{padding-left: 2%!important;padding-right: 2%!important}
.tem11-certified.full-screen-spacing .container.full-screen{padding-left: 0!important;padding-right: 0!important}
.tem11-certified .box{margin:0!important;}
.tem11-certified .col-xs-6:nth-of-type(n){clear:none;width: 50%;}
.tem11-certified .col-xs-6:nth-of-type(2n+1){clear:both;}
.tem11-certified .cer-show .swiper-container img{max-width:60%;max-height:100%;height:auto;}
.tem11-certified .cer-show .swiper-button-next, .tem11-certified .cer-show .swiper-button-prev{width:20px;height:20px;}
.tem11-certified .cer-show span.icon-clear{font-size:30px;}
.tem11-certified .cer-show .swiper-container-horizontal > .swiper-pagination-bullets,
.tem11-certified .cer-show .swiper-pagination-custom,
.tem11-certified .cer-show .swiper-pagination-fraction{top:auto;bottom:10px;}
}
@media (max-width:480px){
.tem11-certified .cer-show span.icon-clear{top:10px;right:10px;font-size:20px;width:20px;height:20px;line-height:20px;}
.tem11-certified .cer-show .swiper-button-prev, .tem11-certified .cer-show .swiper-container-rtl .swiper-button-next{left:10px;}
.tem11-certified .cer-show .swiper-button-next, .tem11-certified .cer-show .swiper-container-rtl .swiper-button-prev{right:10px;}
.tem11-certified .cer-li .portfolio-icon a{font-size:18px;}
}
@media (max-width:360px){
.tem11-certified .col-xs-6{width:100%;}
.tem11-certified .cer-show .swiper-container img{max-width:70%;}
}