body,button,input,select,textarea{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1','\5b8b\4f53',tahoma,arial;}
.header-menu{ position: absolute;left: 50%;top: 20px;z-index: 999}

#footer a{margin-right: .5em;display: inline-block;}
ul {list-style: none;float: left;font-size: 12px; padding:0;}
/*ul.news {list-style: none;float: left;width: 100%;font-size: 12px; padding:0;}*/
ul.news{width: 100%;}
ul.news li{width: 100%;}
.menu-cols .title-en{line-height: 40px;} 
.f18{font-size: 18px}
.f16{font-size: 16px}
.f14{font-size: 14px}
.f12{font-size: 12px}
.borded{font-weight: 900}
.fg{color:#006650;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt5{margin-top: 5px}
.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb5{margin-bottom: 5px}
.ml20{margin-left: 20px;}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml5{margin-left: 5px}
.c333{color: #333}
.textar{text-align: right}
.textac{text-align: center}
.bdotted{border-bottom:  1px  dotted #ccc}
.news img{width:100%;height:auto;box-shadow: 3px 3px 4px #ccc;padding:5px; background:white;border:1px solid #ccc;border-radius:5px}
.sitemap a{color:#999;}
.sitemap .title a{color:#006650;font-size: 16px;font-weight: 900}
.news-block .title a{color:#333;text-decoration: none}
.col-mag .title{width: 100%;height: 30px;  margin-top: 15px; color: #959595;  text-align: center}
@media screen and (max-width: 767px){ 
	.menu-cols .title{font-size: 18px;} 
	.news-block{margin-top:15px;} 
	ul.news{margin-top: 0;  margin-bottom: 0}
	ul.news li{ width:50%;margin-bottom: 1px;line-height: 30px;text-indent: .5em;position: relative;cursor: pointer;overflow: hidden; padding: 5px;}
	ul.news li .title{ font-size: 12px; padding:5px;line-height: 20px;text-indent: 0;}
	ul.news li img{display: block;width: 100%;height:auto;}
	ul.news li{overflow: hidden;}
	#bookshelf{margin-top: 0;}
	.col-mag .title{font-size: 12px;height: 40px}
	#article img{width: 100%;height:auto;/*margin-left:-2em*/}
} 
@media screen and (min-width: 768px){ 
	.header-menu{margin-left: -375px;} 
	.menu-cols .title{font-size: 18px;} 
	.news-block{margin-top:60px;} 
	ul.news{margin-top: 30px;}
	ul.news li{background: #658f77;height: 30px; color: white;margin-bottom: 1px;width: 100%;line-height: 30px;text-indent: .5em;position: relative;cursor: pointer;overflow: hidden;}
	ul.news li img{display: none;}
	ul.news li.expand .title{position: absolute;top:20px;left: 20px; font-size: 14px; padding:5px; background:black;line-height: 20px;text-indent: 0;opacity: .5}
	ul.news li.expand img{display: block;width: calc( 100% + 30px );height: 100%; margin-left: -15px;box-shadow:0;padding:0;border: 0 }
	ul.news li.expand{height: calc(100% - 62px);overflow: hidden;}
	ul.news li.middle {background: #a5996f}
	#bookshelf{margin-top: 40px;}
	.col-mag .title{font-size: 12px}
	#article p img{width:70%;height: auto; margin:auto;display:block}

} 
@media screen and (min-width: 992px){ .header-menu{margin-left: -485px;} .menu-cols .title{font-size: 24px;} .news-block{margin-top:60px;} ul.news{margin-top: 30px;} .col-mag .title{font-size: 14px;line-height: 30px;} #footer .f18{font-size: 12px}} 
@media screen and (min-width: 1199px){ .header-menu{margin-left: -585px;} .menu-cols .title{font-size: 24px;} .news-block{margin-top:60px;} ul.news{margin-top: 30px;} #footer .f18{font-size: 18px}} 

ul.top-menu{list-style: none;float: right;height: 80px; color:#006650; font-weight: 900;font-size: 14px;z-index: 99;background: white}
ul.top-menu li{float: left; height: 80px; line-height: 80px;padding: 0 32px;position: relative;}
ul.top-menu li.on{background: #30333d; background: #006650;color: white; font-weight: 900;border-bottom: 3px solid #5FB878;}
ul.top-menu li:hover{background: #30333d; background: #006650;color: white; font-weight: 900;border-bottom: 3px solid #5FB878;}
ul.top-menu li:hover > a {color: #fff;}
.sub-menu{display: none;overflow:hidden;position: absolute;left:50%;margin-left: -60px;top: 80px;opacity: 1;background: url(../img/menu-bg.png);z-index: 10;text-align: center;width: 120px;}
.sub-menu a{display: block;color:white;height: 30px;line-height: 30px;padding: 0 10px; margin: 0 5px;}
ul.top-menu > li > a{display: block;color:#006650;text-decoration:none;}
ul.top-menu li.on a{color:white;}
.menu-cols {height: 40px;width: 100%; border-bottom: 1px solid #dcdcdc;}
.menu-cols div {float: left; height: 100%;}
.menu-cols .title{height: 40px;border-bottom: 5px solid #006650; vertical-align: top; font-weight: 500; color:black; letter-spacing:.25em; width: 5em}
.menu-cols .title-en{height: 40px; line-height: 40px; font-size: 16px; color:#959595; text-indent: 1em }
#top-control{cursor: pointer;}

.header-menu.green {color: #006650;position: static; padding-top: 15px;padding-bottom: 15px; margin: auto}
.green ul.top-menu{list-style: none;float: right;height: 45px; color:#006650; font-weight: 900;font-size: 14px}
.green ul.top-menu li{float: left; height: 45px; line-height: 45px;margin-left: 15px; margin-right: 15px;}
.green a{color: #006650}
ul.sider{width: 100%;}
ul.sider i{float: right; line-height: 40px; margin-right: 1em}
ul.sider i:before{content: "\f054"}
ul.sider .open i:before{content: "\f078"}
ul.sider .open i{float: right;  margin-right: 1em}
ul.sider ul{width: 100%;}
ul.sider a{cursor: pointer; margin-right:1em;color: #333;text-decoration: none}
ul.sider li a{ height: 40px;line-height: 40px; font-size: 14px; font-weight: 400;text-indent: 1em;display: block; width: 100%;}
ul.sider li a:hover{color: white;background: #006650;border-bottom: 1px solid white}
ul.sider li ul{display: none }
ul.sider li ul li a{text-indent: 3em;}
ul.sider li.open ul li a:hover{color: white;background: #006650;border-bottom: 1px solid white}
ul.sider li.open a{color: white;background: #006650;border-bottom: 1px solid white}
ul.sider li.open ul{display: block; }
ul.sider li.open ul li a{background: white;color: #333}

ul.sider li ul li.open a{color: white;background: #006650;border-bottom: 1px solid white}
/*ul.news a{display: block; min-height: 191px; overflow: hidden;}*/
#footer a{color:#333;}
#body-content .text{color: #666}
#body-content p{text-indent: 2em; line-height: 30px;font-size: 13px}
#body-content h2{color: #006650;margin-bottom: 20px; margin-top: 0;font-size: 24px}
#body-content h2.black{color: #333}
#body-content h3{color: #666; line-height: 40px;margin-bottom: 20px;margin-top: 0}

#sub-banner .title{ color: #005752;font-size: 18px}
#sub-banner .en-title{color: #666;font-size: 18px}
#sub-banner .en-title span{font-size: 12px; margin-left:1em;}
ul.block .title{font-size: 16px;color:#005752;}
ul.block .title span{color:#999;}
ul.block li{margin-bottom: 6px;width: 100%; float: left}
ul.block li div{float: left}


#footer {background: #006650;padding: 15px 0;color: #fff;}
#footer a {color: #fff;}
.news-block {margin-bottom: 25px;}
.col-mag .title {-ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.pagination a,
.pagination span {
	position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination .current {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
#pagination {text-align: center;}
.sx {border-top: 1px solid #ccc;padding: 15px 0;}
.sx div {
	line-height: 2;
	font-size: 14px;
}
.sx div a {color: #555;}
#article .info {font-size: 14px;line-height: 2;}

@media screen and (max-width: 767px) {
	#news {margin-bottom: 25px;}
}



.mod18{width:760px;height:800px;margin:0 auto;position:relative;overflow: hidden;}
.mod18 .btn{position:absolute;width:6px;height:84px;top:485px;cursor:pointer;z-index:99;}
.mod18 .prev{left:10px;background:url(../img/left_bt.jpg) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:210px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../img/prevBtnTop.png) 0 0 no-repeat;left:-52px;}
.mod18 #nextTop{background:url(../img/nextBtnTop.png) 0 0 no-repeat;right:-52px;}
.mod18 .next{right:10px;background:url(../img/right_bt.jpg) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}

.mod18 .picBox1{height:450px;position:relative;overflow:hidden;width:760px; margin:0 auto; text-align:center}
.mod18 .picBox1 ul{height:450px;position:absolute;}
.mod18 .picBox1 li{width:760px;height:450px; overflow:hidden; text-align:center;}
.mod18 .picBox1 li img{max-height:450px;max-width:760px; width:auto;}
.Box_list{ width:927px; background:#cfcfcf;margin-top:15px;}
.mod18 .listBox1{width:880px;height:124px;margin:0 auto;position:relative;padding:20px 0 20px;overflow:hidden;}
.mod18 .listBox1 ul{height:84px;position:absolute;}
.mod18 .listBox1 li{width:88px;height:84px;cursor:pointer;position:relative;text-align: center;}
.mod18 .listBox1 li i{display:none;}
.mod18 .listBox1 li a{display:block;width:65px;height:76px;}
.mod18 .listBox1 li img{width:65px;height:76px; border:4px solid #eaeaea}
.mod18 .listBox1 .on img{width:65px;height:76px;border:4px solid #007a6d;}