body, html{width:100%; height:100%; overflow:hidden; margin:0; padding:0; background:#000;}
body{-webkit-overflow-scrolling:touch; overflow:auto; position:relative;}

#wrapper{height:100%;}
.ai_icon{display:none;}

img{display:block;}

.progress_box{width:100%; height:100%; box-sizing:border-box; background:url(../img/loading_bg.jpg) 0 0/100% auto no-repeat; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; position:fixed; top:0; left:0; z-index:10000;}
.progress_box .tit_box{width:100%; font-size:40px; text-align:center; margin-bottom:5%; letter-spacing:2px;}

.progress_box .progress{display:flex; align-items:center; position:relative; width:50vw; height:10vw; background:transparent; border:3px solid #fff; border-radius:3vw; box-shadow:2px 3px 4px 0px #505050;}
.progress_box .progress span{position:absolute; left:50%; z-index:20; 
  		transform: translateX(-50%);
-webkit-transform: translateX(-50%);
 		animation: progressAnimate 1s linear 0s infinite alternate;
-webkit-animation: progressAnimate 1s linear 0s infinite alternate;
}
@-webkit-keyframes progressAnimate {
  from{opacity:0.2;}
  to{opacity:1;}
}
@keyframes progressAnimate {
  from{opacity:0.2;}
  to{opacity:1;}
}

.progress .progress-status{width:0%; height:100%; background:url(../img/progress.jpg) 0 0/100% 100% repeat-x; /*background:rgba(68,106,174,0.9);*/ border-radius:2vw; position:absolute; -webkit-transition:0.1s; transition:0.1s; left:0;}



/*视频播放框架*/
.mov{width:100%; position:relative;}
.mov img{display:block; width:100%; height:auto; box-sizing:border-box;}
.mov span.play_icon{display:block; width:50px; height:50px; background:url(../img/play_btn2.png) 0 0  no-repeat; background-size:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
/*视频播放框架*/

.logo{width:100%; box-sizing:border-box; padding:10px 10px 0; display:flex; justify-content:flex-end; position:absolute; top:0; left:0; z-index:105;}
.logo h1{width:100px; height:43px; box-sizing:border-box; padding:10px; background:#fff; border-radius:4px;}
.logo h1 img{display:block; width:100%;}

.bg2024_page1{width:100%; height:100%; box-sizing:border-box; background:url(../img/loading_bg.jpg) 0 0/100% auto no-repeat; color:#fff; position:absolute; top:0; left:0; z-index:901; display:none;}

.bg2024_page1 .loading_box{width:100%; height:100%; box-sizing:border-box; padding-top:40px; padding-bottom:18%; position:relative;}
.bg2024_page1 .loading_box .loading_box_con{width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.bg2024_page1 .loading_box h2{width:100%; font-size:40px; text-align:center; /*margin-bottom:5%;*/ letter-spacing:2px;}

.bg2024_page1 .loading_box .mov_box{width:100%; box-sizing:border-box; padding:0 16%; /*margin-bottom:5%;*/}
.bg2024_page1 .loading_box .mov_box .mov{box-sizing:border-box; padding:8px; background:rgba(255,255,255,0.8); border-radius:5px;}
.bg2024_page1 .loading_box .mov_box .mov img{border-radius:5px;}
.bg2024_page1 .loading_box .mov_box .txt{width:100%; text-align:center; color:#fff; font-size:18px; font-weight:bold; letter-spacing:1px; margin-top:4px;}

.bg2024_page1 .loading_box .zhantai_box{width:100%; box-sizing:border-box; padding:1px 10%; display:flex; justify-content:center; /*margin-bottom:5%;*/}
.bg2024_page1 .loading_box .zhantai_box .pic{width:100%; box-sizing:border-box;}
.bg2024_page1 .loading_box .zhantai_box .pic img{width:100%; height:auto;}
.bg2024_page1 .loading_box .close_loading{width:100%; display:flex; justify-content:center; }
/*.bg2024_page1 .loading_box .close_loading p{padding:6px 80px; font-size:20px; letter-spacing:2px; color:#fff; background:rgba(68,106,174,0.9); border-radius:100px;}*/
.bg2024_page1 .loading_box .close_loading p{width:60%;}
.bg2024_page1 .loading_box .close_loading p img{display:block; width:100%; height:auto;}

.bg2024_page1 .loading_box .flow_sub_wrap{width:100%; box-sizing:border-box; padding:0 2%; position:absolute; left:0; bottom:15px; z-index:10;}
.bg2024_page1 .loading_box .flow_sub{width:100%; background:rgba(255,255,255,0.8); padding:8px 0; border-radius:5px; z-index:2; display:flex;}

.bg2024_page1 .loading_box .flow_sub_box1,
.bg2024_page1 .loading_box .flow_sub_box2{display:flex;}
.bg2024_page1 .loading_box .flow_sub_box1{width:40%;}
.bg2024_page1 .loading_box .flow_sub_box2{width:60%;}

.bg2024_page1 .loading_box .flow_sub_box{width:50%; box-sizing:border-box; display:flex; align-items:center; border-right:1px solid rgba(102,102,102,0.2);}
.bg2024_page1 .loading_box .flow_sub_box .icon,
.bg2024_page1 .loading_box .flow_sub_box a{display:block; width:100%; box-sizing:border-box; padding:0 16%;}
.bg2024_page1 .loading_box .flow_sub_box img{display:block; width:100%;}


.bg2024_page1 .loading_box .flow_sub_box2 .brand{width:50%; display:flex; align-items:center; justify-content:center; border-right:1px solid rgba(102,102,102,0.2);}
.bg2024_page1 .loading_box .flow_sub_box2 .brand:last-child{border-right:0;}
.bg2024_page1 .loading_box .flow_sub_box2 .brand a{display:block; width:100%; box-sizing:border-box; padding:0 10%;}
.bg2024_page1 .loading_box .flow_sub_box2 .brand img{display:block; width:100%;}

.bg2024_page1 .loading_box .flow_sub_sns{width:80%; box-sizing:border-box; padding:10px 3.5% 15px; background:url(../img/sns_bg.png) 0 0/100% 100% no-repeat; position:absolute; bottom:106%; left:8%; z-index:1; display:none;}
.bg2024_page1 .loading_box .flow_sub_sns .btn_sns{width:100%; display:flex; justify-content:space-between; position:relative;}
.bg2024_page1 .loading_box .flow_sub_sns .btn_sns li{width:11%;}
.bg2024_page1 .loading_box .flow_sub_sns .wechat{position:relative;}
.bg2024_page1 .loading_box .flow_sub_sns .wechat .qr_code{width:360%; position:absolute; bottom:142%; left:0%; display:none;}
.bg2024_page1 .loading_box .flow_sub_sns .sns_close{width:100%;}
.bg2024_page1 .loading_box .flow_sub_sns .sns_close img{width:50%; margin:0 auto; transform:rotate(180deg);}

.bg2024_page1 .loading_box .flow_sub_sns .btn_sns img{width:100%;}

.bg2024_page1 .loading_box .flow_sub_sns .btn_sns li,
.bg2024_page1 .loading_box .flow_sub_sns .btn_sns li .pic{position:relative;}

.bg2024_page1 .loading_box .flow_sub_sns .btn_sns li .pic{width:100%; padding:0; margin-bottom:0;}


.bg2024_page1 .loading_box .flow_sub_sns .btn_sns li .prod{top:0; right:0;}





/* 视频容器样式 */
.video-background{width:100%; height:100%; overflow:hidden; box-sizing:border-box; padding-top:70px; position:fixed; top:0; left:0; z-index: 0; /* 设置在其他内容之下 */}
/* 视频样式 */
.video-background .video_box{width:100%; height:100%; /*height:calc(100% - 29px);*/ overflow:hidden;}
.video-background video{display:block; width:100%;
	object-fit:cover; /* 保持视频宽高比并填充整个容*/
	pointer-events:none; /* 禁止视频区域的鼠标交互 */	
}

.video-background .video_kip{width:100%; box-sizing:border-box; padding:5px 10px; text-align:right; color:#fff; font-size:14px;}



.bj2024-content{width:100%; height:100%; overflow:hidden; box-sizing:border-box; padding:80px 10px 10px; display:flex; justify-content:center; align-items:center; position:absolute; top:0%; left:0; z-index:-100; opacity:0; background:url(../img/dingzhen_bz.jpg) 0 0px/100% auto no-repeat;}
.bj2024-content .bg_mengceng{width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; z-index:0;}
.bj2024-content.active{z-index:100; opacity:1;}
.bj2024-content img{display:block; width:100%;}
.bj2024-content .tab_wrap{width:100%; height:100%; box-sizing:border-box; padding:10px; background:url(../img/line_bg.png) 0 0/100% 100% no-repeat; position:relative; z-index:1;}
.bj2024-content .tab_con{width:100%; height:calc(100% - 161px);/*161是导航和白线占据的高度*/ box-sizing:border-box; background:url(../img/t_bg.png) 0 0/100% 100% no-repeat; position:relative;}
.bj2024-content .tab_con li{width:100%; height:100%; display:none;}
.bj2024-content .tab_con li.on{display:block; z-index:3; opacity:1;}

.bj2024-content .tab_con li .part{width:100%; height:100%; box-sizing:border-box; padding:10px 0;}
.bj2024-content .tab_con li .part .swiper{width:100%; height:100%; display:block;}
.bj2024-content .tab_con li .part .swiper-slide{height:auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
.bj2024-content .tab_con li .part .part_box{width:100%; box-sizing:border-box; padding:0px 10px 0;}
.bj2024-content .tab_con li .part .part_box p{width:100%; margin-bottom:20px; font-size:14px; text-align:center; color:#fff;}
.bj2024-content .tab_con li .part .part_box p img{width:100%; border-radius:4px; box-sizing:border-box; border:1px solid #fff; margin-bottom:4px;}
.bj2024-content .tab_con li .part .part_box p a{color:#fff;}
.bj2024-content .tab_con li .part .part_box .mov_box{width:100%; font-size:14px; text-align:center; color:#fff; margin-bottom:20px;}
.bj2024-content .tab_con li .part .part_box .mov_box p{margin-bottom:0px;}
.bj2024-content .tab_con li .part .part_box .mov_box .play_icon{background-image:url(../img/play_btn2.png);}


.bj2024-content .tab_con .swiper-scrollbar.swiper-scrollbar-vertical, 
.bj2024-content .tab_con .swiper-vertical>.swiper-scrollbar{width:5px; height:100%; right:0; top:0; z-index:50;}

/*.bj2024-content .tab_con .swiper-horizontal>.swiper-scrollbar, 
.bj2024-content .tab_con .swiper-scrollbar.swiper-scrollbar-horizontal{width:80%; height:5px; left:10%; bottom:18px; }*/

.bj2024-content .tab_con .swiper-scrollbar{background:#fff; border-radius:0;}
.bj2024-content .tab_con .swiper-scrollbar-drag{background:#d8312d; border-radius:0; display:block;}

.bj2024-content .line_box{width:100%; height:1px; background:#fff; margin:6px 0;}

.bj2024-content .tab_btn{width:100%; box-sizing:border-box; padding:10px 10px 0px; background:url(../img/b_bg.png) 0 0/100% 100% no-repeat; display:flex; justify-content:space-between; flex-wrap:wrap;}
.bj2024-content .tab_btn li{width:49%; box-sizing:border-box; margin-right:1%; margin-bottom:10px; display:flex; justify-content:center;}
.bj2024-content .tab_btn li:nth-child(2n){margin-right:0%;}
.bj2024-content .tab_btn li img{width:120px; height:36px;}


.h_630 .loading_box h2,
.h_630 .loading_box .pic,
.h_630 .loading_box .mov_box{margin-bottom:3%;}
.h_630 .loading_box .pic{padding:0 12%}
.h_630 .loading_box .mov_box{padding:0 17%}


/*.h_640 .loading_box h2{margin-bottom:7%;}
.h_640 .loading_box .pic{margin-bottom:7%;}
.h_640 .loading_box .mov_box{margin-bottom:7%;}*/

@media screen and (min-height:750px){
/*.bg2024_page1 .loading_box h2{margin-bottom:6%;}*/
.bg2024_page1 .loading_box .mov_box{/*margin-bottom:6%;*/ padding:0 10%;}
/*.bg2024_page1 .loading_box .pic{margin-bottom:6%;}*/
}

@media screen and (min-height:780px){
.bg2024_page1 .loading_box .mov_box{padding:0 5%;}
}


@media screen and (min-height:800px){
/*.bg2024_page1 .loading_box h2{margin-bottom:12%;}
.bg2024_page1 .loading_box .mov_box{margin-bottom:12%;}
.bg2024_page1 .loading_box .pic{margin-bottom:12%;}*/
}



/*视频弹窗*/
.mov_pop{width:100%; height:100vh; background:rgba(0,0,0,1); position:fixed; top:0; left:0; z-index:1000003; display:none;}
.mov_pop .box_pop{width:100%; height:100vh; position:relative;}
.mov_pop .box_pop .close{display:block; width:35px; height:35px; position:absolute; top:10px; right:10px; z-index:2;}
.mov_pop .box_pop .close img{display:block; width:100%;}
.mov_pop .box_pop .videos_wrap{width:100%; height:100vh; box-sizing:border-box; padding-top:50%; /*display:flex; justify-content:center; align-items:center;*/ position:absolute; top:0; left:0; z-index:1;}
.mov_pop .box_pop video{width:100%; border:none; outline:none; margin-top:inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }

/*普通内容弹窗*/
.group_detail{width:100%; height:100%; box-sizing:border-box; position:absolute; top:0; left:0; z-index:-800; opacity:0; }
.group_detail .close{width:36px; height:36px; box-sizing:border-box; padding:6px; position:absolute; top:2px; right:2px; z-index:3;}
.group_detail .close img{display:block; width:100%;}
.group_detail ul{width:100%; position:relative; z-index:1;}
.group_detail ul,
.group_detail ul li{width:100%; height:100%;}
.group_detail ul li{box-sizing:border-box; padding:42px 15px 0; position:absolute; top:0; left:0; z-index:-800; opacity:0;}
.group_detail ul li.bz{background:url(../img/popbg_bz.png) 0 0/100% 100% no-repeat;}
.group_detail ul li.gr{background:url(../img/popbg_gr.png) 0 0/100% 100% no-repeat;}
.group_detail ul li.space,
.group_detail ul li.ele,
.group_detail ul li.mfa{background:url(../img/popbg_gr.png) 0 0/100% 100% no-repeat;}

.group_detail ul li h3{width:100%; color:#fff; font-size:16px; margin-bottom:10px;}
.group_detail ul li.moments h3{color:#1f1f1f;}
.group_detail ul li.bz h3{color:#fff;}
.group_detail ul li.gr h3{color:#1f1f1f;}

.group_detail ul li .pop_slide{width:100%; height:calc(100% - 105px); box-sizing:border-box; padding-bottom:30px;}
.group_detail ul li .pop_slide .swiper{width:100%; height:100%;}
.group_detail ul li .pop_slide .swiper-slide{height:auto; -webkit-box-sizing:border-box; box-sizing:border-box;}

.group_detail ul li .box{width:100%;}
.group_detail ul li .box img{display:block; width:100%;}
.group_detail ul li .swiper{width:100%; padding-bottom:10px; display:block;}
.group_detail ul li .pic{width:100%; box-sizing:border-box; padding:0 20px 0 0; margin-bottom:20px;  font-size:16px; text-align:center;}
.group_detail ul li .pic img{width:100%; border-radius:4px;}


/*.group_detail .swiper-horizontal>.swiper-scrollbar, 
.group_detail .swiper-scrollbar.swiper-scrollbar-horizontal{width:80%; height:5px; left:10%; bottom:0; }*/

.group_detail .swiper-scrollbar.swiper-scrollbar-vertical, 
.group_detail .swiper-vertical>.swiper-scrollbar{width:5px; height:100%; right:0; top:0; z-index:50;}

.group_detail .swiper-scrollbar{background:rgba(0,0,0,0.2); border-radius:0;}
.group_detail .swiper-scrollbar-drag{background:#fff; border-radius:0; display:block;}

.group_detail ul li .more{width:100%; display:flex; justify-content:center;}
.group_detail ul li .more a{display:block; width:120px; height:37px;}
.group_detail ul li .more img{width:100%;}


.group_detail .group2_pop .txt_wrap{width:100%; font-size:14px; margin-bottom:30px;}

.group_detail .group3_pop .swiper-scrollbar{background:rgba(0,0,0,0.2);}
.group_detail .group3_pop .swiper-scrollbar-drag{background:#7291ca;}