@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1025px) and (max-width:1810px){
	header .top{ height:auto; overflow:hidden; padding:26px 3% ;}
	.wd{ padding:0 3%;}
}
@media screen and (max-width: 1260px) {.nav li a{margin:0 15px !important; }
	header .top { padding: 26px 3%;}
	header .top h1{  float:left; padding-top:10px;}
	.derplist li{width:20%;}
	
	.wd{ padding:0 3%;}
	
}

@media screen and (max-width: 980px) {
	.nav,.lan{ display:none;}
	
	header .top{ padding:12px 0 0 0;}
	.demo-buttons{display: block;}
	header .top h1{ width:90%;  float:none; margin:auto; padding-top:0px;}
	header{ position: relative;}
	header .top h1 img{max-width: 14%;}
	
	

}

@media screen and (max-width: 768px) {
	header{ height:90px;}
	.nav,.teltop{ display:none;}
	h2{font-size:2rem; }
	.derp .derleft {width: 100%;float: none;}
	.derp .deright{width: 100%;float: none; }
.derp .deright .list ul li{ margin-bottom:0;}	
.dsanp {padding: 15% 0;}
.dsanp ul li p {font-size: 15px;}
.dsanp ul li{ width:48%; margin-bottom:10%; }
.dwup ul{ margin-right:0%;}
.dwup ul li{ width:100%; float:none; margin-right:0%; padding:10% 0; margin-bottom:20px;}	
}


@media screen and (max-width:640px) {
	.seach{ display:none;}
	.postions .postions_b {float: left; position:relative;}
	.inner_img {display: inline-block;width:100%;float: none;margin-left: 0px;margin-top:20px; padding-bottom:20px;}
	.in_about_workshops li{width: 48%; margin-bottom:10px;}
	.nspr ul{margin-right:0%; margin-top:3%;}
	.nspr ul li{ width:100%; height: auto; float:none; overflow:hidden; margin-right:0%; background:#fff; padding-bottom:2%; margin-top:30px;}
	.newsleft,.newsright{width:100%; height:auto; float:none; margin:4% 0;}
	.cbgg-01{ display:none;}
	.news_box{ margin:5% auto; width:100%; height:auto; overflow:hidden; float:none; overflow:hidden; border-right:0px #eaeaea solid; padding:0 3% 0 0;}
	.news_right{ width:100%; float:none; height:auto; overflow:hidden;margin:5% auto;}
	.fwzc-content {position: relative;width: 100%;background-color: #f2f2f2; height:auto;overflow:hidden; padding:10% 0;}
	.fwzc-content ul li{ width:48%; float:left; background:#fff; height:auto; overflow:hidden; padding:50px 0; margin:3% 2% 0 0;}
	.newbox ul li .pic{ width:100%; float:none; margin-bottom:20px;}
	.newbox ul li .txt{ float:none; width:100%;}
	.contentleft,.contentright{ width:100%; float:none;}

	
	
}
@media screen and (max-width:460px){
	h2{font-size:2rem; }
	header .top h1 img{max-width:20%;}
	.dyip ul{ margin-right:0%;}
	.dyip ul li{  width:100%;}
	.derp h3, .dsanp h3 { margin-top:30px;}
	.derp .box ul li{width: 48%;margin: 25px 0 ;}
	.derp .box ul li:nth-child(2n){ display:none;}
	.derp .box .box2 p em {font-size: 20px;}
	.derp .box .box2{ margin-bottom:30px;}

	.derp .box { margin: 20px 0;}
	.dsip { margin-top:30px;}
	.dsip ul{ margin-right:0%;}
	.dsip ul li{ width:100%; float:none; margin-right:0%; margin-top:5%;}
	
	.foot .flwd {width:100%;float: none; padding-top:30px;}
	.foot .flwd dl {width:33.33%;float: left;}
	.foot .flwd .trx {width: 100%;float: left; margin-top:30px}
	.foot .midwd {width: 150px;float: none; display:block; margin:30px auto; clear:both;}

}
