﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
.logo{width: 110px;}
.nav{line-height: 72px;height: 72px;}
.nav li .v1{font-size: 16px;padding: 0 15px;}
.m-txt1 img{width: 75%;}
.ind-bg2{padding: 100px 0 150px;}
.m-txt2,.m-txt1 p,.m-txt4{font-size: 18px;line-height: 40px;}
.m-txt3{padding: 0;width: 60%;}
.m-txt3 h3{font-size: 26px;line-height: 72px;margin-bottom: 30px;}
.m-txt3 p{font-size: 20px;line-height: 50px;background-position:0 17px;}
.m-pro3{width: 35%;}
.m-txt5{font-size: 16px;}
}


/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	/*index*/
	.menuBtn{display: block;}
	.logo{width: 84px;}
	.nav{
		display: none;position: absolute;right: 0;top:59px;height:auto;line-height: 50px;
		background: #111;
	}
	.nav li{float: none;}
	.ind-bg1{padding: 20px 0;}
	/*m1*/
	.m-txt1 h3{font-size: 24px;padding: 10px 0;}
	.m-txt2, .m-txt1 p, .m-txt4{font-size: 14px;line-height: 24px;}
	/*m3*/
	.ind-bg3{padding: 30px 0;}
	.m-pro3{float: none;width: 100%;text-align: center;}
	.m-pro3 img{width: 50%;}
	.m-txt3{width: 100%;float: none;}
	.m-txt3 h3{font-size: 20px;}
	.m-txt3 p{padding-left: 30px;font-size: 16px;line-height: 30px;background-position:0 7px;background-size: 15px auto;}
	/*m5*/
	.m-txt4 h3{font-size: 20px;padding-bottom: 24px;}
	.m-tit5{font-size: 22px;padding-bottom: 20px;	 }
	.m-txt5 p{line-height: 26px;white-space:normal;margin-bottom: 10px;}
	.m-txt5{    
		line-height: 30px;
		position: relative;left: 0;top: 0;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		-moz-transform: translate(0,0);
   }
   .goTop{width: 50px;height: 50px;}

}


/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	.wp{width: 92%;}
	.m-pro{display: none;}
	.m-txt1{width: 100%;text-align: center;padding-bottom: 30px;}
	.m-txt1 img{width: 60%;	}
	.m-txt1 h3{font-size: 20px;padding: 10px 0;}

	.ind-bg3{animation-duration:250s;-webkit-animation-duration:250s; }
	.ind-bg2{padding:0;}
	.ind-bg2 .wp{width: 100%;}
	.m-txt2{width: auto;padding: 50px 30px 30px;}
	.ind-bg2 .m-pro2{position: static;width: 60%;float: right;}
	.m-txt4{padding: 50px 30px 30px;}
	.m-pro4{position: static;right: 0;bottom: 0;width: 100%;}
	.m-txt3 p{padding-left: 24px;}


}

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


}