@charset "UTF-8";
html,body{width:100%; height:100%;}

#wrapper {display: block;}

.safety_wrap{width:100%; padding-top:70px;}

.safety_wrap .follow_menu{width:100%; box-sizing:border-box; padding:10px 3%; background:#fff; position:fixed; top:69px; left:0; z-index:999; display:none;}
.safety_wrap .follow_menu li{width:100%;}
.safety_wrap .follow_menu ul li{width:49%; float:left; margin-right:2%; position:relative; margin-bottom:5px;} 
.safety_wrap .follow_menu ul li:nth-child(2n){margin-right:0;}
.safety_wrap .follow_menu a{display:block; width:100%; padding:10px 0; text-align:center; font-size:14px; color:#fff; line-height:1; font-weight:bold; border-radius:4px;}
.safety_wrap .follow_menu a span{display:block; width:100%; text-align:center; font-size:12px;}

.safety_wrap .follow_menu ul li.btn1 a{background:#e4c14f;}
.safety_wrap .follow_menu ul li.btn2 a{background:#df6570;}
.safety_wrap .follow_menu ul li.btn3 a{background:#14b0a6;}
.safety_wrap .follow_menu ul li.btn4 a{background:#f7ab6c;}
.safety_wrap .follow_menu ul li.btn5 a{background:#80dcd6;}
.safety_wrap .follow_menu ul li.btn6 a{background:#d4c688;}

.safety_wrap .mov{display:block; position:relative;}
.safety_wrap .mov span{display:block; width:80px; height:80px; background:url(../img/play_btn.png) 0 0/100% 100% no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10;}

.safety_wrap .part1{width:100%;}
.safety_wrap .part1 .swiper-container{width:100%;}
.safety_wrap .part1 .swiper-pagination-bullet{width:40px; height:3px; border-radius:3px; opacity:1; background:#fff; box-shadow:0px 0px 3px rgba(2,2,2,.5);}
.safety_wrap .part1 .swiper-pagination-bullet-active{background:#f3d400;}
.safety_wrap .part1 .box{width:100%;}
.safety_wrap .part1 .box .pic{width:100%;}
.safety_wrap .part1 .box img{display:block; width:100%;}


.safety_wrap .part2{width:100%; position:relative;}
.safety_wrap .part2 ul{width:100%;}
.safety_wrap .part2 ul li{width:50%; float:left; position:relative;} 
.safety_wrap .part2 ul li .bg{width:100%;}
.safety_wrap .part2 ul li .bg img{display:block; width:100%;}
.safety_wrap .part2 ul li .txt{width:100%; height:100%; position:absolute; top:0; left:0;}
.safety_wrap .part2 ul li .txt a{display:block; width:100%; height:100%;}
.safety_wrap .part2 ul li .txt p{width:100%; text-align:center; font-size:18px; color:#fff; font-weight:bold; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.safety_wrap .part2 ul li .txt p span{display:block; width:100%; text-align:center; font-size:14px;}

.safety_wrap .part2 ul li.btn1 .txt{background:#e4c14f;}
.safety_wrap .part2 ul li.btn2 .txt{background:#df6570;}
.safety_wrap .part2 ul li.btn3 .txt{background:#14b0a6;}
.safety_wrap .part2 ul li.btn4 .txt{background:#f7ab6c;}
.safety_wrap .part2 ul li.btn5 .txt{background:#80dcd6;}
.safety_wrap .part2 ul li.btn6 .txt{background:#d4c688;}

.safety_wrap .part3{width:100%;}
.safety_wrap .scene_wrap{width:100%;}
.safety_wrap .scene_wrap .scene{width:100%; display:none;}
.safety_wrap .scene_wrap .scene.active{display:block;}
.safety_wrap .scene_wrap .scene .box1{width:100%;}
.safety_wrap .scene_wrap .scene .box1 img{display:block; width:100%;}
.safety_wrap .scene_wrap .scene .box2{width:100%; box-sizing:border-box; padding:30px 3% 10px; background:#fff;}

.safety_wrap .scene_wrap .scene .box2 .jt_wrap{width:100%; position:relative;}
.safety_wrap .scene_wrap .scene .box2 .jt{width:16px; position:absolute; left:0; bottom:-10px; z-index:1;}
.safety_wrap .scene_wrap .scene .box2 .jt img{display:block; width:100%;}

.safety_wrap .scene_wrap .scene .box2 .tab_btn{width:100%; border-bottom:5px solid #e4c14f; position:relative; margin-bottom:30px;}
.safety_wrap .scene_wrap .scene .box2 .tab_btn li{background:#e8e8e8; border-radius:3px 3px 0 0; text-align:center; padding:8px 0; margin-right:0.5%; float:left; font-weight:bold; margin-bottom:-1px;}
.safety_wrap .scene_wrap .scene .box2 .tab_btn li.on{background:#e4c14f; color:#fff;}

.safety_wrap .scene_wrap .scene01 .box2 .jt{left:22%;}
.safety_wrap .scene_wrap .scene01 .box2 .tab_btn li{width:49.75%;}

.safety_wrap .scene_wrap .scene02 .box2 .jt{left:22%;}
.safety_wrap .scene_wrap .scene02 .box2 .tab_btn li{width:49.75%;}

.safety_wrap .scene_wrap .scene03 .box2 .jt{left:22%;}
.safety_wrap .scene_wrap .scene03 .box2 .tab_btn li{width:49.75%;}

.safety_wrap .scene_wrap .scene04 .box2 .jt{left:22%;}
.safety_wrap .scene_wrap .scene04 .box2 .tab_btn li{width:49.75%;}

.safety_wrap .scene_wrap .scene05 .box2 .jt{left:22%;}
.safety_wrap .scene_wrap .scene05 .box2 .tab_btn li{width:49.75%;}

.safety_wrap .scene_wrap .scene06 .box2 .jt{left:9%;}
.safety_wrap .scene_wrap .scene06 .box2 .tab_btn li:nth-child(1){width:22%;}
.safety_wrap .scene_wrap .scene06 .box2 .tab_btn li:nth-child(2){width:22%;}
.safety_wrap .scene_wrap .scene06 .box2 .tab_btn li:nth-child(3){width:55%;}

.safety_wrap .scene_wrap .scene .box2 .tab_btn li:last-child{margin-right:0;}


.safety_wrap .scene_wrap .scene .box2 .tab_con{width:100%;}
.safety_wrap .scene_wrap .scene .box2 .tab_con li{width:100%; display:none;}
.safety_wrap .scene_wrap .scene .box2 .tab_con li.on{display:block;}
.safety_wrap .scene_wrap .scene .box2 .tab_con li dl,
.safety_wrap .scene_wrap .scene .box2 .tab_con li dl dt,
.safety_wrap .scene_wrap .scene .box2 .tab_con li dl dd{width:100%;}

.safety_wrap .scene_wrap .scene .box2 .tab_con li dl{margin-bottom:50px;}
.safety_wrap .scene_wrap .scene .box2 .tab_con li dl:last-child{margin-bottom:0px;}
.safety_wrap .scene_wrap .scene .box2 .tab_con li dl dt{margin-bottom:8px;}
.safety_wrap .scene_wrap .scene .box2 .tab_con li dl dt img{display:block; width:100%; border-radius:8px;}
.safety_wrap .scene_wrap .scene .box2 .tab_con li dl dd p{width:100%; box-sizing:border-box; padding:10px; border-radius:5px; background:#ddd; margin-bottom:8px;}

.safe_pop{width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:-10000; display:none;}
.safe_pop .close{width:36px; position:absolute; right:-1px; top:-1px; z-index:10;}
.safe_pop .close img{display:block; width:100%;}

.safe_pop ul{width:100%; height:100%; box-sizing:border-box; padding:4% 3%; overflow:hidden; display:flex; align-items:center;}
.safe_pop ul li{width:100%; max-height:100%; overflow-y:scroll; box-sizing:border-box; padding:10px; background:#fff; border-radius:8px; -webkit-overflow-scrolling:touch; display:none;}
.safe_pop ul li::-webkit-scrollbar{display:none;}

.safe_pop ul li .safe_box{width:100%; position:relative;}
.safe_pop ul li .top_tit{width:100%; margin-bottom:60px; position:relative;}
.safe_pop ul li .top_tit .bg{width:100%;}
.safe_pop ul li .top_tit .bg img{display:block; width:100%; border-radius:5px 5px 0 0;}
.safe_pop ul li .top_tit .tits{width:100%; position:absolute; left:0; top:50px;}
.safe_pop ul li .top_tit .tit1{width:100%; background:url(../img/tit_bg.png) center 0 no-repeat; background-size:50% 100%; padding:6px 0; text-align:center; color:#fff; font-size:15px; font-weight:bold; letter-spacing:4px;}
.safe_pop ul li .top_tit .tit2{width:100%; background:#fff; border:5px solid #e4c14f; border-radius:5px; text-align:center; color:#333; font-weight:bold; padding:6px 0; box-sizing:border-box; margin-top:-1px;}
.safe_pop ul li .top_tit .tit2 span{font-size:10px;}

.safe_pop ul li .font10 .tit2{font-size:10px;}
.safe_pop ul li .top_tit .tit2 span{font-size:8px;}

.safe_pop ul li .box_con{width:100%; box-sizing:border-box; padding:20px 10px; background:#f7f7f7; border-radius:8px; margin-bottom:30px;}
.safe_pop ul li .box_con:last-child{margin-bottom:0;}
.safe_pop ul li .box_con h4{width:100%; font-size:14px; color:#3c3c3c; margin-bottom:20px;}
.safe_pop ul li .box_con p{width:100%; color:#666; margin-bottom:20px; line-height:1.6;}
.safe_pop ul li .box_con p:last-child{margin-bottom:0;}
.safe_pop ul li .box_con p.notes{font-size:10px;}
.safe_pop ul li .box_con p.pic{width:100%;}
.safe_pop ul li .box_con p.pic img{display:block; width:100%;}

.safe_pop ul li .box_mov{background:none; padding:0;}
.safe_pop ul li .box_mov p{position:relative;}
.safe_pop ul li .box_mov img.mov_pic{display:block; width:100%; border-radius:8px;}
.safe_pop ul li .box_mov img.btn{width:20%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.safe_pop ul li .box2 p.pic img{margin-bottom:5px;}

.safe_pop .scene02_2_pop2 .box1 p.pic img{width:60%; margin:0 auto;}

.safe_pop .scene03_1_pop1 .box3 p.pic img{width:60%; margin:0 auto;}

.safe_pop .scene04_4_pop1 .box2 p.pic img{width:80%; margin:0 auto;}



/*视频弹窗*/
.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; 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;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }