﻿
@media (min-width:1025px) {
#news{padding-top: 3%;}
#news #home-news .news-list .swiper-slide{display: block;width: 24%;background: initial;}
#news #home-news .news-list .swiper-slide .news-item-img{width: 100%;padding-top: 20px;}
#news #home-news .news-list .swiper-slide .news-item-cont{width: 100%;box-shadow: 0px 3px 10px 0px rgba(188, 188, 188, .35);padding: 30px 20px;}
#news #home-news .news-list .news-item-img .news-date{border-bottom: none;border-top: 2px solid var(--color);top: 0;}
}
.home-certi{clear:both;padding:40px 0px;background:url(https://css02.v15cdn.com/m418/images/certi_bg.webp) #F8F8F8 left top repeat}
.home-certi .home-line{width:50px;height:2px;background:var(--color);margin:5px auto 30px;}
.certi-swiper{padding:30px 0px 40px !important}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease}
.certi-swiper .swiper-slide img{max-width:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:138%}
.certi-swiper .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;max-width:350px;max-height:600px}
.certi-swiper .certi-name{padding:10px 0px;font-size:var(--fontsize18);text-align:center}
.certi-swiper .certi-dot{width:10px;height:10px;background:#FFFFFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.certi-swiper .swiper-slide.is-active{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide.is-active .certi-dot{display:none}
.certi-swiper .swiper-slide.is-active .certi-name{background:#FFFFFF;color:var(--color);position:relative}
.certi-swiper .swiper-slide.is-active .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:var(--hovercolor)}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#FFFFFF;left:0px}
@media (max-width:1024px){.home-certi .home-line{margin-bottom:15px}}
@media screen and (max-width:769px){
.home-certi{padding:5.5vw 0;overflow:hidden}
.certi-swiper .certi-name{font-size:var(--fontsize15);padding:1.3333333333vw 0}
.certi-swiper{padding:4vw 0vw 5.3vw !important}
.certi-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}
.home-certi .l-wrap{margin:0vw 4vw;padding:0px}}
@media (max-width:500px){.home-certi .home-line{width:30px}}
#product .all-products{display:none}