html {font-family: sans-serif;font-size: 10px;}
 body {margin: 0;color: #555;font-family: "Microsoft Yahei";font-size: 14px;line-height: 1.82857143;position: relative;background-color: #f6f6f6}
 article, aside, footer, header,section{display: block}
 h1 {margin: .67em 0;font-size: 2em}
 * {box-sizing: border-box}
 a {text-decoration:none;background: 0 0;color: #666;}
 a:focus, a:hover {color: #2a6496;text-decoration: none}
 a:focus {outline: thin dotted;outline-offset: -2px}
 img {vertical-align: middle;width:98%;}
 p {text-indent: 2em;}
 h1, h2 {color: inherit;font-weight: 500;font-family: inherit;line-height: 1.0}
 h1 {font-size: 36px}
 h2 {font-size: 30px}
 dl {margin-top: 0;margin-bottom: 20px}
 dd, dt {line-height: 1.42857143}
 dt {font-weight: 700}
 dd {margin-left: 0}
 dd, dl, dt, ul {margin: 0;padding: 0}
 ul {list-style: none}
/*----------header----------*/
.wrap {width:100%;margin:0 auto;max-width:1200px;position:relative;}
ul, li {list-style:none;}
.flt {float:left;}
.frt {float:right;margin-right:20px;}
.clear {clear:both;}
.clear:after, .clear:before {content:'';clear:both;display:table;}
.header {line-height:60px;position:fixed;top:0;left:0;width:100%;z-index:1000;background:#1b384a;}
.header .wrap {background:#1b384a;}
.logo {vertical-align:middle;margin-left:30px;}
.logo img {vertical-align:middle;}
.logo a{font-size:24px;color:#fff;}
.menu ul li {float:left;margin:0 8px;text-align:center;position:relative;font-weight:normal;}
.menu ul li a {display:block;height:56px;border-bottom:4px solid #1b384a;color:#FFF;font-size: 18px;}
.menu ul li:hover a {color:#00a67c;border-color:#00a67c;}
.menu ul li:hover .drop {display:block;}
.menu ul li .drop ul {	background: #00994e;	padding: 14px 0;}
.menu ul li .drop ul li {	float: none;	margin: 0;	line-height: 38px;}
.menu ul li .drop ul li a {	color: #b3e1ca;}
.menu ul li .drop ul li.in a, .menu ul li .drop ul li a:hover {	color: #fff;}
.menu ul li.on h3 a, .menu ul li:hover h3 a {	color: #00994e;	border-color: #00994e;}
.menu ul li:hover .drop {	display: block;}
.ntop{padding-top:70px;}
.zaixian{position: relative;top:12px;float: left;margin-left: 10px;padding-left: 10px;height: 30px;font-size: 14px;line-height: 15px;padding-top: 16px;}
.zaixian a{color: #33ff00;}
.icon-account-new {position: absolute;top: 3px;right: -10px;background-position: 0 -265px;width: 24px;height: 14px;display: inline-block;font-size: 0;background-image: url("sprite.icon.png-v=c7552ca40e")/*tpa=http://www.chinayantai.net/libai/images/sprite.icon.png?v=c7552ca40e*/;}
.brand {position: relative;top:20px;float: left;margin-left: 10px;padding-left: 10px;height: 30px;border-left: 2px solid #eaeaea;color: #ccc;font-size: 13px;line-height: 15px}
.search{float:left; margin-left:15px;}
input[type="submit"] {    border: 1px solid #f1f1f1;    border-radius: 5px;    color: #333;  background-color: #d8d7d7;}
/*----------header----------*/
 .listtag{text-align:center;}
 .container {position: relative;margin: 0 auto;max-width: 1200px;}
 .container:after, .container:before, .nav:after, .nav:before, .row:after, .row:before {display: table;content: " "}
 .container:after, .nav:after, .row:after {clear: both}
 .content-wrap {float: left;width: 100%;}
 .content {position: relative;margin-right: 380px;margin-bottom: 15px;padding-top: 15px;min-height: 500px}
 .sidebar {position: relative;float: left;margin-left: -360px;padding-top: 15px;width: 360px}
  .show {background: #1b384a;}
  #bs-navbar .navbar-nav{font-size: 18px;}
  #bs-navbar li a,.navbar-header a,.nav a{color: #fff;}
  #bs-navbar li a{margin:0;}
  .kuang, .sousuo {display: inline;height: 24px;padding: 0 5px;margin-right: 10px;}  .footer {position: relative;z-index: 9;clear: both;padding: 20px 20px;border-top: 1px solid #eaeaea;background-color: #333;color: #999;text-align: center;}
 .excerpttu {overflow: hidden;margin-bottom: -1px;padding: 0px 0px 20px 20px;border: 1px solid #eaeaea;background-color: #fff;}
 .srtop {overflow: hidden;margin:15px 0;border: 1px solid #eaeaea;background-color: #fff;}
 .excerpt:hover {position: relative;z-index: 2;border-color: #545a66;background-color: #FAFDFF}
 .excerpt .cat:hover {opacity: .85}
 .excerpt {overflow: hidden; margin-bottom: -1px; padding: 20px 20px 20px 255px; border: 1px solid #eaeaea; background-color: #fff;}
 .excerpt .focus {float: left;margin-left: -235px;width: 220px;}
 .excerpt .mipimg {width: 220px;border: 1px solid #CCCCCC;height: 150px;}
 .excerpt header {margin-bottom: 10px;}
 .excerpt h2 {display: inline;margin-top: 0;font-weight: 700;font-size: 22px;line-height: 28px;}
 .excerpt h2 a:hover {color: #545a66}
 .excerpt .meta {margin-bottom: 10px; color: #999; font-size: 12px;}
 .excerpt .pv, .excerpt time {margin-right: 20px;}
 .excerpt .note {color: #444;word-wrap: break-word;font-size: 14px;line-height: 25px;}
 .pagination { padding: 20px;text-align: center;font-size: 12px;}
 .pagination ul {display: inline-block;margin-bottom: 0;}
 .pagination ul li { float: left; margin: 0 2px; padding: 5px 12px; border-radius: 2px; background-color: #ddd; color: #666; opacity: .88;}
 .article-title a:hover {color: #555}
 .pagination li a:hover {background-color: #545a66;color: #FFF;opacity: 1}
 .footer {position: relative;z-index: 9;clear: both;padding: 20px 20px;border-top: 1px solid #eaeaea;background-color: #333;color: #999;text-align: center;}
 .footer a {color: #ccc;margin-right:10px;}
 .function {position: relative;clear: both;overflow: hidden;margin-bottom: 15px;border: 1px solid #eaeaea;border-radius: 4px;background-color: #fff}
 .guanggao{text-align:center;padding:10px;}
 .function_t {margin: 0;padding: 11px 15px 10px;border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;color: #666;font-size: 18px}
 .function_c {padding: 10px 20px;line-height: 1.82857143}
 .cygswtags {	list-style: none;width:98%}
 .cygswtags a {float: left;overflow: hidden;	margin: 0 1% 1% 0;	padding: 0 7px;	height: 29px;	background-color: #545a66;	color: #fff;	font-size: 12px;	line-height: 29px;}
 .cygswtags a:hover {background-color: #000;font-size: 13px}
  #divPrevious ul li {border-bottom: solid 1px #eee;}
  #divPrevious ul li a {padding-right:5px;color: #666;overflow: hidden;position: relative;font-size: 14px;line-height:42px;white-space: nowrap;text-overflow: ellipsis;}
  #divPrevious ul li a:hover {color: #545a66}
  #divPrevious ul li span {float:right;line-height:42px;}
 .excerpt:hover {border-color: #545a66;}
 .excerpt h2 a:hover {color: #545a66;}
 .excerpt-see {overflow: hidden;margin-bottom: 30px;padding: 20px;border: 1px solid #eaeaea;border-radius: 4px;background-color: #fff}
  .relatescom {width: 100%;overflow: hidden;margin-bottom: 0;background-color: #fff}
  .relatescom ul {overflow: hidden;padding: 15px 0 0 10px;}
  .relatescom li {float: left;overflow: hidden;width: 49%;height: 30px;color: #545a66;line-height: 30px;list-style: square inside url("zhiding-1.gif")/*tpa=http://www.chinayantai.net/libai/skins/images/zhiding.gif*/;}
  .relatescom a {margin: 5px;padding-left: 0px;color: #444;font-size: 14px;}
  .relatescom a:hover {color: #545a66}
  .relatescom p {margin:5px 0;word-wrap: break-word;}

 @media only screen and (max-width:1000px) {
.header {background:#fff;}
.menu {position:fixed;top:60px;right:-110%;background:#00a67c;}
.menu ul li {float:none;display:block;border-bottom:1px solid #ddd;padding:0}
.menu ul li a {line-height:45px;font-size:14px;}
.menu ul {}
.header .logo {position:relative;z-index:1001;line-height:56px;margin-left:15px;}
.frt {float:right;margin-right:0px;}
.menu_wrap {position:absolute;top:10px;width:40px;height:40px;background:url("menu.png")/*tpa=http://www.chinayantai.net/libai/templets/default/images/menu.png*/ no-repeat center center #00a67c;background-size:25px auto;right:15px;}
.h_menu .menu_wrap {background:url("menu-1.png")/*tpa=http://www.chinayantai.net/libai/templets/default/images/menu-1.png*/ no-repeat center center #00a67c;background-size:25px auto;}
.h_menu .menu {right:0;}
.header {line-height:60px;}
.mainer {padding-top:60px;}
.menu ul li {width:auto;margin:0 20px;}
.menu ul li a {color:#FFF;height:40px;line-height:40px;border-bottom:0;}
.menu ul li:hover a {color:#000;border-bottom-width:1px;}
}
 @media (max-width: 640px) {
   body {padding-top: 0}    
   h1 {font-size: 24px;color:#00a67c;}
  .container {margin: 0 2px}
  .excerpttu {padding: 10px 20px;}
  .header .container {margin: 0;padding: 0 0}
   .brand {top:15px;}
   .kuang{width:120px;}
   .nav li {float: left;	width: 100%;height: 40px;}
   .mip-nav-wrapper .navbar-header{padding: 0 10px;}
   .mip-nav-wrapper #bs-navbar{width:50%;left:50%;}
   .kuang, .sousuo {display: inline;height: 20px;padding: 0 5px;margin-right: 5px;font-size: 12px;}   
   .content {padding-top: 0px;margin-right:0px;}
   p {text-indent: 0em;}
  .excerpt {	padding: 10px 10px 0 120px}
  .excerpt .focus {	margin-left: -110px;	width: 100px}
  .excerpt .mipimg {width: 100px;border: 1px solid #CCCCCC;height: 68px}
  .excerpt h2{font-size: 18px;line-height: 20px;}
  .excerpt-see {margin-bottom: 3px;padding:10px 20px;}
  .relatescom li {width: 98%;}
  .footer {padding: 15px 10px}
  .footer .container {overflow: hidden;line-height: 18px}
  .footer p{text-indent: 0em;}
	.pc {display:none;}
	.ntop{padding-top:60px;}

 }