@charset "UTF-8";

* {
    margin:0;
    padding:0;
    border:0
}
*html body {
    overflow:visible
}
*html frame,*html iframe {
    overflow:auto
}
*html frameset {
    overflow:hidden
}
::-moz-selection,::selection {
    color:#fff;
    background:#00b38a
}
body {
    margin:0;
    padding:0;
    text-align:left;
    font-size:16px;
    font-family:"PingFang SC","Microsoft YaHei",arial,"Hiragino Sans GB","Hiragino Sans GB W3";
     min-width: 1200px;
}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
    margin:0;
    padding:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
input {
    padding:1px;
    vertical-align:middle;
    line-height:normal
}
fieldset,img {
    border:0
}
address,caption,cite,code,em,strong,th,var {
    font-weight:400;
    font-style:normal
}
li,ol,ul {
    list-style:none
}
caption,th {
    text-align:left
}
h1,h2,h3,h4,h5,h6 {
    font-weight:400;
    font-size:100%
}
a {
    color:#303047;
    text-decoration:none
}
a:active,a:hover {
    border:none;
    color:#00b38a;
    text-decoration:none
}
b,strong {
    font-weight:700
}
.clear {
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
    zoom:1
}
.clear:after {
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:"."
}
.clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
}
@keyframes load {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}@-webkit-keyframes load {
     0% {
         opacity:1
     }
     100% {
         opacity:0
     }
 }@keyframes myfirst {
      0% {
          transform:scale(1)
      }
      90% {
          transform:scale(.5)
      }
      100% {
          transform:scale(1.3)
      }
  }@-webkit-keyframes myfirst {
       0% {
           transform:scale(1)
       }
       90% {
           transform:scale(.5)
       }
       100% {
           transform:scale(1.3)
       }
   }@keyframes arrow {
        from {
            -webkit-transform:translate3d(-webkit-calc(-50% + 6px),5px,0);
            transform:translate3d(calc(-50% + 6px),5px,0)
        }
        to {
            -webkit-transform:translate3d(-webkit-calc(-50% + 6px),0,0);
            transform:translate3d(calc(-50% + 6px),0,0)
        }
    }@-webkit-keyframes arrow {
         from {
             -webkit-transform:translate3d(-webkit-calc(-50% + 6px),5px,0);
             transform:translate3d(calc(-50% + 6px),5px,0)
         }
         to {
             -webkit-transform:translate3d(-webkit-calc(-50% + 6px),0,0);
             transform:translate3d(calc(-50% + 6px),0,0)
         }
     }@keyframes mypraise {
          0% {
              font-size:16px;
              top:15px;
              opacity:0;
              filter:Alpha(opacity=0);
              -moz-opacity:0
          }
          25% {
              font-size:20px;
              top:0;
              opacity:.5;
              filter:Alpha(opacity=50);
              -moz-opacity:.5
          }
          50% {
              font-size:24px;
              top:-15px;
              opacity:1;
              filter:Alpha(opacity=100);
              -moz-opacity:1
          }
          75% {
              font-size:20px;
              top:-25px;
              opacity:.5;
              filter:Alpha(opacity=50);
              -moz-opacity:.5
          }
          100% {
              font-size:16px;
              top:-35px;
              opacity:0;
              filter:Alpha(opacity=0);
              -moz-opacity:0
          }
      }@-webkit-keyframes mypraise {
           0% {
               font-size:16px;
               top:15px;
               opacity:0;
               filter:Alpha(opacity=0);
               -moz-opacity:0
           }
           25% {
               font-size:20px;
               top:0;
               opacity:.5;
               filter:Alpha(opacity=50);
               -moz-opacity:.5
           }
           50% {
               font-size:24px;
               top:-15px;
               opacity:1;
               filter:Alpha(opacity=100);
               -moz-opacity:1
           }
           75% {
               font-size:20px;
               top:-25px;
               opacity:.5;
               filter:Alpha(opacity=50);
               -moz-opacity:.5
           }
           100% {
               font-size:16px;
               top:-35px;
               opacity:0;
               filter:Alpha(opacity=0);
               -moz-opacity:0
           }
       }.alert {
            width:300px;
            padding:15px 10px;
            font-family:Microsoft YaHei;
            background:#000;
            opacity:.7;
            position:fixed;
            border-radius:5px;
            display:none;
            z-index:99999;
            left:50%;
            top:35%;
            text-align:center;
            color:#fff;
            -webkit-transform:translate(-50%,-50%);
            -moz-transform:translate(-50%,-50%);
            -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
            -ms-transform:translate(-50%,-50%)
        }
.wrapper {
    position:relative;
    display:block;
    margin:15px auto 0;
    width:1200px
}
.main-left {
    float:left;
    width:825px;
    min-height:300px
}
.main-right {
    float:right;
    width:360px
}
.main-right .index-top-right {
    margin-bottom:15px
}
.main-right .sidefixed {
    position:relative;
    float:right;
    width:360px
}
.toolbar {
    width:100%;
    height:36px;
    background:#eee;
    display:block;
    overflow:hidden;
    color:#666
}
.toolbar .iconfont {
    position:relative;
    top:1px;
    padding-right:1px;
    line-height:30px
}
.toolbar .toolbar-box {
    margin:0 auto;
    width:1200px;
    overflow:hidden
}
.toolbar .toolbar-left {
    float:left;
    width:auto;
    line-height:30px;
    font-size:14px
}
.toolbar .toolbar-right {
    float:right;
    display:block;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#00b38a
}
.toolbar .toolbar-right a {
    color:#666;
    padding-right:5px
}
.toolbar .toolbar-right a:hover {
    color:#00b38a
}
.toolbar .toolbar-right a:before {
    content:"/";
    position:relative;
    margin-right:8px;
    color:#ccc
}
.toolbar .toolbar-right a:first-child:before {
    content:"";
    margin-right:0
}
.header {
    width:100%;
    background:#fff;
    overflow:hidden
}
.header .header-box {
    margin:0 auto;
    width:1200px;
    overflow:hidden
}
.header .logo {
    float:left;
    display:block;
    overflow:hidden;
    padding:18px 0
}
.header .logo a{
    display: flex;
    align-items: center;
    height: 100%
}
.header .logo img {

    max-height:45px;

}
.header .logo .logo-title {
    margin-left:10px;
    width:auto;
    height:42px;
    vertical-align:middle
}
.header .search {
    float:right;
    margin-top:26px;
    margin-left:15px;
    width:360px;
    height:38px
}
.header .search input.search-box {
    padding:0 10px 0 18px;
    width:280px;
    height:36px;
    border:2px solid #00b38a;
    border-right:none;
    border-radius:100px 0 0 100px;
    background:0 0;
    font-size:14px;
    line-height:36px;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#00b38a
}
.header .search input {
    float:left
}
.header .submit-input {
    position:absolute;
    clip:rect(0 0 0 0)
}
.header .search label {
    float:left;
    width:44px;
    height:36px;
    border:2px solid #00b38a;
    border-left:none;
    border-radius:0 100px 100px 0;
    cursor:pointer
}
.header .search label .iconfont {
    display:block;
    margin:0 auto;
    width:18px;
    color:#00b38a;
    font-size:18px;
    line-height:36px;
    -webkit-text-stroke-width:.4px
}
.nav {
    position:relative;
    top:0;
    left:0;
    z-index:999;
    display:flex;
    width:100%;
    background:#00b38a;
    justify-content:center
}
.nav * {
    box-sizing:border-box
}
.nav .ul-list {
    display:flex;
    margin:0 auto;
    width:1200px;
    min-width:960px
}
.nav .ul-list li {
  padding: 0 20px;
}
.nav .ul-list li:last-child {
    border-right:none
}
.nav .ul-list li a {
    display:flex;
    height:46px;
    background:#00b38a;
    color:#fff;
    text-decoration:none;
    font-size:18px;
    align-items:center;
    justify-content:center
}
.nav .ul-list li span {
    display:flex;
    height:46px;
    background:#222;
    color:#fff;
    font-size:16px;
    align-items:center;
    justify-content:center
}
.nav .ul-list li:hover .ol-list {
    display:block
}
.nav .ol-list {
    position:absolute;
    top:46px;
    left:0;
    z-index:999;
    display:none;
    width:100%;
    background:#e18324
}
.nav .ol-list li a {
    display:flex;
    height:38px;
    border-bottom:1px solid #e18324;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    align-items:center;
    justify-content:center
}
.nav .ol-list li a:hover,.nav .ul-list li a:hover {
    background:#029674;
}
.index-top-box {
    float:left;
    margin-bottom:15px;
    width:100%
}
.index-top-left {
    position:relative;
    float:left;
    overflow:hidden;
    padding:15px;
    width:365px;
    border-radius:10px;
    background:#fff;
    box-shadow:0 1px 10px #dbdbdb;
    z-index:0;
    border-top:2px solid #00b38a;
    height: 233px;
}
.index-top-left li {
    position:relative;
    float:left;
    width:193px
}
.index-top-left li:nth-child(2) {
    float:right
}
.index-top-left .index-top-img {
    width:100%;
    background:#fff;
    display:block;
    overflow:hidden;
    float:left
}
.index-top-left .index-top-img img {
    width:193px;
    height:127px;
    float:left;
    transition:all .3s linear;
    opacity:.7
}
.index-top-left .index-top-img:hover img {
    opacity:1
}
.index-top-left .index-top-img span {
    position:absolute;
    bottom:0;
    left:0;
    overflow:hidden;
    padding:0 4%;
    width:100%;
    height:30px;
    background:rgba(0,0,0,.54);
    color:#fff;
    font-weight:400;
    font-size:14px;
    line-height:30px;
    float:left;
    text-align:center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.index-top-swiper {
    float:left;
    width:400px;
    margin-bottom:30px
}
.index-top-swiper .icon-tuijian {
    position:absolute;
    top:11px;
    left:10px;
    z-index:2;
    font-size:60px!important;
    display:block;
    color:#00b38a;
    left:11px;
    top:9px
}
.index-top-swiper .icon-tuijian:before {
    position:relative;
    z-index:3
}
.index-top-swiper .icon-tuijian:after {
    position:absolute;
    top:12px;
    left:-4px;
    z-index:1;
    background:#fff;
    display:block;
    width:50px;
    content:"";
    height:18px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg)
}
.swiper-container {
    position:absolute;
    top:0;
    left:0;
    width:400px;
    height:264px
}
.swiper-wrapper li img {
    width:100%;
    height:100%;
    display:block
}
.swiper-wrapper li span {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    overflow:hidden;
    padding:0 3%;
    height:38px;
    background:rgba(0,0,0,.54);
    color:#fff;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400;
    font-size:16px;
    line-height:38px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.swiper-pagination {
    text-align:center;
    position:absolute;
    left:0;
    width:100%;
    margin-top:2px
}
.swiper-pagination-bullet {
    width:15px!important;
    height:6px!important;
    margin-left:5px!important;
    border-radius:4px!important;
    background-color:transparent;
    opacity:1;
    border:1px solid #fff
}
.swiper-pagination-bullet-active {
    background:#00b38a!important
}
.index-top-middle {
    float:left;
    margin-left:15px;
    padding:15px;
    width:350px;
    border-radius:10px;
    background:#fff;
    box-shadow:0 1px 10px #dbdbdb;
    border-top:2px solid #00b38a
}
.index-top-middle ul {
    float:left;
    width:100%
}
.index-top-middle ul li {
    float:left;
    overflow:hidden;
    width:100%;
    height:30px;
    line-height:30px
}
.index-top-middle ul li .type {
    float:left;
    margin-top:5px;
    margin-right:10px;
    padding:0 5px;
    height:20px;
    border:solid 1px #00b38a;
    color:#00b38a;
    text-align:center;
    font-size:12px;
    line-height:20px;
    border-radius:3px
}
.index-top-middle ul li .type a {
    color:#00b38a
}
.index-top-middle ul li .art {
    font-size:15px;
    font-weight:400;
    line-height:30px;
    overflow:hidden
}
.index-top-middle-hot {
    float:left;
    width:100%;
    text-align:center
}
.index-top-middle-hot h2 {
    height:30px;
    color:#00b38a;
    font-weight:700;
    font-size:18px;
    line-height:30px;
    overflow:hidden
}
.index-top-middle-hot p {
    float:left;
    overflow:hidden;
    margin:5px 0 8px;
    height:48px;
    color:#868686;
    text-align:left;
    text-overflow:ellipsis;
    font-size:14px;
    line-height:24px;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box
}
.index-top-right {
    float:right;
    width:330px;
    background:#fff;
    padding:15px;
    border-radius:10px;
    box-shadow:0 1px 10px #dbdbdb;
    border-top:2px solid #00b38a
}
.index-top-rights {
    float:right;
    width:360px;
    background:#fff;
    padding:15px;
    border-radius:10px;
    box-shadow:0 1px 10px #dbdbdb;
    border-top:2px solid #00b38a
}
.index-top-right span {
    float:left;
    width:330px;
    height:32px;
    line-height:32px;
    font-size:18px;
    /*! font-weight:700;*/
    padding-bottom:15px;
    color:#00b38a
}
.index-top-right span i {
    margin-right:8px;
    font-size:22px;
    line-height:30px;
    box-sizing:border-box;
    vertical-align:middle;
    font-weight:400/*! color:#00b38a;
	*/
}
.index-top-right ul {
    float:left;max-width: 640px;
    width:330px
}
.index-top-right ul li {
    font-size:16px;
    line-height:32px;
    height:32px;
    width:100%;
    float:left;
    overflow:hidden
}
.index-top-right ul li a {
    color:#666;
    font-size:15px;
    line-height:32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.index-top-right ul li a:hover {
    color:#00b38a
}
.index-top-right ul li em {
    font-style:inherit;
    line-height:20px;
    color:#fff;
    width:20px;
    height:20px;
    background-color:#ccc;
    font-size:12px;
    text-align:center;
    float:left;
    transform:translateY(-50%);
    margin-right:10px;
    font-family:gotham-medium;
    border-radius:4px;
    position:relative;
    top:50%
}
.index-top-right ul li:nth-child(1) em {
    background:#ff6b6d
}
.index-top-right ul li:nth-child(2) em {
    background:#ff9e3a
}
.index-top-right ul li:nth-child(3) em {
    background:#26ced5
}
.list-box {
    /*padding:15px;*/
    margin-bottom:15px;
    width:380px;
    /*border-top:2px solid #00b38a;*/
    background:#fff;
    /*border-radius:10px;*/
    /*box-shadow:0 1px 10px #dbdbdb;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.list-boxs {
     clear: both;
    overflow: hidden;
    padding:15px;
    margin-right:15px;
    margin-bottom:15px;
    width:100%;
    border-top:2px solid #00b38a;
    background:#fff;
    border-radius:10px;
    box-shadow:0 1px 10px #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.list-boxs .list-box-title {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    padding-bottom: 10px;
    color: #00b38a;
}
.list-boxs .list-box-title a {
    color: #00b38a;
}
.more{
    color: #999 !important;
    float: right;
    font-size: 14px;
}
.list-boxs .list{
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.list-box:nth-child(3n+1) {
    margin-right:0
}
.list-box .list-box-title {
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    padding-bottom:10px;
    color:#00b38a
}
.list-box .list-box-title a {
    color:#00b38a
}
.list-box .list-box-title i {
    margin-right:8px;
    font-size:22px;
    line-height:30px;
    box-sizing:border-box;
    vertical-align:middle;
    font-weight:400
}
.list-box .list-box-img {
    float:left;
    width:100%;
    overflow:hidden
}
.list-box .list-box-img img {
    margin:0 auto;
    max-width:360px;
    height:140px;
    vertical-align:middle;
    transition:all .3s linear;
    opacity:.7
}
.list-box .list-box-img:hover img {
    opacity:1
}
.list-box ul {
    width:100%;
    margin-top:10px;
    float:left
}
.list-box ul li {
    width:100%;
    float:left;
    font-size:15px;
    height:32px;
    line-height:32px
}
.list-box ul li:before {
    position:relative;
    top:50%;
    transform:translateY(-50%);
    float:left;
    margin-right:8px;
    width:5px;
    height:5px;
    border-radius:100%;
    background-color:#cecece;
    content:""
}
.list-box ul li:hover:before {
    background-color:#00b38a
}
.list-box ul li a {
    float:left;
    display:block;
    width:276px;
    height:32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.list-box ul li span {
    float:right;
    font-size:12px;
    color:#999
}
.crumbs {
    overflow:hidden;
    height:28px;
    color:#686868;
    font-weight:400;
    font-size:14px;
    line-height:28px;
    padding:0 0 6px;
    border-bottom:1px solid #eee
}
.crumbs .icon-home {
    font-size:18px;
    position:relative;
    top:1px;
    margin-right:2px;
    color:#00b38a
}
.crumbs .icon-logo {
    display:none
}
.crumbs a {
    color:#686868;
    font-size:14px
}
.crumbs a:hover {
    color:#00b38a
}
.crumbs a:hover:after {
    color:#686868
}

.crumbs span:last-child {
    display: none;
}
.crumbs .more {
    float:right;
    color:#989898;
    cursor:pointer;
    font-size:12px
}
.crumbs .more i {
    color:#989898;
    margin-right:5px;
    font-size:28px;
    box-sizing:border-box;
    vertical-align:middle;
    font-weight:400
}
.list-news {
    width:100%;
    margin-bottom:10px;
    background:#fff;
    float:left;
    padding:15px 20px;
    border-radius:10px;
    border-top:2px solid #00b38a;
    box-shadow:0 1px 10px #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.list-news .list-box-title {
    margin-bottom:5px
}
.list-news .list-news-ul {
    width:100%;
    float:left
}
.list-news .list-news-ul li {
    width:100%;
    padding:15px 0;
    border-bottom:1px solid #ececec;
    float:left;
    position:relative;
    display:-webkit-box;
    overflow:hidden;
    height:auto
}
.list-news .list-news-ul li .item {
    display:block;
    overflow:hidden;
    box-sizing:border-box;
    width:auto;
    -webkit-box-flex:1
}
.list-news .list-news-ul li h2 {
    font-size:18px;
    line-height:32px;
    font-weight:700;
    float:left;
    width:80%;
    overflow:hidden;
    height:32px;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box
}
.list-news .list-news-ul li a:hover {
    color:#00b38a;
    transition:all .2s linear
}
.list-news .list-news-ul li p {
    line-height:26px;
    height:52px;
    color:#999;
    letter-spacing:1px;
    font-size:15px;
    width:100%;
    float:left;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    word-break:break-all
}
.list-news .list-news-ul li p.pic {
    height:47px!important;
    -webkit-line-clamp:3!important
}
.list-news .list-news-ul li a img {
    width:172px;
    height:114px;
    margin-right:15px;
    display:block;
    border-radius:6px;
    transition:all .4s linear;
    opacity:.7
}
.list-news .list-news-ul li a:hover img {
    opacity:1
}
.list-news .list-news-ul li .time {
    font-size:14px;
    color:#999;
    line-height:32px;
    margin-top:15px;
    position:absolute;
    right:0;
    top:0;
    font-family:Georgia,serif;
    float:right
}

.article {
    position:relative;
    width:100%;
    margin-bottom:15px;
    background:#fff;
    float:left;
    padding:15px 20px;
    border-radius:10px;
    border-top:2px solid #00b38a;
    box-shadow:0 1px 10px #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.article .title {
    color:#333;
    text-align:center;
    font-weight:700;
    line-height:36px;
    font-size:26px;
    padding-top:20px
}
.article .info {
    line-height:24px;
    padding:15px 0 10px;
    color:#999;
    overflow:hidden;
    width:100%;
    text-align:center;
    font-size:13px;
    border-bottom:1px dashed #ccc;
    float:left
}
.article .info span {
    margin-right:10px
}
.article .info span i {
    font-size:20px;
    line-height:24px;
    box-sizing:border-box;
    vertical-align:-2px;
    padding-right:2px
}
.article .info a {
    color:#868686
}
.article .info code {
    font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif
}
.article .info code b {
    color:#666;
    font-family:gotham-medium;
    font-size:14px;
    font-weight:400;
    padding:0 2px
}
.article .info code i {
    display:inline-block;
    margin-left:4px;
    width:4px;
    height:4px;
    border-radius:10px;
    background:#00b38a;
    -webkit-animation:load 1.04s ease infinite;
    margin-bottom:5px
}
.article .info code i:nth-child(1) {
    -webkit-animation-delay:.13s
}
.article .info code i:nth-child(2) {
    -webkit-animation-delay:.26s
}
.article .info code i:nth-child(3) {
    -webkit-animation-delay:.39s
}
.content {
    float:left;
    padding-left:20px;
    padding-top:15px;
    width:100%;
    text-align:justify;
    word-wrap:break-word;
    line-height:26px;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.content h3{
    font-weight:bold!important;
    color: #00b38a;
}
.content p {
    padding-bottom:15px;
    line-height:26px
}
.content p:last-child {
    padding-bottom:0
}
.content br {
    line-height:26px
}
.content img {
    max-width:700px;
    height:auto;
    display:block;
    margin:12px auto;
}
.article-tag {
    overflow:hidden;
    width:100%;
    margin:0 auto;
    font-size:16px;
    color:#666;
    padding:15px 0;
    background:#fff
}
.article-tag span {
    color:#161616;
    font-weight:700
}
.article-tag span .iconfont {
    font-size:18px;
    margin-right:2px;
    font-weight:400
}
.article-tag a {
    margin-right:10px
}
.article-tag a:hover {
    text-decoration:underline;
    color:#00b38a
}

.more-content {
    position:relative;
    z-index:1;
    margin:-100px 0 20px;
    text-align:center;
    display:inline-block;
    width:100%
}
.more-content .more-content-mask {
    height:100px;
    background:-moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));
    background:-webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
    background:-o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0))
}
.more-content .more-content-text {
    font-size:14px;
    color:#fff;
    background:#00b38a;
    text-align:center;
    height:40px;
    margin:0 auto;
    line-height:40px;
    cursor:pointer;
    display:block;
    width:60%;
    border-radius:50px
}
.more-content .more-content-mask:after {
    content:"\e604";
    color:#00b38a;
    font-size:22px;
    display:inline-block;
    height:24px;
    width:24px;
    -webkit-animation:arrow .3s ease-out alternate infinite;
    animation:arrow .3s ease-out alternate infinite;
    margin-top:66px
}
.article-recommend {
    width:100%;
    margin:15px auto;
    background:#fff;
    text-align:center;
    display:inline-block
}
.article-recommend .digg {
    position:relative;
    display:block;
    text-align:center;
    cursor:pointer;
    width:80px;
    height:80px;
    margin:auto;
    background:#eee;
    border-radius:50%
}
.article-recommend .digg .iconfont {
    position:relative;
    z-index:1;
    line-height:40px;
    text-align:center;
    display:inline-block;
    font-size:40px;
    width:100%;
    padding-top:12px
}
.article-recommend .digg:hover,.article-recommend .on .iconfont {
    color:#00b38a
}
.article-recommend .on .iconfont {
    -webkit-animation:myfirst 1s linear;
    animation:myfirst 1s linear
}
.article-recommend-num {
    width:100%
}
.article-recommend-num span {
    line-height:1.2;
    font-size:15px;
    text-align:center;
    font-family:gotham-medium
}
.article-recommend-num span i {
    display:inline-block;
    margin-right:4px;
    width:4px;
    height:4px;
    background:#00b38a;
    -webkit-animation:load 1.04s ease infinite;
    margin-bottom:2px
}
.article-recommend-num span i:last-child {
    margin-right:0
}
.article-recommend-num span i:nth-child(1) {
    -webkit-animation-delay:.13s
}
.article-recommend-num span i:nth-child(2) {
    -webkit-animation-delay:.26s
}
.article-recommend-num span i:nth-child(3) {
    -webkit-animation-delay:.39s
}
.article-recommend .on .article-recommend-num span {
    color:#00b38a
}
.article-recommend .add-animation {
    color:#00b38a;
    position:absolute;
    top:15px;
    left:33px;
    font-size:16px;
    opacity:0;
    filter:Alpha(opacity=0);
    -moz-opacity:0;
    animation:mypraise .8s;
    -webkit-animation:mypraise .8s;
    font-style:normal
}
.prev-next {
    width:100%;
    float:left
}
.prev-next div {
    position:relative;
    display:block;
    width:44%;
    color:#999;
    font-size:14px
}
.prev-next div span {
    display:block;
    color:#999
}
.prev-next div a:after {
    position:absolute;
    top:34%;
    margin-top:-2px;
    height:22px;
    color:#ccc;
    font-size:36px;
    line-height:22px
}
.prev-next div a:hover,.prev-next div a:hover:after {
    color:#00b38a
}
.prev {
    float:left;
    padding-left:40px
}
.next {
    float:right;
    padding-right:40px;
    text-align:right
}
.next,.prev {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal
}
.prev-next .prev a:after {
    left:0;
    content:"\e605"
}
.prev-next .next a:after {
    right:0;
    content:"\e606"
}
.related {
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 auto 15px;
    padding:15px;
    width:100%;
    border-radius:10px;
    background:#fff;
    box-shadow:0 1px 10px #dbdbdb
}
.related .related-title {
    float:left;
    padding-bottom:5px;
    width:100%;
    height:32px;
    font-weight:700;
    font-size:18px;
    line-height:32px
}
.related .related-title i {
    box-sizing:border-box;
    margin-right:6px;
    vertical-align:middle;
    font-weight:400;
    font-size:22px;
    line-height:30px
}
.related ul {
    float:left;
    width:100%
}
.related ul li {
    float:left;
    overflow:hidden;
    margin-right:1.25%;
    width:32.5%;
    height:30px;
    text-align:left;
    font-size:14px;
    line-height:30px
}
.related ul li:nth-child(3n+0) {
    margin-right:0
}
.related ul li:before {
    position:relative;
    top:50%;
    float:left;
    margin-right:10px;
    width:5px;
    height:5px;
    border-radius:100%;
    background-color:#cecece;
    content:"";
    transform:translateY(-50%)
}
.related ul li:hover:before {
    background-color:#00b38a
}
.related ul li a {
    overflow:hidden;
}
.related ul li a:hover {
    color:#00b38a;
    text-decoration:underline
}
.update {
    float:left;
    width:100%;
    background:#fff;
    margin-bottom:15px;
    padding:15px;
    border-radius:10px;
    border-top:2px solid #00b38a;
    box-shadow:0 1px 10px #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.update ul {
    float:left;
    width:100%;
    padding-top:10px;
    position:relative
}
.update ul li {
    position:relative;
    /*background:url(../img/li.png) repeat-x center;*/
    line-height:32px;
    width:49%;
    float:left;
    height:32px;
    overflow:hidden
}
.update ul li:nth-child(2n) {
    float:right
}
.update ul li:before {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    float:left;
    margin-right:8px;
    width:5px;
    height:5px;
    border-radius:100%;
    background-color:#cecece;
    content:""
}
.update ul li:hover:before {
    background-color:#00b38a
}
.update ul li a {
    padding-right:8px;
    background:#fff;
    line-height:32px;
    padding-left:12px;
    font-size:15px
}
.update ul li span {
    position:absolute;
    font-size:12px;
    right:0;
    bottom:0;
    float:right;
    padding-left:10px;
    background:#fff;
    color:#999
}
.sitemap {
    float:left;
    width:100%;
    background:#fff;
    margin-bottom:15px;
    padding:15px;
    border-radius:10px;
    border-top:2px solid #00b38a;
    box-shadow:0 1px 10px #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.sitemap .crumbs {
    margin-bottom:15px
}
.sitemap .map-box {
    padding-bottom:15px;
    float:left;
    width:100%;
    border-bottom:1px solid #eee;
    margin-bottom:15px
}
.sitemap .map-box h2 {
    height:30px;
    color:#00b38a;
    font-size:20px;
    line-height:30px;
    text-align:center;
    float:left;
    margin-right:20px
}
.sitemap .map-box h2 a {
    color:#00b38a
}
.sitemap .map-box h2 .iconfont {
    overflow:hidden;
    color:#00b38a;
    font-size:24px;
    box-sizing:border-box;
    vertical-align:middle;
    margin-right:3px
}
.sitemap .map-box ul {
    overflow:hidden
}
.sitemap .map-box:last-child {
    border-bottom:0;
    margin-bottom:0
}
.sitemap .map-box ul li {
    white-space:nowrap;
    margin-right:8px;
    float:left;
    text-align:center;
    line-height:30px
}
.sitemap .map-box ul li a {
    display:block;
    color:#666;
    font-size:14px
}
.sitemap .map-box ul li a:before {
    content:"/";
    position:relative;
    margin-right:8px;
    color:#ccc
}
.sitemap .map-box ul li:first-child a:before {
    content:"";
    margin-right:0
}
.sitemap .map-box ul li a:hover {
    color:#00b38a
}
.friendlink {
    float:left;
    font-size:14px;
    margin:0 auto 15px;
    padding:10px 15px;
    width:100%;
    background:#fff;
    border-radius:10px;
    box-shadow:0 1px 10px #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.friendlink span {
    margin-bottom:10px;
    color:#333;
    font-size:14px
}
.friendlink span .iconfont {
    margin-right:4px;
    vertical-align:middle
}
.friendlink a {
    margin-left:6px;
    color:#999;
    line-height:22px
}
.friendlink a:hover {
    color:#00b38a;
    text-decoration:underline
}
.friendlink:after {
    content:"";
    position:relative;
    color:#ccc;
    padding-left:10px
}
.footer {
    margin-top: 20px;
    position:relative;
    float:left;
    width:100%;
    padding:10px 0 10px;
    text-align:center;
    background:#3a2a2a;
}
.footer p {
    margin:0 auto;
    color:#666;
    text-align:center;
    font-size:14px;
    line-height:24px;
    font-family:arial
}
.footer p a {
    color:#666;
    font-size:15px
}
.footer a i {
    display:inline-block;
    width:14px;
    height:16px;
    margin-right:5px;
    /* background:url(../img/icon-police.png) 0 0 no-repeat;*/
    vertical-align:middle;
    margin-top:-4px
}
.scrollmenu {
    position:fixed;
    bottom:16px;
    right:10px;
    width:50px;
    z-index:999999;
    color:#666;
    text-align:center;
    line-height:50px
}
.scrollmenu li {
    border-radius:2px;
    position:relative;
    display:block;
    width:50px;
    color:#666;
    opacity:.6;
    filter:Alpha(opacity=60);
    padding:0;
    margin-bottom:3px
}
.scrollmenu li .iconfont {
    border:1px solid #ccc;
    box-shadow:0 1px 3px #dbdbdb;
    color:#666;
    font-size:32px;
    display:block;
    background:#fff;
    line-height:50px;
    height:50px;
    box-sizing:border-box;
    vertical-align:middle;
    cursor:pointer;
    border-radius:3px
}
.bdshare-button-style0-16 .bds_more,.bdshare-button-style0-16 a {
    font-size:32px!important;
    height:50px!important;
    background-image:inherit!important;
    display:block;
    margin:0!important;
    line-height:50px!important;
    float:inherit!important;
    padding:inherit!important;
    opacity:1!important;
    filter:Alpha(opacity=100)!important
}
.scrollmenu li:hover .iconfont {
    display:block;
    background:#00b38a;
    border:1px solid #00b38a;
    color:#fff
}
.scrollmenu li:hover {
    opacity:1;
    filter:Alpha(opacity=100)
}
.scrollmenu a:hover:after {
    content:attr(data-original-title);
    display:inline-block;
    padding:0;
    position:absolute;
    width:80px;
    height:30px;
    font-size:14px;
    top:12px;
    line-height:30px;
    right:60px;
    border-radius:4px;
    background:#00b38a;
    color:#fff;
    opacity:1!important;
    filter:Alpha(opacity=100)!important
}
.scrollmenu li:hover:before {
    position:absolute;
    top:19px;
    right:54px;
    display:inline-block;
    width:0;
    height:0;
    background-color:transparent;
    content:"";
    border-left:8px solid #00b38a;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    opacity:1!important;
    filter:Alpha(opacity=100)!important
}
.keywords {
    overflow:hidden;
}
.keywords a:nth-child(1),.keywords a:hover {
    background:#00b38a;
    color:#fff;
}
.keywords a {
    display:block;
    float:left;
    border:#00b38a 1px solid;
    color:#00b38a;
    padding:2px 8px;
    margin:0 5px 5px 0;
    border-radius:3px;
    font-size:14px;
}
.list-box1 {
    float:left;
    padding:15px;
    margin-right:15px;
    margin-bottom:15px;
    width:48%;
    min-height:470px;
    border-top:2px solid #00b38a;
    background:#fff;
    border-radius:10px;
    box-shadow:0 1px 10px #dbdbdb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.list-box1 .list-box-title {
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    padding-bottom:10px;
    color:#00b38a;
}
.list-box1 .list-box-img {
    float:left;
    width:100%;
    overflow:hidden;
}
.list-box1 .list-box-img img {
    margin:0 auto;
    max-width:360px;
    height:140px;
    vertical-align:middle;
    transition:all .3s linear;
    opacity:.7;
}
.list-box1 ul {
    width:100%;
    margin-top:10px;
    float:left;
}
.list-box1 ul li {
    width:100%;
    float:left;
    font-size:15px;
    height:32px;
    line-height:32px;
}
.list-box1 ul li {
    font-size:15px;
    line-height:32px;
}
.list-box1 ul li::before {
    position:relative;
    top:50%;
    transform:translateY(-50%);
    float:left;
    margin-right:8px;
    width:5px;
    height:5px;
    border-radius:100%;
    background-color:#cecece;
    content:"";
}
.list-box1 ul li a {
    float:left;
    display:block;
    width:276px;
    height:32px;
    overflow:hidden;
}
.list-box1 ul li span {
    float:right;
    font-size:12px;
    color:#999;
}
.list-box1 .list-box-title i {
    margin-right:8px;
    font-size:22px;
    line-height:30px;
    box-sizing:border-box;
    vertical-align:middle;
    font-weight:400;
    color:#00b38a;
}
.header .search .iconfont {
    color:#f9f9f9;
    font-size:18px;
    line-height:36px;
    -webkit-text-stroke-width:.4px;
}





.page {
    padding: 20px 0 0px;
    text-align: center;
    overflow: hidden;
    clear: both;
    line-height: 30x;
}

.page a, .page li span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 2px 10px;
    width: auto;
    border: 1px solid #E3E3E3;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: 13px;
    zoom: 1;
    line-height: 30px;
}



.page a[disabled]{ border:1px solid #ccc; background:#e4e4e4; color:#333; cursor:not-allowed; }
.page a[disabled]:hover{ border:1px solid #ccc; background:#e4e4e4; color:#333; }

.page .active span{
    background: #00b38a ;
    color: #fff;
    text-decoration: none;
}

.page li{
    margin: 0 5px;
    line-height: 30px;
}
.page .pagination{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}



.hm_floor{
    display: flex;
    justify-content: start;
    width:100%;
    margin-bottom: 20px;
}
.hm_floor .lis_cla{
    margin:5px 0px 0px;
    background: white;
    padding: 10px 5px;
    border-bottom:1px solid #e7e7e7;
    font-size: 16px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
}

.hm_floor  .lis_cla .sel{
    padding: 5px 9px;
    font-size: 16px;
    line-height: 30px;
}
.hm_floor .active{
    background: #00b38a  ;
    color: white;
}
.hm_floor .hover{
    color:#fff;

}
.hm_floor .all{
    display: block;
    width: 50px;
    font-size: 16px;
    height: 30px;
    text-align: center;
    margin-top: 17px;
    line-height: 30px;
    margin-left: 15px;
    flex-shrink: 0;
}


.entry-meta {
    font-size: 16px;
    clear: both;
    overflow: hidden;
    padding: 20px 0px;
}

.entry-meta ul {
    overflow: hidden;
}

.entry-meta ul li {
    display: flex;
    justify-content: start;
    line-height: 26px;
}

.entry-meta ul:first-child li:last-child a {
    width: 70%;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.entry-meta ul li a {
    display: block;
    width: 70%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    color: #333;
}