body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased; -webkit-animation: fix 1s 1; background-color:#000; -webkit-text-size-adjust:100% !important; overflow-x: hidden
}
canvas {
  display: block;
}
p{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}
img{border:none}
a{text-decoration:none}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
input, select {vertical-align: middle}
.logo_left{position:absolute;top:0;left:24px;padding:10px;font-size:24px;font-weight:bold;color:#fff;z-index:101}
.topnav {
	margin: 0 auto;
	width: 440px;
	height: 42px;
                position:absolute;top:4px;right:9px;z-index:1001
}
.topnav li {
	height: 42px;
	text-align: center;
	line-height: 42px;
	float: left;
	cursor: pointer;
}
.topnav .a{
	width: 57px;
}
.topnav .b{
	width: 94px;
}
.topnav .c{
	width: 35px;
}
.topnav .d{
	width: 33px;
}
.topnav .e{
	width: 164px;
}
.topnav .f{
	width: 63px;
}
.topnav .g{
	width: 100px;
}
.topnav .g img{
                width:64px;
                height:108px;
                line-height:108px;
                text-laign:center;
                vertical-align:middle
}
.topnav li a{
                color:#fff;
                font-size:18px;
                font-weight: bold;
}
.topnav li:hover {
	color: red;
	font-weight: bold;
}
.topnav ul {
	position: relative;
}
.topnav .zh_click{font-size:21px;font-weight:bold;padding:0 4px 2px 4px}
.nav{margin-bottom:0;list-style:none}
.nav>li{width:50px;float:left;position:relative;display:block;background: linear-gradient(cyan, transparent), linear-gradient(-333deg, white, transparent), linear-gradient(-333deg, white, transparent)}
.nav>li>a{font-size:18px;color:#000;font-weight:549;position:relative;display:block;padding:10px 15px;line-height:175%;text-decoration:none}
.nav>li.nav0{width:56px;margin-left:-6px;}
.nav>li.nav0>a{color:#000;height:40px;line-height:200%;}
.nav>li.nav0>a:hover{color:#fff;height:40px;line-height:200%;}
.nav>li.nav0>a>img{width:46px;height:46px;margin-top:-7px;margin-left:-10px;}
.nav>li.nav0 a,.nav>li.nav1 a,.nav>li.nav2 a,.nav>li.nav3 a,.nav>li.nav4 a,.nav>li.nav5 a,.nav>li.nav6 a,.nav>li.nav7 a{font-weight:normal;}

.nav>li.nav6>.active2{color:#000;background: linear-gradient(#01f8fe, transparent), linear-gradient(-180deg, #7cf8ff, transparent), linear-gradient(180deg, #c1f5ff transparent)}
.nav>li.nav6>.active3{height:35px;margin-top:-5px;margin-bottom:-9px;}
.nav>li.nav6>.active3 img{width:28px;height:28px;margin-left:-4px;margin-top:1px;}
.nav>li.nav7>.active1,.nav>li.nav7>.active2{color:#000;background: linear-gradient(#01f8fe, transparent), linear-gradient(-180deg, #7cf8ff, transparent), linear-gradient(180deg, #c1f5ff transparent)}
.nav>li.nav7>.active3{margin-top:-12px;}
.nav>li.nav7>.active3>.whatsverse1{margin-left:-19px;margin-top:1px;}
.nav>li.nav7>.active1 img{width:86px;height:86px;margin-left:-21px;margin-top:-8px;}
.nav>li.nav7>.active2 img{width:36px;height:36px;margin-left:-7px;margin-top:-5px;}
.nav>li.nav7 .whatsverse3,.nav>li.nav7 .whatsverse4,.nav>li.nav7 .whatsverse5,.nav>li.nav7 .whatsverse6,.nav>li.nav7 .whatsverse7,.nav>li.nav7 .whatsverse8{margin:3px 0 2.8px -3.5px;width:30px;height:30px;}
.nav>li.nav7 .whatsverse9{margin:3px 0 0 -3.5px;width:30px;height:30px;}
.nav>li.nav7>.active{color:#000;background: linear-gradient(cyan, transparent), linear-gradient(-180deg, #f9daf6, transparent), linear-gradient(180deg, #ba2a8d, transparent)}
.nav>li.active{text-decoration:none}
.nav>li>a:hover{color:#000;background: linear-gradient(cyan, transparent), linear-gradient(-24deg, #c39ee6, transparent), linear-gradient(24deg, #b2dcf8, transparent)}
.nav>li>.active{color:#000;background: linear-gradient(cyan, transparent), linear-gradient(-12deg, #b9edf5, transparent), linear-gradient(12deg, #2aa7ba, transparent)}
.nav>li.active a{color:#000;background: linear-gradient(cyan, transparent), linear-gradient(-12deg, #f9daf6, transparent), linear-gradient(12deg, #ba2a8d, transparent)}
.nav>li.active a:hover{color:#333;}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none}.nav>li.disabled>a{color:#999}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}
.navbar-nav{margin:7.5px -15px;text-align:center}
.logo_left{
position:absolute;top:8px;left:10px;margin:10px;font-size:24px;font-weight:bold;color:#fff;filter:alpha(opacity=99);-moz-opacity:0.99;-khtml-opacity: 0.99;opacity: 0.99;z-index:101
}
.logo_right a{
position:absolute;top:8px;left:146px;margin:10px;font-size:24px;font-weight:bold;color:#e3e1e0;filter:alpha(opacity=99);-moz-opacity:0.99;-khtml-opacity: 0.99;opacity: 0.99;z-index:101
}
.navigation{
position:absolute;top:25px;right:28px;margin:10px;filter:alpha(opacity=99);-moz-opacity:0.99;-khtml-opacity: 0.99;opacity: 0.99;z-index:8848
}
section {
                 position:absolute;
                 bottom:0;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	width:100%;
	height:64px
}
section h1 {
	color:#fff;
	font-size:64px;
	font-style:italic;
	line-height:.92;
	letter-spacing:-0.023em;
                text-shadow: 0 0 10px #ffff00, 0 0 20px #ffff00, 0 0 30px #ffff00, 0 0 40px #fff700, 0 0 70px #fff700, 0 0 80px #fff700, 0 0 100px #fff700, 0 0 150px #fff700;
}
ul.container{
	position:absolute;
                bottom:3vh;
                display:flex;
                margin-left: 333px;
                justify-content:space-between;
	z-index:8888
}
ul.container>li {
	display:flex;
                float:left;
                margin-right: 333px;
                width:calc(100% / 3);
	justify-content:center;
	align-items:center;
                text-align:center
}
ul.container>li :last-child {
               margin-right: 0
}
section a {
	font-size:1.5rem;
	font-weight:bold;
	padding:1rem 1rem;
	color:#f4f4f4;
	white-space: nowrap;
	text-transform:uppercase
}
.btns {
	position:relative;
	background:rgba(46,48,48,0.6);
	text-decoration:none;
                 border-radius: 50%;
	overflow:hidden
}
.btns:hover {
	box-shadow:1px 1px 25px 10px rgba(146,148,248,0.4)
}
.btns:before {
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:linear-gradient(120deg,transparent,rgba(146,148,248,0.4),transparent);
	transition:all 650ms
}
.btns:hover:before {
	left:100%
}

.dtr-preloader { background: #000; }
.dtr-preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; margin: auto; opacity: 1; -webkit-transition: linear .3s ease; -moz-transition: linear .3s ease; transition: linear .3s ease; z-index: 9999; }
.dtr-preloader .dtr-preloader-inner { width: 100vw; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; }
.shine{background:url(../img/shine.png) center center no-repeat;width:240px;height:300px;position:absolute;animation:opacity-change 1s ease-in-out infinite;-webkit-animation:opacity-change 1s ease-in-out infinite;-moz-animation:opacity-change 1s ease-in-out infinite;-o-animation:opacity-change 1s ease-in-out infinite;}.shine2{animation:opacity-change 1.75s ease-in-out infinite;-webkit-animation:opacity-change 1.75s ease-in-out infinite;-moz-animation:opacity-change 1.75s ease-in-out infinite;-o-animation:opacity-change 1.75s ease-in-out infinite;}@keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-moz-keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-o-keyframes opacity-change{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}