@charset "utf-8";
/* CSS Document */
body,.header,.header_box,#fullpage{ min-width:1000px!important;}
.section{ background-size: cover; background-position:50% 50%; background-repeat:no-repeat; overflow:hidden; z-index:1;}
#section0{ background-image: url(../images/bg1.jpg);}
#section1{ z-index:2;}
#section2{ background-image: url(../images/bg3.jpg);}
#section3{ background-image: url(../images/bg4.jpg);}
#fullpage{ position:relative; z-index:1; display:none;}
.loading_body{ height:100%!important;; width:100%!important;; overflow:hidden;}
.loading{ position:fixed; height:100%; width:100%; background:#fff; z-index:1; left:0; top:0;}
.loading_con{ position:absolute; width:97px; height:111px; left:50%; top:55%; margin:-55px 0 0 -49px; z-index:1;}
.loading_logo_1{ position:relative; z-index:1; width:97px; height:74px; overflow:hidden; background:url(../images/loading_logo_1.png) no-repeat 0 0;}
.loading_logo_2{ position:absolute; z-index:2; width:100%; height:0%; bottom:0; left:0; background:url(../images/loading_logo_2.png) no-repeat 0 100%;}

.pos{ width:100%; position:absolute; left:0; top:0; z-index:1;}


.p1_text{ position:absolute; right:0; bottom:0; z-index:2; width:22.3958%;}
.six_list_ul{ width:100%; position:relative; z-index:1; height:100%;}
.six_list_ul li{ width:20%; position:absolute; z-index:1; height:100%; background-size: cover; background-position:50% 0; background-repeat:no-repeat; overflow:hidden;}

.six_list_ul li a{ display:block; width:100%; position:relative; z-index:1; height:100%;}
.mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35); z-index:1;}
.six_video{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:4; display:none; background:#000;}
.six_text{ position:absolute; left:0; top:0; z-index:2;}
.six_list_ul li a:hover .mask{ display:none;}
.six_list_ul li.sixbg1{ background-image: url(../images/six_bg_1.jpg); left:0%;}
.six_list_ul li.sixbg2{ background-image: url(../images/six_bg_2.jpg); left:20%;}
.six_list_ul li.sixbg3{ background-image: url(../images/six_bg_3.jpg); left:40%;}
.six_list_ul li.sixbg4{ background-image: url(../images/six_bg_4.jpg); left:60%;}
.six_list_ul li.sixbg5{ background-image: url(../images/six_bg_5.jpg); left:80%;}

.p3_text{ position:relative; float:right; z-index:2; width:36.45%; margin-right:8.95%;}
.p3_bg{ width:100%; position:absolute; left:0; top:50%; z-index:1; overflow:hidden;}

.six_part{ background:none;}
.introduction_box{ margin:0 auto; width:72%; position:relative; height:auto; margin-top:30px;}
.six_part{ width:100%; height:auto;}
.introduction_box .six_bg_img{ height:auto; width:100%;}
.arrow_btn a{ background-image: url(../images/arrow.png); background-size:80px 65px; height:65px; width:40px;}
.left_btna{ left:45px;}
.left_btna a{ background-position:0 50%;}
.right_btna{ display:block;}
.right_btna a{ background-position:100% 50%;}

.introduction_nav_ul{ z-index:4;}
#fp-nav ul li, .fp-slidesNav ul li{ width:22px; height:18px; margin:0; padding:10px 5px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:url(../images/dot_i.png) no-repeat 0 0; width:22px; height:18px; margin:0; left:0; top:0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ background-position:0 100%; width:22px; height:18px; margin:0;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
     width:22px; height:18px; margin:0;
}
.introduction_nav_ul{ width:950px; margin-bottom:-1%;}
.introduction_nav_ul li{ width:100px; margin:0 5px;}

.video_c{ position: absolute; left: 0; top:0; width: 100%; background:url(../images/bg1.jpg) 50% 50%; background-size: contain; object-fit: cover; z-index:1;}
.video_c_v{ position:relative; width: 100%; background-position: 50% 0; background-size: contain; object-fit: cover; z-index:1;}

.p3Ac{ height:100%; width:100%; position:relative; z-index:1;}