*{margin: 0;padding: 0;border: 0;list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
img{display: block;width: 100%;}
a{text-decoration: none;}
a,button,select{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
/* 两端对齐 */
.spaceBetween{display: flex;justify-content: space-between;flex-wrap: wrap;}
/* 文字垂直居中 */
.alignCenter{display: flex;align-items: center;}

body{width: 100%;font-family: "Arial";font-size: 1rem;-webkit-text-size-adjust: 100% !important; background: #070e17;}
body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/bg.webp) center 0 no-repeat; background-size: cover;}
.wrap{position: relative;width: 100%;background: #070e17; -webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling:touch;}
.bg{ width: 100%; position: relative; overflow: hidden;}
.logo{position: absolute;top: 15%;left: 3%;width: 19.334%;z-index: 2;}
.home{position: absolute;top: 15%;right: 0;width: 7%;z-index: 2; padding: 2% 3%;}
.nav_bg{display: none;}

.nav{position: -webkit-sticky; position: sticky; width: 96%; display: flex;flex-wrap: wrap; justify-content: space-evenly; top: 0;background-color: rgba(17,18,28,.66); z-index: 5; padding: 1rem 2% 0.3rem;}
.nav a{display: block;width: 32%;margin-bottom: 0.7rem;}
.part1_bg{position: absolute;top: 66.5%;left: 5.2%;width: 89.6%;}
.intro{position: absolute;top: 76%;left:8.6%;width: 82.8%;}
.about{ position: absolute; right: 9%; bottom: 2%; font-size: 1rem; color: #ffffff; cursor: pointer;}
.ico{position: absolute;top: 65%;left: 41.5%;width: 17%;-webkit-transform: translateY(-50%);transform: translateY(-50%); }
.part1_light{ width: 100%; position: absolute; left: 0; top: 0; pointer-events: none;}

.video_box{ width: 90%; height: 90%; position: absolute; left: 5%; top: 5%; overflow: hidden; z-index: 3;}
.video-wrap{ width: 100%; height: 100%; display: none;}
.msg-wrap{ position: fixed; top: 0; left: 0; background: #fff; border: 1px solid #000; z-index: -1; opacity: 0;}

.part3_banner{position: absolute;top: 10%;left: 0;width: 100%;}
.part3_banner .swiper-slide{position: relative; width: 90.54%;}

.part4_nav{position: relative;width: 100%;}
.part4_nav img{display: none;}
.part4_nav img:nth-child(1){display: block;}
.part4_menu,.sub_menu{position: absolute;top: 0;;left: 0;width: 100%;height: 100%;display: flex;justify-content: space-between;}
.part4_menu a,.sub_menu a{width: 33.33%;}
.part4_list{position: relative;width: 100%;min-height: 28.2rem;padding-bottom: 4.5rem;}
.part4_items{display: block;width: 90%;padding: 1.6rem 5%;color: #fff;font-size: 1.2rem; border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.part4_items p{float: left;width: 85%;line-height: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.part4_items span{float: right;width: 15%;text-align: right;}
.part4_more{position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;padding: 1.5rem; color: #6b9af1;font-size: 1.3rem;line-height: 1.5rem; text-align: center;}


.bot{padding: 2rem 0;width: 95.6%;margin: 0 auto;}
.bot footer{position: absolute;top: 1.6rem;left: 0;width: 100%;height: 60%;display: flex;justify-content: space-between;}
.bot footer a{width: 16.67%;height: 100%;}

/*底部信息*/
.bottom{width: 100%; position: absolute; left: 0; top: 35%; color: #ffffff;font-size: 0.8rem; text-align: center;}
.privacyBox{position: absolute;bottom: -3rem;left: 0;width: 100%;}
.privacy,.terms{width: 35%; height: 2.2rem; text-align: center; line-height: 1.5rem; color: #ffffff;}
.privacy{ float: left; margin-left: 15%;}
.terms{ float: right; margin-right: 15%;}


/*弹窗*/
.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000000; opacity: 0.7; z-index: 20; display: none;}
.pop{ width: 90%; height: 70vh; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #11121c; color: #ffffff; z-index: 21; text-align: center;}
.pop_txt{ width: 90%; height: 90%; margin: 9% auto 0 auto; font-size: 1rem; box-sizing: border-box; text-align: left; overflow: auto;}
.pop_close { width: 2rem; height: 2rem; position: absolute; top: 1%; right: 2%;}







/* 子页面 */
.sub_content{position: relative;width: 100%; padding: 1rem 5%;min-height: 48.5rem;font-size: 1.5rem;color: #fff;line-height: 2rem;box-sizing: border-box;}
.sub_list{min-height: 37.8rem;}
.sub_title{font-size: 1.8rem;text-align: center;color: #6b9af1; font-weight: bold;line-height: 2rem;margin-bottom: 0.5rem;}
.sub_time{color: #999;font-size: 1rem;text-align: center;}
.sub_line{border-bottom: 1px solid #e0e0e0;margin: 1rem auto 2rem;}
.sub_content p{margin: 1rem 0;word-wrap: break-word;}
.sub_content img{ display: block; max-width: 100%; height: auto; width: auto; margin:  1.5rem auto; object-fit: contain;}







/*横屏*/
@media screen and (min-aspect-ratio:13/8){
    .wrap{width: 750px;margin: 0 auto; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
    .pop{ width: 36%;}
    .pop_txt{ margin: 6% auto 0 auto;}
}


