@media only screen and (max-width: 980px) {
	
	/*gh*/
	.gh {

	height:24px;
	width:24px;
	position:relative;
	display: inline-block;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
	float: right;
	margin-right: 10px;

}
.gh span {
	background-color: #2f6ea2;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

.gh span:after, .gh span:before {
	background-color: #2f6ea2;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh span:after {
	top:10px;
}
.gh span:before {
	top:-10px;
}
.gh font{
	position: absolute; right: 10px; top: 0; width: 200px; font-size: 14px;
	line-height: 24px;
	color: #2f6ea2;
}
#mobile-menu-toggle{
	display: none;
}
#mobile-menu-toggle:checked + .gh span:after, 
#mobile-menu-toggle:checked + .gh span:before {
	top: 0;
}
#mobile-menu-toggle:checked + .gh span:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
#mobile-menu-toggle:checked + .gh span:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
#mobile-menu-toggle:checked + .gh span {
	background-color: transparent !important;
}
#mobile-menu-toggle:checked + .gh + .leftnav{
	/*max-height: 10000px;*/
	display: block;
}
.leftnav{
	display: none;
}
/*kuaping.com*/
	
	/*gh*/
	img{
		max-width: 100%; height: auto;
	}
	
	.he2{
		height: auto;
	}
	
	.he2 dl{
		width: auto; height: auto;
	}
	.he2 dl dt{
		width: auto; float: none; padding: 15px; height: auto;
	}
	.he2 dl dd{
		width: auto; float: none; padding: 10px; display: none;
	}
	.title_midline{

	}
	
	.cdiv{
		padding: 0; width: auto; 
	}
	.cdiv+ .cdiv{ display: none;}
	.he3{
		width: auto; height: auto;
	}
	.he3 dl{
		width: auto; height: auto;
	}
	.he3 dl dt{
		width: auto; height: auto;
	}
	.he3 dl dt ul{
		width: auto; height: auto;
	}
	.he3 dl dt ul li{
		float: none; display: inline-block;
	}
	.in1{
		width: auto; margin-top: 10px;
	}
	.in1 .in1_l{
		width: auto; float: none;
	}
	.in1 .in1_l .in1_l_1{
		width: auto; clear: both;
	}
	.in1 .in1_r{
		width: auto; float: none;
	}
	.in1 .in1_r .in1_r_1{
		width: auto;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_l{
		width: auto; float: none;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r{
		width: auto; float: none; display: none;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_1{
		width: auto; margin-top: 8px;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_1 ul{
		width: auto;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_1 ul li{
		width: auto;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_1 dl{
		width: auto;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_1 dl .input{
		width: 70%;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_2{
		width: auto;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_2 dl{
		width: auto;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_2 ul{
		width: auto;
	}
	.in1 .in1_r .in1_r_1 .in1_r_1_r .in1_r_1_r_2 ul li{
		width: auto;
	}
	.in1 .in1_r .in1_r_3{
		width: auto; padding: 0 5px;
	}
	#insort0 > div{
		width: auto !important; height: auto !important; overflow: hidden;
	}
	#insort0 >div:nth-child(odd) >div{
		/*position: relative; height: 35px;*/
	}
	#insort0 >div:nth-child(odd) >div>a{
		/*position: absolute; right: 15px; top: 12px;*/
	}
	#hw20{
		width: 50% !important;
	}
	#hw21{
		width: auto !important;
	}
	#hw22{
		width: auto !important;
	}
	script + center >div{
		width: auto !important; padding: 0 15px;
	}
	script + center >div > img{
		margin-bottom: 10px;
	}
	script + center >div > a:last-child:after{
		display: block;
		content: "";
	}
	
	/**/
	.v_2{
		width: auto;
	}
	.v_2 .v_2_l{
		width: auto; float: none;
	}
	.v_2 .v_2_r{
		width: auto; float: none;
	}
	.v_2 .v_2_r .v_2_r_l{
		width: auto; padding: 0 15px 15px;
	}
	.v_2 .v_2_r .v_2_r_l ul{
		width: auto; height: auto;
	}
	.v_2 .v_2_r .v_2_r_l ul li{
		height: auto;
	}
	.v_2 .v_2_r .v_2_r_l ol{
		width: auto;
	}
	.v_2 .v_2_r .v_2_r_l ol dl{
		width: auto;
	}
	.v_2 .v_2_r .v_2_r_l ol dl dt{
		
	}
	.v_2 .v_2_r .v_2_r_l ol dl dd{
		width: calc(100% - 100px);
	}
	.v_3{
		width: auto; margin: 15px;
	}
	.v_3 ul{
		width: auto;
	}
	.v_3 ul li{
		width: auto;
	}
	.v_3 ol{
		width: auto;
	}
	#sp1 img{
		margin: 0 2px !important;
		width: calc( 16% - 10px) !important;
	}
	select[name=count]+br+input{
		margin-top: 15px;
	}
	/**/
	form[name=cart] > style+ br+table td{
		width: 50%;
		float: left;
		padding: 10px 0;
	}
	.in1 .in1_r .in1_r_3 ul{
		width: auto; height: auto;
	}
	.in1 .in1_r .in1_r_3 ul li{
		width: auto;
	}
	form[name=cart] +div +p+div+hr+table{

	}
	form[name=cart] +div +p+div+hr+table td{
		
	}
	form[name=cart] +div +p+div+hr+table+table td:nth-child(2){

		/*width: 80px;*/
		/*display: block;*/
	}
	#cartmsg script+br+table{
		background: red;
	}
	input[name=textfield]{
		width: 100%;
		max-width: 100%;
	}
	textarea[name=textfield2]{
		width: 100%;
	}
	
	/**/
	#form1 > style+ br+table td{
		width: 50%;
		float: left;
		padding: 10px 0;
	}
	.main input{
		width: 200px;
	}
	.main input[type=radio]{
		width: auto; display: inline-block; 
	}
	#cart123 + table{
		width: calc( 100% - 30px);
		margin: 0 15px;
	}
	#cart123 + table  table{
		width: 100%;
	}
	#cart123 + table  table tr{
		/*display: block;*/ 
		width: 100%;
	}
	#cart123 + table  table .main{
		/*display: block;*/
		width: 100%;

	}
	#cart123 + table  table select{
		width: 200px !important;
		border: #333 solid 1px; padding: 5px;
	}
	#cart123 + table  table #textarea{
		width: 200px;

	}
	.in1 .in1_r .in1_r_3 table{
		
	}
	/**/
	.in1_r_3 >ul+style+style+br+table td{
		width: 50%;
		float: left;
		padding: 10px 0;
	}
	
	/**/
	.in1 .in1_r .in1_r_4{
		width: auto;
		height: auto;
	}
	.in1 .in1_r .in1_r_4 dl{
		width: auto;
		height: auto;
	}
	.in1 .in1_r .in1_r_4 dl dt{
		width: auto; float: none;
		background-repeat: no-repeat;
		background-size: auto 20px;
	}
	.in1 .in1_r .in1_r_4 dl dd{
		width: auto; float: none;
		background-repeat: no-repeat;
		display: none;
	}
	#insort0 >div:first-child{
		float: none !important;
	}
	#insort0 #hw20{
		width: 50% !important;
	}
	#insort0 #hw20:nth-child(even){
		clear: both;
	}
	#hw22{
		height: auto !important;
	}
	/**/
	#prohref a{
		width: calc(50% - 4px) !important;
		font-size: 12px !important;
		font-weight: normal !important;
	}
	.in1_r_3 > ul+style+div{
		width: 100% !important;
	}
	
	/**/
	.menusub +div+table{
		width: 100%;
		
	}
	.menusub +div+table p{
		clear: both;
		overflow: hidden;
		border-bottom: #f0f0f0 solid 1px;
		padding-bottom: 10px;
	}
	.menusub +div+table p:last-child{

	}
	.menusub +div+table table{
		clear: both;
		width: 100%;
	}
	.menusub +div+table table tr>td:first-child{
		width: 50px;
	}
	.menusub +div+table table tr>td:last-child{
		width: auto;
	}
}