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

.big_center_logo {
	top: 0;
	opacity: 0;
	position: absolute;
	width: 35%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 9;
	animation: bannerIn 2s;
	-moz-animation: bannerIn 2s;	/* Firefox */
	-webkit-animation: bannerIn 2s;	/* Safari 和 Chrome */
	-o-animation: bannerIn 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin-top: -45px;
}
.banner_anm {
	opacity: 1;
	animation: bannerOut 2s;
	-moz-animation: bannerOut 2s;	/* Firefox */
	-webkit-animation: bannerOut 2s;	/* Safari 和 Chrome */
	-o-animation: bannerOut 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.banner_anm_1 {
	opacity: 1;
	animation: bannerOut1 1s;
	-moz-animation: bannerOut1 1s;	/* Firefox */
	-webkit-animation: bannerOut1 1s;	/* Safari 和 Chrome */
	-o-animation: bannerOut1 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
 @keyframes bannerOut {
from {
top:16%;
}
 to {
top: 1%;
right: 0;
left: 63%;
transform: scale(0.3);
transform-origin:right top;
}
}
 @-moz-keyframes bannerOut /* Firefox */ {
from {
top:16%;
}
to {
top: 1%;
right: 0;
left: 63%;
-moz-transform: scale(0.3);
-moz-transform-origin:right top;
}
}
 @-webkit-keyframes bannerOut /* Safari 和 Chrome */ {
from {
top:16%;
}
 to {
top: 1%;
right: 0;
left: 63%;
-webkit-transform: scale(0.3);
-webkit-transform-origin:right top;
}
}
 @-o-keyframes bannerOut /* Opera */ {
from {
top:16%;
}
 to {
top: 1%;
right: 0;
left: 63%;
-o-transform: scale(0.3);
-o-transform-origin:right top;
}
}
 @keyframes bannerOut1 {
from {
top: 1%;
right: 0;
left: 63%;
transform: scale(0.3);
}
to {
top: 16%;
right: 0;
left: 0;
transform: scale(1);
transform-origin:left bottom;
}
}
 @-moz-keyframes bannerOut1 /* Firefox */ {
from {
top: 1%;
right: 0;
left: 63%;
transform: scale(0.3);
}
to {
top: 16%;
right: 0;
left: 0;
transform: scale(1);
transform-origin:left bottom;
}
}
 @-webkit-keyframes bannerOut1 /* Safari 和 Chrome */ {
from {
top: 1%;
right: 0;
left: 63%;
transform: scale(0.3);
}
to {
top: 16%;
right: 0;
left: 0;
transform: scale(1);
transform-origin:left bottom;
}
}
 @-o-keyframes bannerOut1 /* Opera */ {
from {
top: 1%;
right: 0;
left: 63%;
transform: scale(0.3);
}
to {
top: 16%;
right: 0;
left: 0;
transform: scale(1);
transform-origin:left bottom;
}
}
 @keyframes bannerIn {
from {
top:0;
opacity: 0;
}
 to {
top:16%;
opacity: 1;
}
}
 @-moz-keyframes bannerIn /* Firefox */ {
from {
top:0;
opacity: 0;
}
 to {
top:16%;
opacity: 1;
}
}
 @-webkit-keyframes bannerIn /* Safari 和 Chrome */ {
from {
top:0;
opacity: 0;
}
to {
top:16%;
opacity: 1;
}
}
 @-o-keyframes bannerIn /* Opera */ {
from {
top:0;
opacity: 0;
}
to {
top:16%;
opacity: 1;
}
}
.logo {
	position: absolute;
	left: 3%;
	top: 2%;
	width: 10%;
	z-index: 2;
}
.right_logo {
	position: absolute;
	right: 3%;
	top: 3%;
	width: 15%;
	z-index: 2;
	opacity: 1;
}
.pic_box {
	position: absolute;
	right: 0;
	top: 120px;
	width: 40%;
	z-index: 2;
	opacity: 1;
}
.bottom_pic {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.bottom_pic{bottom: 115px;}
.bottom_pic2 {
	position: absolute;
	left: 0;
	bottom: 50px;
	z-index: 2;
}
.bdi_box {
	position: absolute;
	left: -100px;
	top: -30px;
	width: 15%;
	z-index: 2;
}
.two_logo {
	width: 10%;
	position: absolute;
	right: 3%;
	top: 3%;
	z-index: 2;
}
.center_nr {
	width: 60%;
	margin: 0 auto;
	z-index: 2;

	visibility: hidden;
}
#jt2019{display: none;}
/*
.center_nr {
	width: 60%;
	margin: 0 auto;
	padding: 120px 0 150px 0;
	z-index: 2;
	position: absolute;
	top: 80%;
	left: 0;
	right: 0;
	visibility: hidden;
}
*/
.center_nr ul {
}
.center_nr ul li {
	float: left;
	width: 30%;
	margin-left: 1%;
	margin-top: 2%;
	z-index: 9;
	position: relative;
}
.box_moto {
	opacity: 1;
	visibility: visible;
	animation: myfirst 3s;
	-moz-animation: myfirst 3s;	/* Firefox */
	-webkit-animation: myfirst 3s;	/* Safari 和 Chrome */
	-o-animation: myfirst 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.box_moto_1 {
	opacity: 0;
	visibility: hidden;
	animation: myfirst1 3s;
	-moz-animation: myfirst1 3s;	/* Firefox */
	-webkit-animation: myfirst1 3s;	/* Safari 和 Chrome */
	-o-animation: myfirst1 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
 @keyframes myfirst {
from {
top:80%;
opacity: 0;
}
to {
top: 10%;
opacity: 1;
}
}
 @-moz-keyframes myfirst /* Firefox */ {
from {
top:80%;
}
to {
top: 10%;
}
}
 @-webkit-keyframes myfirst /* Safari 和 Chrome */ {
from {
top:80%;
opacity: 0;
}
to {
top: 10%;
opacity: 1;
}
}
 @-o-keyframes myfirst /* Opera */ {
from {
top:80%;
opacity: 0;
}
to {
top: 10%;
opacity: 1;
}
}
 @keyframes myfirst1 {
from {
top:80%;
opacity: 0;
}
to {
top: 10%;
opacity: 1;
}
}
 @-moz-keyframes myfirst1 /* Firefox */ {
from {
top:80%;
opacity: 1;
}
to {
top: 10%;
opacity: 0;
}
}
 @-webkit-keyframes myfirst1 /* Safari 和 Chrome */ {
from {
top:80%;
opacity: 1;
}
to {
top: 10%;
opacity: 0;
}
}
 @-o-keyframes myfirst1 /* Opera */ {
from {
top:80%;
opacity: 1;
}
to {
top: 10%;
opacity: 0;
}
}
.gd_anim {
	opacity: 0;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}






.container{padding-bottom: 30px;}







/* 响应*/

 

@media (min-width:1200px) {
	.big_center_logo {
		width: 35%;
	}
}

@media (max-width:1024px) {
.big_center_logo {
	width: 70%;
}
		.logo {
	width: 20%;
}
 
.right_logo {
	width:30%;
}
	.pic_box {
	top: 58%;
}
.center_nr {
	width: 96%;
}
.center_nr ul li {
	float: left;
	width: 49%;
	margin-left: 1%;
	margin-top: 2%;
	z-index: 9;
	position: relative;
}
}

@media (max-width:768px) {
.big_center_logo {
	width: 65%;
}
	.logo {
	width: 24%;
}
.pic_box {
	top: 58%;
}
.right_logo {
	width:32%;
}
.center_nr {
	width: 94%;
}
.center_nr ul li {
	float: left;
	width: 49%;
	margin-left: 1%;
	margin-top: 2%;
	z-index: 9;
	position: relative;
}
}

@media (max-width:640px) {
.big_center_logo {
	width: 76%;
	top: 40%;
}
.pic_box {
	top: 60%;
}
.logo {
	width: 20%;
}
.right_logo {
	width: 35%;
}
.bottom_pic img {
	width: 200%;
}
.center_nr {
	width: 98%;
}
.center_nr ul li {
	float: left;
	width: 100%;
	margin-left: 1%;
	margin-top: 2%;
	z-index: 9;
	position: relative;
}
}