.banner,
.banner .banner_img{
	position: relative;
	height: 100%;
}
@media (min-width: 768px){
	.banner{
		position: relative;
		width: 100%;
	}
	.banner .banner_img{
		position: absolute;
		top: 0;
		width: 100%;
	}
	.banner .banner1{
		background: url(../images/banner1.jpg) no-repeat center top;
	}
	.banner .banner2{
		background: url(../images/banner2.jpg) no-repeat center top;
	}
	.banner .banner3{
		background: url(../images/banner3.jpg) no-repeat center top;
	}
}
.swiper-slide-active .banner_img{
	z-index: 20;	
}
.swiper-slide-next .banner_img{
	z-index: 10;
}

.banner_box{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 60;	
}
@media (max-width: 767px){
	.banner_box{
		display: none;	
	}	
}
.banner_box .container{
	position: relative;
	height: 100%;	
}
.banner_box .ba1_text1{
	position: absolute;
	right: 15px;
	top: 33%;
	z-index: 60;
	width: 430px;
	font-size: 36px;
	color: #fff;
	text-align: left;
}
.banner_box .ba1_text2{
	position: absolute;
	right: 15px;
	top: 53%;
	z-index: 60;
	width: 430px;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: #3b4c88;
	text-transform: uppercase;
	text-align: left;
}
.banner_box .ba1_text1 p,
.banner_box .ba1_text2 p{
	margin: 3px 0;	
}
@media (max-width: 1199px){
	.banner_box .ba1_text1{
		top: 30%;
		font-size: 30px;
	}	
}
@media (max-width: 991px){
	.banner_box .ba1_text1{
		top: 30%;
		font-size: 20px;	
	}
}
@media (max-width: 767px){
	.banner_box .ba1_text1{
		left: 50%;
		top: 5%;
		margin-left: -150px;
		width: 300px;
		font-size: 12px;	
	}
	.banner_box .ba1_text2{
		left: 50%;
		top: 40%;
		margin-left: -150px;
		width: 300px;
		font-size: 10px;	
	}
}


.banner_box .ba2_box{
	position: absolute;
	left: 15px;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner_box .ba2_box .ba2_text1{
	position: absolute;
	bottom: 16%;
	left: 0;
	width: 100%;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.banner_box .ba2_box .ba2_text2{
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.banner_box .ba2_box .ba2_text2 span{
	margin: 0 6px;	
}
.banner_box .ba2_box .ba2_text3{
	position: absolute;
	width: 48%;
	top: 28%;
	right: 0;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.banner_box .ba3_box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@keyframes rolling{
	0%{
		transform: rotate(0);
		transform-origin: center center;
	}
	100%{
		transform: rotate(360deg);
		transform-origin: center center;
	}
}
.banner_box .ba3_box .ba3_img1{
	position: absolute;
	left: 50%;
	top: 50px;
	z-index: 20;
	margin-left: -258px;
	width: 516px;
	height: 498px;
	animation-name: rolling;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@media (max-width: 767px){
	.banner_box .ba3_box .ba3_img1{
		left: 50%;
		top: 30%;
		margin-left: -55px;
	}	
}
.banner_box .ba3_box .ba3_img2{
	position: absolute;
	left: 50%;
	top: 10px;
	z-index: 60;
	margin-left: -361.5px;
	width: 743px;
	height: 596px;
}
@media (max-width: 767px){
	.banner_box .ba3_box .ba3_img2{
		left: 50%;
		top: 24%;
		margin-left: -110px;	
	}
}
.banner_box .ba3_box .ba3_text{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 80;
	width: 100%;
	height: 100%;
}
.banner_box .ba3_box .ba3_text .ba3_t_left{
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	text-align: right;
}
.banner_box .ba3_box .ba3_text .ba3_t_right{
	position: relative;
	float: right;
	width: 50%;
	height: 100%;
	text-align: left;
}

.banner_box .ba3_box .ba3_text .ba3_t_l,
.banner_box .ba3_box .ba3_text .ba3_t_r{
	position: absolute;
	z-index: 20;
	display: inline-block;
	font-size: 20px;
	color: #fff;	
}
@media (max-width: 991px){
	.banner_box .ba3_box .ba3_text .ba3_t_l,
	.banner_box .ba3_box .ba3_text .ba3_t_r{
		font-size: 12px;
	}
}

.banner_box .ba3_box .ba3_text .ba3_t1{
	right: 310px;
	top: 62px;
}
.banner_box .ba3_box .ba3_text .ba3_t2{
	left: 330px;
	top: 62px;
}
.banner_box .ba3_box .ba3_text .ba3_t3{
	right: 380px;
	top: 212px;
}
.banner_box .ba3_box .ba3_text .ba3_t4{
	left: 390px;
	top: 212px;
}
.banner_box .ba3_box .ba3_text .ba3_t5{
	right: 370px;
	top: 380px;
}
.banner_box .ba3_box .ba3_text .ba3_t6{
	left: 385px;
	top: 380px;
}
.banner_box .ba3_box .ba3_text .ba3_t7{
	right: 300px;
	top: 510px;
}
.banner_box .ba3_box .ba3_text .ba3_t8{
	left: 315px;
	top: 510px;
}


.art{
	padding: 80px 0;
	background: #fff;
	clear: both;
	overflow: hidden;	
}
@media (max-width: 767px){
	.art{
		padding: 20px 0;
	}
}
.art_title{
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
}
.art_title .art_icon{
	float: left;
	margin-top: 7px;
	width: 17px;
}
.art_title h2{
	float: left;
	margin: 0 5px;
	display: inline-block;
	font-size: 25px;
	color: #565656;
}
.art_title span{
	float: left;
	margin-top: 10px;
	font-size: 12px;
	color: #999;
	text-transform: uppercase;	
}
.more{
	float: right;
	margin-top: 8px;
	color: #999;
	text-transform: uppercase;
}
.more i{
	float: right;
	margin-top: 3px;
	margin-left: 5px;	
}

.art_a{
	background: #fff;
}
.art_a_slide{
	position: relative;
	margin-bottom: 5%;
	clear: both;
	overflow: hidden;
}
.art_a_cut{
	margin: 0 auto;
	padding: 0 15px;
	
	clear: both;
	overflow: hidden;
}
.art_a_cut a{
	float: left;
	display: block;
	width: 12.5%;
	padding: 20px 0;
	background: #008cd6;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
@media (max-width: 991px){
	.art_a_cut a{
		width: 20%;
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 10px 0;
	}
}
@media (max-width: 767px){
	.art_a_cut a{
		width: 36%;	
	}
}
.art_a_cut a:hover,
.art_a_cut a.active{
	background: #079eed;
}
.art_a .art_more{
	clear: both;
	margin: 0 auto;
	display: block;
	width: 165px;
	height: 41px;
	background: #f7f7f7;
	line-height: 40px;
	color: #9b9b9b;
	text-align: center;
	transition: .5s;
}
.art_a .art_more i{
	margin-left: 10px;
	line-height: 8px;
}
.art_a .art_more:hover{
	background: #008cd6;
	color: #fff;
	transition: .5s;
}

.art_b{
	background: #f1f1f1;
}
.art_b_slide{
	position: relative;
	background: #fff;
	clear: both;
	overflow: hidden;
}
.art_b_slide .art_b_l{
	float: left;
	width: 50%;
	padding: 30px;
	clear: both;
	overflow: hidden;
}
.art_b_slide .art_b_l h3{
	margin-top: 10%;
	font-size: 22px;
	color: #737373;
}
@media (min-width: 992px) and (max-width: 1200px){
	.art_b_slide .art_b_l h3{
		margin-top: 10%;	
	}	
}
@media (min-width: 768px) and (max-width: 991px){
	.art_b_slide .art_b_l h3{
		margin-top: 5%;	
	}	
}
@media (max-width: 768px){
	.art_b_slide .art_b_l h3{
		margin-top: 0;	
	}	
}
.art_b_slide .art_b_l .art_b_text{
	margin: 3% 0 4%;
	font-size: 12px;
	color: #999;
}
.art_b_slide .art_b_l .look_more{
	font-size: 12px;
	color: #008cd6;
}
.art_b_slide .art_b_l .look_more i{
	margin-left: 5px;
}
.art_b_slide .art_b_r{
	float: right;
	width: 50%;
}

.art_b_slide .swiper-button-prev,
.art_b_slide .swiper-button-next{
	top: 90%;
	background: #b5b5b5;
	width: 50px;
	height: 32px;
	padding: 5px 0;
	text-align: center;
	transition: .3s;
}
.art_b_slide .swiper-button-prev:hover,
.art_b_slide .swiper-button-next:hover{
	background: #008cd6;
	transition: .3s;
}
.art_b_slide .swiper-button-prev{
	left: 30px;
}
.art_b_slide .swiper-button-next{
	left: 90px;
}

@media (max-width: 767px){
	.art_b_box{
		position: relative;
		padding-top: 60%;
	}
	.art_b_slide .art_b_l{
		float: none;
		width: 100%;
	}
	.art_b_slide .art_b_r{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 30;
		width: 100%;
	}
	.art_b_slide .swiper-button-prev{
		top: auto;
		left: auto;
		right: 90px;
		bottom: 2%;
	}
	.art_b_slide .swiper-button-next{
		top: auto;
		left: auto;
		right: 30px;
		bottom: 2%;	
	}
}

.art_c{
	background-image: url(../images/art_c_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	text-align: center;
}
.art_c .art_c_text{
	margin-bottom: 2%;
	font-size: 24px;
	color: #fff;	
}
@media (max-width: 767px){
	.art_c .art_c_text{
		font-size: 14px;
	}
}
.art_c .look_more{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #fff;
	color: #fff;
}
.art_c .look_more:hover{
	background: #fff;
	color: #008cd6;	
}
.art_c .look_more i{
	margin-left: 5px;
}