/* header */
.header{background: #ffffff;color: #222c35;line-height: 4rem;position: relative;z-index: 9;}
.header .logo img{height: 2.83rem;}
.header .nav .nli{position: relative;padding: 0 0.67rem;}
.header .nav .nli h2 a{font-weight: normal;}
.header .nav .nli.on h2 a,
.header .nav .nli:hover h2 a{color: #f6ad54;}
.header .nav .nli .navsub{position: absolute;left: 50%;top: 100%;width: 180px;margin-left: -90px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.header .nav .nli .navsub ul li{padding: 12px 0;}
.header .nav .nli .navsub a{display: block;line-height: 24px;text-align: center;color: #333;padding: 0 4px;position: relative;}
.header .nav .nli .navsub a:hover{color: #f6ad54;}
.header .nav .nli .navsub a:before{content: "";width: 2px;height: 100%;background: #f6ad54;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nav .nli .navsub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .lan{display: none;}

/* footer */
.footer .footertop{padding: 0.77rem 0 1.5rem;background: #f2f2f2;}
.footer .conttop{display: flex;justify-content: space-between;margin-bottom: 1.2rem;}
.footer .conttop .logo img{height: 3.7rem;margin-bottom: 0.7rem;}
.footer .conttop .qrcode{width: 4.03rem;display: block;}
.footer .nav{padding-top: 2.1rem;display: flex;color: #7c7c7c;line-height: 1rem;}
.footer .nav dl{margin-left: 1.6rem;}
.footer .nav dl:first-child{margin-left: 0;}
.footer .nav dt{color: #232323;line-height: 1.4;margin-bottom: 2px;}
.footer .nav a:hover{color: #0056a2;}
.footer .text{color: #232323;line-height: 0.73rem;}
.footer .text p{margin-bottom: 0.5rem;}
.footer .text p:last-child{margin-bottom: 0;}
.footer .text span{margin-right: 0.5rem;}
.footer .footerbtm{padding: 1rem 0;color: #232323;}
.footer .footerbtm span{margin-right: 8px;}
.footer .footerbtm span:last-child{margin-right: 0;}
.footer .footerbtm a:hover{color: #0056a2;text-decoration: underline;}
.footer .select{width: 7.8rem;position: relative;}
.footer .select::before{content: "";width: 100%;height: 100%;background: #873f00;position: absolute;left: 3px;top: 3px;z-index: -1;}
.footer .select dt{background: #f99f51;padding: 0 0.67rem;color: #fff;line-height: 1.67rem;cursor: pointer;}
.footer .select dt .icon{width: 0.33rem;}
.footer .select dd{position: absolute;left: 0;bottom: 100%;width: 100%;background: #fff;display: none;}
.footer .select dd ul{max-height: 6.67rem;overflow: auto;}
.footer .select dd a{display: block;padding: 5px 0.67rem;color: #333;}
.footer .select dd a:hover{background: #efefef;}


@media screen and (max-width: 1620px){
.header .nav{display: none;}
.header .menuicon,
.header .lan{display: block;}
}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1024px){
.footer .nav{display: none;}
.footer .conttop .left{width: 100%;display: flex;align-items: center;justify-content: space-between;}
}

@media screen and (max-width: 760px){
.header{line-height: 2rem;}
.header .logo img{height: 1.6rem;}

.footer .conttop .logo img{height: 2.6rem;}
.footer .conttop .qrcode{width: 3.6rem;}
.footer .footerbtm{padding: 0.5rem 0;}
.footer .footerbtm > .w1440{display: block;text-align: center;}
.footer .footerbtm span{display: block;margin: 0;}
.footer .select{margin: 0.5rem auto 0;}
.footer .select dt{line-height: 1.4rem;}

}

@media screen and (max-width: 468px){
}