@charset "utf-8";
/*<=1023px*/
@media screen and (max-width:1023px)
{
	.imainbox{display:none}

	header .wapnav{display:block; width:15%; margin-top:3%;}	
	header .wapnav img{padding:6px;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:#1654b2;}
	.bannerwrap .banner .mask span{height:350px;}
	
	header .logo{ width:60%;}
	header .logo img{ width:100%; padding-top:1%; padding-bottom:1%;}
	
	.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;}
	
	.imain1 .neirong{ clear:both; overflow:hidden; margin-top:5%}
	.imain1 .neirong .pic{ float:none; width:80%; padding-left:10%;}
	.imain1 .neirong .wenzi{ float:none; font-size:14px; line-height:24px; color:#555555; padding:20px 2.5%; width:94%; height:}
	
	.imain3 dl{ width:45%; padding:3% 1% 2% 1%}
	.imain3 dl dt img{ width:90%; height:100%;}
	.imain3 dl dd{ float:right; width:65%;}
	.imain3 dl dd h2{ color:#000000; font-size:14px; line-height:22px; height:22px; overflow:hidden}
	.imain3 dl dd h3{ color:#888888; font-size:12px; line-height:20px; padding-bottom:4px; border-bottom:1px solid #dadada;}
	.imain3 dl dd p{ color:#333333; font-size:12px; line-height:20px; height:40px; overflow:hidden}
	.imain3 dl dd span{color:#dc7d00;}
	.imain3 .gengduo{ clear:both; padding:20px 0px; text-align:center;}
	.imain3 .gengduo a{ text-transform:uppercase; font-size:14px; color:#fff; background:#dc7d00; padding:10px 30px;}
	.imain3 .gengduo a:hover{ color:#fff; text-decoration:none; }
	

	footer dl{ display:none}
	footer .banquan{float:none; width:100%; line-height:21px; text-align:left;color:#92baf6}
	footer .erweima{display:none}
	
	.product_list li{ float:left; width:45%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}

}

@media screen and (max-width:768px)
{	
	.topimage{display:none;}


    .mainpage{margin:0 auto 0 auto;}
	.headerbox{position:relative;}
	
	.imainbg2{ background:url(images/cpbg.jpg) no-repeat top #8cadb4;}

	
	.imain2 .cptupian{ padding-top:5%;}
	.imain2 .cpfenlei a{ display:block; float:left; width:36%; padding:5px 4%; margin:1% 1% 0 3%; border:1px solid #2fa7f0; color:#FFFFFF; text-decoration:none;}
	.imain2 .cptupian ul li{ float:left; width:46%; padding:0px 2%;}
	
	.imain3 dl{ width:96%; padding:3% 1% 2% 1%}
	.imain3 dl dt img{ width:90%; height:100%;}
	.imain3 dl dd{ float:right; width:65%;}
	.imain3 dl dd h2{ color:#000000; font-size:14px; line-height:22px; height:22px; overflow:hidden}
	.imain3 dl dd h3{ color:#888888; font-size:12px; line-height:20px; padding-bottom:4px; border-bottom:1px solid #dadada;}
	.imain3 dl dd p{ color:#333333; font-size:12px; line-height:20px; height:40px; overflow:hidden}
	.imain3 dl dd span{color:#dc7d00;}
	.imain3 .gengduo{ clear:both; padding:20px 0px; text-align:center;}
	.imain3 .gengduo a{ text-transform:uppercase; font-size:14px; color:#fff; background:#dc7d00; padding:10px 30px;}
	.imain3 .gengduo a:hover{ color:#fff; text-decoration:none; }
	.product_view div.bigimg img{ width:96%; margin:0 auto;}
	
	.imainbg4{ display:none;}

}


@media screen and (max-width:640px)
{
	/*.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;}
	
	.menu3 h3{margin:0% 0.5%; width:40%; }
	.info_list ol.info a.title{width:62%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.info_list ol.info span.date{width:20%;}
	.info_listimg ul li{  width:46%; padding:5px 2% 5px 2%; }


}


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

}