锘?banner {
	position: relative;
	overflow: hidden;
	margin-bottom: 90px;
}

.banner .swiper-container img {
	width: 100%;
}

.banner .pagination {
	font-size: 0;
	position: absolute;
	z-index: 20;
	bottom: 150px;
	width: 100%;
	padding: 0 9.6%;
	text-align: right;
}

.banner .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 3px 13px;
	cursor: pointer;
	background: #fff;
}

.banner .swiper-active-switch {
	width: 16px;
	height: 16px;
	border: none;
	margin: 0 10px;
}
.banner_wrap{background: rgba(255,255,255,1); padding: 27px; overflow: hidden;}
.pc_bannerimg{ width:100%;}


.banner_inner{max-width: 1112px; width: 94%; margin: auto; overflow: hidden;}
.banner_inner ul li{width: 25%; float: left; border-left: #bcbab4 solid 1px; text-align: center; line-height: 51px; overflow: hidden;padding: 5px 0;}
.banner_inner ul li:first-child{border-left: none;}
.banner_inner ul li a{display: block;}
.banner_inner ul li span{margin-left: 25px; color: #858585;}

.index1{max-width: 1523px; width: 94%; margin: auto; overflow: hidden; margin-bottom: 100px;}
.index1_tabs{text-align: center; margin-bottom: 80px;}
.index1_tabs_con{display: inline-block; padding: 0 50px; border-bottom: #d0d0d0 solid 1px;}
.index1_tabs span{color: #777777; cursor: pointer; display: inline-block; padding: 0 5px; margin: 0 10px; position: relative; bottom: -1px;}
.index1_tabs span.on{color: #c90436; border-bottom: #dd3a64 solid 3px;}

.index1_wrap{overflow: hidden;}
.index1_item{display: none;}
.index1_item.on{display: block;}
.index1_item ul{margin: 0 -2.7%;}
.index1_item ul li{width: 33.333333%; float: left; padding: 0 2.7%;}
.index1_item ul li .index1_img{display: block; margin-bottom: 30px; position: relative;}
.index1_item ul li .index1_time{color: #c3c3c3; margin-bottom: 15px;}
.index1_item ul li h2{line-height: 24px; max-height: 48px; overflow: hidden; margin-bottom: 15px;}
.index1_item ul li h2 a{color: #000; }
.index1_item ul li p{color: #9b9b9b; line-height: 20px; margin-bottom: 15px; max-height: 80px; overflow: hidden;}

.index2{overflow: hidden; position: relative;}
.index2_btn{position: absolute; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); z-index: 2; cursor: pointer;}
.index2_l{left: 0;}
.index2_r{right: 0;}
.index2 ul li{width: 25%; float: left; position: relative;}
.index2 ul li a{display: block;}
.index2 ul li a > img{width: 100%;}
.index2_wrap{position: absolute;left: 0; bottom: 0px; padding: 30px; width: 100%;}
.index2_wrap span{display: block; width: 34px; height: 1px; background: #053b88; margin-bottom: 40px;}
.index2_wrap p{color: #000; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*.index2 ul li:nth-child(3) .index2_wrap span{background: #fff;}
.index2 ul li:nth-child(3) .index2_wrap p{color: #fff;}*/
.index2 ul li:last-child .index2_wrap span{background: none; width: auto; height: auto; margin-bottom: 23px;}
.index2 ul li:last-child a{ background: #f6f5f1; height: 0; padding-bottom: 100%;}

.index3{overflow: hidden; /*padding: 120px 0 160px;*/ background-size: cover; position: relative;  width: 100%; height: 748px;}
.index3 h1{color: #fff; text-align: center; line-height: 1.33em; margin-bottom: 90px; padding-top: 120px;}
.index3_wrap{max-width: 1523px;width: 94%; margin: auto; overflow: hidden; padding-bottom: 160px;}
.index3_wrap ul{margin: 0 -4.2%;}
.index3_wrap ul li{width: 20%; float: left;padding: 0 4.2%;text-align: center; overflow: hidden; position: relative; z-index: 1;}
.index3_wrap ul li img{-webkit-transition: all 0.3s;transition: all 0.3s; height: 195px;}
/*.index3_wrap ul li p{color: #fff; line-height: 24px; height: 48px; margin-top: 40px; overflow: hidden;}*/
.index3_con{color: #fff; line-height: 24px; height: 24px; margin-top: 40px; overflow: hidden;}
.index3_con h2{height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index3_con p{height: 72px; overflow: hidden;}

.pg-canvas{position: absolute; top: 0; left: 0; display: inline-block; vertical-align: baseline; }


.index4_l{width: 40.57%; position: relative;} 
.index4_l a{display: block;}
.index4_l img.ratio-img{width: 100%;}
.index4_l_wrap{position: absolute; right: 28px; top: 37px; border: #fff solid 3px; color: #fff; padding: 15px;}
.index4_l_wrap h1{font-weight: lighter; text-align: center; font-family: "瀹嬩綋"; line-height: 1.1em;}
.index4_l_wrap h2{margin-bottom: 30px; text-align: center; font-family: "瀹嬩綋"; line-height: 1.1em;}
.index4_l_wrap p{line-height: 14px;}

.index4_r{width: 59.43%; position: relative;} 
.index4_r img.ratio-img{width: 100%;} 
.index4_r_btn{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); cursor: pointer; z-index: 2;}
.index4_r_wrap{width: 26%; height: 100%; padding: 3.5%; background: rgba(0,0,0,0.4); position: absolute; right: 0; top: 0; color: #fff;}
.index4_r_wrap h1{font-weight: lighter; line-height: 1.1em;}
.index4_r_wrap h2{ line-height: 1.1em; margin-bottom: 15px;}
.index4_r_wrap a{ color: #cb2940;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;}

@media only screen and (min-width: 1024px) {
	.banner_inner ul li:hover span{color: #c90436;}
	.index1_item ul li h2 a:hover{color: #c90436;}
	.index3_wrap ul li:hover img{height: 102px;}
	/*.index3_wrap ul li:hover img{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);  animation-name: inherit !important; }*/
	.index3_wrap ul li:hover .index3_con{height: 96px;}

}
@media only screen and (min-width: 1441px) {
	.index3_wrap ul li:hover img{height: 147px;}
}

@media only screen and (max-width: 1440px) {
	.banner{margin-bottom: 60px;}
	.index1{margin-bottom: 60px;}
	.index1_tabs{margin-bottom: 50px;}
	.index3{/*padding: 80px 0 100px;*/ height: 538px;}
	.index3 h1{margin-bottom: 60px; padding-top: 80px;}
	.index3_wrap{padding-bottom: 100px;}
	.index3_wrap ul li img{height: 150px;}
	.index4_r_btn{width: 60px;}
}
@media only screen and (max-width: 1024px) {
	.index3_wrap ul li img{height: 100px;}
	
	.index1_tabs_con{padding: 0 30px;}
	.index1_tabs span{font-size:20px !important;}
	.index3{height: 488px;}
	.index3 h1{font-size:20px !important;}
	
}

@media only screen and (max-width: 768px) {
	.banner_inner ul li{line-height: 40px;}
	.banner_inner ul li img{height: 40px;}
	.index2_btn{width: 40px;}
}

@media only screen and (max-width: 767px) {
	.banner{margin-bottom: 0px;}
	.banner_wrap{position: static; padding: 20px 0; background: #fff;}
	.banner_inner ul li{width: 50%; margin-bottom: 10px; line-height: 30px;}
	.banner_inner ul li:nth-child(3n){border-left: none;}
	.banner_inner ul li img{height: 30px;}
	
	.banner .swiper-pagination-switch{margin: 2px 5px; width: 8px; height: 8px;}
	.banner .swiper-active-switch{margin: 0 5px; width: 12px; height: 12px;}
	
	.index1{margin-bottom: 0px;}
	.index1_tabs{margin-bottom: 20px;}
	.index1_tabs span{font-size:18px !important;}
	.index1_tabs_con{padding: 0 5px;}
	.index1_item ul li{width: 100%; margin-bottom: 15px;}
	.index1_item ul li .index1_img{margin-bottom: 20px;}
	.index1_item ul li .index1_time{margin-bottom: 10px;}
	.index1_item ul li h2{margin-bottom: 10px;}
	.index2 ul li{width: 100%;}
	/*.index2 ul li:last-child a{height: 141px; padding-bottom: 0;}*/
	.index3{/*padding: 50px 0 40px;*/ height: 478px; padding: 0;}
	.index3 h1{margin-bottom: 30px; font-size: 18px !important; padding-top: 50px;}
	.index3_wrap{padding-bottom: 40px;}
	.index3_wrap ul li{width: 50%; margin-bottom: 20px;}
	.index3_wrap ul li:nth-child(2n+1){clear: both;}
	.index3_wrap ul li img{height: 80px;}
	.index3_wrap ul li p{margin-top: 20px;}
	.index4_r_btn{width: 30px;}
	.index4_l{width: 100%;}
	.index4_l_wrap{right: 15px; top: 15px; padding: 10px;}
	.index4_r{width: 100%;}
	
	.vide0_close{top: 18%;}
	
	
}





/*2018-07-10ljx*/
.fnt_98{font-size: 98px;}
@media only screen and (max-width: 1660px) {
.fnt_98{font-size: 60px;}
}
@media only screen and (max-width: 1440px) {
.fnt_98{font-size: 50px;}
}


.phone_bannerimg{display: none;}
.banner .swiper-slide{position: relative; overflow: hidden;}
.banner .swiper-slide video{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 15;}

.banner .swiper-slide a{display: block;}
.banner_text h3,.banner_text p{transition: 1.3s all;-webkit-transition: 1.3s all;-moz-transition: 1.3s all;-o-transition: 1.3s all;-ms-transition: 1.3s all;}
.banner_text{position: absolute; top:27.3%; left:61%; max-width: 40%; }
.banner_text h3{line-height: 1.1em; max-height: 2.2em; overflow: hidden; margin-bottom: 10px;
webkit-transform: translateY(-100px); -moz-transform: translateY(-100px);-o-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);}
.banner_text p{ line-height: 1.5em; max-height: 3em; overflow: hidden; opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;
-webkit-transform: translateY(100px); -moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);}

.banner .swiper-container .banner_ic01{position: absolute; width: 100%;  bottom:0; left: -100%;transition: 1s all;-webkit-transition: 1s all;-moz-transition: 1s all;-o-transition: 1s all;-ms-transition: 1s all;visibility: hidden;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.banner .swiper-wrapper .swiper-slide-active .banner_ic01{left:0%; visibility: visible;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.banner .swiper-wrapper .swiper-slide-active .banner_text h3,.banner .swiper-wrapper .swiper-slide-active .banner_text p{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}

.banner_text02{position: absolute; top:20%; left:55%;}



.banner .swiper-wrapper .banner_ic02,.banner .swiper-wrapper .banner_ic03,.banner .swiper-wrapper .banner_ic04,.banner .swiper-wrapper .banner_ic05,.banner .swiper-wrapper .banner_ic06,.banner .swiper-wrapper .banner_ic07,.banner .swiper-wrapper .banner_ic08,.banner .swiper-wrapper .banner_ic09,.banner .swiper-wrapper .banner_ic10,.banner .swiper-wrapper .banner_ic11{position: absolute; left: 0; top:0; width: auto; max-width: 100%;}
.banner .swiper-wrapper .banner_ic02{	display: inline-block;
	width: 16.35%;

	top:33.3%;
	-webkit-animation:cloud_move 8s linear alternate infinite;
	-moz-animation:cloud_move 8s linear alternate infinite;
	-o-animation:cloud_move 8s linear alternate infinite;
	-ms-animation:cloud_move 8s linear alternate infinite;
	animation:cloud_move 8s linear alternate infinite;
}

@-webkit-keyframes cloud_move{
	0%{
		left:10%;
	}
	
	100%{
		left:30%;
	}
}
@-moz-keyframes cloud_move{
	0%{
		left:10%;
	}
	
	100%{
		left:30%;
	}
}
@-o-keyframes cloud_move{
	0%{
		left:10%;
	}
	
	100%{
		left:30%;
	}
}
@-ms-keyframes cloud_move{
	0%{
		left:10%;
	}
	
	100%{
		left:30%;
	}
}
@keyframes cloud_move{
	0%{
		left:10%;
	}
	
	100%{
		left:30%;
	}
}




.banner .swiper-wrapper .banner_ic03{	display: inline-block;
	width: 11.6%;
	top:18%;
	-webkit-animation:cloud_move_b 8s linear alternate infinite;
	-moz-animation:cloud_move_b 8s linear alternate infinite;
	-o-animation:cloud_move_b 8s linear alternate infinite;
	-ms-animation:cloud_move_b 8s linear alternate infinite;
	animation:cloud_move_b 8s linear alternate infinite;
}

@-webkit-keyframes cloud_move_b{
	0%{
		left:40%;
	}
	
	100%{
		left:60%;
	}
}
@-moz-keyframes cloud_move_b{
	0%{
		left:40%;
	}
	
	100%{
		left:60%;
	}
}
@-o-keyframes cloud_move_b{
	0%{
		left:40%;
	}
	
	100%{
		left:60%;
	}
}
@-ms-keyframes cloud_move_b{
	0%{
		left:40%;
	}
	
	100%{
		left:60%;
	}
}
@keyframes cloud_move_b{
	0%{
		left:40%;
	}
	
	100%{
		left:60%;
	}
}



.banner .swiper-wrapper .banner_ic04{	display: inline-block;
	width: 31%;
	top:30%;
	-webkit-animation:cloud_move_c 8s linear alternate infinite;
	-moz-animation:cloud_move_c 8s linear alternate infinite;
	-o-animation:cloud_move_c 8s linear alternate infinite;
	-ms-animation:cloud_move_c 8s linear alternate infinite;
	animation:cloud_move_c 8s linear alternate infinite;
}

@-webkit-keyframes cloud_move_c{
	0%{
		left:55%;
	}
	
	100%{
		left:35%;
	}
}
@-moz-keyframes cloud_move_c{
	0%{
		left:55%;
	}
	
	100%{
		left:35%;
	}
}
@-o-keyframes cloud_move_c{
	0%{
		left:55%;
	}
	
	100%{
		left:35%;
	}
}
@-ms-keyframes cloud_move_c{
	0%{
		left:55%;
	}
	
	100%{
		left:35%;
	}
}
@keyframes cloud_move_c{
	0%{
		left:55%;
	}
	
	100%{
		left:35%;
	}
}



.banner .swiper-wrapper .banner_ic05{	display: inline-block;
	width: 10%;
	top:48%;
	-webkit-animation:cloud_move_d 8s linear alternate infinite;
	-moz-animation:cloud_move_d 8s linear alternate infinite;
	-o-animation:cloud_move_d 8s linear alternate infinite;
	-ms-animation:cloud_move_d 8s linear alternate infinite;
	animation:cloud_move_d 8s linear alternate infinite;
}

@-webkit-keyframes cloud_move_d{
	0%{
		left:40%;
	}
	
	100%{
		left:25%;
	}
}
@-moz-keyframes cloud_move_d{
	0%{
		left:40%;
	}
	
	100%{
		left:25%;
	}
}
@-o-keyframes cloud_move_d{
	0%{
		left:40%;
	}
	
	100%{
		left:25%;
	}
}
@-ms-keyframes cloud_move_d{
	0%{
		left:40%;
	}
	
	100%{
		left:25%;
	}
}
@keyframes cloud_move_d{
	0%{
		left:40%;
	}
	
	100%{
		left:25%;
	}
}





.banner_text03{left: 56%; top:8.5%;}
.banner_text04{left: 8%; top:23.5%;}
.banner .swiper-wrapper .banner_ic06{width: 6.7%; left: 0; top:61.9%;transition: 2s linear 0.3s;-webkit-transition: 2s linear 0.3s;-moz-transition: 2s linear 0.3s;-o-transition: 2s linear 0.3s;-ms-transition: 2s linear 0.3s;}
.banner .swiper-wrapper .swiper-slide-active .banner_ic06{left: 36%;}

.banner .swiper-wrapper .banner_ic07{transition: 1s linear 0.3s;-webkit-transition: 1s linear 0.3s;-moz-transition: 1s linear 0.3s;-o-transition: 1s linear 0.3s;-ms-transition: 1s linear 0.3s; left: -100%; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; visibility:hidden;}
.banner .swiper-wrapper .swiper-slide-active .banner_ic07{left: 0;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;     visibility: visible;}

.banner .swiper-wrapper .banner_ic10{width: 100%; transition: 1s linear 0s;-webkit-transition: 1s linear 0s;-moz-transition: 1s linear 0s;-o-transition: 1s linear 0s;-ms-transition: 1s linear 0s;  opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; visibility:hidden; -webkit-transform: translateX(50%); -moz-transform: translateX(50%);-o-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);}
.banner .swiper-wrapper .swiper-slide-active .banner_ic10{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;     visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

.banner .swiper-wrapper .banner_ic08{	display: inline-block;
	width: 5.3%;
	top:24%;
	-webkit-animation:cloud_move_e 8s linear alternate infinite;
	-moz-animation:cloud_move_e 8s linear alternate infinite;
	-o-animation:cloud_move_e 8s linear alternate infinite;
	-ms-animation:cloud_move_e 8s linear alternate infinite;
	animation:cloud_move_e 8s linear alternate infinite;
}

@-webkit-keyframes cloud_move_e{
	0%{
		left:0%;
	}
	
	100%{
		left:15%;
	}
}
@-moz-keyframes cloud_move_e{
	0%{
		left:0%;
	}
	
	100%{
		left:15%;
	}
}
@-o-keyframes cloud_move_e{
	0%{
		left:0%;
	}
	
	100%{
		left:15%;
	}
}
@-ms-keyframes cloud_move_e{
	0%{
		left:0%;
	}
	
	100%{
		left:15%;
	}
}
@keyframes cloud_move_e{
	0%{
		left:0%;
	}
	
	100%{
		left:15%;
	}
}


.banner .swiper-wrapper .banner_ic09{	display: inline-block;
	width: 19%;
	top:54%;
	-webkit-animation:cloud_move_f 8s linear alternate infinite;
	-moz-animation:cloud_move_f 8s linear alternate infinite;
	-o-animation:cloud_move_f 8s linear alternate infinite;
	-ms-animation:cloud_move_f 8s linear alternate infinite;
	animation:cloud_move_f 8s linear alternate infinite;
}

@-webkit-keyframes cloud_move_f{
	0%{
		left:59%;
	}
	
	100%{
		left:70%;
	}
}
@-moz-keyframes cloud_move_f{
	0%{
		left:59%;
	}
	
	100%{
		left:70%;
	}
}
@-o-keyframes cloud_move_f{
	0%{
		left:59%;
	}
	
	100%{
		left:70%;
	}
}
@-ms-keyframes cloud_move_f{
	0%{
		left:59%;
	}
	
	100%{
		left:70%;
	}
}
@keyframes cloud_move_f{
	0%{
		left:59%;
	}
	
	100%{
		left:70%;
	}
}


.banner .swiper-wrapper .banner_ic11{	display: inline-block;
	width: 21.5%;
	top:21%;
	-webkit-animation:cloud_move_g 8s linear alternate infinite;
	-moz-animation:cloud_move_g 8s linear alternate infinite;
	-o-animation:cloud_move_g 8s linear alternate infinite;
	-ms-animation:cloud_move_g 8s linear alternate infinite;
	animation:cloud_move_g 8s linear alternate infinite;
}

@-webkit-keyframes cloud_move_g{
	0%{
		left:42.8%;
	}
	
	100%{
		left:60%;
	}
}
@-moz-keyframes cloud_move_g{
	0%{
		left:42.8%;
	}
	
	100%{
		left:60%;
	}
}
@-o-keyframes cloud_move_g{
	0%{
		left:42.8%;
	}
	
	100%{
		left:60%;
	}
}
@-ms-keyframes cloud_move_g{
	0%{
		left:42.8%;
	}
	
	100%{
		left:60%;
	}
}
@keyframes cloud_move_g{
	0%{
		left:42.8%;
	}
	
	100%{
		left:60%;
	}
}



@media only screen and (max-width: 1024px) {
.banner_text{top:10%;}
.fnt_98{font-size: 36px;}
}

@media only screen and (max-width: 768px) {
.phone_bannerimg{display: block;}
.pc_picture{display: none !important;}
.fnt_98{font-size: 24px;}
.banner_text p{font-size: 14px;}
.banner_text{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; width: 90%; max-width: 90%; text-align: center;}
}

@media only screen and (max-width: 640px) {
.banner_text h3{margin-bottom: 4px;}
.fnt_98{font-size: 18px;}
}