@charset "utf-8";

/*<=1366px*/
@media screen and (max-width:1365px)
{
.tubiao{width:40%;}
.nav{ display:none}

}


/*<=1279px*/
@media screen and (max-width:1279px)
{

header .logo{float:left; width:35%; margin:0; padding:0% 0 0 0;}
header .logo img{ width:420px;}
header .headerright{float:right; width:65%; padding:0; }
header .wapnav{float:right; display:none;}

/*mainnav*/
.mainnav{float:right; width:92%; margin:0 auto;}
.mainnav:after, .mainnav:before {content: '';display: block;clear: both;height: 0;}

.mainnav a{float:left; line-height:93px; width:12.2%; font-size:16px; text-align:center; color:#333333;text-decoration:none; display:block; margin-top:20px;}
.mainnav a:link,.mainnav a:visited{color:#333333;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#ffffff; background:#de0025;}

.about_edulist{position:relative; width:21%; float:left; margin-left:26px; margin-bottom:20px;color:#333333; text-align:center; line-height:30px; padding:10px; border:1px dashed #c5c5c5;  }
.eduimg{ width:260px;position:relative; overflow: hidden; background-color:#000; height:214px;}

}



/*<=1152px*/
@media screen and (max-width:1152px)
{
.about_edulist{position:relative; width:20%; float:left; margin-left:26px; margin-bottom:20px;color:#333333; text-align:center; line-height:30px; padding:10px; border:1px dashed #c5c5c5;  }
.eduimg{ width:240px;position:relative; overflow: hidden; background-color:#000; height:180px;}
.tubiao{width:45%;}



a.btn,a.btn:link,a.btn:visited{
	font-size:14px;
	line-height:38px;
	text-align:center;
	background-color:#666666;
	color:#fff;
	text-decoration:none;
	-webkit-transition: background-color 1.0s ;
	-moz-transition: background-color 1.0s ;
	-o-transition: background-color 1.0s;
	transition: background-color 1.0s;
	padding:1%;
}

}

/*<=1023px*/
@media screen and (max-width:1023px)

{
	
	header .wapnav{display:block; width:15%; margin-top:10px; margin-bottom:10px;}	
	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;}

	header .logo{float:left; width:70%; margin:0; padding:0% 0 0 0;  }
	header .logo img{ width:80%; }
	
	.mainnav{display:none; margin-bottom:20px;}
	.mainnav a{width:98%; padding-left:2%; text-align:left; line-height:30px; margin-top:0px; font-size:14px;}
	.position{display:none;}
	
	.positioninfo{ padding:10px 0 0 40px; line-height:44px; color:#434343; font-size:18px; background:url(images/positionbg.gif) no-repeat; margin-bottom:0px; }
	
	
	.biaoti{ display:none}
	
	.protubiao{ clear:both; max-width:100%; margin:0 auto; padding-top:3%;}
	.protubiao ul{}
	.protubiao li{ width:30%; font-size:12px; color:#333333; line-height:20px; text-align:center; padding-right:1.5%; padding-left:1.5%;}
	.protubiao li img{ width:70%;}

	.imain2{ margin:20px auto 20px auto;}
	.imain2 h3{ clear:both; height:30px; line-height:30px;}
	.imain2 h3 a{font-size:22px;}
	.imain2 h2{ font-size:14px; padding-top:0px; height:20px;}
	
	.imain2 .news{background-color:#f4f4f4; padding-bottom:2%; margin-top:1%}
	.imain2 .news:after, .imain2 .news:before {content: '';display: block;clear: both;height: 0;}
	
	.huandeng{float:none; width:92%;overflow:hidden;padding-top:3.5%; padding-left:4%;}
	


	
	.newsl{float:none; width:96%; margin: 0 auto}
	.newsl dl{clear:both; width:100%;overflow:hidden; cursor:pointer; height:100%; padding-bottom:4%; }
	.newsl dt{float:left; width:26%; color:#858585;padding-top:0px; font-size:14px }
	.newsl dd{float:left; width:73%; margin-top:2%;}
	.newsl dd a{ font-size:16px; line-height:24px; height:24px;text-decoration:none;overflow:hidden;}
	.newsl dd a:hover{color:#9c0000;}
	.newsl dd p{ font-size:14px; line-height:22px; height:46px; overflow:hidden}
	
	
	
	/*日期新样式*/
	.dtmwarp{ display:block; float:left; width:80%; margin-top:10%;}
	.dtmwarp:hover{ background-color:#e5e5e5}
	.dtmd{ font-size:22px; line-height:32px; border-bottom:1px dashed #999999; color:#848484}
	.dtmym{font-size:14px; line-height:36px;color:#848484}


	

	.yeji h3 a{font-size:22px; color:#4c4c4c;}
	.yeji h2{font-size:14px; padding-top:0px; height:30px;}
	
	

	
	/*.about_edulist{width:48%; line-height:30px; margin-left:0%;  margin-right:0px; margin-bottom:3%; border-right:0px dashed #c5c5c5;}
	.eduimg{width:100%; text-align:center; margin:10px auto 10px auto; }*/
	
	.about_edulist{position:relative; width:20%; float:left; margin-left:26px; margin-bottom:20px;color:#333333; text-align:center; line-height:30px; padding:10px; border:1px dashed #c5c5c5;  }
	.eduimg{ width:200px;position:relative; overflow: hidden; background-color:#000; height:150px;}
	

	.linkbox h3{font-size:22px; color:#4c4c4c;}
	.linkbox h2{font-size:14px; padding-top:0px; height:30px;}
	

	.linkbox .content{ background-color:none;}
	.linkbox .content ul{margin-top:0%; border:#00FF00 1px solid}
	.linkbox .content li{float:left; width:23%; padding:1%;}
	.linkbox .content li img{width:100%;}
	

	.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;}
	
	
	.info_listxw dl{ clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}
    .info_listxw dl:before{ content: "";background: #f8f8f8; width: 100%; height: 100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }

    .info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
    .info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

    .info_listxw dl dt{ float:left; width:30%; text-align:left;position:relative;}
    .info_listxw dl dt img { display: block; width:98%; border:1px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms; }
    .info_listxw dl dd{ float:right; width:68%; padding-left:2%; position:relative;}
    .info_listxw dl dd a.title{ clear:both; display:block; font-size:15px; line-height:24px; height:24px; overflow:hidden}
    .info_listxw dl dd .jianyao{ display:none}

    .info_listxw dl dd .newsdate{ clear:both; color:#999999; line-height:22px;}

    .info_listimgzs{clear:both;margin-top:0px;padding:0px;}
    .info_listimgzs ul{clear:both;}
    .info_listimgzs ul li{ float:left; width:45%; padding:5px 2.5% 5px 2.5%; text-align:center; margin-top:10px; line-height:26px;}
    .info_listimgzs ul li img{ width:100%;}
	


	.info_listimg ul li{width:45%; padding:1%; text-align:center; margin-top:0px; line-height:20px;}
	.info_listimg ul li a{padding:5%;}
		
	
	.footerbg{ display:none}
	#leftsead{display:none}
	
	.footer1{line-height:24px; padding:3%; margin:5% auto 0 auto;}
	.product_view div.content img{ width:100%;}
	
	.menu1 li{float:left;}
	.menu1 li a,.menu1 li a:link,.menu1 li a:visited {color:#ffffff; line-height:40px; height:40px; padding:4px 10px 4px 10px; background:#7a7a7a; text-align:center; font-size:14px; margin:0 5px;}
	
	
	.info_viewlianxi{clear:both; width:98%; margin:0 auto}
	.info_viewlianxi .content{padding:10px 5px; }
	.info_viewlianxi .content .wenzi{float:none; width:90%; background:url(none) no-repeat;font-size:14px;line-height:27px; height:100%; padding-left:0%;}
	.info_viewlianxi .content .erweima{float:none;width:90%; padding-top:0%; }
	.info_viewlianxi .content .erweima .weixin{ float:left; width:48%;}
	.info_viewlianxi .content .erweima .weixin img{ width:100%;}
	.info_viewlianxi .content .erweima .qq{ float:right; width:48%;}
	.info_viewlianxi .content .erweima .qq img{ width:100%;}
	
	

	.menu3 span a {color:#ffffff; line-height:30px; height:30px; background:#7a7a7a;padding:4px 2.5% 4px 2.5%;  text-align:center; font-size:16px; margin:0px 1px; }
	.menu3 span a:link,.menu3 span a:visited{color:#fff; }
	.menu3 span a:hover,.menu3 span a.active,.menu3 span a.active:link,.menu3 span a.active:visited{background:#dc0025; text-decoration:none;}
	
	.pq{ display:none}
	
		

}

@media screen and (max-width:940px)

{	

.tubiao{width:55%;}
.about_edulist{position:relative; width:26%; float:left; margin-left:26px; margin-bottom:20px;color:#333333; text-align:center; line-height:30px; padding:10px; border:1px dashed #c5c5c5;  }
.eduimg{ width:240px;position:relative; overflow: hidden; background-color:#000; height:200px;}


	
}


@media screen and (max-width:768px)


{	
.tubiao{width:58%;}
	.nav{ display:none}
	.topimage{display:none;}
	

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

	
    .mainpage{margin:0 auto 0 auto;}
	.headerbox{position:relative;}

	.bannerwrap{margin:0 auto;}	
	

	.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:3% 1.5% 1% 1.5%; font-size:14px; line-height:21px; text-align:center; height:auto}
	
	.linkbg{ display:none}
	
	
	.footerpage{padding:10px 0; background-color:#e4e4e4; margin-top:5%;}
	footer{padding:0 10px;}
	footer .banquan{float:none; width:96%; line-height:22px;}
	footer dl{ float: none;}
	
	
	.about_edulist{position:relative; width:40%; float:left; margin-left:26px; margin-bottom:20px;color:#333333; text-align:center; line-height:30px; padding:10px; border:1px dashed #c5c5c5;  }
	.eduimg{ width:286px;position:relative; overflow: hidden; background-color:#000; height:214px;}
	.eduimg img{position: absolute;display: block;left: 0px;top: 0px; width:100% }


}


@media screen and (max-width:640px)
{
.tubiao{width:75%;}
	.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;}
	.about_edulist{position:relative; width:38%; float:left; margin-left:26px; margin-bottom:20px;color:#333333; text-align:center; line-height:30px; padding:10px; border:1px dashed #c5c5c5;  }
	.eduimg{ width:286px;position:relative; overflow: hidden; background-color:#000; height:214px;}
	.eduimg img{position: absolute;display: block;left: 0px;top: 0px; width:100% }
	.product_view div.content img{ width:80%;}
	
	
	.linkbox .content li{float:left; width:30%; padding:1% 1.5% 1% 1.5%;}
	
}




@media screen and (max-width:480px)
{
.tubiao{width:90%;}

.about_edulist{position:relative; width:40%; float:left; margin-left:10px; margin-bottom:20px;color:#333333; text-align:center; line-height:30px; padding:10px; border:1px dashed #c5c5c5;  }
.eduimg{ width:168px;position:relative; overflow: hidden; background-color:#000; height:110px;}

}


@media screen and (max-width:430px)
{
	.tubiao{width:90%; margin:0 auto}
	.tubiao .banben{ width:50%; }

}



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

}