@charset "utf-8";
body{padding:0}
.header-nav>li{height:100%;min-width:auto;padding:0 .5em}

/* .header-nav>li.nav-active, */
.header-nav>li:not(.active):hover,
.header-nav>li.active{border-bottom:0;background-color: transparent}
.header-nav>li>a{display:inline-block;height:.4rem;line-height:.4rem;margin-top:.2rem;position:relative}
.header-nav>li>a::after,
.header .log-in::after{content:'';position: absolute;left:50%;bottom:0;width:0;height:1px;background:#004377;transition:all .2s}

/* .header-nav>li.nav-active>a, */
.header-nav>li:not(.active):hover>a,
.header-nav>li.active>a{color:#004377}
.header-nav>li:not(.active):hover>a::after,
.header-nav>li.active>a::after{margin-left:-.8em;width:1.6em;transition:all .2s}
.header .log-in{position:relative;margin-top:.2rem;height:.4rem;line-height:.4rem; background-color: #004377;color: #fff;}

.introduce{padding:1.8rem 0 .58rem;text-align:center;color:#fff;background: url(../images//index/banner.jpg) center center no-repeat;background-size: cover}
.introduce h1{font-size:.32rem}
.introduce_head{letter-spacing: 2px;}
.introduce_head>img{width:1.55rem;margin-bottom:.2rem;}
.introduce_head>h1{font-size:.84rem;margin-bottom:.15rem}
.introduce_head>h1>img{width:35.052%}
.introduce_head>h2{font-size:.36rem;letter-spacing: .2em;font-weight: lighter;animation-delay: 0.2s}
.introduce_head>h2::after{content:'';display:block;width:3em;margin:0.2rem auto;border-top:1px solid #fff}
.introduce_head .introduce_section{min-width:8.4rem;margin:0 auto .6rem;font-size:.18rem;line-height:0.32rem;letter-spacing: 0;animation-delay: 0.4s;}
.introduce_head .introduce_section>span{display:block}
.introduce_btn{display:inline-block;width: 2.43rem;height:.76rem;line-height:.76rem;font-size:.24rem;color:#fff;border:1px solid #fff;border-radius:.38rem;background: rgba(255, 255, 255, 0.1);margin-top:.49rem;transition:all .2s}
.introduce_btn:hover{color:#333;background: #fff;transition:all .2s}
.substance{display: flex;justify-content: space-around;padding:0 8.125%;margin:.94rem 0;color:#00223D}
.substance_head{width:22.823%;opacity:0}
.substance_head h3{font-size:.36rem;letter-spacing: .06rem;}
.substance_head p{font-size:.12rem;text-transform: uppercase}
.substance_body{width:77.177%;font-size:.18rem;line-height:.3rem;opacity:0}
.overview_body,
.virtual_body>p{border-left:1px solid #797979;padding-left:4%;}
.division{width:100%;padding-top:12.083%;height:0;background:url(../images/index/center.jpg) center center no-repeat;background-size:cover;opacity:.64}
.new_body_content{display: flex;justify-content: space-between;flex-wrap: wrap}
.new_body_item{display:block;width:48%;margin-top:.92rem}
.new_body_item:nth-child(1),
.new_body_item:nth-child(2){margin-top:0}
.new_body_item h4{font-size:.24rem;padding-bottom:.14rem;border-bottom:1px solid #797979;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.new_body_item:hover h4{color:#004377}
.new_body_item_date{display:block;padding-top:.25rem;font-size:.16rem;color:#88929A}
.new_body_item_date>mark{padding:.07rem .11rem;margin-left:.1rem;background-color:#004377;color:#fff}
.new_body_item_content{display:block;padding-top:.21rem;font-size:.16rem;color:#43484C}
.new_body_item_content>a{transition: all .2s linear}
.new_body_item:hover .new_body_item_content>a{color:#004377;font-weight: bold;transition: all .2s linear}
.virtual_body_main{margin-top:.5rem;padding-top:.1rem}
/* .virtual_body_main_content{padding-top:.1rem} */
.virtual_body_main_item{
  position:relative;
  width: 46.9%;
  padding-top: 17.8%;
  margin: 0 0 1.5% 2.2%;
  float:left;
  }
.virtual_body_main_item:hover{
  box-shadow: 0 0 .2rem rgba(0,0,0,.3);
  transition: box-shadow .2s;
}
.virtual_body_main_item:nth-child(2n+1){margin-left:4%}
.virtual_body_main_item>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover}
.virtual_body_main_item>p{position:absolute;bottom:0;top:0;left:.22rem;height:.6rem;margin:auto;color:#fff;font-size:.22rem;text-align: center}
.virtual_body_main_item>p>span{
display:block;
font-size:.18rem;
text-align: left;
line-height: .3rem;
}
.virtual_body_main_item>p>.virtual_body_main_title{
  color:#fff;
  font-size:.26rem
}
.virtual_btn_prev,
.virtual_btn_next{position:absolute;width:25%;height: 87.5%;top:calc(0.1rem + 12.4%);background: none;outline:0;border:0}
.virtual_btn_prev{left:0}
.virtual_btn_next{right:0}
.cooperation{background: url(../images/index/cooperation.jpg) right center no-repeat;background-size:cover;color:#fff;margin:0;padding:.94rem 8.125%}
.cooperation_body>p>a{color:#bebebe}
.cooperation_body>p>a:hover{color:#fff}
.cooperation_body>p>a::before{content:'[';display:inline}
.cooperation_body>p>a::after{content:']';display:inline}
.footer{padding:.13rem 0;text-align: center;color:#00213B;font-size:.18rem}
.footer span{display:inline-block;margin-left:2em}

.mobile body{padding-bottom: 0;}
.mobile .introduce_head>h1{font-size:.54rem}
.mobile .introduce_head>h1>img{width: 77.052%;}
.mobile .introduce_head>h2{font-size:.36rem}
.mobile .introduce_head .introduce_section{font-size:0;line-height:1.5;min-width:unset;max-width:90%;text-align: justify}
.mobile .introduce_head .introduce_section>span{display:inline;font-size:.26rem} 
.mobile .introduce_btn{font-size:.28rem}
.mobile .substance{flex-wrap: wrap}
.mobile .substance_head{width:100%;margin-bottom: .4rem;text-align: center}
.mobile .substance_body{width:100%;font-size:.28rem;line-height: 1.2}
.mobile .overview_body,
.mobile .virtual_body>p{border-left:0;padding-left: 0}
.mobile .overview_body>p a,
.mobile .cooperation_body>p a{
  width: 2.2rem;
  height: .6rem;
  display: block;
  margin: .4rem auto 0;
  line-height: .6rem;
  font-size:.22rem;
  text-align: center;
  background: #004377;
  color: #fff;
  transition: all .2s}
.mobile .cooperation_body>p a{background: #fff;
  color: #004377}
.mobile .overview_body>p a:hover{background: #00223D;transition: all .2s}
.mobile .cooperation_body>p a:hover{background: #f5f5f5;transition: all .2s}
.mobile .cooperation_body>p>a::before,.mobile .cooperation_body>p>a::after{content:none}
.mobile .new_body_item{width:100%}
.mobile .new_body_item:nth-child(2){margin-top:.92rem}
.mobile .new_body_item>h4{font-size:.28rem}
.mobile .new_body_item_date{font-size:.2rem}
.mobile .new_body_item_date>mark{display:none}
.mobile .new_body_item_content{font-size:.24rem}
.mobile .virtual_body_main_item{
  margin:1.5%;
  width:47%
}