body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
li{list-style:none}img{border:0;}a{color:#666;text-decoration:none;outline:none;}em{ font-style:normal;}
*{
  -webkit-transition:all 0.25s;
  -moz-transition:all 0.25s;
  -ms-transition:all 0.25s;
  -o-transition:all 0.25s;
  transition:all 0.25s;
}
.fo-header-menu li a:hover,
a:hover{color: #45B6F7;}
body{background-color:#f6f6f6;color: #555;font-size:14px; font-family: "Microsoft Yahei"; overflow-x:hidden;}
.clearfix:after,
.fo-list li dt:after,
.fo-hot-article  div a:after,.fo-hot-article  section:after,.fo-hot-article figure:after{content:".";display:block;visibility:hidden;height:0;clear:both; }/* 清除浮动*/* html .clearfix{ zoom: 1; } 
.w { width: 1200px; margin: 0 auto; position: relative;}
.fo-widget{background-color: #fff;border-radius: 4px; border: 1px solid #eaeaea;}
.fo-widget1{background-color: #fff;border-radius: 4px; border: 1px solid #eaeaea;margin-top: 10px;}
.fo-widget1 .tupian{float: left; width: 170px; height: 132px;}
.fo-widget1 .tupian a{display: block; padding: 10px 15px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: aliceblue;}
.fo-widget1 .tupian a:hover{color:#45bcf9;}
.fo-widget1 .fo-h{font-size: 18px; border-bottom: 4px solid #45bcf9; padding: 10px 0; text-indent: 15px;color: #45bcf9;}
.fo-widget1 .fo-b-hot-article1{height: 408px;}
.fo-widget1 .fo-b-hot-article1 img{width: 155px; height:100px;}
.fo-widget1 .fo-b-hot-article1 a h2{color: #888;font-weight: normal;}
/* header */
.nav-fixed .fo-header{position: fixed; left: 0; top: 0; padding: 5px 0; width: 100%;}
.fo-header {position:relative; z-index:3;background-color:#fff;padding: 25px 0 20px; margin-bottom: 15px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); border-bottom:1px solid rgba(0, 0, 0, 0.08);border-bottom: 1px solid #45B6F7;}
.fo-header img {float: left;}
.fo-header p {border-left: 2px solid #eaeaea;color: #bbb;float: left;height: 30px;line-height: 35px;margin-left: 10px;padding-left: 10px;}
.fo-header-menu {float: right; margin-top: 10px;font-size: 18px;}
.fo-header-menu li{ float: left;position: relative;}
.fo-header-menu li a{ padding:0 15px 10px; display: block;color: #666;}
.fo-header-menu li.active>a,
.fo-header-menu  .fo-sub-menu a.active,
.fo-topsearch i.active{color: #45B6F7;}
.fo-header-menu li:hover ul { display: block;}
.fo-sub-menu {z-index:3;display: none;position: absolute;top: 100%;left: 0;background-color: #fff;font-size: 12px;padding: 6px 0;border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);line-height: 32px;width: 132px;border-radius: 4px;}
.fo-sub-menu i{ margin-right: 5px;}
.fo-header-menu .fo-sub-menu a{display: block;padding: 0 15px 0;color: #666;font-size: 12px;}
.fo-sub-menu a:hover{background-color: #f4f4f4;color: #45B6F7;}
.fo-header-menu .fo-sub-menu li{ float: none;}
.fo-top-bar {position: absolute; top: -39px; right: 0;}
.fo-top-bar li a{ font-size: 14px;}
.fo-top-bar .fo-sub-menu{ left: -30px;}
.search-active .fo-search { top: 116px;}
.fo-search{position: absolute; top: -116px; width: 100%; background-color: #fff; z-index: 1;}
.fo-search div{margin: 0 auto;padding: 25px 20%;}
.fo-search input{float: left;color: #999;border: solid 1px #ddd;width: 85%;height: 50px;padding: 4px 12px; border-right: none;font-size: 16px; border-radius: 2px 0 0 2px;outline: none;}
.fo-search button {float:left;color: #fff;border: none;background: #45B6F7; height: 60px;font-size: 18px;padding: 0 12px;border-radius: 0 2px 2px 0;width: 10%;}
/* wrap */
.fo-wrap-l {width: 820px; float: left;}
.fo-wrap-r { width: 360px; float: right;}

/* list */
.fo-list-header {font-size: 20px; margin-top: 10px;background: #fff;padding: 10px;}
.fo-list li{ height: 150px;position:relative;background-color: #fff;border: 1px solid #eaeaea;margin-bottom: -1px;overflow: hidden;padding: 20px 20px 20px 255px;}
.fo-list li:nth-child(1) {border-radius: 4px 4px 0 0;}
.fo-list li:hover{background-color:#f9f9f9;}
.fo-list li img{ position: absolute; left: 20px; width: 220px; height: 150px; margin-right: 20px;}
.fo-list li dt { margin-bottom: 10px; }
.fo-list li dt .fo-list-category,
.fo-list li dt h3 { float: left;}
.fo-list li dd i{ margin-right: 5px;}
.fo-list-category {background-color: #45bcf9;color: #fff;display: inline-block;font-size: 12px;margin-right: 6px;padding: 5px 6px;position: relative;}
.fo-list-category:hover {color: #fff;}
.fo-list-category i{border-bottom: 4px solid transparent;border-left: 4px solid #45bcf9;border-top: 4px solid transparent;display: inline-block;height: 0; margin-top: -4px;position: absolute;right: -4px;top: 50%;vertical-align: middle;width: 0;}
.fo-list li a.zp{color: #555; font-size: 18px; display: block; line-height: 23px;}
.fo-list li dd {font-size: 12px; margin: 10px 0;color:#999; line-height: 20px;}

/* recommend */
.fo-recommend,
.fo-hot-article{ margin: 10px 0 0;}
.fo-recommend { margin-top: 0;}
.fo-recommend .fo-h{background-color: #fbfbfb;line-height: 36px;height: 36px;border-bottom: 1px solid #eaeaea;}
.fo-recommend .fo-h li{ float: left; width: 25%;position: relative; top: 1px; border-right: 1px solid #eaeaea; text-align: center;font-weight: bold;}
.fo-recommend .fo-h li.active{ background-color: #fff;}
.fo-recommend .fo-b{ padding: 10px;}
.fo-recommend .fo-b li{line-height: 17px; height: 17px; margin-bottom: 12px; font-size: 12px;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fo-recommend .fo-b li:last-child{ margin-bottom: 0;}
.fo-recommend .fo-b li time{ float: right;color: #bbb;}
/* hot article */
.fo-hot-article .fo-h{font-size: 18px; border-bottom: 4px solid #45bcf9; padding: 10px 0; text-indent: 15px;color: #45bcf9;}
.fo-hot-article li a{ display: block; border-bottom: solid 1px #eee; padding: 10px 15px;color: #555;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fo-hot-article li:last-child a{ border-bottom: 0;}
.fo-hot-article .fo-b-hot-article div{ padding: 10px; border-bottom: 1px solid #eaeaea; line-height: 18px;}
.fo-hot-article .fo-b-hot-article div:last-child{ border-bottom: 0;}
.fo-hot-article .fo-b-hot-article img{width: 90px; float: left; margin-right: 10px; height:60px;}
.fo-hot-article .fo-b-hot-article a h2{color: #888;font-weight: normal;}
.fo-hot-article .fo-hot-tags div{padding: 15px 0 12px 15px;}
.fo-hot-article .fo-hot-tags a{float:left;color: #666;background-color: #f9f9f9; width: 26.8%;margin: 0 1% 1% 0;padding: 0 8px;font-size: 12px;height: 29px;line-height: 29px;overflow: hidden;}
.fo-friends { padding: 10px;}
.fo-hot-article .fo-friends a{float:left; width: 50%;line-height: 22px; height: 22px; overflow: hidden; margin-bottom: 8px;color: #777;}

.article-paging{text-align: center;font-size: 12px;overflow: hidden;clear: both;padding: 20px 0 10px;}
.article-paging span{display: inline-block;padding: 4px 12px;background-color: #45B6F7;border: 1px solid #45B6F7;color: #fff;}
.article-paging a span{background-color: #fff;color: #666;border: 1px solid #45B6F7;}
.article-paging a:hover span{border-color: #bbb;}

.article-paging a[title=Page] {display: none;}
.article-paging b{display: inline-block; padding: 4px 12px;background-color: #ccc;border: 1px solid #ccc; color: #666;}
.article-paging a{display: inline-block;padding: 4px 12px;background-color: #45B6F7;border: 1px solid #45B6F7;color: #fff;}
.article-paging a {background-color: #fff;color: #666;border: 1px solid #45B6F7;}
.article-paging a:hover b{border-color: #bbb;}

/* detail */
.fo-detail{background-color: #fff; padding: 20px 20px 10px;}
.fo-detail .fo-detail-header {border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px;text-align: center;}
.fo-detail .fo-detail-header h1{font-size: 26px; margin-bottom: 10px;color: #555;font-weight: bold; line-height: 36px;}
.fo-detail .fo-detail-header div{font-size:12px;color: #999;}
.fo-detail .fo-detail-header span{margin-right: 10px;}
.fo-detail .fo-detail-header div h2{display: inline-block;font-size:12px;font-weight: normal;margin-right: 10px;}
.fo-detail .fo-detail-header div a{color:#999;}
.fo-detail-content h2{font-size: 20px;font-weight: bold;border-bottom: 1px solid #eaeaea;line-height: 40px;color: #000;margin-right: 20px;margin-left: 15px;margin-bottom: 15px;}
.fo-detail-content h3{font-size: 18px;font-weight: bold;text-indent: 2em;}
.fo-detail-content {margin-top:20px;font-size: 18px;line-height: 30px;border-bottom: 1px solid #eaeaea;word-wrap:break-word;}
.fo-detail-content img {border-radius: 4px; display: block; height: auto; margin:0 auto;}
.fo-detail-content p{ margin-bottom: 15px;text-indent: 2em;color: #333;}
.fo-detail-content p a{color: #0000FF}
.fo-detail-pages {padding: 10px 0; line-height: 25px; text-align: left;overflow: hidden;}
.fo-detail-tags {padding: 10px 0;}
.fo-detail-tags a{display: inline-block;padding: 4px 7px 3px;margin: 0 4px 4px 0;color: #fff;font-size: 12px;background-color: #45B6F7;opacity: 0.85;}
.fo-relates .fo-relates-header{ margin-top: 10px;font-weight: bold; line-height: 28px;font-size: 20px;}
.fo-relates ul { color: #bbb;margin-bottom: 10px;margin-top: 12px;border-top: 1px solid #eaeaea;}
.fo-relates ul li{list-style: disc; line-height: 20px;}
.fo-relates ul li a{color: #777;}
/* share */
.fo-share{color: #666;position: relative;text-align: center;margin: 10px 0; text-align: left;}
.bdsharebuttonbox.bdshare-button-style0-24 a{float: none;display: inline-block;margin: 0 2px;position: relative;}
.bdsharebuttonbox.bdshare-button-style0-24 span{position: relative;*top: -3px;vertical-align: top;}
.bdsharebuttonbox.bdshare-button-style0-24 .bds_count{margin: 0;color: #666;}
.bdsharebuttonbox.bdshare-button-style0-24 a.bds_more{color: #666;font-size: 14px;}

.fo-footer { margin-top: 15px;position: relative;z-index: 9;padding: 40px 30px;font-size: 12px;line-height: 12px;text-align: center;color: #999;background-color: #fff;border-top: 1px solid #eaeaea;}
.fo-footer a{color: #999;}
.rollbar {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
  display: none;
}
.rollbar ul{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 50px;
}
.rollbar li{
  position: relative;
  margin-top: 5px;
  text-align: center;
  opacity: .4;
  filter: alpha(opacity=40);
}
.rollbar a {
  position: relative;
  z-index: 2;
  display: block;
  height: 50px;
  border-radius: 2px;
  background-color: #666;
  color: #fff;
}
.rollbar a:hover{
  color: #fff;
}
.rollbar .fa{
  line-height: 50px;
  font-size: 34px;
}
.rollbar .fa-comments{font-size: 24px;}

.rollbar li:hover, .rollbar li:hover span {
  opacity: .9;
  filter: alpha(opacity=90)
}
.rollbar li:hover span{
  right: 100%;
}
.rollbar span{
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -15%;
  margin: -13px 10px 0 0;
  line-height: 26px;
  font-size: 12px;
  background-color: #666;
  color: #fff;
  width: 53px;
  border-radius: 2px;
  text-align: center;
  opacity: 0;
  filter:alpha(opacity=0);
}
.rollbar span i{
  position: absolute;
  right: -4px;
  top: 50%;
  margin-top: -4px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 4px solid #666;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}
.pagination{ padding-top:20px;}
.pagination ul{ display:block; width:100%; margin:0px auto;}
.pagination ul a{ display:block; float:left; border:1px solid #ccc; margin-left:5px; padding:8px 10px;}
.pagination ul a[title="Total record"]{ display:none;}
.pagination ul b{ display:block; float:left; padding:8px 10px; background-color:#ccc;  border:1px solid #ccc;  margin-left:5px;}
.pagination ul span{ padding:0px; border:0px; background:none; display:block; padding:8px 10px;}

.pagination ul{ display:block; width:100%; margin:0px auto;}
.pagination ul li{ float:left;}
.pagination ul li a{ display:block; float:left; border:1px solid #ccc; margin-left:5px; padding:8px 10px;}
.pagination ul li.active{ background-color:#ccc; border:1px solid #ccc;  margin-left:5px;}
.pagination ul li span{ padding:0px; border:0px; background:none; display:block; padding:8px 10px;}
.art_last{ width:350px; overflow:hidden;font-size: 13px;}
.art_next{ width:350px; overflow:hidden; text-align:right;}
.l{float:left;display:inline;}.r{float:right;display:inline;}
.breadnav{margin-bottom: 20px;}

.yanghuaBox{ width:780px; margin:0 auto; background-color:#fff; height:350px; margin-bottom:10px;overflow: hidden;}
.yanghuaBox ul{ padding:0; margin-left:20px; margin-top:8px; float:left;width:380px;}
.yanghuaBox ul li {font-size:14px;border-bottom: solid 1px #f0f0f0;height: 40px;line-height: 40px;}
.yanghuaBox .yhzs_img{ float:left; margin-top:20px;}
.yanghuaBox .yhzs_img .img_box1,.yhzs_img { margin-bottom:20px; position:relative;width: 380px;}
.img_box1 a{margin-right:15px; margin-bottom:15px;}
.img_box1 img{width:175px;height: 130px; }
.yanghuaBox .img_title{padding-left:4px; padding-right:4px; height:24px; text-align:center; line-height:22px; color:#fff; background-color:#000; position:absolute; bottom:4px;left:4px; font-size:14px;overflow:hidden;}
.yanghuaBox .yhzs_img img{ margin:0; padding:0; display:block;}
.yanghuaBox .yhzs_img a{ float:left; position:relative;}
.yanghuaBox .titleBox{border-bottom: solid 1px #eee;height:40px;}
.titleLeft{ font-size:21px; color:#45bcf9;line-height:40px; }

.yanghuaBox1{ margin:0 auto; background-color:#fff; height:350px; margin:10px 0;overflow: hidden;padding: 0 20px;}
.yanghuaBox1 ul{ padding:0; margin-left:20px; margin-top:8px; float:left;width:380px;}
.yanghuaBox1 ul li {font-size:14px;border-bottom: solid 1px #f0f0f0;height: 40px;line-height: 40px;}
.yanghuaBox1 .yhzs_img{ float:left; margin-top:20px;}
.yanghuaBox1 .yhzs_img .img_box1,.yhzs_img { margin-bottom:20px; position:relative;width: 380px;}
.yanghuaBox1 .img_title{padding-left:4px; padding-right:4px; height:24px; text-align:center; line-height:22px; color:#fff; background-color:#000; position:absolute; bottom:4px;left:4px; font-size:14px;overflow:hidden;}
.yanghuaBox1 .yhzs_img img{ margin:0; padding:0; display:block;}
.yanghuaBox1 .yhzs_img a{ float:left; position:relative;}
.yanghuaBox1 .titleBox{border-bottom: solid 1px #eee;height:40px;}
.yanghuaBox2{background: #fff;padding: 20px;line-height: 28px;}

.fo-list1 li{ height: 130px;position:relative;background-color: #fff;border-bottom: 1px solid #eaeaea;overflow: hidden;padding: 20px 20px 20px 235px;}
.fo-list1 li:nth-child(1) {border-radius: 4px 4px 0 0;}
.fo-list1 li:hover{background-color:#f9f9f9;}
.fo-list1 li img{ position: absolute; left: 20px; width: 190px; height: 130px; margin-right: 20px;}
.fo-list1 li dt { margin-bottom: 10px; }
.fo-list1 li dt .fo-list-category,
.fo-list1 li dt h3 { float: left;}
.fo-list1 li dd i{ margin-right: 5px;}
.fo-list1 li a.zp{color: #555; font-size: 18px; display: block; line-height: 23px;}
.fo-list1 li dd {font-size: 12px; margin: 10px 0;color:#999; line-height: 20px;}
.weixin { width: 120px; height: 140px; font-size: 12px; border: 1px solid #ddd; position: fixed; right: 20px; top: 90px; z-index: 100; text-align: center; line-height: 10px; background: #fff; }