@charset "utf-8";
.detailsTableContent p>span>strong{font-size:20px}
.logo a img{max-width:100%}
.productMain .newsList .content-list0 li{height:100%}
.NewsTopHotList div{height:auto}
.NewsTopHotList img{max-height:200px;object-fit:contain}
.contactRight ul li p{min-width:125px}
.product .statistics ul li p{text-transform:capitalize}
.table-responsive{margin:20px 0}
.Feedback .page-box .container>p{font-size:16px}
@media(max-width:768px){.Feedback .page-box p{overflow:visible;max-height:100%}}
.sf-menu li.LiLevel1>a{font-weight:700}
@media (min-width:769px){.product{padding-top:40px}}
.product-sort-bottom>div:nth-child(2) a{color:#242424;display:inline;background:0 0;padding:0;border-radius:0}
.major-tit p{margin-bottom:29px;color:#333;font-size:30px;text-align:center}
.major-tit span{color:#777;font-size:18px;text-align:center}
.major-con ul{width:80%;display:flex;margin:50px auto;flex-wrap:wrap;justify-content:space-between}
.major-con ul li{width:16%;padding:0 1px;width:18%;margin:10px 0;}
.major-con ul li img{max-width:100%;transition:all .3s}
.major-con ul li img:hover{transform:scale(1.05)}
@media (max-width:768px){.major-con ul{margin:15px auto;width:95%;}}
@media (min-width:769px){.header .logo .logo1{height:100%;width:100%;top:0!important;display:flex;align-items:center;justify-content:center}
.header .logo .logo1 img{max-height:100%;max-width:46%;object-fit:contain}
.header.headscroll .logo .logo1{top:0!important;padding:40px 0 10px;box-sizing:border-box}}
@media (max-width:768px){.header .logo .logo1 img{max-height:90%}
.header .logo{height:100%;top:0!important}
.header .logo .logo1{height:100%;display:flex;align-items:center;transform:translate(0)}
.header nav{background:#fff}
.header nav .navImg img{filter:brightness(0)}}
.wmkc-template-31 .wmkc-flex-l{position:relative;padding-bottom:30%}
.wmkc-template-31 .wmkc-flex-l img{position:absolute;width:100%!important;height:100%!important;top:0;left:0;object-fit:cover}
.header .header-top .mailclock{margin-left:31%}
.major{background:url(/uploads/38142/page/p202412231309335b1fb.jpg) no-repeat center/cover;padding:20px 0 10px;}
.home-news{padding:3% 0px}
.home-news .container{margin:0 auto;width:80%;}
.home-news .latestNewsTitle{text-align: center;}
.home-news .latestNewsTitle p{margin:0px auto;color:var(--fontcolor);font-size:var(--fontsize30);text-transform:capitalize}
.home-news .latestNewsTitle span{color:var(--introcolor);font-size:var(--fontsize16)}
.home-news .newslist{display:flex;justify-content: space-between;margin-top:3%;flex-wrap:wrap;}
.home-news .newslist .newsitem{overflow:hidden;width:23.5%;transition:all .2s ease;transform:translateY(0)}
.home-news .newslist .newsitem .img{position:relative;display:inline-block;width:100%;border:1px solid #EDEDED;position:relative;height:0;padding-bottom:100%;}
.home-news .newslist .newsitem .img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.home-news .newslist .newsitem .img::before{position:absolute;top:0px;left:0px;display:inline-block;width:100%;height:100%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease}
.home-news .newslist .newsitem .info{position:relative;border:1px solid #EDEDED;border-top:none;background-color:#FFF;margin-top: -7px;}
.home-news .newslist .newsitem .info .inter{position:relative;display:flex;box-sizing:border-box;padding:5px 10px;background-color:#fafafb;align-items:center;justify-content:flex-end}
.home-news .newslist .newsitem .info .inter .date{position:absolute;bottom:0px;left:-1px;display:flex;width:62px;height:62px;background-color:var(--color);color:#FFFFFF;align-items:center;justify-content:center;flex-direction:column}
.home-news .newslist .newsitem .info .inter .date .day{font-weight:var(--fontbold5);font-size:var(--fontsize22);line-height:1}
.home-news .newslist .newsitem .info .inter .date::before{position:absolute;top:-11px;right:-11px;border:11px solid transparent;border-bottom:11px solid var(--color);content:"";opacity:.8}
.home-news .newslist .newsitem .info .inter .btn{display:inline-flex;height:40px;transition:all .2s ease;align-items:center;justify-content:center;color:var(--introcolor)}
.home-news .newslist .newsitem .info .text{padding:15px}
.home-news .newslist .newsitem .info .text p{display:-webkit-box;overflow:hidden;color:var(--introcolor);-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-news .newslist .newsitem .info .title{min-height: 62px;display:-webkit-box;overflow:hidden;margin-bottom:5px;font-weight:var(--fontbold5);font-size:var(--fontsize18);transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news .newslist .newsitem:hover{transform:translateY(-8px)}
.home-news .newslist .newsitem:hover .info .inter .btn{color:var(--color)}
.home-news .newslist .newsitem:hover .info .title{color:var(--color)}
@media (max-width:768px){.home-news .container{margin:0 auto;width:100%;padding:0 15px;}
.home-news .newslist .newsitem{width:49%;margin-bottom:2%;}}
.newsDetail .newsArticle .newsArticleText img{width:auto;}
.home-case .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:var(--borderradius)}
.home-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#fff;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:var(--borderradius);z-index:1;padding:20px 20px;text-align:center}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:var(--color);color:#fff}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:28%;transform: rotateY(180deg);}
@media(max-width:1024px){.home-case .homecase-wrap .swiper-slide{transform:scale(1)!important}
.home-case .homecase-wrap .swiper-slide .item .content{display:block}
#homecase{padding-bottom:50px}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{bottom:0}}
@media(max-width:768px){.home-case,.home-indexadv,.home-news,.home-solution{padding:40px 0}}
.home-case .l-wrap{margin: 0px auto;width: 80%;}
.home-case .ourcase p{margin: 0px auto;color: var(--fontcolor);font-size: var(--fontsize30);text-transform: capitalize;}
.home-case .ourcase span{color: var(--introcolor);font-size: var(--fontsize16);}
.home-case .ourcase{text-align: center;}
.home-case{padding: 3% 0;}
.home-logo{padding-bottom:50px}
.home-logo .l-wrap{display:flex;justify-content:space-between;max-width: 80%;margin: 0px auto;}
.home-logo .home-title{text-align: left;white-space: nowrap;margin: 0px auto;color: var(--fontcolor);font-size: var(--fontsize30);text-transform: capitalize;}
.home-logo .logo-container{width:calc(100% - 300px);position: relative;overflow: hidden;}
.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-about .l-wrap{display:flex;flex-wrap:wrap;max-width: 80%;margin: 0 auto;}
.home-about .l-wrap>div{width:50%}
.home-about .about-info{padding-right:60px}
.home-about .about-info .home-title{text-align: left;margin: 0px auto;color: var(--fontcolor);font-size: var(--fontsize30); text-transform: capitalize;}
.home-about .about-info .home-des{text-align:left;padding-bottom:20px;font-size:var(--fontsize16);color:var(--fontcolor)}
.home-about .about-info .home-title-line{margin-left:100px}
.home-about .about-info .text{font-size:var(--fontsize16);color:var(--fontcolor)}
.home-about .about-info .more{margin-top:40px}
.home-about .about-info .more a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:50px;background:var(--color);border:1px solid var(--color);color:#fff;transition:all .2s linear}
.home-about .about-info .more a:hover{background:#fff;color:var(--color)}
.home-about .about-img{position:relative}
.home-about .about-img img{width:100%;height:100%;object-fit:cover}
.home-about .about-img .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:50%;width:60px;height:60px;cursor:pointer}
.home-about .about-img .play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:#fff;border-radius:50%}
.home-about .about-img .play .iconfont{color:var(--color);font-size:var(--fontsize22);z-index:99;margin-left:3px}
.home-static .list{padding:0 50px}
.home-static{position:relative;z-index:1}
.home-static::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:-1}
@media(max-width:1024px){.home-static .list{padding:0}}
@media (max-width:768px){.home-about{padding:50px 15px 20px}
.home-about .l-wrap>div{width:100%}
.home-about .about-info{padding:0}
.home-about .about-info .home-title{text-align:center}
.home-about .about-info .home-title-line{margin:0 auto}
.home-about .about-info .home-des{padding-left:0}
.home-about .about-info .more{margin-top:20px}
.home-about .about-info .more a{width:100px;height:33px}
.home-about .about-img{margin-top:30px}}
.home-static {background: url(https://css02.v15cdn.com/m421/static-bg.webp) var(--color) no-repeat left top;background-size: cover;padding: 70px 0;margin-top: 35px;}
.home-static .list {display: flex;justify-content: space-between; flex-wrap: wrap}
.home-static .list li {width: 16%;display: flex;flex-direction: column;align-items: center;color: #FFFFFF}
.home-static .list li .num {font-size: 50px;font-weight: var(--fontbold5);position: relative;line-height: 1;padding-bottom: 20px}
.home-static .list li .num sup {font-size: 25px}
.home-static .list li .num::after {content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 40px;height: 2px;background: #FFFFFF}
.home-static .list li .inner {padding: 20px 0px;font-size: var(--fontsize18);color: #FFFFFF}
.home-static .list li .icon img {height: 50px;width: auto}
.home-static .l-wrap{max-width:80%;margin: 0 auto;}
.home-honor{background:url(https://css02.v15cdn.com/m421/honor-bg.webp) no-repeat center;background-size:cover;padding: 50px 0;}
.home-honor .honorwrap{position:relative;padding:0 80px}
.home-honor .honorwrap .item{width:100%;overflow:hidden;transition:all .2s linear}
.home-honor .honorwrap .item:hover{transform:scale(1.05)}
.home-honor .honorwrap .item img{width:100%;height:100%}
@media(max-width:768px){.home-application .applist,.home-honor .honorwrap,.home-product .product-list{padding:0}
.home-application .applist .swiper,.home-honor .honorwrap .swiper,.home-product .product-list .swiper{padding-bottom:40px}}
.home-honor .l-wrap{max-width: 80%;margin: 0 auto;}
.honorwrap{margin-top: 50px;}
.home-honor .home-title{margin: 0px auto;color: var(--fontcolor);font-size: var(--fontsize30);text-transform: capitalize;}
#honor-swiper{overflow: hidden;}
.home-honor .l-wrap>div{text-align: center;}
.banner-text{position: absolute;height: 100%;top: 0;left: 10%;width: 40%;display: flex;flex-direction: column;justify-content: center;}
.banner-text h5{font-size: 60px;color: #fff;line-height: 1;margin-bottom: 25px;}
.banner-text p{font-size: 20px;color: #fff;line-height: 1;}
@media (max-width:1600px){.banner-text{left:6%;}}
@media (max-width:1024px) {.banner-text h5{font-size: 32px;margin-bottom: 20px;}
.banner-text{left: 6%;}
.banner-text p{font-size: 18px;}}
@media (max-width:768px) {.banner-text h5{font-size: 24px;margin-bottom: 15px;}
.banner-text{left: 5%;width: 46%;}
.banner-text p{font-size: 16px;}}
@media (max-width:550px){.banner-text h5{font-size:18px;}
.banner-text{left:7px;}
.banner-text p{font-size: 12px;}}
.banner1 .swiper-slide-active img {animation: bannerimg 6s forwards;}
.banner1 .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.banner1 .banner-animote{position:absolute;top:55%;left:35%;transform:translate(-50%,-50%);width:40%;color:#fff;opacity:0}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@media (min-width:1025px){.header,.header nav{background:0 0}
body{padding-top:0}
.header .header-top{background-color:transparent}
header{box-shadow: none;}
.header .header-top .mailclock .clock a, .header .header-top .mailclock .mail a ,.lang-icon span{ color: #d7d7d7;}  
.lang-icon span::after,.lang-icon span::before{ background: #d7d7d7;}}
.banner1 .swiper-slide>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(21,21,21,.6)}
.banner1 .swiper-button-next:after,.banner1 .swiper-button-prev:after{color: #fff;font-size: 28px;}
.banner1 .banner-animote span{color: #c3d600;}
.banner1 .banner-text p{ont-size: 16px;}
@media (min-width:1200px) {.banner1  {height: 80vh;}}
.banner1 img{height: 100%;object-fit: cover;}
.home-choose{z-index:1;position:relative;padding:4% 0}
.home-choose .l-wrap{display:flex;flex-wrap:wrap;display: flex;max-width: 80%;margin: 0 auto;}
.home-choose .l-wrap>div{width:50%}
.home-choose .chooseimg img{width:100%}
.home-choose .chooseinfo{padding-left:5%}
.home-choose .chooseinfo .home-title{text-align:left}
.home-choose .chooseinfo .text{color:var(--introcolor)}
.home-choose .chooseinfo ul{width:100%;list-style:none;margin-top:20px}
.home-choose .chooseinfo ul li{width:100%;display:flex;align-items:flex-start;margin-bottom:1em}
.home-choose .chooseinfo ul li:last-child{margin-bottom:0}
.home-choose .chooseinfo ul li .icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.home-choose .chooseinfo ul li .icon img{transition:all .2s linear}
.home-choose .chooseinfo ul li .info{flex:1;padding-left:20px}
.home-choose .chooseinfo ul li .info .p1{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.3}
.home-choose .chooseinfo ul li:hover .icon img{transform:rotateY(180deg)}
@media (max-width:1024px){.home-choose::before{display:none}
.home-choose .chooseinfo{padding-left:30px}}
@media (max-width:768px){.home-choose,.home-static{padding:30px 0;}
.home-choose .l-wrap>div{width:100%}
.home-choose .chooseinfo{padding-left:0;margin-top:20px}
.home-static .list li .num{font-size:24px;padding-bottom:10px;}
.home-static .list li{width:49%;margin:10px 0;}
.home-static .list li .inner{padding:10px 0;text-align: center;}
.home-about .l-wrap,.home-choose .l-wrap,.home-case .l-wrap{max-width:100%;width:100%;padding:0 20px;}
.home-about{padding-top:0;}}
@media (min-width:769px){.header nav .navNav .nav>li#liproducts:hover>.submenu{display:flex!important}
#liproducts .submenu{padding:10px;list-style:none;width:900px;flex-wrap:wrap;left:-400px;background:var(--color)}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%;background:none;height:auto;}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;background:none;white-space: normal;font-weight:var(--fontbold7);line-height:inherit}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul li{height:auto;background:none;}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;background:none;white-space: normal;line-height:inherit;height:auto;}
#liproducts .submenu>li>a:hover,#liproducts .submenu>li .cate-con ul a:hover{background:none;color:var(--hovercolor)}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{padding:0;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:768px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%;height:auto;position: relative;box-sizing: border-box;}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0;line-height:inherit}
#liproducts .submenu>li .cate-con{padding-left:20px}}


@media (min-width:1025px) {
.header.headscroll{background:#000}
}