@charset "utf-8";
:root {--hovercolor: #eaf0f1;--footercolor: #111;}
@font-face{font-family:iconfont;font-display:swap;src:url(iconfont.ttf?t=1682585182527) format('truetype');}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-weixin:before{content:"\f0106"}
.newsdetails-cont p{margin-bottom:2px}
.fcon li,.fcon-text,.fcon-text a,.hot-item-more,.hot-item-tit{color:#fff}
section.about lite-youtube{max-width:1000px!important}
section.about{background:#ebf1f1!important;padding:40px 0;color:var(--color)}
.about .home-tit{color:var(--color)}
section.about .home-t{margin-bottom:30px}
.about-list li em,.about-list li i{font-size:60px}
.about-item-tit{color:#333;margin:20px 0 10px}
.about-item-text{color:#333}
@media (max-width:560px){.about-list li em,.about-list li i{font-size:40px}
section.about{padding-bottom:1px}}
.prodetails-bref p img{display:block;margin:auto}
header{height:138px}
.fixhead{height:118px}
header>.container{height:calc(100% - 48px)}
.headbot{background:var(--color)}
.headbot .container{height:48px;display:flex;align-items:center;justify-content:space-between}
.tcont{color:#fff;display:flex}
.tcont p{margin-right:30px}
.tcont p:last-child{margin-right:0}
.tcont a{color:#fff}
.headbot .fshare a{width:30px;height:30px}
.headbot .fshare a:hover{background:#eee}
header+main{margin-top:48px}
.contactus-list>div:first-child{width:100%;padding:0}
.contactus-list>div{width:32%}
@media screen and (max-width:768px){.headbot{display:none}
.fixhead,header{height:1rem}
header>.container{height:100%}
header+main{margin-top:0}
.contactus-list>div{width:100%}}
@media (min-width:1025px) {
.liproducts-diff .nav1{display: block;width: auto;left: auto;padding: 0;border-top:0}
.liproducts-diff .nav1>li{margin: 0;padding-bottom: 0}
.liproducts-diff .nav1 .LiLevel1>a{padding: 10px 18px;}
.liproducts-diff .nav1 .LiLevel1>ul{position: absolute;top: 0;left: 100%;background: #fff;display: none;}
.liproducts-diff .nav1 .LiLevel1:hover>ul{display: block;}
.liproducts-diff .nav1 li ul .LiLevel2 a{font-size:inherit;font-weight: var(--fontbold5);padding: 10px 18px;}
.liproducts-diff .nav1>li::after{display: none;}
}
@media (min-width:769px) and (max-width:1280px){.nav>li>a{font-size:var(--fontsize15)}}
@media (min-width:769px){.nav>li#liproducts .submenu>li>a>em{position:absolute;right:15px;font-weight:var(--fontbold7)}}
footer .fcon li ,footer .fcon-text a ,footer .fcon-text{color: #111;}