/* white */
.white{filter: brightness(0) invert(1);}

/* header */
.header{position: fixed;z-index: 9;top: 0;left: 0;width: 100%;box-sizing: border-box;padding: 0 2%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);line-height: 3.5rem;color: #fff;}
.header .logo{position: relative;height: 3.5rem;}
.header .logo img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 1.5rem;}
.header .nav{padding-right: 0.53rem;}
.header .nav .nLi{position: relative;padding: 0 0.53rem;}
.header .nav .nLi h2 a{font-weight: normal;}
.header .nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 180px;margin-left: -90px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.2);border-top: none;}
.header .nav .nLi .navSub ul li{padding: 12px 0;}
.header .nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;padding: 0 4px;position: relative;}
.header .nav .nLi .navSub a:hover{color: #1253A2;}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #1253A2;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 .right{position: relative;}
.header .right .menu{position: absolute;right: 1.8rem;top: 50%;transform: translateY(-50%);pointer-events: none;}
.header .searchBtn{height: 0.71rem;cursor: pointer;margin-left: 1rem;}
.header .btn{margin-right: 0.4rem;padding: 0 0.5rem;border: 1px solid #FFFFFF;border-radius: 0.66rem;line-height: 1rem;}
.header .btn .icon{height: 0.4rem;margin-left: 0.26rem;}
.header .btn:after{background: #fff;}
.header .btn:hover{color: #333 !important;}
.header .btn:hover .icon{filter: brightness(0) invert(0.6);}
.header .box{opacity: 0;pointer-events: none;}
.header:hover .box{opacity: 1;pointer-events: initial;transition-delay: 0.3s;}
.header:hover .right .menu{opacity: 0;}

/* select */
.select{width: 6.4rem;position: absolute;right: 2%;bottom: 1.5rem;z-index: 3;}
.select dt{border: 1px solid #FFFFFF;border-radius: 1.33rem;padding: 0 0.66rem;color: #fff;line-height: 1.13rem;cursor: pointer;}
.select dt::before{content: "";width: 7px;height: 7px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: 0.66rem;top: 50%;transform: translateY(-50%) rotateZ(-45deg);}
.select dd{position: absolute;left: 0;bottom: 100%;width: 100%;background: #fff;border-radius: 0.66rem;display: none;}
.select dd ul{padding: 0.6rem 0;max-height: 200px;overflow: auto;}
.select dd ul li a{display: block;padding: 0.2rem 0.66rem;color: #333;line-height: 1.5;}
.select dd ul li a:hover{background: #efefef;color: #1253A2;}


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

}
@media screen and (max-width: 1480px){
.header{line-height: 3rem;}
.header .logo{height: 3rem;}
.header .nav .nLi{padding: 0 0.4rem;}
.header .searchBtn{margin-left: 0.5rem;}
}

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


@media screen and (max-width: 1024px){
.header .nav, 
.header .right .menu,
.header .btn{display: none;}
.header .menuIcon{display: block;}
}

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

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