@charset "utf-8";

/* HTML5 定义 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html {font-size:100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; }/*文字大小根据设备(浏览器)自动调整*/

a{font-family:微软雅黑,"微软雅黑",Verdana,Arial,"宋体",Helvetica, sans-serif;text-decoration: none; font-size:100%;}
a:link   {color:#070707;}
a:visited{color:#070707;}
a:hover  {color:#087bd4;}
a:active {color:#004174;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */  

body { background:#fff; text-align:center; margin:0; color:#414141; line-height:200%; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; font-family:微软雅黑,"微软雅黑",Verdana,Arial,"宋体",Helvetica, sans-serif;font-size:75%;/*即12px,12/16=0.75*/}
div,ul,li,dl,dt,dd,form{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
img, object, embed, video {max-width: 100%;border:0;}
input,select{ vertical-align:middle;}
p{ margin:13px auto; padding:0;}
hr{border-top:#e1e1e1 1px solid; border-bottom:#fff 1px solid; background:none; border-left:none; border-right:none}
*{-webkit-text-size-adjust:none;} /*解决webkit内核浏览器强制最小字体*/
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.4s,color 0.3s;-webkit-transition:background-color 0.4s,color 0.3s;-moz-transition:background-color 0.4s,color 0.3s; -o-transition:background-color 0.4s,color 0.3s;}

/*底部固定*/
#Menu_Fixed{ position:fixed; z-index:100; left:0; top:auto; bottom:0; width:100%; height:4em; border-top:#ccc 1px solid;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background:-moz-linear-gradient(top, #fff,#e6e6e6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e6e6e6,grandientType=1);}
#Menu_Fixed ul{ width:100%; height:4em; max-width:980px; margin:0 auto;border-right:#ccc 1px solid;}
#Menu_Fixed ul li{ float:left;overflow:hidden; line-height:100%;}
#Menu_Fixed ul li a{ color:#888; display:block; height:4em; border-left:#ccc 1px solid; cursor:hand; cursor:pointer; -moz-text-shadow:1px 1px 1px #fff; -o-text-shadow:1px 1px 1px #fff;-webkit-text-shadow:1px 1px 1px #fff;text-shadow:1px 1px 1px #fff; padding:0 1em;}
#Menu_Fixed ul li a:hover,#Menu_Fixed ul li a:active{ background:#e1e1e1;}
#Menu_Fixed ul li a span{ font-size:1.8em; margin:0.2em 0; display:inline-block;}


#header{ position:relative; width:100%; background:#fff; height:5em; margin:0 auto; z-index:1000; box-shadow:0 2px 2px #ccc; border-bottom:#e1e1e1 1px solid\9}
#top{ width:980px; height:100%;  margin:0 auto; text-align:left; position:relative; z-index:1000;}
#logo{ float:left; width:200px; height:100%;}
#logo a{ display:block; height:100%; overflow:hidden;line-height:100%; vertical-align:middle; margin:0 auto;}
#logo a img{ vertical-align:middle; max-height:90%; margin-top:5%;}
/*大屏幕主导航*/
#menu{ float:right; width:710px; height:100%;}
#menu .mainlevel{ float:left; height:100%; position:relative;}
#menu .mainlevel a{ display:block; height:100%; line-height:400%; border-left:#e1e1e1 1px solid;  padding:0 10px;text-align:center; color:#070707; font-size:1.25em}
#menu .mainlevel a span{ padding:0 0.3em 0 0;}
#menu .mainlevel.hover{ background:#087bd4;}
#menu .mainlevel.hover a{ color:#fff; border:none;}
#menu .mainlevel ul{ position:absolute; left:0; top:100%;   padding: 0 0 10px; display:none; background:#087bd4; width:auto !important; width:100%; min-width:100%;}
#menu .mainlevel ul a,#menu .mainlevel.hover ul a{ color:#acdbff;white-space:nowrap; height:30px; line-height:30px; border:none;}
#menu .mainlevel ul a:hover,#menu .mainlevel.hover ul a:hover{background:#087bd4; color:#fff;}
/*移动端主导航*/
#mobileMenuBtn{ position:absolute; font-size:2.5em; left:auto; right:0; top:0; padding:0 0.5em; height:2em; line-height:200%; text-align:center; cursor:hand; cursor:pointer; border-right:#e1e1e1 1px solid; z-index:1002; display:none; color:#999}
#mobileMenuBtn.selected{ color:#087bd4;}
#mobileMenu{ position:fixed; left:auto; right:-60%; top:0; width:auto; height:100%; overflow:hidden; text-align:left; z-index:100; display:none;background:#f2f2f2;-moz-box-shadow:0px 2px 6px #bbb;-o-box-shadow:0px 2px 6px #bbb;-webkit-box-shadow:0px 2px 6px #bbb;box-shadow:0px 2px 6px #bbb; border-left:#ddd 1px solid\9;}
#mobileMenu.openAll{ left:0;}
#menu_scroller{ position:relative; width:100%; height:100%; overflow-y:scroll;padding:60px 0 0 0; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
#mobileMenu .nav{width:100%; }
#mobileMenu .nav li{ padding:10px 0;}
#mobileMenu .nav li a{ display:block; line-height:150%; font-size:1.3em;}
#mobileMenu .nav li a span{ padding-right:0.5em;}
#mobileMenu .nav li.mainlevel{ border-top:#e1e1e1 1px solid;}
#mobileMenu .nav li.mainlevel a{padding:0 20px;}
/*#mobileMenu .nav li.mainlevel a:hover{background:#c43b2d; color:#fff;}*/
#mobileMenu .nav li.mainlevel ul li{ padding:0;}
#mobileMenu .nav li.mainlevel ul a{ font-size:1.2em; line-height: 160%; color:#aaa;}
/*#mobileMenu .nav li.mainlevel ul a:hover{background:#c43b2d; color:#fff;}*/

/*公共*/
.blank{ height:0; line-height:0; clear:both; font-size:0;}
.global_width{ width:94%; margin:0 auto; }
.floatL{ float:left;}.floatR{ float:right;}
.time{ font-size:0.9em; color:#ccc;}
.hidd{ overflow:hidden;}

/*图片列表*/
.pic{ margin-top:0.8em; overflow:hidden;background:#fff}
.pic ul{ float:left; position:relative; width:100%; margin-right:-5%;}
.pic li{ float:left; width:23%; height:auto; margin:1%; background:#fff; overflow:hidden; border:#ebebeb 1px solid; text-align:center; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
a.a_pic{ display:inline-block; width:100%; height:auto; overflow:hidden; background:#f2f2f2; text-align:  center;}
.pic li a img{ display: inline-block; max-width:100%; max-height: 100%; vertical-align: middle;}
a.pro_tit,span.pro_tit{ display:block; height:2em; width:90%; margin:0 5%;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
@media screen and (max-width:479px){
  .pic li{ width:48%;}
}

/*新闻列表*/
#News{ background:#fff}
#News li{border-bottom:#ddd 1px solid; text-align:left; line-height:150%; overflow:hidden; }
a.News_pic{ display:inline-block; width:6em; height:6em; overflow:hidden; float:left; margin:0.8em 1em 0.8em 0.8em;}
a.News_pic img{ max-height:6em; height:6em\9; width:6em\9;}
a.News_tit{ display:block; max-height:4em; overflow:hidden; padding:0.8em 0.8em 0 0;}

@media screen and (min-width:1000px){
  #News li{ width:50%; float:left;}
}

/*页脚*/
#foot_box{ width:100%; background:#fafafa; margin:0 auto;border-top:#e8e8e8 1px solid; margin-top:1em; padding-bottom:4em;}
#foot{clear:both; padding:0.6em 0;}
#goTop{ float:right; cursor:hand; cursor:pointer; display:none;}
#goTop span{ font-size:2em;}
#foot,#foot a,#goTop span{color:#bbb}
/*返回上一页*/
#back span{ font-size:2.5em; position:absolute; left:0; top:0; padding:0 0.5em; height:60px; line-height:200%; text-align:center; cursor:hand; cursor:pointer; z-index:1002; color:#999;}
@media screen and (max-width: 999px){
  #top{ width:96%;}
  #logo{ float:none; text-align:center; /* margin:0 auto; */}
  #logo a{ width:100%; text-align:center;}
  #menu{ display:none;}#mobileMenuBtn{ display:inline-block;}
}
@media screen and (min-width:1000px){
  .global_width{ width:980px;}
  #back{ display:none;}
}

.photoList{width: 100%; height: auto; margin-top: 20px; overflow: hidden;}
.photoList li{ float:left;width: 50%; height: auto; padding:0 5px; box-sizing: border-box;}



#mobileMenuBtn .navBtn {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 15px;
}

#mobileMenuBtn .navBtn span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  margin: 6px 0;
  -webkit-transition: .3s;
  transition: .3s;
}

#mobileMenuBtn.selected span {
  background-color:#087bd4;}