/* header */
.header{position: fixed;left: 0;top: 0;width: 100%;z-index: 9;line-height: 3.33rem;color: #3D3D3D;}
.header .logo img{height: 2rem;}
.header .nav{margin-left: 1rem;}
.header .nav .nLi{padding: 0 1rem;}
.header .nav .nLi h2 a{display: block;}
/*.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:nth-child(3) .navSub{width: 260px;margin-left: -130px;}
 .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);} */
.header .nav .nLi .navSub{display: none;position: absolute;left: 0;top: 100%;width: 100%;background: #fff;border-top: 1px solid #efefef;}
.header .nav .nLi .navSub .wrap{padding: 1.6rem 0;gap: 2rem;align-items: center;line-height: 0.93rem;}
.header .nav .nLi .navSub .img{width: 25%;border-radius: 0.25rem;overflow: hidden;}
.header .nav .nLi .navSub .img span{display: block;height: 0;padding-bottom: 58%;position: relative;}
.header .nav .nLi .navSub .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.header .nav .nLi .navSub .title{width: 33%;box-sizing: border-box;}
.header .nav .nLi .navSub .title h6{margin-bottom: 0.5rem;}
.header .nav .nLi .navSub .line{width: 1px;height: 6rem;background: rgba(0,0,0,0.2);}
.header .nav .nLi .navSub ul{width:calc(100% - 45% - 4rem) ;display: inline-flex;flex-wrap: wrap;padding: 1rem 0;gap: 0.5rem;}
.header .nav .nLi .navSub ul li{width: calc(33% - 1rem);box-sizing: border-box;line-height: 1.55;}
.header .nav .nLi .navSub ul li a{color: #333;display: block;padding: 0.2rem 0.6rem;border-radius: 1rem;display: inline-flex;min-width: 8em;}
.header .nav .nLi .navSub ul li a::after{content: "";background: url(../images/next.svg) no-repeat;width: 0.5rem;height: 0.5rem;background-size:contain;right: 0;top: 50%;transform: translateY(-50%);filter: brightness(0) invert(0.6);position: absolute;}
.header .nav .nLi .navSub ul li a:hover{font-weight: bold; color: var(--primary-color);}
.header .nav .nLi:nth-child(4) .navSub ul li{width: calc(50% - 1rem);} 

.header .icon{filter: brightness(0) invert(0.3);cursor: pointer;height: 0.67rem;}
.header .language{margin-left: 1.33rem;}
.header .language img{margin-right: 4px;}
.header .icon:hover,
.header a:hover .icon{filter: brightness(1) invert(0);}
.header a:hover{color: var(--primary-color);}
.header.fixed,
.header:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

/* 查看更多 */
.moreBtn{width: 8rem;height: 2rem;box-sizing: border-box;border: 1px solid var(--primary-color);border-radius: 1rem;padding: 0.2rem 0.2rem 0.2rem 0.8rem;color: var(--primary-color);font-weight: bold;}
.moreBtn::before{content: "";width: 1.6rem;height: 1.6rem;background: var(--primary-color);border-radius: 0.8rem;position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);}
.moreBtn .icon{width: 1.6rem;height: 1.6rem;}
.moreBtn .icon img{height: 0.33rem;}
.moreBtn:hover{color: #fff;}
.moreBtn:hover::before{width: calc(100% - 0.4rem);}
.moreBtn:hover .icon img{transform: rotateZ(45deg);}
.moreBtn.wapMoreBtn{display: none;}

/* 切换按钮 */
.btnStyle{width: 1.6rem;height: 1.6rem;box-sizing: border-box;border: 1px solid var(--primary-color);border-radius: 50%;cursor: pointer;}
.btnStyle img{height: 33.33%;}
.btnStyle:hover{background: var(--primary-color);}
.btnStyle:hover img{filter: brightness(0) invert(1);}

/* 查看更多 */
.moreStyle{width: 4.6rem;height: 1.6rem;box-sizing: border-box;padding: 0 0.67rem;background: #03A34A;border-radius: 0.8rem;color: #fff;}


/* 日期 */
.newsDate{display: flex;align-items: center;margin: 0.4rem auto 1.33rem;line-height: 0.93rem;}
.newsDate img{margin-right: 4px;}
.newsDate em{margin: 0 0.4rem;}

/* footer */
.footer{background: url(../images/footer_bg.jpg) no-repeat center top;background-size: cover;color: rgba(255, 255, 255, 0.6);line-height: 0.93rem;padding: 2.67rem 0 1.33rem;position: relative;}
.footer .canvas{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;}
.footer .white{color: #fff;}
.footer .top .contLeft{max-width: 25%;}
.footer .top .contLeft .title{line-height: 1.2rem;}
.footer .top .contLeft .text{margin: 0.67rem 0;}
.footer .top .contLeft .qrcode img{width: 4rem;margin-bottom: 4px;}
.footer .top .contLeft .share{display: flex;align-items: center;margin-top: 0.67rem;}
.footer .top .contLeft .share .item{margin-left: 0.4rem;position: relative;cursor: pointer;}
.footer .top .contLeft .share .item > img{height: 0.93rem;}
.footer .top .contLeft .share .item .ma {position: absolute;bottom: calc(100% + 1rem);left: 50%;transform: translateX(-50%);width: 130px;border: 1px #999 solid;border-radius: 4px;padding: 6px;background: #fff;box-sizing: border-box;box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);visibility: hidden;opacity: 0;transition: 0.3s;}
.footer .top .contLeft .share .item .ma::before {content: "";position: absolute;bottom: -0.38rem;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 0.47rem solid transparent;border-right: 0.47rem solid transparent;border-top: 0.4rem solid #fff;}
.footer .top .contLeft .share .item .ma img {width: 100%;}
.footer .top .contLeft .share .item:hover .ma {visibility: initial;opacity: 1;bottom: calc(100% + 0.38rem);}
.footer .nav dl{margin-left: 2rem;}
.footer .nav dl:first-child{margin-left: 0;}
.footer .nav dl dt{line-height: 1.2rem;margin-bottom: 4px;}
.footer .nav a:hover{text-decoration: underline;color: #fff;}
.footer .btm{align-items: flex-end;}
.footer .select{position: relative;width: 6.67rem;}
.footer .select dt{line-height: 1.2rem;border-bottom: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;}
.footer .select dt.cur img{transform: rotateZ(180deg);}
.footer .select dd{position: absolute;left: 0;bottom: 100%;width: 100%;background: #fff;display: none;}
.footer .select dd ul{max-height: 6.67rem;overflow: auto;}
.footer .select dd a{display: block;padding: 6px 10px;color: #666;}
.footer .select dd a:hover{color: var(--primary-color);background: #efefef;}
.footer .link{margin-bottom: 4px;display: flex;align-items: center;justify-content: flex-end;}
.footer .link span{margin: 0 0.5em;}
.footer .btm .contRight{text-align: right;}
.footer .btm a:hover{text-decoration: underline;}

:root {
    --color-bg1: rgb(4, 15, 44);
    --color-bg2: rgb(10, 37, 114);
    --color1: 18, 113, 255;
    --color2: 4, 15, 44;
    --color3: 50, 50, 218;
    --color4: 50, 160, 220;
    --color5: 19, 83, 201;
    --color-interactive: 25, 57, 219;
    --circle-size: 50%;
    /* --blending: hard-light; */
    --blending: soft-light;

  }
  @keyframes moveInCircle {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes moveVertical {
    0% {
      transform: translateY(-50%);
    }
    50% {
      transform: translateY(50%);
    }
    100% {
      transform: translateY(-50%);
    }
  }
  
  @keyframes moveHorizontal {
    0% {
      transform: translateX(-50%) translateY(-10%);
    }
    50% {
      transform: translateX(50%) translateY(10%);
    }
    100% {
      transform: translateX(-50%) translateY(-10%);
    }
  }


.footer .gradientBg{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;}
.footer .gradientBg canvas{display: block;width: 100%;height: 100%;}
.footer > .w1600{pointer-events: none;}
.footer a,
.footer .select,
.footer .top .contLeft .share,
.footer .top .contLeft .text,
.footer .btm .contRight{pointer-events: initial;}


@media screen and (max-width: 1540px){
.header .nav{margin-left: 1.8rem;}
.header .nav .nLi{padding: 0 1.4rem;}
}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
	.header .nav{margin-left: 5rem;}
.header .nav .nLi{padding: 0 0.8rem;}
}

@media screen and (max-width: 1200px){
.footer .nav dl{margin-left: 1.5rem;}


}

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

.footer .nav{display: none;}
.footer .top .contLeft{max-width: none;}
}

@media screen and (max-width: 760px){
.header{line-height: 2.2rem;}
.header .logo img{height: 1.6rem;}
.pageWrap{padding-top: 2.2rem;}

.moreBtn{width: 5rem;height: 1.6rem;}
.moreBtn .icon{width: 1.2rem;height: 1.2rem;}
.moreBtn::before{width: 1.2rem;height: 1.2rem;}

.footer{padding: 1rem 0 0.6rem;}
.footer .btm{display: block;}
.footer .select{width: 100%;margin: 1rem 0 0.5rem;}
.footer .btm .contRight{text-align: left;}
.footer .link{justify-content: flex-start;}

.moreBtn.wapMoreBtn{display: flex;}

.btnStyle{width: 1.2rem;height: 1.2rem;}

}

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