@charset "utf-8";
@import url('../font/SourceHanSansCN-Regular/SourceHanSansCN-Regular.css');
@import url('../font/digital/digital.css');
html{height:100%;}
body{position:relative;margin:0;width:100%;height:100%;min-height:6rem;font-size:.18rem;-webkit-tap-highlight-color:transparent;box-sizing:border-box;overflow:hidden auto;background:#083658 url(../images/index/bg.jpg);background-size:100%;}
/* header */
.header{position:absolute;left:0;right:0}
/* .header.active .header-inner-box{background:url(../images/index/bg-top.png) no-repeat bottom/auto 100%;box-shadow:none;} */
.header .header-inner-box{background:url(../images/index/bg-top.png) no-repeat center/cover;box-shadow:none;}
.header.active .header-inner-box{background:none;box-shadow:none;}
.header .logo{background-image:url(../images/public/logo.png);}
.header:not(.navs-left) .nav-link{color:#cad9f8}
.header:not(.navs-left) .nav.login-txt .nav-link{border-color:#cad9f8}
.header:not(.navs-left) .nav-menus-btn,
.header:not(.navs-left) .nav-link.active,
.header:not(.navs-left) .nav-link:not(.active):hover{color:#ffffff;}
.header:not(.navs-left) .nav-item.not-index{display:none}
/* 主要内容 */
.main-box{position:relative;width:98%;max-width:16.9rem;padding-top:.8rem;margin:auto;text-align:center;overflow:hidden;}
.main-box::before{content:'';position:absolute;bottom:0;left:0;width:100%;padding-top:16.458%;background:url(../images/index/bg-bottom.png) no-repeat center top;background-size:100%;}
/* 标题 */
.title-box{position:relative;width:100%;margin:0 auto;}
.title-box h1{font-size:0;font-family:'helloFont','Microsoft Yahei',sans-serif;font-weight:normal;overflow:hidden;}
.title-box>h1>span{position:relative;display:inline-block;color:#0b99fd;font-size:.6rem;line-height:1.2;text-shadow:0.02rem 0.02rem 0 rgb(0 0 0 / 47%), 0 0 0.05rem rgb(31 108 187 / 42%)}
.title-box>h1>span.active::after{content:'';position:absolute;top:.08em;left:1.42em;width:.63em;height:.45em;background:url(../images/public/banner-text-icon.png) no-repeat center/100%;}
@supports (-webkit-background-clip:text) or (background-clip:text) {
  .title-box>h1>span:not(.active):before{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(0deg,#b7e7f5,#ffffff 53%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;}
  .title-box>h1>span.active:before{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(0deg,#ff9625,#ffe4a2 53%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;}
}
.title-box img{width:100%;height:.59rem;object-fit:contain;object-position:left;}
/* 作者信息及标题背景 */
.title-box::after{content:'';position:absolute;left:0;bottom:-2em;z-index:-1;width:100%;padding-top:14.479%;background:url(../images/index/title-bg.png) no-repeat center bottom;background-size:100% auto;}
/* 页面内导航 */
.nav-box{margin-top:5.729%;}
.nav-btn-box{display:inline-block;color:#ffffff;font-size:.24rem;margin:0 1em 1em;}
.nav-btn{position:relative;display:flex;align-items:center;justify-content:center;width:7.5em;height:2.5417em;color:#ffffff;background:url(../images/index/nav-btn.png) no-repeat center;background-size:contain;cursor:pointer;transition:all .4s ease-out;}
.nav-special .nav-btn{background-size:112%;background-image:url(../images/index/nav-btn-special.png)}
.nav-btn-box:hover .nav-btn{top:-.02rem;transform:scale(1.05)}
.nav-btn>a{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer;}
.nav-btn>span{position:relative;display:inline-block;}
.nav-btn>span.iconfont{width:3.2em}
.nav-btn>span.iconfont::before{font-size:1.3em}
.nav-btn>span:not(.iconfont){font-family:'AlimamaShuHeiTi-Bold','Microsoft Yahei',sans-serif;}
@supports (-webkit-background-clip:text) or (background-clip:text) {
  .nav-btn>span:not(.iconfont){background:linear-gradient(0deg,#c1dcef,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;}
}
/* 底部 */
.foot{position:relative;bottom:0;width:98%;padding:1em 0;margin:0 auto;background:none;text-align:center;}
.foot>span{font-size:.16rem;color:#e2f4fa;margin:0 .5em}
/* 申报书及视频按钮 */
.footer-text{padding:.16rem 0;margin-bottom:0;text-align:center;background-color:#272422}
.footer-text .footer-btn{padding:0 .24rem;color:#ffffff;line-height:1;cursor:pointer;}
.footer-text .footer-btn+.footer-btn{border-left:1px dashed rgb(255,255,255,.15)}
/* 弹窗提示 */
.popup{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1;background-color:rgba(0,0,0,.65);}
.popup-main{position:absolute;left:0;right:0;bottom:0;top:0;width:19.447em;max-width:98%;height:12.158em;margin:auto;font-size:24px;background:url(../images/popup/tips_bg.png) no-repeat center top;background-size:100%;}
.popup-text{margin:3em 1.6em 1em;height:5em;text-indent:2em;line-height:1.3;}
.popup-close{display:block;width:30.717%;padding-top:9.878%;margin:auto;background:url(../images/popup/ok.png) no-repeat center top;background-size:100%;cursor:pointer;border:0}
.popup-close:hover{background-image:url(../images/popup/ok_dj.png)}
/* 中心图 */
.main-img-box{position:relative;width:10.84rem;max-width:90%;height:56.223vh;max-height:5.15rem;margin:5.729% auto 0;-webkit-box-reflect:below .14rem linear-gradient(rgba(255,255,255,0) 94%,rgba(255,255,255,.16));}
.main-img-box>img{position:absolute;left:0;right:0;margin:auto;object-fit:contain;}
.main-img-box>img.main-img1{width:61.808%;height:66.99%;bottom:-39%}
.main-img-box>img.main-img2{width:39.207%;height:82.524%;bottom:12%;}
.main-img-box>img.main-img3{width:50.277%;height:105.631%;bottom:1%;animation-iteration-count:infinite;animation-duration:3s;animation-direction:alternate;}
.main-img-box>img.main-img4{width:33.579%;height:100.194%;bottom:9.4%;transform-origin:bottom}
/* .main-img-box>img.main-img3{transform:scale(1.28);} */
@media screen and (min-height:600px){
  .main-box{position:static;display:flex;flex-direction:column;justify-content:center;width:98%;max-width:16.9rem;height:100%;padding-bottom:0}
  .footer-text,
  .foot{margin-top:auto}
}
@media screen and (min-width:1340px){
  .nav-box{display:flex;justify-content:center;}
}
@media screen and (min-width:1209px){
  /*.header.active{background-color:transparent;}
  .header:not(.active){background-color:#ffffff;}
  .header .nav-link{color:#ffffff}
  .header .nav-link.active,
  .header .nav-link:not(.active):hover{color:#ffffff;background-color:transparent;} */
  /* .header.active .header-inner-box,
  .header .nav-link.active,
  .header .nav-link:not(.active):hover{background-color:transparent;} */
  /* 导航下划线 */
  .header:not(.navs-left) .nav-link::after{content:'';position:absolute;top:auto;left:0;right:0;bottom:.14rem;width:0;height:2px;margin:auto;transition:all .2s ease-out}
  .header:not(.navs-left) .nav-item:not(.nav-item-drop) .nav-link:hover::after,
  .header:not(.navs-left) .nav-link.active::after{top:auto;width:2em;background-color:#ffffff}
  .header .nav-link.disabled:hover::after,
  .header .nav-link.disabled.active::after{content:none}
  .header .nav-dropmenu .nav-link::after{bottom:0}
}
@media screen and (max-width:1438px){
  .title-box img.title-small{display:block;}
  .title-box h1>span{font-size:.4rem}
  .nav-btn-box{font-size:.2rem}
}
/* 下拉在小尺寸的时候 */
@media screen and (max-width:1208px) {
  .header:not(.navs-left) .nav-dropdown-btn{color:#ffffff;}
}
@media screen and (max-width:971px) {
  body{min-height:7rem}
  .main-box{margin:auto;padding-bottom:.3rem}
  .main-box>div{padding:0 5%;box-sizing:border-box;}
  .nav-box{position:relative;bottom:0;padding:0 5%;margin-top:.5rem}
  .title-box h1>span{font-size:.36rem}
  .nav-btn-box{font-size:.18rem;margin-bottom:1em}
  .footer-text{position:relative;font-size:.12rem;background-color:transparent;}
  .foot>span{font-size:.14rem}
  .popup-main{font-size:20px}
}
@media screen and (max-width:664px){
  .title-box h1>br{display:none}
  .title-box::after{bottom:-1.5em}
}
@media screen and (max-width:430px) {
  .main-box>.main-img-box{height:0;padding-top:42.758%}
  .title-box h1>span,
  .title-box>h1>span:last-child{font-size:.32rem;line-height:1.5;}
  .title-box h1>span::after{content:none}
  .foot>span{font-size:.12rem}
}
@media screen and (max-width:375px) {
  .popup-main{font-size:16px}
}