@charset "utf-8";
/*<=1023px*/
@media screen and (max-width:1023px)
{
	
	header .logo{width:83%; margin:0; text-align:left; padding-left:2%;}
	header .wapnav{display:block; width:15%; margin-top:30px;}	
	header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
	header .wapnav img:hover{background-color:#dedede; }	
	header .headerright{width:100%; background:#f2f2f2;}
	.bannerwrap .banner .mask span{height:350px;}
	
	.mainnav{display:none; margin-bottom:20px;}
	.mainnav a{width:98%; padding-left:2%; text-align:left; line-height:45px;}
	.position{display:none;}
	.positioninfo{display:none;}

	.info_list{ padding:20px 0 0 0; overflow:hidden;}
	.info_list ol.head span.title{ width:100%;}
	.info_list ol.head span.views{ display:none; }
	.info_list ol.head span.date{display:none;}
	
	.info_list ol{ overflow:hidden;}
	.info_list ol.info a.title{width:100%; }
	.info_list ol.info span.views{display:none; }
	.info_list ol.info span.date{display:none; }	
	
	.product_list li{ float:left; width:30%; padding:5px 1% 10px 2%; font-size:14px; line-height:21px; text-align:center;}

	
	/*.imain4{ clear:both; width:100%; margin:0 auto; padding-top:20px; padding-bottom:20px;}
	.hexpert01 { clear:both; width:100%; margin:0 auto; }
	.hexpert01 span{ display:none; }
	.hex { clear:both; padding:0px 0px; margin-left:0px; overflow:hidden;}
	.hex .cpbox{ float:left; margin-right:5px; margin-left:5px; text-align:center; overflow:hidden;}*/
	
}

@media screen and (max-width:768px)
{	
	.topimage{display:none;}
	.welcome .huanying{display:none;}
	.welcome .dianhua { width:100%; text-align:center;}
	

	footer dl{display:none;}
	footer .banquan{width:100%; text-align:center; padding:5px;}
	

	.eduimg{height:160px;}
    .mainpage{margin:0 auto 0 auto;}
	.headerbox{position:relative;}
	.bannerwrap .banner .mask span{height:300px;}
	.bannerwrap{margin:0 auto;}	
	

	.imainbox .guanjianci{ clear:both; width:100%; margin:0 auto; text-align:center;}
	.imainbox .websearch{clear:both; width:100%; padding-top:5px;}	
	.imainbox .websearch ul{clear:both; width:260px; margin:0 auto; overflow:hidden; }		
	
	.imain1 .anniu{ clear:both; margin:0 auto 20px auto; width:100%; overflow:hidden;}
	.imain1 .anniu dl{ float:left; width:40%; padding:10px 5% 0 5%;}
	
	.imain2 .cpfenlei a{ display:block; float:left; width:36%; padding:5px 4%; margin:0 1% 0 3%; border:1px solid #2fa7f0; color:#FFFFFF; text-decoration:none;}
	.imain2 .cptupian ul li{ float:left; width:46%; padding:5px 2%;}
	
	.imain3 .huandeng{ float:none; clear:both; width:100%; padding-top:20px; padding-right:2%;}
	.www51buycom ul li img{ width:100%;}
	.imain3 .xinwen1{ float:none; clear:both; width:100%; }
	.imain3 .xinwen2{ float:none; clear:both; width:100%; }
	.imain3 .xinwen2 dl{ clear:both; width:100%; border-bottom:1px solid #eeeeee; padding:20px 0px; overflow:hidden; }
	.imain3 .xinwen2 dl dt{ float:left; width:35%;}
	.imain3 .xinwen2 dl dt img{ width:100%;}
	.imain3 .xinwen2 dl dd{ float:right; width:63%;}
	.imain3 .xinwen2 dl dd .biaoti{ clear:both; height:22px; overflow:hidden;}
	.imain3 .xinwen2 dl dd .biaoti a{ font-size:14px; font-weight:bold;}
	.imain3 .xinwen2 dl dd .riqi{ clear:both; font-size:12px; color:#999999; line-height:22px;}
	.imain3 .xinwen2 dl dd p{ clear:both; font-size:12px; line-height:22px; height:44px; color:#666666; overflow:hidden;}
	
	.imainbg4{ display:none;}
	
	.info_listimg ul li{ float:left; width:46%; padding:5px 1% 5px 2%; text-align:center;}
	.info_view .bigimg img{ width:100%;}
	.product_list li{ float:left; width:46%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}
	

}


@media screen and (max-width:640px)
{
	.news .tuijian{width:100%;}
	.news .zuixin{width:100%; padding:20px 0;}
	.news .shangxueyuan{width:100%;}
	.zhaopin dl dt img{width:100%;}
	/*.index_hd .hd_r ul li{width:85px; height:55px;}*/
	.index_hd .hd_r ul li{width:135px; height:80px;}
	.major-list li .back-face p{margin:32px 0 0 0;}
	.eduimg{height:110px;}
	.about_edulist{width:45%; padding:0 2%;}
	.bannerwrap .banner .mask span{height:250px;}
	
	.product_view div.bigimg img { width:100%; height:auto;}
	

		

}


@media screen and (max-width:320px)
{

}