/*Common For Max 1440*/
@media only screen and (max-height:900px){

	/*title*/
	.st1{font-size: 24px;line-height: 35px;}
	.st2{font-size: 20px;line-height: 30px;}
	.st3{font-size: 16px;line-height: 30px;padding-bottom: 10px;margin-bottom: 20px;}
	.st3::after{width: 40px;height: 2px;margin-left: -20px;}

	/*button*/
	.btn1{font-size: 16px;}
	.btn2 i{
		-webkit-background-size: 35px auto;
		background-size: 35px auto;
	}

	/*******************************
		-------[=index]-------
	********************************/
	.nextPage i{
		-webkit-background-size: auto 20px;
		background-size: auto 20px;
	}

	.banner-txt h1{font-size: 60px;line-height: 55px;width: 100px;padding: 20px 0 45px;}
	.banner-txt h2{font-size: 32px;padding: 20px 0 45px;margin-left: 125px;}
	.banner-txt h2 em{font-size: 16px;}

}

/*Common For Max 1366*/
@media only screen and (max-width:1440px){

	/*title*/
	.st1{font-size: 24px;line-height: 30px;padding-bottom: 10px;}
	.st2{font-size: 20px;line-height: 30px;}
	.st3{font-size: 16px;line-height: 30px;padding-bottom: 10px;margin-bottom: 20px;}
	.st3::after{width: 40px;height: 2px;margin-left: -20px;}

	/*button*/
	.btn1{font-size: 16px;}
	.btn2 i{
		-webkit-background-size: 35px auto;
		background-size: 35px auto;
	}

	/*******************************
		-------[=index]-------
	********************************/
	#myMenu{right: 3%;}

	.nextPage i{
		height: 30px;margin: 5px 0;
		-webkit-background-size: auto 20px;
		background-size: auto 20px;
	}

	.banner-txt h1{font-size: 60px;line-height: 55px;width: 100px;padding: 20px 0 45px;}
	.banner-txt h2{font-size: 32px;padding: 20px 0 45px;margin-left: 125px;}
	.banner-txt h2 em{font-size: 16px;}

}

/*Common For Max 1024*/
@media only screen and (max-width: 1199px) {

	/*button*/

	/*title*/


	/*******************************
		-------[=banner]-------
	********************************/

	/*******************************
		-------[=ban]-------
	********************************/
	#ban .ban-txt{line-height: 30px;}
	#ban h2 {font-size: 18px;}

	/*******************************
		-------[=index]-------
	********************************/
	.m-list2{display: block;text-align: center;}
	.m-list2 ul{display: inline-block;text-align: left;}

}


/*Common For Max 768*/
@media only screen and (max-width: 992px) {

	/*fonts*/
	body{font-size: 12px;}

	/*scrollbar*/
	::-webkit-scrollbar{width: 0;height: 0;}

	/*title*/

	/*button*/
	.btn1{font-size: 14px;}

	/*layout*/
	.h50{height: 25px;}
	.h60{height: 30px;}
	.h70{height: 35px;}
	.h80{height: 40px;}
	.h90{height: 45px;}
	
	/*******************************
	  -------[=navigation]-------
	********************************/
	.menuBtn{display: block;}
	#nav{
		display: none;
		position: absolute;z-index: 8;
		left: 0;right: 0;top: 0;
		padding-top: 50px;
		text-align: center;
		background: #fff;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	#nav ul{display: block;border-top: 1px solid rgba(0,0,0,.1);}
	#nav li{border-bottom: 1px solid rgba(0,0,0,.1);}
	#nav .v1{line-height: 40px;}
	.index #nav .v1{color: #000;}

	#header{height: 50px;}
	#main{padding-top: 50px;}

	/*******************************
		-------[=ban]-------
	********************************/
	#ban{padding-top: 200px;}
	#ban h2{text-align: center;max-width: 60%;}

	/*******************************
		-------[=index]-------
	********************************/
	#myMenu{right: 10px;width: 15px;padding: 5px 0;}
	#myMenu a{width: 5px;height: 5px;margin: 5px auto;}

	#map{width: 80%;}
	#map .text{font-size: 12px;}
	#map .text li::before{width: 10px;height: 10px;}
	#map .text a{
		padding-left: 20px;
		-webkit-background-size: 14px auto;
		background-size: 14px auto;
	}

	/*******************************
		-------[=关于我们]-------
	********************************/
	.m-list2{font-size: 14px;}
	.m-list2 li{padding-left: 15px;margin: 5px 0;}
	.m-list2 li::before{width: 5px;height: 5px;margin-top: -2px;}

	.m-info-txt h3{margin-bottom: 15px;}

	/*******************************
		-------[=产品介绍]-------
	********************************/
	.m-product-txt{padding: 30px 0;}
	.m-product-txt{font-size: 12px;line-height: 20px;}
	.m-product-txt figure{font-size: 14px;}

}

/*Common For Max 640*/
@media only screen and (max-width: 750px) {

	/*title*/
	.st1{font-size: 20px;}
	.st2{font-size: 16px;}

	/*button*/
	.btn1{width: 100px;height: 35px;line-height: 35px;}

	/*layout*/
	.wp{width: 96%;}
	.wrap{width: 96%;}

	/*******************************
		-------[=index]-------
	********************************/
	#myMenu{display: none;}
	.nextPage i{
		height: 20px;
		-webkit-background-size: auto 15px;
		background-size: auto 15px;
	}

	.banner-txt h1{font-size: 42px;line-height: 40px;width: 80px;}
	.banner-txt h2{font-size: 24px;margin-left: 100px;}
	.banner-txt h2 em{font-size: 12px;}

	.m-txt1{font-size: 12px;line-height: 20px;}
	.section .m-txt1{float: none;max-width: 510px;padding: 0 30px;}
	.section .m-txt1 h3{text-align: center;}
	.m-txt1 .btn1{margin: 30px auto;}

	.m-txt2{font-size: 12px;line-height: 20px;padding: 20px 30px;}
	.m-txt2 .btn2{margin-top: 10px;}

	.m-list1 li{width: 33.333%;}
	.m-list1 li:nth-child(3n) .pic{border-right: 0;}

	#map{width: 100%;}
	#map .text li::before{width: 10px;height: 10px;}
	#map .text a{
		left: 50%;top: 100%;margin-top: 5px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
	}


}

/*Common For Max 480*/
@media only screen and (max-width: 600px) {

	.wp{width: auto;padding: 0 10px;}
	.wrap{width: auto;padding: 0 10px;}

	/*******************************
		-------[=index]-------
	********************************/


}

/*Common For Max 414*/
@media only screen and (max-width: 479px) {

	/*******************************
		-------[=关于我们]-------
	********************************/
	.m-list2{font-size: 12px;}

}

/*Common For Max 375*/
@media only screen and (max-width: 410px) {

}

/*Common For Max 320*/
@media only screen and (max-width: 375px) {

}