.banner-button-prev{left:10px}
.banner-button-next{right:10px}
@keyframes bannerani{0%{opacity:0;margin-top:30px;}
100%{opacity:1;margin-top:0}}
#indexbanner .swiper-pagination{bottom:0}
.home-banner .banner-animote.bannertxt1{left:3%;bottom:auto;top:2%;color:#fff;max-width:70%;padding:0}
.home-banner .banner-animote.bannertxt1 .title{font-weight:bold;font-size:4.3vw;letter-spacing:.82vw;line-height:1.2}
.home-banner .banner-animote.bannertxt1 .text2{font-size:1.7vw;letter-spacing:.3vw;line-height:1.2}
.home-banner .banner-animote.bannertxt1 .text{font-weight:bold;font-size:2.6vw;line-height:1.2;margin-top:.7vw}
.home-banner .banner-animote.bannertxt1 .text span{display:inline-block;position:relative;margin-right:1vw}
.home-banner .banner-animote.bannertxt1 .text span:after{content:'';width:100%;height:.6vw;background:var(--color);position:absolute;bottom:.3vw;left:0;z-index:-1;opacity:.5}
.home-banner .banner-animote .btn{margin-top:2vw}
.home-banner .banner-animote .btn .home-more{min-width:inherit;height:inherit;font-size:1.2vw;padding:.5vw 1.5vw}
@media (max-width:1024px){.home-banner .banner-animote .btn .home-more{font-size:12px;padding:5px 12px}}
@media (max-width:500px){.home-banner .banner-animote.bannertxt1{left:10px;top:6px}
.home-banner .banner-animote.bannertxt1 .text{display:none;}
.home-banner .banner-animote.bannertxt1 .title{font-size:18px;letter-spacing:2px;}
.home-banner .banner-animote.bannertxt1 .text2{font-size:12px;letter-spacing:2px;transform:scale(.8);transform-origin:left top}}
.home-banner .banner-animote.bannertxt2{width:auto;left:auto;right:4%;bottom:auto;top:4%;color:#fff;max-width:70%;padding:0}
.home-banner .banner-animote.bannertxt2 .title{font-weight:bold;font-size:4.3vw;letter-spacing:.82vw;line-height:1.2}
.home-banner .banner-animote.bannertxt2 .text2{font-size:2.8vw;letter-spacing:.5vw;line-height:1.2;margin-top:1.2vw;font-weight:bold;;position:relative;padding-bottom:1.2vw}
.home-banner .banner-animote.bannertxt2 .text2:after{content:'';width:4vw;height:.3vw;background:var(--color);position:absolute;bottom:0;left:0;opacity:.5}
.home-banner .banner-animote.bannertxt2 .text{font-weight:bold;font-size:2.4vw;line-height:1.2;margin-top:.5vw;display:inline-block;position:relative;}
.home-banner .banner-animote.bannertxt2 .text:after{content:'';width:100%;height:.6vw;background:var(--color);position:absolute;bottom:.3vw;left:0;z-index:-1;opacity:.5}
@media (max-width:500px){.home-banner .banner-animote.bannertxt2{top:5%}
.home-banner .banner-animote.bannertxt2 .text2{font-size:13px;letter-spacing:1px;margin:0}
.home-banner .banner-animote.bannertxt2 .title{font-size:18px;letter-spacing:2px;}
.home-banner .banner-animote.bannertxt2 .text{font-size:12px;letter-spacing:1px;transform:scale(.75);transform-origin:left top;}}
.home-banner .banner-animote.bannertxt3{left:0;bottom:3%;color:#fff;max-width:70%;padding:0}
.home-banner .banner-animote.bannertxt3 .title{font-weight:bold;font-size:2.6vw;line-height:1.2;display:inline-block;background:linear-gradient(to right,#0938c966 ,#3A527E11);padding:.6vw 1vw;}
.home-banner .banner-animote.bannertxt3 .text{font-weight:bold;font-size:1.9vw;line-height:1.2;margin-top:.8vw;display:inline-block;background:linear-gradient(to right,#0938c966 ,#3A527E11 60%,#3A527E00 90%);padding:.8vw 1vw;}
@media (max-width:768px){.home-banner .banner-animote.bannertxt3{bottom:14%;}
.home-banner .banner-animote.bannertxt3 .text{display:none}}
@media (max-width:500px){.home-banner .banner-animote.bannertxt3 .title{font-size:12px;padding:6px 6px}}
.home-banner .banner-animote.bannertxt4{left:0;bottom:auto;top:47%;color:#fff;max-width:inherit;padding:1vw 4vw;width:57.5%;background:#439BF4aa;transform:translateY(-50%);height:40%;display:flex;align-items:center;}
.home-banner .banner-animote.bannertxt4 .title{font-weight:bold;font-size:3vw;line-height:1.5;letter-spacing:1px}
@media (max-width:500px){.home-banner .banner-animote.bannertxt4{padding:1vw 2vw;}
.home-banner .banner-animote.bannertxt4 .title{font-size:13px;}}
.home-mainproduct .homepro-list .swiper-slide .img img{object-fit:contain}
.home-certi{clear:both;padding:4% 0px;background:url(https://css02.v15cdn.com/m418/images/certi_bg.webp) var(--color) left top repeat}
.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;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:#106ad4}
.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:6vw 0;overflow:hidden}
.certi-swiper .certi-name{font-size:var(--fontsize15);padding:1vw 0}
.certi-swiper{padding:4vw 0vw 5.3vw !important}
.certi-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}}


.home-about .l-wrap .about-info h1{font-size: 30px;font-weight: 600;text-transform: capitalize;line-height: 1.4;}
.home-services{position:relative;padding:4% 0 0 0}
.home-title {font-size: 30px;font-weight: 600;text-align: center;text-transform: capitalize;line-height: 1.4;}
.home-services .home-des{font-size: var(--fontsize16);color: #565656;text-align: center;max-width: 1000px;margin: 10px auto 0px;}
.home-services #serviceswiper{margin-top:40px}
.home-services #serviceswiper .swiper-slide{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden}
.home-services #serviceswiper .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-services #serviceswiper .swiper-slide .opacity{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#FFFFFF;transition:all .2s linear;padding:20px;opacity:0}
.home-services #serviceswiper .swiper-slide .opacity .p1{font-size:var(--fontsize20);position:relative;padding-bottom:10px;margin-bottom:10px}
.home-services #serviceswiper .swiper-slide .opacity .p1::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:4px;background:var(--color)}
.home-services #serviceswiper .swiper-slide:hover .opacity{opacity:1}
.home-services #serviceswiper .serviceswiper-pagination{text-align:center;margin-top:20px}
.home-services #serviceswiper .serviceswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
.home-services #serviceswiper .serviceswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.home-services #serviceswiper .serviceswiper-next,.home-services #serviceswiper .serviceswiper-prev{position:absolute;top:calc(50% - 20px);transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;width:45px;height:45px;cursor:pointer;transition:all .2s linear;background:rgba(255,255,255,.2)}
.home-services #serviceswiper .serviceswiper-next em,.home-services #serviceswiper .serviceswiper-prev em{font-size:var(--fontsize24);color:#FFFFFF}
.home-services #serviceswiper .serviceswiper-prev{left:10px}
.home-services #serviceswiper .serviceswiper-next{right:10px}
@media (max-width:768px){.home-services #serviceswiper .serviceswiper-next,#serviceswiper .serviceswiper-prev{display:none}
.home-services #serviceswiper{margin-top:20px}
.home-services #serviceswiper .swiper-slide .opacity{opacity:1}
.home-about .l-wrap .about-info h1,.home-title{font-size:var(--fontsize24)}}

.news-title{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:var(--fontcolor);margin-bottom:10px;display:block;display:-webkit-box;max-height:48px;line-height:24px}
.home-news article,.news-title{text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-news article{color:var(--introcolor);font-size:var(--fontsize14);display:-webkit-box;line-height:26px;margin-bottom:20px}
.news-info{padding:20px;border-top:none}
.news-more{text-transform:uppercase;color:var(--fontcolor);font-size:var(--fontsize14);padding:10px 15px;transition:background-color .3s;border-radius:3px}
.news-more i{font-size:var(--fontsize12);margin-left:12px;position:relative;top:-2px}
.news-item:hover .news-more{background-color:#111111;color:#FFFFFF}
.news-item:hover .news-more i{color:#FFFFFF}
.news-date{padding:10px 22px;background:var(--color);color:#FFFFFF;font-size:var(--fontsize12);display:inline-block;position:absolute;top:0px;left:0px}
.news-img{position:relative}
.news-img img{display:block;width:100%}
.news-item{display:flex;outline:1px solid #DFDFDF;box-sizing:border-box}
.news-item:first-of-type{width:30%;flex-direction:column;height:100%}
.news-item:first-of-type .news-info{height:100%}
.news-item:nth-of-type(2),.news-item:nth-of-type(3){width:66%;height:46%}
.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1}
.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{height:100%;max-width:none;object-fit:cover}
.news-item:nth-of-type(2) .news-info,.news-item:nth-of-type(3) .news-info{flex:1.5}
.news-list{margin:30px 0px;display:flex;height:550px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.news-l{flex:.93;margin-right:46px}
.news-r{flex:2;flex-direction:column;justify-content:space-between}
.news-r,.news-r .news-item{display:flex}
.news-r .news-info{padding:54px 40px;border-top:1px solid #DFDFDF}
.news-r .news-img{width:auto;height:100%}
.news-r .news-img img{height:100%;max-width:none}
@media(max-width:1700px){.news-r .news-info{padding:30px 20px}}
@media(max-width:1500px){.news-r .news-info{padding:20px 10px}
.news-list .news-more{padding:8px}
.news-l .news-info{padding:60px 28px}}
@media(max-width:1240px){.news-l{display:none}
.news-list{height:auto}
.news-item{width:100%!important;margin-bottom:40px}
.news-item:first-of-type{flex-direction:row}
.news-item:first-of-type .news-img{flex:1}
.news-item:first-of-type .news-img img{height:100%;max-width:none}
.news-item:first-of-type .news-info{flex:1.5}}
@media (max-width:768px){.news article{margin:4vw 0px}
.news{padding:6.6666666667vw 0 0}
.news-item:first-of-type .news-info{height:auto}
.news-item:first-of-type .news-img,.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1.3}
.news-item:first-of-type .news-img img,.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{object-fit:cover}
.news-item{height:30vw!important}
.news-item .news-title{white-space:pre-wrap;font-size:var(--fontsize16);display:-webkit-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-item .news-info{flex:0;width:60%;padding:3vw;height:auto}
.news-item .news-info article{display:none}
.news-item .news-img{flex:1.3;width:40%}
.news-item .news-img a{display:block;width:100%;height:100%}
.news-item .news-more{font-size:var(--fontsize12)}
.news-item .news-date{padding:2vw}
}

.home-products{padding:3% 0 0 0}
.home-products .des{text-align:center;margin-top:10px}
.homepro-recommend-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2%}
.homepro-recommend-item{width:49%;margin-bottom:2em;padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative;background:#FFFFFF;box-shadow:0px 3px 20px 0px #DEDEDE;border-radius:var(--borderradius)}
.homepro-recommend-item:hover img{transform:translateY(-5px)}
.homepro-recommend-item:hover .name{color:var(--color)}
.homepro-recommend-item .img{width:40%;display:flex;align-items:center;justify-content:center}
.homepro-recommend-item .img a{overflow:inherit}
.homepro-recommend-item .img img{width:100%;border-radius:var(--borderradius);transition:all .2s linear}
.homepro-recommend-item .img .icon-videoplay{margin-bottom:10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background:rgba(0,0,0,.5);color:#FFFFFF;font-size:var(--fontsize18);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.homepro-recommend-item .info{flex:1;padding-left:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.homepro-recommend-item .info .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4;position:relative;padding-bottom:10px;margin-bottom:10px}
.homepro-recommend-item .info .name::after{content:"";position:absolute;bottom:0px;left:0px;width:59px;height:3px;background:var(--color)}
.homepro-recommend-item .info .text{margin-bottom:1em;color:var(--introcolor)}
.homepro-recommend-item .info .home-more{min-width:140px;height:45px}
@media(max-width:1024px){.homepro-recommend-item{padding:10px 10px}
.homepro-recommend-item .img{width:35%}
.homepro-recommend-item .info .name{padding-bottom:5px;font-size:var(--fontsize18)}}
@media(max-width:768px){.home-products{padding:30px 0 0 0}
.homepro-recommend-item{width:100%;margin-bottom:1em!important}
.homepro-recommend-item .info{padding-left:10px}
.homepro-recommend-item .info .name{font-size:var(--fontsize18)}
.homepro-recommend-item .info .text{margin-bottom:0px}
.homepro-recommend-item .info .home-more{display:none}}