.header_common{
	position: fixed;
}
/*更改插件所带的右边导航的样式 star star star*/
#fp-nav{
	margin-top: -79px;
}
#fp-nav ul li, .fp-slidesNav ul li{
	width: 14px;
	height: 14px;
	border: 2px solid #d70900;
	border-radius: 50%;
	margin: 15px;
	transform: scale(0.4);
	background-color: #d70900;
	transition: all 0.5s;
}
#fp-nav ul li.active, .fp-slidesNav ul li.active{
	transform: scale(1);
	background-color: transparent;
}
@media only screen and (max-width:991px ) {
	#fp-nav{
		display: none;
	}
}
@media only screen and (min-width:992px ) {
	#fp-nav.right {
	    right: 0px;
	}
}
@media only screen and (min-width:1300px ) {
	#fp-nav.right {
	    right: 17px;
	}
}
/*更改插件所带的右边导航的样式 end end end end*/
.index_banner{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.swiper-container{
	width: 100%;
	height: 100%;
	position: relative;
}
.swiper-wrapper{
	height: 100%;
}
.index_banner .swiper-slide{
	height: 100%;
	overflow: hidden;
}
.index_bannerBox{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.index_bannerPC{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index_bannerSM{
	width: 250px;
	height: 155px;
	margin: -76px auto 0;
	position: relative;
	top: 50%;
	display: none;
}

.index_bannerSM h1{ color:#fff; margin-bottom:30px; }
.index_bannerSM p{ color:#fff;}


.index_bannerSM img:last-of-type{
	width: 120px;
}
.index_bannerBox img{
	max-width: 40%;
	position: relative;
	top: 50%;
	margin-top: -85px;
}
.index_banner .swiper-container .swiper-slide:nth-of-type(1) .index_bannerBox{
	background: url(../images/index_banner1.jpg) no-repeat center center;
	background-size:cover;
}
.index_banner .swiper-container .swiper-slide:nth-of-type(2) .index_bannerBox{
	background: url(../images/index_banner2.jpg) no-repeat center center;
	background-size:cover;
}

video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    background-size: cover;
    position: fixed;
    top: 50%;
    left: 50%;
    background-size: cover;
    overflow: hidden;
    /* opacity: 1; */
    transition: 2s opacity;
    transform: translateX(-50%) translateY(-50%);
}

.video-back {
    display: block;
    padding: 350px 0px;
    text-align: center;
	  z-index: 2; position:fixed;
}
.video-back h1 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 60px; margin-bottom:30px; 
}

.video-back p {
    display: block;
    color: #fff; font-size:18px;
}


.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	z-index: 10;
	cursor: pointer;
	background-size: 50px 50px;
	background-position: center;
	background-repeat: no-repeat
}
.index_banner .swiper-button-next.swiper-button-disabled{
	background-image: url(../images/right_white.png);
	opacity: 1;
	cursor: auto;
	pointer-events: none
}
.index_banner .swiper-button-prev.swiper-button-disabled {
	background-image: url(../images/left_white.png);
	opacity: 1;
	cursor: auto;
	pointer-events: none
}
.index_banner .swiper-button-prev,
.index_banner .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/left_red.png);
	left: 110px;
	right: auto
}
.index_banner .swiper-button-next,
.index_banner .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/right_red.png);
	right: 110px;
	left: auto
}
@media only screen and (max-width:991px ) {
	.swiper-button-next,.swiper-button-prev{
		display: none !important;
	}
}
@media only screen and (max-width:767px ) {
	.index_banner .swiper-container .swiper-slide:nth-of-type(1) .index_bannerBox{
		background: url(../images/index_banner1s.jpg) no-repeat center center;
		background-size:100%;
	}
	.index_banner .swiper-container .swiper-slide:nth-of-type(2) .index_bannerBox{
		background: url(../images/index_banner2s.jpg) no-repeat center center;
		background-size:100%;
	}
	.index_bannerBox img{
		max-width: 100%;
		margin-bottom: 10px;
		position: relative;
    	top: 0;
    	margin-top: 0px;
	}
	.index_bannerSM{
		display: block;
	}
	.index_bannerPC{
		display: none;
	}
}
@media only screen and (min-width:992px ) {
	.index_banner .swiper-button-prev,
	.index_banner .swiper-container-rtl .swiper-button-next {
		left: 30px;
	}
	.index_banner .swiper-button-next,
	.index_banner .swiper-container-rtl .swiper-button-prev {
		right: 30px;
	}
}
@media only screen and (min-width:1300px ) {
	.index_banner .swiper-button-prev,
	.index_banner .swiper-container-rtl .swiper-button-next {
		left: 110px;
	}
	.index_banner .swiper-button-next,
	.index_banner .swiper-container-rtl .swiper-button-prev {
		right: 110px;
	}
}
/*服务*/
.index_service{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../images/index_service.jpg) no-repeat center center;
	background-size: 100%;
}
.index_service ul{
	height: 100%;
	overflow: hidden;
}
.index_service ul li{
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: rgba(0,0,0,0);
	transition: all 0.5s;
}
.index_service ul li:nth-of-type(2){
	border-left: 1px solid #666561;
	border-right: 1px solid #666561;
}
.index_service ul li .service_box{
	display: block;
	width: 220px;
	height: 246px;
	text-align: center;
	color: #FFFFFF;
	overflow: hidden;
	margin: -123px auto 0;
	line-height: 20px;
	position: relative;
	top: 55%;
	transition: all 1.5s;
	opacity: 0;
}
.active .index_service ul li .service_box{
	top: 50%;
	opacity: 1;
}
.service_box .service_img{
	width: 125px;
	height: 125px;
	line-height: 119px;
	border-radius: 50%;
	border: 3px solid #FFFFFF;
	margin: 0 auto;
}
.service_box h4{
	font-size: 20px;
	line-height: 25px;
	margin: 20px 0 16px;
}
.index_service ul li:hover{
	background-color: rgba(0,0,0,0.4);
}
.index_service ul li:hover .service_box{
	margin: -73px auto 0;
}
@media only screen and (max-width:991px ) {
	.index_service{
		background-size: auto 100%;
	}
}
@media only screen and (max-width:767px ) {
	.index_service ul{
		height: auto;
		position: relative;
		top: 0;
		margin-top: 22%;
	}
	.index_service ul li{
		height: auto;
		border: none !important;
		margin-bottom: 15px;
	}
	.index_service ul li .service_box{
		width: 210px;
		height: 100%;
		top:0;
		margin-top: 30px !important;
		line-height: 16px;
		opacity: 0;
	}
	.service_box .service_img{
		width: 75px;
		height: 75px;
		line-height: 69px;
	}
	.service_img img{
		width: 27px;
	}
	.service_box h4{
		margin: 5px 0 0px;
		font-size: 14px;
		line-height: 20px;
	}
	.service_box p{
		transform: scale(0.9);
	}
	.active .index_service ul li .service_box{
		margin-top: 0px !important;
		opacity: 1;
	}
}
@media only screen and (min-width:992px ) {
	.index_service{
		background: url(../images/index_service.jpg) no-repeat center center;
	}
}
@media only screen and (min-width:1920px ) {
	.index_service{
		background: url(../images/index_service.jpg) no-repeat center center;
		background-size:100%;
	}
}
/*品质保障*/
.index_quality{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index_quality li{
	height: 100%;
	overflow: hidden;
	background-color: #d70900;
}
.index_quality li:first-of-type{
	background: url(../images/index_quality.jpg) no-repeat center center;
	background-size: 100%;
}
.index_quality li .quality_text{
	height: 236px;
	overflow: hidden;
	color: #FFFFFF;
	line-height: 20px;
	padding: 100px 0 0 80px;
	position: relative;
	top: 50%;
	margin-top: -118px;
	opacity: 0;
	transition: all 1.5s 1s;
}
.active .index_quality li .quality_text{
	padding: 0px 0 0 80px;
	opacity: 1;
}
.quality_text h1{
	font-size: 36px;
	margin-bottom: 25px;
	font-weight: lighter;
}
.quality_text a{
	display: block;
	width: 180px;
	height: 42px;
	color: #FFFFFF;
	line-height: 40px;
	overflow: hidden;
	position: relative;
	border-radius: 22.5px;
	text-align: center;
	border: 1px solid #FFFFFF;
	margin-top: 50px;
	transition:all 2s;
}
.quality_text a span{
	display: inline-block;
	position: relative;
	z-index: 11;
}
.quality_text a i{
	width: 360px;
	height: 360px;
	transform: rotate(-60deg);
	background-color: #333;
	position: absolute;
	left: -400px;
	top: -150px;
	transition: all 2s;
}
.quality_text a:hover{
	border-color: #e60014;
}
.quality_text a:hover i{
	left: 0px;
}
@media only screen and (max-width:991px ) {
	.index_quality li {
	    height: 50%;
	}
	.index_quality li .quality_text{
		width: 100%;
		height: auto;
		padding:100px 40px 0px;
	}
	.active .index_quality li .quality_text{
		padding: 0 40px;
		opacity: 1;
	}
	.quality_text a{
		border-color: #fff;
		
	}
	.quality_text a i{
		display: none;
	}
}
@media only screen and (max-width:767px ) {
	.index_quality li:first-of-type {
	    background-size: 100% auto;
	    height:40%;
	}
	.index_quality li {
	    height: 60%;
	}
	.index_quality li .quality_text{
		padding:100px 30px 30px;
		top: 0;
   	 	margin-top: 0px;
   	 	text-align: justify;
	}
	.active .index_quality li .quality_text{
		padding: 30px;
		opacity: 1;
	}
	.quality_text h1 {
	    font-size: 24px;
	    margin-bottom: 15px;
	}
	.quality_text a{
		margin-top: 20px;
		width: 120px;
		height: 27px;
		line-height: 25px;
		border-radius: 14px;
	}
	.quality_text a span{
		transform: scale(0.9);
	}
}
@media only screen and (min-width:992px ) {
	
	.index_quality li .quality_text{
		width: 485px;
		height: 260px;
		padding: 100px 40px 0;
	}
	.active .index_quality li .quality_text{
		padding: 0px 40px;
		opacity: 1;
	}
}
@media only screen and (min-width:1300px ) {
	.index_quality li .quality_text{
		width: 600px;
		height: 260px;
		padding: 100px 0 0 80px;
	}
	.active .index_quality li .quality_text{
		padding: 0px 0 0 80px;
		opacity: 1;
	}
}
@media only screen and (min-width:1920px ) {
	.index_quality li:first-of-type{
		background: url(../images/index_quality.jpg) no-repeat center center;
		background-size:100%;
	}
}
/*产品展示*/
.index_product{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../images/index_product.jpg) no-repeat center center;
	background-size: 100%;
}
.index_product .container{
	position: relative;
	top: 50%;
	margin: -265px auto 0;
}
.product_title{
	color: #FFFFFF;
	text-align: center;
	opacity: 0;
	transition: all 1s 1s;
	position: relative;
	top: 50px;
}
.product_title h1{
	font-size: 36px;
	margin-bottom: 10px;
	font-weight: lighter;
}
.active .product_title{
	opacity: 1;
	top: 0;
}
.product_banner{
	width: 100%;
	height: auto;
	position: relative;
	margin: 70px 0;
	top: 100px;
	opacity: 0;
	transition: all 1s 1.5s;
}
.product_valve{
	display: block;
	width: 100%;
	overflow: hidden;
}
.product_valve img{
	width: 100%;
	transition: all 0.5s;
}
.product_valve:hover img{
	transform: scale(1.1);
}
.product_banner .swiper-button-next.swiper-button-disabled{
	background-image: url(../images/right_white.png);
	opacity: 1;
	cursor: auto;
	pointer-events: none
}
.product_banner .swiper-button-prev.swiper-button-disabled {
	background-image: url(../images/left_white.png);
	opacity: 1;
	cursor: auto;
	pointer-events: none
}
.product_banner .swiper-button-prev,
.product_banner .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/left_red.png);
	left: -90px;
	right: auto;
}
.product_banner .swiper-button-next,
.product_banner .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/right_red.png);
	right: -90px;
	left: auto;
}
.active .product_banner{
	opacity: 1;
	top: 0;
}
.index_product .valve_more{
	display: block;
	width: 210px;
	height: 50px;
	color: #FFFFFF;
	line-height: 48px;
	overflow: hidden;
	position: relative;
	border-radius: 25px;
	text-align: center;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	transition:border-color 2s 0s !important;
}
.index_product .valve_more span{
	display: inline-block;
	position: relative;
	z-index: 11;
}
.index_product .valve_more i{
	width: 360px;
	height: 360px;
	transform: rotate(-60deg);
	background-color: #e60014;
	position: absolute;
	left: -400px;
	top: -150px;
	transition: all 2s;
}
.index_product .valve_more:hover{
	border-color: #e60014;
}
.index_product .valve_more:hover i{
	left: 0px;
}
@media only screen and (max-width:991px ) {
	.index_product{
		background-size: auto 100%;
	}
	.index_product .valve_more{
		border-color: #e60014;
		background-color:#e60014;
	}
	.index_product .valve_more i{
		display: none;
	}
	.index_product .container{
		margin: -350px auto 0;
	}
}
@media only screen and (max-width:767px ) {
	.product_title{
		width: 250px;
		margin: 0 auto;
	}
	.product_title h1{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.product_banner{
		margin: 20px 0;
	}
	.index_product .container{
		margin: -180px auto 0;
	}
	.index_product .valve_more{
		margin-top: 20px;
		width: 120px;
		height: 27px;
		line-height: 25px;
		border-radius: 14px;
		font-size: 12px;
	}
	.valve_more span{
		transform: scale(0.9);
	}
}
@media only screen and (min-width:992px ) {
	
	.index_product .container {
	    margin: -200px auto 0;
	}
	.product_banner {
		width: 90%;
	    margin: 40px auto;
	}
	.product_banner .swiper-button-prev,
	.product_banner .swiper-container-rtl .swiper-button-next {
		left: -60px;
		right: auto;
	}
	.product_banner .swiper-button-next,
	.product_banner .swiper-container-rtl .swiper-button-prev {
		right: -60px;
		left: auto;
	}
}
@media only screen and (min-width:1300px ) {
	.index_product .container {
	    margin: -265px auto 0;
	}
	.product_banner {
		width: 100%;
	    margin: 70px 0;
	}
}
@media only screen and (min-width:1920px ) {
	.index_product{
		background-size: 100%;
	}
}
/*新闻资讯*/
.index_news{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../images/index_news.jpg) no-repeat center center;
	background-size: 100%;
}
.news_content{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 50%;
	margin-top: -283px;
}
.news_title{
	color: #FFFFFF;
	text-align: center;
	opacity: 0;
	transition: all 1s 1s;
	position: relative;
	top: 50px;
}
.news_title h1{
	font-size: 36px;
	margin-bottom: 10px;
	font-weight: lighter;
}
.active .news_title{
	opacity: 1;
	top: 0;
}
.news_box{
	width: 100%;
	overflow: hidden;
	margin: 35px 0;
	position: relative;
	top: 100px;
	opacity: 0;
	transition: all 1.5s 1.5s;
}
.active .news_box{
	top: 0;
	opacity: 1;
}
.news_box li{
	width: 100%;
	height: 190px;
	border-bottom: 1px solid #4e4e4e;
	position: relative;
	transition: all 1s;
}
.news_box li a{
	display: block;
	height: 100%;
	overflow: hidden;
	color: #989898;
	padding: 23px 0;
	position: relative;
}
.news_img{
	width: 252px;
	overflow: hidden;
	float: left;
}
.news_img img{
	width: 100%;
}
.news_text{
	width: calc(100% - 317px);
	height: 100%;
	overflow: hidden;
	padding:15px 35px 15px 43px;
	text-align: justify;
	line-height: 20px;
}
.news_text h4{
	font-size: 16px;
}
.news_text span{
	display: block;
	padding: 8px 0 10px;
	border-bottom: 1px solid #989898;
	margin-bottom: 20px;
}
.news_text .news_details{
	height: 40px;
	overflow: hidden;
}
.news_right{
	width: 65px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 190px;
	text-align: center;
}
.news_right img:nth-of-type(2){
	display: none;
}
.news_box li:hover{
	background-color: #4b4b4b;
}
.news_box li:hover a{
	color: #FFFFFF;
}
.news_box li:hover span{
	border-color: #FFFFFF;
}
.news_box li:hover .news_right{
	background-color: rgba(145,145,145,0.1);
}
.news_box li:hover .news_right img:nth-of-type(1){
	display: none;
}
.news_box li:hover .news_right img:nth-of-type(2){
	display: inline-block;
}
.index_news .news_more{
	display: block;
	width: 210px;
	height: 50px;
	color: #FFFFFF;
	line-height: 48px;
	overflow: hidden;
	position: relative;
	border-radius: 25px;
	text-align: center;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	transition:border-color 2s 0s;
}
.index_news .news_more span{
	display: inline-block;
	position: relative;
	z-index: 11;
}
.index_news .news_more i{
	width: 360px;
	height: 360px;
	transform: rotate(-60deg);
	background-color: #e60014;
	position: absolute;
	left: -400px;
	top: -150px;
	border-radius: 50%;
	transition: all 2s;
}
.index_news .news_more:hover{
	border-color: #e60014;
}
.index_news .news_more:hover i{
	left: 0px;
}
@media only screen and (max-width:991px ) {
	.index_news{
		background-size: auto 100%;
	}
	.index_news .news_more{
		border-color: #e60014;
		background-color:#e60014;
	}
	.index_news .news_more i{
		display: none;
	}
}
@media only screen and (max-width:767px ) {
	.news_content {
	    width: 100%;
	    overflow: hidden;
	    position: relative;
	    top: 50%;
	    margin-top: -150px;
	}
	.news_title{
		width: 250px;
		margin: 0 auto;
	}
	.news_title h1{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.news_box li {
		height: 92px;
	}
	.news_box li a{
		padding: 10px ;
	}
	.news_img{
		width: 126px;
	}
	.news_text{
		width: calc(100% - 126px);
		height: 100%;
		padding:0px 0 0 10px;
		line-height: 16px;
	}
	.news_text h4{
		font-size: 15px;
		height: 16px;
		overflow: hidden;
	}
	.news_text span{
		display: block;
		padding: 0px 0 3px;
		border-bottom: 1px solid #989898;
		margin-bottom: 5px;
	}
	.news_text .news_details{
		height: 32px;
		overflow: hidden;
	}
	.index_news .news_more{
		margin-top: 20px;
		width: 120px;
		height: 27px;
		line-height: 25px;
		border-radius: 14px;
		font-size: 12px;
	}
	.index_news .news_more span{
		transform: scale(0.9);
	}
	.news_right{
		display: none;
	}
}
@media only screen and (min-width:992px ) {
	
	.news_content{
		top: 130px;
		margin-top: 0px;
	}
	.news_box {
	    margin: 15px 0;
	}
}
@media only screen and (min-width:1300px ) {
	.news_content{
		top: 50%;
		margin-top: -283px;
	}
	.news_box {
	    margin: 35px 0;
	}
}
@media only screen and (min-width:1920px ) {
	.index_news{
		background-size:100%;
	}
}
/*联系我们*/
.index_contact{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:#212121 url(../images/index_contact.png) no-repeat top center;
	background-size: 100%;
	position: relative;
}
.index_footer{
	width: 100%;
	height: 60px;
	border-top: 1px solid #646464;
	overflow: hidden;
	text-align: center;
	color: #b3b3b3;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 59px;
}
.index_footer br{
	display: none;
}
.index_footer a{
	color: #b3b3b3;
}
.contact_content{
	width: 1040px;
	overflow: hidden;
	margin: -312px auto 0;
	position: relative;
	top: 50%;
}
.contact_title{
	color: #FFFFFF;
	text-align: center;
	opacity: 0;
	transition: all 1s 1s;
	position: relative;
	top: 50px;
}
.contact_title h1{
	font-size: 36px;
	margin-bottom: 10px;
	font-weight: lighter;
}
.active .contact_title{
	opacity: 1;
	top: 0;
}
.contact_box{
	width: 100%;
	height: 520px;
	margin-top: 40px;
	overflow: hidden;
	background-color: #f8f8f8;
	position: relative;
	top: 100px;
	opacity: 0;
	transition: all 1.5s 1.5s;
}
.active .contact_box{
	top:0px;
	opacity: 1;
}
.contact_box li{
	height: 100%;
	overflow: hidden;
	color: #686868;
}
.contact_box li.contact_right{
	background-color: #333333;
	padding: 60px;
	color: #b3b3b3;
	line-height: 20px;
}
.contact_left{
	padding: 60px 45px;
}
.contact_phone{
	width: 100%;
	overflow: hidden;
	padding: 0 25px;
	font-size: 14px;
	line-height: 22px;
}
.contact_left h4{
	color: #333333;
	font-size: 20px;
	margin-bottom: 15px;
}
.contact_left p{
	padding-left: 25px;
}
.contact_left p:nth-of-type(1){
	background: url(../images/index_phone.png) no-repeat left center;
}
.contact_left p:nth-of-type(3){
	background: url(../images/index_fax.png) no-repeat left center;
}
.contact_left p:nth-of-type(4){
	background: url(../images/index_location.png) no-repeat left center;
}
.contact_map{
	margin-top: 60px;
    height:195px;
	width: 100%;
	border: 1px solid #e60014;
	overflow: hidden;
}
.contact_right form{
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.contact_input{
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding-left: 5px;
	margin-bottom: 20px;
}

.contact_input span{
	display: inline-block;
}

.contact_input input{
	width: 285px;
	background-color: transparent;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #b3b3b3;
}
.contact_right input[type="button"]{
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	border-radius: 20px;
	background-color: #e60014;
	border: none;
	margin-top: 35px;
}
.map_cancel {
	width: 90px;
	height: 25px;
	line-height: 23px;
	border: 1px solid #eee;
    position: fixed;
	right: 1px;
	top: 500%;
	margin-top: 61px;
	z-index: 1001;
	text-align: center;
	background-color: #eee;
	color: #000;
	display: none;
}
.map_button{
	display: inline-block;
	margin: 5px 0 0;
	height: 30px;
	line-height: 30px;
	display: none;
}
.map_button span{
	width: 90px;
	color: #e60012;
	display: inline-block;
	background: url(../images/baidu.jpg) no-repeat 90% 50%;
	background-size: auto 100%;
}
@media only screen and (max-width:991px ) {
	.contact_content{
		width: 100%;
		height: auto;
		margin: -362px auto 0;
		padding: 0 50px;
	}
	.contact_box{
		height: auto;
		margin-top: 40px;
	}
	.contact_left {
	    padding: 30px 20px;
	}
	.contact_map{
		margin-top: 20px;
		height: 200px;
	}
	.contact_input{
		width: 49%;
		float: left;
	}
	.contact_input span{
		
	}
	.contact_input input{
		width: calc(100% - 40px);
	}
	.contact_box li.contact_right {
	    padding: 20px;
	}
	.contact_right form {
	    margin-top: 20px;
	}
	.contact_right input[type="submit"]{
		margin-top: 15px;
	}
}
@media only screen and (max-width:767px ) {

video,.video-back { display:none;}

	.index_contact{
		background-size: auto 100%;
	}
	.contact_content{
		top: 0;
		margin: 22% auto 0;
		padding: 0 10px;
	}
	.contact_box{
		height: auto;
		margin-top: 20px;
	}
	.contact_phone {
	    padding: 0;
	    font-size: 12px;
	    line-height: 20px;
	}
	.contact_left h4{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.contact_title{
		width: 250px;
		margin: 0 auto;
	}
	.contact_title h1{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.contact_left {
	    padding: 15px;
	}
	.map_button{
		display: inline-block;
	}
	.contact_map{
		margin-top: 60px;
		height: calc(100% - 120px);
		position: fixed !important;
		top: 500%;
		left: 0;
		z-index: 1000 !important;
		opacity: 0;
		transform: scale(0.3);
		transition: all 1.2s;
	}
	.contact_mapLg{
		opacity: 1;
		transform: scale(1);
	}
	.contact_box li.contact_right{
		padding: 10px 15px 10px 10px;
	}
	.contact_right>p{
		display: none;
	}
	.contact_right form {
	    margin-top: 0px;
	}
	.contact_input {
	    margin-bottom: 10px;
	}
	.contact_input:nth-of-type(2){
		float: right;
	}
	.contact_input:nth-of-type(3),.contact_input:nth-of-type(4){
	    width: 100%;
	    float: left;
	}
	.contact_right input[type="button"]{
		display: block;
		width: 120px;
		height: 27px;
		line-height: 27px;
		font-size: 12px;
		border-radius: 14px;
		margin: 15px auto 0;
	}
	.index_footer br{
		display: block;
	}
	.index_footer{
		width: 100%;
		height: 60px;
		padding: 15px 0;
		line-height: 15px;
		margin-top: 20px;
	}
}
@media only screen and (min-width:992px ) {
	.contact_box {
	    height: 370px;
	    margin-top: 20px;
	}
	.contact_content{
		width: 900px;
		margin: -220px auto 0;
	}
	.contact_left {
	    padding: 30px 20px;
	}
	.contact_map{
		margin-top: 20px;
		height: 160px;
	}
	.contact_box li.contact_right {
	    padding: 30px;
	}
	.contact_right form {
	    margin-top: 20px;
	}
}
@media only screen and (min-width:1300px ) {
	.contact_box {
	    height: 465px;
	    margin-top: 40px;
	}
	.contact_content{
		width: 1040px;
		margin: -285px auto 0;
	}
	.contact_left {
	    padding: 60px 45px;
	}
	.contact_box li.contact_right {
	    padding: 60px;
	}
	.contact_map{
		margin-top: 60px;
	}
	.contact_right form {
	    margin-top: 40px;
	}
}
/*综合按钮移动*/
.index_button{
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
	opacity: 0;
	transition: all 1.5s 2.5s;
}
.active .index_button{
	margin-top:0px;
	opacity: 1;
}