.kv {
	width: 100%;
	height: 959px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/kv.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.download {
	width: 511px;
	height: 189px;
	background: url(../images/down.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -255.5px;
	bottom: 103px;
}

.download .code {
	width: 120px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 22px 10px 0 24px;
}

.download .code img {
	display: block;
	width: 120px;
	height: 120px;
}

.download .code p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 5px;
}

.download .btn_a {
	width: 335px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 8px;
}

.download .btn_a a {
	display: block;
	float: left;
	margin-top: 16px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.download .btn_a a:nth-child(2) {
	margin-left: 12px;
}

.download .btn_a a:nth-child(4) {
	margin-left: 12px;
	width:161px;
	height:50px;
}
.download .btn_a a:nth-child(4) img{
	display: block;
	width:100%;
	height:100%;
}
.download .btn_a a:hover {
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
}

.download i {
	display: block;
	width: 116px;
	height: 17px;
	background: url(../images/line.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -58px;
	top: 0;
	animation: cGoh 2s linear infinite;
	-webkit-animation: cGoh 2s linear infinite;
}

@keyframes cGoh {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(105px);
	}
	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes cGoh {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(105px);
	}
	100% {
		transform: translateY(0);
	}
}

.kv #video {
	max-width: 1920px;
    min-width: 1200px;
	position: absolute;
	left: 50%;
    top: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    object-fit: fill;
}

.kv .wrap {
	z-index: 2;
}

.ju {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -39px;
	bottom: 0;
	animation: start infinite 1s ease-in-out;
	-webkit-animation: start infinite 1s ease-in-out;
}

@-webkit-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-moz-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-ms-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

.second {
	width: 100%;
	height: 963px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/second.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.second ul {
	width: 1920px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.second ul li {
	position: absolute;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.second ul li img:nth-child(1){
	display: block;
	width:100%;
	height:100%;
}
.second ul li:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.second ul li:nth-child(1) {
	width: 142px;
	height: 224px;
	left: 132px;
	top: 140px;
}

.second ul li:nth-child(2) {
	width: 162px;
	height: 232px;
	left: 269px;
	bottom: 65px;
}

.second ul li:nth-child(3) {
	width: 206px;
	height: 320px;
	left: 398px;
	bottom: 313px;
}

.second ul li:nth-child(4) {
	width: 175px;
	height: 258px;
	left: 581px;
	top: 65px;
}

.second ul li:nth-child(5) {
	width: 466px;
	height: 649px;
	left: 50%;
	margin-left: -233px;
	top: 182px;
}

.second ul li:nth-child(6) {
	width: 151px;
	height: 245px;
	right: 447px;
	top: 135px;
}

.second ul li:nth-child(7) {
	width: 259px;
	height: 443px;
	right: 251px;
	bottom: 64px;
}

.second ul li:nth-child(8) {
	width: 149px;
	height: 265px;
	right: 145px;
	top: 32px;
}

.second ul li p {
	width: 0;
	overflow: hidden;
	font-size: 24px;
	color: #fff;
	position: absolute;
	bottom: 15px;
	left: 15px;
	white-space: nowrap;
}

.second ul li:hover p {
	width: 285px;
	-webkit-animation: openclose 1.5s linear;
	animation: openclose 1.5s linear;
}

.second ul li:nth-child(5) p {
	left: 100px;
	bottom: 115px;
}

.second ul li .light {
	position: absolute;
	opacity: 0;
}

.second ul li:hover .light.heng {
	animation: heng 1.5s linear;
	-webkit-animation: heng 1.5s linear;
}
.second ul li:nth-child(5):hover .light.heng{
	animation: heng1 1.5s linear;
	-webkit-animation: heng1 1.5s linear;
}
.second ul li:nth-child(7):hover .light.heng{
	animation: heng1 1.5s linear;
	-webkit-animation: heng1 1.5s linear;
}
.second ul li:hover .light.shu {
	animation: shu 1.5s linear;
	-webkit-animation: shu 1.5s linear;
}
.second ul li:nth-child(5):hover .light.shu{
	animation: shu1 1.5s linear;
	-webkit-animation: shu1 1.5s linear;
}
.second ul li:nth-child(7):hover .light.shu{
	animation: shu1 1.5s linear;
	-webkit-animation: shu1 1.5s linear;
}
@keyframes heng {
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(20px, 0);
	}
	50%{
		opacity: 1;
		transform: translate(40px, 0);
	}
	75% {
		opacity: 1;
		transform: translate(60px, 0);
	}
	100% {
		opacity: 0;
		transform: translate(120px, 0);
	}
}
@-webkit-keyframes heng{
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(20px, 0);
	}
	50%{
		opacity: 1;
		transform: translate(40px, 0);
	}
	75% {
		opacity: 1;
		transform: translate(60px, 0);
	}
	100% {
		opacity: 0;
		transform: translate(120px, 0);
	}
}
@keyframes heng1 {
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(70px, 0);
	}
	50%{
		opacity: 1;
		transform: translate(140px, 0);
	}
	75% {
		opacity: 1;
		transform: translate(300px, 0);
	}
	100% {
		opacity: 0;
		transform: translate(340px, 0);
	}
}
@-webkit-keyframes heng1{
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(40px, 0);
	}
	50%{
		opacity: 1;
		transform: translate(60px, 0);
	}
	75% {
		opacity: 1;
		transform: translate(80px, 0);
	}
	100% {
		opacity: 0;
		transform: translate(160px, 0);
	}
}
@keyframes shu {
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(0, 20px);
	}
	50%{
		opacity: 1;
		transform: translate(0, 40px);
	}
	75% {
		opacity: 1;
		transform: translate(0, 60px);
	}
	100% {
		opacity: 0;
		transform: translate(0, 120px);
	}
}
@-webkit-keyframes shu{
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(0, 20px);
	}
	50%{
		opacity: 1;
		transform: translate(0, 40px);
	}
	75% {
		opacity: 1;
		transform: translate(0, 60px);
	}
	100% {
		opacity: 0;
		transform: translate(0, 120px);
	}
}
@keyframes shu1 {
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(0, 50px);
	}
	50%{
		opacity: 1;
		transform: translate(0, 120px);
	}
	75% {
		opacity: 1;
		transform: translate(0, 240px);
	}
	100% {
		opacity: 0;
		transform: translate(0, 400px);
	}
}
@-webkit-keyframes shu1{
	0% {
		opacity: 1;
		transform: translate(0, 0);
	}
	25%{
		opacity: 1;
		transform: translate(0, 50px);
	}
	50%{
		opacity: 1;
		transform: translate(0, 120px);
	}
	75% {
		opacity: 1;
		transform: translate(0, 240px);
	}
	100% {
		opacity: 0;
		transform: translate(0, 400px);
	}
}
.second ul li:nth-child(1) .light.heng {
	width: 135px;
	bottom: -23px;
	left: -54px;
}

.second ul li:nth-child(1) .light.shu {
	width: 93px;
	bottom: 50px;
	right: -54px;
}

.second ul li:nth-child(2) .light.heng {
	width: 135px;
	bottom: -20px;
	left: -50px;
}

.second ul li:nth-child(2) .light.shu {
	width: 93px;
	bottom: 50px;
	right: -54px;
}

.second ul li:nth-child(3) .light.heng {
	width: 135px;
	bottom: -16px;
	left: -50px;
}

.second ul li:nth-child(3) .light.shu {
	width: 93px;
	bottom: 50px;
	right: -54px;
}

.second ul li:nth-child(4) .light.heng {
	width: 135px;
	bottom: -16px;
	left: -50px;
}

.second ul li:nth-child(4) .light.shu {
	width: 93px;
	bottom: 50px;
	right: -54px;
}

.second ul li:nth-child(5) .light.heng {
	width: 180px;
	bottom: 77px;
	left: 0;
}

.second ul li:nth-child(5) .light.shu {
	width: 150px;
	bottom: 400px;
	right: -88px;
}

.second ul li:nth-child(6) .light.heng {
	width: 135px;
	bottom: -21px;
	left: -50px;
}

.second ul li:nth-child(6) .light.shu {
	width: 93px;
	bottom: 50px;
	right: -53px;
}

.second ul li:nth-child(7) .light.heng {
	width: 135px;
	bottom: -18px;
	left: -50px;
}

.second ul li:nth-child(7) .light.shu {
	width: 93px;
	bottom: 50px;
	right: -53px;
}

.second ul li:nth-child(8) .light.heng {
	width: 135px;
	bottom: -23px;
	left: -50px;
}

.second ul li:nth-child(8) .light.shu {
	width: 93px;
	bottom: 50px;
	right: -54px;
}

@-webkit-keyframes openclose {
	0% {
		width: 0;
	}
	50% {
		width: 150px;
	}
	75% {
		width: 285px;
	}
	100% {
		width: 285px;
	}
}

@keyframes openclose {
	0% {
		width: 0;
	}
	50% {
		width: 150px;
	}
	75% {
		width: 285px;
	}
	100% {
		width: 285px;
	}
}

.third {
	width: 100%;
	height: 956px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/third.jpg) no-repeat center;
	position: relative;
	margin: 0 auto 0;
	overflow: hidden;
}

.left_banner {
	width: 557px;
	height: 727px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: 55px;
}

.left_banner ul li a img {
	display: block;
	width: 557px;
	height: 727px;
	position: relative;
}

.left_banner ul li a p {
	font-size: 30px;
	color: #fff;
	position: absolute;
	left: 22px;
	bottom: 145px;
}

.left_banner ul li a span {
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 22px;
	bottom: 110px;
}

.left_banner ul li a .li_img {
	width: 90px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	background: url(../images/more.png) no-repeat center;
	position: absolute;
	bottom: 27px;
	right: 23px;
}

.left_banner ul li:hover {
	opacity: .9;
}

.left_banner .swiper-pagination {
	text-align: left;
}

.left_banner .swiper-pagination .swiper-pagination-bullet {
	width: 63px;
	height: 9px;
	opacity: 1;
	background-color: #666666;
	margin: 0 4px;
	border-radius: 0;
}

.left_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #e31a44;
}

.right_news {
	width: 633px;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 154px 0 0 8px;
}

.right_news .top_ul {
	width: 100%;
	height: 56px;
	position: relative;
	overflow: hidden;
}

.right_news .top_ul li {
	float: left;
	font-size: 20px;
	color: #fff;
	line-height: 56px;
	margin: 0 6px;
	cursor: pointer;
}

.right_news .top_ul li.active {
	color: #d1304b;
}

.right_news .top_ul li:nth-child(1) {
	margin-left: 425px;
}

.news_div {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.news_div>ul {
	display: none;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.news_div>ul.active {
	display: block;
}

.news_div>ul li {
	width: 312px;
	height: 180px;
	background: url(../images/li.png) no-repeat center;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}

.news_div>ul li a {
	color: #fff;
}

.news_div>ul li a .li_tit {
	width: 276px;
	margin: 20px auto 0;
}

.news_div>ul li a .li_tit p {
	float: left;
	font-size: 20px;
	border-bottom: 4px solid #cc0033;
	padding-bottom: 5px;
}

.news_div>ul li a .li_tit span {
	display: block;
	float: right;
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
}

.news_div>ul li a .li_p {
	font-size: 16px;
	width: 276px;
	;
	margin: 0 auto 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 24px;
	margin-top: 5px;
}

.news_div>ul li a .li_more {
	width: 90px;
	height: 30px;
	background: url(../images/more.png) no-repeat center;
	font-size: 14px;
	color: #000;
	text-align: center;
	line-height: 30px;
	margin: 20px 0 0 200px;
	font-weight: bold;
}

.news_div>ul li:hover {
	background: url(../images/li_h.png) no-repeat center;
}

.news_div>ul li:hover a .li_tit p {
	border-bottom: 4px solid #181818;
}

.news_div>ul li:hover a .li_tit span {
	color: #1c1c1c;
}

.news_div>ul li:hover .li_more {
	background: url(../images/more_w.png) no-repeat center;
	color: #fff;
}

.news_div>ul li:nth-child(1) {
	margin-top: 0;
}

.news_div>ul li:nth-child(2) {
	margin-top: 0;
	margin-left: 8px;
}

.news_div>ul li:nth-child(4) {
	margin-left: 8px;
}

.news_div>ul li:nth-child(6) {
	margin-left: 8px;
}

.d_more {
	display: block;
	width: 452px;
	height: 65px;
	transition: all .5s;
	-webkit-transition: all .5s;
	margin: 30px auto 0;
}

.d_more:hover {
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
}

.four {
	width: 100%;
	height: 959px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/four.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.four ul {
	width: 100%;
	height: 822px;
	position: relative;
	margin-top: 80px;
}

.four ul li {
	width: 390px;
	height: 822px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.four ul li:hover {
	transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
}

.four ul li:nth-child(2) {
	margin: 0 14px;
}

.four ul li .h_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.four ul li .m_img {
	display: block;
	width:300px;
	height:300px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	top: 95px;
}
.four ul li:hover .m_img img:nth-child(1){
	display: none;
}
.four ul li .ch {
	width: 163px;
	height: 163px;
	position: absolute;
	left: 50%;
	margin-left: -81.5px;
	bottom: 56px;
	overflow: hidden;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.four ul li .ch img {
	display: block;
	width: 100%;
	height: 100%;
}

.four ul li.active .h_img img:nth-child(1) {
	display: none;
}

.four ul li.active .ch img:nth-child(1) {
	display: none;
}

.four ul li.active .m_img img:nth-child(1) {
	display: none;
}
.five {
	width: 100%;
	height: 564px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/five.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.five ul {
	width: 100%;
	position: relative;
	margin-top: 290px;
}

.five ul li {
	width: 255px;
	float: left;
	margin-left: 60px;
}

.five ul li:nth-child(1) {
	margin-left: 0;
}

.five ul li .fi_li {
	width: 255px;
	height: 185px;
	background: url(../images/bg.png) no-repeat center;
	position: relative;
}

.five ul li .fi_li .last_p {
	margin-left: 20px;
	overflow: hidden;
}

.five ul li .fi_li .last_p p:nth-child(1) {
	font-size: 18px;
	color: #fff;
	margin-top: 50px;
}

.five ul li .fi_li .last_p p:nth-child(2) {
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
}

.five ul li .fi_li .last_p p:nth-child(3) {
	font-size: 14px;
	color: #333333;
	margin-top: 8px;
}

.five ul li .fi_li .fi_img {
	display: block;
	width: 127px;
	height: 127px;
	position: absolute;
	right: 18px;
	top: -13px;
}

.five ul li .tit_p {
	font-size: 18px;
	color: #787676;
	text-align: center;
	margin-top: 15px;
}

.five ul li .tit_p span {
	color: #cccccc;
}

.big_img {
	width: 100%;
	height: 100%;
	min-width: 1200px;
	max-width: 1920px;
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	z-index: 50;
	display: none;
}
.big_con .close{
	display: block;
	width:31px;
	height:31px;
	position:absolute;
	right:10%;
	top:10%;
	z-index:1;
	cursor: pointer;
}
.big_con {
	width: 100%;
	height: 908px;
	position: relative;
	margin: 0 auto 0;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.big_con img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.big_con li {
	width: 1920px;
	height: 100%;
	max-width:1920px;
	min-width:1200px;
	margin:0 auto 0;
	overflow: hidden;
	position: relative;
	display: none;
}

.big_con li.active {
	display: block;
}

.big_con p {
	width: 518px;
	font-size: 16px;
	color: #e8e7e7;
	line-height: 32px;
	position: absolute;
	top: 300px;
	left: 830px;
}