@charset "utf-8";
html,
body{overflow:hidden; width:100%; height:100%;}
#wrapper{width:100%; height:100%;}

footer,.pagetop{display:none;}

#header{border-bottom:1px solid #e5e5e5; box-sizing:border-box;}

.ai_icon,
.ai_icon .robot-down{bottom:160px;}

.year60th{bottom:180px;}

/*.ai_icon{opacity:0; z-index:-100;}*/


.history_anim{width:100%; height:100%; box-sizing:border-box; overflow:hidden; position:fixed; bottom:0; left:0; z-index:1000005;}
.history_anim .anim_box{width:100%; height:100%;/* background:#fff;*/ position:relative;}

.history_open{width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; /*display:none;*/}
.history_open .haibao{width:100%; height:100%; background:url(../img/animate/open_bg1.jpg) center center/100% auto no-repeat; opacity:0;}
.history_open_bg{width:200%; height:100%; position:absolute; bottom:0; left:0%; z-index:2;}
.history_open_bg .bg1{width:67%; height:100%; float:left; background:url(../img/animate/open_bg2.jpg) 0 bottom/100% 100% no-repeat;}
.history_open_bg .bg2{width:33%; height:100%; float:left; margin-left:-1px; background:url(../img/animate/open_bg3.png) 0 bottom/100% 100% no-repeat;}
.history_open .car{width:36%; position:absolute; bottom:22%; right:29%; z-index:2; opacity:0;}
.history_open .car img{display:block; width:100%;}
.history_open .open_txt{width:100%; height:100%; box-sizing:border-box; padding:30% 10% 0; position:absolute; top:0%; left:0%; z-index:3;}

.history_open .open_txt .txtbg{width:100%; height:100%; background:url(../img/animate/open_bg2.jpg) 0 0/100% 100% no-repeat; position:absolute; left:0%; top:0%; z-index:0; opacity:1;}
.history_open .open_txt .txt{width:100%; margin:0 auto; position:relative; z-index:1;}


.history_open .txt img{display:block; width:100%;}

.history_slide{width:100%; height:100%; background:#fff; overflow:hidden; position:relative; opacity:0; z-index:1;}
.history_slide .slide_list{width:380%; height:100%; background:url(../img/animate/slide_list.jpg) 0 center/100% auto no-repeat; box-sizing:border-box; padding-bottom:20px; display:flex; align-items:center; position:relative; left:0; z-index:1;}
.history_slide .slide_list img{display:block; width:100%;}

.history_anim .mengban{width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:0;}

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

.history_anim .jiantou .jiantou1{border-top:5px solid #eeeeee; border-left:5px solid #eeeeee; animation-delay:0s;}
.history_anim .jiantou .jiantou2{border-top:5px solid #d2d2d2; border-left:5px solid #d2d2d2; left:-5px; animation-delay:-.2s;}
.history_anim .jiantou .jiantou3{border-top:5px solid #a0a0a0; border-left:5px solid #a0a0a0; left:-8px; animation-delay:-.4s;}
.history_anim .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);}
}

/*.history_open .open_txt .txt{height:27%; overflow:hidden;
animation:openTxt 16s linear both;
-webkit-animation:openTxt 16s linear both;
}

.history_open .open_txt .txtbg{
animation:bgTxt 3s 6s both;
-webkit-animation:bgTxt 3s 6s both;	
}

.history_open .car{
animation:openCar 3s 12s both;
-webkit-animation:openCar 3s 12s both;
}

.history_open_bg{
animation:openPaper 2s 14.5s both;
-webkit-animation:openPaper 2s 14.5s both;
}

.history_open .haibao{
animation:haibao 4s 14s ease-in both;
-webkit-animation:haibao 4s 14s ease-in both;
}

.history_open{
animation:openOut 0.5s 18s both;
-webkit-animation:openOut 0.5s 18s both;
}

.history_slide .slide_list{
animation:slide 16s 17.5s linear both;
-webkit-animation:slide 16s 17.5s linear both;
}
.history_slide{
animation:bgTxt 1s 33.5s both;
-webkit-animation:bgTxt 1s 33.5s both;
}

.history_anim .mengban{
animation:mengBan 2s 33.5s both;
-webkit-animation:mengBan 2s 33.5s both;	
}

.history_anim{
animation:animOut 0.1s 36s both;
-webkit-animation:animOut 0.1s 36s both;
}*/

.history_slide .slide_list{
animation:slide 30s 1s linear both;
-webkit-animation:slide 30s 1s linear both;
}
.history_slide{
animation:bgTxt 1s 30s both;
-webkit-animation:bgTxt 1s 30s both;
}

.history_anim .tiaoguo{
animation:mengBan 2s 30s both;
-webkit-animation:mengBan 2s 30s both;	
}

.history_anim .mengban{
animation:mengBan 2s 30s both;
-webkit-animation:mengBan 2s 30s both;	
}

.history_anim{
animation:animOut 0.1s 32s both;
-webkit-animation:animOut 0.1s 32s both;
}

#wrapper{
animation:wrapperAni 0.1s 26s both;
-webkit-animation:wrapperAni 0.1s 26s both;
}



@keyframes bgTxt{
	0%{opacity:1;}
  100%{opacity:0;}
}
@-webkit-keyframes bgTxt{
    0%{opacity:1;}
  100%{opacity:0;}
}
@keyframes slide{
    0%{left:0%; opacity:1;}
  94%{left:-280%; opacity:1;}
  99%{left:-280%; opacity:1;}
  100%{left:-280%; opacity:0;}
}
@-webkit-keyframes slide{
    0%{left:0%; opacity:1;}
  94%{left:-280%; opacity:1;}
  99%{left:-280%; opacity:1;}
  100%{left:-280%; opacity:0;}
}

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

@keyframes wrapperAni{
	0%{z-index:0;}
  100%{z-index:100;}
}
@-webkit-keyframes wrapperAni{
	0%{z-index:0;}
  100%{z-index:100;}
}

@keyframes mengBan{
	0%{opacity:1;}
  100%{opacity:0;}
}
@-webkit-keyframes mengBan{
    0%{opacity:1;}
  100%{opacity:0;}
}






@keyframes openOut{
	0%{display:block; z-index:3;}
  100%{display:none; z-index:-1;}
}
@-webkit-keyframes openOut{
	0%{display:block; z-index:3;}
  100%{display:none; z-index:-1;}
}

@keyframes openTxt{
	0%{height:0; left:0%;}
   93%{height:27%;left:0%;}
   94%{height:0; left:-600%;}
  100%{height:0; left:-600%;}
}
@-webkit-keyframes openTxt{
    0%{height:0; left:0%;}
   93%{height:27%;left:0%;}
   94%{height:0; left:-600%;}
  100%{height:0; left:-600%;}
}


@keyframes openCar{
	0%{opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes openCar{
    0%{opacity:0;}
  100%{opacity:1;}
}



@keyframes openPaper{
	0%{left:0%;}
  100%{left:-300%;}
}
@-webkit-keyframes openPaper{
    0%{left:0%;}
  100%{left:-300%;}
}

@keyframes haibao{
	0%{opacity:0;}
	1%{opacity:1;}
   90%{opacity:1;}
  100%{opacity:0;}
}
@-webkit-keyframes haibao{
    0%{opacity:0;}
	1%{opacity:1;}
   90%{opacity:1;}
  100%{opacity:0;}
}

/*@keyframes slide{
	0%{left:0%; opacity:0;}
    2%{left:0%; opacity:1;}
  90%{left:-280%; opacity:1;}
  99%{left:-280%; opacity:1;}
  100%{left:-280%; opacity:0;}
}
@-webkit-keyframes slide{
    0%{left:0%; opacity:0;}
    2%{left:0%; opacity:1;}
  90%{left:-280%; opacity:1;}
  99%{left:-280%; opacity:1;}
  100%{left:-280%; opacity:0;}
}*/



/*@keyframes eleIn{
	0%{opacity:0; z-index:-100;}
  100%{opacity:1; z-index:1000002;}
}
@-webkit-keyframes eleIn{
	0%{opacity:0; z-index:-100;}
  100%{opacity:1; z-index:1000002;}
}*/


.float_box{width:calc(100% - 16px); background:#e5e5e5; border:1px solid #000; border-radius:6px; box-shadow:0px 3px 0px 0px rgba(49,49,49,0.3); box-sizing:border-box; position:absolute; left:-100%; top:80px; z-index:1000006; display:flex; transition:all 1s;}
.float_box img{display:block; width:100%;}

.float_btn{display:flex; box-sizing:border-box; flex-direction:column; justify-content:center; position:relative; left:10px;}
.float_btn .txt{width:100%; color:#eb001f; margin-bottom:6px;}
.float_btn .jiantou{width:12px; position:relative;}
.float_btn .jiantou img{display:block; width:100%;}

.float_btn_close{width:50px; background:#e5e5e5; border:1px solid #000; border-radius:6px; box-shadow:3px 3px 0px 0px rgba(49,49,49,0.3); padding:10px; position:absolute; left:8px; top:80px; z-index:1000006;}
.float_btn_close .txt{font-size:12px; letter-spacing:1px;}

.float_btn_open{width:90px; padding:10px 0;}
.float_btn_open .txt{font-size:16px; letter-spacing:2px;}
.float_btn_open .jiantou{transform:rotateY(180deg);}

.float_box .float_open_con{width:calc(100% - 90px); box-sizing:border-box; padding:6px 10px;}
.float_box .float_open_con .pic{width:31%; margin-right:3.5%; font-size:9px; text-align:center; float:left;}
.float_box .float_open_con .pic a{color:#000; font-weight:bold;}
.float_box .float_open_con .pic img{margin-bottom:3px; box-sizing:border-box; /*border:1px solid #eb001f;*/ border-radius:3px;}
.float_box .float_open_con .pic:last-child{margin-right:0;}

.float_box.open{left:8px;}

/*.float_box,
.float_btn_close{top:8px;
animation:floatBox 1s 30s both;
-webkit-animation:floatBox 1s 30s both;	
}*/

@-webkit-keyframes floatBox{
  from {top:8px;}
  to {top:80px;}
}
 @keyframes floatBox{
  from {top:8px;}
  to {top:80px;}
}


.history_main{width:100%; height:100%; box-sizing:border-box; padding-top:70px; position:relative; z-index:1;}

.history_main .back_index{width:12%; position:absolute; right:6px; top:80px; z-index:10;}
.history_main .back_index p{width:100%;}
.history_main .back_index p img{display:block; width:100%;}

/*.history_main .float_box{width:14%; position:absolute; top:72px; right:4px; z-index:100;}
.history_main .float_box img{display:block; width:100%;}
.history_main .float_box .float_open_btn{width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-bottom:10px;}
.history_main .float_box .float_open_btn .pic1{width:50%; transition:all 1s; transform:rotateX(0deg);}
.history_main .float_box .float_open_btn .pic1.open{ transform:rotateX(180deg);}

.history_main .float_box .float_open_btn .pic2{width:100%; position:relative;}
.history_main .float_box .float_open_btn .pic2 img:nth-child(1){position:relative; z-index:3;}
.history_main .float_box .float_open_btn .pic2 img:nth-child(2){position:absolute; z-index:2; left:0; top:0;
animation:floatOpenBtn1 2s -.2s infinite;
-webkit-animation:floatOpenBtn1 2s -.2s infinite;
}
.history_main .float_box .float_open_btn .pic2 img:nth-child(3){position:absolute; z-index:1; left:0; top:0;
animation:floatOpenBtn1 2s -.4s infinite;
-webkit-animation:floatOpenBtn1 2s -.4s infinite;
}
@keyframes floatOpenBtn1{
	0%{opacity:0; transform:translateY(2px);}
   50%{opacity:1;}
  100%{opacity:0; transform:translateY(-8px);}

}
@-webkit-keyframes floatOpenBtn1{
	0%{opacity:0; transform:translateY(2px);}
   50%{opacity:1;}
  100%{opacity:0; transform:translateY(-8px);}
}

.history_main .float_box .float_open_con{width:100%; display:none;}
.history_main .float_box .float_open_con .pic{width:100%; margin-bottom:2px;}*/


.history_bg{width:100%; height:75%; position:absolute; z-index:0; left:0; top:70px;}
.history_bg p{width:100%; height:33.333333%;}
.history_bg p.bg1{background:url('../img/data_bg.png') -100% center/600% auto repeat-x;
  /*-webkit-animation:start-move1  700s linear infinite;
  -moz-animation:start-move1  700s linear infinite;
  -ms-animation:start-move1  700s linear infinite;
  animation:start-move1  700s linear infinite;*/
}

.history_bg p.bg2{background:url('../img/data_bg.png') -500% center/800% auto repeat-x;
  /*-webkit-animation:start-move2  1200s linear infinite;
  -moz-animation:start-move2  1200s linear infinite;
  -ms-animation:start-move2  1200s linear infinite;
  animation:start-move2  1200s linear infinite;*/
}

.history_bg p.bg3{background:url('../img/data_bg.png') -300% center/700% auto repeat-x;
  /*-webkit-animation:start-move3  500s linear infinite;
  -moz-animation:start-move3  500s linear infinite;
  -ms-animation:start-move3  500s linear infinite;
  animation:start-move3  500s linear infinite;*/
}

@-webkit-keyframes start-move1{
  from {background-position:0% center}
  to {background-position: 1200% center}
}
 @keyframes start-move1{
  from {background-position:0% center}
  to {background-position: 1200% center}
}

@-webkit-keyframes start-move2{
  from {background-position:0% center}
  to {background-position: 1600% center}
}
 @keyframes start-move2{
  from {background-position:0% center}
  to {background-position: 1600% center}
}

@-webkit-keyframes start-move3{
  from {background-position:0% center}
  to {background-position: 1400% center}
}
 @keyframes start-move3{
  from {background-position:0% center}
  to {background-position: 1400% center}
}


.history_con_wrap{width:100%; height:calc(100% - 130px); box-sizing:border-box; border-top:2px solid #e5e5e5; overflow:hidden; position:relative; z-index:1;}

.history_con{width:100%; height:100%;}
.history_con_box{width:100%; height:100%; overflow:hidden; position:relative;}

.history_con_wrap .swiper-button-next:after,
.history_con_wrap .swiper-rtl .swiper-button-prev:after,
.history_con_wrap .swiper-button-prev:after, 
.history_con_wrap .swiper-rtl .swiper-button-next:after{content:''; display:none;}

.history_con_wrap .swiper-button-next, 
.history_con_wrap .swiper-button-prev{width:40px; height:40%; top:40%; background:url() center center/10px auto no-repeat;}
.history_con_wrap .swiper-button-prev{/*background-image:url(../img/prev.png);*/ left:0;}
.history_con_wrap .swiper-button-next{/*background-image:url(../img/next.png);*/ right:0;}
.history_con_wrap .swiper-button-prev,
.history_con_wrap .swiper-button-next{display:none;}


.history_con_page1 .history_con_box svg{display:block; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.history_con_page1 .history_con_box svg g{overflow:hidden;}
.history_con_page1 .history_con_box svg image{display:block; height:100%; animation:svg_scale 12s linear infinite; transform-origin: center center;}
@-webkit-keyframes svg_scale{
  0% {-webkit-transform: scale(1, 1); transform: scale(1, 1);}
  50% {-webkit-transform: scale(1.1, 1.1); transform: scale(1.1,1.1);}
  100% {-webkit-transform: scale(1, 1); transform: scale(1, 1);}
}
 @keyframes svg_scale{
  0% {-webkit-transform: scale(1, 1); transform: scale(1, 1);}
  50% {-webkit-transform: scale(1.1, 1.1); transform: scale(1.1,1.1);}
  100% {-webkit-transform: scale(1, 1); transform: scale(1, 1);}
}

.history_con_box .time_node_box{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.history_con_box .time_node_box img{display:block; width:100%;}

.history_con_wrap .items_box .items_swiper{width:100%; height:100%;}

.history_con_box .year_con{width:100%; height:100%; box-sizing:border-box; display:flex; justify-content:center; align-items:center/*flex-end*/;}
.history_con_box .year_con .flex_box{width:100%; position:relative;}
.history_con_box .year_con .flex_box .box1{width:100%; display:flex; justify-content:center; position:relative; z-index:2;}
.history_con_box .year_con .flex_box .box1 .pic{width:50%;}
.history_con_box .year_con .flex_box .box1 img{display:block; width:100%;}
.history_con_box .year_con .flex_box .box2{width:100%; position:relative; margin-top:-60px; z-index:1;}
.history_con_box .year_con .flex_box .box2 .bg{width:86%; margin:0 auto; position:relative;}
.history_con_box .year_con .flex_box .box2 .bg img{display:block; width:100%;}
.history_con_box .year_con .flex_box .box2 .bg .prev,
.history_con_box .year_con .flex_box .box2 .bg .next{display:block; width:10px; height:15px; background:url() 0 0/100% auto no-repeat; position:absolute; top:50%; transform:translateY(-50%);}
.history_con_box .year_con .flex_box .box2 .bg .prev{background-image:url(../img/prev.png); left:-10px; display:none;}
.history_con_box .year_con .flex_box .box2 .bg .next{background-image:url(../img/next.png); right:-10px; display:none;}

.history_con_box .year_con .flex_box .box2 .year_txt{width:20%; position:absolute; left:11%; top:10%; z-index:0;}
.history_con_box .year_con .flex_box .box2 .year_txt img{display:block; width:100%;}

.history_con_box .year_con .flex_box .box2 .txt{width:100%; box-sizing:border-box; padding:26% 24% 0; position:absolute; top:0; left:0; z-index:1; line-height:1.6;}
.history_con_box .year_con .flex_box .box2 .txt h4{text-align:center; padding-bottom:20px; position:relative; font-size:14px; line-height:1.4;}
.history_con_box .year_con .flex_box .box2 .txt h4 .red{color:#ec0020;}
.history_con_box .year_con .flex_box .box2 .txt h4:after{display:block; content:''; width:48px; height:2px; background:#ec0020; position:absolute; left:50%; bottom:14px; transform:translateX(-50%);}
.history_con_box .year_con .flex_box .more{width:100%; display:flex; justify-content:center; margin-top:10px;}
.history_con_box .year_con .flex_box .more span{display:block; width:27px; height:27px; background:url() 0 0/100% auto no-repeat;}
.history_con_box .year_con .flex_box .more .more_bg{background-image:url(../img/more_1.png); position:relative;}
.history_con_box .year_con .flex_box .more .more_jia{background-image:url(../img/more_2.png); position:absolute; top:0; left:0; transition:all ease 1s;}
.history_con_box .year_con .flex_box .txt_pop.open .more .more_jia{transform:rotate(135deg);}

.history_con_box .year_con .flex_box .txt_pop{width:100%; box-sizing:border-box; padding:0 9%; position:absolute; left:0; bottom:16%; z-index:10;}
.history_con_box .year_con .flex_box .txt_pop_bd{width:100%; box-sizing:border-box; padding:20px 15px 15px; border:3px solid rgba(0,0,0,0); /*transition:border ease 1s;*/}
.history_con_box .year_con .flex_box .txt_pop_bd h4{text-align:center; padding-bottom:20px; position:relative; font-size:14px;}
.history_con_box .year_con .flex_box .txt_pop_bd h4 .red{color:#ec0020;}
.history_con_box .year_con .flex_box .txt_pop_bd h4:after{display:block; content:''; width:48px; height:2px; background:#ec0020; position:absolute; left:50%; bottom:14px; transform:translateX(-50%);}
.history_con_box .year_con .flex_box .txt_pop_box{display:none; line-height:1.5;}
.history_con_box .year_con .flex_box .txt_pop.open .txt_pop_bd{border:3px solid rgba(0,0,0,0.1); background:#fff;}


.history_con_box .year_con .flex_box .box2 .pic1,
.history_con_box .year_con .flex_box .box2 .pic2{position:absolute;}
.history_con_box .year_con .flex_box .box2 .pic1 img,
.history_con_box .year_con .flex_box .box2 .pic2 img,
.history_con_box .year_con .flex_box .box2 .pic img{display:block; width:100%;}

.history_con_page3 .year_con .flex_box .box2 .pic1{width:12%; right:16%; top:10%;}
.history_con_page3 .year_con .flex_box .box2 .pic2{width:17%; left:25%; bottom:7%;}


.history_con_page4 .year_con .flex_box .box2 .pic1{width:100%;left:0%; bottom:0%;}
.history_con_page4 .year_con .flex_box .box2 .pic1 .pic_box{width:40%; margin:0 auto; display:flex;}
.history_con_page4 .year_con .flex_box .box2 .pic1 .pic_box p{width:50%;}
.history_con_page4 .year_con .flex_box .txt_pop{bottom:14%;}


.history_con_page6 .year_con .flex_box .box2 .pic1{width:100%;left:0%; bottom:12%;}
.history_con_page6 .year_con .flex_box .box2 .pic1 .pic_box1,
.history_con_page6 .year_con .flex_box .box2 .pic1 .pic_box2{width:100%;}
.history_con_page6 .year_con .flex_box .box2 .pic1 .pic_box2 p{width:48%; position:relative; left:26%;}
.history_con_page6 .year_con .flex_box .box2 .pic1 .pic_box1 p{width:24%; position:absolute; left:38%; bottom:0%;}
.history_con_page6 .year_con .flex_box .txt_pop{bottom:16%;}


.history_con_page7 .year_con .flex_box .box2 .pic1{width:100%; left:0%; bottom:0%;}
.history_con_page7 .year_con .flex_box .box2 .pic1 .pic_box{width:40%; margin:0 auto; display:flex;}
.history_con_page7 .year_con .flex_box .box2 .pic1 .pic_box p{width:50%;}
.history_con_page7 .year_con .flex_box .txt_pop{bottom:13%;}

.history_con_page8 .year_con .flex_box .box2 .txt{height:100%; padding:0 24%; display:flex; justify-content:center; align-items:center;}
.history_con_page8 .year_con .flex_box .box2 .txt h4{padding-bottom:0;}
.history_con_page8 .year_con .flex_box .box2 .txt h4:after{width:0; height:0; overflow:hidden;}


.history_con_page10 .year_con .flex_box .box2 .pic1{width:100%; left:0%; bottom:0%;}
.history_con_page10 .year_con .flex_box .box2 .pic1 .pic_box{width:40%; margin:0 auto; display:flex;}
.history_con_page10 .year_con .flex_box .box2 .pic1 .pic_box p{width:50%;}

.history_con_page11 .year_con .flex_box .box2{margin-top:0;}
.history_con_page11 .year_con .flex_box .box2 .txt .pic{width:126%; position:relative; left:-10%;}
.history_con_page11 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page11 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}


.history_con_page12 .year_con .flex_box .box2 .pic1{width:100%;left:0%; bottom:12%;}
.history_con_page12 .year_con .flex_box .box2 .pic1 .pic_box1,
.history_con_page12 .year_con .flex_box .box2 .pic1 .pic_box2{width:100%;}
.history_con_page12 .year_con .flex_box .box2 .pic1 .pic_box2 p{width:48%; position:relative; left:26%;}
.history_con_page12 .year_con .flex_box .box2 .pic1 .pic_box1 p{width:24%; position:absolute; left:38%; bottom:0%;}

.history_con_page12 .year_con .flex_box .box2 .txt{padding:20% 24% 0;}

.history_con_page13 .year_con .flex_box .box2{margin-top:0;}
.history_con_page13 .year_con .flex_box .box2 .txt .pic{width:120%; position:relative; left:-10%;}
.history_con_page13 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page13 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}

.history_con_page14 .year_con .flex_box .box2 .pic1{width:100%;left:0%; bottom:12%;}
.history_con_page14 .year_con .flex_box .box2 .pic1 .pic_box1,
.history_con_page14 .year_con .flex_box .box2 .pic1 .pic_box2{width:100%;}
.history_con_page14 .year_con .flex_box .box2 .pic1 .pic_box2 p{width:48%; position:relative; left:26%;}
.history_con_page14 .year_con .flex_box .box2 .pic1 .pic_box1 p{width:24%; position:absolute; left:38%; bottom:0%;}
.history_con_page14 .year_con .flex_box .box2 .txt{padding:20% 24% 0;}

.history_con_page15 .year_con .flex_box .box2 .pic1{width:80%; left:50%; bottom:-7%; transform:translateX(-50%);}

.history_con_page16 .year_con .flex_box .box2{margin-top:0;}
.history_con_page16 .year_con .flex_box .box2 .txt .pic{width:110%; position:relative; left:-10%;} 
.history_con_page16 .year_con .flex_box .box2 .txt .pic img{display:block; width:100%;}

.history_con_page18 .year_con .flex_box .box2{margin-top:0;}
.history_con_page18 .year_con .flex_box .box2 .txt .pic{width:134%; position:relative; left:-16%;} 
.history_con_page18 .year_con .flex_box .box2 .txt .pic img{display:block; width:100%;}

.history_con_page19 .year_con .flex_box .box2 .txt{height:100%; padding:0 24%; display:flex; justify-content:center; align-items:center;}
.history_con_page19 .year_con .flex_box .box2 .txt h4{padding-bottom:0;}
.history_con_page19 .year_con .flex_box .box2 .txt h4:after{width:0; height:0; overflow:hidden;}

.history_con_page20 .year_con .flex_box .box2{margin-top:0;}
.history_con_page20 .year_con .flex_box .box2 .txt .pic{width:134%; position:relative; left:-16%;}
.history_con_page20 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page20 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}


.history_con_page21 .year_con .flex_box .box2{margin-top:0;}
.history_con_page21 .year_con .flex_box .box2 .txt .pic{width:134%; position:relative; left:-16%;}
.history_con_page21 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page21 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}


.history_con_page22 .year_con .flex_box .box2 .pic1{width:19%; left:50%; bottom:3%; transform:translateX(-50%);}
.history_con_page22 .year_con .flex_box .box2 .txt{padding:20% 24% 0;}
.history_con_page22 .year_con .flex_box .txt_pop{bottom:18%;}

.history_con_page23 .year_con .flex_box .box2{margin-top:0;}
.history_con_page23 .year_con .flex_box .box2 .txt .pic{width:140%; position:relative; left:-19%;}
.history_con_page23 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page23 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}

.history_con_page24 .year_con .flex_box .box2 .pic1{width:19%; left:50%; bottom:3%; transform:translateX(-50%);}

.history_con_page25 .year_con .flex_box .box2 .txt h4 sup{font-size:12px;}
.history_con_page25 .year_con .flex_box .box2 .txt h4 .zhushi{display:block; font-weight:300; text-align:center; font-size:11px; margin-top:4px;}
.history_con_page25 .year_con .flex_box .box2{margin-top:0;}

.history_con_page25 .year_con .flex_box .box2 .txt .pic{width:118%; position:relative; left:-10%;}
.history_con_page25 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page25 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}


.history_con_page26 .year_con .flex_box .box2 .pic1{width:16%; left:50%; bottom:13%; transform:translateX(-50%);}
.history_con_page26 .year_con .flex_box .txt_pop_box .red{color:#ec0020;}

.history_con_page27 .year_con .flex_box .txt_pop{bottom:3%; padding:5%;}

.history_con_page28 .year_con .flex_box .box2 .pic1{width:19%; left:50%; bottom:3%; transform:translateX(-50%);}
.history_con_page28 .year_con .flex_box .txt_pop{bottom:18%;}


.history_con_page29 .year_con .flex_box .box2 .pic1{width:100%;left:0%; bottom:12%;}
.history_con_page29 .year_con .flex_box .box2 .pic1 .pic_box1,
.history_con_page29 .year_con .flex_box .box2 .pic1 .pic_box2{width:100%;}
.history_con_page29 .year_con .flex_box .box2 .pic1 .pic_box2 p{width:60%; position:relative; left:20%;}
.history_con_page29 .year_con .flex_box .box2 .pic1 .pic_box1 p{width:24%; position:absolute; left:38%; bottom:0%;}
.history_con_page29 .year_con .flex_box .box2 .txt{padding:20% 24% 0;}

.history_con_page30 .year_con .flex_box .box2 .pic1{width:19%; left:50%; bottom:3%; transform:translateX(-50%);}
.history_con_page30 .year_con .flex_box .box2 .pic1 .pic_box1{width:100%;}
.history_con_page30 .year_con .flex_box .box2 .txt{padding:20% 24% 0;}
.history_con_page30 .year_con .flex_box .txt_pop{bottom:18%;}

.history_con_page31 .year_con .flex_box .box2 .pic1{width:100%; left:0; bottom:3%;}
.history_con_page31 .year_con .flex_box .box2 .pic1 .pic_box{width:86%; margin:0 auto; display:flex;}
.history_con_page31 .year_con .flex_box .box2 .pic1 .pic_box p{width:100%;}

.history_con_page32 .year_con .flex_box .box2{margin-top:0;}
.history_con_page32 .year_con .flex_box .box2 .txt .pic{width:112%; position:relative; left:-1%;} 
.history_con_page32 .year_con .flex_box .box2 .txt .pic .pic_box1{width:100%;}

.history_con_page33 .year_con .flex_box .box2 .pic1{width:100%; left:0; bottom:3%;}
.history_con_page33 .year_con .flex_box .box2 .pic1 .pic_box{width:86%; margin:0 auto; display:flex;}
.history_con_page33 .year_con .flex_box .box2 .pic1 .pic_box p{width:100%;}

.history_con_page34 .year_con .flex_box .box2 .pic1{width:100%; left:0; bottom:3%;}
.history_con_page34 .year_con .flex_box .box2 .pic1 .pic_box{width:60%; margin:0 auto; display:flex;}
.history_con_page34 .year_con .flex_box .box2 .pic1 .pic_box p{width:100%;}
.history_con_page34 .year_con .flex_box .box2 .txt{padding:17% 24% 0;}
.history_con_page34 .year_con .flex_box .box2 .txt h4{line-height:1.4;}
.history_con_page34 .year_con .flex_box .txt_pop{bottom:20%;}

.history_con_page35 .year_con .flex_box .box2{margin-top:0;}
.history_con_page35 .year_con .flex_box .box2 .txt .pic{width:128%; position:relative; left:-10%;} 
.history_con_page35 .year_con .flex_box .box2 .txt .pic img{display:block; width:100%;}

.history_con_page36 .year_con .flex_box .txt_pop{bottom:14%;}

.history_con_page37 .year_con .flex_box .box2 .pic1{width:86%; left:50%; bottom:3%; transform:translateX(-50%);}
.history_con_page37 .year_con .flex_box .box2 .pic1 .pic_box1{width:100%;}

.history_con_page38 .year_con .flex_box .box2 .pic1{width:86%; left:50%; bottom:3%; transform:translateX(-50%);}

.history_con_page40 .year_con .flex_box .box2{margin-top:0;}
.history_con_page40 .year_con .flex_box .box2 .txt .pic{width:108%; position:relative; left:3%;} 
.history_con_page40 .year_con .flex_box .box2 .txt .pic img{display:block; width:100%;}

.history_con_page41 .year_con .flex_box .box2{margin-top:0;}
.history_con_page41 .year_con .flex_box .box2 .txt .pic{width:94%; position:relative; left:3%;} 
.history_con_page41 .year_con .flex_box .box2 .txt .pic img{display:block; width:100%;}

.history_con_page42 .year_con .flex_box .box2 .pic1{width:48%; left:50%; bottom:10%; transform:translateX(-50%);}
.history_con_page42 .year_con .flex_box .box2 .txt{padding:20% 24% 0;}
.history_con_page42 .year_con .flex_box .box2 .txt p{text-align:center;}
.history_con_page42 .year_con .flex_box .box2 .txt p .big{font-size:14px;}
.history_con_page42 .year_con .flex_box .txt_pop{bottom:7%;}
.history_con_page42 .year_con .flex_box .txt_pop_box p{text-align:center;}
.history_con_page42 .year_con .flex_box .txt_pop_box p .big{font-size:14px;}
.history_con_page42 .year_con .flex_box .txt_pop_bd{padding-top:15px;}


.history_con_page43 .year_con .flex_box .box2{margin-top:0;}
.history_con_page43 .year_con .flex_box .box2 .txt .pic{width:106%; position:relative; left:-10%;} 
.history_con_page43 .year_con .flex_box .box2 .txt .pic img{display:block; width:100%;}

.history_con_page44 .year_con .flex_box .box2{margin-top:0;}
.history_con_page44 .year_con .flex_box .box2 .txt .pic{width:80%; margin:0 auto;} 
.history_con_page44 .year_con .flex_box .box2 .txt .pic img{display:block; width:100%;}

.history_con_page45 .year_con .flex_box .box2{margin-top:0;}
.history_con_page45 .year_con .flex_box .box2 .txt .pic{width:134%; position:relative; left:-17%;}
.history_con_page45 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page45 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}



.history_con_page46 .year_con .flex_box .box2{margin-top:0;}
.history_con_page46 .year_con .flex_box .box2 .txt .pic{width:120%; position:relative; left:-7%;}
.history_con_page46 .year_con .flex_box .box2 .txt .pic .pic_box2{width:98%; position:relative; left:0%;}
.history_con_page46 .year_con .flex_box .box2 .txt .pic .pic_box1{width:56%; position:absolute; left:20%; bottom:0%; z-index:2;}
.history_con_page46 .year_con .flex_box .box2 .next{opacity:0.2;}




/*.jiantou{width:82px; height:16px; position:absolute; right:16px; top:-8px; display:flex; align-items:center;}
.jiantou p{width:16px; height:16px; position:relative; top:0;
animation:jiantou 2s 0s infinite;
-webkit-animation:jiantou 2s 0s infinite;
transform:rotate(135deg);
}

.jiantou .jiantou1{border-top:6px solid #eeeeee; border-left:6px solid #eeeeee; animation-delay:0s;}
.jiantou .jiantou2{border-top:6px solid #d2d2d2; border-left:6px solid #d2d2d2; left:-5px; animation-delay:-.2s;}
.jiantou .jiantou3{border-top:6px solid #a0a0a0; border-left:6px solid #a0a0a0; left:-8px; animation-delay:-.4s;}
.jiantou .jiantou4{border-top:6px solid #313131; border-left:6px 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);}
}*/

.history_tags{width:100%; height:130px; box-sizing:border-box; padding:10px; background:#e5e5e5; position:relative; z-index:1;}
.history_tags_btn{width:100%; height:100%; display:flex; justify-content:space-between;}
.history_tags_btn li{width:24%; height:100%; box-sizing:border-box; padding-top:10px; border:2px solid #1b1b1b; border-radius:10px; background:#e5e5e5; position:relative; display:flex; justify-content:center; align-items:center; text-align:center;}
.history_tags_btn li:after{display:block; content:''; width:11px; height:10px; background:url(../img/jt2.png) 0 0/100% 100% no-repeat; position:absolute; bottom:5px; right:10px; z-index:2;}
.history_tags_btn li.btn4{padding-bottom:13px;}
.history_tags_btn li .txt_box{width:100%;}
.history_tags_btn li h4{font-size:14px; margin-bottom:10px;}
.history_tags_btn li.btn4 h4{font-size:12px;}
.history_tags_btn li p{font-size:10px; font-weight:bold;}
.history_tags_btn li .ju_jt{width:15px; height:13px; background:url(../img/jt5_off.png) 0 0/100% 100% no-repeat; position:absolute; top:5px; left:50%; margin-left:-7.5px;}

/*按钮配合轮播内容的设置*/
.history_tags_btn li.on{background:#cc5935; border:2px solid #6d550c;}
.history_tags_btn li.on h4,
.history_tags_btn li.on p{color:#fff;}
.history_tags_btn li.on:after{background-image:url(../img/jt3.png);}
.history_tags_btn li.on .ju_jt{background-image:url(../img/jt5_on.png);}

/*按钮配合列表展开的设置*/
.history_tags_btn li.current h4,
.history_tags_btn li.current p{color:#ec0020;}
.history_tags_btn li.current .ju_jt{background-image:url(../img/jt5_current.png);}

.history_tags_btn li.current.on h4,
.history_tags_btn li.current.on p{color:#fff;}
.history_tags_btn li.current.on .ju_jt{background-image:url(../img/jt5_on.png);}


.history_tags_list{width:100%; height:calc(100% - 200px); position:absolute; bottom:130px; left:0; z-index:20; display:none;}
.history_tags_list_ul{width:100%; height:100%; background:#e5e5e5;}
.history_tags_list_ul .close{width:100%; height:40px; background:#434343; display:flex; justify-content:center; align-items:center;}
.history_tags_list_ul .close p{width:15px; height:15px;}
.history_tags_list_ul .close p img{width:100%; height:100%;}


.history_tags_list ul{width:100%; height:calc(100% - 42px);}
.history_tags_list ul li{width:100%; height:100%; display:none; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.history_tags_list ul li.current{display:block;}
.history_tags_list ul li .history_list_box{width:100%; height:100%; box-sizing:border-box;}
.history_tags_list ul li .history_list_box>div{width:100%; padding:10px 10px 10px 20%; box-sizing:border-box; border-bottom:1px solid #fff; font-size:14px; font-weight:bold;}
.history_tags_list ul li .history_list_box>div a{display:block; display:flex; color:#202020;}
.history_tags_list ul li .history_list_box>div a p{display:inline-block; color:#ec0020; margin-right:10px; display:flex; align-items:center;}
.history_tags_list ul li .history_list_box>div a p.note_box{display:inline-block; color:#202020; line-height:1;}
.history_tags_list ul li .history_list_box>div a p.note_box sup{font-size:10px;}
.history_tags_list ul li .history_list_box>div a p.note_box span{font-size:10px; margin-left:10px;}

/*.history_btn_wrap{width:100%; height:18%; box-sizing:border-box; padding-bottom:10px; background:#e5e5e5; position:relative; z-index:1;}
.history_btn{width:100%; height:100%;}
.history_btn .history_btn_box{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.history_btn .history_btn_box .btn_pic{width:80%; position:relative;}
.history_btn .history_btn_box img{width:100%; display:block; margin:0 auto;}

.history_btn .swiper-slide{width:75px;}

.history_btn .swiper-slide.big_btn .txt{width:150%; position:absolute; bottom:-14px; left:-25%; text-align:center; font-size:10px; font-weight:bold; color:#434343;}

.history_btn .history_btn_box .on{position:absolute; top:0; left:0; z-index:1; opacity:0;}
.history_btn .swiper-slide-thumb-active .on{opacity:1;}
.history_btn .swiper-slide-thumb-active.big_btn .txt{color:#ec0020;}*/


@media screen and (max-height:700px){
.history_con_box .year_con .flex_box .box1 .pic{width:50%;}
/*.history_con_wrap{height:calc(100% - 130px)}
.history_tags{height:130px;}
.history_tags_list{height:calc(100% - 240px); bottom:130px;}*/

/*.history_tags_btn li h4{margin-bottom:10px;}
.history_tags_btn li{padding-top:10px;}
.history_tags_btn li .ju_jt{top:5px;}
.history_tags_btn li:after{bottom:5px;}*/
}

@media screen and (max-height:675px){
.history_con_box .year_con .flex_box .box1 .pic{width:34%;}
.history_con_box .year_con .flex_box .box2 .bg{width:80%;}
.history_con_box .year_con .flex_box .txt_pop{bottom:16%;}
.history_con_page22 .year_con .flex_box .txt_pop{bottom:18%;}
.history_con_page24 .year_con .flex_box .box2 .txt{padding-top:23%;}
.history_con_page24 .year_con .flex_box .txt_pop{bottom:18%;}
.history_con_page26 .year_con .flex_box .txt_pop{bottom:18%;}
.history_con_page27 .year_con .flex_box .txt_pop{bottom:6%;}
.history_con_page28 .year_con .flex_box .txt_pop{bottom:18%;}
.history_con_page30 .year_con .flex_box .txt_pop{bottom:18%;}
.history_con_page34 .year_con .flex_box .txt_pop{bottom:24%;}
.history_con_page42 .year_con .flex_box .txt_pop{bottom:6%;}
.history_con_page42 .year_con .flex_box .txt_pop_bd .txt_pop_box{height:300px; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
}

@media screen and (max-height:600px){
.history_con_box .year_con .flex_box .txt_pop{bottom:11%;}
}

@media screen and (min-height:750px){

}
@media screen and (min-height:800px){
.history_con_box .year_con .flex_box .box1 .pic{width:60%;}
.history_con_wrap{height:calc(100% - 150px)}
.history_tags{height:150px;}
.history_tags_list{height:calc(100% - 220px); bottom:150px;}

.history_tags_btn li h4{margin-bottom:15px;}
.history_tags_btn li .ju_jt{top:5px;}
.history_tags_btn li:after{bottom:5px;}


}



@-webkit-keyframes fadeInLeftAll{
	0%{opacity:0;-webkit-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0);}
	100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeftAll{
	0%{opacity:0;-webkit-transform:translate3d(-300%,0,0);-ms-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0);}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.fadeInLeftAll{-webkit-animation-name:fadeInLeftAll;animation-name:fadeInLeftAll;}


@-webkit-keyframes fadeInRightAll{
	0%{opacity:0;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightAll{
	0%{opacity:0;-webkit-transform:translate3d(300%,0,0);-ms-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRightAll{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}