#Layer1 {
	position: relative;
	width: 1500px;
	height: 500px;
	z-index: 1;
	top: 165px;
}
#Layer2 {
	position: absolute;
	width: 1018px;
	height: 565px;
	z-index: 2;
	background-image: url();
	left: 450px;
	top: 80px;
}
.Layer3 {
	position: relative;
	width: 1500px;
	height: 755px;
	z-index: 1;
	margin-top: 265px;
}
#Layer4 {
	position: absolute;
	width: 1920px;
	height: 132px;
	z-index: 2;
	left: 50%;
	margin-top: 0;
	margin-left: -960px;
	background-image: url(../image/bj_07.jpg);
	background-repeat: no-repeat;
}
#Layer5 {
	position: absolute;
	width: 700px;
	height: 90px;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	top: 24px;
}
#Layer6 {
	position: absolute;
	width: 120px;
	height: 110px;
	z-index: 2;
	left: 900px;
	top: 732px;
	background-image: url();
	background-repeat: no-repeat;
}
#Layer7 {
	position: absolute;
	width: 95px;
	height: 25px;
	z-index: 4;
	left: 1398px;
	top: 30px;
}
#Layer8 {
	position: absolute;
	width: 265px;
	height: 65px;
	z-index: 1;
	left: 503px;
	top: 906px;
}
#Layer9 {
	position: absolute;
	width: 265px;
	height: 65px;
	z-index: 2;
	left: 828px;
	top: 906px;
}
#Layer10 {
	position: absolute;
	width: 265px;
	height: 65px;
	z-index: 3;
	left: 1150px;
	top: 906px;
}
#Layer11 {
	position: absolute;
	width: 850px;
	height: 450px;
	z-index: 2;
	left: 700px;
	top: 234px;
}
#Layer12 {
	position: relative;
	height: 84px;
	z-index: 1;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
}
#Layer13 {
	position: absolute;
	width: 95px;
	height: 25px;
	z-index: 1;
	top: 30px;
	left: 1026px;
}
#Layer14 {
	position: absolute;
	width: 95px;
	height: 25px;
	z-index: 2;
	left: 1151px;
	top: 31px;
}
#Layer15 {
	position: absolute;
	width: 95px;
	height: 25px;
	z-index: 3;
	left: 1275px;
	top: 30px;
}
#Layer18 {
	position: absolute;
	width: 1920px;
	height: 1080px;
	z-index: 5;
	top: 0;
	left: 0;
}
#Layer19 {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 1;
	left: 946px;
	top: 776px;
}

.STYLE2 {
	font-size: 12px;
	color: #fff;
}
.STYLE3 {
	color: #ccc;
	font-size: 16px;
	font-weight: 700;
}
.STYLE4 {
	font-size: 12px;
	color: #ccc;
}
.STYLE6 {
	font-size: 13px;
	color: #ccc;
}

a:link {
	color: #ccc;
	text-decoration: none;
}
a:visited {
	color: #ccc;
	text-decoration: none;
}
a:hover {
	color: #ccc;
	text-decoration: underline;
}
a:active {
	color: #ccc;
	text-decoration: none;
}

#Version {
	width: 100%;
	height: 1080px;
	position: relative;
	overflow: hidden;
	z-index: 11;
	padding-top: 63px;
}
#Flash {
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	margin: 0 auto -272px -960px;
	z-index: -1;
}
#Header {
	margin: 0 auto -290px -960px;
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	z-index: -2;
	line-height: 0;
}

#Flash1 {
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	margin: 0 auto -272px -960px;
	z-index: 0;
}

#Flash1 {
	width: 452px;
	height: 358px;
	position: absolute;
	left: 50%;
	margin: 0 auto -272px -780px;
}
#Flash2 {
	width: 452px;
	height: 358px;
	position: absolute;
	left: 50%;
	margin: 0 auto -272px -225px;
}
#Flash3 {
	width: 452px;
	height: 358px;
	position: absolute;
	left: 50%;
	margin: 0 auto -272px 330px;
}

#guodu {
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	z-index: 22;
	margin-left: -960px;
	background: url(../images/bg_di.png) no-repeat center bottom;
}

/* #sy {
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	z-index: 21;
	margin-left: -960px;
	background: url(../images/sy.png) no-repeat center bottom;
}
 */


 #HeroLeft {
	position: absolute;
	left: 100px;
	top: 530px;
	z-index: 51;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
}
#HeroLeft .hero-cta {
	display: flex;
	gap: 28px;
	flex-wrap: wrap;
}
#HeroLeft .btn_down_s1,
#HeroLeft .btn_down_s2 {
	position: relative;
	display: block;
	flex: 0 0 auto;
	width: 261px;
	height: 84px;
	text-indent: -999em;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .35s ease, filter .3s;
	text-decoration: none;
	background-size: 261px 84px;
	background-repeat: no-repeat;
	background-position: center;
}
#HeroLeft .btn_down_s1 {
	background-image: url(../images/down.png);
	box-shadow: 0 0 24px rgba(217,43,31,.4);
}
#HeroLeft .btn_down_s2 {
	background-image: url(../images/cz.png);
	box-shadow: 0 0 24px rgba(230,184,79,.35);
}
#HeroLeft .btn_down_s1:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 0 50px rgba(255,75,62,.75);
	text-decoration: none;
}
#HeroLeft .btn_down_s2:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 0 50px rgba(230,184,79,.7);
	text-decoration: none;
}
#HeroLeft .btn_down_s1:active,
#HeroLeft .btn_down_s2:active {
	transform: translateY(0) scale(.98);
}
#HeroLeft .btn-flame {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%);
	transform: translateX(-120%);
	transition: transform .7s ease;
	pointer-events: none;
}
#HeroLeft a:hover .btn-flame {
	transform: translateX(120%);
}
#HeroLeft .hero-slogan {
	position: relative;
	display: block;
	width: 736px;
	height: 200px;
	transition: transform .25s ease;
	cursor: default;
}
#HeroLeft .hero-slogan img {
	display: block;
	width: 736px;
	height: 200px;
	transition: filter .35s ease;
}
#HeroLeft .hero-slogan:hover {
	transform: translateY(-4px) scale(1.02);
}
#HeroLeft .hero-slogan:hover img {
	filter: brightness(1.15) drop-shadow(0 0 6px rgba(200,240,255,.95)) drop-shadow(0 0 16px rgba(120,200,255,.65));
}
#HeroLeft .hero-slogan:active {
	transform: translateY(0) scale(.98);
}