/* header */
.header{position: fixed;left: 0;top: 0;z-index: 9;width: 100%;padding: 1rem 0;color: #FFFFFF;line-height: 0.93rem;}
.header::before{content: "";width: 100%;height: 8.4rem;position: absolute;left: 0;top: 0;opacity: 0.5;background-image: linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.00) 100%);pointer-events: none;}
.header > .w1400{position: relative;z-index: 2;}
.header .white{filter: brightness(0) invert(1);}
.header .blue{display:none;}
.header .logo img{height: 2.26rem;}
.header .right{display: flex;flex-direction: column;align-items: flex-end;}
.header .top{margin-bottom: 8px;}
.header .top li{padding: 0 0.5rem;position: relative;color: white;}
.header .top li:last-child{padding-right: 0;}
.header .top li::after{content: "";width: 1px;height: 0.4rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: currentColor;opacity: 0.6;}
.header .top li:last-child::after{display: none;}
.header .searchBtn{cursor: pointer;}
.header .nav{transform: translateX(0.4rem);}
.header .nav .nLi{position: relative;padding: 0 0.4rem;}
.header .nav .nLi h2 a{display: block;position: relative;padding-bottom: 0.3rem;font-weight: normal;color: white;font-size: .633rem;}
.header .nav .nLi h2 a::before{content: "";width: 100%;height: 2px;background: currentColor;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.header .nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 160px;margin-left: -80px;display: none;}
.header .nav .nLi .navSub .wrap{padding-top: 1rem;}
.header .nav .nLi .navSub ul{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;}
.header .nav .nLi .navSub ul li{padding: 12px 0;}
.header .nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;padding: 0 10px;position: relative;color: #333;}
.header .nav .nLi .navSub a:hover{color: #003399;}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #003399;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::before,
.header .nav .nLi:hover h2 a::before{transform: scale(1);opacity: 1;}
.header .searchBtn.wap{display: none;}
.header.fixed,
.header:hover{background: #003399;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);color: #333;}
.header.fixed{padding: 0.6rem 0;}
.header.fixed .nav .nLi .navSub .wrap{padding-top: 0.6rem;}
.header.fixed::before,
.header:hover::before{opacity: 0;}
.header.fixed .whitelogo,
.header:hover .whitelogo{display:none}
.header.fixed .whitelogo.blue,
.header:hover .whitelogo.blue{display:block}
.header.fixed .menuIcon span,
.header:hover .menuIcon span{background: #333;}

/* moreStyle */
.moreStyle{color: #003399;line-height: 0.93rem;}
.moreStyle .icon{margin-left: 0.4rem;height: 0.2rem;transform-origin: right center;}
.moreStyle:hover .icon{margin-left: 0.8rem;transform: scale(1.5);}

/* listStyle */
.listStyle li{border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-top: 0.33rem;}
.listStyle .wrap{width: 100%;box-sizing: border-box;padding-left: 0.66rem;position: relative;line-height: 1.6rem;color: #222222;}
.listStyle .wrap::before{content: "";width: 8px;height: 4px;background: #003399;position: absolute;left: 0;top: 50%;margin-top: -2px;transform-origin: left center;}
.listStyle .title{flex: 1;overflow: hidden;box-sizing: border-box;padding-right: 1.5rem;font-weight: normal;}
.listStyle .date{flex-shrink: 0;font-family: "Barlow-Regular";color: #999999;}
.listStyle .wrap:hover{color: #003399;}
.listStyle .wrap:hover::before{transform: scale(2, 1);}
.listStyle .wrap:hover .title{transform: translateX(20px);}

/* footer */
.footer{background: url(../images/footer_bg.jpg) no-repeat center top;background-size: cover;}
.footer .top{padding: 2rem 0 1.33rem;}
.footer .top .left .logo img{height: 2rem;margin-bottom: 1.06rem;}
.footer .top .left .text{color: #222222;line-height: 1.06rem;}
.footer .top .left .text .space{margin: 0 1rem;color: #D1D1D1;}
.footer .top .line{width: 1px;height: 3rem;background: #D1D1D1;}
.footer .top .right{width: 22.85%;}
.footer .qrcode li{margin: 0 0.33rem;color: #777777;line-height: 1.2rem;text-align: center;}
.footer .qrcode li img{width: 4.5rem;height: 4.5rem;}
.footer .select{margin-top: 1.2rem;position: relative;}
.footer .select:first-child{margin-top: 0;}
.footer .select dt{padding: 0 0.66rem;position: relative;background: #FFFFFF;border-radius: 10px;color: #777777;line-height: 1.6rem;cursor: pointer;}
.footer .select dt:before{content: "";width: 9px;height: 9px;border-left: 1px solid #000000;border-bottom: 1px solid #000000;position: absolute;right: 0.7rem;top: 50%;transform: translateY(-50%) rotateZ(-45deg);margin-top: -0.25em;}
.footer .select dd{position: absolute;width: 100%;left: 0;bottom: 100%;background: #fff;border-radius: 10px;z-index: 3;overflow: hidden;display: none;box-shadow: 0 0 -10px rgba(0, 0, 0, 0.1);}
.footer .select dd ul{max-height: 200px;overflow: auto;}
.footer .select dd ul a{display: block;padding: 0.3rem 0.66rem;color: #666;}
.footer .select dd ul a:hover{background: #efefef;}
.footer .btm{padding: 8px 0;background: #003399;color: #fff;line-height: 0.93rem;}
.footer .btm .left span{margin-right: 0.5rem;}
.footer .btm .left span:last-child{margin-right: 0;}
.footer .btm a:hover{opacity: 0.8;text-decoration: underline;}

/* 手机导航 */
.mm-listview > li.link{display: flex;align-items: center;justify-content: space-between;padding: 10px 10px 10px 20px;}
.mm-listview > li.link > a,
.mm-listview > li.link > span{padding: 0;font-size: 12px;}
.mm-listview > li.link > span{color: #999;}

/* quickEntry */
.quickEntry{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;background: rgba(0, 51, 153, 0.8);}
.quickEntry ul{display: flex;}
.quickEntry li{flex: 1;position: relative;}
.quickEntry li::after,
.quickEntry li:first-child::before{content: "";width: 1px;height: 1rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #E3E3E3;opacity: 0.5;}
.quickEntry li:first-child::before{right: auto;left: 0;}
.quickEntry li a{line-height: 3.36rem;color: rgba(255, 255, 255, 0.8);font-weight: bold;letter-spacing: .2rem;}
.quickEntry li .icon{height: 1.86rem;margin-right: 0.5rem;opacity: 0.8;}
.quickEntry li a:hover{color: #fff;}
.quickEntry li a:hover .icon{opacity: 1;transform: scale(0.8);}


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

@media screen and (max-width: 1300px){
.header,.header.fixed{padding: 0.6rem 0;}
.header .logo img{height: 1.7rem;}
.header .nav .nLi .navSub .wrap{padding-top: 0.6rem;}
}


@media screen and (max-width: 1024px){
.footer .qrcode li{width: 3.8rem;line-height: 1.2;}
.footer .qrcode li .pic{width: 100%;height: 3.8rem;margin-bottom: 0.1rem;}

.quickEntry li a{line-height: 2.8rem;}
.quickEntry li .icon{height: 1.2rem;}
}

@media screen and (max-width: 760px){
.header,.header.fixed{padding: 0.5rem 0;}
.header .logo img{height: 1.4rem;}
.header .right .top,
.header .nav{display: none;}
.header .menuIcon,
.header .searchBtn.wap{display: block;}
.header .right{flex-direction: row;align-items: center;}

.listStyle li{padding-top: 0.1rem;}
.listStyle .title{padding-right: 0.5rem;}
.listStyle .wrap:hover::before{transform: scale(1);}
.listStyle .wrap:hover .title{transform: translateX(0);}


.footer .top{display: block;padding: 1rem 0;}
.footer .top .left .logo img{height: 1.5rem;margin-bottom: 0.5rem;}
.footer .top .left .text{line-height: 1.5;}
.footer .top .left .text p span{display: block;}
.footer .top .left .text .space{display: none;}
.footer .top .line{display: block;width: 100%;height: 1px;margin: 0.5rem 0;}
.footer .top .right{width: 100%;}
.footer .select{margin-top: 0.5rem;}
.footer .btm > .w1400{display: block;}
.footer .btm span{display: block;margin: 0;}

.quickEntry{font-size: 0.6rem;}
.quickEntry li::after, .quickEntry li:first-child::before{height: 0.7rem;}
.quickEntry li a{line-height: 1.6rem;}
.quickEntry li .icon{height: 0.8rem;margin-right: 0.2rem;}

}

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