WebRoot/css/responsive.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.wrapper{ width:700px;}
	.logo{ top:5px;}
	.tel,.search{ right:10px;}
	#menu{ bottom:10px;}
	#menu li{ margin:0 8px;}
	
	.content_index .about{ width:60%; }	
	.about_con img{ float:none;}
	.content_index .rideo{ width:35%;}
	.overseas_con{ width:700px;}
	.overseas_con .box{ width:220px; float:left; margin:0 6px;}
	.overseas_con .box .img {width:220px; height:156px;}
	.overseas_con .box img{ width:100%;}
	.news_con{ width:700px;}
	.news_con .box{ width:165px; margin:0 5px;height:232px;}
	.news_con .box .img,.news_con .box .img img{ width:165px; height:232px;}
    .news_con .box dl { padding:5px 10px; width:145px;}
	.parter_con h2{ margin-left:0; margin-top:0; width:100px;}
	.carousel{ width:550px;}
	.jCarouselLite { width:450px !important; margin-left:28px;}
	.jCarouselLite li{ margin-right:27px;}
    .main_content { width:67%;}
    .sidebar { width:30%;} 
	.list .box .img{ width:38%; margin-bottom:10px; }
	.list .box .img img{ width:100%;}
	.list .box .show{ width:60%;}
	.footer_con{ margin-left:10px;}
	.footer_manu{ width:70%;}
	.footer_code{ width:30%;}
	.footer_manu dl{ margin-left:10px;padding-right:10px; }	
	
.footer_manu dl.one{ width:120px;}	
.footer_manu dl.two{ width:150px;}	
.footer_manu dl.three{ width:120px;}	
.content_con p img{ max-width:700px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper{ width:600px;}
	.logo{ top:10px;}
	.tel,.search{ right:10px;}
	#menu{ left:0; bottom:0;}
	#menu li{ margin:0 5px; border-bottom-width:1px;}
	#menu li a{ font-size:13px;}
	 .content_index .about{ width:100%; }
	.content_index .rideo{ width:100%;}
	.rideo_con{ text-align:center;}
	.overseas_con{ width:600px;}
	.overseas_con .box{ width:180px; float:left; margin:0 10px;}
	.overseas_con .box .img,.overseas_con .box .img img {width:180px; height:128px;}
	.overseas_con .box img{ width:100%;}
	.news_con{ width:600px;}
	.news_con .box{ width:263px; margin:0 18px;height:369px; margin-bottom:10px;}
	.news_con .box .img{ width:263px; height:369px;}
	.parter_con h2{ margin-left:0; width:110px;}
	.carousel{ width:480px; }
	.jCarouselLite { width:414px !important;}