﻿@import url(https://css02.v15cdn.com/m433/message.css);
.home-banner .swiper-slide>a::after{display:none}
.home-banner .swiper-pagination{bottom:10px}
.home-service2{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-service2 .service-item{width:50%;position:relative}
.home-service2 .service-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
/*.home-service2 .service-item:nth-child(2) .box{bottom:auto;top:0px}*/
.home-service2 .service-item img{width:100%;height:100%;object-fit:cover}
.home-service2 .service-item .box{position:absolute;bottom:0px;left:0px;width:100%;padding:8%;color:var(--headercolor)}
.home-service2 .service-item .home-more{background: transparent;border-color:#fff;color:#fff;}
.home-service2 .service-item .home-more:hover{background: var(--color);border-color:var(--color)}
@media(min-width:1600px){.home-service2 .service-item:nth-child(1) .box{padding-left:18%}}
.home-service2 .service-item .box .title{font-size:50px;margin-bottom:30px;line-height:1.2;font-weight:var(--fontbold5)}
.home-service2 .service-item .box .text{font-size:var(--fontsize14);max-width:400px;margin-bottom:50px}
.home-aboutus{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-aboutus .about-img{width:50%}
.home-aboutus .about-img img{width:100%;height:100%;object-fit:cover}
.home-aboutus .about-info{flex:1;position:relative;z-index:1;padding:4% 0}
/*.home-aboutus .about-info::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--color);opacity:.1;z-index:-1}*/
.home-aboutus .about-info .p1{color:var(--color);font-size:var(--fontsize14);text-transform:uppercase}
.home-aboutus .about-info .title{font-size:45px;line-height:1.2;font-weight:var(--fontbold5);margin:30px 0px}
.home-aboutus .about-info .list{list-style:none;border-bottom:1px solid #E5E5E5;padding-bottom:20px}
.home-aboutus .about-info .list li{position:relative;padding-left:18px;margin-bottom:10px;font-size:var(--fontsize14)}
.home-aboutus .about-info .list li::before{content:"";position:absolute;left:0px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--color)}
.home-aboutus .about-info .num{display:flex;flex-wrap:wrap;align-items:flex-start;list-style:none;padding:20px 0 30px}
.home-aboutus .about-info .num li{margin-right:40px}
.home-aboutus .about-info .num li:nth-child(3){margin-right:0px}
.home-aboutus .about-info .num li span{color:var(--color);font-size:34px}
.home-aboutus .about-info .num li p{font-size:var(--fontsize14)}
.home-aboutus .about-info .home-more{border-color:#000;color:var(--fontcolor);background:none;}
.home-aboutus .about-info .home-more:hover{border-color:var(--color);background: var(--color);color:#fff;}
@media (max-width:1280px){.home-service2 .service-item .box .title{font-size:36px}
.home-aboutus .about-info .l-wrap{padding:0 5%}
.home-aboutus .about-info .title{font-size:34px}}
@media (max-width:1024px){.home-service2 .service-item .box .title{font-size:var(--fontsize26)}
.home-aboutus .about-info .title{font-size:var(--fontsize24)}}
@media (max-width:768px){.home-service2 .service-item{width:100%}
.home-aboutus .about-img{width:100%}
.home-aboutus .about-info .l-wrap{padding:0px 15px}
.home-service2 .service-item .box{padding:20px 15px}}
@media (max-width:550px){.home-service2 .service-item .box .text{margin-bottom:20px}
.home-service2 .service-item .box .title{font-size:var(--fontsize22);margin-bottom:10px}
.home-aboutus .about-info .title{font-size:var(--fontsize20)}
.home-aboutus .about-info .num li span{font-size:var(--fontsize28,28px)}
.home-aboutus .about-info .num{justify-content:space-between}
.home-aboutus .about-info .num li{width:33%;margin:0px !important}
.home-aboutus .about-info .num li:nth-child(1){text-align:left}
.home-aboutus .about-info .num li:nth-child(2){text-align:center}
.home-aboutus .about-info .num li:nth-child(3){text-align:right}}
.home-chooseus{color:#fff;background:#222 url(https://css02.v15cdn.com/m425/imgs/choose-bg.webp) no-repeat center/cover;overflow:hidden;padding:4% 0;}
.home-chooseus .l-wrap{display:flex;flex-wrap:wrap}
.home-chooseus .home-title{color:#FFF;text-align: left;}
.home-chooseus .homechoose-text{font-size:var(--fontsize18);line-height:1.8;margin-top:10px}
.home-chooseus .homechoose-title{width:400px;padding-top:30px}
.home-chooseus .homechoose-content{flex:1;padding-left:85px;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-chooseus .homechoose-content .homechoose-item{width:32%;margin-bottom:40px;padding:20px 30px;border:1px solid rgba(125, 125, 125, 0.3);display:flex;flex-direction:column;position:relative;border-radius:var(--borderradius);z-index:1;transition:all .1s linear}
.home-chooseus .homechoose-content .homechoose-item:hover{border-color:var(--color)}
.home-chooseus .homechoose-content .homechoose-item:hover::after{border-color:var(--color)}
.home-chooseus .homechoose-content .homechoose-item::after{content:"";content:"";position:absolute;bottom:-33px;right:-24px;width:58px;height:70px;border-left:1px solid rgba(125, 125, 125, 0.3);transform:rotate(47deg);z-index:1;background:#222}
.home-chooseus .homechoose-content .homechoose-item .icon em{font-size:45px;color:var(--color)}
.home-chooseus .homechoose-content .homechoose-item .title{color:#FFFFFF;font-size:var(--fontsize22);margin-bottom:10px}
.home-chooseus .homechoose-content .homechoose-item:nth-child(n+4){margin-bottom:0px}
@media (max-width:1366px){.home-chooseus .homechoose-content{padding-left:40px}
.home-chooseus .homechoose-content .homechoose-item{width:49%}
.home-chooseus .homechoose-content .homechoose-item{margin-bottom:10px!important}}
@media (max-width:1280px){.home-chooseus .homechoose-title{width:100%;padding-top:0px}
.home-chooseus .homechoose-content{padding-left:0px;margin-top:20px}
.home-chooseus .homechoose-content .homechoose-item{margin-bottom:20px!important}}
@media (max-width:768px){.home-chooseus{padding:40px 0}
.home-chooseus .homechoose-content .homechoose-item{width:100%;padding:10px 20px}}
.home-factory{padding:4% 0;position:relative}
.home-factory .factorylist{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-factory .factorylist li{width:31%;border-radius:10px;overflow:hidden}
.home-factory .factorylist li:hover img{transform:scale(1.02)}
.home-factory .factorylist li:hover p{background:var(--color)}
.home-factory .factorylist li img{width:100%;transition:all .2s linear}
.home-factory .factorylist li p{text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#FFF;background:var(--color);transition:all .2s linear;height:50px;line-height:50px;font-size:18px;font-weight:var(--fontbold6);z-index:9}
@media (max-width:768px){.home-factory{padding:40px 0}
.home-factory .factorylist{margin-top:20px}
.home-factory .factorylist li{width:100%;margin-bottom:20px}}
.home-certi{padding:4% 0;position:relative;background-image:url(https://css02.v15cdn.com/m442/imgs/homecertibg.webp);background-repeat:no-repeat;background-position:top;background-size:100%}
.home-certi .certi-fixed{position:absolute;top:0;left:20%}
.home-certi .home-title{color:#fff}
.home-certi .certi-img{text-align:center;margin-top:30px;display:flex;justify-content:center;align-items:flex-end}
.home-certi .certi-img img{margin:0 -20px;position:relative;width:18%;cursor:pointer;transition:all .1s linear}
.home-certi .certi-img img:hover{transform:scale(1.02)}
.home-certi .certi-img img:nth-child(3){z-index:3;width:26%}
.home-certi .certi-img img:nth-child(2),.home-certi .certi-img img:nth-child(4){z-index:2;width:22%}
.home-certi .certi-body{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9}
.home-certi .certi-body::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.home-certi .certi-body img{z-index:1;position:relative;height:80%}
@media (max-width:1024px){.home-certi .certi-fixed{width:60px}}
@media (max-width:768px){.home-certi{padding:40px 0;}}
@media (max-width:550px){.home-certi{background-size:cover}
.home-certi .certi-fixed{left:10px;width:30px}
.home-certi .certi-img img{width:22%}
.home-certi .certi-img img:nth-child(3){width:32%}
.home-certi .certi-img img:nth-child(2), .home-certi .certi-img img:nth-child(4){width:28%}
.home-certi .certi-body img{max-width:60%;height:auto}}
.home-hotpro{padding:4% 0;position: relative;}
.home-hotpro .home-des{color:var(--color);margin-top:0;}
.home-hotpro .homehotpro-list{margin-top:2.5%;display:flex;flex-wrap:wrap}
.home-hotpro .homehotpro-list .homehotpro-item{width:23%;margin-right:2.6%;border:1px solid #EEE;display:flex;flex-direction:column;transition:all .1s linear;overflow:hidden;border-radius:var(--borderradius);margin-bottom:20px;background:#F6F6F6;height: auto;display: flex;flex-direction: column;}
.home-hotpro .homehotpro-list .homehotpro-item:nth-child(4n){margin-right:0px}
.home-hotpro .homehotpro-list .homehotpro-item:hover{border-color:var(--color)}
.home-hotpro .homehotpro-list .homehotpro-item:hover img{transform:scale(1.02)}
.home-hotpro .homehotpro-list .homehotpro-item:hover .title{color:var(--color)}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img{width:100%;overflow:hidden}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img a img{width:100%;height:100%;object-fit:cover}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info{background:#F6F6F6;padding:20px;flex: 1;}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info .more{display:inline-block;color:var(--color);font-weight:var(--fontbold5);margin-top:5px;text-transform:lowercase}
@media (max-width:768px){.home-hotpro .homehotpro-list{flex-wrap:nowrap}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img{display:flex;align-items:center;justify-content:center;flex:none}
.home-hotpro .homehotpro-list .homehotpro-item{margin-right:0px;margin-bottom:20px;width:49%}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info{padding:20px 15px}
#hotpro{padding-bottom:20px}
.hotpro-pagination{bottom:0 !important}
.hotpro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}}
@media (max-width:550px){.home-hotpro .homehotpro-list .homehotpro-item{width:100%}}
@media (max-width:768px){.home-banner{height:auto;}
.home-pro{padding-bottom: 0;}}
.home-pagecontact{background:url(https://css02.v15cdn.com/m441/images/pagecontact-bg.webp) no-repeat center;position:relative;background-size:cover;padding:4% 0;}
.home-pagecontact .wmkcbox-contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-left{width:45%;margin-right:5%}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-left .home-title{text-align:left;color:var(--color);line-height:1.4;margin-bottom:10px}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-left .home-title span{color:#000}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-left p{line-height:28.8px;color:#666}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-feedback{flex:1;background:#F2F2F2;padding:2% 3%}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-feedback input,.home-pagecontact .wmkcbox-contact .wmkcbox-contact-feedback textarea{background-color:#FFFFFF}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-btn{height:50px}
@media (max-width:1024px){.home-pagecontact .wmkcbox-contact .wmkcbox-contact-left{width:100%;margin-right:0}
.home-pagecontact .wmkcbox-contact .wmkcbox-contact-feedback{margin-top:20px;padding:30px 20px}}
@media (max-width:768px){.home-pagecontact{padding:40px 0;}}
.home-cate{position:relative;padding:4% 0}
.home-cate .homecate-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.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%;background:#EEEEEE;border:1px solid #EEEEEE;aspect-ratio:1/1}
.home-cate .homecate-list li .img img{width:100%;height:100%;object-fit:cover;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(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.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}}
@media(max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate{padding:30px 0px}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
.home-chooseus .homechoose-content .homechoose-item::after{display:none}
.home-chooseus .homechoose-content .homechoose-item .title,.home-chooseus .home-title{color:#111}
.home-chooseus .homechoose-content .homechoose-item .text,.home-chooseus .homechoose-text{color:#3e3737}
/* .home-chooseus .homechoose-content .homechoose-item{background:#ffffff38} */
.home-chooseus .homechoose-content .homechoose-item{background:#ffffff80}