@media (max-width: 750px){

.contain{
	width: 96%;
}
.header .nav1{
	display: none;
}
.section1{
	height: 260px;
	position: relative;
}
.header{
	padding-bottom: 10px;
}
.header .logo{
	width: 95px;
	margin-top: 15px;
}
.header .btn1{
	margin-left: 0;
	margin-top: 10px;
	margin-right: 60px;
}
.header .btn1 span{
	line-height: 30px;
}
.small_nav_btn{
	display: block;
}
.header .logo img{
	width: 100%;
}
.in_title{
	padding-top: 30px;
}
.in_title .pq{
	font-size: 18px;
}
.in_title .pw{
	font-size: 16px;
	margin: 10px 0 15px;
}
.section2 .main li{
	width: 32%;
	margin-bottom: 20px;
	font-size: 14px;
	margin-left: 0;
	margin-right: 2%;
}
.section2 .main li:nth-of-type(3n){
	margin-right: 0;
}
.section2 .main li img{
	width: 70%;
	margin-bottom: 10px;
}
.section2 .main{
	margin-top: 30px;
}
.section2{
	padding-bottom: 20px;
}
.section3 li{
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 30px;
}
.section3 li:nth-of-type(2n){
	margin-right: 0;
}
.section3 li p{
	font-size: 14px;
	padding: 10px 0;
}
.section3 li .show i{
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	background-size: cover;
}
.section4 .p1{
	line-height: 25px;
	margin-bottom: 30px;
	padding: 0 10px;
}
.section4 .main li img{
	width: 45px;
}
.section4 .main li .btn{
	margin-top: 20px;
	width: 80%;
	font-size: 14px;
	line-height: 35px;
}
.section4{
	padding-bottom: 30px;
}
.section5 li{
	width: 48.5%;
	margin-right: 3%;
}
.section5 li:nth-of-type(2n){
	margin-right: 0;
	margin-bottom: 3%;
}
.section5 .main{
	margin-top: 30px;
}
.section5{
	padding-bottom: 30px;
}
.footer .top a{
	margin: 0 10px;
	font-size: 14px;
}
.footer .top{
	line-height: 50px;
}
.footer .mid .ma{
	float: none;
	margin: 0 auto;
}
.footer .mid ul{
	width: 100%;
}
.footer .mid li{
	margin-right: 0;
	margin-top: 30px;
}
.footer .mid li .p1{
	font-size: 16px;
	margin-bottom: 10px;
}
.footer .mid li .p2{
	font-size: 14px;
}
.footer .end{
	line-height: 30px;
}
.footer .end .back{
	display: none;
}











}

@media (min-width: 751px) and (max-width: 1200px){



.contain{
	width: 96%;
}
.contain{
	width: 96%;
}
.header .nav1{
	display: none;
}
.section1{
	height: 350px;
	position: relative;
}
.header{
	padding-bottom: 10px;
}
.header .logo{
	width: 95px;
	margin-top: 15px;
}
.header .btn1{
	margin-left: 0;
	margin-top: 10px;
	margin-right: 40px;
}
.header .btn1 span{
	line-height: 30px;
}
.small_nav_btn{
	display: block;
}
.in_title{
	padding-top: 100px;
}
.section2 .main li{
	width: 16.6666%;
	margin-bottom: 20px;
	font-size: 14px;
	margin-left: 0;
	margin-right: 0;
}
.section2 .main li img{
	width: 70%;
	margin-bottom: 10px;
}
.section2{
	padding-bottom: 20px;
}
.section3{
	padding-bottom: 60px;
}
.section3 li{
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 30px;
}
.section3 li img{
	width: 100%;
}
.section3 li:nth-of-type(2n){
	margin-right: 0;
}
.section4 .p1{
	padding: 0 10px;
}
.section4 .main li img{

}
.section4 .main li .btn{
	margin-top: 20px;
	width: 80%;
	font-size: 14px;
	line-height: 35px;
}
.section4{
	padding-bottom: 80px;
}
.section5 li{
	width: 32%;
	margin-right: 2%;
}
.section5 li:nth-of-type(3n){
	margin-right: 0;
	margin-bottom: 2%;
}
.section5 .main{
	margin-top: 30px;
}
.section5{
	padding-bottom: 30px;
}
.footer .mid .ma{
	float: none;
	margin: 0 auto;
}
.footer .mid ul{
	width: 100%;
}
.footer .mid li{
	margin-right: 0;
	margin-top: 30px;
}
.footer .mid li .p1{
	font-size: 16px;
	margin-bottom: 10px;
}
.footer .mid li .p2{
	font-size: 14px;
}
.footer .end .back{
	display: none;
}













}

@media (min-width: 1251px) and (max-width: 1440px){

.contain{
	width: 1200px;
}
.section2 .main li{
	width: 140px;
	margin: 0 20px;
}
.section3 li{
	width: 285px;
	margin-right: 20px;
}
.section5 li{
	width: 285px;
	margin-right: 20px;
}
.footer .mid li{
	width: 475px;
	margin-right: 30px;
}
.in_title{
	padding-top: 100px;
}
.header .nav1{
	line-height: 70px;
}
.header .logo,
.header .btn1{
	margin-top: 15px;
}
.section3 .main{
	margin-top: 30px;
}
.in_title .pw{
	margin: 10px 0 15px;
}



}