@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


.block {
	margin: auto; width: 1200px;
}


.body_b {
	background: rgb(255, 255, 255); transition:top 0.7s cubic-bezier(0.5, 0, 0.2, 1); left: 0%; top: 531px; right: 0px; bottom: 0px; overflow: auto; position: fixed; z-index: 1;
}

.body_b.showdiv {
	top: 130px;
}
.body_b .mCSB_scrollTools {
	width: 5px; z-index: 4;
}

.header {
	transition:0.7s ease-out; left: 0%; top: 0px; right: 0%; position: fixed; z-index: 3;
}
.header {
	opacity: 0; transform: translateY(-100%);
}
.header.showdiv {
	opacity: 1; transform: none;
}
.body_home.showdiv .header {
	opacity: 1; transform: none;
}
.header .d1 {
	background: rgb(189,26,45); transition:0.2s ease-out; height: 45px; color: rgb(255, 255, 255); line-height: 45px; overflow: hidden; font-size: 14px;
}
.header.lit .d1 {
	height: 0px;
}

.header .d2 {
	background:rgb(189,26,45);  width:1200px; margin:0 auto; transition:0.3s ease-out; line-height:52px; height:52px; border-radius:10px; 
}
.header .block {
	height: 100%; display: flex; position: relative; justify-content: space-between;
}
.header .logo {
	width: 200px; height: 100%;
}

.header .nav_main {
	text-align: center; font-size: 18px;
}
.header .nav_main a {
	margin: 0px 25px; color: rgb(255, 255, 255); display: inline-block; position: relative;
}



.header.light .tools {
	color: rgb(51, 51, 51);
}


.header2 {
	background: rgb(189, 26, 45); transition:0.5s ease-out; left: 0px; top: 0px; right: 0px; position: fixed; z-index: 3; opacity: 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); transform: translateY(-100%);
}
.body_b .header2 {
	opacity: 0; transform: translateY(-100%);
}
.body_b.showdiv .header2 {
	transition:0.7s ease-in-out 0.5s; opacity: 1; transform: none;
}
.header2.showdiv {
	opacity: 1; transform: none;
}
.header2 .d1 {
	background: rgb(189, 26, 45); transition:0.2s ease-out; height: 45px; color: rgb(255,255,255); line-height: 45px; overflow: hidden; font-size: 14px;
}

.header2 .d1 .nav_l i {
	margin: 0px 18px; font-size: 14px;
}
.header2 .d1 .nav_l a {
	line-height: 1; display: inline-block;
}


.header2 .d2 {
	background: rgb(255, 255, 255); transition:0.3s ease-out; height: 85px;
}
.header2 .block {
	height: 100%; display: flex; position: relative; justify-content: space-between;
}



.body_home .banner {
	background:url(jg1.jpg) no-repeat center center;
	height:486px; overflow: hidden; position: relative; top:45px;
}


/*.body_home .bb {
	padding: 0px 10px; animation:bb 2s linear infinite; left: 50%; text-align: center; bottom: 0px; color: rgb(148, 7, 10); font-family: icon; font-size: 36px; font-weight: bold; position: absolute; cursor: pointer; opacity: 0; transform: translateX(-50%);
}
.body_home.showdiv .bb {
	opacity: 1;
}
.body_home .bb:hover {
	color: rgb(255, 255, 255); animation-play-state: paused;
}*/
.rr {transform-origin: right center; top: 50%; width: 82px; height: 170px; right: 0px; color: rgb(255, 255, 255); margin-top: -85px; position: fixed; z-index: 2; cursor: pointer; opacity: 0; transform: scale(0);
}
.rr.showdiv {
	transition:1s ease-out 0.5s; opacity: 1; transform: none;
}
.rr::before {transition:1.5s ease-out 1.8s; left: -20px; top: 10px; width: 97px; height: 91px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr::after { transition:1.5s ease-out 2.6s; left: 15px; top: 80px; width: 78px; height: 88px; position: absolute; content: ""; opacity: 0; transform: scale(1.6);
}
.rr i { width: 36px; height: 100%; margin-left: 20px; display: block; position: relative; z-index: 1; opacity: 0;
}
.rr.showdiv i {
	transition:1s ease-out 4.5s; margin-left: 40px; opacity: 1;
}


@media screen and (min-width: 320px) and (max-width:760px) {
.block {display:none;}
.body_b {
	background: rgb(255, 255, 255); transition:top 0.7s cubic-bezier(0.5, 0, 0.2, 1); left: 0%; top: 0px; right: 0px; bottom: 0px; overflow: auto; position: inherit; z-index: 1;
}

.body_b.showdiv {
	top: 0px;
}
.body_b .mCSB_scrollTools {
display:none;
}

.header {display:none;}
.header {display:none;}
.header.showdiv {display:none;}
.body_home.showdiv .header {display:none;}
.header .d1 {display:none;}
.header.lit .d1 {display:none;}

.header .d2 {display:none;}
.header .block {display:none;}
.header .logo {display:none;}

.header .nav_main {display:none;}
.header .nav_main a {display:none;}



.header.light .tools {display:none;}


.header2 {display:none;}
.body_b .header2 {display:none;}
.body_b.showdiv .header2 {display:none;}
.header2.showdiv {display:none;}
.header2 .d1 {display:none;}

.header2 .d1 .nav_l i {display:none;}
.header2 .d1 .nav_l a {display:none;}


.header2 .d2 {display:none;}
.header2 .block {display:none;}



.body_home .banner {display:none;}


/*.body_home .bb {
	padding: 0px 10px; animation:bb 2s linear infinite; left: 50%; text-align: center; bottom: 0px; color: rgb(148, 7, 10); font-family: icon; font-size: 36px; font-weight: bold; position: absolute; cursor: pointer; opacity: 0; transform: translateX(-50%);
}
.body_home.showdiv .bb {
	opacity: 1;
}
.body_home .bb:hover {
	color: rgb(255, 255, 255); animation-play-state: paused;
}*/
.rr {display:none;}
.rr.showdiv {display:none;}
.rr::before {display:none;}
.rr::after { display:none;}
.rr i {display:none;}
.rr.showdiv i {display:none;}
	}