.index_banner{
	width: 100%;
	overflow: hidden;
	background-color: #f9f9f9;
}
.index_banner .swiper-container{
	width: 100%;
	height: 100%;
}
.index_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.index_banner .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
.index_banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #e60012;
}
.index_bannerBox{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.index_bannerBox img{
	width: 100%;
}
.index_bannerBox img:nth-of-type(2){
	display: none;
}
.index_bannerText{
	width: 100%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 0;
	top:350px;
	font-family: "SourceHanSansCN";
	color: #FFFFFF;
}
.index_bannerText h1{
	font-size: 76px;
	color: #FFFFFF;
	font-family: "SourceHanSansCN";
	text-shadow: 0px 2px 3px rgba(0,0,0,0.44);
}
.index_bannerText h1 span{
	font-weight: lighter;
}
@media only screen and (max-width: 991px ) {
	.index_bannerBox img:nth-of-type(1){
		display: none;
	}
	.index_bannerBox img:nth-of-type(2){
		display: inline-block;
	}
	.index_bannerText{
		top: 430px;
	}
	.index_bannerText h1{
		font-size: 48px;
	}
}
@media only screen and (max-width: 767px) {
	.index_bannerText h1{
		font-size: 20px;
		line-height: 30px;
	}
	.index_banner .swiper-pagination-bullet {
	    width: 10px;
	    height: 10px;
	}
	.index_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 0 5px;
	}
	.index_banner .swiper-container-horizontal>.swiper-pagination-bullets,.index_banner .swiper-pagination-custom,.index_banner .swiper-pagination-fraction{
		bottom: 2px;
	}
	.index_bannerText{
		top:210px;
	}
	.container{
		width: 100%;
		padding:0 20px;
	}
}
@media only screen and (min-width:992px ) {
	.index_bannerBox img{
		width: 1700px;
		position: relative;
		left: 50%;
		margin-left: -850px;
	}
	.index_bannerText h1{
		font-size: 50px;
	}
}
@media only screen and (min-width:1200px ) {
	.index_bannerText h1{
		font-size: 76px;
	}
	.index_bannerBox img{
		width: 100%;
		left: 0;
		margin-left: 0px;
	}
}
/*品质保障*/
.index_one{
	width: 100%;
	overflow: hidden;
	padding: 45px 0 55px;
}
.index_title{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #868686;
	text-align: center;
	line-height: 20px;
}
.index_title h1{
	color: #000000;
	font-size: 36px;
	margin-bottom: 15px;
}
.index_title p{
	margin-bottom: 5px;
}
.index_one ul{
	width: 100%;
	overflow: hidden;
	margin-top: 55px;
}
.index_one ul li{
	height: auto;
	overflow: hidden;
}
.index_one ul li:nth-of-type(2n+1){
	padding: 0 15px 0 0;
}
.index_one ul li:nth-of-type(2n){
	padding: 0 0 0 15px;
}
.index_one ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.index_one ul li a img{
	width: 100%;
	transition: all 0.5s;
}
.index_one ul li a .oneMask{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
  	transform: scale(5);
  	z-index: 10;
  	transition: all 0.5s;
}
.index_one ul li a .one_text{
	width: 100%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	z-index: 20;
	top: 50%;
	margin-top: -57px;
}
.one_text h1{
	color: #FFFFFF;
	font-size: 40px;
	font-weight: lighter;
}
.one_text span{
	display: block;
	width: 150px;
	height: 45px;
	overflow: hidden;
	font-size: 14px;
	text-align: center;
	line-height: 43px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	margin: 25px auto 0;
	transition: all 0.5s;
}
.index_one ul li a:hover img{
	transform: scale(1.2);
}
.index_one ul li a:hover .oneMask{
	transform: scale(1);
	background: -webkit-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8)); /* Safari 5.1 - 6.0 */
  	background: -o-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8)); /* Opera 11.6 - 12.0 */
  	background: -moz-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8)); /* Firefox 3.6 - 15 */
  	background: radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8)); /* 标准的语法 */
}
.index_one ul li a:hover .one_text span{
	border: 1px solid #e60012;
	background-color: #e60012;
}
@media only screen and (max-width:991px ) {
	.index_title br{
		display: none;
	}
	.index_one ul{
	    margin-top: 40px;
	}
}
@media only screen and (max-width:767px ) {
	.index_one {
	    padding: 35px 0 40px;
	}
	.index_title{
		font-size: 12px;
		line-height: 16px;
	}
	.index_title h1{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.index_title p:nth-of-type(2){
		display: none;
	}
	.index_one ul{
	    margin-top: 20px;
	}
	.index_one ul li:nth-of-type(2n+1){
		padding: 0 5px 0 0;
	}
	.index_one ul li:nth-of-type(2n){
		padding: 0 0 0 5px;
	}
	.index_one ul li a .one_text{
		margin-top: -33px;
	}
	.one_text h1{
		font-size: 14px;
		font-weight: normal;
	}
	.one_text span{
		width: 80px;
		height: 30px;
		font-size: 12px;
		line-height: 28px;
		margin: 14px auto 0;
	}
}
/*宣传视频*/
.index_two{
	width: 100%;
	overflow: hidden;
	padding: 38px 0;
	background-color: #f1f1f1;
}
.index_two ul{
	height: auto;
	overflow: hidden;
}
.index_two ul li{
	padding: 0 15px 0 0;
	height: auto;
	overflow: hidden;
}
.index_two ul li:nth-of-type(1){
	float: right;
	padding: 0 0 0 45px;
	color: #666666;
	font-size: 14px;
	line-height: 25px;
	padding-top: 10px;
}
.index_two ul li h1{
	color: #333333;
	font-size: 36px;
	line-height: 65px;
	border-bottom: 1px dashed #333333;
	margin-bottom: 10px;
}
.index_two ul li a{
	display: block;
	width: 150px;
	height: 40px;
	text-align: center;
	color: #e60012;
	border: 1px solid #e60012;
	font-weight: bold;
	font-size: 14px;
	line-height: 38px;
	margin-top: 40px;
	transition: all 0.5s;
}
.index_two ul li a img{
	margin: -2px 5px 0 0;
}
.index_two ul li a img:nth-of-type(2){
	display: none;
}
.index_two ul li a:hover{
	color: #FFFFFF;
	background-color: #e60012;
}
.index_two ul li a:hover img:nth-of-type(1){
	display: none;
}
.index_two ul li a:hover img:nth-of-type(2){
	display: initial;
}
.two_video{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.two_video>img{
	width: 100%;
}
.two_video .two_mask{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.65);
}
.video_icon{
	width: 65px;
	height: 46px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.58);
	text-align: center;
	line-height: 42px;
	margin: -23px auto 0;
	position: relative;
	top: 50%;
	cursor: pointer;
}
@media only screen and (max-width:991px ) {
	.index_two ul li{
		padding: 0 30px;
	}
	.index_two ul li:nth-of-type(1){
		padding: 0 ;
		text-align: center;
		margin-bottom: 30px;
	}
	.index_two ul li h1{
		line-height: 40px;
		border-bottom: none;
		margin-bottom: 15px;
		text-align: center;
	}
	.index_two ul li a{
		display: none;
	}
}
@media only screen and (max-width:767px ) {
	.index_two {
	    padding: 35px 0;
	}
	.index_two ul li{
		padding: 0 15px;
	}
	.index_two ul li br{
		display: none;
	}
	.index_two ul li:nth-of-type(1){
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 16px;
		padding: 0;
	}
	.index_two ul li h1{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
	}
}
@media only screen and (min-width:992px ) {
	.index_two ul li:nth-of-type(1) {
	    padding: 0 0 0 45px;
	    font-size: 12px;
	    line-height: 20px;
	}
}
@media only screen and (min-width:1200px ) {
	.index_two ul li:nth-of-type(1) {
	    padding: 0 0 0 45px;
	    font-size: 14px;
	    line-height: 25px;
	}
}
/*产品中心*/
.index_three{
	width: 100%;
	overflow: hidden;
	padding: 45px 0;
}
.three_box{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 40px;
}
.three_box a{
	width: 100%;
	overflow: hidden;
	display: block;
	text-align: center;
}
.three_img{
	width: 100%;
	overflow: hidden;
	background: url(../img/threeBg.png) no-repeat center center;
	background-size: 100%;
	margin-bottom: 15px;
}
.three_img img{
	width: 100%;
	transition: all 0.5s;
}
.three_box a h4{
	color: #1c1616;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition: all 0.5s;
}
.three_box a:hover img{
	transform: scale(1.1);
}
.three_box a:hover h4{
	color: #E60012;
}
.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 46px;
	height: 46px;
	margin-top: -23px;
	z-index: 10;
	cursor: pointer;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled{
	background-image: url(../img/rightB.png);
}
.swiper-button-prev.swiper-button-disabled {
	background-image: url(../img/leftB.png);
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url(../img/leftR.png);
	left: -60px;
	right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url(../img/rightR.png);
	right: -60px;
	left: auto;
}
@media only screen and (max-width:991px ) {
	.index_three .index_title br{
		display: none;
	}
	.three_box{
		width: 90%;
		margin: 40px auto 0;
	}
}
@media only screen and (max-width:767px ) {
	.index_three {
	    padding: 35px 0;
	}
	.three_box{
		width: 100%;
		margin: 20px auto 0;
	}
	.three_box a h4{
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.three_img{
		margin-bottom: 8px;
	}
	.swiper-button-next,.swiper-button-prev{
		display: none;
	}
}
@media only screen and (min-width:992px ) {
	.three_box{
		width: 90%;
		margin: 40px auto 0;
	}
}
@media only screen and (min-width:1200px ) {
	.three_box{
		width: 100%;
	}
}
/*聚焦旭腾阀门,关注更多行业新闻	*/
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.index_four{
	width: 100%;
	overflow: hidden;
	padding: 73px 0 65px;
	position: relative;
}
.index_four .container{
	position: relative;
	z-index: 11;
}
.index_four li{
	height: auto;
	overflow: hidden;
}
.index_four li:first-of-type{
	padding-top: 15px;
}
.index_four li h1{
	font-size: 25px;
	color: #ffffff;
}
.index_four li:first-of-type a{
	display: block;
	width: 150px;
	height: 42px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.5s;
	margin-top: 35px;
}
.index_four li:first-of-type a img{
	margin: -3px 5px 0 0;
}
.index_four li:first-of-type a img:nth-of-type(2){
	display: none;
}
.index_four li:first-of-type a:hover{
	background-color: #FFFFFF;
	color: #E60012;
}
.index_four li:first-of-type a:hover img:nth-of-type(2){
	display: inline-block;
}
.index_four li:first-of-type a:hover img:nth-of-type(1){
	display: none;
}
.index_four li:last-of-type{
	padding: 0 0 0 40px;
}
.index_four li:last-of-type a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.index_four li:last-of-type a .four-img{
	width: 285px;
	overflow: hidden;
	float: left;
	border: 1px solid transparent;
}
.four-img img{
	width: 100%;
}
.index_four li:last-of-type a .four-text{
	width: -moz-calc(100% - 315px);
	width: -webkit-calc(100% - 315px);
	width: calc(100% - 315px);
	overflow: hidden;
	float: right;
	color: #FFFFFF;
	padding: 10px 0 0;
	line-height: 20px;
}
.four-text h4{
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 15px;
}
.four-text p{
	height: 80px;
	overflow: hidden;
}
.four-text span{
	display: inline-block;
	margin-top: 20px;
}
.four-banner .swiper-container{
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}
.four-banner .swiper-container-horizontal>.swiper-pagination-bullets,.four-banner .swiper-pagination-custom,.four-banner .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
}
.four-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.four-banner .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background-color: #b5b5b5;
    opacity: 1;
}
.four-banner .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: #e60012;
}
.index_four li:last-of-type a:hover .four-img{
	border-color: #E60012;
}
.index_four li:last-of-type a:hover h4{
	color: #E60012;
}
.index_four>img{
	width: 120%;
	position: absolute;
	z-index: 10;
	transform: translate(-10%,-40%);
}
@keyframes fours{
	0{transform: translate(-10%,-40%);}
	10%{transform: translate(-10%,-40%);}
	35%{transform: translate(-15%,-45%);}
	65%{transform: translate(-15%,-45%);}
	90%{transform: translate(-10%,-40%);}
	100%{transform: translate(-10%,-40%);}
}
@media only screen and (max-width:991px ) {
	.index_four>img{
		width: auto;
		height: 150%;
		transform: translate(-10%,-30%);
	}
	.index_four{
		padding: 65px 0;
	}
	.index_four li:first-of-type {
	    padding-top: 0px;
	    margin-bottom: 40px;
	}
	.index_four li:last-of-type{
		padding: 0 50px;
	}
}
@media only screen and (max-width:767px ) {
	.index_four {
	    padding: 40px 0;
	}
	.index_four li h1 {
	    font-size: 24px;
	}
	.index_four li:first-of-type a {
	    width: 100px;
	    height: 32px;
	    line-height: 30px;
	    font-size: 12px;
	    margin-top: 20px;
	}
	.index_four li:first-of-type {
	    margin-bottom: 25px;
	}
	.index_four li:last-of-type{
		padding: 0 25px;
	}
	.index_four li:last-of-type a .four-img{
		width: 100%;
	}
	.index_four li:last-of-type a .four-text{
		width: 100%;
	}
	.four-text h4{
		font-size: 16px;
		line-height: 20px;
		height: 40px;
		margin-bottom: 10px;
	}
	.four-text p{
		line-height: 16px;
		height: 48px;
	}
	.four-text span{
		margin-top: 10px;
	}
}
@media only screen and (min-width:992px ) {
	.index_four>img{
		animation: fours 60s infinite;
		/* Firefox: */
		-moz-animation: fours 60s infinite;
		/* Safari 和 Chrome: */
		-webkit-animation: fours 60s infinite;
		/* Opera: */
		-o-animation: fours 60s infinite;
	}
	.index_four li h1{
		font-size: 22px;
	}
}
@media only screen and (min-width:1200px ) {
	.index_four li h1{
		font-size: 25px;
	}
}