@charset "utf-8"; 
:root{--footercolor: #111;--color: #f87c00;}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
.prodetail-active-tabs{display:flex;align-items:center;margin-bottom:25px;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.prodetail-active-tabs::-webkit-scrollbar{display:none}
.prodetail-active-tab{flex:0 0 auto;min-width:150px;height:42px;line-height:42px;text-align:center;font-size:14px;font-weight:700;color:#fff;background:#FEF1E5;padding:0 20px;cursor:pointer;transition:.25s;border-right:1px solid #fff;white-space:nowrap;box-sizing:border-box}
.prodetail-active-tab.active{background:var(--color);color:#fff}
.prodetail-active-tab:hover{background:var(--color);color:#fff}
.prodetail-active-content{width:100%;font-size:15px;color:#555;line-height:1.8}
.prodetail-content-item{display:none}
.prodetail-content-item.active{display:block}
@media(max-width:768px){.prodetail-active-tab{min-width:auto;padding:0 18px;font-size:13px;height:38px;line-height:38px}
.prodetail-active-tabs{flex-wrap:wrap}
.prodetail-active-content{font-size:14px;line-height:1.7}}
.pagesbanner .pagesbanner-animate{text-align:left;padding-left:7%;top:47%;line-height:1.2}
.pagesbanner .pagesbanner-animate .title{font-size:3vw;font-weight:900}
.pagesbanner .pagesbanner-animate .desc{font-size:1.5vw;font-weight:500;margin:2% 0}
.pagesbanner .pagesbanner-animate .more{padding:.7% 2%;border-radius:30px;font-size:1vw;background:var(--color);width:fit-content;margin:0 auto}
@media (min-width:1025px){body:not(.nobanner){padding-top:140px;}
body:not(.nobanner) .head-info{background:#FEF1E5;}}
@media (min-width:1025px) and (max-width:1366px){body:not(.nobanner){padding-top:140px;}}
@media (min-width:1025px) {.head-top{background:#FEF1E5}
body:not(.nobanner) .head-info,.head-info{background:#FEF1E5}
.head-link .item a{color:var(--fontcolor)}
.lang-icon span{color:var(--fontcolor)}
.lang-icon span::before,.lang-icon span::after{background:var(--fontcolor)}
.head-info .nav-ul>li a{color:var(--fontcolor)}
.head-info .head-search button{color:var(--fontcolor)}
.head-info .nav-ul>li ul{background:#fff}
.head-info .nav-ul>li>.submenu em{color:var(--fontcolor)}}
.common-main .page-container .page-main{margin-right:0;margin-left:30px;order:1}
footer::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--color);opacity:.1;z-index:-1}
footer{background:url(https://css02.v15cdn.com/m431/imgs/footer.webp) no-repeat center;position:relative;z-index:1}
footer .foot-title,footer .foot-touch .foot-inner .content .title{color: var(--footercolor);}
@media (min-width:1025px) {.head-info .head-logo a img {max-height: 75px;}}
#liproducts>ul{font-family:'Roboto',sans-serif}
@media (min-width:1025px){.head-link{margin-left:0;margin-right:auto}}
.head-info .nav-ul>li>a{font-weight:var(--fontbold7)}
footer .foot-list a em{color:var(--color)}
.banner-inner .banner-content .banner-breadcrumbs,.banner-inner .banner-content .banner-breadcrumbs h1{font-weight:var(--fontbold7)}
@media (min-width:1025px){.banner-inner .banner-content .banner-breadcrumbs,.sidebar-search input{font-size:var(--fontsize18)}}
footer .foot-share ul a i{font-size:var(--fontsize30)}
.head-share ul li a i{font-size:12px;color:#fff}
.head-share ul li a{width:18px;height:18px;background:var(--color);color: #fff;}
.head-info .nav-ul>li>.submenu em {transform: translateY(-50%) rotate(-90deg); }
footer .foot-touch .foot-inner .content .info1{font-size: 20px;}
@media (min-width:1025px) {

.head-info .nav-ul>li .submenu{border:1px solid #eee}
.head-info .nav-ul>li>.submenu li{border-bottom:1px solid #eee}
.head-info .nav-ul>li>.submenu li:last-child{border-bottom: none;}

}