@charset "utf-8";
/*<=1023px*/
@media screen and (max-width:1023px)
{
	
	header .logo{width:76%; margin:0; text-align:left; padding-left:2%;}
	header .wapnav{display:block; width:15%; margin-top:25px;}	
	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%; display:none;}
	.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;}


	
}

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

	header .logo{width:76%; margin:0; text-align:left; padding:0 2% 0 0;}
	header .logo img { width:100%;}
	

	footer dl{display:none;}
	footer .banquan{width:100%;}

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

	.imainbg4{ display:none}
	.imain4{ clear:both; width:98%; margin:0 auto; padding-top:0px; overflow:hidden; }
	.imain4 ul { width:98%; padding-top:20px;}
	.imain4 li { float:left; width:50%; text-align:center;}
	.imain4 .biaoti { font-size:21px; font-weight:bold; line-height:56px;}
	.imain4 p { line-height:23px;}
	
	.info_listimg ul li{ float:left; width:46%; padding:5px 1% 5px 2%; text-align:center;}
	.info_view .bigimg img{ width:50%;}
	.product_list li{ float:left; width:46%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}	
	
	.imainbg3{ padding:0px 0px 0px 0px;}
	.imainbg3 .biaoti { height:26px; overflow:hidden;}
}

@media screen and (max-width:768px)
{	
	header .logo{width:76%; margin:0; text-align:left; padding:0 2% 0 0;}
	header .logo img { width:100%;}
	

	footer dl{display:none;}
	footer .banquan{width:100%;}

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


	.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; }	
	
	
	
	.protitle { text-align:center; text-transform:uppercase; font-size:23px; font-weight:bold; overflow:hidden; background:url(images/title_bg.png) bottom center no-repeat; height:40px; padding-top:30px; color:#5c5c5c;}
	.protitle a {font-size:23px; color:#e84c3d; font-weight:bold; } 
	.protitle a:hover { color:#FF0000; text-decoration:none;}
	.protitle_text { font-size:14px; text-align:center; line-height:42px;}
	
	.ystitle { text-align:center; text-transform:uppercase; font-size:23px; font-weight:bold; overflow:hidden; background:url(images/title_bg.png) bottom center no-repeat; height:40px; padding-top:0px; color:#5c5c5c;}
	.ystitle a {font-size:23px; color:#e84c3d; font-weight:bold; } 
	.ystitle a:hover { color:#FF0000; text-decoration:none;}
	.ystitle_text { font-size:14px; text-align:center; line-height:42px;}	
		
	.imain2 .cptupian{ clear:both; padding-top:0px;}
	
	.imain1 .honer { display:none;}
	.imain1 .neirong{ margin:0 auto;width:98%; font-size:14px; line-height:24px; color:#555555; padding:0px 0px;  overflow:hidden;}
	.imain1 .neirong p { font-size:14px; clear:both; }
	
	.imain2 .cptupian ul li{ float:left; width:46%; padding:5px 2%;}

	
	.news { width:98%; background:#ffffff; padding:2%; margin-bottom:40px;}
	.news dl{ float:left; width:98%; padding:10px 2% 10px 0px; overflow:hidden;}
	.news dl dt{ float:left; width:35%;}
	.news dl dt img{ width:95%; border-radius: 10px 10px 10px 10px;}
	.news dl dd{ float:right; width:63%;}
	.news dl dd .biaoti{ clear:both; line-height:22px;}
	.news dl dd .biaoti a{ font-size:16px; font-weight:bold;}
	.news dl dd .riqi{ clear:both; font-size:12px; color:#999999; line-height:22px;}
	.news dl dd p{ clear:both; font-size:14px; line-height:22px; color:#666666;}	

	

	.imainbg4{}
	.imain4{ clear:both; width:98%; margin:0 auto; padding-top:0px; overflow:hidden; }
	.imain4 ul { width:98%; padding-top:20px;}
	.imain4 li { float:left; width:50%; text-align:center;}
	.imain4 .biaoti { font-size:21px; font-weight:bold; line-height:56px;}
	.imain4 p { line-height:23px;}
	
	.info_listimg ul li{ float:left; width:46%; padding:5px 1% 5px 2%; text-align:center;}
	.info_view .bigimg img{ width:50%;}
	.product_list li{ float:left; width:46%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}
	
	.linkbox{ display:none}



	

	
	.footermenu { display:none;}
	footer dl{ display:none;}
	footer .banquan{ margin:0 auto;width:98%;line-height:21px; color:#ffffff; border:0px; padding:0px;}
	footer .banquan a,footer .banquan a:link,footer .banquan a:visited,footer .banquan a:active{color:#ffffff; text-decoration:none;}
	footer .banquan a:hover{color:#ff0001; text-decoration:underline;}
	.linkbox { display:none;}

}


@media screen and (max-width:640px)
{
	header .logo{width:76%; margin:0; text-align:left; padding:3% 2% 0 0;}
	header .logo img { width:100%;}
	
	header .wapnav{display:block; width:15%; margin-top:20px;}	
	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; }
	
	.guanjianci  { text-align:center; font-size:14px; padding:15px 20px;}
	.websearch { width:320px;  margin-bottom:5px;}
	.websearch ul li .input {width:200px;}
	
	.imainbg3{ padding:0px 0px 0px 0px;}
	
	.imainbg4{ padding-bottom:25px; }
	.imain4{ clear:both; width:98%; margin:0 auto; padding-top:0px; overflow:hidden; }
	.imain4 ul { width:98%; padding-top:0px;}
	.imain4 li { float:left; width:50%; text-align:center;}
	.imain4 li img { width:60%;}
	.imain4 .biaoti { font-size:18px; font-weight:bold; line-height:36px;}
	.imain4 p { line-height:21px; font-size:12px; padding:0px 2px}
	
	.news dl{ float:left; width:98%; padding:0px 2% 0px 0px; overflow:hidden;}
	.news dl dt{ float:left; width:35%;}
	.news dl dt img{ width:95%; border-radius: 10px 10px 10px 10px;}
	.news dl dd{ float:right; width:63%;}
	.news dl dd .biaoti{ clear:both; line-height:22px; height:22px; overflow:hidden;}
	.news dl dd .biaoti a{ font-size:16px; font-weight:bold;}
	.news dl dd .riqi{ display:none;}
	.news dl dd p{ clear:both; font-size:14px; line-height:22px; height:65px; overflow:hidden; color:#666666;}

	.contact { display:none;}
	/*.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;}
	

}


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

}