*{margin:0;padding:0;border:0;list-style:none;}
html,body{width:100%;height:100%;margin:0 auto;position:relative;}
a{text-decoration:none}
img::selection{background:transparent}
a::selection{background:transparent}


#ageBtn a{width:80px;position:absolute;top:130px;right:20px;z-index:6}

::-webkit-scrollbar{ width: 10px; background-color: rgba(0, 0, 0, .5); }

::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px;}


.float_box{ width: 180px; padding: 15px 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position:fixed; top:50%; right:0; transform:translateY(-50%); background-color:#fff; border:1px #ddd solid; transition: .5s; z-index:6 }
.float_box .qrcode_box{ width:150px; height:110px; margin:0 auto; background-image:url(img/qrcode_bg.png); overflow:hidden; }
.float_box .qrcode_box img{ width: 106px; display:block; margin: 3px}
.float_box .btn{ width:150px; margin: 10px auto 0 }
.float_box .btn img{ display:block; margin:5px 0; transition:.5s; width: 100%; }
.float_box .btn img:hover{ transform:translateY(-3px); }
.float_box .btn_float{ width:26px; height:60px; display:block; background-image:url(img/btn_float.png); background-position:left; position: absolute; top:10px; left:-26px; background-color: transparent;}

.float_box.hide{ right:-181px; }
.float_box.hide .btn_float{ background-position:right; }

#smooth-content {
    overflow: visible;
    width: 100%;
}

.qy_bar{ position: fixed; }

.h1_name{ position: absolute; top:0; left:0; z-index:1; display:block; text-align: center; width:100%; font-size: 10px;}

.float img{display:block;width:100%; transition: .3s;}
.float .top_bar{ position: fixed; top: 0; left: 0; width: 100%; z-index: 2;}
.float .logo{width:280px;display:block;position:absolute;top:0;left:0;z-index:2}
.float .nav{position:absolute;top:30px;right:30px;height:20px;line-height:20px;z-index:2; color: #fff;}
.float .nav .nav_list{ float: left; }
.float .nav a{width:160px;display:block;height:20px;float:left;text-align:center;font-size:16px;color:inherit;position:relative;transition:1s;}
.float .nav a i{padding:0 4px}
.float .nav a span{width:100%;display:block;position:absolute;top:0;left:0;transition:opacity 1s}
.float .nav a:hover span{ font-weight:bold; }
.float .nav a.btn_download{width:130px;height:40px;border-radius:40px;line-height:40px; border: 1px #fff solid; color: inherit; margin-top: -10px; text-align:center;display:none; float: left;  transition:.5s;}
.float .nav a.btn_download:hover{ background-color: inherit; color: #a28374; }

.float.news .nav a.btn_download{border: 1px #000 solid;}
.float.news .nav{ color: #000; }

.float .soc_box{width:90px;position:fixed;bottom:40px;right:40px;height:45px;line-height:45px;border-radius:45px;overflow:hidden;padding:0 20px;z-index:4;transition:.5s;border:1px #fff solid}
.float .btn_soc{display:block;float:left;font-size:14px;color:#fff;width:90px;position:relative;height:45px;transition:.5s}
.float .btn_soc span{display:block;position:absolute;top:0;left:30px;transition:.5s;white-space:nowrap}
.float .btn_soc span:nth-child(1){opacity:0}
.float .btn_soc:before{content:"";display:inline-block;width:24px;height:24px;background-size:600% 200%;background-image:url(/style/img/ico.svg);filter:invert(100%);background-position:20% 0;vertical-align:middle;margin:-4px 4px 0 0;transition:.5s}
.float .soc_list{width:0px;overflow:hidden;float:left;transition:.5s}
.float .soc_list ul{width:312px;height:30px;padding-top:10px;padding-left:15px}
.float .soc_list ul a{width:29px;height:24px;display:block;float:left;background-image:url(img/ico_soc.png);background-size:800% 100%;margin:0 5px;filter:brightness(400%);transition:.5s}
.float .soc_list ul a:nth-child(1){background-position:0}
.float .soc_list ul a:nth-child(2){background-position:14.28%}
.float .soc_list ul a:nth-child(3){background-position:28.57%}
.float .soc_list ul a:nth-child(4){background-position:42.85%}
.float .soc_list ul a:nth-child(5){background-position:57.14%}
.float .soc_list ul a:nth-child(6){background-position:71.72%}
.float .soc_list ul a:nth-child(7){background-position:85.71%}
.float .soc_list ul a:nth-child(8){background-position:100%}
.float .soc_box:hover{width:440px;background-color:rgba(49,35,81,.1)}
.float .soc_box:hover .btn_soc{width:110px}
.float .soc_box:hover .btn_soc span:nth-child(1){opacity:1}
.float .soc_box:hover .btn_soc span:nth-child(2){opacity:0}
.float .soc_box:hover .soc_list{width:322px}
.float .soc_list ul a:hover{filter:brightness(100%)}
.float.show .nav{width:120px;top:180px;left:40px;height:calc(100vh - 300px)}
.float.show .nav a{width:120px;height:25%;text-align:left;color:#000;}
.float.show .nav a.cur{color:#da8092}
.float.show .nav a:after{display:none}
.float.show .nav a:before{content:"";display:block;width:30px;height:30px;position:absolute;top:5px;left:2px;background-image:url(/style/img/ico.svg);background-size:600% 200%}
.float.show .nav a:nth-child(1):before{background-position:40% 0}
.float.show .nav a:nth-child(2):before{background-position:60% 0}
.float.show .nav a:nth-child(3):before{background-position:80% 0}
.float.show .nav a:nth-child(4):before{background-position:100% 0}
.float.show .nav a.cur:nth-child(1):before{background-position:40% 100%}
.float.show .nav a.cur:nth-child(2):before{background-position:60% 100%}
.float.show .nav a.cur:nth-child(3):before{background-position:80% 100%}
.float.show .nav a.cur:nth-child(4):before{background-position:100% 100%}
.float.show .nav a i{padding:0;display:block}
.float.show .nav a span{width:100%;display:block;position:absolute;top:40px;left:0;transition:opacity 1s}
.float.show .nav a span:first-child{opacity:0}
.float.show .nav a span:last-child{width:40px}
.float.show .nav a:hover span:first-child{opacity:1}
.float.show .nav a:hover span:last-child{opacity:0}
.float.show .btn_news{color:#000;background-color:rgba(255,255,255,.2);border:1px #fff solid}
.float.show .btn_news:before{filter:invert(0%)}
.float.show .btn_news:hover{color:#000}
.float.show .btn_share{color:#000}
.float.show .btn_share:before{filter:invert(0%)}
.float.show .btn_yuyue{visibility:visible;opacity:1}
@keyframes Rotate{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}

.header{position:relative;width:100%;height:100vh;z-index:1; background-image: url(img/header.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.header .video_box{width:100%;height:100%;min-width:1920px;overflow:hidden;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1}
/*.header .video_box:before{content:"";width:100%;height:100%;background-image:url(/style/img/video_mask.png);position:absolute;top:0;left:0;z-index:2;opacity:.5}*/
.header video{position:relative;width:100%;display:block;z-index:1}

.header .header_info{display:block;position:absolute;top:50%;left:50%;transform:translate(-90%,-50%);z-index:2}
.header_info .slogan{display:block;margin:0 auto}

.header_info .video_btn{width:60px;height:60px;display:block;border-radius:60px;position:absolute;top:60px;left:50%;margin-left:155px;background-color:#c69182;transition:.5s}
.header_info .video_btn i{width:30px;height:30px;display:block;margin:15px 0 0 25px;position:relative;overflow:hidden}
.header_info .video_btn i:before{content:"";display:block;background-color:#fff;width:30px;height:30px;transform:scaleY(.7) rotate(45deg);position:absolute;top:0px;left:-22px}
.header_info .video_btn:hover{background-color:rgba(177,112,100,.5)}

.header_info .download_box{width:530px;height:140px;margin:0 auto; background-color: rgba(255, 255, 255, .7); border-radius: 15px; border: 1px rgba(239, 193, 183, .8) solid; solid;}
.header_info .download_box .qrcode{width:105px;display:block;float:left;margin:15px 0 0 15px}

.header_info .download_box .btn_download{width:165px;float:left;margin-left:20px; padding-top: 24px; display: block;}
.header_info .download_box .server{float:left;width:165px;height:78px;padding:10px 12px;margin-left:5px;margin-top:10px;position:relative}
.header_info .download_box .server .server_t{height:20px;line-height:20px;overflow:hidden}
.header_info .download_box .server b{font-size:18px;color:#000;display:block;float:left;margin-left:5px}
.header_info .download_box .server .go{width:50px;height:20px;line-height:20px;text-align:center;background-color:#ee9478;color:#ffe2c6;display:block;float:right;border-radius:20px;font-size:14px}
.header_info .download_box .server_box{border-top:1px #aa8a6d dashed;padding:5px;display:block;margin-top:15px}
.header_info .download_box .server_box ul li{width:100%;height:30px;line-height:30px;font-size:14px;color:#000}

.header .arrow{width:20px;height:20px;display:block;position:absolute;bottom:1rem;left:50%;transform:translate(-50%,-10px) rotate(-45deg);animation:Arrow .8s linear infinite alternate;border-bottom:1px #fff solid;border-left:1px #fff solid;z-index:4}
@keyframes Arrow{
    from{transform:translate(-50%,-10px) rotate(-45deg)}
    to{transform:translate(-50%,0) rotate(-45deg)}
}

.bg{ width: 100%; height: 100vh; position: absolute; top: 100vh; left: 0; z-index: 2;background-image: linear-gradient(to bottom,#f5ebe9,#f5ebe9);}
.bg .bg_color{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0;}
.bg .bg_color:nth-child(1){background-image: linear-gradient(to bottom,#f5ebe9,#f5ebe9); opacity: 1;}
.bg .bg_color:nth-child(2){background-image: linear-gradient(to bottom,#b18670,#e5ddd9);}
.bg .bg_color:nth-child(3){background-image: linear-gradient(to bottom,#8a56a0,#eae9fc);}
.bg .bg_color:nth-child(4){background-image: linear-gradient(to bottom,#b18670,#e5ddd9);}
.bg .bg_color:nth-child(5){background-image: linear-gradient(to bottom,#b18670,#e5ddd9);}

.part{ width: 100%; height: 100vh; position: relative; z-index: 3; -webkit-perspective: 1000}

.part_2 .inner{ width: 82%; height: 70vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.part_2 .news_bg{ width: 50%; height: 75vh; position: absolute; top: 20vh; right: 0; background: #e6d2c8; }
.part_2 .news_t{ font-size: calc(100vw / 12.34); height: 18vh; line-height: 18vh; color: #c5956f; font-weight: normal; position: absolute; bottom: 72%; left: 5%;}
.part_2 .news_t .char{ display: inline-block; }
.part_2 .focus_wrap{ position: absolute; bottom: 0; left: 0; overflow: hidden; width: 50%; height: 55vh;}
.part_2 .focus_wrap img{ width: 100%; display: block; transition: .5s;}
.part_2 .focus_wrap img:hover{ transform: scale(1.05); }
.part_2 .focus_wrap .focus{ width: 41vw; position: absolute;top: 50%; left: 0; transform: translateY(-50%);}

.focus .flex-control-paging{height:8px;display:inline-block;position:absolute;right:20px;bottom:40px;text-align:right}
.focus .flex-control-paging li{display:inline-block;margin:0 8px;width:10px;height:10px}
.focus .flex-control-paging li a{width:10px;height:10px;display:block;text-indent:9999px;cursor:pointer;position:relative;border-radius:10px;border:1px #fff solid}
.focus .flex-control-paging li a.flex-active{background:#fff}
.focus .flexslider{position:relative}
.focus .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;list-style-type:none}

.part_2 .news_wrap{ width: 48%; height: 100%; float: right; position: relative;}
.part_2 .news_wrap .news_title{ width: 100%; text-align: right; position: absolute; bottom: 52vh; line-height: 40px; }
.part_2 .news_wrap .news_title span{ display: block; font-size: 30px; color: #c5956f;}
.part_2 .news_wrap .news_title a{ display: block; font-size: 18px; color: #c5956f; float: right;}

.part_2 .news_list{ width: 100%; height: 23vh; background-color: rgba(255, 255, 255, .4); border-radius: 10px; border: 1px #fff solid; padding: 3% 5%; box-sizing: border-box; position: absolute; bottom: 26vh;}
.part_2 .news_list ul { height: 100%; }
.part_2 .news_list ul li{ width: 47.5%; height: 50%; float: left; }
.part_2 .news_list ul li:nth-child(1){ margin-right: 5%; }
.part_2 .news_list ul li:nth-child(3){ margin-right: 5%; }
.part_2 .news_list ul li a{ width: 100%; height: 100%; display: block; position: relative; }
.part_2 .news_list ul li .time{ font-size: 14px; color: #c2a087; display: block; padding-top: 6%;}
.part_2 .news_list ul li p{ font-size: 16px; color: #1f1d1c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 50%; line-height: 16px; padding-top: 4%; }
.part_2 .news_list ul li:hover p{color: #c5956f; }

.part_2 .news_activity{ width: 100%; height: 23vh; position: absolute; bottom: 0;}
.part_2 .news_activity ul { height: 100%; }
.part_2 .news_activity ul li{ width: 49%; float: left; height: 100%; border-radius: 10px; overflow: hidden; position: relative;}
.part_2 .news_activity ul li:first-child{ margin-right: 2%; }
.part_2 .news_activity ul li a{ width: 100%; height: 100%; display: block; position: relative;}
.part_2 .news_activity ul li img{ width: 100%; height: 100%; position: relative; object-fit: cover; z-index: 1; display: block; transition: .5s;}
.part_2 .news_activity ul li:hover img{ transform: scale(1.05); }
.part_2 .news_activity ul li:before{content: ""; display: block; width: 25px; height: 25px; position: absolute; top: 15px; right: 5%; z-index: 2; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='1' d='M24 12.01A12.005 12.005 0 1 1 11.99 0 12.005 12.005 0 0 1 24 12.01zm-22.51 0A10.505 10.505 0 1 0 11.99 1.5a10.5 10.5 0 0 0-10.5 10.51zm14.57-.66a.418.418 0 0 1 .19.45.41.41 0 0 1-.19.44l-5.6 3.91a.959.959 0 0 1-1.03 0 .407.407 0 0 1 0-.72l5.2-3.63-5.2-3.63a.407.407 0 0 1 0-.72.959.959 0 0 1 1.03 0z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");}
.part_2 .news_activity ul li .time{ position: absolute; top: 15px; left: 5%; z-index: 3; color: #fff; }
.part_2 .news_activity ul li h2{ position: absolute; bottom: 0; left: 0; z-index: 3; display: block; color: #fff; font-size: 18px; width: 90%; left: 5%; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.part_2 .news_activity ul li a:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 20%; background-image: linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,0)); z-index: 2; }
.part_2 .news_activity ul li a:after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background-image: linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,0)); z-index: 2; }

.part_3 .sz_t{ font-size: 0; height: 18vh; line-height: 18vh; text-align: center;  overflow: hidden; color: #986953; font-weight: normal; white-space: nowrap; position: absolute; top: 10vh; left:0; width: 100%;}
.part_3 .word{ white-space: nowrap;}
.part_3 .sz_t .whitespace{ margin:0 20px }
.part_3 .word[data-word="X"]{ margin: 0 30px; }
.part_3 .word .char{ font-size: calc(100vw / 20); display: inline-block;}
.part_3 .word[data-word="X"] .char{ font-size: calc(100vw / 16); }


.part_3 .sz_list{ white-space: nowrap; font-size: 0; position: absolute; bottom: 15vh; left: 0; height: 68vh; display: flex; }
.part_3 .sz_list .sz_box{ width: 37.03vh; height: 55.55vh; display: inline-block; margin: 0 20px; border-radius: 20px; position: relative; -webkit-align-self: flex-end;align-self: flex-end; transition: 1s;}
.part_3 .sz_list .sz_box .sz_cover{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom,#b98577,#e7dfdb); border-radius: 20px; overflow: hidden; transition: 1s;}
.part_3 .sz_list .sz_box .sz_cover img{ width: 100%; position: absolute; bottom: 0; z-index: 1;}
.part_3 .sz_list .sz_box .sz_cover:before{ content:""; display:block; width:100%; height:100%; position:absolute; bottom:0; left:0; background-image:linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0),rgba(0, 0, 0, 0),rgba(0, 0, 0, .3)); z-index: 2}
.part_3 .sz_list .sz_box .sz_txt b{ position: absolute; z-index: 3; font-size: 36px; color: #fff; bottom: 50px; text-align: center; width: 100%; display: block;}
.part_3 .sz_list .sz_box .sz_hover{ opacity: 0; transition: 1s;width: 100%; height: 100%; overflow: hidden; border-radius: 20px;}
.part_3 .sz_list .sz_box .sz_hover video{ width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; position: relative; z-index: 1;}
.part_3 .sz_list .sz_box .sz_hover img{ width: 100%; height: 100%; object-fit: cover; display: block; position: relative; z-index: 1;}
.part_3 .sz_list .sz_box .sz_hover:before{ content: ""; display: block; width: 99px; height: 87px; background-image: url(img/shizhuang/sz_hover_1.png); position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 2;}
.part_3 .sz_list .sz_box .sz_hover:after{ content: ""; display: block; width: 90%; height: 17px; background-image: url(img/shizhuang/sz_hover_2.png); background-size: 100% auto; background-position: bottom; background-repeat: no-repeat; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); z-index: 2; opacity: 0; transition: .3s;}
.part_3 .sz_list .sz_box:hover{ width: 45vh; height: 68vh; border-radius: 0;}



.sz_detail_wrap{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; display: none;}
.sz_detail_wrap .sz_detail{ width: 70vw; height: 80vh; position: absolute; top: 50%; left: 50%; margin-left: -35vw; margin-top: -40vh; transform: translateX(200%); z-index: 6;}
.sz_detail_wrap .sz_detail .sz_img{ display:block; margin:0 auto; height:100% }

.sz_detail_wrap .sz_control{ width: 90%; height: 110px; position: absolute; bottom: 2%; left: 50%; transform: translateX(-50%); display: none; }
.sz_detail_wrap .sz_control:before{ width: calc( 90% - 220px ); height: 1px; content: ""; display: block; background-color: #a28374; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); }
.sz_detail_wrap .sz_control a{ position: absolute; bottom: 0; width: 110px; height: 110px; display: block; transition: .5s;}
.sz_detail_wrap .sz_control a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; margin-left: -55px; margin-top: -55px; background-image: url("img/ico_lala.svg"); background-size: 100% 100%; animation: rotate 10s linear infinite; }
.sz_detail_wrap .sz_control a:after{ content: ""; display: block; width: 29px; height: 22px; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='22' viewBox='0 0 29 22'%3E%3Cpath data-name='3' d='M16.69 22l9.32-10.66L16.69 0h3l9.32 11.34L19.69 22h-3zM0 12.03v-2h27v2H0z' fill='%23a28374' fill-rule='evenodd'/%3E%3C/svg%3E"); }
.sz_detail_wrap .sz_control a.sz_prev{ left: 0; }
.sz_detail_wrap .sz_control a.sz_prev:after{ transform: rotateY(180deg); }
.sz_detail_wrap .sz_control a.sz_next{ right: 0; }
.sz_detail_wrap .sz_control a:hover{ transform: scale(1.1); }

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.part_4 .js_t{text-align: center; font-size: 0; line-height: 11vh;  color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0%; width: 100%; transform-origin: 0% 50%; z-index: 1; pointer-events: none;}
.part_4 .js_t .whitespace{ display: block; }
.part_4 .js_t .char{ font-size: calc(100vw / 14); display: inline-block; margin: 0 2%; font-weight: 100; transition: .2s; }

.part_4 .js_wrap{ width: 700vw; height: 100%; position: relative; z-index: 2;}
.part_4 .js_box{ width: 14.2857%; height: 100%; float: left; position: relative; z-index: 2; transition: .5s;}
.part_4 .js_box:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: .5s; opacity: 0;}
.part_4 .js_box:nth-child(odd){ background-color: #d5c6bf; }
.part_4 .js_box:nth-child(even){ background-color: #c3aba0; }
.part_4 .js_box .inner{ width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 2;}
.part_4 .js_box .inner .js_msk{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; background-color: rgba(0, 0, 0, .5); pointer-events: none; transition: .5s; opacity: 0;}
.part_4 .js_box .js_pic .js_p{ width: 50vw; position: absolute; top: 10%; left: 50%; margin-left: -24vw; z-index: 2;}
.part_4 .js_box .js_pic .js_s{ position: absolute; top: 12%; left: 5%; filter: brightness(0) blur(10px); display: block; opacity: .2; z-index: 1;}
.part_4 .js_box .js_pic img{ transition: .5s; pointer-events: none;}
.part_4 .js_box .js_pic .js_p img{ width: 100%;}
.part_4 .js_box .js_info{ width: 50vw; height: 100%; background-color: #fff; position: absolute; top: 0; right: -50%; z-index: 3; opacity: 1;}
.part_4 .js_box .js_info:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, .2); }
.part_4 .js_box .js_info video{ width: 50vw; height: 100%; display: block; object-fit: cover; position: relative; z-index: 1;}
.part_4 .js_box .js_info .intro{ width: 50vw; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; }
.part_4 .js_box .js_info .intro h2{ font-size: 90px; font-weight: normal; color: #fdfdfd; display: block; position: absolute; top: 100px; left: 50px; line-height: 90px;}
.part_4 .js_box .js_info .intro p{ font-size: 30px; line-height: 40px; color: #fff; font-weight: 100; display: block; position: absolute; top: 100px; right: 50px; }
.part_4 .js_box .js_info .intro b{ font-size: 22px; line-height: 28px; color: #fff; display: block; position: absolute; bottom: 50px; left: 50px; z-index: 2;}
.part_4 .js_box .js_pic{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: translateX(0); z-index: 3;}

.part_4 .js_box.js_1:before{ background-image: linear-gradient(to bottom,#9971aa,#eae9fc); }
.part_4 .js_box.js_2:before{ background-image: linear-gradient(to bottom,#b3c1cd,#f3f6f6); }
.part_4 .js_box.js_3:before{ background-image: linear-gradient(to bottom,#5c5a6d,#e6e1eb); }
.part_4 .js_box.js_4:before{ background-image: linear-gradient(to bottom,#debaba,#ffeaea); }
.part_4 .js_box.js_5:before{ background-image: linear-gradient(to bottom,#93bfc3,#e7fafc); }
.part_4 .js_box.js_6:before{ background-image: linear-gradient(to bottom,#959cb1,#e5efff); }
.part_4 .js_box.js_7:before{ background-image: linear-gradient(to bottom,#ccb4a9,#f7f2f0); }

.part_4 .js_box.show:before{ opacity: 1; }

.part_4 .js_box.show{ background-color: transparent; }
.part_4 .js_box.show .js_msk{ opacity: 0!important; }
.part_4 .js_box.show:hover .js_pic img{ transform: scale(1);}
.part_4 .js_box.show .js_pic img{ transform: scale(1);-webkit-filter: drop-shadow(85px 25px 8px rgba(0,0,0,.2)); filter: drop-shadow(85px 25px 8px rgba(0,0,0,.2));}

.part_4 .js_box:hover .js_msk{ opacity: 0!important; }
.part_4 .js_box:hover .js_pic img{ transform: scale(1.05);}

.part_4 .js_title{text-align: center; font-size: 0; line-height: 5vh; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0%; width: 100%; transform-origin: 0% 50%; z-index: 4; pointer-events: none;}
.part_4 .js_title b{ display: block; width: 100%; }
.part_4 .js_title .js_t1 .char{ font-size: calc(100vw / 14); font-weight: 100;   display: inline-block;}
.part_4 .js_title .js_t2 .char{ font-size: calc(100vw / 55); font-weight: 100; display: inline-block;}


.npc_detail_wrap{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 3; display: none; opacity: 0;}
.npc_left{ position: absolute; top: 20%; left: 7%; width: 460px;}
.npc_right{ position: absolute; top: 20%; right: 7%; width: 460px; text-align: right;}
.npc_detail_wrap .box{ padding: 2vh 0; }
.npc_detail_wrap .box b{font-size: 16px; color: #372f2f; display: block; line-height: 30px; }
.npc_detail_wrap .box h2{font-size: 50px; color: #372f2f; display: block; line-height: 65px; font-weight: 100;}
.npc_detail_wrap .box span{font-size: 18px; color: #372f2f; display: block; line-height: 20px;}
.npc_detail_wrap .npc_left .box p{font-size: 14px; color: #372f2f; display: block; line-height: 20px;}
.npc_detail_wrap .npc_left .box a{ width: 230px; height: 130px; display: block; overflow: hidden; background-color: #000; position: relative; }
.npc_detail_wrap .npc_left .box a:before{ content: ""; display: block; width: 35px; height: 35px; background-image: url(/style/img/ico_video.png); background-size: 100% 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 3;}
.npc_detail_wrap .npc_left .box a img{ width: 100%; height: 100%; display: block; object-fit: cover; opacity: .5; z-index: 1; transition: .5s;}
.npc_detail_wrap .npc_left .box a:hover img{ transform: scale(1.05); opacity: .8; }
.npc_detail_wrap .npc_right .box{ padding: 3vh 0; }
.npc_detail_wrap .npc_right .box span{font-size: 26px; color: #372f2f; display: block; line-height: 40px;}



.npc_detail_wrap .npc_right .ico_audio{width:40px;height:40px;display:inline-block; margin-right: 20px; background-color:#fff; position: relative; border-radius:40px; pointer-events: all; transition:.5s}
.npc_detail_wrap .npc_right .ico_audio:before{content:"";display:block;width:44px;height:44px;background-color:#fff;opacity:.5;position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;border-radius:2rem;animation:audioScale .5s .15s linear infinite alternate}
.npc_detail_wrap .npc_right .ico_audio:after{content:"";display:block;width:50px;height:50px;background-color:#fff;opacity:.2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;border-radius:2rem;animation:audioScale .5s .35s linear infinite alternate}
.npc_detail_wrap .npc_right .ico_audio i{width:64px;height:64px;display:block;position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;border-radius:70px;background-image:url(/style/img/txt_6.png);background-size:100% 100%;filter:brightness(200%);animation:audioScale .5s linear infinite alternate}
.npc_detail_wrap .npc_right .ico_audio .ico{width:25px;height:25px;margin:8px 0 0 2px;background-image:url(/style/img/ico_audio.png);background-size:100% 100%;position:relative;z-index:3}
.npc_detail_wrap .npc_right .ico_audio .ico:before{content:"";display:block;width:10px;height:10px;border-radius:20px;border-right:1px #c3b89e solid;position:absolute;top:7px;right:0}
.npc_detail_wrap .npc_right .ico_audio .ico:after{content:"";display:block;width:20px;height:20px;border-radius:20px;border-right:1px #c3b89e solid;position:absolute;top:2px;right:-6px}
.npc_detail_wrap .npc_right .ico_audio.playing i{animation:audioRotate 3s linear infinite}
.npc_detail_wrap .npc_right .ico_audio.playing .ico:before{animation:audioFlash .5s linear infinite alternate}
.npc_detail_wrap .npc_right .ico_audio.playing .ico:after{animation:audioFlash .5s .25s linear infinite alternate}
@keyframes audioScale{
    from{transform:scale(.95)}
    to{transform:scale(1.05)}
}
@keyframes audioRotate{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
@keyframes audioFlash{
    from{opacity:1}
    to{opacity:0}
}



.part_5 .video_wrap{ width: 0; position: absolute; top:200px; right: 0; overflow: hidden;}
.part_5 .video_wrap video{ width: 75vw; height: 80vh; object-fit: cover; display: block; }

.part_5 .video_aside{ width: 15vw; position: absolute; top: 200px; left: 4%; }
.part_5 .video_aside .video_t{ display: block; font-size: 60px; font-weight: normal; color: #a28374; line-height: 60px; }
.part_5 .video_aside .video_tab{ width: 100%; margin-top: 20px; }
.part_5 .video_aside .video_tab ul li{ width: 100%; height: 170px; margin: 20px 0; overflow: hidden;}
.part_5 .video_aside .video_tab ul li.cur{ width: 100%; height: auto; margin: 10px 0; overflow: hidden; }
.part_5 .video_aside .video_tab ul li a{ width: 100%; height: 170px; display: block; background-color: #000; position: relative;}
.part_5 .video_aside .video_tab ul li a:before{ content: ""; display: block; width: 46px; height: 46px; background-image: url(/style/img/ico_video.png); position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); }

.part_5 .video_aside .video_tab ul li img{ width: 100%; height: 170px; object-fit: cover; display: block; opacity: .4; transition: .5s;}
.part_5 .video_aside .video_tab ul li.cur img{ opacity: .7; }
.part_5 .video_aside .video_tab ul li.cur a:before{ display: none; }
.part_5 .video_aside .video_tab ul li:hover img{ opacity: .7; }
.part_5 .video_aside .video_tab ul li p{ padding-top: 5px; color: #a28374; font-size: 14px; line-height: 20px; }
.part_5 .video_aside .video_tab ul li p b{ display: block; line-height: 30px; font-size: 16px; }


.part_6 { height: auto; padding-bottom: 100px;}
.part_6 .yh_title{text-align: center; font-size: 0; line-height: 5vh; color: #fff; position: absolute; top: 20%;left: 0%; width: 100%; transform-origin: 0% 50%; z-index: 4; pointer-events: none;}
.part_6 .yh_title b{ display: block; width: 100%; }
.part_6 .yh_title .yh_t1 .char{ font-size: calc(100vw / 14); font-weight: 100;   display: inline-block;}
.part_6 .yh_title .yh_t2 .char{ font-size: calc(100vw / 55); font-weight: 100; display: inline-block;}
.part_6 .yh_title .whitespace{ margin:0 20px }

.part_6 .art{ width: 100%; position: relative; overflow: hidden; padding: 10% 3% 0 3%; box-sizing: border-box;}
.part_6 .art .art_yuanhua{ width: 100%; column-count: 3;  column-gap: 5%; }
.part_6 .art .art_yuanhua li{ max-height: 80vh; margin: 30% 0; overflow: hidden; border-radius: 20px; cursor: pointer;}
.part_6 .art .art_yuanhua li a{ display: block; height: 100%; width: 100%; transition: .5s; filter: brightness(90%);}
.part_6 .art .art_yuanhua li img{ width: 100%; object-fit: cover;}
.part_6 .art .art_yuanhua li:hover a{  filter: brightness(100%); transform: scale(1.05);}

.part_6 .art .art_yuanhua li:nth-child(odd){ transform: scale(.65) translate(15%,-5%);}
.part_6 .art .art_yuanhua li:nth-child(even){ transform: scale(.85);}


.part_6 .art .art_video{ width: 100%; text-align: center;}
.part_6 .art .art_video li{ width: 30%; border-radius: 20px; overflow: hidden; background-color: #000; position: relative; cursor: pointer;}
.part_6 .art .art_video li img{ width: 100%; height: 100%; object-fit: cover; opacity: .6; position: relative; z-index: 1; transition: .5s;}
.part_6 .art .art_video li video{ width: 100%; height: 100%; object-fit: cover; opacity: .6;}
.part_6 .art .art_video li:before{ content: ""; display: block;  width: 46px; height: 46px; background-image: url(/style/img/ico_video.png); position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; pointer-events: none;}
.part_6 .art .art_video li:nth-child(1){ width: 60vw; height: 35vw; margin: 0 auto; }
.part_6 .art .art_video li:nth-child(1) img{ display: none; }
.part_6 .art .art_video li:nth-child(1):before{ display: none; }
.part_6 .art .art_video li:nth-child(2){ display: inline-block; width: 25vw; height: 16vw; margin: 5% 5%; vertical-align: top; }
.part_6 .art .art_video li:nth-child(3){ display: inline-block; width: 20vw; height:22vw; margin: 5% 5%; vertical-align: top;}
.part_6 .art .art_video li:hover img{ transform: scale(1.05); opacity: 1;}


.part_7 { height: 120px; background-color: #000;}

.footer {
    width: 100%;
    height: 120px;
    background-color: #000;
}

.footer .inner {
    width: 1280px;
    margin: 0 auto;
}

.footer img {
    display: block;
    float: left;
}

.footer .ft {
    width: 160px;
    padding: 33px 30px 0 0;
}

.footer .sj {
    width: 150px;
    padding: 25px 40px 0 0;
}

.footer .foot_info {
    float: left;
    font-size: 16px;
    color: #8f8f8f;
    padding-top: 30px;
    line-height: 30px;
}

.footer .foot_info a {
    color: #8f8f8f;
    margin: 0 20px;
}

.footer .foot_info a:first-child {
    margin-left: 0;
}

.footer .foot_info a:hover {
    color: #fff;
}

.footer .age {
    width: 50px;
    display: block;
    float: right;
    margin-top: 35px;
}


.mouse{width:0;height:0;position:fixed;border-radius:0;background:#fff;z-index:9;top:0;left:0;transition:.5s ease-out;pointer-events:none}
.mouse:before{width:10px;height:10px;display:block;content:"";border-radius:10px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.2s;z-index:1}
.mouse.enter:before{width:80px;height:80px;border-radius:80px;background-color:transparent;background-image:url(img/mouse_enter.svg);background-size:100% 100%}
.mouse.close:before{width:80px;height:80px;border-radius:80px;background-color:transparent;background-image:url(img/mouse_close.svg);background-size:100% 100%}
.mouse svg{width:0;height:0;transition:.5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.mouse svg image{width:120%;height:120%;x:-10%;y:-10%;opacity:0;transition:.5s}
.mouse.role svg{width:200px;height:200px}
.mouse.role svg image{animation:roleScale .5s .2s;animation-fill-mode:forwards}

.qun_list{ display: none; }

.pop_video{ width:100%; height: 100%; position:fixed; top:0; left:0; z-index:11; background:rgba(0,0,0,.8); display:none;}
.pop_video .inner{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:11; padding:5px; background:#000;}
.pop_video #video_src{ max-width: 70vw; max-height: 90vh; display: block; transition: .5s;}
.pop_video .video_close{ width:39px; height:39px; position:absolute; top:0px; right:-39px; background-color: #000; display:block;}
.pop_video .video_close img{ padding:6px; transition:all ease 0.5s; width: 28px;}
.pop_video .video_close:hover img{ transform:rotate(360deg);}

.pop_wx{ width:100%; height: 100%; position:fixed; top:0; left:0; z-index:11; background:rgba(0,0,0,.8); display: none;}
.pop_wx .inner{ width: 800px; height: 380px; background-color: #fff; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:11; padding:50px; box-sizing: border-box;}
.pop_wx .close{ width:39px; height:39px; position:absolute; top:0px; right:-48px; display:block;}
.pop_wx .close img{ transition:all ease 0.5s; width: 30px;}
.pop_wx .close:hover img{ transform:rotate(360deg);}
.pop_wx .qrcode_box{ width: 100%; text-align: center; }
.pop_wx .qrcode_box ul li{ display: inline-block; width: 140px; text-align: center; margin: 0 30px; color: #333; }
.pop_wx .qrcode_box ul li b{ font-size: 18px; display: block; line-height: 40px; }
.pop_wx .qrcode_box ul li .qrcode{ width: 140px; height: 140px; padding:5px; box-sizing: border-box; margin: 10px auto; background-color: #fff; border-radius: 10px; border: 1px #cfc2b7 solid;}
.pop_wx .qrcode_box ul li .qrcode img{ width: 100%; height: 100%; display: block;}
.pop_wx .qrcode_box ul li p{ font-size: 18px; line-height: 30px; }
.pop_wx .qrcode_box ul li p span{ font-size: 14px; display: block;}




.ny_wrapper{width:100%;background-color:#f5ebe9;}
.ny_body .float{width:100%;height:80px;position:fixed;top:0;left:0;z-index:5}
.ny_body .float:before{ content:""; display:block; width:100%; height:100px; background-image:linear-gradient(to bottom,rgba(162, 131, 116, .8),rgba(162, 131, 116, 0)); position:absolute; top:0; left:0; z-index:0; }

.ny_body .float .logo{width:190px;display:block;position:absolute;top:0;left:0;z-index:2}
.ny_body .float .nav{position:absolute;top:30px;right:40px;height:20px;line-height:20px;z-index:2}
.ny_body .float .nav a{width:160px;display:block;height:20px;float:left;text-align:center;font-size:16px;color:#fff;position:relative;transition:1s;}
.ny_body .float .nav a i{padding:0 4px}
.ny_body .float .nav a span{width:100%;display:block;position:absolute;top:0;left:0;transition:opacity 1s}

.ny_body .float .nav a.btn_download{width:130px;height:40px;border-radius:40px;line-height:40px; border: 1px #fff solid; color: #fff; margin-top: -10px; text-align:center; display:block; float: left;  transition:.5s;}
.ny_body .float .nav a.btn_download:hover{ background-color: inherit; color: #333; }

.ny_body .float .soc_box{display:none}

.ny_banner{ width: 100%; height: 450px; background-image: url(img/ny_banner.jpg);}

.ny_inner{ width: 1280px; margin: 0 auto; }

.news_top{ padding: 60px 0 20px 0; position: relative;}
.news_top .location{ position: absolute; top: 20px; right: 0; font-size: 14px; color: #666; }
.news_top .location a{color:#666; margin: 0 10px;}
.news_top .location a:hover{color:#a28374}

.news_top .news_t{ height: 110px; line-height: 110px; text-align: center; position: relative; }
.news_top .news_t span{ font-size: 60px; color: #c2a087; position: relative; z-index: 2; }

.news_top .news_tab{width:100%;height:60px;line-height:60px; margin: 20px auto 0; text-align: center;}
.news_top .news_tab a{display:inline-block;font-size:18px;color:#1f1d1c; margin: 0 80px; position:relative}
.news_top .news_tab a:before{content:"";display:block;width:0;height:3px;position:absolute;bottom:0;left:50%;margin-left:-10px;background-color:#e86370;transition:.5s}
.news_top .news_tab a.cur{color:#e86370}
.news_top .news_tab a.cur:before{width:20px}
.news_top .news_tab a:hover:before{width:20px}

.ny_inner .news_list{width:100%;padding-bottom:40px}
.ny_inner .news_list ul li{height:220px;padding:30px; box-sizing: border-box; background-color: #fff; position:relative; margin-bottom: 20px; border: 1px #fff solid; transition: .5s;}
.ny_inner .news_list ul li a{display:block;width:100%;height:100%}
.ny_inner .news_list ul li .pic{ width: 240px; height: 100%; overflow: hidden; float: left; }
.ny_inner .news_list ul li .pic img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.ny_inner .news_list ul li .info{ width: 640px; height: 100%; float: left; margin-left: 60px;}
.ny_inner .news_list ul li .news_name{font-size:16px;color:#1f1d1c;display:block; margin-top: 10px;}
.ny_inner .news_list ul li h2{ width: 100%; font-size:24px; font-weight: normal; color:#1f1d1c;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:30px;margin:25px 0 15px}
.ny_inner .news_list ul li p{ width: 100%;font-size:14px;color:#1f1d1c;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:20px}
.ny_inner .news_list ul li:hover h2{ font-weight: bold; color:#a28374}
.ny_inner .news_list ul li:hover p{color:#a28374}
.ny_inner .news_list ul li:hover{ border: 1px #a28374 solid; box-shadow: 0 0 20px rgba(194, 160, 135, .5); transform: translateY(-3px); }

.ny_inner .news_list ul li .news_time{ float: left; margin-left: 100px; text-align: center;}
.ny_inner .news_list ul li .news_time b{ font-size: 65px; color: #c2a087; display: block; font-weight: normal;}
.ny_inner .news_list ul li .news_time span{ font-size: 16px; color: #c2a087; display: block;}

.ny_inner .news_list ul li:after{content:"";display:block;width:90px;height:28px;background-image:url(img/ico_arrow.png);background-size:100% 100%;position:absolute;bottom:40px;right:120px}



.ny_inner .news_content{width:100%; padding: 50px 120px; box-sizing: border-box; background-color: #fff; position: relative;}

.news_content .back{position:absolute;top:25px;left:30px;text-align:center}
.news_content .back img{display:block;margin:0 auto;transform:rotateY(180deg);transition:.5s}
.news_content .back:hover img{transform:translateX(-5px) rotateY(180deg)}

.news_content .news_head{width:100%;padding:30px 0 10px;text-align:center;position:relative}
.news_content .news_head h2{font-size:30px;color:#c2a087;display:block;max-width:850px;margin:0 auto}
.news_content .news_head span{font-size:16px;color:#1f1d1c;padding-top:15px;display:block}
.news_content .content{font-size:16px;color:#1f1d1c;line-height:30px;padding:20px 0}
.news_content .content *{font-size:16px!important;color:#1f1d1c!important;line-height:30px!important;max-width:100%!important;text-wrap: initial!important}
.home #j-hwy-gamefoot{position:absolute;bottom:0;left:0;width:100%;z-index:3;display:none}
.home #j-hwy-gamefoot img{display:inline-block}
.pagenum_Me{width:100%;height:20px;margin:0 auto;padding:18px 0;font-size:10px}
.pagenum_Me ul{text-align:center;list-style:none}
.pagenum_Me ul li{position:relative;display:inline;padding:4px 0 3px;margin:0px 3px;border:1px solid #c2a087;color:#c2a087}
.pagenum_Me ul li a{padding:0 8px;text-decoration:none;color:#c2a087}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me .selected{position:relative;padding:4px 0 3px;margin:0px 3px;font-weight:bold;border:1px solid #c2a087;background:#c2a087}
.pagenum_Me .selected a{padding:0 8px;text-decoration:none;color:#fff}


@media only screen and (min-aspect-ratio: 2.5/1){
   html,body{ width: 1920px; margin: 0 auto; position: relative;} 
   #smooth-wrapper{ width:1920px!important; margin:0 auto }
    .float .top_bar{ position: fixed; top: 0; left: 50%; transform: translateX(-50%); max-width: 1920px; z-index: 2;}
}