@import url(https://js01.v15cdn.com/single-template/public.css);
.writetous .home-more{text-transform: capitalize;}
.index .about .about-l-text{-webkit-line-clamp: unset;}
@media (min-width:1025px){.hotproduct .home-more{width: 200px;padding:13px 0;font-size:var(--fontsize22);}}
.home-cate{position:relative;padding:4% 0}
.home-cate .homecate-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-cate .home-title,.home-cate .home-des{text-align:center}
.home-cate .homecate-list li{width:32%;margin-right:2%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(3n){margin-right:0px}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;border:1px solid #EEEEEE;aspect-ratio:25/16}
.home-cate .homecate-list li .img img{width:100%;height:100%;object-fit:contain;transition:all .1s linear}
.home-cate .homecate-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0px}
.home-cate .homecate-list li .title a{color:var(--fontcolor);font-size:var(--fontsize22);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center;font-weight:var(--fontbold7)}
.home-cate .homecate-list li .title em{opacity:0;display:inline-block;width:0px;transition:all .1s linear}
.home-cate .homecate-list li:hover .img img{transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after{opacity:1}
.home-cate .homecate-list li:hover .title a{color:var(--color);border-color:#000000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
@media(max-width:768px){.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize18)}}
@media(max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate,.home-choose,.home-news{padding:30px 0px}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}


.l-wrap{padding: 0 20px;max-width: 1640px;width: 100%;}
#swiper-banner .banner-animote{position: absolute;opacity: 0;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
#swiper-banner .banner-animote.ban5{max-width: 66%;left: 45%;}
#swiper-banner .swiper-slide-active .banner-animote{opacity: 1;}
#swiper-banner .banner-animote .des{font-size: 18px;}
#swiper-banner .banner-animote .p1{font-size: 40px;margin: 10px 0;font-weight: bold}
#swiper-banner .banner-animote .p2{font-size: 24px;}
#swiper-banner .banner-animote .p3{display: flex;margin-top: 10px;}
#swiper-banner .banner-animote .p3 a{border: 1px solid #fff;padding: 8px 20px;display: inline-block;margin-right: 20px;}


@media (max-width:1440px){
#swiper-banner .banner-animote .des{font-size: 16px;}
#swiper-banner .banner-animote .p1{font-size: 30px;margin: 0;}
#swiper-banner .banner-animote .p2{font-size: 20px;}
#swiper-banner .banner-animote .p3{margin-top: 0;}
#swiper-banner .banner-animote.ban5{max-width: 1640px;left: 50%;}
}
@media (max-width:1024px){#swiper-banner .banner-animote .des{font-size: 14px;}
#swiper-banner .banner-animote .p1{font-size: 24px;}
#swiper-banner .banner-animote .p2{font-size: 18px;}}
@media (max-width:768px){#swiper-banner .banner-animote .p2,#swiper-banner .banner-animote .p3{display: none;}}
@media (max-width:500px){#swiper-banner .banner-animote{display: none;}}

.home-about .about-item .about-content .icon1{background: initial;-webkit-text-fill-color: initial;color: #01a0e9;}
.home-about .about-item.item2 .icon2{color: #01a0e9;}
@media (min-width:1025px){.home-service .service-list li{width:16.666%;padding:0 2%;}}
@media (min-width:769px) and (max-width:1024px){.home-service .service-list li{width:33.333%;}}
#partnerswiper2 .swiper-slide{height:auto;background:#fff;box-shadow:0 1px 7px 0 rgba(214,214,214,.22);border-radius:10px;border:1px solid #f4f4f4;padding:20px 10px;display:flex;align-items:center;justify-content:center}
#partnerswiper2 .swiper-slide:hover img{transform:scale(1.1)}
#partnerswiper2 .partnerswiper-pagination2{display:flex;align-items:center;justify-content:center;margin-top:3em;}
#partnerswiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--bgcolor);}
@media(max-width:500px){#partnerswiper2 .partnerswiper-pagination2{margin-top:2em;}}
@media (min-width:1025px) {.home-banner .swiper-slide img {height: 100vh;}}

.home-cate .catelist ul li{width: 23.5%;}
.home-cate .catelist ul li:nth-child(3n){margin-right: 2%;}
.home-cate .catelist ul li:nth-child(4n){margin-right: 0;}
.home-banner .banner-animote.ban1{top:56%;transform:translateY(-50%);left:8%;width:54%;text-align:left;}
.home-banner .banner-animote.ban1 .p2{font-weight:bold;margin:0 0 10px;font-size:2vw;}
.home-banner .banner-animote.ban1 .p1{font-size:.9vw;line-height:1.4;max-width:90%;margin:1.2vw 0 2vw}
.home-banner .banner-animote.ban1 .p3{justify-content:flex-start}
.home-banner .banner-animote.ban1 .p3 a{min-width:inherit;border-radius:0;font-size:.9vw;margin-right:.6vw;height:auto;padding:.3vw 1vw}
.home-banner .banner-animote.ban1 .p3 a:nth-child(1),.home-banner .banner-animote.ban1 .p3 a:hover{background:var(--color);border-color:var(--color);}
@media (max-width:1440px){.home-banner .banner-animote.ban1 .p1{font-size:var(--fontsize12)}
.home-banner .banner-animote.ban1 .p3 a{font-size:var(--fontsize12)}}
@media (max-width:1024px){.home-banner .banner-animote.ban1{top:50%}}
@media (max-width:768px){.home-banner .banner-animote.ban1{left:5%;width:85%;}
.home-banner .banner-animote.ban1 .p2{margin:0 0 5px;font-size:var(--fontsize18);}
.home-banner .banner-animote.ban1 .p1{font-size:var(--fontsize12);max-width:100%;margin:6px 0 0}
.home-banner .banner-animote.ban1 .p3{display:none}}
@media (max-width:550px){.home-banner .banner-animote.ban1{left:3%;width:90%;}
.home-banner .banner-animote.ban1 .p2{margin:0 0 5px;font-size:var(--fontsize14);}
.home-banner .banner-animote.ban1 .p1{display:none}}
.home-banner .banner-animote.ban1.ban2 .p3 a{border-radius:7px}
.home-banner .banner-animote.ban3{max-width:50%;right:6%;top:20%;left:unset;text-align:left;transform:translate(0%,0%);line-height:1.2}
.home-banner .banner-animote.ban3 .title{font-size:4vw;font-weight:700;color:#cb660f;line-height:1}
.home-banner .banner-animote.ban3 .title span{font-size:7vw}
.home-banner .banner-animote.ban3 .tag{font-size:4vw;color:#adb9ca;font-weight:700}
.home-banner .banner-animote.ban3 .dsec{font-size:1vw;line-height:1.7}
.home-banner .banner-animote.ban3 .list{display:flex;flex-wrap:wrap;margin-top:3%}
.home-banner .banner-animote.ban3 .list li{width:50%;margin-bottom:2%;font-size:1vw;display:flex;align-items:center}
.home-banner .banner-animote.ban3 .list img{max-width:1.5vw;height:auto;margin-right:10px}
.aboemswiper{margin-bottom:50px}
.aboemswiper .partner-title{display: flex;align-items: center;justify-content: center;margin-bottom: 1em;font-weight: var(--fontbold6);font-size: var(--fontsize28);position: relative;white-space: nowrap;}

.wmpage12-part1 .wmpage12-title .wmpage-title{font-size:var(--wmpage-font32);line-height:1.52;font-weight:var(--fontbold6);}
.wmpage12-part1{text-align:center}
.wmpage12-part1 .wmpage12-introduce{margin-top:25px}
.wmpage12-part1 .wmpage12-introduce p{line-height:1.5;color:var(--wmpage-color19,#777);max-width: 80%;margin: 0 auto;}
.wmpage12-part1 .swiper-slide img{width:100%}
.wmpage12-part1 .item .img{transition:all .3s ease-in-out}
.wmpage12-part1 .swiper-container{margin-top:35px;overflow:hidden}
.wmpage12-part1 .part1-title{font-size:var(--wmpage-font20);margin-top:20px;color:var(--wmpage-color20,#0d3745);font-weight:var(--fontbold7)}
.wmpage12-part1 .item:hover .img{box-shadow:0 20px 40px 0 rgba(13,55,69,.1)}
@media(max-width:1200px){.wmpage12-part1 .swiper-container{margin-top:25px}
.wmpage12-part1 .part1-title{font-size:var(--wmpage-font16);margin-top:10px}
}
@media(max-width:1024px){.wmpage12-part1 .wmpage12-introduce{margin-top:15px}
}
@media(max-width:800px){.wmpage12-part1 .wmpage12-introduce p{font-size:var(--wmpage-font14)}
}
.wmpage12-part1 .swiper-slide img{padding:0 7%}
@media (max-width:800px){.wmpage12-part1 .wmpage12-introduce p{max-width:100%}}