@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
html {background-color: #000;overflow:Scroll;overflow-x:hidden;}

/*自定义滚动条*/
::-webkit-scrollbar{width: 12px;height: 12px;background-color: #000000;}/*滚动条高宽及背景*/
::-webkit-scrollbar-track{background-color: #000000;} /*定义滚动条轨道*/
::-webkit-scrollbar-thumb{background-color: #d9ac72;}/*滑块*/
::-webkit-scrollbar-thumb:hover{background-color:#EEEEEE}/*滑块触发*/
::-webkit-scrollbar-corner{background-color: #333333;}/*边角，即两个滚动条的交汇处*/

img { border:none;}
.fix {clear:both;font-size: 0px;}
/*顶部导航*/
.top {display: flex;align-items: center;justify-content: space-between;z-index: 1000;position: fixed;height: 100px;width: 100%;margin-right: auto;margin-left: auto;background-image: linear-gradient(to TOP, rgba(0,0,0,0), rgba(0,0,0,0.3));}
.nav_logo {float: left;padding-left: 30px;}
.nav_logo a {text-decoration: none;display: block;height: 40px;width: 46px;background-image: url(../images/nav/web_logo.svg);background-size: auto 40px;background-repeat: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);background-position: left;opacity:0.50;}
.nav_logo a:hover {width: 121px;opacity:1;}
.nav {display: flex;justify-content: space-between;float: right;width: 101px;padding-right: 30px;}
.nav_dhrs {float: right;}
.nav_dhrs a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(../images/nav/nav_book.svg);background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.50;}
.nav_dhrs a:hover {opacity:1;}
.nav_design {float: right;}
.nav_design a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(../images/nav/nav_design.svg);background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.50;}
.nav_design a:hover {opacity:1;}

/* 标题动画 */
@keyframes logo_en {
	0% {opacity: 0;transform: translateX(50px);}	
	100% {opacity: 1;transform: translateX(0);}
}
@keyframes pc_1 {
	0% {transform: translateX(100px);}	
	100% {transform: translateX(0);}
} 
@keyframes pc_2 {
	0% {transform: translateX(-100px);}	
	100% {transform: translateX(0);}
}
@keyframes langlang {
	0% {transform: translateX(-50px);}	
	100% {transform: translateX(0);}
}
.logo_en {position: fixed;background-image: url(../images/logo_en.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;left: 4%;height: 20%;top: 7%;z-index: 101;aspect-ratio: 50 / 12;animation: 'logo_en' 2.5s 1;}
.logo_cn {position: fixed;background-image: url(../images/logo_cn.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;left: 4%;height: 10%;bottom: 10%;z-index: 103;aspect-ratio: 50 / 15;}
.langlang {position: fixed;background-image: url(../images/langlang.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;right: 10%;height: 95%;bottom: 0px;z-index: 102;aspect-ratio: 40 / 56;animation: 'langlang' 2.5s 1;}
.langlang_qm {position: fixed;background-image: url(../images/langlang_qm.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;right: 7%;width: 7%;bottom: 40%;z-index: 103;aspect-ratio: 40 / 62;}
.m_wz1 {display: none;}
.pc_wz1 {position: fixed;background-image: url(../images/pc_wz1.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;left: 4%;width: 92%;bottom: 5%;z-index: 103;aspect-ratio: 1000 / 12;}
.pc_wz2 {position: fixed;background-image: url(../images/pc_wz2.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;left: 4%;height: 10%;bottom: 30%;z-index: 103;aspect-ratio: 20 / 23;}
.pc_bj1 {position: fixed;background-image: url(../images/pc_bj1.jpg);background-size: 100%;background-repeat: no-repeat;background-position: bottom;right: -2%;height: 90%;bottom: 0px;z-index: 90;aspect-ratio: 50 / 31;animation: 'pc_1' 3.5s 1;}
.pc_bj2 {position: fixed;background-image: url(../images/pc_bj2.png);background-size: 100%;background-repeat: no-repeat;background-position: bottom;left: 0px;height: 75%;top: 0px;z-index: 91;aspect-ratio: 1 / 1;animation: 'pc_2' 2.5s 1;}

/* 上滑手势动画 */
@keyframes tips-up {
	0% {opacity: 0;transform: translateY(0px);}
	50% {opacity: 1;transform: translateY(-40px);}
	100% {opacity: 0;transform: translateY(-80px);}
} 
.tips-up {background-image: url(../images/tips-up-pc.svg);background-repeat: no-repeat;position: absolute;z-index: 200;bottom: 10%;opacity:0;left: 50%;width: 80px;height: 20px;margin-left: -40px;animation:'tips-up' 2s 8;animation-timing-function:linear;}
.content {position: absolute;z-index: 200;margin-top: 100vh;width: 100%;text-align: center;background: rgba(0,0,0,0.7);-webkit-backdrop-filter: saturate(200%) blur(30px);backdrop-filter: saturate(200%) blur(30px);border-radius: 15px 15px 0 0;}
.organizer {margin-right: auto;margin-left: auto;width: 89%;padding-top: 50px;height: 40px;}
.organizer-2 {width: 89%;font-size: 14px;line-height: 36px;color: #FFF;text-align: left;width: auto;float: left;padding-right: 50px;}
.copyright_wkun {margin-right: auto;margin-left: auto;width: 89%;padding-top: 50px;padding-bottom: 60px;font-family: "微软雅黑";font-size: 14px;line-height: 36px;color: #FFF;text-align: left;}
.copyright_wkun a {text-decoration:none;color: #FFFFFF;}
.copyright_wkun a:hover {text-decoration: none;color: #CCCCCC;}
.copyright_wkun img{width: 240px;margin-bottom: 15px;border-radius: 0px;}
.copyright {display: none;}
.vis_1{height: 150px;width: 100%;z-index: -1;position: absolute;border-radius: 15px 15px 0 0;background-image: linear-gradient(to TOP, rgba(217, 172, 114, 0), rgba(217, 172, 114, 0.2));}
.vis_v{width: 93%;padding-top: 8%;padding-right: 3.5%;padding-left: 3.5%;background-image: url("../images/v_bj_1.png");background-repeat: no-repeat;background-position: center 10%;background-size: 6%; }
.vis_v_v{width: 50%; border-radius: 10px; }
.vis_2{width: 93%;padding-right: 3.5%;padding-left: 3.5%;}
.vis_2 img{width: 46%;margin-top: 5%;margin-right: 2%;margin-left: 2%;border-radius: 10px;}
.vis_3{width: 100%;overflow: hidden;margin-top: 5%;}
.vis_3 img{width: 100%;}
.lj_wkun {display: none;}
.m_bj {display: none;}
canvas {z-index: 92;position: fixed;height: 100vh;width: 100vw;-webkit-filter: blur(calc(var(--blur) * 1px));filter: blur(calc(var(--blur) * 1px));pointer-events: none;}
:root {
  --blur: 2;
}

@media screen and (max-width: 768px) {
::-webkit-scrollbar {display: none;}
.top {height: 70px;}
.nav {width: 80px;padding-right: 4%;}
.nav_logo {padding-left: 4%;}
.nav_logo a {height: 30px;width: 34px;background-size: auto 30px;opacity:0.20;}
.nav_logo a:hover {width: 34px;}
.nav_design a {height: 24px;width: 24px;opacity:0.20;}
.nav_dhrs a {height: 24px;width: 24px;opacity:0.20;}
/* 动画 */
@keyframes logo_en {
	0% {opacity: 0;transform: translateY(50px);}	
	100% {opacity: 1;transform: translateY(0);}
}
@keyframes logo_cn {
	0% {transform: translateY(-50px);}	
	100% {transform: translateY(0);}
}
@keyframes langlang {
	0% {transform: translateX(50px);}	
	100% {transform: translateX(0);}
}
@keyframes m_bj {
	0% {transform: translateY(50px);}	
	100% {transform: translateY(0);}
}
.logo_en {left: 8%;right: 8%;top: 6%;width: 84%;height: auto;animation: 'logo_en' 3.5s 1;}
.logo_cn {left: 18%;right: 18%;width: 64%;height: auto;bottom: 6%;animation: 'logo_cn' 2.5s 1;}
.langlang {width: 86%;height: auto;left: 7%;right: 7%;top: 0%;bottom: 0%;background-position: center top 52%;aspect-ratio: auto;}
.langlang_qm {right: 5%;width: 16%;}

.m_wz1 {display: block;position: fixed;background-image: url("../images/m_wz1.png");background-size: 100%;background-repeat: no-repeat;background-position: bottom;left: 5%;width: 90%;bottom: 4%;z-index: 101;aspect-ratio: 200 / 9;}
.pc_wz1 {display: none;}
.pc_wz2 {display: none;}
.pc_bj1 {display: none;}
.pc_bj2 {display: none;}
.vis_v{padding-top: 14%;background-size: 12%; }
.vis_v_v{width: 96%; border-radius: 8px; }

.vis_2{padding-top: 20px;}
.vis_2 img{width: 96%;}
.vis_3 {margin-top: 7%;}
.vis_3 img{width: 200%;transform: translateX(-25%);}
.tips-up {width: 40px;margin-left: -20px;bottom: 15%;}
.organizer {padding-top: 30px;height: 70px;}
.organizer-2 {font-family: PingFangSC-Light;font-size: 10px;float: none;line-height: 25px;text-align: center;padding-right: 0px;}
.copyright_wkun {padding-top: 30px;padding-bottom: 15px;font-family: PingFangSC-Light;font-size: 10px;line-height: 25px;text-align: center;}
.copyright_wkun img {width: 160px;margin-bottom: 10px;}
.copyright {display: block;color: #FFFFFF;padding-bottom: 30px;font-family: PingFangSC-Light;font-size: 10px;line-height: 25px;text-align: center;opacity: 0.5;}
.lj_wkun {display: block;padding-top: 10px;padding-bottom: 10px;width: 89%;margin-right: auto;margin-left: auto;}
.lj_wkun a {font-family: PingFangSC-Light;display: block;height: 44px;border-radius: 22px;margin-bottom: 15px;background-color: rgba(255, 255, 255, 0.05);font-size: 14px;line-height: 44px;color: #d9ac72;text-align: center;text-decoration: none;box-shadow: 0 10px 10px rgba(0,0,0,.10);}
.m_bj {display: block;width: 100%;height: auto;top: 0px;bottom: 0px;position: fixed;background-color: #000;background-image: url(../images/m_bj.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;animation: 'm_bj' 2.5s 1;}
}