@charset "utf-8";
:root {--color:#04247B;--hovercolor:#04247B;--footercolor:#fff;}
body{background:#f9f9f9}
#liproducts .submenu{padding:10px;list-style:none;width:900px;display:flex;flex-wrap:wrap;left:-200px}
#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-left:100px}
#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}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}
@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}
} #liproducts .submenu>li .cate-img{display: none;}

@media (min-width:1024px){#nav ul li#liproducts{position:unset}
#nav ul li#liproducts .submenu{width:100%;background:#e9f1f7;color:#111;display:none;flex-direction:unset}
#nav ul li#liproducts:hover .submenu{display:flex!important;flex-wrap:wrap;white-space:normal;}
#nav ul li .submenu a:hover{background:#e9f1f7}
#nav ul li#liproducts .submenu>li{height:auto;width:19%}
#nav ul li#liproducts .submenu li ul{position:unset;display:block;background:#e9f1f7}
#nav ul li#liproducts .submenu li{height:auto;}
#nav ul li#liproducts .submenu li>a{padding-left: 0;color:#111;font-weight:500;white-space:normal;}
#nav ul li#liproducts .submenu li ul li>a{color:#555;font-weight:normal;font-size:16px;white-space:normal;margin:2px 0;}
#liproducts .submenu>li .cate-con{ padding-left: 0;}
}
@media (min-width:1025px){#nav ul li:not(#liproducts){position:unset}
#nav ul li:not(#liproducts) .submenu{width:100%;background:#e9f1f7;color:#111;display:none;flex-direction:unset;left:0;padding:10px 20px;justify-content:flex-start;flex-wrap:wrap}
#nav ul li:not(#liproducts):hover .submenu{display:flex!important}
#nav ul li:not(#liproducts) .submenu a:hover{background:#e9f1f7;color:#111}
#nav ul li:not(#liproducts) .submenu>li{height:auto;width:19%}
#nav ul li#linewslist-1+li .submenu>li{min-width:24%;width:auto;max-width:32%}
#nav ul li:not(#liproducts) .submenu li:nth-child(n+7):last-child{margin-right:auto}
#nav ul li:not(#liproducts) .submenu li ul{position:unset;display:block;background:#e9f1f7}
#nav ul li:not(#liproducts) .submenu li>a{padding:10px 15px;color:#111;font-weight:500}
#nav ul li:not(#liproducts) .submenu li ul li>a{color:#555;font-weight:normal;font-size:16px}
}
@media (max-width:1280px) and (min-width:1025px){#nav ul li:not(#liproducts) .submenu>li{width:25%}
#nav ul li:not(#liproducts) .submenu li:nth-child(n+5):last-child{margin-right:auto}}
footer .rfixed{display:none !important}
@media (min-width:1025px){.foot-main .foot-item.contact .foot-share ul a{width:40px;height:40px;}
.foot-main .foot-item.contact .foot-share ul a .iconfont{font-size:32px;}}
@media (max-width:768px){.foot-main .foot-wrap .foot-item .navlist li a{font-size:14px;}}
#nav ul li#liproducts .submenu li ul li>a{text-transform: unset;}
.pro-list li .pro-info .title a,ul.sidebar-prolist li div a{text-transform:initial;}

.foot-main .foot-item.contact .foot-share ul a .iconfont{animation:dongtai 3s forwards 200}
@keyframes dongtai{0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}}
footer .share-title{margin-top:20px;}
.foot-main .foot-item .navlist li a:hover{color:#fff}
#nav ul li#liproducts .submenu li:nth-child(5){display:none}
@media (min-width:1025px){#nav ul li#liapplication .submenu>li{width:fit-content}}
.prodetails-top .prodetails-info .share-btn-list{display:none;}
.detailshare{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}
.detailshare li{margin:0 6px 0 0}
.detailshare .social-item{display:flex;justify-content:center;align-items:center;width:26px;height:26px;background:#555555;color:#FFFFFF;border-radius:2px;transition:transform .3s ease}
.detailshare .social-item>i,.detailshare .social-item>em{font-size:var(--fontsize17)}
.detailshare .social-item.fb{background-color:#3b5997}
.detailshare .social-item.tw{background-color:#2d2d2d}
.detailshare .social-item.lk{background-color:#0A66C2}
.detailshare .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.detailshare .social-item.pi{background-color:#cc2127}
.detailshare .social-item.you{background-color:#FF0000}
.detailshare .social-item.vk{background:#0077FF}
.detailshare .social-item.tik{background-color:var(--fontcolor)}
.detailshare .social-item:hover{transform:translateY(-5px)}
.head-info,.head-top{background:#f9f9f9;}
.foot-top{color:#000;background:#F9F9F9;}
.foot-main{background:#F9F9F9;color:#000}
.foot-main .foot-item .title,
.foot-main .foot-item .navlist li a,
.foot-main .foot-item.contact ul.contactlist li a,
.foot-main .foot-item.contact .foot-share ul a{color:#000}
.foot-main .foot-item .navlist li::before{background:#000}