@charset "utf-8"; 
:root{--color: #0078d7;--hovercolor:#545454;--fontcolor:#545454;--fontfamily:"Titillium Web","Lato","Open Sans","Roboto","Poppins","Oswald","Noto Sans",Microsoft Yahei,Tahoma,Arial,Helvetica,sans-serif}
body{color:var(--fontcolor)}
.que-item:first-of-type,.pro .more-btn,.side-search .btn{background:var(--fontcolor)}
.wmkcfeedback .send-btn{background:var(--fontcolor)!important}
.head-contact{overflow:hidden}
.head-contact img{left:0;filter:drop-shadow(0 200px 0 var(--color));transform:translateY(-200px);margin-right:12px}
.adv-item{overflow:hidden}
.adv-item img{filter:drop-shadow(0 200px 0 var(--color));transform:translateY(-200px)}
.about-con {background-image:url(/uploads/44274/page/p202506101301329caf4.jpg)}
@media (min-width:1024px){.adv-item img{width:70px;height:70px}}
@media (min-width: 1024px) {header .head-contact {display: none;}}
.adv .adv-t span{    font-size: var(--fontsize26);}
.about .about-con,footer .foot-list,footer .foot-right{background:#20232C}
@media (min-width:1025px){body{position:relative;padding-top:44px}
.head-top{position:absolute;top:0;}
header.head{position:absolute;top:44px;background:transparent}
header .head-contact{display:none}}
@media(min-width:1025px){.head-nav>ul>li>a{color:#fff;font-size: var(--fontsize18);font-weight: var(--fontbold7);}
.head.active .head-nav>ul>li>a{color:var(--fontcolor);}}
.pagesbanner video, .pagesbanner img{min-height:inherit;}
.headshare ul{display: flex;}
.headshare ul li{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.headshare ul li:last-child i,.headshare ul li:last-child em{font-size:var(--fontsize24)}
.headshare ul li:first-child i,.headshare ul li:first-child em{font-size:var(--fontsize22)}
.headshare ul li:active,.headshare ul li:focus,.headshare ul li:hover{animation-name:hvr-pulse-grow;animation-duration:.28s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}
.headshare ul a{width:32px;height:32px;display:flex;justify-content:center;align-items:center}
.headshare ul i,.headshare ul em{color:var(--footercolor);font-size:var(--fontsize18)}
.headshare ul i:hover,.headshare ul em:hover{color:var(--color);font-size:var(--fontsize18)}
@media(min-width:1025px){.head-top .search-btn{order:1}}