@import url(https://js01.v15cdn.com/single-template/public.css); 
@import url(https://css02.v15cdn.com/m442/fonts/iconfont.css);
*{box-sizing: border-box;}
:root{--hometitlefont:40px}
@media(max-width:1440px){:root{--hometitlefont:34px}}
@media(max-width:1280px){:root{--hometitlefont:30px}}
@media(max-width:1024px){:root{--hometitlefont:26px}}
@media(max-width:768px){:root{--hometitlefont:24px}}
.l-wrap{width:100%;max-width:1700px;padding:0px 70px;margin:0px auto}
@media(max-width:1024px){.l-wrap{padding:0px 15px}}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor)}
.home-more{min-width:160px;height:48px;font-size:var(--fontsize14);background:var(--color);color:#FFFFFF;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;padding:0px 20px;text-transform:capitalize;cursor:pointer;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;overflow:hidden;color:#fff}
.home-more::before{content:"";position:absolute;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px;color: #fff;}
.home-more:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.home-news{padding: 4% 0;}
.home-news .homenews-wrap{margin-top:2%;display:flex;justify-content:space-between;align-items:flex-start}
.home-news .homenews-img{width:40%}
.home-news .homenews-img img{width:100%;border-radius:var(--borderradius);transition:all .1s linear}
.home-news .homenews-img img:hover{transform:scale(1.01)}
.homenews-list{flex:1;padding-left:30px;list-style:none}
.homenews-list li{position:relative;padding-bottom:15px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #EAEAEA}
.homenews-list li.act .icon{background:var(--color);color:#FFFFFF;border-color:var(--color)}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;position:absolute;left:0px;top:4px;width:20px;height:20px;line-height:1;background:rgba(146,146,146,0);border:1px solid var(--introcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.homenews-list li .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2}
.homenews-list li .date{color:var(--introcolor);display:flex;align-items:center;font-size:var(--fontsize14);padding:4px 0px}
.homenews-list li .date em{margin-right:10px;font-size:var(--fontsize14)}
.homenews-list li .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}
@media(max-width:768px){.home-news{padding: 40px 0;}
.home-news .homenews-img{display:none}
.homenews-list{padding-left:0px}
.homenews-list li{padding-left:0px}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important}
.homenews-list li .name{font-size:var(--fontsize18)}}
.index .join-us{height:auto}

.wmpage11-module2 .wmpage11-title{text-align:center}
.wmpage11-module2 .wmpage11-tab-outer{margin-top: 20px;}
.wmpage11-module2 .wmpage11-title h4{font-weight:var(--fontbold7);font-style:normal;font-size:var(--wmpage-font36);line-height:43px;color:var(--wmpage-color18,#111)}
.wmpage11-module2 .wmpage11-nav-tab{margin:30px 0 40px;text-align:center;display:flex;justify-content:center}
.wmpage11-module2 .wmpage11-nav-tab a{display:inline-block;min-width:200px;font-weight:var(--fontbold6);font-style:normal;font-size:var(--wmpage-font18);line-height:1;color:var(--wmpage-color18,#111);border-radius:30px;border:solid 2px var(--wmpage-color19,#777);padding:15px 20px;margin:5px 30px;text-decoration:none}
.wmpage11-module2 .wmpage11-nav-tab .active{background-color:var(--color);border-color:var(--color);color:#fff;font-weight:var(--fontbold6)}
.wmpage11-module2 .wmpage11-nav-tab a:hover{text-decoration:none;background-color:var(--color);border-color:var(--color);color:#fff;font-weight:var(--fontbold6)}
.wmpage11-module2 .wmpage11-item-box{width:19%;border:1px solid #eee;transition:all .3s ease-in-out}
.wmpage11-module2 .wmpage11-item-wrap{display:flex;flex-wrap:wrap;justify-content: space-between;}
.wmpage11-module2 .wmpage11-contant{display:none}
.wmpage11-module2 .wmpage11-item-info p{font-weight:var(--fontbold6);font-style:normal;text-align:center;margin-bottom:15px;font-size:var(--wmpage-font20,20px);line-height:35px;color:var(--wmpage-color18,#111);transition:all .3s ease-in-out;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.wmpage11-module2 .wmpage11-item-box a:hover ul li{color:#000}
.wmpage11-module2 .wmpage11-item-box a:hover{text-decoration:none}
.wmpage11-module2 .wmpage11-item-box a:hover .wmpage11-item-info p{color:var(--color)}
.wmpage11-module2 .wmpage11-item-info ul li{position:relative;padding-left:20px;font-weight:var(--fontbold3);font-style:normal;line-height:24px;color:var(--wmpage-color19,#777);transition:all .3s ease-in-out}
.wmpage11-module2 .wmpage11-item-info ul li::before{display:inline-block;position:absolute;left:0;top:8px;width:6px;height:6px;background-color:var(--color);content:'';border-radius:50%}
.wmpage11-module2 .wmpage11-item-info ul{list-style:none}
.wmpage11-module2 .wmpage11-item-box:hover{box-shadow:0 20px 40px 0 #43434333}
.wmpage11-module2 .wmpage11-item-img img{aspect-ratio: 2 / 1;object-fit: cover;margin: 20px 0;transition:all .3s ease-in-out}
.wmpage11-item-box a{padding:20px;display:block}

@media(max-width:1220px){.wmpage11-module2 .wmpage11-item-info p{font-size:var(--wmpage-font22)}
.wmpage11-module2 .wmpage11-nav-tab{margin:25px 0 35px}
.wmpage11-module2 .wmpage11-nav-tab a{padding:10px 15px}

}
@media(max-width:1160px){.wmpage11-module2 .wmpage11-item-info p{font-size:var(--wmpage-font18);line-height:1.25}
.wmpage11-module2 .wmpage11-item-box a{padding:10px}
}
@media(max-width:1100px){.wmpage11-module2 .wmpage11-item-box{width:32%;margin-right:2%;margin-bottom: 1%;}
.wmpage11-module2 .wmpage11-item-wrap{justify-content: initial;}
.wmpage11-module2 .wmpage11-item-box:nth-of-type(3n){margin-right:0}
.wmpage11-module2 .wmpage11-item-info{padding:10px}
.wmpage11-module2 .wmpage11-item-info p{font-size:var(--wmpage-font18);line-height:1.2;margin-bottom:8px}
.wmpage11-module2 .wmpage11-nav-tab a{min-width:150px;line-height:20px}
}
@media(max-width:768px){.wmpage11-module2 .wmpage11-item-info p{font-size:var(--wmpage-font16)}
.wmpage11-module2 .wmpage11-item-info ul li{font-size:var(--wmpage-font14)}
.wmpage11-module2 .wmpage11-item-box{width:49%;margin:0 0 2% 0}
.wmpage11-module2 .wmpage11-nav-tab{margin:15px 0;justify-content:space-between}
.wmpage11-module2 .wmpage11-nav-tab a{min-width:auto;margin:0;width:30%}
.wmpage11-module2 .wmpage11-item-wrap{justify-content:space-between}
.wmpage11-module2 .wmpage11-item-img{display:flex;justify-content:center}
}
@media(max-width:500px){.wmpage11-module2 .wmpage11-nav-tab a{min-width:auto;width:30%;margin:0}
.wmpage11-module2 .wmpage11-nav-tab{justify-content:space-between}
}
@media(max-width:450px){.wmpage11-module2 .wmpage11-nav-tab a{width:32%;font-size:var(--wmpage-font14)}
.wmpage11-module2 .wmpage11-item-box{width:100%}
}

.popular .homepro-list{display:flex;flex-wrap:wrap;justify-content: space-between;width:100%}
.popular .homepro-list .item{width:19%;text-align:center;margin-top:2%}
.popular .homepro-list .item>a{display:block;width:100%}
.popular .homepro-list .item .img{overflow: hidden;}
.popular .homepro-list .item .img img{width:100%;display:block;transition: all .3s;}
.popular .homepro-list .item:hover .img img{transform: scale(1.03);}
.popular .homepro-list .item p{margin-top:5px;}
@media (max-width:768px){.popular .homepro-list .item{width:49%;}
.index .popular .container .top{position: initial;}}

.home-logo{padding-bottom:100px}
.home-logo .l-wrap{display:flex;justify-content:space-between}
.home-logo .home-title{text-align:left;margin:0;white-space:nowrap}
.home-logo .home-des{text-align:center}
.home-logo .logo-container{width:calc(100% - 300px)}
.home-logo .swiper-free-mode>.swiper-wrapper{transition-timing-function:linear!important;margin:0 auto;align-items:center}
.home-logo .logoswiper-pagination{display:none}
.logoswiper-pagination,.newswiper-pagination,.serviceswiper-pagination{text-align:center;position:absolute;bottom:0}
.logoswiper-pagination .swiper-pagination-bullet,.newswiper-pagination .swiper-pagination-bullet,.serviceswiper-pagination .swiper-pagination-bullet{background:#000;opacity:1}
.logoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.newswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.serviceswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:1024px){
.home-logo{padding-bottom:60px}
.home-logo .l-wrap{display:block}
.home-logo .home-title{text-align:center}
.home-logo .logo-container{width:100%;margin-top:30px}
}
@media (max-width:768px){
.home-logo .logoswiper-pagination{display:block;bottom:0}
.home-logo{padding-bottom:30px}
#logoswiper{padding-bottom:60px}
}
.home-logo{padding:4% 0 0}
.home-logo .l-wrap{display:block;}
.home-logo .home-title{text-align:center;white-space:normal}
.home-logo .logo-container{width:100%;margin-top:30px}
.home-logo .swiper-slide img{height:auto;width:auto}
@media (max-width:768px){.home-helpcenter {padding:40px 0 20px}
.home-logo{padding:40px 0 0}
.home-logo .logo-container{margin-top:20px}}


.module1 .items{display: flex;margin-top: 35px;}
.module1 .items .box{flex: 1;text-align: center;}
.module1 .items .box:hover img{transform:scale(1.03)}
.module1 .items .box img{transition: all .3s ease-in-out;}
.module1{padding:5% 0}
.home-des{text-align: center;max-width: 80%;margin: 10px auto 0;}

.home-procate{position:relative;padding:4% 0;z-index:1;background:#f7f7f7}
.home-procate::before{content:"";position:absolute;left:0;top:0;width:32%;height:100%;background:var(--color);z-index:-1}
.home-procate .procate-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}
.home-procate .procate-top .home-title{max-width:300px;text-align:left;line-height:1;color:#fff}
.home-procate .procate-top .swiperbtn{display:flex;align-items:center}
.home-procate .procate-top .swiperbtn .procateswiper-next,.home-procate .procate-top .swiperbtn .procateswiper-prev{width:50px;height:50px;background:var(--color);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-procate .procate-top .swiperbtn .procateswiper-next em,.home-procate .procate-top .swiperbtn .procateswiper-prev em{font-size:var(--fontsize22)}
.home-procate .procate-top .swiperbtn .procateswiper-next:hover,.home-procate .procate-top .swiperbtn .procateswiper-prev:hover{opacity:.8}
.home-procate .procate-top .swiperbtn .procateswiper-next.swiper-button-disabled,.home-procate .procate-top .swiperbtn .procateswiper-prev.swiper-button-disabled{background:#eae8dc;color:var(--color)}
.home-procate .procate-top .swiperbtn .procateswiper-next{margin-left:10px}
.home-procate #procateswiper .swiper-slide{width:400px}
.home-procate #procateswiper .swiper-slide .img{display:block;width:100%;aspect-ratio:3/2;border-radius:5px;border:1px solid var(--color)}
.home-procate #procateswiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.home-procate #procateswiper .swiper-slide .title{text-align:center;margin-top:10px}
.home-procate #procateswiper .swiper-slide .title a{color:#000;font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.home-procate #procateswiper .swiper-slide:hover .img img{transform:scale(1.02)}
.home-procate #procateswiper .swiper-slide:hover .title a{color:#666}
@media (max-width:768px){
.home-procate{padding:40px 0}
.home-procate::before{width:50%}
}
@media (max-width:500px){
.home-procate::before{background:0 0}
.home-procate .procate-top .home-title{color:#000}
.home-procate #procateswiper .swiper-slide{width:300px}
.home-procate .procate-top .swiperbtn .procateswiper-next,
.home-procate .procate-top .swiperbtn .procateswiper-prev{width:40px;height:40px}
}

.workflow{padding:4% 0;background:#f5f5f5}
.workflow .top{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 20px 0;align-items: center;}
.workflow .top .topleft{flex: 1;text-align: left;padding-right: 20px;}
.workflow .top .home-title{margin-bottom: 10px;text-align: left;}
.workflow .top .home-des{justify-content: start;max-width: none;text-align: left;}
.workflow .top .topright{display: flex;flex-direction: column;justify-content: end;}
.workflow .top .topright .btn{width:auto;height:auto}
.workflow .top .topright a{display: inline-block;padding: 10px 25px;background: var(--color);color:#fff;text-transform: uppercase;}
.workflow .list .swiper-slide{padding: 20px;display: flex;flex-direction: column;flex-basis: auto;flex-grow: 0;}
.workflow .list .num{font-size: 34px;font-weight: bold;color: var(--color);}
.workflow .list .title{color:#000;font-size: var(--fontsize22);font-weight: bold;margin: 15px 0;}
.workflow .list{position: relative;padding:30px 30px 0;}
.workflow .list .workflowsw{margin-top: 10px;}
.workflow .workflow-pagination-fill{background: var(--color);position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;transform: translate3d(0px, 0px, 0px) scaleX(0.142857) scaleY(1);transform-origin: left top;}
.workflow .workflow-prev,.workflow .workflow-next{position:absolute;top:50%;left:-20px;z-index:15;display:flex;width:40px;height:40px;color:var(--color);font-weight:var(--fontblod5);font-size:var(--fontsize22);cursor:pointer;transform:translateY(-50%);align-items:center;justify-content:center;border: 1px solid var(--color);transition: .3s;}
.workflow .workflow-next{right:-20px;left:auto}
.workflow .workflow-prev:hover,.workflow .workflow-next:hover{background: var(--color);color: #fff;}
@media (max-width:1024px){.workflow{padding:40px 0}
.workflow .workflow-prev,.workflow .workflow-next{display:none}
.workflow .list{padding:0;margin-top:20px}
.workflow .list .swiper-slide{padding:30px 0 0;}}
@media (min-width:1025px){.home-logo .home-title,.workflow .home-title{font-weight:var(--fontbold7)}
}
.home-main>section.home-logo,.home-main>section.workflow{background:#fff}
.workflow .swiper-horizontal>.swiper-pagination-progressbar,
.workflow .swiper-pagination-progressbar.swiper-pagination-horizontal,
.workflow .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.workflow .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.workflow .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}

.home-products{position:relative;padding:4% 0;background:#f5f5f5}
.home-products .l-wrap{max-width:1650px}
#homeproducts{margin-top:2em;position:relative;padding:0 25px}
#homeproducts .swiper-slide{background:#eaebee;border-radius:10px;overflow:hidden}
#homeproducts .swiper-slide .img{aspect-ratio:var(--prosaspectratio);display:flex;align-items:center;justify-content:center}
#homeproducts .swiper-slide .img .pro-meta{display:none;position:absolute;top:10px;left:10px;display:flex;flex-direction:column}
#homeproducts .swiper-slide .img .pro-meta em{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid #CCC;color:#333;font-size:22px;cursor:pointer;margin-bottom:10px;border-radius:5px}
#homeproducts .swiper-slide .img .pro-meta .icon-hottitle{color:var(--color)}
#homeproducts .swiper-slide .img.lazy-loaded .pro-meta{display:block}
#homeproducts .swiper-slide .img img{width:100%;height:100%;object-fit:contain;background:#FFF}
#homeproducts .swiper-slide .title{height:60px;padding:0px 10px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:var(--fontbold6)}
#homeproducts .swiper-slide:hover .img img{transform:scale(1.03)}
#homeproducts .swiper-slide:hover .title{background:var(--bgcolor);color:#FFF}
#homeproducts .homeproducts-next,#homeproducts .homeproducts-prev{width:50px;height:50px;background:#FFF;border:1px solid #787878;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;z-index:2;position:absolute;left:0;top:50%;transform:translateY(-50%)}
#homeproducts .homeproducts-next:hover,#homeproducts .homeproducts-prev:hover{border-color:var(--color);color:var(--color)}
#homeproducts .homeproducts-next em,#homeproducts .homeproducts-prev em{font-size:22px}
#homeproducts .homeproducts-next{left:auto;right:0}
@media(max-width:1280px){
#homeproducts .homeproducts-next,#homeproducts .homeproducts-prev{width:40px;height:40px}
}
@media(max-width:500px){
#homeproducts{padding:0px;padding-bottom:70px}
#homeproducts .homeproducts-next,#homeproducts .homeproducts-prev{top:auto;transform:none;bottom:0px}
#homeproducts .homeproducts-next{left:52%;right:auto}
#homeproducts .homeproducts-prev{left:auto;right:52%}
}
#homeproducts .swiper-slide{height:auto;flex-direction:column;display:flex}
#homeproducts .swiper-slide .slide-title{flex:1;}
#homeproducts .swiper-slide .slide-title a{line-height:1.3;text-align:center;padding:15px 10px;height:100%;height:100%;transition:.4s;display:flex;align-items:center;justify-content:center}
#homeproducts .swiper-slide:hover .slide-title a{background:var(--color);color:#fff}
@media (max-width:500px){#homeproducts .swiper-slide .slide-title a{padding:8px}}
.index .join-us .home-title{width:100%}
.index .about .home-cirt .container{padding-left:0;padding-right:0;max-width:1240px;}
.index .about .right .home-title{text-align:left}
@media (max-width:1000px){.module1 .items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}}
@media (max-width:500px){.module1 .items{grid-template-columns:repeat(2,1fr);gap:15px;}
.module1 .items .box img{aspect-ratio:5/4;object-fit:cover}
.module1 .items .box .img{margin-bottom:5px}
.home-des{max-width:100%}}
@media (max-width:1024px){.workflow .list .swiper-slide{padding:30px 10px 0}}
@media (max-width:1000px){.workflow .top{position:static}
.index .about .home-cirt .container{padding:40px 15px 0}}
@media (max-width:768px){.workflow .top{flex-direction:column}
.workflow .top .topleft{padding:0 0 20px}}
.index .about .container{float:none!important;margin:0 auto}
.index .about{display:block}
.home-certi{width:100%;}