@charset "utf-8"; 
@media (min-width:1025px){:root{--fontsize12:14px;--fontsize13:15px;--fontsize14:16px;--fontsize15:17px;--fontsize16:18px;--fontsize17:19px;--fontsize18:20px;--fontsize20:22px;--fontsize22:24px;--fontsize24:26px;--fontsize26:28px;--fontsize28:30px;--fontsize30:32px;}}
.l-wrap {max-width: 1200px;}
.home-banner .swiper-slide>a::after{display:none;}
.prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none;}
footer .foot-contact>p:nth-child(2){display:none}
#liproducts>ul .menu-item>ul{display: none;position: absolute;left: 100%;top: 0px;}
#liproducts>ul>li>a:after {content: "";transform: rotate(-45deg);border: solid #000000;border-width: 0 1px 1px 0px;display: inline-block;padding: 3px;position: absolute;right: 10px;top: 16px;}
#liproducts>ul .menu-item>ul li {background: #FFFFFF;}
#liproducts>ul>li:hover>ul{display: block;}
/*section.product*/
section.product{padding:4% 0 0;}
section.product .container{display:flex}
section.product .home-more{margin:0}
.hotproduct-l{width:23%;padding-right:3%}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.hotpro-list{display:flex;flex-wrap:wrap;transition:transform .8s ease-in-out, opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0px;left:0px;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:30%;margin:0px 20px 20px 0px}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-img{border:1px solid #EEEEEE;overflow:hidden;text-align:center}
.hotpro-list li:hover img{transform:scale(1.05)}
.hotpro-img img{width:100%}
.hotpro-box{position:absolute;bottom:-60px;background:rgba(42, 42, 42, .85);color:#FFFFFF;padding:8px 15px;width:100%;display:flex;justify-content:space-between;left:0px;align-items:center;transition:all .2s ease-in-out}
.hotpro-list li:hover .hotpro-box{bottom:0px}
.hotpro-title{font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-height:50px}
.hotpro-box i, .hotpro-box em{font-size:var(--fontsize24)}
.hotprocate{border-left:1px solid #BFBFBF;margin:20px 0px 50px;padding-right:10%}
.hotprocate li{padding:10px 0px 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0px;left:0px;background:var(--color);opacity:0;transition:all .2s ease-in-out}
section.product .hotprocate-act,section.product li:hover{color:var(--color)}
section.product .hotprocate-act::before,section.product li:hover::before{opacity:1}
section.product li{padding:10px 0px 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
section.product .home-title{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor);text-transform:capitalize}
@media(max-width:1367px){.hotproduct-l{width:25%}
.hotproduct-r{width:75%}}
@media(max-width:1024px){.hotproduct-l,.hotproduct-r{width:100%}
.hotproduct-l{padding-bottom:6%}
section.product .hotpro-list{justify-content:space-between;}
section.product .hotpro-list li{width:49%;padding:0;margin:0 0 15px 0;}
.hotprocate,.hotproduct-l{padding-right:0px}}
@media(max-width:768px){.hotproduct-l{display:none}
.hotproduct-l .home-title{text-align:center}}
/*section.products*/
@media (min-width:1281px){nav .nav>li>a{font-size:var(--fontsize20)}nav .nav .submenu{width:auto;}.sf-menu .sub-menu a{white-space: inherit;}}
body{max-width: 100%;}
.news-page .newspage-ninelist-1 li{width:100%;display:flex}
.news-page .newspage-ninelist-1 .newspage-img{aspect-ratio:1/1;width:20%}
.news-page .newspage-ninelist-1 .newspage-img a{display:inline-block;width:100%;height:100%}
.news-page .newspage-ninelist-1 .newspage-img a img{object-fit:cover}