﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .swiper-slide>a::after{display: none; }
@media (min-width:1025px) {
.home-cate .catelist ul li{width: 23%;}
.home-cate .catelist ul li:nth-child(4){margin-bottom: 1em;}
.home-cate .catelist ul li:nth-child(3n){margin-right: 2%;}
.home-cate .catelist ul li:nth-child(4n){margin-right: 0;}
.home-cate .catelist ul li .title{height: 80px;}
}
.home-cate .home-title{text-transform:initial;}

.home-diverse .partner-container{margin-top:0;}
.home-odm{position:relative;padding:4% 0 0;background:no-repeat top}
.home-odm .home-des,.home-odm .home-title{color:#FFF}
#odmSwiper{margin-top:40px}
#odmSwiper .swiper-wrapper{justify-content: space-between;}
#odmSwiper .swiper-slide{background:#fafafa;width:49%;padding:3% 4%;text-align:center}
#odmSwiper .swiper-slide .p1{font-size:var(--fontsize28);font-weight:var(--fontbold6)}
#odmSwiper .swiper-slide .icon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0}
#odmSwiper .swiper-slide .icon li{display:inline-flex;flex-direction:column;margin:10px 20px}
#odmSwiper .swiper-slide .icon li:hover p{color:var(--color)}
#odmSwiper .swiper-slide .icon li>em{height:40px;font-size:45px;color:var(--color);display:flex;align-items:center;justify-content:center}
#odmSwiper .swiper-slide .icon li p{padding-top:5px;font-size:var(--fontsize18)}
#odmSwiper .swiper-pagination-bullet-active{background: var(--color);}
@media (max-width:1024px){#odmSwiper .swiper-slide .icon li p{font-size:var(--fontsize16);font-weight:var(--fontbold4)}}
@media (max-width:768px){.home-odm{padding:40px 0 0}
#odmSwiper{padding-bottom:50px;margin-top:30px}
#odmSwiper .swiper-slide{padding:20px 15px}
#odmSwiper .swiper-slide .p1{font-size:var(--fontsize22)}
#odmSwiper .swiper-slide .icon li{width:50%;margin:10px 0 0}}

@media (min-width:769px){
.repro-boxlist{flex-wrap: wrap;transform: initial!important;justify-content: space-between;}
.repro-boxlist .swiper-slide{width: 19%!important;margin-right: 0!important;margin-bottom: 20px;}
}

@media (min-width:1025px) {
.newpro .home-tit{display: none;}
.newpro-list li{width: 20%;padding: 0 10px;}
.newpro-item-l{width: 100%;}
.newpro-item-r{width: 100%;}
.newpro-name{margin-top: 5px;border-bottom: 1px solid #DADADB;padding-bottom: 5px;}
.newpro-bref{display: none;}


.newpro-more{color: var(--introcolor);background:initial;padding-left: 0;}
.newpro-more::before{display: none;}
.newpro-list li:hover .newpro-more{color: var(--introcolor)}
}


.wmpage137-page1 .page1-title{margin-bottom:40px;text-align:center}
.wmpage137-page1 .page1-p{color:var(--color);margin-bottom:6px}
.wmpage137-page1 .page1-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage137-page1 .page1-li{width:25%;padding:0 1%}
.wmpage137-page1 .page1-li-contant{position:relative;padding:10%;background:#fff;border-radius:5px;box-shadow:0 1px 30px 0 rgb(82,90,101,.1);transition:transform .3s}
.wmpage137-page1 .page1-li-em{font-size:var(--wmpage-font36);width:66px;height:66px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);border:5px solid var(--color);border-radius:10px;transition:border .3s}
.wmpage137-page1 .page1-li-em::before{margin-left:10px;}
.wmpage137-page1 .page1-li-p1{font-size:var(--wmpage-font18);font-weight: var(--fontbold7);margin:8% 0 4% 0}
.wmpage137-page1 .page1-li-p2{color:#555;line-height:1.6;position:relative;z-index:1}
.wmpage137-page1 .page1-li-p3{position:absolute;bottom:-8%;right:0;color:var(--color);opacity:.1;font-weight: var(--fontbold7);font-size:100px}
.wmpage137-page1 .page1-li-contant:hover{transform:translateY(-4%)}
@media (max-width:990px){.wmpage137-page1 .page1-li{width:50%;margin-bottom:2%}
}
@media (max-width:768px){.wmpage137-page1 .page1-title{margin-bottom:6%}
.wmpage137-page1 .page1-li{width:100%;margin-bottom:4%;padding:0}
.wmpage137-page1 .page1-li-contant{padding:5%}
.wmpage137-page1 .em{padding:3%}
.wmpage137-page1 .page1-li-p1{margin:4% 0 2% 0}
}
@media (max-width:390px){.wmpage137-page1 .page1-title{margin-bottom:10%}
.wmpage137-page1 .page1-li{margin-bottom:10%}
.wmpage137-page1 .page1-li-contant{padding:20px}
.wmpage137-page1 .page1-li-p1{margin:8% 0 4% 0}
}

.wmpage217-page1 .wmpage217-page1-top{text-align:center}
.wmpage217-page1 .wmpage217-page1-text{position:relative;padding:0 50px;display:inline-block;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--wmpage-font17);color:var(--color)}
.wmpage217-page1 .wmpage217-page1-text::before{position:absolute;content:'';width:60px;height:2px;background:var(--color);left:50%;margin-left:-30px;top:50%;transform:translateY(-50%)}
.wmpage217-page1 .wmpage-title{color:var(--wmpage-color22)}
.wmpage217-page1 .wmpage217-page1-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item{width:24%;position:relative;margin-top:30px;text-align:center;padding:30px 35px 40px;background:#f7f8fc;border-radius:10px;overflow:hidden;z-index:2}
.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item::before{position:absolute;content:'';width:100%;height:100%;background:url(https://img01.v15cdn.com/singletem/img/wmpage-ab3.webp) center no-repeat;background-size:cover;left:0;top:0;transform:scale(1.1);opacity:0;transition:all .3s ease-in-out;z-index:-1}
.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item:hover::after,.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item:hover::before{opacity:1;transform:scale(1)}
.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item::after{position:absolute;content:'';width:100%;height:100%;background:rgba(0,0,0,.6);left:0;top:0;transform:scale(1.1);opacity:0;transition:all .3s ease-in-out;z-index:-1}
.wmpage217-page1 .wmpage217-page1-item .wmpage217-page1-icon{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;background:#fff;filter:drop-shadow(0 0 50px rgba(0, 0, 0, .15));transform:scale(1);transition:all .3s linear}
.wmpage217-page1 .wmpage217-page1-item .wmpage217-page1-icon em{font-size:var(--wmpage-font30);color:var(--color);transition:all .3s linear}

.wmpage217-page1 .wmpage217-page1-item:hover .wmpage217-page1-icon em{color:#fff;transform:scale(1.05)}
.wmpage217-page1 .wmpage217-page1-item .wmpage217-page1-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold7);color:var(--wmpage-color22);margin:15px 0 7px;transition:all .3s linear}
.wmpage217-page1 .wmpage217-page1-item:hover .wmpage217-page1-title{color:#fff}
.wmpage217-page1 .wmpage217-page1-item .wmpage217-page1-desc{color:var(--wmpage-color8);transition:all .3s linear}
.wmpage217-page1 .wmpage217-page1-item:hover .wmpage217-page1-desc{color:#fff;opacity:.8}
@media screen and (max-width:1024px){.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item{width:48.5%}
}
@media screen and (max-width:768px){.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item{width:100%}
}
.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item:hover::after,.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item:hover::before{opacity:0}
.wmpage217-page1 .wmpage217-page1-item:hover .wmpage217-page1-title{color:var(--wmpage-color22)}
.wmpage217-page1 .wmpage217-page1-item:hover .wmpage217-page1-desc{color:var(--wmpage-color8)}
.wmpage217-page1 .wmpage217-page1-box .wmpage217-page1-item img{max-width:70%}



.wmpage44-page4 .wmpage44-page4-list{display:flex;justify-content:space-between;margin-top:2%;}
.wmpage44-page4 .wmpage44-page4-text p{font-size:var(--wmpage-font18);margin:0;text-align:center;line-height:1.5;text-transform:capitalize;color:#fff}
.wmpage44-page4 .wmpage44-page4-img{width:100%;overflow:hidden;border-radius:5px 5px 0 0}
.wmpage44-page4 .wmpage44-page4-img img{display:block;max-width:100%;width:100%;transition:all .3s ease-in-out}
.wmpage44-page4 .wmpage44-page4-pro{margin-bottom:30px}
.wmpage44-page4 .wmpage44-page4-pro p{font-size:var(--wmpage-font16);color:#333;text-align:center;margin:0;line-height:1.5}
.wmpage44-page4 .wmpage44-page4-text{box-sizing:border-box;padding:10px;background:var(--color,#0061de)}
.wmpage44-page4 .wmpage44-page4-item{width:18%;border-radius:5px;overflow:hidden}
.wmpage44-page4 .wmpage44-page4-item:hover .wmpage44-page4-img img{transform:scale(1.03)}
@media(max-width:768px){.wmpage44-page4 .wmpage44-page4-list{flex-wrap:wrap;margin-top:20px;}
.wmpage44-page4 .wmpage44-page4-item{width:49%;margin-bottom:20px}
.wmpage44-page4 .wmpage44-page4-item img{width:100%}
}
@media(max-width:450px){.wmpage44-page4 .wmpage44-page4-item{width:100%}}
@media (min-width:1024px){.repro-more,.newpro-more{display:none}
.newpro-name{border-bottom:none}
.repro-boxlist li,.newpro-list li{display:flex;flex-direction:column;align-items:center;flex:1;padding:3%}
.repro-boxlist li:nth-of-type(odd),.newpro-list li:nth-of-type(odd){background:#efefef}
.repro-item-cont,.newpro-item-r{order:-1}}
.home-mainpro{position:relative;padding:4% 0}
.home-mainpro .mainpro-list{margin-top:3%;display:flex;flex-wrap:wrap;list-style:none;justify-content:space-between;}
.home-mainpro .mainpro-list li{width:19%;margin-bottom:2em}
.home-mainpro .mainpro-list li a{background:#FFFFFF;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);display:block;width:100%;height:100%;position:relative;padding-bottom:5px}
.home-mainpro .mainpro-list li a .img{width:100%;aspect-ratio:1/1;position:relative}
.home-mainpro .mainpro-list li a .img img{width:100%;height:100%;object-fit:cover}
.home-mainpro .mainpro-list li a .title{margin-bottom:10px;padding:10px 15px 0;font-size:var(--fontsize18);transition:all .1s linear;position:relative;border-top:1px solid #EEEEEE}
.home-mainpro .mainpro-list li a .title::before{content:"";position:absolute;top:-1px;left:0;width:0%;height:1px;background:var(--color);transition:all .3s linear;z-index:1}
.home-mainpro .mainpro-list li a .title::after{transition:all .3s linear;content:"";position:absolute;top:-3.5px;left:0;opacity:0;width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--color)}
.home-mainpro .mainpro-list li a:hover .img img{transform:scale(1.02)}
.home-mainpro .mainpro-list li a:hover .title{color:var(--color)}
.home-mainpro .mainpro-list li a:hover .title::before{width:100%}
.home-mainpro .mainpro-list li a:hover .title::after{opacity:1;left:calc(100% - 4px)}
@media (max-width:768px){.home-mainpro{padding:40px 0}
.home-mainpro .mainpro-list{justify-content:space-between}
.home-mainpro .mainpro-list li{width:48%;margin-right:0;margin-bottom:1em}}



.wmpage137-page3 .page3-title{margin-bottom:40px;text-align:center}
.wmpage137-page3 .page3-p{color:var(--color);margin-bottom:6px}
.wmpage137-page3 .page3-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage137-page3 .page3-li{width:25%}
.wmpage137-page3 .page3-li-contant{padding:0 10%;text-align:center}
.wmpage137-page3 .page3-li-contant1{border-width:2px;border-style:solid;border-right:0;border-image:linear-gradient(to bottom,#ededed,transparent) 1 60%}
.wmpage137-page3 .page3-li-em{font-size:60px;color:var(--color);display: inline-block;width: 60px;}
.wmpage137-page3 .page3-li-p1{font-size:var(--wmpage-font20);margin:6% 0 3% 0;font-weight: var(--fontbold6);}
.wmpage137-page3 .page3-li-p2{color:#666}
@media (max-width:1200px){.wmpage137-page3 .page3-li{width:50%;margin-bottom:5%}
.wmpage137-page3 .page3-li-contant1{border:none}
}
@media (max-width:768px){.wmpage137-page3 .page3-title{margin-bottom:8%}
.wmpage137-page3 .page3-li{width:100%;margin-bottom:8%}
.wmpage137-page3 .page3-li-contant{padding:0}
.wmpage137-page3 .page3-li-p1{margin:3% 0 1% 0}
}
@media (max-width:500px){.wmpage137-page3 .page3-li-em{font-size:var(--wmpage-font40);width:40px}
.wmpage137-page3 .page3-li-p1{font-size:var(--wmpage-font18)}
}
.wmpage160-page1-title .wmpage-title{line-height:1}
.wmpage160-page1-title{display:flex;flex-direction:column;justify-content:center;align-items:center}
.wmpage160-page1-dev{width:60px;background:var(--color,#ff7417);height:2px;margin-top:10px}
.wmpage160-page1-contant{margin-top:40px;display:flex;justify-content:space-between;align-items:center}
.wmpage160-page1-left{width:48%;padding-left:25px;padding-right:25px}
.wmpage160-page1-right{width:50%;border-radius:8px;overflow:hidden}
.wmpage160-page1-right img{width:100%;max-width:100%;transition:.33s all ease}
.wmpage160-page1-ul li{display:flex;margin-top:25px}
.wmpage160-page1-image{width:8%}
.wmpage160-page1-image em{font-size:var(--wmpage-font40,40px);width:var(--wmpage-font40);color:var(--color,#ff7417);display:block;line-height:1;margin-top:5px}
.wmpage160-page1-text{flex:1;padding-left:10px}
.wmpage160-page1-com{line-height:2;font-weight:var(--fontbold4);color:#222}
.wmpage160-page1-ul{margin-top:5%}
.wmpage160-page1-tit{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);margin-bottom:5px;transition:.33s all ease}
.wmpage160-page1-p{line-height:2;font-weight:var(--fontbold4);color:#222}
.wmpage160-page1-ul li:hover .wmpage160-page1-tit{color:var(--color,#ff7417)}
.wmpage160-page1-right:hover img{transform:scale(1.02)}
@media (max-width:1366px){.wmpage160-page1-left{padding:0}
.wmpage160-page1-com,.wmpage160-page1-p{line-height:1.75}
}
@media (max-width:1024px){.wmpage160-page1-contant{flex-direction:column;margin-top:20px}
.wmpage160-page1-left{width:100%}
.wmpage160-page1-right{width:100%;margin-top:30px}
}
@media (max-width:768px){.wmpage160-page1-com,.wmpage160-page1-p{line-height:1.52}
}
@media (max-width:600px){.wmpage160-page1-ul li{flex-direction:column;justify-content:center;align-items:center}
.wmpage160-page1-text{flex:1;padding-left:0;text-align:center}
.wmpage160-page1-tit{font-size:var(--wmpage-font16)}
}
.home-tit{position:relative;padding-bottom:10px;font-weight:var(--fontbold7);margin-bottom:10px;}
.home-tit:after{content:'';width:60px;height:2px;display:block;background:var(--color);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
  #swiper-banner1 .swiper-pagination{bottom:0px}
#swiper-banner1 img{width:100%;display:block}
#swiper-banner1 .swiper-button-next,#swiper-banner1 .swiper-button-prev{width:70px;height:70px;background:#FFFFFF;line-height:70px;transition:background .2s;margin-top:-35px;border-radius:50%;padding:0px 8px}
#swiper-banner1 .swiper-button-next::before,#swiper-banner1 .swiper-button-prev::before{content:'';display:block;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.2);position:absolute;left:-10px;top:-10px;z-index:-1}
#swiper-banner1 .swiper-button-next:hover,#swiper-banner1 .swiper-button-prev:hover{background-color:var(--color)}
#swiper-banner1 .swiper-button-next{right:-35px;text-align:left}
#swiper-banner1 .swiper-button-prev{left:-35px;text-align:right}
#swiper-banner1 .swiper-button-next i,#swiper-banner1 .swiper-button-prev i{font-size:var(--fontsize24);color:var(--fontcolor);font-weight:var(--fontbold7)}
#swiper-banner1 .swiper-button-next:hover i,#swiper-banner1 .swiper-button-prev:hover i{color:#FFFFFF}
#swiper-banner1 .swiper-pagination{bottom:0px}
@media(max-width:481px){#swiper-banner1 .swiper-button-next,#swiper-banner1 .swiper-button-prev{width:40px;height:40px;line-height:40px;margin-top:-20px;padding:0px 4px}
#swiper-banner1 .swiper-button-next{right:-20px}
#swiper-banner1 .swiper-button-prev{left:-20px}
#swiper-banner1 .swiper-button-next::before,#swiper-banner1 .swiper-button-prev::before{width:50px;height:50px;top:-5px;left:-5px}
#swiper-banner1 .swiper-button-next i,#swiper-banner1 .swiper-button-prev i,.products-add-inquirl i{font-size:var(--fontsize20)}
}