
@media screen and (max-width: 1159px) {
	
	.slider-pic img{ width:100%;}
	.logo a img{ height:60px;}
	.main.img .navi{ padding-top:45px;}
	.menu ul li{ font-size:16px; line-height:32px; padding:0px 5px; margin:0px 4px; float:left;}
	
	}
	
	@media screen and (max-width: 1150px) { 
	.winmpsp{ float:right; width:720px;}

	.realply{ width:150px;}
	.med-thu-left{ width:730px;}
	.med-thu-left1{ width:460px; font-size:13px;}
	.med-thu-pic{ float:left; width:251px; padding:0px 10px 0px 0px;}
	.med-thu{ overflow:hidden; height:auto;}
	.realplyfo{ width:150px;}
	
	}
	@media screen and (max-width: 1120px) {.med-mee{ position:absolute; left:0px; top:0px; width:100%; background:url(../images/left-bg.png) repeat center top; height:104px;} 
	
	.med-meefo{ position:absolute; left:0px; top:0px; width:100%; background:url(../images/fot-left-bg.jpg) repeat center top; height:98px;}
	
	}
	
	@media screen and (max-width: 1095px) { 
	
	.realply{ width:140px; font-size:16px;}
	.itun{font-size:16px;}
	.windply{font-size:16px;}
	.winmp{font-size:16px;}
	.med-thu-left{ width:700px;}
	.med-thu-left1{ width:440px; font-size:13px;}
	.med-thu h2{ font-size:16px;}
	.med-thu-right{ width:300px;}
	.rightltex{ width:100px; font-size:13px;}
.rightrtex{ float:left; width:190px; font-weight:700; font-size:13px;}
.jop{ width:150px;}
.jopb{ width:100px;}
.ges-bg-bx { font-size:12px; line-height:18px;}
	
	.realplyfo{ width:140px; font-size:16px;}
	.itunfo{font-size:16px;}
	.windplyfo{font-size:16px;}
	.winmpfo{font-size:16px;}
	
	}
@media screen and (max-width: 1056px) {
	
	.slider-part-shadow .hed{ font-size:22px; color:#fff; font-family: 'Conv_Cut the crap'; line-height:24px; padding:0px 0px 10px 0px;}
	.slider-part-shadow{ font-size:13px;}
	.realply{ width:120px; font-size:14px;}
	.itun{font-size:14px;}
	.windply{font-size:14px;}
	.winmp{font-size:14px;}
	.med-thu-left{ width:680px;}
	.med-thu-left1{ width:420px; font-size:13px;}
	.realplyfo{ width:120px; font-size:14px;}
	.itunfo{font-size:14px;}
	.windplyfo{font-size:14px;}
	.winmpfo{font-size:14px;}
	.winmpsp{ float:right; width:690px;}

	}

@media screen and (max-width: 1010px) {
	.med-thu-left{ width:670px;}
	.med-thu-left1{ width:410px; font-size:13px;}}

@media screen and (max-width: 991px) {
	.wapper{ width:98%; margin:0px auto;}
	.navi, .main.img .navi{ width:100%; float:none; padding:0px; height:32px;}
	.logo{ float:none; margin:0 auto; padding:10px 0 0 0;}
	.menu{ display:none;}
	.slider-pic img{ width:100%;}
	
	.slider-part-shadow .hed{ font-size:20px; color:#fff; font-family: 'Conv_Cut the crap'; line-height:24px; padding:0px 0px 0px 0px;}
	.slider-part-shadow{ font-size:12px; line-height:18px;}
	.slider-part{ max-width:1160px; margin:0px auto; padding:40px 0px 20px; }
	
	.med-thu-left{ width:100%; margin:0px auto; float:none;}
	.med-thu-right{ width:100%; margin:0px auto; float:none;}
	.med-thu-pic{ width:100%; margin:0px auto; padding:0p 0px 10px 0px;}
	.med-thu-pic img{ width:100%;}
	.med-thu-left1{ width:98%; margin:0px auto; float:none; padding:0px 0px 10px 0px;}
	.speel{ float:none; width:100%; font-size:16x; line-height:34px;}
	
	.realply{ font-size:14px; width:25%; line-height:24px;}
	.itun{ font-size:14px; width:25%; line-height:24px;}
	.windply{ font-size:14px; width:25%; line-height:24px;}
	.winmp{ font-size:14px; width:25%;line-height:24px;}
	
	.speelfo{ float:none; width:100%; font-size:16x; line-height:34px;}
	.realplyfo{ font-size:14px; width:25%; line-height:24px;}
	.itunfo{ font-size:14px; width:25%; line-height:24px;}
	.windplyfo{ font-size:14px; width:25%; line-height:24px;}
	.winmpfo{ font-size:14px; width:25%;line-height:24px;}
	.winmpsp{ float:none; width:100%; margin:0px auto;}
}


@media screen and (max-width: 800px) {
	.slider-part-shadow .hed{ font-size:16px; color:#fff; font-family: 'Conv_Cut the crap'; line-height:24px; padding:0px 0px 0px 0px;}
	.slider-part-shadow{ font-size:11px; line-height:18px; padding:10px 10px 10px;}
	.foottr{ width:100%; float:none;  }

}


@media screen and (max-width: 768px) {
.slider-part-shadow .hed{ font-size:14px; color:#fff; font-family: 'Conv_Cut the crap'; line-height:20px; padding:0px 0px 0px 0px;}
	.slider-part-shadow{ font-size:10px; line-height:16px; padding:5px ;}
	
	.realply{ font-size:12px; width:25%; line-height:24px;}
	.itun{ font-size:12px; width:22%; line-height:24px;}
	.windply{ font-size:12px; width:31%; line-height:24px;}
	.winmp{ font-size:12px; width:22%;line-height:24px;}
	
	.realplyfo{ font-size:12px; width:25%; line-height:24px;}
	.itunfo{ font-size:12px; width:22%; line-height:24px;}
	.windplyfo{ font-size:12px; width:31%; line-height:24px;}
	.winmpfo{ font-size:12px; width:22%;line-height:24px;}	
}



@media screen and (max-width: 568px) {
	
.slider-part-shadow .hed{ font-size:12px; color:#fff; font-family: 'Conv_Cut the crap'; line-height:18px; padding:0px 0px 0px 0px;}
	.slider-part-shadow{ font-size:10px; line-height:12px; padding:5px ;}
	.slider-part{ max-width:1160px; margin:0px auto; padding:20px 0px 10px; }
}




@media screen and (max-width: 480px) {
	.slider-part-shadow .hed{ font-size:10px; color:#fff; font-family: 'Conv_Cut the crap'; line-height:14px; padding:0px 0px 0px 0px;}
	.slider-part-shadow{ font-size:7px; line-height:9px; padding:2px ;}
	.realply{ font-size:12px; width:25%; line-height:24px;}
	.itun{ font-size:11px; width:16%; line-height:24px;}
	.windply{ font-size:11px; width:41%; line-height:24px;}
	.winmp{ font-size:11px; width:18%;line-height:24px;}
	
	.realplyfo{ font-size:12px; width:25%; line-height:24px;}
	.itunfo{ font-size:11px; width:16%; line-height:24px;}
	.windplyfo{ font-size:11px; width:41%; line-height:24px;}
	.winmpfo{ font-size:11px; width:18%;line-height:24px;}
}
@media screen and (max-width: 434px) {
	


}

@media screen and (max-width: 420px) {
	
}

@media screen and (max-width: 395px) {
	
}

@media screen and (max-width: 380px) {
	
}

@media screen and (max-width: 340px) {
	
}