/* header */
.header{position: fixed;left: 0;top: 0;z-index: 9;width: 100%;background: rgba(2, 113, 179, 0.05);line-height: 2.63rem;color: #333333;border-bottom: 1px solid rgba(0, 113, 179, 0.2);}
.header .logo img{height: 2rem;}
.header .nav .nLi{margin: 0 0.66rem;position: relative;}
.header .nav .nLi3,
.header .nav .nLi4{position: static;}
.header .nav .nLi h2 a{display: block;position: relative;font-weight: normal;}
.header .nav .nLi h2 a::before{content: "";width: 1.2rem;height: 3px;background: #0271B3;position: absolute;left: 50%;bottom: -1px;margin-left: -0.6rem;transform: scale(0,1);opacity: 0;}
.header .nav .nLi.on h2 a::before,
.header .nav .nLi:hover h2 a::before{transform: scale(1);opacity: 1;}
.header .nav .nLi .navSub{display: none;}
.header .nav .nLi .navSub1{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;}
/* .header .nav .nLi .navSub1 ul li{padding: 6px 0;} */
.header .nav .nLi .navSub1 a{display: block;line-height: 24px;text-align: center;padding: 10px 4px;position: relative;}
.header .nav .nLi .navSub1 a:hover{background: #0271B3;color: #fff;}
/* .header .nav .nLi .navSub1 a:before{content: "";width: 2px;height: 100%;background: #0271B3;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);} */
.header .nav .nLi .navSub1 a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .nav .nLi .navSub2{width: 100%;background: #FFFFFF;position: absolute;left: 0;top: 100%;overflow: hidden;}
.header .nav .nLi .navSub2::before{content: "";position: absolute;left: 0;top: -1rem;width: 100%;height: 1rem;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header .nav .nLi .navSub2 .wrap{padding: 1.33rem 0 2rem;align-items: flex-start;}
.header .nav .nLi .navSub2 .list{width: 65.85%;padding-top: 1.06rem;}
.header .nav .nLi .navSub2 .list .li{width: 33.33%;position: relative;box-sizing: border-box;padding: 0 0.8rem;}
.header .nav .nLi .navSub2 .list .li:before,
.header .nav .nLi .navSub2 .list .li:nth-child(1):after{content: "";width: 1px;height: 2.5rem;background: #EEEEEE;position: absolute;top: 0;right: 1px;}
.header .nav .nLi .navSub2 .list .li:nth-child(1):after{right: auto;left: 0;}
.header .nav .nLi .navSub2 .list .li .title{display: flex;align-items: center;line-height: 1.06rem;color: #333333;margin-bottom: 1.1rem;}
.header .nav .nLi .navSub2 .list .li .title .icon{height: 0.9rem;margin-right: 0.66rem;}
.header .nav .nLi .navSub2 .list ul{padding-left:1.66rem;}
.header .nav .nLi .navSub2 .list ul a{display: block;position: relative;padding: 5px 0 5px 0.4rem;line-height: 1rem;color: #333333;}
.header .nav .nLi .navSub2 .list ul a::before{content: "";width: 5px;height: 5px;position: absolute;left: 0;top: calc(5px + (1rem - 5px)/2);border-radius: 50%;background: #C8C8C8;}
.header .nav .nLi .navSub2 .list ul a:hover{color: #0271B3;background: #0271B3;color: #fff;}
.header .nav .nLi .navSub2 .list ul a:hover::before{background: #0271B3;background: #fff;opacity: 0;}
.header .nav .nLi .navSub2 .pic{width: 8.4rem;height: 4.8rem;position: relative;overflow: hidden;}
.header .nav .nLi .navSub2 .pic:hover em{transform: scale(1.1);}
.header .nav .nLi3 .navSub2 .pic{display: none;}
.header .nav .nLi3 .navSub2 .list{width: 100%;}
.header .nav .nLi3 .navSub2 .list .li{width: 20%;}

.header .searchBtn{margin-left: 0.9rem;width: 1.4rem;height: 1.4rem;border-radius: 50%;background: rgba(0, 0, 0, 0.07);cursor: pointer;}
.header .searchBtn img{height: 0.5rem;}
.header .searchBtn:hover{background: #0271B3;}
.header .searchBtn:hover img{filter: brightness(0) invert(1);}
.header.fixed,
.header:hover{background: #FFFFFF;border-color: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);}

/* moreBtn */
.moreBtn{width: 4rem;height: 1.33rem;background: #FFFFFF;border-radius: 0.66rem;color: #333333;}
.moreBtn .arr{margin-left: 7px;filter: brightness(0) invert(0.5);}
.moreBtn.on,
.moreBtn:hover{color: #0271B3;}
.moreBtn.on .arr,
.moreBtn:hover .arr{filter: brightness(1) invert(0);}


/* footer */
.footer{background: url(../images/footerBg.jpg) no-repeat center top;background-size: cover;color: #FFFFFF;line-height: 0.86rem;overflow: hidden;}
.footer .top{padding: 1rem 0;border-bottom: 1px solid rgba(216, 216, 216, 0.2);}
.footer .logo img{height: 2rem;filter: brightness(0) invert(1);}
.footer .select{width: 13rem;position: relative;}
.footer .select dt{padding: 0 1.1rem;background: rgba(255, 255, 255, 0.1);border-radius: 0.66rem;position: relative;line-height: 1.33rem;cursor: pointer;}
.footer .select dt::before{content: "";width: 7px;height: 7px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: 0.9rem;top: 50%;margin-top: -4px;transform: rotateZ(-45deg);}
.footer .select dd{position: absolute;left: 0;top: 100%;width: 100%;display: none;background: #fff;border-radius: 1rem;overflow: hidden;}
.footer .select dd ul{max-height: 8rem;overflow: auto;padding: 0.5rem 0;}
.footer .select dd li a{display: block;padding: 6px 1.1rem;line-height: 1rem;color: #666;}
.footer .select dd li a:hover{background: rgba(0, 0, 0, 0.1);}
.footer .med{padding: 1.2rem 0 1.1rem;align-items: flex-start;}
.footer .med .left{max-width: 14.3rem;}
.footer .med .left p{margin-bottom: 6px;}
.footer .med .left p:last-child{margin-bottom: 0;}
.footer .nav dl{margin-right: 2.2rem;}
.footer .nav dl:last-child{margin-right: 0;}
.footer .nav dt{line-height: 1;margin-bottom: 0.7rem;font-weight: bold;}
.footer .nav dd a{color: rgba(255, 255, 255, 0.8);}
.footer .nav dd a:hover{color: #fff;text-decoration: underline;}
.footer .btm{padding: 0.5rem 0;line-height: 1rem;background: rgba(0, 0, 0, 0.14);}
.footer .btm .left span{margin-right: 1.2rem;}
.footer .btm a:hover{opacity: 0.8;text-decoration: underline;}


/* float */
.floatStyle{position:fixed;right:0;top:50%;transform: translateY(-50%);z-index:99;width:120px;box-sizing:-box;border: 1px solid #0271B3;border-radius: 8px;background: #FFFFFF;z-index:88;}
.floatStyle .top{border-radius: 8px 8px 0 0;background: #017ec8;}
.floatStyle .top .close{display:block;padding: 0 15px;background: #0271B3;border-radius: 8px 8px 0 0;color: #fff;line-height:20px;font-weight:bold;cursor: pointer;text-align: right;}
.floatStyle .title{padding: 10px 0;color: #FFFFFF;text-align: center;line-height: 1;}
.floatStyle .title .en{text-transform: uppercase;font-weight: normal;margin-top: 5px;font-size: 12px;}
.floatStyle .cont{padding: 20px 10px;}
.floatStyle .cont li{margin-bottom: 10px;color: #483769;text-align: center;}
.floatStyle .cont li .tel{color: #0271B3;font-family: "DIN";margin-top: 5px;line-height: 30px;}
.floatStyle .btm{text-align: center;color: #333333;line-height: 18px;}
.floatStyle .btm img{width: 100%;margin-bottom: 8px;}



@media screen and (max-width: 1480px){
.header .nav .nLi .navSub2 .list .li{padding: 0 0.5rem;}
.header .nav .nLi .navSub2 .list .li .title .icon{margin-right: 0.36rem;}
.header .nav .nLi .navSub2 .list ul{padding-left: 1.36rem;}
}

@media screen and (max-width: 1280px){
.footer .nav dl{margin-right: 1.2rem;}
}


@media screen and (max-width: 1024px){
.header{position: relative;}
.header .nav{display: none;}
.header .menuIcon{display: block;margin-left: 1rem;}

.footer .logo,
.footer .nav{display: none;}
.footer .med .left{width: 100%;max-width: 100%;}
.footer .btm > .w1400{display: block;}
}

@media screen and (max-width: 760px){
.footer .select{width: 100%;max-width: 10rem;}
.floatStyle{display: none;}
}

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

}