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

body.over_hide,
html.over_hide{overflow:hidden;}

.year60th{display:none;}

.year60th_main{width:100%; height:100%; box-sizing:border-box; padding-top:70px; position:relative; font-size:14px;}
.year60th_log{width:100%; box-sizing:border-box; padding:15px 15px 0; margin-bottom:20px;}
.year60th_log h1{width:40%;}
.year60th_log h1 img{display:block; width:100%;}


.year60th_main .swiper{width:100%; height:auto;}


.year60th_main .swiper-wrapper,
.year60th_main .swiper-slide{width:100%;}

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

.year60th_main .swiper-button-next, 
.year60th_main .swiper-button-prev{width:46px; height:46px; background:url() center center/100% auto no-repeat;}
.year60th_main .swiper-button-prev{background-image:url(../img/prev.png); left:0;}
.year60th_main .swiper-button-next{background-image:url(../img/next.png); right:0;}

.year60th_main .page{position:relative;} 

/*.year60th_main .page1{width:100%; background:url(../img/page1_bg.jpg) 0 0/100% 100% no-repeat; padding-bottom:20px;}
.year60th_main .page1 .page1_box{width:100%;}
.year60th_main .page1 .pic{width:100%; box-sizing:border-box; padding:0 10px 10px 0;}
.year60th_main .page1 .pic img{display:block; width:100%; border-radius:8px; box-shadow:10px 10px 0 0px #7bc7de;}

.year60th_main .page1-swiper{padding-bottom:30px;}
.year60th_main .page1 .page1-next, 
.year60th_main .page1 .page1-prev{}

.year60th_main .page1 .swiper-horizontal>.swiper-pagination-bullets, 
.year60th_main .page1 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.year60th_main .page1 .swiper-pagination-custom, 
.year60th_main .page1 .swiper-pagination-fraction{bottom:0;}

.year60th_main .page1 .swiper-pagination-bullet{width:60px; height:3px; background:rgba(15,15,15,1); border-radius:0;}
.year60th_main .page1 .swiper-pagination-bullet-active{background:#9e7d32;}*/

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

.year60th-tabbtn{width:100%;}

.year60th-tabbtn .swiper-horizontal>.swiper-scrollbar, 
.year60th-tabbtn .swiper-scrollbar.swiper-scrollbar-horizontal{display:none;}

.year60th-tabbtn .swiper-slide{width:50px;}

.year60th-tabbtn .tabbtn_box{transform:scale(0.7); transition: 300ms;}
.year60th-tabbtn .tabbtn_box img{display:block; width:100%; box-sizing:border-box;}
.year60th-tabbtn .tabbtn_box .yinying{width:100%; height:100%; border-radius:100px; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; opacity:1; transition:all 1s;}
.year60th-tabbtn .tabbtn_box .suo{width:100%; height:100%; background:url(../img/page2_icon_suo.png) center center/20% auto no-repeat; position:absolute; top:0; left:0;}


.year60th-tabbtn .tabbtn_box.on{transform: scale(1);}
/*.year60th-tabbtn .tabbtn_box.on .yinying{opacity:0;}
.year60th-tabbtn .tabbtn_box.on img{border:2px solid #7bc7de; border-radius:100px;}*/


.year60th_main .page2 .tab_btn{width:100%; box-sizing:border-box; padding:0 10px; margin-bottom:15px;}
.year60th_main .page2 .tab_btn .tab_btn_bg{width:100%; box-sizing:border-box; padding:10px 10px; background:rgba(31,31,31,0.2); border-radius:6px; overflow-x:scroll;  -webkit-overflow-scrolling:touch;}
/*.year60th_main .page2 .tab_btn ul{width:512px;}
.year60th_main .page2 .tab_btn ul li{width:50px; float:left; margin:0 7px; position:relative;}
.year60th_main .page2 .tab_btn ul li:last-child{margin-right:0;}
.year60th_main .page2 .tab_btn ul li img{display:block; width:100%;}
.year60th_main .page2 .tab_btn ul li .yinying{width:100%; height:100%; border-radius:100px; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; opacity:1; transition:all 1s;}
.year60th_main .page2 .tab_btn ul li .suo{width:100%; height:100%; background:url(../img/page2_icon_suo.png) center center/20% auto no-repeat; position:absolute; top:0; left:0;}

.year60th_main .page2 .tab_btn ul li.on .yinying{opacity:0;}*/

.year60th_main .page2 .tab_con{width:100%; position:relative;}
.year60th_main .page2 .tab_con li{width:100%; opacity:0; transition:all 1s; position:absolute; left:0; top:0; z-index:-10;}
.year60th_main .page2 .tab_con li.on{opacity:1; z-index:10; position:relative;}
.year60th_main .page2 .tab_con li .part1{width:100%;}
.year60th_main .page2 .tab_con li .part2{width:100%; box-sizing:border-box;}
.year60th_main .page2 .tab_con li .page2_part1_box{width:100%; box-sizing:border-box; padding:0 15px;}

/*.year60th_main .page2 .tab_con .part1{margin-bottom:40px;}*/
.year60th_main .page2 .tab_con .part1 .swiper{padding-bottom:40px;}
/*.year60th_main .page2 .tab_con .part1 .swiper-horizontal>.swiper-scrollbar, 
.year60th_main .page2 .tab_con .part1 .swiper-scrollbar.swiper-scrollbar-horizontal{width:90%; left:5%; border-radius:0;}

.year60th_main .page2 .tab_con .part1 .swiper-scrollbar{background:rgba(51,51,51,0.2);}
.year60th_main .page2 .tab_con .part1 .swiper-horizontal>.swiper-scrollbar{height:1.5px;}
.year60th_main .page2 .tab_con .part1 .swiper-scrollbar-drag{height:200%; top:inherit; bottom:1.5px; background:#9e7d32; border-radius:0;}*/

.year60th_main .page2 .tab_con li .page2_part1_box .txt_wrap{width:100%; margin:30px 0 30px;}
.year60th_main .page2 .tab_con li .page2_part1_box .txt_wrap p{display:inline; font-size:16px; line-height:1.8; font-weight:bold; letter-spacing:1px;}
.year60th_main .page2 .tab_con li .page2_part1_box .txt_wrap .txt{display:none;}
.year60th_main .page2 .tab_con li .page2_part1_box .txt_wrap .txt_openbtn{display:inline; width:inherit; color:#bc9e5b;  font-size:16px; line-height:1.8; font-weight:bold; letter-spacing:1px;}
.year60th_main .page2 .tab_con li .page2_part1_box .txt_wrap .txt_openbtn::after{content:'展开';}
.year60th_main .page2 .tab_con li .page2_part1_box .txt_wrap .txt_openbtn.on{display:inline-block; width:100%; text-align:right;}
.year60th_main .page2 .tab_con li .page2_part1_box .txt_wrap .txt_openbtn.on::after{content:'收起';}

.year60th_main .page2 .tab_con li .page2_part1_box .pic{width:100%; box-sizing:border-box; padding:0 5%;}
.year60th_main .page2 .tab_con li .page2_part1_box .pic p{width:100%; box-sizing:border-box; padding:0 10px 10px 0;}
.year60th_main .page2 .tab_con li .page2_part1_box .pic img{display:block; width:100%; border-radius:8px; box-shadow:10px 10px 0 0px #7bc7de;}



.year60th_main .page2 .tab_con li .part2{padding:0px 15px 30px;}
.year60th_main .page2 .tab_con .page2_part2_wrap{width:100%; background:rgba(236,210,210,0.3); border-radius:8px; box-sizing:border-box; padding:30px 0px 30px 15px;}
.year60th_main .page2 .tab_con .part2 .swiper{box-sizing:border-box; padding-bottom:30px;/* padding-left:15px; padding-right:15px;*/}
.year60th_main .page2 .tab_con .part2 .swiper-horizontal>.swiper-scrollbar, 
.year60th_main .page2 .tab_con .part2 .swiper-scrollbar.swiper-scrollbar-horizontal{width:90%; left:5%; border-radius:0;}

.year60th_main .page2 .tab_con .part2 .swiper-scrollbar{background:rgba(51,51,51,0.2);}
.year60th_main .page2 .tab_con .part2 .swiper-horizontal>.swiper-scrollbar{height:1px;}
.year60th_main .page2 .tab_con .part2 .swiper-scrollbar-drag{height:200%; top:inherit; bottom:1px; background:#9e7d32; border-radius:0;}

.year60th_main .page2 .tab_con li .part2_title{width:100%; margin-bottom:15px; box-sizing:border-box;/* padding-left:15px;*/}
.year60th_main .page2 .tab_con li .part2_title h3{font-size:16px;}
.year60th_main .page2 .tab_con li .page2_part2_box{width:100%; box-sizing:border-box; padding-left:0px; padding-right:15px;}
.year60th_main .page2 .tab_con li .page2_part2_box .pic{width:100%; box-sizing:border-box; margin-bottom:6px;}
.year60th_main .page2 .tab_con li .page2_part2_box .pic img{display:block; width:100%; border-radius:8px;}
.year60th_main .page2 .tab_con li .page2_part2_box h4{font-size:14px;}
.year60th_main .page2 .tab_con li .page2_part2_box a{color:#202020;}

.year60th_main .page3{width:100%; height:100%; background:url(../img/page3_bg1.jpg) center center/100% 100% no-repeat;}

.year60th_main .page3_title{width:100%; display:flex; align-items:flex-end; padding:30px 0 10px;}
.year60th_main .page3_title h1{width:100%; box-sizing:border-box; padding-left:15px; font-size:26px;}

.year60th_main .page3_swiper_wrap{width:100%; height:calc(100% - 110px); box-sizing:border-box; overflow:hidden; position:relative; z-index:1; display:flex; align-items:center;}
.year60th_main .page3_swiper_wrap .page3_swiper_height{width:100%; height:100%;}
.year60th_main .page3 .swiper-slide{box-sizing:border-box; padding:14px 10px; transform:scale(0.9); transition: 300ms;}

.year60th_main .page3 .swiper-slide-active,
.year60th_main .page3 .swiper-slide-duplicate-active{transform: scale(1);}

.year60th_main .page3 .swiper-slide .page3_box{width:100%; height:100%; border-radius:12px; box-shadow:0 0 14px 2px rgba(148,79,17,0.2); background:url(../img/page3_bg2.jpg) center center/100% 100% no-repeat;}

.year60th_main .page3_swiper{width:100%; height:100%; box-sizing:border-box;}

.year60th_main .page3_box{width:100%; height:100%; box-sizing:border-box; overflow:hidden; position:relative;}
.year60th_main .page3_box img{display:block; width:100%;}
.year60th_main .page3_box h2{width:100%; box-sizing:border-box; padding:12% 10px 12% 8%; font-size:22px; color:rgba(130,49,16,0.6); font-weight:500;}
.year60th_main .page3_box .pic{width:100%; box-sizing:border-box; padding:0 10px;}
.year60th_main .page3_box .pic img{border-radius:8px;}
.year60th_main .page3_box .txt{width:100%; box-sizing:border-box; padding:8% 22px 0;}
.year60th_main .page3_box .txt p{width:100%; line-height:1.4; letter-spacing:1px;}

.year60th_main .page3 .swiper-slide.fengmain{padding:0;}
.year60th_main .page3 .swiper-slide.fengmain .flex_box{width:100%;}
.year60th_main .page3 .swiper-slide.fengmain .page3_box{display:flex; box-sizing:border-box; padding:14px 10px; justify-content:center; align-items:center; background:none; box-shadow:none;}
.year60th_main .page3 .swiper-slide.fengmain .page3_box .pic{padding:0 0%; border-radius:16px; box-shadow:0 0 10px 0px rgba(148, 79, 17,0.2);}
.year60th_main .page3 .swiper-slide.fengmain .page3_box .pic img{border-radius:16px;}

.year60th_main .page3 .fengmain .fuhao{width:30px; height:40px; position:absolute; top:30px; right:20px; z-index:10;}
.year60th_main .page3 .fengmain .fuhao .anim{width:100%; height:100%; background:url() 0 0/100% auto no-repeat; position:absolute; top:0px; left:0px;
animation:jiantou 2s 0s infinite;
-webkit-animation:jiantou 2s 0s infinite;
}
.year60th_main .page3 .fengmain .fuhao .anim1{background-image:url(../img/ani_1_1.png); position:relative; animation-delay:0s;}
.year60th_main .page3 .fengmain .fuhao .anim2{background-image:url(../img/ani_1_2.png); z-index:2; animation-delay:-.2s;}
.year60th_main .page3 .fengmain .fuhao .anim3{background-image:url(../img/ani_1_3.png); z-index:3; animation-delay:-.4s;}

@keyframes jiantou{
  0%{opacity:0; transform:translateX(-12px);}
  50%{opacity:1;}
  100%{opacity:0; transform:translateX(12px);}
}
@-webkit-keyframes jiantou{
  0%{opacity:0; transform:translateX(-12px);}
  50%{opacity:1;}
  100%{opacity:0; transform:translateX(12px);}
}

.year60th_main .page3 .swiper-slide.kongxi .page3_box{background:none; box-shadow:none;}


.year60th_main .page4{width:100%; box-sizing:border-box; padding:0px 15px 80px; margin-top:40px;}
.year60th_main .page4 a{color:#202020;}

.year60th_main .page4_title{width:100%; display:flex; align-items:flex-end; margin-bottom:20px;}
.year60th_main .page4_title h1{width:100%; box-sizing:border-box; font-size:26px;}

.year60th_main .page4_swiper_wrap{width:100%; position:relative; z-index:1;}
.year60th_main .page4_swiper_wrap .swiper-slide img{display:block; width:100%;}

.year60th_main .page4-swiper{background:url(../img/page4_bg1.jpg) 0 0 repeat; border-radius:8px; box-shadow:0 4px 12px 4px rgba(148,79,17,0.16);}

.year60th_main .page4 .page4_btnbox{width:100%; position:relative;}
.year60th_main .page4 .point43_btnbox{width:100%; display:flex; position:absolute; bottom:10px; left:0; z-index:3;}
.year60th_main .page4 .point43_btnbox>div{width:50%;}
.year60th_main .page4 .point43_btnbox img{display:block; width:100%;}

.year60th_main .page4_box{width:100%; box-sizing:border-box; /* padding:35px 25px; */ } 
.year60th_main .page4_box dl,
.year60th_main .page4_box dl dt,
.year60th_main .page4_box dl dd{width:100%;}
.year60th_main .page4_box .log{width:100%; box-sizing:border-box; position:relative; z-index:10;}
.year60th_main .page4_box .log p{width:60%;}

.year60th_main .page4_box img{display:block; width:100%;}
.year60th_main .page4_box .txt{width:100%; line-height:1.4;}
.year60th_main .page4_box .txt_name{width:100%; color:#bc9e5b; font-size:16px; letter-spacing:1px; margin-top:10px;}
.year60th_main .page4_box .pic{width:100%; box-sizing:border-box;}

.year60th_main .page4_box1 .log{margin-bottom:20px;}
.year60th_main .page4_box1 .txt_name{margin-bottom:20px;}

.year60th_main .page4_box2 .pic{padding-left:14%; padding-bottom:30px;}
.year60th_main .page4_box2 .pic img{margin-top:-10px;}

.year60th_main .page4_box3 dl dd{margin-bottom:30px;}
.year60th_main .page4_box3 .log{display:flex; justify-content:flex-end;}

.year60th_main .page4_box4 .log{display:flex; justify-content:flex-end;}
.year60th_main .page4_box4 .log p img{margin-top:-10px;}
.year60th_main .page4_box4 dl dd{margin-bottom:30px;}

.year60th_main .page4 .swiper-scrollbar, 
.year60th_main .page4 .swiper-scrollbar.swiper-scrollbar-horizontal{width:90%; left:5%; border-radius:0;}

.year60th_main .page4 .swiper-scrollbar{background:rgba(51,51,51,0.2); bottom:-30px;}
.year60th_main .page4 .swiper-scrollbar{height:1.5px;}
.year60th_main .page4 .swiper-scrollbar-drag{height:200%; top:inherit; bottom:100%; background:#9e7d32; border-radius:0;}



.year60th_page4_pop{width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:-1000; opacity:0; display:none;}
.year60th_page4_pop.open{z-index:905; opacity:1; display:block;}
.year60th_page4_pop .close{width:36px; height:36px; box-sizing:border-box; padding:7px; position:absolute; top:4px; right:4px; z-index:500;}
.year60th_page4_pop .close span{display:block; width:100%; height:100%; background:url(../img/close.png) 0 0/100% 100% no-repeat;}

.year60th_page4_pop .pop_box{width:100%; height:100%; overflow:hidden; margin:0 auto; position:relative;}


.year60th_page4_pop .pop_box li{width:100%; height:100%; box-sizing:border-box; padding:44px 0 10px; position:absolute; top:0px; left:0; z-index:0; opacity:0; display:none;}
.year60th_page4_pop .pop_box li.on{ z-index:100; opacity:1; display:block;}
.year60th_page4_pop .pop_box li .con{width:100%; height:100%; box-sizing:border-box; padding:0px 0px; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.year60th_page4_pop .pop_box li .con img{display:block; width:100%;}
.year60th_page4_pop .pop_box li .con .box{width:100%; height:inherit; height:auto;}



.year60th_page4_pop .pop_box .pop_point41{background:url(../img/page4_0_41_popbg.jpg) 0 0/100% auto no-repeat #e3cdbd;}
.year60th_page4_pop .pop_box .pop_point41 h4{width:100%; margin-bottom:20px;}
.year60th_page4_pop .pop_box .pop_point41 h4 p{width:100%; box-sizing:border-box; padding:0 46%;}

.year60th_page4_pop .pop_box .page4pop_point41_mov{width:100%; position:relative;}
/*.year60th_page4_pop .pop_box .page4pop_point41_mov .bg{width:100%;}

.year60th_page4_pop .pop_box .page4pop_point41_mov .play_btn,
.year60th_page4_pop .pop_box .page4pop_point41_mov .pop_point41_mov,
.year60th_page4_pop .pop_box .page4pop_point41_mov .play_end{width:100%; position:absolute; top:0; left:0; z-index:-5; opacity:0;}

.year60th_page4_pop .pop_box .page4pop_point41_mov .play_btn.on,
.year60th_page4_pop .pop_box .page4pop_point41_mov .pop_point41_mov.on,
.year60th_page4_pop .pop_box .page4pop_point41_mov .play_end.on{z-index:3; opacity:1;}

.year60th_page4_pop .pop_box .page4pop_point41_mov .pop_point41_mov video{display:block; width:100%;}*/
.year60th_page4_pop .pop_box .page4pop_point41_mov .pop_point41_mov video{width:100%; border:none; outline:none; margin-top:inherit;}

.year60th_page4_pop .pop_box .page4pop_point41_txt{width:100%; margin-top:30px;}
.year60th_page4_pop .pop_box .page4pop_point41_txt .txt1,
.year60th_page4_pop .pop_box .page4pop_point41_txt .txt2{width:100%; box-sizing:border-box;}
.year60th_page4_pop .pop_box .page4pop_point41_txt .txt1{padding:0 20%; margin-bottom:20px;}
.year60th_page4_pop .pop_box .page4pop_point41_txt .txt2{padding:0 5%;}




/*.year60th_page4_pop .pop_box .pop_point42{background:url(../img/page4_0_41_popbg.jpg) 0 0/100% auto no-repeat #e3cdbd;}

.year60th_page4_pop .pop_box .page4pop_point42_mov{width:100%; position:relative;}
.year60th_page4_pop .pop_box .page4pop_point42_mov .pop_point42_mov{width:100%; position:relative;}

.year60th_page4_pop .pop_box .page4pop_point42_mov .pop_point42_mov video{width:100%; border:none; outline:none; margin-top:inherit; }*/


/*视频弹窗*/
.page4_mov_pop{width:100%; height:100vh; background:#000; position:fixed; top:0; left:0; z-index:1000003; display:none;}
.page4_mov_pop .box_pop{width:100%; height:100vh; position:relative;}

.page4_mov_pop .box_pop .close{width:36px; height:36px; box-sizing:border-box; padding:7px; position:absolute; top:4px; right:4px; z-index:500;}
.page4_mov_pop .box_pop .close span{display:block; width:100%; height:100%; background:url(/common/videoframe/close_v.png) 0 0/100% 100% no-repeat;}

.page4_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;}
.page4_mov_pop .box_pop video{width:100%; border:none; outline:none; margin-top:inherit; /*display:block;此属性会导致视频在苹果手机播放时暂停键功能失效*/ }


.year60th_main .page5{width:100%; box-sizing:border-box; padding:30px; background:url(../img/page5_bg.jpg) 0 0/100% 100% no-repeat;}
.year60th_main .page5_mov{width:100%; position:relative;}
.year60th_main .page5_mov img{display:block; width:100%; border-radius:6px; box-shadow:0 0 14px 2px rgba(148, 79, 17, 0.2);}
.year60th_main .page5_mov span{width:40px; height:40px; background:url(../img/play_btn.png) 0 0/100% 100% no-repeat; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); z-index:2;}







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

}



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

}

@media screen and (max-height:741px){
.year60th_main .page2 .tab_con li .page2_part1_box .pic{padding:0 8%;}	
}

@media screen and (max-height:675px){
.year60th_main .page2 .tab_con li .page2_part1_box .pic{padding:0 10%;}	
}

@media screen and (min-height:739px){
.year60th_main .page3{height:80%;}
}

@media screen and (min-height:800px){
.year60th_main .page2 .tab_con li .page2_part1_box .pic{padding:0;}
}





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

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


.swiper-horizontal>.swiper-scrollbar, 
.swiper-scrollbar.swiper-scrollbar-horizontal{width:90%; left:5%; border-radius:0;}

.swiper-scrollbar{background:rgba(51,51,51,0.2);}
.swiper-horizontal>.swiper-scrollbar{height:2px;}
.swiper-scrollbar-drag{height:200%; top:inherit; bottom:2px; background:#00b0da;}

.page3 .swiper-wrapper{
	-webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;

}*/