@charset "utf-8";
html,
body{overflow:hidden; width:100%; height:100%; background:url(../img/page1_paper2.jpg) 0 0/100% 100% no-repeat;}
#wrapper{width:100%; height:100%;}

footer,.pagetop{display:none;}

/*#header,.ai_icon{opacity:0;}*/


.future_main{width:100%; height:100%; box-sizing:border-box; padding-top:70px; position:relative;}

.future_main .future_menu{width:100%; height:36px; background:rgba(0,0,0,0.5); position:fixed; top:70px; left:0; z-index:10;}
.future_main .future_menu .future_menu_list{max-width:75%; height:100%; display:flex; float:left;}
.future_main .future_menu .future_mov_btn{width:25%; height:100%; display:flex; align-items:center; float:right;}

.future_main .future_menu ul li{height:100%; box-sizing:border-box; padding:0 10px; color:#fff; line-height:36px;}
.future_main .future_menu ul li a{display:block; width:100%; color:#fff;}
.future_main .future_menu ul li.on{background:#e60a1d;}

.future_main .future_menu .future_mov_btn .btn_mov{width:100%; box-sizing:border-box; padding:3px 5px;}
.future_main .future_menu .future_mov_btn .btn_mov img{display:block; width:100%; border-radius:4px;}


.back_page1{padding:6px 24px; background:#cb9f2a; border-radius:100px; position:absolute; top:80px; right:10px; z-index:1; display:none;}
.back_page1 p{width:100%; text-align:center; color:#fff; font-weight:bold;}
.back_page1 p span{display:inline-block; width:6px; height:6px; position:relative;border-top:2px solid #fff; border-left:2px solid #fff; transform:rotate(135deg);
 margin-left:6px;}
 
.future_swiper_box{width:100%; height:100%; background:#000; position:relative; z-index:0; /*opacity:0;*/}
.future_swiper{width:100%; height:100%;}
.future_swiper .future_slide{width:100%; height:100%;}

.future_swiper_box .page1 .page_bg{width:100%; height:100%; background:url(../img/page1_bg.jpg) 0 center/100% auto no-repeat; position:absolute; left:0%; top:0%; z-index:0; /*opacity:0.5;*/}

.future_swiper_box .page1 .page_box1{width:100%; height:100%; position:relative;}
.future_swiper_box .page1 .page_box1 .txt_box{width:100%; box-sizing:border-box; padding:0 10px; position:absolute; left:0; bottom:9%; z-index:1;}
.future_swiper_box .page1 .page_box1 .txt_box dt{width:40px; float:left;}
.future_swiper_box .page1 .page_box1 .txt_box dt img{display:block; width:100%;}
.future_swiper_box .page1 .page_box1 .txt_box dd{width:calc(100% - 40px); font-size:16px; float:left; box-sizing:border-box; padding-left:10px; color:#fff;}
.future_swiper_box .page1 .page_box1 .txt_box dd .small{font-size:9px; margin-bottom:5px;}
/*.future_swiper_box .page1 .page_box1{width:100%; box-sizing:border-box; position:relative; top:30px; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; opacity:1;}
.future_swiper_box .page1 .page_box1 h1{width:100%; box-sizing:border-box; padding:0 14%; margin-bottom:10px;}
.future_swiper_box .page1 .page_box1 h1 img{display:block; width:100%;}

.future_swiper_box .page1 .page_box1 .btn_box{width:100%; box-sizing:border-box; padding:0 7%;}
.future_swiper_box .page1 .page_box1 .btn_box .btns{width:100%; background:rgba(255,255,255,0.1); border-radius:20px; box-sizing:border-box; padding:6% 7% 6% 7%;}
.future_swiper_box .page1 .page_box1 .btn_box .btns p{width:100%; position:relative; margin-bottom:24px;}
.future_swiper_box .page1 .page_box1 .btn_box .btns p:last-child{margin-bottom:0;}
.future_swiper_box .page1 .page_box1 .btn_box .btns p a{display:block; width:100%; position:relative;}
.future_swiper_box .page1 .page_box1 .btn_box .btns p img{display:block; width:100%;}
.future_swiper_box .page1 .page_box1 .btn_box .btns p span{width:50px; height:50px; background:url(../img/more.png) 0 0/100% 100% no-repeat; position:absolute; right:-3%; top:-12%; z-index:2;}

.future_swiper_box .page1 .mov_btn1{width:100%; box-sizing:border-box; margin-top:20px; position:relative; z-index:3; padding:0 7% 0 7%; }
.future_swiper_box .page1 .mov_btn1 img{display:block; width:100%; border-radius:12px;}*/


.future_open{width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:1000005;}

.future_open .tiaoguo{width:120px; height:44px; position:absolute; right:0px; bottom:0; z-index:10; box-sizing:border-box; padding:15px 0 15px 30px;}
.future_open .tiaoguo:after{display:block; width:24px; content:'跳过'; font-weight:bold; position:absolute; left:0px; bottom:11px;}
.future_open .jiantou{width:68px; height:14px; display:flex; align-items:center;}
.future_open .jiantou p{width:14px; height:14px; position:relative; top:0;
animation:jiantou 2s 0s infinite;
-webkit-animation:jiantou 2s 0s infinite;
transform:rotate(135deg);
}

.future_open .jiantou .jiantou1{border-top:5px solid #eeeeee; border-left:5px solid #eeeeee; animation-delay:0s;}
.future_open .jiantou .jiantou2{border-top:5px solid #d2d2d2; border-left:5px solid #d2d2d2; left:-5px; animation-delay:-.2s;}
.future_open .jiantou .jiantou3{border-top:5px solid #a0a0a0; border-left:5px solid #a0a0a0; left:-8px; animation-delay:-.4s;}
.future_open .jiantou .jiantou4{border-top:5px solid #313131; border-left:5px solid #313131; left:-13px; animation-delay:-.6s;}

@keyframes jiantou{
  0%{opacity:0; transform:rotate(135deg) translate(16px,16px);}
  50%{opacity:1;}
  100%{opacity:0; transform:rotate(135deg) translate(-16px,-16px);}
}
@-webkit-keyframes jiantou{
  0%{opacity:0; transform:rotate(135deg) translate(16px,16px);}
  50%{opacity:1;}
  100%{opacity:0; transform:rotate(135deg) translate(-16px,-16px);}
}



.future_open img{display:block; width:100%;}
.future_open .open_paper{width:200%; height:100%; position:absolute; left:-99%; top:0%; z-index:1;}
.future_open .open_paper .bg1{width:30%; height:100%; background:url(../img/page1_paper1.png) 0 0/100% 100% no-repeat; float:left; margin-right:-1px;}
.future_open .open_paper .bg2{width:70%; height:100%; background:url(../img/page1_paper2.jpg) 0 0/100% 100% no-repeat; float:left;}
.future_open .open_paper img{height:100%;}
.future_open .open_txt{width:100%; height:100%; background:url(../img/page1_paper2.jpg) 0 0/100% 100% repeat; box-sizing:border-box; padding:30% 25% 0; position:absolute; left:0%; top:0%; z-index:3;}
.future_open .open_txt .txt{width:100%; position:relative; z-index:1;}

.future_open .open_car{width:35%; position:absolute; left:25%; bottom:25%; z-index:3; opacity:0;}

.future_swiper .swiper-button-next:after, 
.future_swiper .swiper-rtl .swiper-button-prev:after{content:'';}

.future_swiper .swiper-button-next:after,
.future_swiper .swiper-button-prev:after{font-family:none;}

.future_swiper .swiper-button-next, 
.future_swiper .swiper-button-prev{color:none; opacity:1;}

.future_swiper .swiper-button-next{width:50px; height:50px; right:inherit; top:inherit; bottom:5px; left:50%; margin-left:-25px; }
.future_swiper .swiper-button-next .down_box{width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.future_swiper .swiper-button-next p{width:100%; font-size:10px; text-align:center; color:#fff; margin-bottom:5px;}
.future_swiper .swiper-button-next .shubiao{width:19px; height:31px; background:url(../img/down_11.png) 0 0/100% auto no-repeat; position:relative;}
.future_swiper .swiper-button-next .shubiao span{display:block; width:100%; height:100%; background:url(../img/down_12.png) 0 0/100% auto no-repeat; position:absolute; top:0; left:0;
animation:shuBiao 1.5s 0s infinite;
-webkit-animation:shuBiao 1.5s 0s infinite;
}

@keyframes shuBiao{
	0%{opacity:0; transform:translate(0,12px);}
   30%{opacity:1;}
   70%{opacity:1;}
  100%{opacity:0; transform:translate(0,-1px);}
}
@-webkit-keyframes shuBiao{
    0%{opacity:0; transform:translate(0,12px);}
   30%{opacity:1;}
   70%{opacity:1;}
  100%{opacity:0; transform:translate(0,-1px);}
}


.future_swiper_box .page2{background:url(../img/page2_bg.jpg) 0 bottom/100% auto no-repeat;}

.future_swiper_box .page2 .future_slide{box-sizing:border-box; padding:46px 0 66px;}
.future_swiper_box .page2 .future_slide .page_box1{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.future_swiper_box .page2 .future_slide .page_box1 h1{width:100%; box-sizing:border-box; padding:0 15px; margin-bottom:25px;}
.future_swiper_box .page2 .future_slide .page_box1 h1 img{display:block; width:100%;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box{width:100%; display:flex; justify-content:center; position:relative;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p{position:relative;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p img{display:block; width:100%;}

/*.future_swiper_box .page2 .future_slide .page_box1 .btn_box img.qidai{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
}*/

.future_swiper_box .page2 .future_slide .page_box1 .btn_box p span{display:block; width:100%; height:100%; background:url(../img/page2_btn_zhezhao.png) 0 0/100%  auto no-repeat; position:absolute; top:0; left:0;}
/*.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn4 span{background-position:0px 0;}*/

.future_swiper_box .page2 .future_slide .page_box1 .btn_box .center{width:36%; left:10px; position:relative;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box .center p{width:100%;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box .center p:last-child{margin-left:-13%;}

.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn1,
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn4{width:36%; position:absolute;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn1{left:10px; top:10%;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn4{right:9px; bottom:10%;}


.future_swiper_box .page3{background:url(../img/page3_bg.jpg) 0 bottom/100% auto no-repeat;}

/* .future_swiper_box .page3 .future_slide{box-sizing:border-box; padding:90px 0 66px;}
.future_swiper_box .page3 .future_slide .page_box1{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.future_swiper_box .page3 .future_slide .page_box1 h1{width:100%; box-sizing:border-box; padding:0 15px; margin-bottom:20px;}
.future_swiper_box .page3 .future_slide .page_box1 h1 img{display:block; width:100%;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box{width:100%; box-sizing:border-box; padding-right:20px; display:flex; justify-content:flex-end; position:relative; }
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p{position:relative;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p img{display:block; width:100%;} */
.future_swiper_box .page3 .future_slide{box-sizing:border-box; padding:46px 0 66px;}
.future_swiper_box .page3 .future_slide .page_box1{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.future_swiper_box .page3 .future_slide .page_box1 h1{width:100%; box-sizing:border-box; padding:0 15px; margin-bottom:25px;}
.future_swiper_box .page3 .future_slide .page_box1 h1 img{display:block; width:100%;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box{width:100%; display:flex; justify-content:center; position:relative; }
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p{position:relative;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p img{display:block; width:100%;}
/*.future_swiper_box .page3 .future_slide .page_box1 .btn_box img.qidai{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
}*/

.future_swiper_box .page3 .future_slide .page_box1 .btn_box p span{display:block; width:100%; height:100%; background:url(../img/page3_btn_zhezhao.png) 0 0/100%  auto no-repeat; position:absolute; top:0; left:0;}

.future_swiper_box .page3 .future_slide .page_box1 .btn_box .center{width:36%; left:10px; position:relative;}

.future_swiper_box .page3 .future_slide .page_box1 .btn_box .center p{width:100%;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box .center p:last-child{margin-left:-13%;}

.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn1{left:10px; top:10%;}

.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn1,
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn4{width:36%; position:absolute;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn4{right:9px; bottom:10%;}


@media screen and (max-height:700px){
.future_swiper_box .page2 .future_slide .page_box1 h1{padding:0 25px;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn1, 
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn4,
.future_swiper_box .page2 .future_slide .page_box1 .btn_box .center{width:32%;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn1{left:20px;}
.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn4{right:17px;}

.future_swiper_box .page3 .future_slide .page_box1 h1{padding:0 25px;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn1, 
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn4,
.future_swiper_box .page3 .future_slide .page_box1 .btn_box .center{width:32%;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn1{left:20px;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn4{right:17px;}

/*.future_swiper_box .page3 .future_slide .page_box1 h1{padding:0 25px;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn1,
.future_swiper_box .page3 .future_slide .page_box1 .btn_box .center{width:44%;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn1{left:40px;}
.future_swiper_box .page3 .future_slide .page_box1 .btn_box .center{left:-20px;}*/
}

@media screen and (max-height:675px){

}

@media screen and (max-height:600px){
	.future_swiper_box .page2 .future_slide .page_box1 h1{padding:0 35px;}
	.future_swiper_box .page2 .future_slide .page_box1 .btn_box .center{width:30%;}
	.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn1,
	.future_swiper_box .page2 .future_slide .page_box1 .btn_box p.btn4{width:30%;}
	
	.future_swiper_box .page3 .future_slide .page_box1 h1{padding:0 35px;}
	.future_swiper_box .page3 .future_slide .page_box1 .btn_box .center{width:30%;}
	.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn1,
	.future_swiper_box .page3 .future_slide .page_box1 .btn_box p.btn4{width:30%;}
}



@media screen and (min-height:700px){
	.future_swiper_box .page2 .future_slide .page_box1 h1{margin-bottom:5%;}
	.future_swiper_box .page3 .future_slide .page_box1 h1{margin-bottom:5%;}
}
@media screen and (min-height:800px){
	.future_swiper_box .page1 .page_box1{top:0;}
	.future_swiper_box .page1 .page_box1 .btn_box{padding-right:5%; padding-left:5%;}
	.future_swiper_box .page1 .page_box1 .btn_box .btns{padding-right:5%; padding-left:5%;}
	.future_swiper_box .page2 .future_slide .page_box1 h1{margin-bottom:16%;}
	.future_swiper_box .page3 .future_slide .page_box1 h1{margin-bottom:16%;}
	.future_swiper_box .page1 .mov_btn1{padding-right:5%; padding-left:5%;}
}
@media screen and (min-height:900px){
	
}
/*页面动画*/

.future_open{background:url(../img/page1_paper2.jpg) 0 0/100% 100% no-repeat;}

/*.future_open .open_txt .txt{height:0; overflow:hidden;}*/

.future_open .open_txt .txt{opacity:0;}

.future_open .open_txt .txt.anima{
animation:openTxt 3s linear both;
-webkit-animation:openTxt 3s linear both;
}

.future_open .tiaoguo.anima{
animation:futureOpen 1s 2s linear both;
-webkit-animation:futureOpen 1s 2s linear both;
}

.future_open.anima{
animation:futureOpen 1.5s 3s linear both;
-webkit-animation:futureOpen 1.5s 3s linear both;
}

@keyframes openTxt{	
	0%{opacity:0;}
   70%{opacity:1;}
   99%{opacity:1;}
  100%{opacity:0;}
}
@-webkit-keyframes openTxt{
    0%{opacity:0;}
   70%{opacity:1;}
   99%{opacity:1;}
  100%{opacity:0;}
}

@keyframes futureOpen{
	0%{display:block; opacity:1; z-index:1000005;}
  100%{display:none; opacity:0; z-index:-1;}
}
@-webkit-keyframes futureOpen{
	0%{display:block; opacity:1; z-index:1000005;}
  100%{display:none; opacity:0; z-index:-1;}
}

/*视频大浮层*/
.mov_fuping{width:100%; height:calc(100vh - 70px); overflow:hidden; position:fixed; top:70px; left:0; z-index:1000003; opacity:1; transition: height 1s ease, opacity 0.5s ease 0.5s;}
.mov_fuping .mov_fuping_close{display:block; width:35px; height:35px; box-sizing:border-box; padding:8px; position:absolute; top:0px; right:0px; z-index:2;}
.mov_fuping .mov_fuping_close img{display:block; width:100%;}
.mov_fuping .mov_pic{width:100%; height:100%; background:url(../img/mov/screen.jpg) center 0/100% auto no-repeat;}
.mov_fuping .mov_pic img{display:block; width:100%;}

/*视频弹窗*/
.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:28px; height:28px; box-sizing:border-box; padding:5px; position:absolute; top:0px; right:0px; z-index:2;}
.mov_pop .box_pop .close img{display:block; width:100%;}
.mov_pop .box_pop .videos_wrap{width:100%; height:calc(100vh - 30px); display:flex; justify-content:center; align-items:center; position:absolute; top:28px; left:0; z-index:1;}
.mov_pop .box_pop video{width:100%; border:none; outline:none; margin-top:inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }

@media screen and (max-height:670px){
.mov_pop .box_pop video{width:inherit; height:100%;}
}
@media screen and (min-height:800px){
.mov_pop .box_pop .close{width:35px; height:35px; padding:5px;}
.mov_pop .box_pop .videos_wrap{height:calc(100vh - 35px); top:35px;}
}