.sol-top {background: url(/uploads/44731/banner/202509100908170f00d.jpg) repeat-x left top;}
.sol-top h3{text-shadow: 1px 2px 3px #000;}
#about{padding-top:0;}
#product{padding-top:4%;}
@media (max-width:768px){#product{padding-top:40px;}}
#home-swiper .swiper-slide.swiper-slide-active img{animation:bannerimg 6s forwards}
#home-swiper .swiper-slide.swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
.advan{position: relative;background: url(/Content/uploads/20251185493/202509111806425ff8bb5cc4e34839bf2f37dd3b34489a.jpg) rgba(0, 0, 0, .7);background-size: cover;background-blend-mode: multiply;}
.advan h3{color: #fff;}
.advan .title{color: #fff;}

.home-logo{padding:4% 0;background:#F6F6F6;}
.home-logo .main-part{font-weight: var(--fontbold7);}
.home-logo #logoswiper{margin-top:2.5%;}
.home-logo #logoswiper .swiper-wrapper{transition-timing-function:linear!important;margin:0px auto;align-items:center}
.home-logo #logoswiper .swiper-pagination{display:none;}
.home-logo #logoswiper .swiper-slide{text-align: center;}
.home-logo #logoswiper img{max-height:120px;width:auto;}
@media (max-width:640px){.home-logo{padding:30px 0;}
.home-logo #logoswiper{margin-top:15px;}
.home-logo #logoswiper img{max-height:160px}}


.home-num{margin-top:-130px;z-index:1;position:relative}
.home-num .list{background:rgba(0,0,0,.3);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;list-style:none;height:130px}
.home-num .list li{width:20%;height:100%;line-height:1;color:#FFFFFF;padding:20px 10px;opacity:.8;transition:all .2s linear;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-num .list li em{font-size:var(--fontsize40);display:inline-block;transition:transform .2s linear}
.home-num .list li p{margin-top:1em;text-align: center;}
.home-num .list li span{font-size:20px}
.home-num .list li:hover{opacity:1;color:var(--color)}
.home-num .list li:hover em{transform:translateY(-6px)}
@media (max-width:1366px){.home-num{margin-top:10px}
.home-num .list{background:#000000}}
@media (max-width:1024px){.home-num .list{height:auto}
.home-num .list li{width:33%}
.home-num .l-wrap{padding:0px}}
@media (max-width:768px){.home-num .list li{width:50%}}
@media (min-width:1367px){#home-swiper .swiper-pagination{bottom:150px;}}
#ind .adv-icon .icon-item{position: relative;}
#ind .adv-icon .icon-item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid transparent;}
#ind .adv-icon .icon-item:hover::after{border-color:#FFFFFF;animation:drawBorderLine 2s linear infinite}
@keyframes drawBorderLine{0%{clip-path:inset(100% 0 0 0)}
25%{clip-path:inset(0 100% 0 0)}
50%{clip-path:inset(0 0 100% 0)}
75%{clip-path:inset(0 0 0 100%)}
100%{clip-path:inset(100% 0 0 0)}}
#home-swiper .swiper-slide>a img{filter:brightness(.7)}
#home-swiper .banner-animote{position:absolute;top:50%;left:7%;transform:translate(0,-50%);width:40%;color:#FFFFFF;opacity:0}
#home-swiper .banner-animote .p1{font-size:.9vw;font-weight:var(--fontbold5);margin-bottom:1.2vw;line-height:1.3;}
#home-swiper .banner-animote .p2{font-size:2.65vw;font-weight:var(--fontbold7);line-height:1.3}
#home-swiper .banner-animote .p3{display:flex;margin-top:2.2vw}
#home-swiper .banner-animote .p3 a{margin-right:1.2vw;height:44px;padding:0 1.5vw;border:2px solid var(--color);color:var(--color);border-radius:5px;text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear}
#home-swiper .banner-animote .p3 a:nth-child(2){background:var(--color);color:#fff}
#home-swiper .banner-animote .p3 a:hover{opacity:.9}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
#home-swiper .banner-animote.bannerpic1{left:auto;right:7%;width:37%}
#home-swiper .banner-animote.bannerpic1 img{transform:none!important}
#home-swiper .banner-animote.bannertxt2{left:auto;right:5%;}
@keyframes bannerani{0%{margin-top:30px}
100%{opacity:1;margin-top:0px}}
@media (max-width:1280px){#home-swiper .banner-animote .p1{font-size:var(--fontsize12)}}
@media (max-width:768px){#home-swiper .banner-animote{width:80%}
#home-swiper .banner-animote .p1{margin-bottom:12px}
#home-swiper .banner-animote .p2{font-size:var(--fontsize26)}
#home-swiper .banner-animote .p3{margin-top:20px}
#home-swiper .banner-animote .p3 a{margin-right:14px;padding:0 12px;font-size:var(--fontsize14);height:36px;}
#home-swiper .banner-animote.bannerpic1{display:none}}
@media (max-width:540px){#home-swiper .banner-animote{width:80%;left:10%}
#home-swiper .banner-animote .p1{margin-bottom:5px}
#home-swiper .banner-animote .p1 br{display:none}
#home-swiper .banner-animote .p2{font-size:var(--fontsize17)}
#home-swiper .banner-animote .p3{display:none}
#home-swiper .banner-animote.bannertxt2{left:10%;right:auto;}
#home-swiper .swiper-pagination{bottom:3px}}


.home-certi{padding:4% 0;background:var(--color);overflow:hidden}
.certi-swiper{padding:30px 0px 40px !important}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease;width: auto;height:auto}
.certi-swiper .swiper-slide img{width:auto;height:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:138%}
.certi-swiper .img-wrap{width:100%;height:100%;max-height:600px}
.certi-swiper .certi-name{padding:10px 0px;font-size:var(--fontsize18);text-align:center;color:#FFFFFF}
.certi-swiper .certi-dot{width:10px;height:10px;background:#FFFFFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.certi-swiper .swiper-slide.swiper-slide-active{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide.swiper-slide-active .certi-dot{display:none}
.certi-swiper .swiper-slide.swiper-slide-active .certi-name{background:#FFFFFF;color:var(--color);position:relative}
.certi-swiper .swiper-slide.swiper-slide-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 screen and (max-width:768px){.home-certi{padding:40px 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{width:auto;left:12vw;right:12vw}
.home-certi .l-wrap{margin:0vw 4vw;padding:0px}}
.certi-swiper .certi-item:after{display:none}
@media (max-width:600px){.certi-swiper .swiper-slide img{width:100%;}
.certi-swiper .swiper-slide.swiper-slide-active{transform: initial;}
.certi-swiper:after{display:none;}}

.home-videos{padding:4% 0;position: relative;background:#fff;}
.home-videos .main-part{font-weight: var(--fontbold7);margin-bottom:2%;}
.home-videos .video-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-videos .video-item{background:#F7F7F7;border-radius: 10px;overflow: hidden;height:auto;width:32%;}
.home-videos .video-item:hover{background: var(--color);}
.home-videos .video-item p{padding:10px;text-align:center;font-weight: var(--fontbold7);transition: all .3s;}
.home-videos .video-item:hover p{color:#fff;}
.home-videos .video-item video{width:100%;display:block;}
@media (max-width:768px){.home-videos{padding:40px 0;}
.home-videos .video-item{width:100%;margin:10px 0;}}
.home-videos .iframe-container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.home-videos .iframe-container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}