@media only screen and (max-width: 1200px){
	.product3{
	overflow-x: auto;
}
	div.wp{
		width: 97%;
	}
	.content{
		width: 70%;
	}
	.foo-left {
		width: 60%;
	}

	.foo-right{
		width: 35%;
	}

	.input span{
		width: 30%;
	}

	.input-text{
		width:65%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
	}
	.input-text input[type="text"]{
		width:60%!important;
	}
	.input-text input[type="password"]{
		width:60%!important;
	}
	.input-text select{
		width:60%;
	}
	.contact-input2 input[type="text"]{
		width: 300px;
	}
	.contact-input-text  textarea{
		width: 300px;

	}
	.our-list li{
		padding: 15px 25px;
		height: auto;
		
	}
	.our-con p{
		height: 125px;
		overflow: hidden;
	}
	 .our-num{
	 	margin-right: 3%!important;
	 	width: 20%!important;
	 	margin-top: 0!important;
	 }
	 .our-con{
	 	width: 70%;
	 	float: right!important;
	 }
	.our-list li{
		padding-left: 0;
	}
	.our-list li.li-ou  .our-num{
		margin-top: 0;
		float: left!important;
		text-align: center;
		padding-top: 0;
		background-position: right center;
		padding-right: 0;
		
		
	}
	.gwc2-table table{
	width: 780px!important;
}
.gwc-table{
	padding-left: 0;
	padding-right: 0;
}
	.our-list li.li-ou{
		padding-left: 0;
	}
	.our-list li.li-ou .our-con{
		width: 70%;

	}
	


}

@media only screen and (max-width: 1000px){
	#header{
		display: none;
	}

	#header-2{
		display: block;
	}

	.chenggao{
		display: block;
	}
	#main>.wp{
		background-image: none;
		background-color: #f3f7fa;
	}

	.menu{
		width: 30%;
		
	}

	.menu{
		width: 30%;
		
	}

	.content{
		width: 70%;
		background-color: #fff;
		border-left: 1px solid #d8d8d8;
		padding:0 15px ;
	}


	.input span{
		display: block;
		width: 100%;
		text-align: left;
	}
	.input{
		margin: 5px 0;
	}
	.inputnone{
		margin-top: 15px;
	}


	.input-text{
		display: block;
		width: 100%;
	}
	.input-text input[type="text"]{
		margin-left: 0;
		display: block;

	}
	.input-text input[type="password"]{
		margin-left: 0;
		display: block;

	}
	.input input[type="button"],.inputnone-div{
		margin-left: 0;
		

	}

	.input-text select{
		margin-left: 0;
		display: block;
	}
	.biaodan-tijiao{
		padding-left: 0;
	}
	.biaodan-tijiao .fr{
		float: none;
		margin-top: 10px;
	}

	.product3 table{
		width: 630px;
	}

	.vip-table table{
		width: 550px;
	}
	.vip2-table table{
		width: 810px;
	}
	.our-list li{
		height: auto;
		padding: 20px!important;
		background-color: transparent!important;
	}
	.our-list li.li-ou{
		    background-color: #e5f1fd!important;
	}


	.our-num{
		background-image: none;
		width: 8%!important;
		line-height: 1;
	}

	.our-con{
		width: 85%!important;
	}
	



}
@media only screen and (max-width: 900px){
	.gwc-table table{
		width: 590px;
	}
	.gwc-table{
		overflow-x:auto; 
	}
	.our-list li{
		float: none;
		width: 100%;
	}
	.our-con p{
		height: auto;
		min-height: 80px;
	}
	.our-con h1{
		padding-top: 3px;
	}

}
@media only screen and (max-width: 850px){
	.dl{
		width: 100%;
	}
	.vip-top-con{
		float: none;
		width: 100%;
	}
	.vip-top-con:first-child+.vip-top-con{
		margin-top: 15px;
		border-top:1px solid #d8d8d8;
		padding-top: 15px;
	}
	.vip-top{
		background-image: none;
		
	}

}
@media only screen and (max-width: 800px){
	.input-text input[type="text"]{
		width: 100%!important;
		
	}
	.input-text input[type="password"]{
		width: 100%!important;
		
	}

	.input-text select{
	width: 100%!important;
	}
	.foo-left{
		width: 100%;
		float: none;
	}

	.foo-right{
		width: 100%;
		float: none;
		border-left: 0;
		padding: 0;
		border-top: 1px solid #d8d8d8;
		margin-top: 15px;

	}

	.foo-left li{
		text-overflow:clip;
		white-space:normal;
		overflow: auto;
		line-height: 1.6;
	}
	.biaodan-form-wp{
		padding: 15px 0;
	}
	.contact-input{
		margin-top: 0;
	}
	.contact-input span{
		display: block;
		width: 100%;
		text-align: left;
	}
	.contact-input-text{
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.contact-input-text input[type="text"]{
		width: 100%!important;
	}

	.contact-input-text textarea{
		width: 100%!important;
	}

	.fukuan-con li{
		float: none;
		width: 100%;
		padding-right: 0;
		padding-left: 3%;
	}

	.fukuan-an{
		margin:30px 0;
	}




}
@media only screen and (max-width: 650px){
	.contact{
		padding: 15px 0;
		text-align: center;
	}
	.contact-item{
		display: inline-block;
		width: 45%;
		text-align: left;
		background-image: none;
		
	}
	.contact-item img{
		display: block;
		margin-top: 0;
		margin-right: 0;
		float: none;
		width: 40px;
		height: 30px;
		margin-bottom: 5px;
	}
	.menu{
		float: none;
		width: 100%;

	}
	.content{
		float: none;
		width: 100%;
		border-left: 0;
		padding: 0;
	}
	.about-item{
		padding: 0 10px;
	}
	.about-list-title{
		padding-left: 0;
	}
	.about-con-1{
		padding: 15px;
	}
		.dl>h2{
			padding: 30px 20px;
		}
}
@media only screen and (max-width: 500px){
	.gewc-table2 table{
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 360px){
.contact-item{
	display: block;
	width: 90%;
	margin:0 auto;
}
}