
.pageWrap{overflow: hidden;}

.header{line-height: 3.23rem;position: relative;z-index:9;}
.header .nav .nLi{position: relative;padding: 0 0.83rem;}
.header .nav .nLi h2 a{display: block;position: relative;color: #333333;font-weight: normal;}
.header .nav .nLi h2 a::before{content: "";width: 100%;height: 2px;background: #006AB8;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.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;padding: 0 4px;position: relative;}
.header .nav .nLi .navSub a:hover{color: #00685D;}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #00685D;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 .nav .nLi.on h2 a,
.header .nav .nLi:hover h2 a{color: #006AB8;}
.header .nav .nLi.on h2 a::before,
.header .nav .nLi:hover h2 a::before{transform: scale(1);opacity: 1;}
.header .searchBtn{display: block;margin-left: 0.83rem;width: 18px;height: 18px;background: url(../images/icon_search.svg) no-repeat center;background-size: 100%;cursor: pointer;filter: brightness(0) invert(0.1);}
.header .searchBtn:hover{filter: brightness(1) invert(0);}


/* moreBtn */
.moreBtn{display: block;width: 5.33rem;height: 1.8rem;box-sizing: border-box;border: 1px solid #DDDDDD;border-radius: 1.1rem;color: #666666;}
.moreBtn > div{width: 100%;height: 100%;}
.moreBtn .arr{margin-left: 10px;filter: brightness(0) invert(0.5);}
.moreBtn:hover{color: #fff;}
.moreBtn:hover .arr{filter: brightness(0) invert(1);}
.moreBtn.white{color: #fff;border-color: #fff;}
.moreBtn.white .arr{filter: brightness(0) invert(1);}


/* btnStyle */
.btnStyle .btn{width: 1.8rem;height: 1.8rem;box-sizing: border-box;border: 1px solid #DDDDDD;border-radius: 50%;cursor: pointer;margin-left: 0.66rem;}
.btnStyle .btn:first-child{margin-left: 0;}
.btnStyle .btn img{filter: brightness(0) invert(0.5);opacity: 0.7;}
.btnStyle .btn.swiper-button-disabled{pointer-events: none;opacity: 0.7;}
.btnStyle .btn:hover{border-color: #008BE3;}
.btnStyle .btn:hover img{filter: brightness(1) invert(0);opacity: 1;}

/* footer */
.footer{background: url(../images/footerBg.jpg) no-repeat center top;background-size: cover;color: #FFFFFF;line-height: 1.06rem;}
.footer .top{padding: 1.66rem 0 1.33rem;}
.footer .nav dl{margin-right: 2.6rem;}
.footer .nav dl:last-child{margin-right: 0;}
.footer .nav dl dt{line-height: 24px;padding-left: 0.5rem;background: url(../images/circle3.svg) no-repeat left center;background-size: 0.33rem auto;margin-bottom: 0.8rem;}
.footer .nav dl dd{padding-left: 0.5rem;}
.footer .nav dl dd a{opacity: 0.9;}
.footer .nav dl dd a:hover{opacity: 1;text-decoration: underline;}
.footer .med{margin-left: 5.33rem;}
.footer .med  h4{line-height: 24px;margin-bottom: 0.8rem;}
.footer .med dl{display: flex;}
.footer .med dl dt{flex-shrink: 0;margin-right: 0.4rem;}
.footer .med dl dd{flex: 1;overflow: hidden;}
.footer .qrcode{width: 4rem;text-align: center;}
.footer .qrcode img{width: 100%;margin-bottom: 0.5rem;}
.footer .btm{padding: 0.5rem 0;background: rgba(0, 39, 94, 0.17);}
.footer .btm .left{flex: 1;overflow: hidden;line-height: 0.8rem;}
.footer .btm .left span{margin-right: 1rem;}
.footer .btm .left span img{margin-right: 6px;}
.footer .btm .left a:hover{text-decoration: underline;opacity: 0.9;}
.footer .select{flex-shrink: 0;margin-left: 1rem;width: 7.93rem;position: relative;}
.footer .select dt{line-height: 1.6rem;padding: 0 1.2rem;position: relative;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 1.5rem;cursor: pointer;}
.footer .select dt::before{content: "";width: 0;height: 0;border: 8px solid transparent;border-left-color: #fff;position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);}
.footer .select dd{position: absolute;left: 0;bottom: 100%;width: 100%;background: rgba(255, 255, 255, 0.9);border-radius: 0.6rem;display: none;}
.footer .select dd a{display: block;padding: 0.4rem 1rem;line-height: 1rem;color: #666;}
.footer .select dd a:hover{color: #006AB8;}

/* polygon */
.polygon{position: relative;}
.polygon::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #0f56ac;
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);}

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

}

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

}


@media screen and (max-width: 1024px){
.header .nav{display: none;}
.header .menuIcon{display: block;margin-left: 1rem;}
.footer .nav{display: none;}
.footer .med{margin-left: 0;float: none;}
.footer .qrcode{flex-shrink: 0;margin-left: 1rem;}
.footer .left{flex: 1;overflow: hidden;}
.footer .btm > .w1400{display: block;}
.footer .select{margin: 0 auto;}
.footer .btm .left{margin-bottom: 8px;text-align: center;}
}

@media screen and (max-width: 760px){
.btnStyle .btn{width: 1.4rem;height: 1.4rem;}
.btnStyle .btn img{height: 6px;}
}

@media screen and (max-width: 468px){
.header{line-height: 66px;}
.header .logo img{height: 40px;}
.moreBtn{width: 4rem;height: 1.4rem;}
.moreBtn .arr{margin-left: 5px;height: 6px;}
.footer .btm .left{font-size: 12px;}
.footer .btm .left span{display: block;margin: 0;}
.footer .med dl dd{font-size: 12px;}
.footer .qrcode img{margin-bottom: 4px;}
}