@media (min-width:900px) and (max-width:1099px) {
    .cont-wrap {width:100%;}
    
    .topmenu td {padding-left:15px; padding-right:15px;}
    
    .footer .inner {max-width:1100px; width:100%;}
    .keylist-wrap .imgbox {width:25%;}
}

@media (min-width:720px) and (max-width:899px) {
    .cont-wrap {width:100%;}
    .sub-cont-wrap {width:100%; padding-top:100px;}
    .normal-cont-wrap {width:100%;}
    
    
    .topmenu {padding:0;}
    .toplogo {display:none;}
    .topmenu td {height:80px; padding-left:10px; padding-right:10px; font-size:12px;}
    .logo-cell {width:150px;}
    .logo-cell img {width:120px; height:auto;}
    
    .main-sect2 {height:auto;}
    
    body {background-position:50% -100px;}
    .normal-cont-wrap {padding-top:550px; width:100%;}
    
    .footer .inner {width:100%; text-align:center;}
    .cp-3 {float:left;}
}

@media (min-width:480px) and (max-width:719px) {
    .topline {display:none;}
    .cont-wrap {width:100%;}
    .normal-cont-wrap {width:100%;}
    .sub-cont-wrap {width:100%; padding-top:10px;}
    
    #topmenu_container {top:0;}
    .topmenu {padding:0;}
    .topmenu td {height:80px; padding-left:10px; padding-right:10px; font-size:12px;}
    .toplogo {display:none;}
    .logo-cell {width:auto; text-align:left; padding-left:10px;}
    .logo-cell img {width:120px; height:auto;}
    .menu-cell {display:none;}
    .mobilemenu-cell {display:table-cell;}
    .mobilemenu-cell img {width:35px; height:auto; margin:10px;}
    
    
    .main-sect2 {height:470px !important;}
    .overlap img {margin-top:50px !important;}
    .main {padding-top:50px;}
    .goods-wrap {width:45% !important; margin-left:7px !important;}
	.footer2 .inner {text-align:center;}
	.cp-img2 {float:none;}
	.cp-img1 {margin-top:20px;}
	
	body {background-position:40% -600px;}
	.normal-cont-wrap {padding-top:20px; width:100%;}
    
	.footer .inner {width:100%; text-align:center;}
	.cp-1, .cp-2, .cp-3 {float:none; margin:30px auto; text-align:left;}
}

@media (max-width:479px) {
    .topline {display:none;}
    .cont-wrap {width:100%;}
    .normal-cont-wrap {width:100%;}
    .sub-cont-wrap {width:100%; padding-top:5px;}
    
    #topmenu_container {top:0;}
    .topmenu {padding:0;}
    .toplogo {display:none;}
    .logo-cell {width:auto; text-align:left; padding-left:10px;}
    .logo-cell img {width:120px; height:auto;}
    .menu-cell {display:none;}
    .mobilemenu-cell {display:table-cell;}
    .mobilemenu-cell img {width:35px; height:auto; margin:10px;}
    
    .main-sect2 {height:350px !important;}
    .overlap img {margin-top:20px !important;}
    .main {padding-top:57px;}
    
	.footer .inner {width:100%; text-align:center; line-height:150%;}
	.cp-img2 {float:none;}
	.cp-img1 {margin-top:20px;}
	
	body {background-position:40% -600px;}
	.normal-cont-wrap {padding-top:20px; width:100%;}
	
	.top-branch {text-align:justify;}
    
	.footer .inner {width:100%; text-align:center;}
	.cp-1, .cp-2, .cp-3 {float:none; margin:30px auto; text-align:left; width:default; padding:0 10px;}
	.cp-2 {padding-top:10px; border-top:1px #666 dotted; border-bottom:1px #666 dotted;}
}