@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,a{ margin:0;padding:0;box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
body{position: relative;}
html{font-size: 100px;}
.clear:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
.clear{*zoom:1;}
i{font-style:normal;}
:focus{outline:0;}
img{vertical-align:top;}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;}
.hh{display:block;text-indent:-999em;overflow:hidden;}
.hide{width:0;height:0;overflow:hidden;display:none;}
.p-r{position:relative;}
.p-a{position:absolute;}
#cyou_top{position: fixed!important;left: 0;top:0;}
html{font-size:1rem;}
a { text-decoration: none; overflow: visible }
a:hover { text-decoration: none }
html,body,.wrap{width: 100%; height: 100%;overflow: hidden;min-width: 12rem;}
.flex{display:flex;display:-webkit-flex;}
.flex-1{flex:1;-webkit-flex:1;}
.flex-center{justify-content:center;-webkit-justify-content:center;}
.flex-middle{align-items:center;}
.flex-between{justify-content:space-between;-webkit-justify-content:space-between;}
.flex-cm{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;}
.t-c{text-align:center;}
.t-l{text-align:left;}
.t-r{text-align:right;}
.f-l{float:left;}
.f-r{float:right;}
.t-hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bg,.pop{background-size:100% auto;background-position:top center;background-repeat:no-repeat;}
.bgc{background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
.t{text-indent:-9999em;overflow:hidden;font-size: 0; display: block;}
input[type=tel]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { appearance: none; -webkit-appearance: none; -moz-appearance:textfield; }
.ani { -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s }
.b{ font-weight:bold; }
.none { display: none;} 
.active{display: block !important;}
@font-face {
    font-family: hycsj;
    src: url("../img/hycsj.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.wrap{ position: relative;width: 100%;height: 100%; overflow: hidden;background: url("../img/bg.jpg") center bottom no-repeat;background-size: cover;}
.wrap .xh_cover{position: absolute;left: 0;top: 55px; width: 534px; height: 301px;background: url("../img/xh_cover.png") no-repeat center top;}
.main_nav_box{display: none; position: absolute;left: 202px;top: 65px;z-index: 10;}
.title{background: url("../img/title_spr.png") no-repeat center top;background-size: 800px auto;}
.spr{background: url("../img/spr.png") no-repeat center top;background-size: 800px auto;}
.main_nav_list .nav1{width: 65px;height: 297px;background-position: -316px 0;padding: 121px 0 0 1px;box-sizing: border-box;}
.main_nav_list .nav2{width: 65px;height: 200px;background-position: -326px -381px;padding-top: 19px;box-sizing: border-box;margin: -2px 0 0 1px;}
.main_nav_list .nav3{width: 65px;height: 199px;background-position: -326px -600px;padding-top: 19px; box-sizing: border-box;margin: -2px 0 0 1px;}
.main_nav_list .nav4{width: 65px;height: 124px;background-position: -326px -837px;padding-top: 21px; box-sizing: border-box;margin: -2px 0 0 1px;}
.main_nav_list .nav5{width: 89px;height: 164px;background-position: -571px -618px;padding-top: 21px; box-sizing: border-box;margin: -1px 0 0 -11px;}
.main_nav_list .nav1.on,
.main_nav_list .nav1:hover{background-position: -476px 0;}
.main_nav_list .nav2.on,
.main_nav_list .nav2:hover{background-position: -476px -380px;}
.main_nav_list .nav3.on,
.main_nav_list .nav3:hover{background-position: -476px -599px;}
.main_nav_list .nav4:hover{background-position: -476px -837px;}
.main_nav_list .nav5:hover{background-position: -703px -619px;}
.main_nav_list .nav a{width: 65px;height: 180px;}
.main_nav_list .nav4 a{width: 65px;height: 103px;}
.main_nav_list .nav5 a{width: 88px;height: 82px;}

.home{display: none; position: relative; width: 100%; height: 100%; background: url("../img/home_bg.jpg") center no-repeat; background-size: cover;z-index: 10;}
.vbg video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.logo{position: absolute;top: 105px;left: 40px; width: 229px;height: 106px;background: url("../img/logo.png") no-repeat center top; z-index: 10;}
.btn_enter{position: absolute;bottom: 25px;left: 50%;margin-left: -154px; width: 308px;height: 79px;background: url("../img/btn_enter.png") no-repeat center top; z-index: 10;animation: playamplify 2s infinite;}


.page.show{display: flex;}
.page{display: none; position: relative;width: 100%;height: 100%;overflow: hidden;justify-content: center;align-items: center;margin-left: 74px;}
.p1_content{position: relative; width: 1312px;height: 817px;background: url("../img/p1_content_bg.png") no-repeat center top;padding: 60px 89px 0 180px;box-sizing: border-box;}
.page1 .tit1{width: 565px;height: 117px;background-position: -142px 0;margin:0 auto;}

.page1 .cover , .page2 .cover{position: fixed;right: 0;bottom: 0; width: 100%;height: 100%;background: url("../img/page1_cover.png")50% 100% no-repeat; z-index: 5;pointer-events: none;}
.p1_content .p1_nav_box {position: absolute;left: 40px;top: 100px;}
.p1_nav{width: 72px;height: 186px;cursor: pointer;}
.p1_nav1{background-position: 0 -215px;}
.p1_nav2{background-position: -90px -215px;margin-top: 58px;}
.p1_nav1.on{background-position: 0 0;}
.p1_nav2.on{background-position: -90px 0;}

.sub_page{display: none;}
.scroll{overflow-x: hidden; overflow-y: auto;}
.scroll::-webkit-scrollbar{width: 6px;}
.scroll::-webkit-scrollbar-thumb{background: #689ada;border-radius: 20px;}
.scroll::-webkit-scrollbar-track{background: #dad0c1;border-radius: 20px;}
.sub_page1{height: 690px;}
.sub_page1 .m1_title{width: 503px;height: 58px; background-position: 0 -159px;margin: 14px auto 0; }
.sub_page2 .m1_title2{width: 503px;height: 58px; background-position: 0 -442px;margin: 14px auto 0; }
.details_title{  width: 202px; height: 26px;background-position: -328px -265px;margin: 10px auto;}
.details_info ,.update_info{width: 981px; text-indent: 2em; font-size: 20px;color: #214f7d;text-align: left;margin: 0 auto;}
.details_info span{color: #ae2b21;}
.sub_page1 .module{display: flex;flex-wrap: wrap;margin-top: 37px;}
.swiper_map_img{position: relative; width: 671px;height: 345px;background: url("../img/swiper_map_bg.png") no-repeat center top;}
.swiper_map_box{position: absolute;top: 50%;left: 50%;margin-top: -170px; margin-left: -332px; width: 664px;height: 340px;}
.swiper-wrapper{width: 100%;height: 100%;}
.swiper_map_box .Swiper_map-pagination,
.swiper_box .lyxj-pagination
 {position: absolute; bottom: -38px; text-align: center;}
.swiper_map_box .Swiper_map-pagination .swiper-pagination-bullet,
.lyxj-pagination .swiper-pagination-bullet
{width: 24px;height: 24px;background: url("../img/bot.png") no-repeat center top;opacity: 1;margin:  0 13px;}
.Swiper_map-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.lyxj-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
{width: 24px;height: 24px;background: url("../img/bot_on.png") no-repeat center top;}
.rightArea{width: 312px;height: 383px;background: rgb(251, 250, 241,.8);margin-left: 25px;}
.rightArea .titleActivity{width: 181px;height: 26px;background-position: 0 -266px;margin: 29px auto 0;}
.rightArea .activityBox{width: 243px;height: 81px;background: url("../img/activity.png") no-repeat center top;margin: 24px auto 0;padding: 15px 0 0 22px; box-sizing: border-box; cursor: pointer;}
.rightArea .activityBox.on{background: url("../img/activity_on.png") no-repeat center top;}
.fire{display: flex;justify-content: flex-start;}
.fire li{width: 11px;height: 14px;background: url("../img/fire.png") no-repeat center top;margin: 0 4px;}
.line{display: block; width: 123px;height: 3px;background: url("../img/line.png") no-repeat center top;margin: 8px 0 6px;}
.rightArea .activityBox.on .line{background: url("../img/line_on.png") no-repeat center top;}
.rightArea .activityBox .activityName{font-size: 20px;color: #124f9b;text-align: left;line-height: 1;font-family: hycsj;}
.rightArea .activityBox.on .activityName{color: #9b4612;}
.bottomArea{width: 1009px;}
.bottomArea .titleProject{width: 182px;height: 26px;background-position: 0 -341px;margin: 18px auto 0;}
.bottomArea .clockProjectBox{display: flex;flex-wrap: wrap; justify-content: space-around; margin-top: 16px;}
.clock_icon{position: absolute;top: 10px; right: 20px; width: 80px;height: 67px;background: url("../img/clock_icon.png") no-repeat center top;display: none;}
.nav_item.active .clock_icon{display: block;}
.bottomArea .ProjectBox{position: relative; width: 234px;height: 210px;padding-top: 1px; margin-bottom: 20px;cursor: pointer;}
.ProjectBox::after{content: '';position: absolute;left: 1px;top: 0;width: 232px;height: 196px; background: url("../img/clockProjectBox_border.png") no-repeat center top; pointer-events: none;z-index: 3;}
.bottomArea .ProjectBox .img_box{width: 226px;height: 115px;margin: 2px auto 0;}
.bottomArea .ProjectBox .img_box img{width: 100%;height: 100%;}
.bottomArea .ProjectBox .infoBox{position: relative; width: 226px;height: 78px;background: url("../img/Project_cont_bg.png") no-repeat center top;margin: -2px auto 0;z-index: 2;padding: 6px 0 0 16px; box-sizing: border-box;}
.bottomArea .ProjectBox .ProjectName{font-family: hycsj; font-size: 22px;color: #124f9b;text-align: left;line-height: 1;}
.bottomArea .ProjectBox span{color: #124f9b; font-size: 18px;line-height: 1;}

.details_swiper{ width: 981px;height: 478px;margin: 23px auto;}
.swiper_box{position: relative; width: 774px;height: 438px;margin: 0 auto;}
.swiper_box::before{content:""; position: absolute; left: -5px;top: -5px; width: 788px;height: 447px;background: url("../img/details_swiper_bg.png") no-repeat center top;}
.Swiper_lyxj_img{position: relative; width: 774px;height: 438px;}
.swiper_box .lyxj-pagination{bottom: -37px;}
.lyxj-next{position: absolute;top: 50%;margin-top: -41px; right: -100px; width: 83px;height: 46px;background: url("../img/btn_next.png") no-repeat center top; cursor: pointer;}
.lyxj-prev{position: absolute;top: 50%;margin-top: -41px; left: -100px; width: 83px;height: 46px;background: url("../img/btn_prev.png") no-repeat center top;cursor: pointer;}
.p2_tit_updte{width: 565px; height: 117px;background-position: -118px -717px; margin: 0 auto;}
.p2_content{position: relative; width: 1312px;height: 817px;background: url("../img/update_content_bg.png") no-repeat center top;padding: 60px 89px 0 180px;box-sizing: border-box;}
.update_title{width: 503px;height: 58px; background-position: -149px -902px;margin: 14px auto 14px; }




.page3{padding-top: 55px;box-sizing: border-box;}
.page3 .tit2{ width: 629px;height: 117px;background-position: -86px -543px;margin:0 auto;}
.wg_box{position: relative; width: 1312px;height: 828px;background: url("../img/wg_bg.png") no-repeat center top; margin-top: 20px;}
.wg_box p{position: absolute;left: 50%;transform: translateX(-50%); bottom: 88px; font-size: 22px;color: #fff;}
.wg_nav_list{position: absolute;left:45px;top: 30px; z-index: 2;}
.wg_nav_list li{width: 238px; cursor: pointer;}
.wg_nav1{height: 53px; background-position:0 -710px;}
.wg_nav2{height: 49px; background-position:0 -763px;}
.wg_nav3{height: 53px; background-position:0 -812px;}
.wg_nav4{height: 52px; background-position:0 -865px;}
.wg_nav5{height: 54px; background-position:0 -917px;}
.wg_nav1.on{background-position:0 -431px;}
.wg_nav2.on{background-position:0 -484px;}
.wg_nav3.on{background-position:0 -533px;}
.wg_nav4.on{background-position:0 -586px;}
.wg_nav5.on{background-position:0 -638px;}
.wg_item{display: none; position: relative; padding-top: 1px;box-sizing: border-box;}
.fashion_box .wg_mxcm_fz{display: block; width: 503px;height: 629px;margin: 86px auto 0;pointer-events: none;}
.fashion_box .wg_mxcm_img{display: block; position: absolute; top: 0;right: -10px; width: 338px;height: 752px; pointer-events: none;}
.weapon_box .weapon_img{display: block; width: 471px;height: 709px;margin: 0 auto ;pointer-events: none;}
.bs_box .bs_img{display: block; width: 650px;height: 820px;margin: 0 auto ;pointer-events: none;}
.hw_box .hw_img{display: block; width: 656px;height: 816px;margin: 0 auto ;pointer-events: none;}

/* 弹窗 */
.pop{display: none; position: relative; width: 1144px;height: 777px;background: url("../img/pop_bg.png") no-repeat center top;padding: 65px 30px 0 50px ; box-sizing: border-box;}
.pop8 ,.pop2{width: 1144px;height: 533px;background: url("../img/pop_bg2.png") no-repeat center top;}
.pop9 , .pop11 {width: 1144px;height: 646px;background: url("../img/pop_bg3.png") no-repeat center top;}
.btn_popclose{position: absolute; top: 38px;right: -64px; width: 85px;height: 119px;background: url("../img/btn_popclose.png") no-repeat center top; cursor: pointer;}
.txt_tit{font-size: 20px;color: #853820;margin: 20px 0 12px 0;line-height: 1;}
.popcont{height: 676px;}
.pop8 .popcont ,.pop2 .popcont{height: 450px;}
.pop9 .popcont,.pop11 .popcont{height: 550px;}
.info{text-indent: 2em; font-size: 20px;color: #214f7d;}
.pop1 .pop_tit1{width: 277px;height: 31px;background: url("../img/pop1_tit01.png") no-repeat center top; margin: 0 auto;}
.pop1 .pop_tit2{width: 277px;height: 31px;background: url("../img/pop1_tit02.png") no-repeat center top; margin: 73px auto 0;}
.pop2 .pop_tit{width: 225px;height: 31px;background: url("../img/pop2_tit.png") no-repeat center top; margin: 0 auto;}
.pop3 .pop_tit{width: 277px;height: 31px;background: url("../img/pop3_tit.png") no-repeat center top; margin: 0 auto;}
.pop4 .pop_tit{width: 244px;height: 31px;background: url("../img/pop4_tit.png") no-repeat center top; margin: 0 auto;}
.pop5 .pop_tit{width: 244px;height: 31px;background: url("../img/pop5_tit.png") no-repeat center top; margin: 0 auto;}
.pop6 .pop_tit{width: 244px;height: 31px;background: url("../img/pop6_tit.png") no-repeat center top;margin: 0 auto;}
.pop7 .pop_tit{width: 306px;height: 31px;background: url("../img/pop7_tit_01.png") no-repeat center top; margin: 0 auto;}
.pop7 .pop_tit02{width: 306px;height: 31px;background: url("../img/pop7_tit_02.png") no-repeat center top; margin: 73px auto 0;}
.pop8 .pop_tit{width: 218px;height: 31px;background: url("../img/pop8_tit.png") no-repeat center top; margin: 0 auto;}
.pop9 .pop_tit{width: 246px;height: 31px;background: url("../img/pop9_tit.png") no-repeat center top; margin: 0 auto;}
.pop10 .pop_tit{width: 225px;height: 31px;background: url("../img/pop10_tit.png") no-repeat center top; margin: 0 auto;}
.pop11 .pop_tit{width: 244px;height: 31px;background: url("../img/pop11_tit.png") no-repeat center top; margin: 0 auto;}
.pop table{width: 1035px;height: 420px; text-align: center;border: 3px solid #87b4f1;color: #214f7d; }
.pop .table2{height: 282px;}
.pop span{color: #853820;}
.pop table thead tr{ background: #bad2f0;}
.pop table thead tr th{font-size: 22px; text-align: center; height: 66px;border: 1px solid #87b4f1;font-weight: bold;}
.pop table tbody tr td{font-size: 22px; border-bottom: 1px solid #87b4f1;border: 1px solid #87b4f1;font-weight: bold;}
.ma_tt{margin: 16px 0 20px 0;}
.ma_tt2{margin: 40px 0 30px 0;}







.video{width:1200px;height:675px;text-align:center;position:relative;display:none;outline:none;background: #000;}
.videobox{height:100%;text-align: center;}
.videobox video{height:100%;display:inline-block;width: 100%;}
#confetti{position: relative;z-index: 10000000000;}


@keyframes playamplify {
    0% , 100%{
      -webkit-transform: scale(1);
          transform: scale(1);
      -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    }
    50% {
      -webkit-transform: scale(1.1);
          transform: scale(1.1);
      -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
    }
  }