@charset "utf-8";
/**comm**/
*{margin:0;padding:0}
body{font-size:14px;color:#999;font-family:"\5FAE\8F6F\96C5\9ED1",Verdana,Geneva,sans-serif;line-height:1.8em;background:#fff}
.st{font-family:"瀹嬩綋"}
h1,h2,h3,h4,input,textarea{font-family:"\5FAE\8F6F\96C5\9ED1"}
a{ text-decoration:none; color:#666}
.blue {color:#2582cb}
a:hover{color:#c00;text-decoration:none}
.red,a.red:hover,a.red:link,a.red:visited{color:#c00}
img{border:none;zome:1}
dl,li{list-style:none}
.clear:after,.clear:before{content:".";display:block;height:0;visibility:hidden}
.clear{clear:both}
.left{float:left}
.right{float:right}
img{border:none;}
.wrap{ width:1200px; margin:0 auto; }
.nextpage{width:46px;height:50px;background:url(../images/units-icons.png) -47px 0;position:absolute;left:50%;bottom:50px;margin-left:-25px;display:none;z-index:9999;-webkit-animation:guideTop 1.5s infinite}
@-webkit-keyframes guideTop{0%{-webkit-transform:translateY(42px);opacity:0; display:none}
60%{-webkit-transform:translateY(12px);opacity:1}
100%{-webkit-transform:translateY(0);opacity:0}
}

input,textarea{-webkit-appearance: none;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:400}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
.container{width:1200px;margin:0 auto;overflow:hidden}
.auto_hide li,#news2 li a,#case_right li  p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-moz-binding:url(/css/ellipsis.xml#ellipsis)}
.news_list li p{text-overflow:normal;white-space:normal}
.animate{
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;  
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}
header{ position:relative}
#top{ position:absolute; left:50%;top:45px; z-index:100; width:1420px; margin-left:-710px; }
#logo{ width:250px; position:absolute; left:0px; top:0px;}

nav{ width:80%; position:absolute; right:0px; top:0px}
nav li a{font-size:14px;  height:55px; display:inline-block; padding:0 30px; color:#fff; position:relative}
nav li a.cur,nav li a:hover{ background:#d92a2c; color:#fff}
nav li { float:left; height:55px; line-height:55px;   color:#fff;color:rgba(255,255,255,0.5); }
nav li a.icon{ width:20px; height:16px; padding:0; background:url(../images/sprite.png) 0 -210px; overflow:hidden; text-indent:-999px; margin-top:25px;}
nav li.oa{ margin:0 10px}
nav li.oa a{ padding:0 5px}
nav li.search{ display:none}
nav li.sitemap a.icon{ background-position:0 -230px; margin-top:22px;}
nav li.oa a:hover{ background:none}
.subnav{position:absolute; top:90px; z-index:111; height:50px;background:#666; background:rgba(0,0,0,0.3); width:100%; display:none}
.subnav  li{ height:50px; font-size:14px; /*display:inline-block;*/ float:left; text-align:center; line-height:50px; overflow:hidden;}
.subnav  li a{ color:#fff; display:block;/* display:table-cell; vertical-align:middle; */height:63px; padding:0 20px;}
.subnav  li a:hover{ font-weight:bold; background:#f3f3f3; color:#d92a2c;}

#sitemap{ position:fixed; z-index:500; background:#fff; width:425px; height:100%; top:0px; right:0; display:none; }

#sitemap .tit{ background:#4089d4; height:100px;box-sizing:border-box; color:#fff; position:relative } 
#sitemap .tit h2{font-size:18px; line-height:100px; margin-left:60px;}
#sitemap .tit a{ display:block; width:25px; height:25px; background:url(../images/sprite.png) 0 -280px; position:absolute; top:40px; right:30px; overflow:hidden; text-indent:-999px}

#sitemap  ul{ margin:30px 60px}
#sitemap  ul ul{ margin:0; clear:both; margin-top:8px}
#sitemap  li{  margin-bottom:10px; border-bottom:1px solid #eee; font-size:16px;color:#333; clear:both; overflow:hidden; padding-bottom:10px;}
#sitemap li li{ clear:none;float:left; margin:0 25px 0px 0 ; border:none; padding:0}
#sitemap li li a{ font-size:12px; color:#999;}
#sitemap li li a:hover{ color:#d92a2c}
#sitemap_qrcode { margin-left:55px; width:80px; }
#sitemap_qrcode  img{ width:100%; height:auto}


footer{ width:100%; height:400px; background:#1c1c1c; position:absolute; bottom:0px; left:0px; }
#copyright{ height:65px; line-height:65px; position:absolute; width:100%; left:0px; bottom:0;background:#000}
    #copyright .right { color:#444}
  #copyright .right a{ color:#999;}
#nav_bt { margin:60px 0; width:80%; float:left}
#nav_bt li { font-size:16px;float:left; margin-right:75px}
#nav_bt li a{ color:#fff}
#nav_bt li ul{ margin-top:20px;}
#nav_bt li  li{ font-size:14px; clear:both; float:none; margin-right:0; }
#nav_bt li  li a{ display:block; color:#999; line-height:2em}
#qrcode{ width:20%; float:right; text-align:right; margin-top:60px; padding-right:20px; box-sizing:border-box; text-align:center}







 @media screen  and (max-width: 1460px){
.wrap{width:1020px}
#top{ width:1200px; margin-left:-600px;}
 nav li a{padding:0 15px;}
footer{  height:300px; overflow:hidden }
#copyright{ height:40px; line-height:40px; }
#nav_bt { margin:30px 0;}
#nav_bt li {  margin-right:60px}
	 }
@media screen  and (max-width: 1300px){

.wrap{width:980px}

}  
@media screen  and (max-width: 1100px){
 #top{ width:980px; margin-left:-490px;}
 .wrap{width:920px} nav li a{padding:0 8px;}

#nav_bt li {  margin-right:50px}
#sitemap .tit{ height:50px}
#sitemap .tit h2{ line-height:50px; margin-left:60px;}
#sitemap .tit a{  top:13px; }
#sitemap {
   height:100%;
   } 
 #sitemap_box{ position:relative;height:100%;  -webkit-overflow-scrolling: touch; overflow: scroll; z-index:1000 }
.nextpage{ display:block}

 } 
	 
 @media screen  and (max-width: 1000px){
	  .wrap{width:100%}
	 nav li a{padding:0 8px;}
	  nav li,#nav_bt { display:none}
	   nav li.sitemap{ display:block; float:right;}
 #top{ width:90%; margin-left:-45%; top:20px;}
 #sitemap{ width:100%; height:100%;    }
 
#copyright{ font-size:11px; padding:0 10px; height:auto; text-align:center; line-height:2em; padding:12px 0}
#copyright div{ float:none !important}
 }
	  
	  
	   @media screen  and (max-width: 770px)
  
  {
	 .overflow-hidden{
    overflow:hidden !important; height:100% !important
} 
	  
	

#qrcode{ width:100%; float:none; text-align:center; overflow:hidden; margin-top:30px}
#copyright{ font-size:11px; padding:0 10px; height:auto; text-align:center; line-height:2em; padding:12px 0}
#copyright div{ float:none !important}
  nav li.sitemap a.icon{ margin-top:0px;}

  
	  }