@import url(https://js01.v15cdn.com/single-template/public.css);
.advan .advan-list{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.advan .advan-list li{width:100%;margin-right:0}
@media (max-width:768px){#about{padding-bottom:30px;}
.advan .advan-list{grid-template-columns:repeat(2,1fr)}}
.advan .advan-item:hover .advan-icon img{filter: brightness(0) invert(1);}
.home-factory .factorySwiper{margin-top:2.5%;}
.home-factory .factorySwiper .swiper-wrapper{transition-timing-function:linear !important;margin:0 auto;text-align: center;}
@media (max-width:768px){.home-factory .factorySwiper{margin-top:20px}}
.wmpage203-page3{position:relative}
.wmpage203-page3::before{position:absolute;content:'';top:0;left:0;right:0;width:100%;height:400px;background:#f7f4ed}
.wmpage203-page3::after{position:absolute;content:'';width:100%;height:400px;background:url(https://img01.v15cdn.com/singletem/wmpage203/wmpage203-page3-img5.webp) center no-repeat;left:0;top:0;background-size:cover}
.wmpage203-page3 .wmpage203-page3-text{position:relative;display:inline-block;padding-left:32px;color:var(--color);font-weight:var(--fontbold6);text-transform:uppercase;left:50%;transform:translateX(-50%)}
.wmpage203-page3 .wmpage203-page3-text::before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:0;height:0;border-top:7px solid transparent;border-left:12px solid var(--color);border-bottom:7px solid transparent}
.wmpage203-page3 .wmpage203-page3-text::after{content:'';position:absolute;top:50%;transform:translateY(-50%);left:15px;width:0;height:0;border-top:7px solid transparent;border-left:12px solid var(--color);border-bottom:7px solid transparent}
.wmpage203-page3 .wmpage-title{text-align:center}
.wmpage203-page3 .wmpage203-page3-box{padding:50px 0 0}
.wmpage203-page3 .wmpage203-page3-slide{position:relative;background:#fff;box-shadow:0 0 35px 5px rgba(0,0,0,.06);padding:50px 25px 30px;height:auto;}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-top{display:inline-flex;justify-content:center;align-items:center;width:65px;height:65px;background:#0e121d;position:absolute;left:25px;top:-25px;transition:all .3s linear;font-weight:var(--fontbold7);font-size:30px;color:#fff;}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-top::after{position:absolute;content:'';width:0;height:0;border-bottom:25px solid rgba(14,18,29,.9);border-left:25px solid transparent;left:-24px;top:0;transition:all .3s linear}
.wmpage203-page3 .wmpage203-page3-slide:hover .wmpage203-page3-top{background:var(--color)}
.wmpage203-page3 .wmpage203-page3-slide:hover .wmpage203-page3-top::after{border-bottom:25px solid #000000cc}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-top em{color:#fff;font-size:var(--wmpage-font28);transition:all .3s linear;width: var(--wmpage-font28);line-height: 1;}
.wmpage203-page3 .wmpage203-page3-slide:hover .wmpage203-page3-top em{transform:rotateY(-180deg)}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-img{width:100%;overflow:hidden;position:relative}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-img::before{background:rgba(255,255,255,.4);content:'';position:absolute;left:0;top:0;width:100%;height:0;opacity:1;z-index:1;pointer-events:none}
.wmpage203-page3 .wmpage203-page3-slide:hover .wmpage203-page3-img::before{opacity:0;height:100%;transition:all .4s linear}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-img img{height:auto;width:100%;object-fit:cover;position:relative;transition:all .3s linear;transform:scale(1.1)}
.wmpage203-page3 .wmpage203-page3-slide:hover .wmpage203-page3-img img{transform:scale(1)}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-info{margin-top:25px}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);color:var(--wmpage-color22);margin-bottom:5px}
.wmpage203-page3 .wmpage203-page3-slide .wmpage203-page3-desc{color:var(--wmpage-color8)}
.wmpage203-page3 .wmpage203-page3-pagination{text-align:center;margin-top:30px}
.wmpage203-page3 .wmpage203-page3-pagination .swiper-pagination-bullet{border-radius:2px;width:20px;height:7px;transition:all .3s linear}
.wmpage203-page3 .wmpage203-page3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px}
.wmpage203-page3 .l-wrap{margin:0 auto}
.wmpage203-page3 .wmpage-lwrap{padding-left:0;padding-right:0}
@media (max-width:768px){.wmpage203-page3 .l-wrap{margin:0 3vw}}
#ind{padding:40px 0;}
#about .about-con .adv-icon{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0;padding:0;}
#about .about-con ul:before, #about .about-con ul:after,#about .about-con ul li:after{display:none}
#about .about-con .adv-icon>li{box-sizing:border-box;margin-bottom:20px;width:49%;background:#f6f6f6}
#about .about-con .adv-icon .icon-item{display:flex;align-items:center;box-sizing:border-box;padding:25px;color:var(--fontcolor)}
#about .about-con .adv-icon .icon-img{margin-right:20px}
#about .about-con .adv-icon .icon-img img{width:48px;height:48px;object-fit:contain}
#about .about-con .adv-icon .icon-img+div{flex:1}
#about .about-con .adv-icon .num{font-size:21px;line-height:1.3;}
#about .about-con .adv-icon .text{margin-top:0px;color:#555;display:none}
@media (max-width:1680px){#about .about-con .adv-icon .icon-item{padding:15px}
#about .about-con .adv-icon .num{font-size:var(--fontsize18)}}
@media (max-width:1080px){#about .l-wrap{display:block;}
#about .about-img,#about .about-con{width:100%}
#about .about-img{margin-bottom:40px}
#about .about-img img{width:100%}
#about .about-con{padding:20px 0 0}}
@media (max-width:768px){#ind{padding:0}
#about .about-con .icon-item{padding:3vw;height:100%;flex-direction:column}
#about .about-con .icon-item>div{text-align:center}
#about .about-con .num{margin-top:4px;font-size:1.6em}
#about .about-con .adv-icon .icon-item{padding:10px}
#about .about-con .adv-icon .icon-img{margin:0 0 5px}
#about .about-con .adv-icon .icon-img img{width:40px;height:40px;}
#about .about-con .adv-icon .num{font-size:var(--fontsize16)}
#about .about-con .adv-icon .text{font-size:var(--fontsize14)}
#about .about-con .adv-icon{margin-bottom:5px}}
#product .pro-list .pro-name{-webkit-line-clamp: 1;font-size:var(--fontsize14)}