/* -------------------------------- 

banner style

-------------------------------- */
/*第一张图*/
.banner_1 .title {
	position: absolute;
	width:100%;
	text-align:center;
	left:0;
	top: 26%;
	font-weight: bolder;
	margin-bottom: 10px
}
.banner_1 .b-link {
	position: absolute;
	width:100%;
	text-align:center;
	left:0;
	top: 45%;
	margin-bottom: 10px
}
.banner_1 .b-link span {
	border:#fff solid 1px;
	padding:5px;
	margin:0 10px;
	display:inline-block;
	font-size: 32px;
	color: #fff;
}
.banner_1 .oil {
	position: absolute;
	text-align:center;
	left:50%;
	width:60%;
	margin-left:-30%;
	top: 60%;
	background:rgba(0,0,0,0.4);
	padding:2rem;
	font-size: 42px;
	color: #fff;
	margin-bottom: 10px
}
.banner_1 .title img {
	margin: 0px
}

.banner_1.swiper-slide-active .title {
	animation: fadeInDown 1.2s;
	-moz-animation: fadeInDown 1.2s;
	-webkit-animation: fadeInDown 1.2s;
	-ms-animation: fadeInDown 1.2s
}

.banner_1.swiper-slide-active .oil {
	animation: fadeInDown 1.2s;
	-moz-animation: fadeInDown 1.2s;
	-webkit-animation: fadeInDown 1.2s;
	-ms-animation: fadeInDown 1.2s
}
.banner_1.swiper-slide-active .b-link {
	animation: fadeInDown 1.2s;
	-moz-animation: fadeInDown 1.2s;
	-webkit-animation: fadeInDown 1.2s;
	-ms-animation: fadeInDown 1.2s
}

/*第二张图*/

.banner_2 .oil {
	width: 50%;
	height: 215px;
	background: url("../images/banner2_3.png") no-repeat left center;
	position: absolute;
	top: 35%;
	right: 0%;
	background-size: 60%
}
.banner_2 .title {
	position: absolute;
	top: 20%;
	left: 0%;
	width:50%;
	height:664px;
	color: #fff;
	background: url("../images/banner2_1.png") no-repeat center center;
	background-size:65%
}

.banner_2 .b-link {
	position: absolute;
	top: 11%;
	left: 0;
	width:50%;
	height:400px;
	background: url("../images/banner2_2.png") no-repeat top left;
	background-size:32%
}

.banner_2.swiper-slide-active .title {
	animation: fadeInLeft 1.2s;
	-moz-animation: fadeInLeft 1.2s;
	-webkit-animation: fadeInLeft 1.2s;
	-ms-animation: fadeInLeft 1.2s
}

.banner_2.swiper-slide-active .oil {
	animation: fadeInRight 1.2s;
	-moz-animation: fadeInRight 1.2s;
	-webkit-animation: fadeInRight 1.2s;
	-ms-animation: fadeInRight 1.2s
}

.banner_2.swiper-slide-active .b-link {
	animation: fadeInLeft 1.9s;
	-moz-animation: fadeInLeft 1.9s;
	-webkit-animation: fadeInLeft 1.9s;
	-ms-animation: fadeInLeft 1.9s
}
@media only all and (max-width: 1440px) {
	.banner_2 .oil {
		right: 3%;
		top: 30%;
		background-size: 60%
	}
	.banner_2 .title {
		left: 3%;
		top: 20%;
		font-size: 40px;
		height:500px;
	}
	.banner_2 .b-link {
	top: 8%;
 }
}

@media only all and (max-width: 1200px) {
	.banner_2 .title {
		left: 3%;
		top: 20%;
		font-size: 40px;
		height:600px;
	}
}

@media only all and (max-width: 1024px) {
	.banner_2 .title {
		left: 3%;
		top: 20%;
		font-size: 40px;
		height:400px;
	}
}

@media only all and (max-width: 768px) {
	.banner_2 .oil {
		right: 10%;
		top: 26%;
		width: 300px;
		height: 152px;
		background-size: 100%;
	}
	
	.banner_2 .title {
		left: 3%;
		top: 10%;
		font-size: 40px;
		height:300px;
		background-size:90%
	}
	
	.banner_2 .b-link {
		top: 8%;
	 }
}



@media only all and (max-width: 640px) {
	.banner_2 .oil {
		width: 140px;
		top: 10px;
		right: 5%;
		background-size: contain
	}

	.banner_2 .title {
		font-size: 15px;
		height: 200px;
		top: -10%;
		left: 5%;
		margin-left: 0
	}

	.banner_2 .b-link {
		bottom: 16%;
		left: 0%
	}
}


@media only all and (max-width: 1440px) {
	.banner_1 .title {
		left:0;
		top: 24%;
	}
	.banner_1 .b-link {
		left:0;
		top: 50%;
	}
	.banner_1 .b-link span {
		font-size: 24px;
		color: #fff;
	}
	.banner_1 .oil {
		left:50%;
		width:60%;
		margin-left:-30%;
		top: 65%;
		padding:1rem;
		font-size: 36px;
	}
	.banner_1 .title img  {
		width:40%;
	}

}
@media only all and (max-width: 1366px) {
	.banner_1 .title {
		left:0;
		top: 24%;
	}
	.banner_1 .b-link {
		left:0;
		top: 50%;
	}
	.banner_1 .b-link span {
		font-size: 24px;
		color: #fff;
	}
	.banner_1 .oil {
		left:50%;
		width:60%;
		margin-left:-30%;
		top: 65%;
		padding:1rem;
		font-size: 36px;
	}
	.banner_1 .title img  {
		width:40%;
	}
}

@media only all and (max-width: 1024px) {
	.banner_1 .title {
		left:0;
		top: 22%;
	}
	.banner_1 .b-link {
		left:0;
		top: 50%;
	}
	.banner_1 .b-link span {
		font-size: 22px;
		color: #fff;
	}
	.banner_1 .oil {
		left:50%;
		width:60%;
		margin-left:-30%;
		top: 65%;
		padding:1rem;
		font-size: 30px;
	}
	.banner_1 .title img  {
		width:36%;
	}
}

@media only all and (max-width: 768px) {
	.banner_1 .title {
		left:0;
		top: 12%;
	}
	.banner_1 .b-link {
		left:0;
		top: 45%;
	}
	.banner_1 .b-link span {
		font-size: 18px;
		color: #fff;
	}
	.banner_1 .oil {
		left:50%;
		width:60%;
		margin-left:-30%;
		top: 65%;
		padding:0.6rem;
		font-size: 24px;
	}
	.banner_1 .title img  {
		width:50%;
	}

}

@media only all and (max-width: 415px) {
	.banner_1 .title {
		left:0;
		top: 10%;
	}
	.banner_1 .b-link {
		left:0;
		top: 42%;
	}
	.banner_1 .b-link span {
		font-size: 14px;
		color: #fff;
		padding: 2px 5px;
	}
	
	.banner_1 .oil {
		left:50%;
		width:80%;
		margin-left:-40%;
		padding:0.2rem;
		top: 68%;
		font-size: 16px;
	}
	
	.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dt {
		padding: 0 5px;
		right: 15px;
		top: 0;
	}
	.banner_1 .title img  {
		width:50%;
	}


}