@charset "utf-8"; 
:root{--color:#ff7800}
footer .foot-logo img{max-height:80px}
.pro-c-main .preview-container img.mediaplay { filter: invert(51%) sepia(98%) saturate(1022%) hue-rotate(1deg) brightness(102%) contrast(103%);}
.about .about-list .about-ic img{width:50px;object-fit:contain}
@media (max-width:768px){.about-text,.about-num{color:#000}}
.adv-item img{width:68px;height:auto}
.content-list0 .content-img img{object-fit:cover}
.about-img img{height:100%;object-fit:cover}
.head-top .top-left{display:flex;align-items:center}
.head-top .top-left>div{margin-right:20px;}
li#liresource>a{pointer-events:none;}
@media (min-width:1025px){
.head-main .l-wrap{position:static}}
@media (min-width:1025px){.head-nav>ul>li#liproducts:hover>.submenu{display:flex !important;}
#liproducts .submenu{padding:10px;list-style:none;width:1000px;flex-wrap:wrap;left:-400px}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%}
#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;font-weight:var(--fontbold7)}
.head-nav>ul li#liproducts .submenu a{line-height:1.5;white-space: normal;}
.head-nav>ul li#liproducts .submenu a:hover{background:none;color:var(--color)}
#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 a{font-size:14px;opacity:.8;padding:0}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0;background:none;min-height:inherit}
#liproducts .submenu>li .cate-img>a{padding:0;width:100%;height:100%;line-height:initial}
#liproducts .submenu>li .cate-img img{opacity:1;width:100%;height:100%;object-fit:cover}}
@media (min-width:1024px) and (max-width:1280px){#liproducts .submenu{left:-500px;}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}


@media (max-width:1400px){
.head-logo {margin-right: 10px;}
.head-contact{margin-left: 25px;}
.head-contact>div{margin-left: -20px;}
.head-contact p:nth-of-type(2){font-size: 12px;}
}
@media (min-width:1025px) and (max-width: 1280px) {.head-contact {display: block;}
.head-contact img{display: none;}}