﻿
/*Common For Max 1060*/
@media only screen and (max-width: 1339px) {
	.wp {width: 98%;}
	.nav{margin-left: 20px;}
	.nav li .v1{padding: 0 9px;}
	#hd .tel{font-size: 16px;padding-left: 45px;}
	#banner{height: 550px;}
	#banner .slick-prev{margin-left: 0;left: 10px;}
	#banner .slick-next{margin-right: 0;right: 10px;}
	.m-list1{padding: 0 10px;}
	#fd .top{padding-left: 20px;}
	#fd dl{padding-left: 35px;width: 155px;}
	#fd .bot{font-size: 13px;}
	#fd .bot .s2{margin-left: 25px;}
	.m-list2{padding: 0 20px 70px;}
	.m-bg4 .pic img{width: 100%;}
	.m-bg4 .txt{padding-left: 25px;}
	.m-bg4 .txt p{font-size: 20px;}
	.m-list1-1{padding: 0 30px;}
	.m-list1-1 .con{margin: 0 10px;}
	.m-tab1 .con{height: 380px;}
	.m-tab1{padding: 0;}
	.ul-flow li{padding: 0 38px;}
	.ul-flow li span{font-size: 16px;}
	.ul-flow li.i6 span:before{right: -73px;}
	.m-list4 .txt p{line-height: 30px;}
	.m-list4 .txt dd{line-height: 30px;}
	.m-list4 .pic{padding-right: 30px;}
	.m-list4 li{margin-top: 50px;}
	.ul-txt1-1 li{padding-left: 50px;background-position: 30px 9px;}
}

@media only screen and (max-width: 1279px) {
    .m-pic1 {background: none;}
    .m-pic1 .tit {display: none;}
    .m-pic1 .g-tit1 {display: block;}
    .m-pic1 .box-map {display: none;}
    .box-nav .pic,.box-nav dl{width: 28%;}
}

/*Common For Max 959*/
@media only screen and (max-width: 1060px) {
	#hd{z-index: 9999;}
	#hd .top{height: auto;overflow: hidden;}
	#hd .tel{display: none;}
	#hd .logo{line-height: 1;padding: 10px 0;}
	.nav{display: none;}
	.menuBtn{display: block;}
	#banner{height: 450px;}
	.m-list1 .con{margin: 0 10px;}
	.ul-info{width: auto;height: auto;border: 0;overflow: hidden;
		border-radius: 0;margin-top: 30px;
	}
	.ul-info li{position: static;width: 25%;float: left;
		border-radius:0;
	}
	.m-enter{height: auto;}
	.m-enter .con{position: static;margin-left: 0;width: auto;border-radius: 0;
		height: auto;padding-bottom: 20px;
	}
	#fd .d1{padding-right: 30px;}
	#fd dl{padding-left: 30px;width: 140px;}
	#fd .pic{margin-right: 10px;}
	#fd .bot{padding-left: 20px;font-size: 12px;}
	#fd .top{padding-bottom: 0;padding-top: 30px;}
	.m-bg4 .txt .a1{margin-top: 45px;}
	.m-bottom .con{margin-left: 10px;}
	.m-bottom .con input{margin-right: 5px;width: 120px;}
	.m-bottom .con button{margin-right: 5px;width: 80px;}
	.ul-txt1-1{padding-left: 5px;}
	.ul-txt1-1 li{padding-left: 20px;background-position: left 9px;font-size: 17px;}

	.ul-exist1 li p{margin: 0 5px;font-size: 16px;}
	.ul-exist1 li span{width: 80px;
			-o-background-size: 55px auto;
			-ms-background-size: 55px auto;
			-moz-background-size: 55px auto;
			-webkit-background-size: 55px auto;
			background-size: 55px auto;
	}
	.ul-exist2 li{font-size: 16px;}

}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	#banner{height: 350px;}
	.m-video{padding-bottom: 100px;padding-top: 35px;}
	.m-video .txt h3{margin-bottom: 30px;}
	.m-video .txt span{font-size: 18px;;line-height: 32px;}
	.m-video .a-play{margin-top: 30px;}
	.m-list1{padding: 0;}
	.m-list1 .con{margin: 0 5px;}
	#fd .top{padding-left: 0;}
	#fd dl{width: 33.33%;padding: 0;text-align: center;margin-bottom: 10px;}
	#fd .d1{padding: 0;width: 33.33%;}
	#fd .d3{border-right: 0;}
	#fd .bot{height: auto;text-align: center;line-height: 20px;padding: 10px 0;}
	#fd .bot span{display: block;}
	.ul-tab1{float: none;width: auto;}
	.ul-tab1 li a{margin: 0 5px;}
	.m-tab1 .con{height: auto;}
	.m-tab1 .con{margin: 0 5px;}
	.m-list2 {padding: 0 0 50px;margin-top: 40px;}
	.m-list2 li a{margin: 0 5px;}
	.p-txt1{font-size: 16px;line-height: 30px;}
	.m-bg4 .txt p{margin-bottom: 25px;font-size: 16px;}
	.m-ovh1{padding: 0;}
	.m-news .content{margin: 0 5px;}
	/*.m-bottom{display: none;}*/
    .m-bottom .pic {display: none;}
	.g-tit2 span{font-size: 38px;}
	.ul-txt1{padding-left: 5px;}
	.ul-txt1 li{font-size: 14px;margin-bottom: 10px;}
	.ul-txt1-1 li{font-size: 14px;}
	.ul-flow li.i6 span{z-index: 2;}
	.ul-flow li.i6 span:before{right: -44px;z-index: -1;
		background-image: url(img/ico-16.png);
	}
	.ul-flow li{padding: 0 14px;}
	.ul-flow li span{font-size: 14px;}
	.m-list4{padding: 0 30px;}
	.m-list4 .pic{float: none !important;width: auto;padding-right: 0;}
	.m-list4 .txt{float: none !important;width: auto;}
	.m-list4 .txt p{line-height: 36px;}
	.m-list4 .txt dd{line-height: 36px;}
	.m-exist{background: none;padding-bottom: 0;}
	.m-exist .con{float: none;width: auto;}
	.m-exist .g-tit2-1 span:after{display: block;}
	.m-exist .g-tit2{margin-bottom: 20px;}
	.ul-exist2{padding: 0 20px;}
	.ul-exist2 li{padding-right: 5px;}
    .m-tab1 .txt .a1{position: static;}
}


/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	#banner{height: 270px;margin-bottom: 20px;}
	#banner .slick-prev,
	#banner .slick-next{display: none !important;}
	#banner .slick-dots{bottom: 10px;}
	#hd .logo{height: 80px;}
	#hd .logo img{display: block;height: 100%;}
	.menuBtn{margin-top: 15px;}
	.m-slider1{padding: 0 25px;margin-top: 15px;margin-bottom: 30px;}
	.m-slider1 .con{margin: 0 5px;}
	.m-slider1 .slick-prev,
	.m-slider1 .slick-next{width: 15px;height: 30px;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.g-tit1 span{font-size: 24px;}
	.m-video{padding-bottom: 60px;}
	.m-video .txt h3{font-size: 32px;}
	.m-video .txt span{font-size: 14px;;line-height: 24px;}
	.m-video .a-play{width: 50px;height: 50px;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.m-list1{margin-bottom: 20px;}
	.m-list1 li{width: auto;float: none;margin-bottom: 30px;}
	.m-pic1 .tit{font-size: 32px;}
	.ul-info li{height: 138px;}
	.ul-info li p{font-size: 14px;line-height: 20px;}
	.ul-info li span{height: 70px;background-position: center bottom 13px;}
	#fd .top{display: none;}
	#aside.open{top: 80px;}
	.m-tab1{padding: 0 5px;}
	.p-txt1{font-size: 14px;line-height: 24px;margin-top: 10px;}
	.m-list2{margin-top: 20px;padding-bottom: 25px;}
	/*.m-list2 li{width: 50%;margin-bottom: 10px;}*/
	.m-list2 li:last-child{display: block;}
	.m-bg4{padding-top: 30px;}
	.m-bg4 .pic{float: none;width: auto;margin: 0 auto;}
	.m-bg4 .txt{float: none;width: auto;text-align: center;padding-left: 0;}
	.m-bg4 .txt .a1{margin: 0 auto;}
	.m-list3 li h3{margin-bottom: 5px;}
	.m-list3 li h3 a{font-size: 14px;}
	.m-list3 li{padding: 10px 0;}
	.m-list3 li .a1{width: 60px;height: 28px;line-height: 28px;font-size: 14px;}
	.m-news{float: none;width: auto;margin-bottom: 15px;}
	.m-list1-1 .slick-prev,
	.m-list1-1 .slick-next{width: 15px;height: 30px;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.ul-flow li{width: 100%;}
	.ul-flow .ia{position: static;margin-top: 0;margin-bottom: 30px;}
	.ul-flow .ia span:before{top: auto;bottom: -25px;
		background-image: url(img/ico-14.png);
	}
	.ul-flow li.i6 span:before{width: 48px;height: 26px;
	left: 50%;margin-left: -24px;bottom: -25px;
	background-image: url(img/ico-14.png);
	}
	.m-list4 li{margin-top: 20px;}
	.m-list4 .txt h3{font-size: 24px;margin-bottom: 10px;margin-top: 15px;}
	.m-list4 .txt p,.m-list4 .txt dd{font-size: 14px;line-height: 24px;}
	.g-tit2 span{font-size: 32px;padding: 0 25px;}
	.ul-txt1 li{font-size: 14px;line-height: 24px;background-position: left 5px;}
	.ul-txt1-1 li{width: auto;float: none;}
	.ul-txt1,.ul-txt1-1{margin: 20px 0;}
	.m-flow{margin-bottom: 40px;}
	.ul-exist1 li p{font-size: 14px;}
	.ul-exist2 li{font-size: 14px;}

    .m-bottom input,.m-bottom .a1 {display: none;}

}
/*Common For Max 480*/
@media only screen and (max-width: 600px) {
	#banner{height: 210px;}
	.m-enter .enter{width: auto;padding: 0 10px;text-align: center;}
	.m-enter .enter span{display: block;margin-bottom: 15px;}
	.m-enter .enter .s1{margin-left: 0;}
	.m-enter .enter p{margin-bottom: 0;}
	.m-enter .enter em{font-size: 14px;width: 70px;}
	.m-enter .enter .inp1{width: 70% !important;}
	.m-enter .txt{max-width: 100%;}
	.ul-info li{width: 50%;}
	.m-enter .txt h3{font-size: 24px;line-height: 36px;margin-bottom: 8px;}
	.m-enter .txt p{font-size: 16px;line-height: 24px;}


}
/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	#banner{height: 150px;}
	.m-slider1 .con p{margin-top: 0;}
	.m-video{padding-bottom: 30px;padding-top: 25px;}
	.m-video .a-play{margin-top: 20px;}
	.m-video .txt h3{height: 60px;line-height: 60px;font-size: 24px;margin-bottom: 15px;}
	.m-video .txt span{font-size: 12px;line-height: 18px;margin-bottom: 5px;}
	.m-list1 h3{font-size: 16px;padding-bottom: 5px;}
	.m-list1 .pic{margin-bottom: 10px;}
	.m-list1 h3 span{font-size: 12px;}
	.m-pic1{padding-top: 20px;padding-bottom: 30px;}
	.m-pic1 .tit{font-size: 28px;}
	.m-enter .txt h3{font-size: 18px;line-height: 28px;padding-top: 10px;}
	.m-enter .txt p{font-size: 14px;line-height: 20px;}
	.m-enter .enter .btn{width: 90%;}
	#fd .bot em{display: block;}
	.ul-tab1 li{height: 95px;}
	.ul-tab1 li a{font-size: 16px;line-height: 24px;}
	/*.m-list2 li{width: 100%;float: none;}*/
	.m-tab1 .txt p{line-height: 24px;}
	.m-bg4 .txt p {margin-bottom: 15px;font-size: 14px;}
	.m-bg4 .txt .a1{font-size: 18px;height: 40px;line-height: 40px;}
	.m-news .pic{float: none;width: auto;height: auto;margin-right: 0;}
	.m-list1-1{padding: 0 15px;}
	.ul-flow li{padding: 0;margin-bottom: 25px;}
	.ul-flow li span{font-size: 12px;height: 40px;line-height: 40px;}
	.ul-flow .i4 span{line-height: 20px;}
	.ul-flow .ia{margin-bottom: 25px;}
	.m-list4{padding: 0 10px;}
	.m-list4 .txt h3 {font-size: 20px;margin-bottom: 5px;margin-top: 10px;}
	.g-tit2 span{font-size: 24px;padding: 0 15px;}
	.ul-txt1{padding-left: 5px;}
	.ul-exist1 li{width: auto;float: none;}
	.ul-exist1 li p{height: 80px;line-height: 80px;}
	.ul-exist1 li span{height: 80px;
			-o-background-size: 40px auto;
			-ms-background-size: 40px auto;
			-moz-background-size: 40px auto;
			-webkit-background-size: 40px auto;
			background-size: 40px auto;
	}
	.ul-exist2{padding: 0 5px;}
	.ul-exist2 li{padding-left: 20px;background-position: 5px center;margin-bottom: 15px;}
	.menuBtn{
			-o-background-size: 30px auto;
			-ms-background-size: 30px auto;
			-moz-background-size: 30px auto;
			-webkit-background-size: 30px auto;
			background-size: 30px auto;
	}

    .m-bottom .tel {padding-left: 40px;font-size: 20px;background-size: 30px 30px;}
}

@media only screen and (max-width: 360px) {
    .m-bottom .tel {padding-left: 22px;font-size: 16px;background-size: 20px 20px;}
}


/* --------------------------- 固定屏幕样式 ---------------------------------------- */

/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	 

}



/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.m-list1 h3{font-size: 16px;padding-bottom: 5px;}
	.m-list1 .pic{margin-bottom: 10px;}
	.m-list1 h3 span{font-size: 12px;}
}



/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

 
}



/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

 

}



/*240*/
@media only screen and (max-width: 319px) {

 

}