.head{height: 1.32rem;padding-left: 0.4rem;position: fixed;z-index: 10;background-color: #FFFFFF;display: flex;justify-content: space-between;align-items: center;width: 10rem;top: 0;box-sizing: border-box;border-bottom: 1px solid #D9D9D9;}
.head .logo img{width: 1.533333rem;height: 0.466667rem;}
.head .close{width: 0.386667rem;height: 0.32rem;position: absolute;background: url(../images/hf/navIcon.png);background-size: 100%;right: 0.546667rem;top: 0.54rem;}
.head .close.on{width: 0.373333rem;height: 0.373333rem;background: url(../images/hf/close.png);background-size: 100%;}

.nav{background-color: #fff;position: fixed;z-index: 90;width:10rem;height:calc(100% - 1.32rem);overflow:auto;transition:top ease 0.35s;box-sizing: border-box;top: -100%;display: flex;justify-content: space-between;}
.nav.on{top: 1.32rem;}
.nav.on>ul{width: 3rem;border-right: 0.02rem solid #e5e5e5;height: 100%;overflow: auto;padding-top: 0.746667rem;}
.nav>ul li,.nav>ul a{font-size: 0.4rem;position: relative;line-height: 0.906667rem;height: 0.906667rem;padding-left: 0.48rem;display: block;margin-bottom: 0.586667rem;box-sizing: border-box;}
.nav>ul li.on{color: #0077FF;}
.nav>ul li.on:before{display: block;content: "";width: 0.08rem;height: 0.906667rem;background-color: #0077FF;position: absolute;left: 0;top: 0;}
.nav .box{width: 7.32rem;padding-left: 0.8rem;box-sizing: border-box;overflow-y: auto;}
.nav .box>div{display: none;}
.nav .box>div.on{display: block;}
.nav .box .n1{padding-top: 0.6rem;}
.nav .box .n1 a,.nav .box .n2 a{display: block;font-size: 0.293333rem;color: #595959;;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 0.746667rem;}
.nav .box .n1 a:before,.nav .box .n2 a:before{display: inline-block;content: "";width: 0.693333rem;height: 0.693333rem;background: url(../images/hf/nav_ico1.png);background-size: 100%;margin-right: 10px;}
.nav .box .n1 a:nth-child(2):before{background: url(../images/hf/nav_ico2.png);background-size: 100%;}
.nav .box .n1 a:nth-child(3):before{background: url(../images/hf/nav_ico3.png);background-size: 100%;}
.nav .box .n1 a:nth-child(4):before{background: url(../images/hf/nav_ico4.png);background-size: 100%;}
.nav .box .n1 a:nth-child(5):before{background: url(../images/hf/nav_ico5.png);background-size: 100%;}
.nav .box .n1 a:nth-child(6):before{background: url(../images/hf/nav_ico6.png);background-size: 100%;}
.nav .box .n1 a:nth-child(7):before{background: url(../images/hf/nav_ico7.png);background-size: 100%;}
.nav .box .n1 a:nth-child(8):before{background: url(../images/hf/nav_ico8.png);background-size: 100%;}
.nav .box .n1 a:nth-child(9):before{background: url(../images/hf/nav_ico9.png);background-size: 100%;}
.nav .box .n1 a:nth-child(10):before{background: url(../images/hf/nav_ico10.png);background-size: 100%;}
.nav .box .n1 a:nth-child(11):before{background: url(../images/hf/nav_ico11.png);background-size: 100%;}
.nav .box .n1 a b,.nav .box .n2 a b{display: block;font-size: 0.373333rem;color: #000000;margin-bottom: 0.1rem;}
.nav .box .n1 a p,.nav .box .n2 a p{font-size: 0.293333rem;color: #595959;}
.nav .box .n2 dd{overflow: hidden;}
.nav .box .n2 dl:nth-child(2){margin-top: 0.36rem;}
.nav .box .n2 dl:nth-child(1) a:nth-child(1):before{background: url(../images/hf/nav_ico12.png);background-size: 100%;}
.nav .box .n2 dl:nth-child(1) a:nth-child(2):before{background: url(../images/hf/nav_ico13.png);background-size: 100%;}
.nav .box .n2 dl:nth-child(1) a:nth-child(3):before{background: url(../images/hf/nav_ico14.png);background-size: 100%;}
.nav .box .n2 dl:nth-child(1) a:nth-child(4):before{background: url(../images/hf/nav_ico15.png);background-size: 100%;}
.nav .box .n2 dl:nth-child(2) a:nth-child(1):before{background: url(../images/hf/nav_ico16.png);background-size: 100%;}
.nav .box .n2 dl:nth-child(2) a:nth-child(2):before{background: url(../images/hf/nav_ico17.png);background-size: 100%;}
.nav .box .n2 dl:nth-child(2) a:nth-child(3):before{background: url(../images/hf/nav_ico18.png);background-size: 100%;}
.nav .box .n2 dl:nth-child(2) a:nth-child(4):before{background: url(../images/hf/nav_ico19.png);background-size: 100%;}
.nav .box .n2 dl dt,.nav .box .n3 dl dt{font-size: 0.373333rem;color: #222222;font-weight: bold;border-bottom: 0.02rem solid #EBEBEB;line-height: 1.4rem;margin-bottom: 0.6rem;}
.nav .box .n3 dl{padding-top: 0.5rem;}
.nav .box .n3 dl:nth-child(2){padding-top: 0.54rem;}
.nav .box .n3 dl dd{width: 5.386667rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.nav .box .n3 dl dd a{width: 2.533333rem;height: 0.88rem;background: #F0F5FF;border-radius: 0.066667rem;text-align: center;font-weight: 500;font-size: 0.346667rem;color: #595959;line-height: 0.88rem;margin-bottom: 0.32rem;}
.nav .box .n3 dl dd a:last-child{width: 5.386667rem;}
.nav .box .n3 dl:nth-child(2) dd a:nth-child(n+7){width: 5.386667rem;}


.footer{background: #333333;padding-bottom: 1.5rem;}
.footer .top{color: #5C5C5C;font-size: 0.4rem;text-align: center;border-bottom: 0.02rem solid #5C5C5C;line-height: 1.64rem;}
.footer .top a{display: inline-block;font-size: 0.4rem;color: #FFF;margin: 0 0.36rem;}
.footer .phone{color: #a3a3a3;font-size: 0.373333rem;text-align: center;padding-top: 0.48rem;line-height: 0.56rem;}
.footer .phone span{font-size: 0.48rem;display: block;line-height: 0.8rem;display: flex;justify-content: center;align-items: center;color: #a3a3a3;}
.footer .phone span:before{display: block;content: "";width: 0.52rem;height: 0.52rem;background: url(../images/hf/footer_icons.png) left top/1.48rem;margin-right: 0.12rem;}
.footer .phone b{display: block;color: #169def;font-size: .65625rem;font-weight: bold;line-height: .8125rem;}
.footer .phone em{display: block;font-size: 0.373333rem;color:#a3a3a3;line-height: .55rem;}
.footer .cp{color: #7d7d7d;line-height: .5rem;font-size: 0.28rem;text-align: center;padding-top: 0.36rem;}
.footer .btn{display: block;width: 3.09375rem;line-height: .90625rem;font-size: .5rem;text-align: center;margin: 0 auto;color: #e0e0e0;border:1px solid #858585;border-radius: .453125rem;margin-top: .4375rem;}
.f_bottom{position: fixed;z-index: 3;background: #FFF;width: 10rem;bottom: 0;height: 1.32rem;display: flex;justify-content: space-between;}
.f_bottom a{display: flex;font-size: 0.426667rem;width: 50%;line-height: 1.32rem;justify-content: center;align-items: center;}
.f_bottom a::before{display: block;content: "";width: 0.48rem;height: 0.48rem;background: url(../images/hf/footer_icons.png) -0.52rem top/1.48rem;margin-right: 0.12rem;}
.f_bottom a:nth-child(2)::before{background-position: -1rem 0;}