.banner_common h1{
	width: 100%;
	overflow: hidden;
	font-size: 80px;
	position: absolute;
	left: 0;
	top: 220px;
	text-align: center;
	color: #FFFFFF;
	font-family: "SourceHanSansCN-ExtraLight";
	text-shadow: 5px 0 10px rgba(4,0,0,0.77);
}
.banner_common h1 span{
	font-family: "SourceHanSansCN-Bold";
}
@media only screen and (max-width:767px ) {
	.banner_common h1{
		font-size: 36px;
		top: 130px;
	}
}
@media only screen and (min-width:768px ) {
	.banner_common h1{
		font-size: 66px;
		top: 240px;
	}
}
@media only screen and (min-width:992px ) {
	.banner_common h1{
		font-size: 80px;
		top: 230px;
	}
}
@media only screen and (min-width:1300px ) {
	.banner_common h1{
		font-size: 80px;
		top: 220px;
	}
}
/*顶部菜单*/
.quality_menuBox{
	width: 100%;
	height: 75px;
	line-height: 75px;
	overflow: hidden;
	box-shadow: 0 5px 3px 0px rgba(33,29,90,0.09);
	position: relative;
}
.quality_menu{
	width: 312px;
	overflow: hidden;
	margin: 0 auto;
}
.quality_menu a{
	display: block;
	color: #666666;
	font-size: 16px;
	padding-right: 60px;
	float: left;
}
.quality_menu a.menuNow{
	color: #ea5504;
}
.quality_menu a:last-of-type{
	padding-right: 0;
}
.quality_menu a:hover{
	color: #ea5504;
}
.menuLine{
	height: 3px;
	background-color: #ea5504;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
}
@media only screen and (max-width:991px ) {
	.quality_menuBox{
		display: none;
	}
}
.quality_content{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 50px 0 55px;
	color: #838383;
}
.quality_content h1{
	color: #000000;
	font-weight: lighter;
	margin-bottom: 15px;
}
.quality_content .production-box{
	width: 100%;
	height: auto;
	margin-top: 25px;
}
.production-box .production-lg{
 	width: 100%;
 	overflow: hidden;
 	margin-bottom: 40px;
}
.production-lg img{
	width: 100%;
}
.production-sm{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position: relative;
}
.production-sm .production{
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.production img{
	width: 100%;
	transition: all 0.5s;
}
.production h3{
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	background-color: rgba(0,0,0,0.53);
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFFFFF;
}
.production:hover img{
	transform: scale(1.1);
}
.production:hover h3{
	background-color: rgba(234,58,4,0.78);
}
.swiper-button-next,.swiper-button-prev{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	z-index: 10;
	cursor: pointer;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled{
	background-image: url(../img/right_b.png);
	opacity: 1;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev.swiper-button-disabled{
	background-image: url(../img/left_b.png);
	opacity: 1;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
	background-image: url(../img/left_y.png);
	left: -50px;
	right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
	background-image: url(../img/right_y.png);
	right: -50px;
	left: auto
}
@media only screen and (max-width:991px ) {
	.quality_content {
	    padding: 50px 0 45px;
	}
	.production-sm{
		width: 100%;
	}
	.swiper-button-next,.swiper-button-prev{
		display: none;
	}
	.swiper-container{
		padding-bottom: 35px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	    bottom: 0px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 0 3px;
	}
	.swiper-pagination-bullet {
	    width: 10px;
	    height: 10px;
	    display: inline-block;
	    border-radius: 100%;
	    background: transparent;
	    opacity: 0.2;
	    border: 2px solid #ea5504;
	}
	.swiper-pagination-bullet-active {
	    opacity: 1;
	    background: transparent;
	}
}
@media only screen and (max-width:767px ) {
	.quality_content{
		padding: 35px 0 30px;
	}
	.quality_content h1{
		font-size: 28px;
		margin-bottom: 10px;
	}
	.quality_content .production-box{
		margin-top: 15px;
	}
	.production-box .production-lg{
	 	margin-bottom:20px;
	}
	.production h3{
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	.swiper-container{
		padding-bottom: 25px;
	}
}
@media only screen and (min-width:992px ) {
	.production-sm{
		width: 90%;
		margin: 0 auto;
	}
	.swiper-pagination{
		display: none;
	}
}
@media only screen and (min-width:1300px ) {
	.production-sm{
		width: 100%;
	}
	.quality_content .container{
		width: 1200px;
	}
}