@media screen and (min-width :728px) and (max-width :999px){#container{margin-left:-364px;width:728px}
#prevslide,#nextslide{display:none!important}
.about-scroll{width:100%}
.left{width:392px}
.right{width:264px}
.img-staf a{margin:0 10px 10px 0!important;clear:none!important}
.img-staf a:nth-child(2n){margin-right:0!important}
.img-staf a:nth-last-child(-n+2){margin-bottom:0!important}
.img-staf a:nth-child(2n+1){clear:both!important}
#portfolio-scroll{width:688px}
#portfolio-list a{width:143px}
#portfolio-list img{width:143px}
.map { height:300px; width:90%; margin-bottom:20px; overflow:hidden; }
.contact-form{width:90%; float:none }
#contact input[type="text"],#contact textarea{width:300px}
#contact textarea{width:90%;}
.newnav { font-size:12px; line-height:26px; padding-right:30px; padding-left:30px }
.wen { color:#444; line-height:26px; font-size:14px; text-indent:0px; padding:0 30px }
.wen1 { color:#444; line-height:18px; font-size:14px; text-indent:0px; padding:0 30px }


#prevslide,#nextslide{display:none!important}
#progress-back{display:none!important}
#content{margin-bottom:10px}
header #logo{padding:5px;float:left}
header #logo img { width:100px; }
header nav{padding:0;text-align:center;position:absolute;top:60px; left:0; width:100%; background:rgba(0,0,0,0.7)}

nav li{display:inline-block; text-align:center; padding:0 3px 10px 3px}
nav li:first-child{padding-left:0}
nav li a{text-decoration:none;color:#fff;font-size:14px;}
nav li a.active{color:#039345}
nav li a.yanse{color:#fff;}
nav li a:hover{color:#039345;transition:color .2s linear;-moz-transition:color .2s linear;-webkit-transition:color .2s linear;-o-transition:color .2s linear}
#social-icon{margin-top:0;position:absolute;top:0;right:0}
.ss { margin-top:0;position:absolute;top:13px;right:100px }
header{margin-bottom:40px}
}
@media screen and (min-width :440px) and (max-width :727px){#container{margin-left:-220px;width:440px;bottom:auto!important;top:20px }
#prevslide,#nextslide{display:none!important}
#progress-back{display:none!important}
#content{margin-bottom:10px}
header #logo{padding:5px;float:left}
header #logo img { width:100px; }
header nav{padding:0;text-align:center;position:absolute;top:60px; left:0; width:100%; background:rgba(0,0,0,0.7)}

nav li{display:inline-block; text-align:center; padding:0 3px 10px 3px}
nav li:first-child{padding-left:0}
nav li a{text-decoration:none;color:#fff;font-size:14px;}
nav li a.active{color:#039345}
nav li a.yanse{color:#fff;}
nav li a:hover{color:#039345;transition:color .2s linear;-moz-transition:color .2s linear;-webkit-transition:color .2s linear;-o-transition:color .2s linear}
.newnav { font-size:12px; line-height:26px; padding-right:20px; padding-left:10px }
.wen { color:#444; line-height:26px; font-size:14px; text-indent:0px; padding:0 10px }
.wen1 { color:#444; line-height:18px; font-size:14px; text-indent:0px; padding:0 10px }
#social-icon{margin-top:0;position:absolute;top:0;right:0}
.ss { margin-top:0;position:absolute;top:13px;right:100px }

.about-scroll{width:100%; overflow-x:hidden}
.left{width:375px}
.right{float:left;clear:both;width:383px;margin-right:0}
.img-staf a{margin:0 7px 7px 0;clear:none}
#portfolio-scroll{width:400px}
#portfolio-list a{width:169px}
#portfolio-list img{width:169px}
#portfolio-list ul li{margin:0 15px 15px 0!important;clear:none!important}
#portfolio-list ul li:nth-child(2n){margin-right:0!important}
#portfolio-list ul li:nth-last-child(-n+2){margin-bottom:0!important}
#portfolio-list ul li:nth-child(2n+1){clear:both!important}


#map{display:none!important}
.map { height:260px; width:90%; margin-bottom:20px; overflow:hidden; }
.contact-form{width:90%; float:none}
#contact input[type="text"],#contact textarea{width:200px}
#contact textarea{width:90%;}


.newslist { margin-left:10px; }
.newslist .tu { width:180px; height:96px; float:left; margin-left:50px }
.newslist .conts{ float:left; width:90%; margin-top:30px }
.newslist .day,.newslist .date{ background-color:#039345;display:block; text-align:center; font-family:Arial; }
.newslist .day{ color:#fff; font-size:30px; line-height:36px }
.newslist .date{ font-size:12px; color:#fff; line-height:18px }
.pagenavi {margin:0; width:96% }
header{margin-bottom:40px}

#nav1 {
     text-align:left; text-indent:0px; transition:top linear .2s; 
    /*定义整个ul菜单的行高和背景色*/
}

/*==================一级目录===================*/
#nav1 a {
      background:#636361; width:90%; padding-left:10%; color:#fff; float:left; line-height:34px; border-bottom:1px solid #fff; transition:all linear .2s; font:14px/34px microsoft yahei; 
	  
       /*Width(一定要)，否则下面的Li会变形*/
}

#nav1 li {
        
	   
       margin:0;
	   width:100%;
	  
       float:left;
       /*float：left,本不应该设置，但由于在Firefox不能正常显示       继承Nav的width,限制宽度，li自动向下延伸*/
}




#nav1 a:hover  {
      background:#039345; color:#fff; transition:all linear .2s;
	   
	 
}
#nav1 a.dqwz  {
      background:#039345; color:#fff; transition:all linear .2s;
	   
	 
}

/*==================二级目录===================*/
#nav1 li ul {
       list-style:none;
       text-align:left;
	   margin:0; 
	   padding:0;
}
#nav1 li ul li{       
      
	   
	  
	    list-style:none; line-height:34px; margin:0; 
		
}

#nav1 li ul a {
         color:#fff; font-weight:100; font-size:12px; background:#636361; width:88%; padding-left:12%; line-height:34px; display:block
		
       /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}

/*下面是二级目录的链接样式*/

#nav1 li ul a:hover {
     color:#fff; background:#039345 
       /* 二级onmouseover的字体颜色、背景色*/
}
#nav1 li:hover ul {
       left: auto;
}
#nav1 li.sfhover ul {
       left: auto;
}
#content {
       clear: left; 
}
#nav1 ul.collapsed {
       display: none;
}
.span3 { width:35%; float:left; }
.span9 { width:65%; float:right; }

}
@media screen and (max-width:439px){#container{margin-left:-160px;width:320px;bottom:auto!important;top:20px }
#prevslide,#nextslide{display:none!important}
#progress-back{display:none!important}
#content{margin-bottom:10px}
#prevslide,#nextslide{display:none!important}
#progress-back{display:none!important}
#content{margin-bottom:10px}
header #logo{padding:5px;float:left}
header #logo img { width:90px; }
header nav{padding:0;text-align:center;position:absolute;top:55px; left:0; width:100%; background:rgba(0,0,0,0.7)}
.newnav { font-size:12px; line-height:26px; padding-right:20px; padding-left:10px }
.wen { color:#444; line-height:26px; font-size:14px; text-indent:0px; padding:0 10px }
.wen1 { color:#444; line-height:18px; font-size:14px; text-indent:0px; padding:0 10px }
nav li{display:inline-block; text-align:center; padding:0 10px 5px 10px}
nav li:first-child{padding-left:0}
nav li a{text-decoration:none;color:#fff;font-size:14px;}
nav li a.active{color:#039345}
nav li a.yanse{color:#fff;}
nav li a:hover{color:#039345;transition:color .2s linear;-moz-transition:color .2s linear;-webkit-transition:color .2s linear;-o-transition:color .2s linear}
#social-icon{margin-top:0;position:absolute;top:0;right:0}
.ss { margin-top:0;position:absolute;top:13px;right:100px }
.about-scroll{width:100%; overflow-x:hidden}
.left{width:242px}
.right{float:left;clear:both;width:242px;margin-right:0}
.img-staf a{margin:0 10px 10px 0!important;clear:none!important;width:100px;height:100px}
.img-staf a:nth-child(2n){margin-right:0!important}
.img-staf a:nth-last-child(-n+2){margin-bottom:0!important}
.img-staf a:nth-child(2n+1){clear:both!important}
.img-staf img{width:100px;height:100px}


.newslist { margin-left:10px; }
.newslist .tu { width:160px; height:85px; float:left; margin-left:20px }
.newslist .conts{ float:left; width:90%; margin-top:30px }
.newslist .day,.newslist .date{ background-color:#039345;display:block; text-align:center; font-family:Arial; }
.newslist .day{ color:#fff; font-size:30px; line-height:36px }
.newslist .date{ font-size:12px; color:#fff; line-height:18px }
.pagenavi {margin:0; width:90% }
#portfolio-scroll{width:264px}
#portfolio-list a{width:230px;height:160px}
#portfolio-list img{width:230px;height:160px}
#portfolio-list ul li{margin:0 0 15px 0!important;clear:both!important}

#map{display:none!important}
.map { height:200px; width:90%; margin-bottom:20px; overflow:hidden; }
.contact-form{width:90%; float:none }
#contact input[type="text"],#contact textarea{width:150px}
#contact textarea{width:230px;}
header{margin-bottom:60px}

#nav1 {
     text-align:left; text-indent:0px; transition:top linear .2s; 
    /*定义整个ul菜单的行高和背景色*/
}

/*==================一级目录===================*/
#nav1 a {
      background:#636361; width:90%; padding-left:10%; color:#fff; float:left; line-height:34px; border-bottom:1px solid #fff; transition:all linear .2s; font:14px/34px microsoft yahei; 
	  
       /*Width(一定要)，否则下面的Li会变形*/
}

#nav1 li {
        
	   
       margin:0;
	   width:100%;
	  
       float:left;
	  
       /*float：left,本不应该设置，但由于在Firefox不能正常显示       继承Nav的width,限制宽度，li自动向下延伸*/
}




#nav1 a:hover  {
      background:#039345; color:#fff; transition:all linear .2s;
	   
	 
}
#nav1 a.dqwz  {
      background:#039345; color:#fff; transition:all linear .2s;
	   
	 
}

/*==================二级目录===================*/
#nav1 li ul {
       list-style:none;
       text-align:left;
	   margin:0; 
	   padding:0;
}
#nav1 li ul li{       
      
	   
	  
	    list-style:none; line-height:34px; margin:0; 
}

#nav1 li ul a {
         color:#fff; font-weight:100; font-size:12px; background:#636361; width:88%; padding-left:12%; line-height:34px; display:block
		
       /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}

/*下面是二级目录的链接样式*/

#nav1 li ul a:hover {
     color:#fff; background:#039345 
       /* 二级onmouseover的字体颜色、背景色*/
}
#nav1 li:hover ul {
       left: auto;
}
#nav1 li.sfhover ul {
       left: auto;
}
#content {
       clear: left; 
}
#nav1 ul.collapsed {
       display: none;
}
.span3 { width:40%; float:left; }
.span9 { width:60%; float:right; }
}