﻿
/* header */
.header{position: fixed;left: 0;top: 0;z-index: 99;width: 100%;color: #fff;}
.header.fixed{background: rgba(36, 70, 130, 0.8);}
.header .logo{padding: 0.8rem 0;}
.header .logo img{height: 2.67rem;}
.header .right{flex-direction: column;align-items: flex-end;}
.header .top{margin-bottom: 0.67rem;padding-top: 1.13rem;}
.header .top a{margin-right: 1rem;}
.header .searchBtn{cursor: pointer;}
.header .nav .nLi{margin-left: 1rem;position: relative;}
.header .nav .nLi:first-child{margin-left: 0;}
.header .nav .nLi h2 a{display: block;line-height: 0.67rem;padding-bottom: 1.13rem;position: relative;}
.header .nav .nLi h2 a::before{content: "";width: 1.13rem;height: 0.47rem;position: absolute;bottom: 0.5rem;left: 50%;transform: translateX(-50%);background: url(../images/icon_logo.png) no-repeat center;background-size: contain;opacity: 0;}
.header .nav .nLi.on h2 a::before,
.header .nav .nLi:hover h2 a::before{opacity: 1;}
.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: var(--primary-color);}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: var(--primary-color);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);}

/* 查看更多 */
.moreBtn{width: 4.47rem;height: 1.27rem;background: url(../images/icon_more_bg.png) no-repeat center;background-size: 100% 100%;text-align: center;line-height: 1.27rem;color: var(--desc-color);}
.moreBtn:hover{color: var(--primary-color);}
.moreBtn.white{background-image: url(../images/icon_more_bg1.png);color: #fff;}

/* 日期 */
.dateStyle{align-items: center;font-family: "BarlowMedium";color: var(--primary-color);}
.dateStyle .icon{margin-right: 0.27rem;}

/* 更多 */
.more{color: var(--text-color);}
.more .icon{margin-left: 0.33rem;filter: brightness(0) invert(0.6);}
.more:hover,
a:hover .more{color: var(--primary-color);}
.more:hover .icon,
a:hover .more .icon{filter: brightness(1) invert(0);}


@keyframes rond {
    0% { transform: rotate(0deg)}
    100% { transform: rotate(360deg)}
}
/* footer */
.footer{background: url(../images/footer_bg.jpg) no-repeat center top;background-size: cover;color: #FFFFFF;line-height: 0.67rem;}
.footer .top{padding: 1.47rem 0;border-bottom: 1px solid #E8E8E8;}
.footer .top span{opacity: 0.5;}
.footer .med{padding: 1.67rem 0;}
.footer .logo img{max-height: 2.67rem;max-width: 19.4rem;}
.footer .med dl{margin-left: 2rem;}
.footer .med dl:first-child{margin-left: 0;}
.footer .med dl dt{width: 1.93rem;height: 1.93rem;position: relative;flex-shrink: 0;margin-right: 0.5rem;}
.footer .med dl dt .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;animation: rond 6s infinite;}
.footer .med dl dt .icon{width: 82%;}
.footer .med dl .tit{margin-bottom: 0.27rem;}
.footer .btm{padding: 8px 0;background: #1E3C75;}
.footer .btm .left span{margin-right: 0.67rem;}
.footer .btm .left span:last-child{margin-right: 0;}
.footer .btm .left span img{margin-right: 0.27rem;}
.footer a:hover{text-decoration: underline;color: rgba(255, 255, 255 ,0.6);}
.footer .select{width: 7.47rem;}
.footer .select dt{border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 1rem;padding: 0 0.8rem;line-height: 1.4rem;cursor: pointer;background: url(../images/icon_down.png) no-repeat 90% center;}
.footer .select dd{position: absolute;left: 0;bottom: 100%;width: 100%;background: #fff;border-radius: 0.67rem;display: none;}
.footer .select dd ul{padding: 0.4rem 0;max-height: 6.67rem;overflow: auto;}
.footer .select dd ul li a{display: block;padding: 0.2rem 0.8rem;color: var(--text-color);line-height: 1.5;}
.footer .select dd ul li a:hover{color: #fff;background: var(--primary-color);}



@media screen and (max-width: 1620px){
.header .logo img{height: 1.6rem;}
.header .nav .nLi{margin-left: 0.8rem;}
.header .nav .nLi h2 a{padding-bottom: 0.7rem;}
.header .top{margin-bottom: 0.3rem;padding-top: 0.73rem;}

.footer .logo img{max-width: 18rem;}
}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
.header .logo img{height: 1.26rem;}
.header .nav .nLi{margin-left: 0.5rem;}
.header .nav .nLi .navSub{width: 120px;margin-left: -60px;}
.header .nav{display: none;}
.header .top{padding: 0;margin: 0;}
.header .top .menuIcon{display: block;margin-right: 0;}

.footer .logo img{max-width: 15rem;}
.footer .med dl{margin-left: 1rem;}
}


@media screen and (max-width: 1024px){
.footer .top,
.footer .logo{display: none;}
.footer .med{padding: 0.6rem 0;}
.footer .med dl{width: 100%;margin: 0.8rem 0 0;justify-content: flex-start;}
.footer .btm > .w1600{display: block;}
.footer .btm .left{display: block;line-height: 1.8;font-size: 12px;}
.footer .btm .left span{margin: 0;display: block;}
.footer .select{margin-top: 0.5rem;}
.footer .select dt{line-height: 1.2rem;}
}

@media screen and (max-width: 760px){
.header .logo{padding: 0.4rem 0;}
.header .logo img{height: 0.8rem;}
.header .top a{margin-right: 0.3rem;font-size: 12px;}
.header .top .menuIcon{margin-left: 0.3rem;}
}

@media screen and (max-width: 468px){
}