﻿@charset "utf-8";
:root{--color:#000;--color1:#444}
.l-main-home section.news{padding-top:0}
.l-header .nav-sign span:nth-of-type(2),.foot-linetop>span{background:var(--color1)}
.foot-nav li:hover a{color:#fff}
.intro{background-color:var(--color1)}
#indexSwiper .swiper-pagination-bullet:after,.sidebar>div:nth-child(2n) .sidebar-tit em.line{background:var(--color1)}
.about .about-btn .btn-more{background:var(--color1)}
.about .about-btn .btn-more:hover{color:var(--color1);border-color:var(--color1)}
body .wmkc-border-blue,body .wmkc-table-border.wmkc-border-blue>tbody>tr>td,body .wmkc-table-rules.wmkc-border-blue>tbody>tr>td{border-color:var(--color)!important}
body .wmkc-blue{color:var(--color)!important}
.contact-list li:nth-child(2n) .iconfont{color:var(--color1)}
.contact-list li:nth-child(2n) .contact-icon:after{background:var(--color1)}
.wmkc-template-45 .wmkc-flex{align-items:center}
.pagelink-name{white-space:inherit;height:15px}
.latestpro-name{text-align:center}
.sf-menu li.LiLevel1>a{font-weight:700}
.new-img img{object-fit:contain}
.table td,.table th{padding:2px 8px}
@media screen and (max-width:768px){#indexSwiper{height:auto}}
.inner-banner{padding-bottom:31.25%;height:0;min-height:0;background-size:100% auto}
.inner-title,.pro-list .pro-info>p{display:none}
.head-top,.head-top .wave{background:#000}
.wave,.wave-top{display:none}
.l-main-prodetail .prodetail-content-tit{display:none;}
#prodcate {margin-top:90px;background:url(/uploads/40093/products/p2024082809373801aa8.jpg) right top no-repeat;background-size:34%;}
#prodcate .l-wrap {padding:0 100px;}
#prodcate .iatit {max-width:660px}
.iatit {text-transform:uppercase;font-size:45px;line-height:1.3;font-weight:bold;}
.iadwor {font-family:roboreg;color:#525252;line-height:26px;margin:25px 0 34px;max-width:660px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;max-height:126px}
.iadmore {line-height:50px;display:inline-block}
.iadmore span {position:relative;float:left;display:inline-block;min-width:160px;padding:0px 10px;height:50px;text-align:center;font-family:popmed;font-size:14px;text-transform:uppercase;color:#FFF;background:#000;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.iadmore i.fa,.iadmore i.iconfont {position:relative;float:left;display:inline-block;width:50px;height:50px;color:#FFF;text-align:center;background:#343434;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;line-height:50px}
.iadmore:hover span {background:var(--color);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.iadmore:hover i.fa,.iadmore:hover i.iconfont {background:var(--color1);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.prodtop {padding:10px 0 40px}
.prodbot {background:#FFF;position:relative;display:flex;justify-content:space-between;}
.probox {width:calc(100% - 170px);overflow:hidden}
.prodlist {width:100%;display:flex;justify-content:space-between;}
.prodlist .prli {position:relative;}
.prodlist >.prli:nth-child(1) {width:calc(40% - 5px);margin:0px}
.prliflex {display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(60% - 5px);}
.prliflex .prli {width:calc(50% - 5px);padding-bottom:30%;}
.prliflex .prli:nth-child(n + 3) {margin-top:10px}
.prliflex .prli img {position:absolute;top:0;left:0;}
.prodlist .prli img {display:block;width:100%;height:100%;object-fit:cover;}
.prpopwind {width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,.5);z-index:2;}
.rpwor {box-sizing:border-box;text-align:center;width:100%;position:absolute;top:50%;left:0px;padding:0px 16px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%)}
.prwtit {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:goudyIta;font-size:30px;color:#FFF;font-weight:var(--fontbold5);line-height:40px;margin-bottom:14px;max-height:80px}
.pdone .prli:nth-child(2) .prwtit,.pdone .prli:nth-child(3) .prwtit,.pdone .prli:nth-child(4) .prwtit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.prwbtn {color:#858585;font-size:13px;font-family:roboreg;background:#000;padding:5px 12px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prwbtn .fa,.prwbtn .iconfont {color:#858585;font-size:12px;display:inline-block;margin-left:3px}
.prwbtn:hover {color:#FFF;background:var(--color);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prwbtn:hover .fa,.prwbtn:hover .iconfont {color:#FFF}
.prodbtn {font-size:20px;font-family:goudyBold;position:absolute;text-transform:uppercase;width:calc((100% - 170px )*0.285);height:calc(50% - 3.5px);bottom:0px;right:auto;left:calc((100% - 170px)*0.705)}
.prodbtn a {display:inline-block;padding-bottom:4px;border-bottom:2px solid #000;white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.prodbtn a:hover {border-color:var(--color)}
.prodnext {display:block;width:160px;height:100%;background:#000;position:absolute;right:0px;top:0px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prodnext a {display:flex;color:#fff;width:100%;height:100%;align-items:center;justify-content:center;text-transform:capitalize}
.prodnext .fa,.prodnext .iconfont {font-size:15px;color:#FFF;}
.prodnext:hover {background:var(--color);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
@media (max-width:1500px){#prodcate{background-size:40%!important}}
@media (max-width:1280px){#prodcate .l-wrap {padding:0 80px;}
#prodcate .iatit,.iadwor{max-width:55%}
.prwtit{font-size:24px;line-height:1.3;max-height:inherit;margin-bottom:10px}
.iatit{font-size:38px}}
@media (max-width:1024px){#prodcate{background:none!important;margin-top:40px}
#prodcate .l-wrap {padding:0 15px;}
#prodcate .iatit{max-width:100%}
.iadwor{max-width:100%;margin:10px 0 20px}
.prwtit{font-size:20px}
.iatit{font-size:34px}
.iadmore span{min-width:110px;padding:0 10px;height:40px;line-height:40px}
.iadmore i.fa, .iadmore i.iconfont{width:40px;height:40px;line-height:40px}
.prodbot{flex-wrap:wrap}
.probox{width:100%}
.prodnext{width:100%;position:relative;margin-top:10px;height:50px}}
@media (max-width:768px){.prodlist{flex-wrap:wrap}
.prodlist >.prli:nth-child(1){width:100%;margin-bottom:10px}
.prliflex{width:100%}}
@media (max-width:500px){#prodcate .iatit{font-size:30px}
.prodlist >.prli:nth-child(1){margin-bottom:0}
.prliflex .prli{width:100%;padding-bottom:65%;margin-top:10px}}
.home-team {margin:90px 0;}
.home-teamswiper {position:relative;padding:0 50px;margin-top:30px;}
.home-teamswiper .swiper-slide {height:auto;position:relative;padding-bottom:16%;}
.home-teamswiper .swiper-slide img {display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.home-teamswiper .swiper-pagination {display:none;}
.team-btn>div {cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;margin-top:-25px;width:30px;height:50px;background:#f7f7f7;}
.team-btn>div.team-prev {left:0;}
.team-btn>div.team-next {right:0;}
.team-btn>div i {font-weight:bold;font-size:20px;}
.team-btn>div:hover {background:var(--color);color:#fff;}
@media (max-width:1024px){.home-team {margin:50px 0;}
.home-teamswiper .swiper-slide{padding-bottom:21%}}
@media (max-width:768px){.home-team {margin:40px 0;}
.home-teamswiper {padding:0;}
.home-teamswiper .swiper-slide{padding-bottom:30%}
.home-teamswiper .swiper-container {padding-bottom:40px}
.home-teamswiper .swiper-pagination {display:block;bottom:0}
.team-btn>div{display:none}
.l-main-home .sec-title{line-height:1.2;font-size:28px}}
.l-main-home .new-list {justify-content:space-between;margin:0;width:100%;overflow:inherit}
.l-main-home .new-list>li {width:32%;padding:0;}
.l-main-home .new-list>li .new-wrap {height:100%;display:flex;flex-direction:column;}
.l-main-home .new-list>li .new-wrap>div:first-of-type {width:100%;flex:inherit;}
.l-main-home .new-list>li .new-wrap>div:first-of-type a {position:relative;height:0;padding-bottom:75%;display:block;}
.l-main-home .new-list>li .new-wrap>div:first-of-type a img {position:absolute;top:0;left:0;object-fit:contain;}
.l-main-home .new-list>li .new-img:after {display:none;}
.l-main-home .new-list>li .new-wrap>div:nth-of-type(2) {flex:inherit;width:100%;padding:15px 15px 20px;}
.l-main-home .new-list .new-info .new-more{margin-top:12px}
@media (max-width:768px){.l-main-home .new-list>li{width:100%;margin-bottom:30px}
.l-main-home .new-list{padding-top:0}}
.home-honor{background:url(https://css02.v15cdn.com/m421/honor-bg.webp) no-repeat center;background-size:cover;}
.home-honor .honorwrap{position:relative;padding:0px 80px;margin-top:30px;}
.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%}
.home-honor .home-button-next,.home-honor .home-button-prev{position:absolute;left:0px;top:40%;background:0 0;width:40px;height:40px;border:1px solid #DFDFDF;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-honor .home-button-next:hover,.home-honor .home-button-prev:hover{background:var(--color);border-color:var(--color)}
.home-honor .home-button-next:hover i,.home-honor .home-button-prev:hover i{color:#FFF}
.home-honor .home-button-next i,.home-honor .home-button-prev i{color:var(--fontcolor)}
.home-honor .home-button-next{left:auto;right:0px}
@media (min-width:769px){#honor-swiper .swiper-pagination{display:none;}}
@media (max-width:768px){.home-honor .honorwrap,.home-product .product-list{padding:0px}
.home-honor #honor-swiper{padding-bottom:50px;}
.home-honor .home-button-next,.home-honor .home-button-prev{width:35px;height:35px;background:#FFF;display:none}}
.swiper-pagination-bullet-active{background:var(--color)}
.l-main-home section.latestpro.color{display:none;}
.footlang {margin-top:30px;}
.footlang .lang-wrap {padding:0;width:100%;display:flex;justify-content:center;flex-wrap:wrap}
.footlang .lang-wrap li {width:auto;padding:0;margin:8px;background:none!important;}
.footlang .lang-wrap li a {color:#fff;width:auto;}
@media (max-width:768px){.footlang{display:none}}
.floatwindow_fd_main{right:0!important;opacity:1!important}
