@import url(https://js01.v15cdn.com/single-template/public.css);
/* .home-banner .swiper-wrapper{transform: initial!important;}
.home-banner .swiper-slide.swiper-slide-active img{animation: initial;} */
.home-news{display:none;}
.home-service .service-wrap{max-width:100%;}
.home-service .service-wrap .service-item{width:24%;background: #fff;color:var(--fontcolor)}
.home-service .service-wrap .service-item .text{color:var(--fontcolor)}
.home-service .service-wrap .service-item .bg i{color:#00000035;}
.home-service .service-wrap .service-item:hover,.home-service .service-wrap .service-item:hover .text{color:#fff;}
@media (max-width:768px){.home-service .service-wrap .service-item{margin-top:2%;width:49%;}}
@media (max-width:550px){.home-service .service-wrap .service-item{width:100%;margin-top:0;}}
.toppro-list{display:flex;padding:20px 5px 0;}
.toppro-list li{margin:5px;position:relative;overflow:hidden}
.toppro-list li .toppro-pic{overflow:hidden;}
.toppro-list li .toppro-pic img{display:block;transition:.3s;width:100%;}
.toppro-list li .toppro-icon{position:absolute;right:0px;top:0px;background:var(--color);border-radius:0 0 0 16px;color:#FFFFFF;padding:6px 10px;z-index:1;font-weight:var(--fontbold4);font-size:var(--fontsize20);display:block;text-transform:capitalize}
.toppro-list li .toppro-hover{position:absolute;left:100%;top:0px;background:rgba(0,0,0,.4);color:#FFFFFF;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 6%;transition:left .3s ease-in-out}
.toppro-list li .toppro-tit{font-size:var(--fontsize18);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5;max-height:75px}
.toppro-list li .toppro-icon{display:none;}
.toppro-list li .toppro-more{font-size:var(--fontsize16);font-weight:var(--fontbold4);color:var(--color);padding:10px 0}
.toppro-list li:hover .toppro-hover{left:50%}
@media (max-width:1024px){.toppro-list li .toppro-hover{left:50%;background:rgba(0,0,0,.5);padding:.5rem 6%}
.toppro-list{flex-wrap:wrap;justify-content:space-between}
.toppro-list li{width:49%;margin:5px 0}}
@media (max-width:768PX){.toppro-list li .toppro-hover{left:50%;background:rgba(0,0,0,.5);padding:.5rem 6%}
.toppro-list li{width:100%;}}
.home-introduction .introduction .item{align-items:inherit;padding:15px}
.home-introduction .introduction .item .left{margin-top:30px}
.home-introduction .introduction .item .right .title{display:block;line-height:1.2;}
.home-introduction .introduction .item .right .text{display:block;line-height:1.4;margin-top:3px;font-size:var(--fontsize15);}
@media (max-width:1024px){.home-introduction .introduction .item .left{margin-top:15px}}
@media (max-width:768px){.home-introduction .introduction .item .left{margin-top:5px}}
@media (max-width:500px){.home-introduction .introduction .item .left{margin-top:15px}}
.home-about .l-wrap .right>.text{-webkit-line-clamp: inherit;}
.home-product .l-wrap .product .pro-list{align-items:initial;}
.home-product .l-wrap .product .pro-list .item{height:auto;display:flex;flex-direction:column;}
.home-product .l-wrap .product .pro-list .item .text{display:flex;flex-direction:column;align-items:flex-start;flex:1;}
.home-product .l-wrap .product .pro-list .item .text .name{margin-bottom:10px;}
.home-product .l-wrap .product .pro-list .item .text .merchandise{margin-top:auto;}
.process-item-top em{line-height:1}
.home-about .l-wrap .right ul {display:block}
.home-contact{background-size:cover;}
.home-contacttitle .unify{padding-bottom:20px}
.contact-phone-number{margin-left:0}
@media (max-width:768px){.home-contacttitle .unify{padding-bottom:10px}}
@media (min-width:769px){.contact-left-img{margin-top:35px;}}
.contact-phone-number{margin-left:0;}
.contact-right-txt{margin-top:0;}
@media (min-width:1441px){.contact-right {padding-bottom:160px}}
@media (max-width:1440px){.contact-right-bottom{margin-top:5%;position:initial;}}
@media (max-width:768px){.contact-left-img, .contact-left-img img{max-width:100%;}
.contact-right{padding-bottom:0;}}
@media (min-width:1300px){.contact-right-btn{margin-top:50px}}
.process-item-top em img{max-width:46px}
.home-about .l-wrap .right .title{color: #025ebd;}
@media (min-width:1025px){.home-about .l-wrap .left {padding: 0;}
.home-about .l-wrap .right {padding-left: 5%;}}
.home-about .l-wrap .left .top{right:0;}
.home-about .l-wrap .right>.text{margin-bottom:15px;}
.home-about .l-wrap .right .btn{margin-top:15px;}
.home-about .l-wrap .right{display: flex; flex-direction: column;justify-content: space-between;}
.home-about .l-wrap {align-items: stretch;}
.home-about .l-wrap .left:hover img {transform:unset;}
/*.home-about .l-wrap .left .bottom {left: -4px;}*/
.home-about .l-wrap .left .top {right: -8px;}
.home-about .l-wrap .left .top.bot{right:auto;left:-8px;bottom:-3%;top:auto;}
.wmpage221-page1 .wmpage221-page1-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:48%;}
.wmpage221-page1 .wmpage221-page1-left img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:48%}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:0}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);left:0;bottom:-3px;z-index:1;animation:page1 3s linear infinite}
@keyframes page1{0%{transform:translateX(0)}
100%{transform:translateX(68px)}
}
.wmpage221-page1 .wmpage221-page1-right .wmpage-title{color:var(--wmpage-color22);margin:-5px 0 15px;line-height:1.3}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-desc{color:var(--wmpage-color8);margin-bottom:5px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:50%;color:var(--wmpage-color8);font-size:var(--wmpage-font17);margin-top:8px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li em{color:var(--color);margin-right:5px;font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li{position:relative;display:block;margin-top:30px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin-bottom:10px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-bar{position:relative;width:100%;height:9px;background:#e9e9e9;border-radius:1px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-inner{position:relative;display:block;width:0;height:9px;transition:width 1.2s linear;border-radius:1px;background:var(--color)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-barcount{font-weight:var(--fontbold7);color:var(--wmpage-color8);color:var(--color);font-size:var(--wmpage-font18);position:absolute;bottom:15px;right:-17px;transition:opacity 1s linear;opacity:0}
.wmpage221-page1 .wmpage221-page1-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:45px;border-radius:5px;overflow:hidden;padding:0 20px;background:var(--color);color:#fff;font-size:var(--wmpage-font17);font-weight:var(--fontbold6);text-transform:uppercase;margin-top:30px;z-index:1}
.wmpage221-page1 .wmpage221-page1-btn a::before{position:absolute;content:'';width:100%;height:0;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .3s linear}
.wmpage221-page1 .wmpage221-page1-btn a:hover::before{height:100%}
@media screen and (max-width:1024px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:100%;margin-bottom:30px}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:100%}
}
@media screen and (max-width:768px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{height:400px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:100%}
}
.wmpage221-page1 .wmpage221-page1-btn a:hover{background:#ffffff;color:var(--color)}
.wmpage221-page1 .wmpage221-page1-btn a::before{display:none}