@charset utf-8;

/* reset */
body { margin:0; padding:0; background:#FFF; color:#333; font-size:12px; font-family:微软雅黑,Microsoft YaHei; }
form, ul, li, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
img { border:0; vertical-align:bottom; }
ul, li { list-style-type:none; }
dl, dt, dd { margin:0; padding:0; }
input, select, textarea, button { font-size:12px; font-family:微软雅黑,Microsoft YaHei; vertical-align:middle; vertical-align:top \9; }


/* common */
html { overflow-x:hidden; }
.sp10 { height:10px; overflow:hidden; }

.clear { height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

a { color:#333; text-decoration:none; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
a:hover { color:#285898; text-decoration:none; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }

.trans { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.trans-all * { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.border-box { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;  -o-box-sizing:border-box; box-sizing:border-box; }
.border-box-all * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;  -o-box-sizing:border-box; box-sizing:border-box; }


body { background:#f2f2f2; }
.wrap { width:952px; margin:0 auto; }

/* header */
/*.header { height:; background:url(../images/bg.jpg) center top repeat-x; overflow:hidden; }*/
.header { height: 255px;background: url("../images/top1.jpg");background-position: center;}

.nav { background:#0d889b; }
.nav li { float:left; width:118px; height:42px; }
.nav li a { float:left; width:90%; height:42px; text-align:center; line-height:30px; margin-top:6px; color:#FFF; font-size:16px; }
.nav li a:hover, .nav li a.current { background:#FFF; border-radius:5px 5px 0 0; color:#0d889b; }

/*.nav { background:url(../image/banner.jpg) center no-repeat; background-color:#F8F8F8;position: fixed;top:175px;z-index: 1;width:100%}
.nav li a { float:left; width:118px; height:45px; text-align:center; line-height:45px;font-size:16px; font-weight: bold;margin:0 0px}
.nav li a:hover, .nav li a.current { color:#FFE7C9; }
*/
.menu {


  display: flex;
  justify-content: center;
}

.menu * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li {
  flex: 1;
  position: relative;
}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 14px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 999;
  background: #f6f6f6;
  width: 122px;
  color:#808080
}
.menu .ol-list > li > a {
  font-size: 14px;
  font-weight: normal;
  color: #00968D;
  height: 43px;
  border-bottom: 1px solid #C0C7C9;
  width: 122px;
  margin-top:-1px;
  padding-top:5px
}
.menu .ol-list > li > a:hover {
  width: 122px;
  background: #C0C7C9;
}





.banner {  }
.banner .wrap { position:relative; }
.banner .bd { padding:11px; background:#FFF; }
.banner .hd { left:2%; bottom:7%; right:2%; text-align:right; }

.slide-hd { position:absolute; }
.slide-hd li { display:inline-block; width:20px; height:5px; text-align:center; line-height:35px; background:rgba(10,10,10,.3); color:#fff; cursor:pointer; overflow:hidden; }
.slide-hd li:hover, .slide-hd li.on { background:rgba(255,255,255,.6); }


/* main common */
.list { font-size:14px; }
.list li { padding:6px 5px; border-bottom:1px dashed #2BBCFD; }
.list li i { margin-right:5px; }
.list .date { float:right; padding-left:5px; }
.list .ico { float:left; width:3px; height:3px; overflow:hidden; }

.pic-list {  }
.pic-list .item { display:inline; float:left; }
.pic-list .item .pic { text-align:center; overflow:hidden; }
.pic-list .item h3 { margin:0 auto; }

.pic-detail {  }
.pic-detail .pic { float:left; text-align:center; overflow:hidden; }
.pic-detail .text { float:right; }
.pic-detail .text h3 {  }
.pic-detail .text h3 a {  }
.pic-detail .text p { line-height:150%; }

.pic-detail-list {  }
.pic-detail-list .item {  }
.pic-detail-list .item .pic { float:left; text-align:center; overflow:hidden; }
.pic-detail-list .item .text { float:left; padding-left:10px; }
.pic-detail-list .item .text h3 { font-size:14px; }
.pic-detail-list .item .text h3 a {  }
.pic-detail-list .item .text p { line-height:180%; }

.box { padding:10px; background:#FFF; }
.box .hd { position:relative; height:27px; line-height:27px; background:#0b7d8c url(hd-bg.jpg) no-repeat; }
.box .hd h2 { float:left; height:23px; line-height:18px; margin:4px 5px 0; padding:0 15px; color:#FFF; font-size:16px; font-weight:normal; cursor:pointer; }
.box .hd h2.on { background:#FFF; color:#0064af; border-radius:5px 5px 0 0; }
.box .hd .more { position:absolute; right:10px; top:0; font-size:14px; color:#FFF; }
.box .hd .more a { color:#FFF; }
.box .bd { padding:10px 0 0; }
.box .bd .more { position:relative; text-align:right; margin-top:10px; }
.box .bd .more:before { content:''; position:absolute; left:0; top:50%; width:100%; height:3px; background:#16879a; overflow:hidden; }
.box .bd .more a { position:relative; display:inline-block; margin-right:10px; padding:0 5px; background:#FFF; }


/* footer */
.footer-nav { text-align:center; line-height:1.5; padding:20px 0; font-size:16px; color:#FFF; }
.footer-nav a { margin:0 10px; color:#FFF; }
.copyright { text-align:center; line-height:1.5; padding:15px 0; background:#FFF; font-size:13px; }
.copyright a {  }

#sj {background: url(../images/题图2.jpg);
width: 930px;height:246px
}