@charset "utf-8";


/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.wrap{max-width:81.25vw; margin:0 auto;}
.flex{display: flex; align-items: center; flex-wrap: wrap;}

/* header */
.page_header{height:4.6875vw; position: absolute; left: 0; top: 0; width: 100%; background: url(../images/header_back.png) repeat-x; z-index: 999; background-size: 100%;}
.page_header .dot{ position: absolute; right: 0; top: 0;}
.page_header .dot2{ position: absolute; left: 0; top: 0;}

/* logo */
.page_logo{align-items: center; width:500; position: relative; z-index: 999; width：70%}

/* nav */
.page_nav{font-size: 1.042vw; position: absolute; left: 0; top: 0; width: 100%; height: 4.6875vw;}
.page_nav ul{justify-content: center; height: 100%; background: url(../images/header_line.png) no-repeat 100%;}
.page_nav li {width: 6.667vw; text-align: center; line-height: 125%; cursor: pointer; height: 4.6875vw; display: flex; align-items: center; justify-content: center; margin: 0 0.417vw; position: relative; }
.page_nav li a{color: #fff; display: block;}
.page_nav li::after{content: ""; left: 0; bottom: 0.78125vw; width: 100%; background: url(../images/nav_active.png) no-repeat 0 bottom; position: absolute; height: 0.417vw; opacity: 0; transition: all .3s; background-size: 100%;}
.page_nav li:hover a{color: #ffc000;}
.page_nav li:hover::after{bottom: 0; opacity: 1;}
.page_nav li.active::after{bottom: 0; opacity: 1;}


/* footer */
.page_footer{background: #000; padding-bottom: 1.302vw;}
.page_footer .footer_top{padding: 0.625vw 0; border-bottom: 1px solid #333; color: #666; font-size: 0.625vw; color: #fff; padding-bottom: 0.833vw;}
.page_footer .footer_nav a{color: #fff; margin: 0 0.625vw;}
.page_footer .footer_version{margin-left: 1.042vw;}
.page_footer .footer_copyright{margin-left: auto;}
.page_footer .footer_contact{padding: 0.833vw 0; color: #fff; font-size: 0.625vw; }
.page_footer .footer_contact p{line-height: 200%;}
.page_footer .footer_tips{background: url(../images/fawuico.png) no-repeat; height: 1.302vw; padding-left: 1.667vw; color: #ffb161; font-size: 0.625vw; line-height: 1.302vw;}
.page_footer .footer_tips a{color: #fff;}

/* lift */
.page_lift{position: fixed; left: 27px; top: 10%; z-index: 99999;}
.page_lift .show{margin-bottom: 27px;}
.page_lift li{color: #fff; padding: 21px 0; cursor: pointer; position: relative; padding-left: 2.083vw;}
.page_lift li::before{content: ""; left: 23px; top: 0; width: 2px; height: 100%; background: #fff; position: absolute;}
.page_lift li .item_eng{opacity: 0; transition: all .3s;}
.page_lift li .item_eng::before{content: "—"; margin-right: 11px; opacity: .3;}
.page_lift li .item_eng::after{content: "—"; margin-left: 11px; opacity: .3;}
.page_lift li.active{margin-bottom: -30px;}
.page_lift li.active::before{background: url(../images/lift_active.png) no-repeat; width: 24px; left: 14px;}
.page_lift li.active .item_text{font-size:21px; font-weight: bolder;}
.page_lift li.active .item_eng{opacity: 1;}
.page_lift li.active .item_eng::before{content: "—"; margin-right: 11px; color: #ffb161; opacity: 1;}
.page_lift li.active .item_eng::after{content: "—"; margin-left: 11px; color: #ffb161; opacity: 1;}


/* showpage */
.page_showpage{justify-content: center; padding: 1.042vw;}
.page_showpage li{width: 1.458vw; height: 1.458vw; border: 1px solid #C3B5A9; text-align: center; margin: 0 3px; background: #584C43; color: #fff; cursor: pointer; font-weight: bolder; font-size: 0.729vw;}
.page_showpage li.active{background: #AA3335;}




/* --- home --- */

/* banner */
.home_banner{background:url(../images/home_banner.jpg) no-repeat center center; background-size: cover; height: 100vh; justify-content: center; position: relative;}

/* banner - play */
.home_banner .play{position: absolute; left: 0; top: 0; width: 100%; z-index: 90; height: 100vh;}
.home_banner .flex{width: 100%; justify-content: center; align-items: center; height: 100%;}
.home_banner .play_box{background: url(../images/home_banner_play_line.png) no-repeat center center; text-align: center; width: 20.052vw; height: 8.333vw; position: relative; text-align: center;  cursor: pointer;}
.home_banner .play_round{background: url(../images/home_banner_play_round.png) no-repeat center center; text-align: center; width: 8.333vw; height: 8.333vw; margin: 0 auto; -webkit-animation: banner_play 4s linear infinite;}
.home_banner .play_arrow{position: absolute; left: 0; top: 0; width: 100%; height: 100% ; display: flex; align-items: center; justify-content: center;}

/* banner - tips */
.home_banner .banner_tips{position: absolute; right: 1.042vw; top: 6.25vw; cursor: pointer;}
.home_banner .banner_tips img{width: 4.167vw;}

/* banner - back */
.home_banner .banner_back{background: url(../images/home_banner_back.png) no-repeat bottom; position: absolute; bottom: 2.083vw; left:1%; z-index: 9999; height: 7.5vw; width: 98%; background-size: cover; justify-content: center; align-items: flex-end; }
.home_banner .banner_back__pic{margin-bottom: -1.042vw;}
.home_banner .banner_back__down{align-items: flex-end; position: absolute; right: 1.042vw; bottom: 2.083vw; justify-content: flex-end;}
.home_banner .banner_back__down .steam{margin-left: 0.833vw;}
.home_banner .banner_back__down .share{margin-left: 0.833vw;}
.home_banner .banner_back__down .share .item{margin-top: 0.417vw;}



/* news */
.home_news{background:url(../images/home_news.jpg) no-repeat center top; background-size: cover; justify-content: center; position: relative; height: 100vh; position: relative;}
.home_news .news_column{position: absolute; right: 0%; top: 0%; max-width: 49.792vw;}

/* news - banner */
.home_news .news_banner{width: 45.990vw; height: 27.760vw;  display: flex; align-items: center; position: relative; background: url(../images/news_banner_back.png) no-repeat; background-size: cover;}
.home_news .news_banner .swiper {margin-top: 0.260vw; width: 40.677vw; height: 22.396vw;}
.home_news .news_banner .swiper .item{justify-content: center; display: flex;}
.home_news .news_banner .swiper-slide img{ width: 40.677vw; height: 22.396vw;}
.home_news .news_banner .swiper-pagination-bullet-active{background: #fff;}

/* news - list */
.home_news .news_list{width: 34.740vw; height: 23.490vw; background: url(../images/home_news_list.png) no-repeat; padding: 0 0.833vw; border-top: 1px solid #263240; border-left: 1px solid #263240; background-size: cover;}
.home_news .news_list .hd{ border-bottom: 3px solid #FFB33C; height: 4.167vw;}
.home_news .news_list .hd ul{height: 100%;}
.home_news .news_list .hd li{margin-right: 1.667vw; height: 100%; display: flex; align-items: center; cursor: pointer;}
.home_news .news_list .hd li .item_yellow{background: url(../images/tab_active.png) no-repeat; width: 2.292vw; height: 2.1875vw; opacity: 0; transition: all .3s; background-size: 100%;}
.home_news .news_list .hd li .item_title{margin-left: -1.042vw; position: relative; z-index: 99;}
.home_news .news_list .hd li .item_title img{width: 3.75vw;}
.home_news .news_list .hd li .item_eng{margin-left: -0.625vw; margin-top: 0.260vw; opacity: 0; transition: all .3s;}
.home_news .news_list .hd li.on .item_yellow{opacity: 1;}
.home_news .news_list .hd li.on .item_eng{opacity: 1;}
.home_news .news_list .bd .hot{background: #000; background-color:rgba(0,0,0,0.5); margin: 0.833vw 0; padding: 0.417vw; box-sizing: border-box; border-radius: 0.417vw; position: relative; margin-bottom: 0;}
.home_news .news_list .bd .hot::after{content: ""; background: url(../images/news_hot_arrow.png) no-repeat; width: 0.885vw; height: 0.885vw; position: absolute; right: 0.417vw; bottom: 0.417vw; background-size: cover;}
.home_news .news_list .bd .hot_tag{background: url(../images/news_hot.png) no-repeat; width: 3.229vw; height: 2.03125vw; text-align: center; line-height: 2.03125vw; color: #fff; font-size: 0.833vw;  background-size: cover;}
.home_news .news_list .bd .hot_title{font-size: 0.833vw; margin-left: 0.833vw; color: #fff; width: 80%; overflow:hidden; white-space: nowrap;  text-overflow: ellipsis;}
.home_news .news_list .bd .hot_title a{color: #fff;}
.home_news .news_list .bd .hot_title a:hover{color: #FFB33C;}
.home_news .news_list .bd .list .item{display: flex; align-items: center; padding: 0.521vw 0; border-bottom: 1px dashed #666; font-size: 0.833vw;}
.home_news .news_list .bd .list .item_box{line-height: 2.03125vw; height: 2.03125vw; width: calc(100% - 3.229vw); display: flex; align-items: center;}
.home_news .news_list .bd .list .item_title{width: 80%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: auto; margin-left: 0.833vw;}
.home_news .news_list .bd .list .item_title a{color: #fff;}
.home_news .news_list .bd .list .item_title a:hover{color: #FFB33C;}
.home_news .news_list .bd .list .item:last-child{border-bottom: none;}
.home_news .news_list .bd .list .item_date{color: #999;}
.home_news .news_list .bd .more {width: 4.6875vw; height: 1.823vw; margin-left: auto; margin-right: 3.333vw;}
.home_news .news_list .bd .more a{background: url(../images/news_list_more.png) no-repeat; display: block; width: 100%; height: 100%; background-size: 100%;}
.home_news .news_list .bd .more a:hover{background: url(../images/news_list_hover.png) no-repeat; background-size: 100%;}



/* figure */
.home_figure{height: 100vh; background: url(../images/figure_back.jpg) no-repeat; background-size: cover; position: relative;}
.home_figure .figure_column{position: absolute; left: 0; top:0; width: 55.260vw;}
.home_figure .figure_yellow{position: absolute; left: 29.79%; top: 0; height: 100vh;}
.home_figure .figure_yellow img{height: 100%;}
.home_figure .item .swiper{height: 100vh;}
.home_figure .item .swiper-wrapper{height: 100vh;}
.home_figure .item .swiper-slide{height: 100vh;}
.home_figure .item{position: relative;}

/* figure - wrap */
.home_figure .item_wrap{position: relative; z-index: 999; height: 100vh; display: flex; align-items: center;}
.home_figure .item_box{display: flex; width: 30%;}
.home_figure .item_hui{margin-right: 0.833vw; width: 4.427vw;}
.home_figure .item_hui img{ width: 100%;}
.home_figure .item_title{margin-bottom: 1.042vw;}
.home_figure .item_title img{height: 2.96875vw;}
.home_figure .item_text{width: 22.396vw; color: #fff; position: relative; z-index: 99;}
.home_figure .item_text p{line-height: 180%; margin-bottom: 0.625vw; font-size: 0.78125vw;}
.home_figure .item_girl{position: absolute; right: 0; top: 0; height: 100vh; display: flex; align-items: center; width: 70%;}
.home_figure .item_girl img{}
.home_figure .item_name{position: absolute; right: -10%; top: 10%;}
.home_figure .item_name .name_title{margin-right: 1.042vw; height: 1.354vw;}
.home_figure .item_name .name_sound{border: 2px solid #FFB33C; width: 2.083vw; height: 2.083vw; border-radius: 100px; text-align: center; align-items: center; display: flex; justify-content: center; cursor: pointer;}
.home_figure .item_name .name_sound img{width: 0.833vw;}
.home_figure .item_name .name_say{color: #fff; margin-top: 0.833vw; padding-left: 1.042vw; position: relative;}
.home_figure .item_name .name_say p{line-height: 180%; font-size: 0.78125vw;} 
.home_figure .item_name .name_say p:nth-child(2){margin-left: 1.667vw;}
.home_figure .item_name .name_say::before{content: ""; width: 0.260vw; height: 1.042vw; background: #FFB33C; border-radius: 100px; position: absolute; left: 0; top: 0.15625vw;}

/* figure - tab */
.home_figure .figure_tab{position: absolute; bottom: 5%; right: 5%; width: 100%; background: url(../images/figure_tab.png) no-repeat center center; height: 8.854vw; width: 33.594vw; z-index: 99999; display: flex; align-items: center;}
.home_figure .figure_tab .swiper-slide{opacity: .5;}
.home_figure .figure_tab .swiper-slide-thumb-active{ opacity: 1;}
.home_figure .figure_tab__arrow{width: 2.292vw; height: 5vw; position: absolute; cursor: pointer; }
.home_figure .figure_tab__prev{background: url(../images/figure_tab_arrow_left.png) no-repeat 0 center; left: -3.333vw; background-size: 100%;}
.home_figure .figure_tab__prev:hover{background: url(../images/figure_tab_arrow_left_active.png) no-repeat 0 center; left: -3.333vw; background-size: 100%;}
.home_figure .figure_tab__next{background: url(../images/figure_tab_arrow_right.png) no-repeat 0 center; right: -3.333vw; background-size: 100%;}
.home_figure .figure_tab__next:hover{background: url(../images/figure_tab_arrow_right_active.png) no-repeat 0 center; right: -3.333vw; background-size: 100%;}
.home_figure .figure_back{background: url(../images/home_banner_back.png) no-repeat bottom; position: absolute; bottom: 2.083vw; left:1%; z-index: 9999; height: 7.5vw; width: 98%; background-size: 100%; justify-content: center; align-items: flex-end; }
.home_figure .figure_back__pic{margin-bottom: -1.042vw;}



/* photos */
.home_photos{background: url(../images/home_photos.jpg) no-repeat; background-size: cover; position: relative; height: 100vh; position: relative;}
.home_photos .photos_column{position: absolute; right: 0; top: 0; max-width: 56.302vw;}
.home_photos .photos_box{height: 100vh;}
.home_photos .photos_title{height: 30vh; display: flex; align-items: center;}
.home_photos .photos_title img{width: 12.031vw;}
.home_photos .photos_swiper{position: relative; margin-bottom: 2.604vw;}
.home_photos .swiper-wrapper{width: 100%;}
.home_photos .swiper-slide{width: 37.240vw; height: 25.208vw; filter: blur(5px);}
.home_photos .swiper-slide img{width: 100%;}
.home_photos .swiper-slide-active{ filter: blur(0px);}
.home_photos .photos_swiper .item .item_box{background: #fff; padding: 0.208vw; border-radius: 0.208vw;}
.home_photos .photos_arrow{width: 8.177vw; height: 5.46875vw; position: absolute; top: calc(50% - 2.708vw); z-index: 999; cursor: pointer;}
.home_photos .photos_arrow__prev{background: url(../images/photos_arrow_left.png) no-repeat; left: -1.5625vw; background-size: cover;}
.home_photos .photos_arrow__prev:hover{background: url(../images/photos_arrow_left_hover.png) no-repeat; background-size: cover;}
.home_photos .photos_arrow__next{background: url(../images/photos_arrow_right.png) no-repeat; right: -1.5625vw; background-size: cover;}
.home_photos .photos_arrow__next:hover{background: url(../images/photos_arrow_right_hover.png) no-repeat; background-size: cover;}
.home_photos .photos_bottom{position: relative; height: 1.823vw; display: flex; align-items: center;}
.home_photos .photos_bottom__dot{width: 0.417vw; height: 0.417vw; background: #FFB33C; margin-right: 0.521vw;}
.home_photos .photos_bottom__line{width: 50%; height: 1px; background: #fff;}
.home_photos .photos_arrow__pagination{height: 1.823vw; position: absolute;  display: flex; align-items: center; padding-left: 52%; } 
.home_photos .swiper-pagination-bullet{margin-left: 0.521vw;}
.home_photos .swiper-pagination-bullet{width: 5vw; height: 0.625vw; border: 1px solid #fff; border-radius: 2px; transition: all .3s;}
.home_photos .swiper-pagination-bullet-active{ background: #FFB33C; border: 1px solid #FFB33C;  }
.home_photos .photos_more{background: url(../images/news_list_more.png) no-repeat; width: 4.6875vw; height: 1.823vw; margin-left: auto; position: relative; z-index: 999; background-size: 100%;}
.home_photos .photos_more a{display: block; width: 100%; height: 100%;}
.home_photos .photos_more:hover{background: url(../images/news_list_hover.png) no-repeat; width: 4.6875vw; height: 1.823vw;  background-size: 100%;}
.home_photos .photos_down{position: absolute; bottom: 2.604vw; left: 0; width: 100%; text-align: center;}

/* pop */
.pop{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; background-color:rgba(0,0,0,0.5); z-index: 99; display: none;} 
.pop .flex{justify-content: center; align-items: center; height: 100%;}

/* pop - photo  */
.pop .pop_photo{ height: 90vh; overflow-y: auto; display: none;}
.pop .pop_photo img{background: #fff; padding: 1.042vw;}

/* pop - tips  */
.pop .pop_tips{display: none; background: #fff; width: 31.25vw;}
.pop .pop_tips .tips_head{background: url(../images/pop_title.jpg) no-repeat; height: 2.34375vw; background-size: cover;}
.pop .pop_tips .tips_head img{width: 1.302vw; margin-left: auto; margin-right: 0.833vw; cursor: pointer;}
.pop .pop_tips .tips_title{text-align: center; padding: 1.042vw; font-size: 1.146vw; font-weight: bolder;}
.pop .pop_tips .tips_content{padding: 0 1.667vw; font-size: 0.677vw;}
.pop .pop_tips .tips_content p{margin-bottom: 1.042vw; line-height: 160%;}

/* pop - video  */
.pop .pop_video{display: none; width: 50%;}
.pop .pop_video .video_close{margin-bottom: 1.667vw; cursor: pointer;}
.pop .pop_video .video_close img{margin-left: auto;}
.pop .pop_video .video_box{position: relative;}
.pop .pop_video .video_play{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pop .pop_video .video_play img{width: 5.208vw; cursor: pointer;}
.pop .pop_video .video_play.none{ display: none}
.pop .pop_video video{width: 100%;}





/* --- inner --- */

/* column */
.inner_column{justify-content: center;  margin-top: 4.635vw; height: 4.6875vw;}
.inner_column .column_title{font-size: 2.083vw;; font-weight: bolder; margin-right: 0.833vw;}
.inner_column .column_eng{font-size: 1.302vw; margin-left: 0.15625vw; }
	


/* news */
.inner_news{background: url(../images/inner_back.jpg) no-repeat center top #AFAFAF; overflow: hidden;}

/* list */
.inner_news .news_list{width: 49.479vw; margin: 0 auto; background: #A19891; position: relative;}
.inner_news .news_list .hd{background: #40352d;}
.inner_news .news_list .hd li{width: 9.792vw; height: 4.167vw; text-align: center; line-height: 4.167vw; cursor: pointer; font-size: 1.302vw; color: #fff; }
.inner_news .news_list .hd li.on{background: url(../images/photo_tab_active.png) no-repeat; color: #854602; background-size: 100%;}
.inner_news .news_list .bd .box{padding: 0 1.667vw;}
.inner_news .news_list .bd .box li{font-size: 0.833vw; color: #1a1612; display: flex; align-items: center; line-height: 3.125vw; height: 3.125vw; border-bottom: 1px dashed #7F7772;}
.inner_news .news_list .bd .box li .date{margin-left: auto;}
.inner_news .news_article{width: 49.479vw; margin: 0 auto; background: #A19891; position: relative;}

/* heade */
.inner_news .news_head{height: 3.646vw; background: #40352D; padding: 0 1.042vw; color: #fff;}
.inner_news .news_head h2{font-size: 1.146vw; font-weight: bolder; color: #9d958f;}
.inner_news .news_head .type{margin-left: auto; color: #9d958f; font-size: 0.833vw;}
.inner_news .news_head .type a{color: #9d958f;}
.inner_news .news_title{text-align: center; padding: 1.667vw;}
.inner_news .news_title h1{font-size: 1.302vw; font-weight: bolder; color: #1a1612;}
.inner_news .news_title .date{color: #666; margin-top: 0.833vw; border-bottom: 1px dashed #817973; padding-bottom: 1.042vw;}
.inner_news .news_text{padding: 0 1.667vw; padding-bottom: 1.667vw;}
.inner_news .news_text p{font-size: 0.833vw; margin-bottom: 0.833vw; line-height: 160%; color: #1a1612;}


/* contact */
.inner_contact{background: url(../images/page_contact.png) no-repeat center top; width: 10.885vw; height: 29.583vw; margin-top: 4.167vw; position: absolute; right: -10.885vw; top: 0; background-size: cover;}
.inner_contact .contact_qrcode{text-align: center; padding-top: 1.042vw;}
.inner_contact .contact_down .item{background: url(../images/contanct_line.png) no-repeat; width: 8.229vw; height: 2.708vw; text-align: center; margin: 0.521vw auto; align-items: center; display: flex; justify-content: center;  background-size: 100%;}
.inner_contact .contact_qq{color: #fff; padding-left: 1.042vw;}
.inner_contact .content_gotop{margin-top: 5.208vw; cursor: pointer;}
.inner_gotop{ position: absolute; right: -5.78125vw; bottom: 0; cursor: pointer;}


/* photo */
.inner_photo{background: url(../images/inner_back.jpg) no-repeat center top #AFAFAF; overflow: hidden;}
.inner_photo .photo_list{background: #938681; position: relative; width: 49.479vw; margin: 0 auto;}

/* photo - wrap */
.inner_photo .photo_wrap{overflow: hidden;}
.inner_photo .photo_wrap.more{height: auto; overflow: hidden;}

/* photo - more */
.inner_photo .photo_more{justify-content: center; margin-top: 1.667vw; cursor: pointer;}
.inner_photo .photo_more img{}

/* photo - hd */
.inner_photo .hd{background: #40352d;}
.inner_photo .hd li{width: 9.792vw; height: 4.167vw; text-align: center; line-height: 4.167vw; font-size: 1.302vw; cursor: pointer; color: #fff; }
.inner_photo .hd li.on{background: url(../images/photo_tab_active.png) no-repeat; color: #854602; background-size: cover;}

/* photo - bd */
.inner_photo .bd{padding: 3.125vw;}
.inner_photo .bd .item{background: url(../images/photo_list.png) no-repeat; margin-bottom: 2.083vw; cursor: pointer; position: relative;}

/* photo - manhua */
.inner_photo .bd .manhua .item{ width: 20.260vw; margin-left: 2.083vw; }
.inner_photo .bd .manhua .item img{width: 100%;}
.inner_photo .bd .manhua .item::after{content: ""; background: url(../images/photo_item_arrow.png) no-repeat; width: 2.396vw; height: 2.396vw; position: absolute; z-index: 99; bottom: -1px; right: -1px;  background-size: 100%;}
.inner_photo .bd .manhua .item:nth-child(2n+1){margin-left: 0;}

/* photo - bqb */
.inner_photo .bd .bqb .item{ width: 9.375vw; margin-left: 1.823vw; }
.inner_photo .bd .bqb .item img{width: 100%;}
.inner_photo .bd .bqb .item:nth-child(4n+1){margin-left: 0;}




@keyframes banner_play{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes line_move{
	0% { top: 0; }
	50% { top: 100%; }
	100% { top: 0; }
}

@keyframes playFade-data-v-e0888a00 {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
50% {
	-webkit-transform:scale(.9);
	transform:scale(.9);
	opacity:.6
}
to {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}@-webkit-keyframes playFade-data-v-e0888a00 {
	0% {
	-webkit-transform:scale(1);
	opacity:1
}
}

@-webkit-keyframes playFade-data-v-0436873e{
	0%{-webkit-transform:scale(1);opacity:1}
	50%{-webkit-transform:scale(.9);opacity:.6}
	to{-webkit-transform:scale(1);opacity:1}
}