/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';min-width:1100px;text-align:justify;background: #0b0a0d;}
a {text-decoration:none;overflow:hidden;outline:none;}
a:hover {text-decoration:none;}
#footer_ied {min-width:1000px;width:100%;}
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
.ost_box {min-width: 1100px !important;}

/*comm*/
html {font-size: max(1vw, 12px);}
body{box-sizing: border-box;}
*,*::before,*::after{box-sizing: inherit;}
a{color: inherit;}
img{max-width: 100%;}
.btn{transition: .3s filter}
.btn:hover {filter: brightness(1.2)}
.flex-box{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.wrap {position: relative}

/*head*/
.head{position: relative; height: 50rem; width: 100%; padding-top: 33rem; box-sizing: border-box}
.head .link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.head video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
/.head .logo {position: absolute;left: calc(50% - 9.1rem);bottom: calc(18rem - 130px);/*background: url(../image/logo1.png) center / cover no-repeat;*/width: 18.125rem;height: 5.625rem;z-index: 11;}
.head .animated-logo {
    position: absolute;
    width: 68.125rem;
    height: 630px;
    background: url(../image/animated.png) center center / contain no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.head .download{position: relative; z-index: 10; margin: 130px auto 0; display: block; background: url("../image/download.png") center / cover no-repeat; width: 24.479rem; height: 5.104rem; font-size: 1.667rem; letter-spacing: 0.333rem; color: #fff; text-align: center; line-height: 5.104rem; text-indent: 0.333rem; font-family: 'fzqk', serif;}
.head .awards{position: relative; z-index: 10; margin: 2.865rem auto 0; background: url("../image/awards.png") center / cover no-repeat; width: 61.302rem; height: 3.125rem}
.head .bottom{position: absolute; background: url("../image/divide1.png") center / cover no-repeat; width: 100%; height: 3.385rem; bottom: -2.8rem; z-index: 10; }
.head .right-nav {position: absolute; right: 2rem; top: 50%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; transform: translateY(-50%); height: 24.167rem; z-index: 10}
.head .right-nav .nail {background: url("../image/nail.png") center / cover no-repeat; width: 0.625rem; height: 1.667rem;}
.head .right-nav .wechat {background: url("../image/wechat.png") center / cover no-repeat; filter: grayscale(1); transition: .3s filter}
.head .right-nav .qiwei {background: url("../image/qw.png") center / cover no-repeat; filter: grayscale(1); transition: .3s filter}
.head .right-nav .wegame {background: url("../image/wegame.png") center / cover no-repeat; filter: grayscale(1); transition: .3s filter}
.head .right-nav .weibo {background: url("../image/weibo.png") center / cover no-repeat; filter: grayscale(1); transition: .3s filter}
.head .right-nav .douyin {background: url("../image/douyin.png") center / cover no-repeat; filter: grayscale(1); transition: .3s filter}
.head .right-nav .bilibili {background: url("../image/bilibili.png") center / cover no-repeat; filter: grayscale(1); transition: .3s filter}
.head .right-nav .share {background: url("../image/share.png") center / cover no-repeat; filter: grayscale(1); transition: .3s filter}
.head .right-nav .nail:last-child {transform: rotate(180deg)}
.head .right-nav a {position: relative; overflow: visible; width: 2.2rem; height: 2.2rem;}
.head .right-nav a .code-back {position: absolute; right: 90%; top: calc(50% - 4.94rem); background: url("../image/code-back.png") center / cover no-repeat; width: 13.177rem; height: 9.896rem; opacity: 0; pointer-events: none; transition: .3s all}
.head .right-nav a:hover .code-back {right: 110%; opacity: 1;}
.head .right-nav .code {position: absolute; left: 0.78rem; top: 0.8rem; background: url("../image/vx-code.png") center / cover no-repeat; width: 8.2rem; height: 8.2rem;}
.head .right-nav .bilibili .code {background: url("../image/b-code.png") center / cover no-repeat;}
.head .right-nav .douyin .code {background: url("../image/dy-code.png") center / cover no-repeat}
.head .right-nav .weibo .code {background: url("../image/wb-code.png") center / cover no-repeat}
.head .right-nav .qiwei .code {background: url("../image/qw-code.png") center / cover no-repeat}
.head .right-nav .name {position: absolute; display: flex; align-items: center; right: 2.55rem; top: 0; height: 100%; width: 1rem; color: #F0A962; font-size: 1.25rem; line-height: 1.5rem; font-family: 'fzqk', serif; text-align: center;}
.wechat:hover, .qiwei:hover, .wegame:hover, .weibo:hover, .douyin:hover, .bilibili:hover, .share:hover {filter: grayscale(0) brightness(1.2) !important;}

/*con1*/
.con1 {position: relative; display: flex; flex-direction: column; height: 56.25rem; background: url("../image/bg1.jpg") center / cover no-repeat;}
.con1 .tit1 {margin: 4.479rem auto 0; background: url("../image/t1.png") center / cover no-repeat; width: 29.167rem; height: 10.417rem}
.con1 .announce {margin: -1.5rem auto 0;background: url("../image/frame.png") center / cover no-repeat; width: 80.677rem; height: 28.49rem;}
.con1 .con-l {width: 36.458rem; height: 20.417rem; margin: auto 0 auto 5.2rem;}
.con1 .con1-list, .con1 .con1-swiper1 {width: 100%; height: 100%}
.swiper-pagination1, .swiper-pagination2{position: absolute;right: 0;bottom: 0.78125rem;z-index: 8;}
.swiper-pagination-bullet{background: url("../image/rect.png") center / cover no-repeat; width: 0.8rem; height: 1.771rem; opacity: 1}
.swiper-pagination-bullet-active{background: url("../image/rect-l.png") center / cover no-repeat;}
.swiper-horizontal>.swiper-pagination-bullets {display: flex; align-items: center; justify-content: center; width: 100%;left: 0;bottom: 0; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); z-index: 100}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.05rem;}
.con1 .con1-swiper1 img {width: 100%;}

.con1 .con-r {position: relative; width: 29.3rem;height: 20.417rem;margin: auto 7rem auto 0;}
.con1 .con1-tab2 {font-size: 1.25rem; font-family: 'fzqk', serif; color: rgba(207,207,207,1); line-height: 2.5rem; text-shadow: 0 0 0.208rem #000; width: 29rem; margin: 0.14rem auto 0; text-align: center}
.con1 .con1-tab2 li {position: relative; width: 5.8rem; height: 2.3rem; cursor: pointer;}
.con1 .con1-tab2 li.active {color: rgba(240, 169, 98, 1);}
.con1 .con1-tab2 li a {position: relative; z-index: 2;}
.con1 .con1-tab2 li.active::before {content: ''; position: absolute; background: url("../image/nav_act.png") center / cover no-repeat; width: 6.667rem; height: 2.604rem; left: -0.44rem; top: -0.1rem;}
.con1 .con1-list2 li, .con1 .con1-list2 ul {position: relative;}
.con1 .con1-list2 li::before {content: ''; position: absolute; top: -0.1rem; left: calc(50% - 14.66rem); background: url("../image/union.png") center / cover no-repeat; width: 29.323rem; height: 0.26rem;}
.con1 .con1-list2 ul::after {top: auto !important; bottom: 0;}
.con1 .con1-list2 ul {height: 14.12rem;margin-top: 1rem;overflow: hidden;}
.con1 .con1-list2 li {display: flex; align-items: center; height: 2.8rem; line-height: 2.8rem; width: 29.323rem; font-size: 1.042rem; color: rgba(180, 180, 180, 1); padding: 0 0.7rem; font-family: 'HYJinLingKeJing', serif;}
.con1 .con1-list2 .newsLtit {display: inline-block;  margin-right: 0.9rem;}
.con1 .con1-list2 .data {margin-left: auto;}
.con1 .con1-list2 li .news-T {display: inline-block;max-width: 21.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.con1 .con1-list2 li .news-T:hover, .con1 .con1-list2 li .newsLtit:hover {color: rgb(255 216 178);}
.con1 .con1-more {position: absolute; left: calc(50% - 14.15rem); bottom: 0; background: url("../image/bo.png") center / cover no-repeat; width: 28.333rem; height: 2.083rem; margin-top: 0.78rem; font-size: 1.042rem; color: rgba(139, 135, 123, 1); font-family: 'HYJinLingKeJing', serif; text-align: center; line-height: 3.3rem;}
.con1 .con1-more a:hover {color: rgba(241, 220, 199, 1);}

.con1 .tool_list {padding: 0 15rem 3rem; display: flex; align-items: center; justify-content: space-between; margin: -1.5rem auto 0; background: url("../image/f.png") center / cover no-repeat; width: 81.979rem; height: 14.792rem;}
.con1 .tool_list li {position: relative; display: flex; align-items: center; justify-content: center; background: url("../image/h_b.png") center / cover no-repeat; cursor: pointer; width: 4.167rem; height: 4.167rem;}
.con1 .tool_list .name {position: absolute; bottom: -2rem; font-family: 'fzqk', serif; font-size: 0.9375rem; color: rgba(150, 137, 124, 1); transition: .3s color;}
.con1 .tool_list li:hover .name {color: rgba(240, 169, 98, 1);}
.con1 .tool {display: block; width: 3.125rem; height: 3.125rem; transition: .3s background}
.con1 .tool1 {background: url("../image/h1.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool1 {background: url("../image/h1-l.png") center / cover no-repeat;}
.con1 .tool2 {background: url("../image/h2.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool2 {background: url("../image/h2-l.png") center / cover no-repeat;}
.con1 .tool3 {background: url("../image/h3.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool3 {background: url("../image/h3-l.png") center / cover no-repeat;}
.con1 .tool4 {background: url("../image/h4.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool4 {background: url("../image/h4-l.png") center / cover no-repeat;}
.con1 .tool5 {background: url("../image/h5.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool5 {background: url("../image/h5-l.png") center / cover no-repeat;}
.con1 .tool6 {background: url("../image/h6.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool6 {background: url("../image/h6-l.png") center / cover no-repeat;}
.con1 .tool7 {background: url("../image/h7.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool7 {background: url("../image/h7-l.png") center / cover no-repeat;}
.con1 .tool8 {background: url("../image/h8.png") center / cover no-repeat;}
.con1 .tool_list li:hover .tool8 {background: url("../image/h8-l.png") center / cover no-repeat;}
.con1 .con1-swiper1 .btm {background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 1)); position: absolute; bottom: 0; left: 0; width: 100%; height: 3rem; z-index: 99}
.con1 .bottom {position: absolute; background: url("../image/divide1.png") center / cover no-repeat; width: 100%; height: 3.385rem; left: 0; bottom: -0.8rem; transform: rotate(180deg); z-index: 1;}

.con2 {position: relative; display: flex; flex-direction: column; background: url("../image/bg2.jpg") center / cover no-repeat; height: 56.25rem;}
.con2 .tit2 {margin: 4.6875rem auto 0; background: url("../image/t2.png") center / cover no-repeat; width: 23.333rem; height: 8.333rem;}
.con2 .btn-list {margin: 0 auto; display: flex; align-items: center; justify-content: space-between; width: 29.583rem; font-size: 1.458rem; font-family: 'fzqk', serif; color: #CFCFCF;}
.con2 .btn-list .btn {cursor: pointer;}
.con2 .btn-list .btn:hover, .con2 .btn-list .active {background: linear-gradient(to top, #FFF6C4, #C1A360);-webkit-background-clip: text;color: transparent; text-shadow: 0 0 0.46875rem #928850;}
.con2 .con2-swiper1 {position: relative; margin: 1.302rem auto 0; width: 70.5rem; height: 31.25rem;}
.con2 .swiper-box {position: relative}
.con2 .con2-swiper1 .swiper-slide a {display: block; position: relative; width: 16.667rem; height: 31.354rem; user-select: none}
.con2 .con2-swiper1 .act-bg {position: absolute; left: 0; top: 0; background: url("../image/i_t.png") center / cover no-repeat; width: 16.667rem; height: 31.354rem; z-index: 5}
.con2 .con2-swiper1 .act-pic {margin: 1.6rem 0 0 0.8rem; width: 15.104rem; height: 18.75rem; z-index: 4}
.con2 .con2-swiper1 .act-tit {position: relative; margin-top: 1rem;font-family: 'HYJinLingKeJing', serif;font-size: 1.146rem;color: #988A7E;width: 100%;text-align: center;z-index: 6; padding: 0 1rem;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.con2 .con2-swiper1 .act-tips {position: relative; margin-top: 1.2rem;font-family: 'fzqk', serif;font-size: 1.458rem;color: #D0D0D0;width: 100%;height: 2.2rem;text-align: center;z-index: 6; padding: 0 1rem;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.con2 .con2-swiper1 .act-date {position: relative; margin-left: 2.2rem;margin-top: 1.9rem; font-family: 'HYJinLingKeJing', serif; color: #918E81; text-align: center; font-size: 0.9375rem; width: 12rem; line-height: 2.2rem;z-index: 6;}
.con2 .con2-swiper1 .swiper-slide {display: flex; align-items: center; justify-content: center;}
.con2 .con2-prev {position: absolute; left: 11.3rem; top: calc(50% - 1.667rem); background: url("../image/vector.png") center / cover no-repeat; width: 1.667rem; height: 1.667rem;}
.con2 .con2-next {position: absolute; right: 11.3rem; top: calc(50% - 1.667rem); background: url("../image/vector.png") center / cover no-repeat; width: 1.667rem; height: 1.667rem; transform: rotateZ(180deg)}
.con2 .swiper-button-disabled {pointer-events: none; filter: brightness(0.6)}
.con2 .i_btn {margin: 2.5rem auto 0; line-height: 2.292rem; font-size: 1.042rem; font-family: 'fzqk', serif; color: rgba(139, 135, 123, 1); text-align: center; background: url("../image/i_btn.png") center / cover no-repeat; width: 8.542rem; height: 2.292rem;}
.con2 .con2-pagination .progress-bg {display: none}
.con2 .bottom {position: absolute; background: url("../image/divide2.png") center / cover no-repeat; width: 100%; height: 1.40625rem; left: 0; bottom: -0.72rem;  z-index: 1;}

.con3 {position: relative; display: flex; flex-direction: column; background: url("../image/bg3.jpg") center / cover no-repeat; height: 56.25rem;}
.con3 .tit3 {margin: 4.6875rem auto 0; background: url("../image/t3.png") center / cover no-repeat; width: 23.333rem; height: 8.333rem;}
.con3 .btn-list {margin: 0 auto; display: flex; align-items: center; justify-content: space-between; width: 22.083rem; font-size: 1.458rem; font-family: 'fzqk', serif; color: #CFCFCF;}
.con3 .btn-list .btn {cursor: pointer;}
.con3 .btn-list .btn:hover, .con3 .btn-list .active {background: linear-gradient(to top, #FFF6C4, #C1A360);-webkit-background-clip: text;color: transparent; text-shadow: 0 0 0.46875rem #928850;}
.con3 .swiper-box {position: relative;}
.con3 .con3-swiper1 {position: relative; margin: 5.5rem auto 0; width: 73.2rem; height: 19rem;}
.con3 .con3-swiper1 .video-box {position: relative; display: block; width: 22.708rem; height: 13.021rem; user-select: none; overflow: visible;}
.con3 .con3-swiper1 .video-box .vd-box {position: absolute;left: 0.29rem;top: 0.23rem;width: 22.1rem;height: 12.6rem; overflow: hidden;}
.con3 .con3-swiper1 .video-box img {width: 100%; z-index: 3; transition: .3s transform;}
.con3 .con3-swiper1 .video-box:before {content: ''; position: absolute; left: calc(50% - 1.823rem); top: calc(50% - 1.823rem); background: url("../image/vd_player.png") center / cover no-repeat; width: 3.646rem; height: 3.646rem; z-index: 5;}
.con3 .con3-swiper1 .video-box:after {content: ''; position: absolute; left: 0; top: 0; background: url("../image/vd_border.png") center / cover no-repeat; width: 22.708rem; height: 13.021rem; z-index: 4; transition: .3s background}
.con3 .con3-swiper1 .video-box:hover img {transform: scale(1.1)}
.con3 .con3-swiper1 .video-box:hover .name {color: #F0A962}
.con3 .con3-swiper1 .video-box:hover:after {background: url("../image/vd_border_light.png") center / cover no-repeat;}
.con3 .con3-swiper1 .name {position: absolute; bottom: -3.2rem; left: calc(50% - 10rem); width: 20rem; height: 2.4rem; font-family: 'HYJinLingKeJing', serif; font-size: 0.9375rem; line-height: 1.2rem; color: #F1DCC7; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;}
.con3 .con3-swiper1 .date {position: absolute; bottom: -5rem; left: 1.4rem; width: 7rem; font-size: 1rem; font-family: 'HYJinLingKeJing', serif; color: #A99671;}
.con3 .con3-pagination {margin: 2.865rem auto 0; display: flex; align-items: center; justify-content: space-between; width: 63.802rem; height: 1.771rem;}
.con3 .con3-pagination .con3-prev {background: url("../image/vd_arrow.png") center / cover no-repeat; width: 1.823rem; height: 1.771rem;}
.con3 .con3-pagination .con3-next {background: url("../image/vd_arrow.png") center / cover no-repeat; width: 1.823rem; height: 1.771rem; transform: rotateZ(180deg)}
.con3 .con3-pagination .progress-bg {padding: 0 2rem; background: url("../image/vd_line_bg.png") center / cover no-repeat; width: 62.552rem; height: 0.417rem;}
.con3 .con3-pagination .progress-box {position: relative; width: 100%; height: 100%; bottom: 0; left: 0}
.con3 .con3-pagination .progress {position: absolute; top: 0; left: 0; background: url("../image/vd_line_slide.png") center / cover no-repeat; width: 8.38rem; height: 0.417rem; border-radius: 0;}
.con3 .i_btn {display: block; margin: 2.5rem auto 0; line-height: 2.292rem; font-size: 1.042rem; font-family: 'fzqk', serif; color: rgba(139, 135, 123, 1); text-align: center; background: url("../image/i_btn.png") center / cover no-repeat; width: 8.542rem; height: 2.292rem;}
.con3 .swiper-button-disabled {pointer-events: none; filter: brightness(0.4)}
.con3 .bottom {position: absolute; background: url("../image/divide2.png") center / cover no-repeat; width: 100%; height: 1.40625rem; left: 0; bottom: -0.72rem;  z-index: 10;}

.con4 {position: relative; display: flex; flex-direction: column; height: 56.25rem;}
.con4 .a1 {background: url("../image/bg4-a1.png") center / cover no-repeat}
.con4 .a2 {background: url("../image/bg4-a2.png") center / cover no-repeat}
.con4 .a3 {background: url("../image/bg4-a3.png") center / cover no-repeat}
.con4 .a4 {background: url("../image/bg4-a4.png") center / cover no-repeat}
.con4 .a5 {background: url("../image/bg4-a5.png") center / cover no-repeat}
.con4 .a6 {background: url("../image/bg4-a6.png") center / cover no-repeat}
.con4 .a7 {background: url("../image/bg4-a7.png") center / cover no-repeat}
.con4 .a8 {background: url("../image/bg4-a8.png") center / cover no-repeat}
.con4 .a9 {background: url("../image/bg4-a9.png") center / cover no-repeat}
.con4 .a10 {background: url("../image/bg4-a10.png") center / cover no-repeat}
.con4 .a11 {background: url("../image/bg4-a11.png") center / cover no-repeat}
.con4 .tit4 {position: relative; z-index: 100; margin: 4.6875rem auto 0; background: url("../image/t4.png") center / cover no-repeat; width: 23.333rem; height: 8.333rem;}
.con4 .act-list {position: absolute; left: 10rem; top: 19rem; padding-left: 2.8rem; padding-top: 0.7rem; z-index: 100}
.con4 .act-list .line {position: absolute; left: 0; top: 0; background: url("../image/p_line.png") center / cover no-repeat; width: 0.417rem; height: 23.49rem;}
.con4 .act-list .icon {position: absolute; left: -1rem; top: 1.28347rem; background: url("../image/p_icon.png") center / cover no-repeat; width: 2.396rem; height: 2.448rem; transition: .3s top}
.con4 .act-list .name-list {font-size: 1.25rem; font-family: 'fzqk', serif; color: #918E81}
.con4 .act-list .name-list .n {cursor: pointer; margin-top: 0.8rem; transition: .3s color}
.con4 .act-list .name-list .active, .con4 .act-list .name-list .n:hover {color: #F0A962;}
.con4 .act-name {position: absolute; display: flex; justify-content: flex-end; box-sizing: border-box; right: 7rem; top: 20rem; padding-right: 6rem; padding-top: 6rem; text-align: center; background: url("../image/p_b.png") center / cover no-repeat; width: 17.24rem; height: 16.875rem}
.con4 .act-name .name {font-family: 'fzqk', serif; font-size: 2.5rem; background: linear-gradient(to top, #FFF6C4, #C1A360); -webkit-background-clip: text; color: transparent; text-shadow: 0 0 0.8rem #928850;}
.con4 .act-name .res {font-family: 'fzqk', serif; font-size: 1.25rem; color: #F1DCC7;}
.con4 .tips {position: absolute; right: 12rem; top: 36.5rem; font-family: 'fzqk',serif; font-size: 1.25rem; color: #A69381; text-align: right; line-height: 1.875rem;}
.con4 .swiper {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.con4 .bottom {position: absolute; background: url("../image/divide3.png") center / cover no-repeat; width: 100%; height: 3.125rem; left: 0; bottom: -2.95rem; z-index: 1;}

.con5 {position: relative; display: flex; flex-direction: column; height: 56.25rem;}
.con5 .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../image/bg5.jpg) center / cover no-repeat;}
.con5 .tit5 {position: relative; margin: 4.6875rem auto 0; background: url("../image/t5.png") center / cover no-repeat; width: 23.333rem; height: 8.333rem; z-index: 2}
.con5 .g_border {position: absolute; left: calc(50% - 29.7rem); top: calc(50% - 13rem); background: url("../image/g_border.png") center / cover no-repeat; width: 59.4rem; height: 33.84rem; z-index: 100; pointer-events: none;}
.con5 .swiper {position: absolute; left: 0; top: calc(50% - 12.3rem); width: 100%;}
.con5 .swiper .swiper-slide {width: 56.25rem; margin: 0 5rem}
.con5 .swiper .swiper-slide img {width: 56.25rem; height: 31.25rem; user-select: none}
.con5 .c5-prev {position: absolute; left: 17rem; top: calc(50% - 0.885rem); background: url("../image/vd_arrow.png") center / cover no-repeat; width: 1.823rem; height: 1.771rem; z-index: 101; transition: .3s filter}
.con5 .c5-next {position: absolute; right: 17rem; top: calc(50% - 0.885rem); background: url("../image/vd_arrow.png") center / cover no-repeat; width: 1.823rem; height: 1.771rem; transform: rotate(180deg); z-index: 101; transition: .3s filter}
.con5 .swiper-button-disabled {filter: brightness(0.6); pointer-events: none;}
.con5 .c5-prev:hover, .con5 .c5-next:hover {filter: brightness(1.2)}
.con5 .swiper-pagination5 {display: none}

.con6 {position: relative; margin-top: -3.1rem; background: url("../image/bottom.png") center / cover no-repeat; width: 100%; height: 36.042rem; z-index: 100}

.nav-box {position: fixed; left: 0; bottom: calc(50% - 6rem); display: flex; flex-direction: column; height: 12rem; font-size: 0.9375rem; font-family: 'fzqk', serif; color: #838175; line-height: 2.2rem; z-index: 111;}
.nav-box a {position: relative; overflow: visible; margin-left: 2.083rem;}
.nav-box a::before {content: ''; position: absolute; bottom: -0.1rem; left: -9.2rem; background: url("../image/nav_btm.png") center / cover no-repeat; width: 11.354rem; height: 0.729rem; transition: .3s left}
.nav-box a.active, .nav-box a:hover {background: linear-gradient(to top, #FFF6C4, #C1A360); -webkit-background-clip: text; color: transparent; text-shadow: 0 0 0.4rem #928850;}
.nav-box a.active::before {left: -2.083rem}

#footer {position: relative;z-index: 100;margin-top: -12rem;}