@import url("./rem.css");
@import url("./lib.css");
@import url("../fonts/iconfont.css");
@import url("./transform.css");
@import url("./animate.min.css");

@font-face{font-family:"HarmonyOS_Sans_Black";src:url("../fonts/HarmonyOS_Sans_Black.ttf")}
@font-face{font-family:"HarmonyOS_Sans_Bold";src:url("../fonts/HarmonyOS_Sans_Bold.ttf")}
@font-face{font-family:"HarmonyOS_Sans_Light";src:url("../fonts/HarmonyOS_Sans_Light.ttf")}
@font-face{font-family:"HarmonyOS_Sans_Medium";src:url("../fonts/HarmonyOS_Sans_Medium.ttf")}
@font-face{font-family:"HarmonyOS_Sans_Regular";src:url("../fonts/HarmonyOS_Sans_Regular.ttf")}
@font-face{font-family:"HarmonyOS_Sans_Thin";src:url("../fonts/HarmonyOS_Sans_Thin.ttf")}
.hsbl{font-family:"HarmonyOS_Sans_Black"}
.hsb{font-family:"HarmonyOS_Sans_Bold";font-weight:bold}
.hsl{font-family:"HarmonyOS_Sans_Light"}
.hsm{font-family:"HarmonyOS_Sans_Medium"}
.hsmt{font-family:"HarmonyOS_Sans_Thin"}
body{font-family:"HarmonyOS_Sans_Regular"}
:root{--color:#3186A9}
a,a:link{color:#333}
a:active,a:hover{color:#3186a9}
.header{background:#fff;padding:2.2rem 0;position:fixed;z-index:20;top:0;left:0;right:0;color:#666}
.header .logo img{height:5.2rem}
.header .nav li{position:relative}
.header .nav li a{color:#666;padding:0 2rem}
.header .nav li:hover a,.header .nav li.on a{color:#3186a9}
.header .nav li::after{content:"";width:1px;height:1.8rem;background:#666;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.header .nav li:last-child::after{display:none}
.header.fix{border-bottom:1px solid #ddd}
.footer_wrap{background:url(../../img/bg_ft.jpg) no-repeat;background-size:cover;color:#fff}
.footer_wrap .footer{padding:3rem 0;overflow:hidden}
.footer_wrap .footer .logo img{height:5.2rem;margin-top:4rem;}
.footer_wrap .footer .lxfs{line-height:2}
.footer_wrap .footer .quickLink{line-height:2;margin-right:4rem}
.footer_wrap .footer .quickLink li a{color:#fff}
.footer_wrap .footer .quickLink li:hover a{color:rgba(255,255,255,0.8)}
.footer_wrap .bottom{border-top:1px solid rgba(255,255,255,0.2);padding:1.8rem 0}
.footer_wrap .bottom a{color:#fff}
.footer_wrap .bottom a:hover{color:rgba(255,255,255,0.8)}
.fixdright{position:fixed;z-index:1202;right:16px;bottom:60px;display:flex;flex-direction:column;align-items:flex-end}
.fixdright .lt{display:flex;flex-direction:column;align-items:flex-end}
.fixdright a{display:flex;align-items:center;justify-content:center;width:50px;height:50px}
.fixdright a i{display:block;width:18px}
.fixdright a i img{width:100%;float:left}
.fixdright a i img:nth-child(2){display:none}
.fixdright a .font{display:none}
.fixdright .top{margin-top:50px;margin-bottom:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-transform:translateX(600%);transform:translateX(600%);-webkit-transition:all .5s linear;transition:all .5s linear}
.fixdright .top.on{-webkit-transform:translateX(0%);transform:translateX(0%)}
.fixdright .top:hover{background-color:#3186a9}
.fixdright .top:hover i img:nth-child(1){display:none}
.fixdright .top:hover i img:nth-child(2){display:block}
.fixdright .zi{width:160px;height:52px;background-color:#3186a9;border-radius:40px;display:flex;justify-content:center;align-items:center;font-size:20px}
.fixdright .zi i{margin-right:10px}
.fixdright .zi span{color:#fff}
.fixdright .tel{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#3186a9;overflow:hidden;border-radius:30px;flex-shrink:0;transition:all ease .3s}
.fixdright .tel i img:nth-child(1){display:none}
.fixdright .tel i img:nth-child(2){display:block}
.fixdright .tel .font{display:none;font-size:20px}
.fixdright .tel:hover{width:240px;border-radius:30px;color:#fff}
.fixdright .tel:hover .font{display:block;color:#fff;margin-right:16px}
.fixdright .tel:hover i img:nth-child(2){display:block}
.fixdright .tel:hover i img:nth-child(1){display:none}
.menuBtn{position:absolute;z-index:9;display:none;float:right;width:40px;height:40px;padding:7px;cursor:pointer;top:50%;right:10px;transform:translateY(-50%)}
.menuBtn b{display:block;height:3px;background-color:#666;margin:3px 0 5px;border-radius:2px}
.menuBtn.open b{display:none;margin:0;position:absolute;top:50%;width:30px;transition:all ease 0.3s}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
@media (min-width:981px){
.header .hdr{display:block !important}
}
@media (max-width:980px){
.tkg{height:60px}
.mask::after{content:"";width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.4)}
.header{padding:8px 0}
.header .logo img{height:4.5rem}
.header .hdr{position:absolute;border-top:1px solid #eee;left:0;right:0;z-index:19;top:100%;float:none;display:none;padding:15px 3rem;background:#fff;color:#666}
.header .nav{flex-direction:column;text-align:left;align-items:flex-start;font-size:2.2rem}
.header .nav li{margin:1.6rem 0}
.header .nav li::after{display:none}
.menuBtn{display:block}
.footer{padding:5rem 0!important}
.footer .logo{margin-bottom:3rem}
.footer_wrap .footer .logo img{margin-top:0;}
.bottom{text-align:center;font-size:1.2rem;line-height:1.6}
.bottom .mgrid{justify-content:center}
.fixdright .top{margin-top:3rem}
.qrcode{margin-top:1.5rem}
.footer_wrap .footer .ftr{margin:2rem 0 0 0;}
.footer_wrap .footer .quickLink{margin-top:2rem}
}