* {
    margin: 0;
    padding: 0
}

html {
    position: relative;
    margin: 0 auto!important;
    max-width: 640px;
    min-width: 300px;
    font-family: "Helvetica Neue",Helvetica,sans-serif
}

body {
    overflow-x: hidden;
    background: #e2f0fd;
    color: #333;
    font-size: 1rem;
    font-family: "Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif
}

a {
    color: #333;
    text-decoration: none
}

img {
    width: auto;
    border: 0;
    vertical-align: middle
}

a,img {
    -webkit-touch-callout: none
}

button,input,select {
    vertical-align: middle;
    font-size: 1rem
}

input,textarea {
    padding: 0;
    outline: 0;
    border: none;
    -webkit-appearance: none
}

li,ol {
    list-style: none
}

body,div,fieldset,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,table,td,tr,ul {
    margin: 0;
    padding: 0;
    border: 0 none;
    vertical-align: baseline;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit
}

.clear {
    clear: both;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 5px;
    font-size: 1px;
    line-height: 0
}

.clear:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
}

.banner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto 1%;
    width: 100%;
    height: auto
}

.alert {
    position: fixed;
    top: 35%;
    left: 50%;
    z-index: 99999;
    display: none;
    padding: 1rem .75rem;
    max-width: 80%;
    min-width: 36%;
    border-radius: .75rem;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: .875rem;
    font-family: Microsoft YaHei;
    opacity: .7;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.mask {
    position: fixed;
    top: 43px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    pointer-events: none
}

.mask.show {
    visibility: visible;
    opacity: .35;
    pointer-events: auto
}

.filex {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%
}

@keyframes load {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes load {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.index-header {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    text-align: center
}

.index-header img {
    display: block;
    width: 100%
}

.index-header .index-logo {
    margin: auto;
    width: auto;
    height: 45px
}

.header {
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 42px;
    max-width: 640px;
    min-width: 300px;
    border-bottom: 1px solid #dfdfdf;
    background: #f2f2f2;
    color: #989898;
    text-align: center;
    line-height: 42px
}

.header .icon-logo,.header .icon-menu {
    position: relative;
    width: 42px;
    height: 42px
}

.header .icon-menu {
    top: 0;
    right: 5px;
    z-index: 10;
    float: right;
    display: inline-block;
    cursor: pointer
}

.icon-menu i {
    position: absolute;
    left: 10px;
    display: block;
    width: 26px;
    height: 2.5px;
    border-radius: 4px;
    background: #989898;
    transition: all .35s ease
}

.icon-menu i:first-of-type {
    top: 12px
}

.icon-menu i:nth-of-type(2) {
    top: 20px
}

.icon-menu i:nth-of-type(3) {
    top: 28px
}

.icon-menu-on i:first-of-type {
    top: 20px;
    transform: rotate(45deg)
}

.icon-menu-on i:nth-of-type(2) {
    width: 0
}

.icon-menu-on i:nth-of-type(3) {
    top: 20px;
    transform: rotate(-45deg)
}

.header .icon-logo,.header .site:first-child:before,.header .iconfont:first-child:before {
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10553' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%232888e8' d='M904.322 101.341L764.063 234.549c-13.354 12.686-24.285 38.135-24.285 56.56v240.188c0 18.425-10.686 44.118-23.757 57.113L579.132 724.5c-13.071 12.997-38.834 23.615-57.259 23.615H319.37c-18.425 0-33.495-15.069-33.495-33.491V649 111.773c0-18.425-10.956-23.14-24.342-10.486l-141.8 134.092c-13.387 12.656-24.34 38.083-24.34 56.506v411.074c0 18.426 10.954 43.853 24.34 56.506l141.8 134.092c13.387 12.654 39.412 23.012 57.837 23.012h289.232c18.425 0 44.165-10.648 57.199-23.66l239.104-238.721c13.034-13.018 23.704-38.735 23.704-57.16V111.773c-0.001-18.425-10.932-23.117-24.287-10.432z'\/%3E%3Cpath fill='%232888e8' d='M441.091 667.065l141.815-134.114c13.385-12.663 24.338-38.089 24.338-56.514V111.773c0-18.425-10.961-23.14-24.346-10.486l-141.8 134.092c-13.385 12.656-24.342 38.083-24.342 56.506v364.702c0.001 18.425 10.951 23.142 24.335 10.478z'\/%3E%3C/svg%3E") no-repeat center center/32px;
    content: ""
}

.header .site,.header .iconfont {
    position: relative;
    float: left;
    overflow: hidden;
    padding: 0 16px 0 5px;
    padding-left: 5px;
    height: 42px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10553' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23dfdfdf' d='M981.29864195 498.93866758L692.65209985-0.08435406c-4.4792469-7.74027694-11.79921893-7.84435187-16.35185223-0.22949983-4.55530205 7.60951557-4.61534473 20.06120696-0.1374322 27.8014839l280.6033789 485.12228019-284.25669408 483.31296793c-4.51527292 7.67756449-4.51527292 20.12391941-1e-8 27.80148389 2.25496823 3.84145047 5.21711513 5.76017518 8.17525893 5.76017415 2.96214692 0 5.9202907-1.91872368 8.17926205-5.76017415l292.36657182-497.09362297c4.4872521-7.63620097 4.51927604-19.99449139 0.06804892-27.69207147z m0 0'\/%3E%3C/svg%3E") no-repeat right center/44px;
    text-align: center;
    font-size: .875rem;
    line-height: 42px
}

.header .home {
    padding-left: 0
}

.header span {
    float: left;
    padding-left: 5px;
    color: #989898;
    text-align: center;
    font-size: .875rem
}

.index-banner {
    position: relative;
    display: block;
    padding-top: 50%;
    width: 100%;
    height: 0
}

.index-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-width: 100%
}

.index-banner .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.index-banner .swiper-wrapper li span {
    position: absolute;
    bottom: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 55px 0 10px;
    width: 100%;
    height: 35px;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 35px
}

.index-banner .swiper-pagination {
    position: absolute;
    right: 10px;
    bottom: 9px;
    z-index: 3;
    text-align: center
}

.index-banner .swiper-pagination-bullet {
    margin-left: 3px;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    background-color: transparent;
    opacity: 1
}

.index-banner .swiper-pagination-bullet-active {
    background-color: #fff
}

.index-nav {
    float: left;
    margin-bottom: 1%;
    padding-top: 2%;
    width: 100%;
    background: #fff
}

.index-nav .search {
    float: left;
    margin: 5px 3% 12px
}

.index-nav li {
    float: left;
    margin-right: -1px;
    width: 20%;
    text-align: center;
    line-height: 28px
}

.index-nav li a {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    color: #555;
    font-size: .875rem
}

.index-nav li i {
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #2888e8;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 48px
}

.index-nav li:first-child i,.nav li:first-child i {
    background-color: #ff8fa5
}

.index-nav li:nth-child(2) i,.nav li:nth-child(2) i {
    background-color: #62d2cb
}

.index-nav li:nth-child(3) i,.nav li:nth-child(3) i {
    background-color: #daace1
}

.index-nav li:nth-child(4) i,.nav li:nth-child(4) i {
    background-color: #7bd2ff
}

.index-nav li:nth-child(5) i,.nav li:nth-child(5) i {
    background-color: #ffb964
}

.index-nav li:nth-child(6) i,.nav li:nth-child(6) i {
    background-color: #ff927b
}

.index-nav li:nth-child(7) i,.nav li:nth-child(7) i {
    background-color: #94df75
}

.index-nav li:nth-child(8) i,.nav li:nth-child(8) i {
    background-color: #759fb7
}

.index-nav li:nth-child(9) i,.nav li:nth-child(9) i {
    background-color: #95aba1
}

.index-nav li:nth-child(10) i,.nav li:nth-child(10) i {
    background-color: #c5c399
}

.index-nav li:nth-child(11) i,.nav li:nth-child(11) i {
    background-color: #858890
}

.index-nav li:nth-child(12) i,.nav li:nth-child(12) i {
    background-color: #e1aa9f
}

.index-nav li:nth-child(13) i,.nav li:nth-child(13) i {
    background-color: #d1a57b
}

.index-nav li:nth-child(14) i,.nav li:nth-child(14) i {
    background-color: #bdddcc
}

.index-nav li:nth-child(15) i,.nav li:nth-child(15) i {
    background-color: #aacde1
}

.nav {
    position: fixed;
    top: 43px;
    left: 0;
    z-index: 10001;
    float: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-transform: translateX(-100%)
}

.nav.show {
    -webkit-transform: none;
    transform: none;
    -ms-transform: none
}

.nav ul {
    border-top: 1px solid #eee
}

.nav .notice::after,.nav ul::after {
    position: relative;
    top: 0;
    left: 50%;
    display: inline-block;
    margin: .75rem 0;
    width: 100%;
    color: #999;
    content: "高质量文案写作助您脱颖而出";
    text-align: center;
    font-size: .8125rem;
    line-height: 1.625rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav li,.nav ul:after {
    float: left;
    text-align: center
}

.nav li {
    margin-right: -1px;
    padding: 2% 0;
    width: 33.33333%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #fff
}

.nav li span {
    display: block;
    padding-top: 2%;
    color: #333
}

.nav li a:nth-child(3) {
    border-right: 0
}

.nav li i {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #2888e8;
    color: #fff;
    font-size: 30px;
    line-height: 48px
}

.nav .open,.nav li i {
    display: block;
    margin: 0 auto;
    text-align: center
}

.nav .open {
    float: left;
    width: 100%;
    line-height: 36px;
    cursor: pointer
}

.nav .open:after {
    display: inline-block;
    margin-left: 10px;
    width: 36px;
    height: 36px;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10553' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23999999' d='M533.333333 516.266667l-174.933333-170.666667-64 59.733333 234.666667 234.666667L768 405.333333l-59.733333-59.733333-174.933334 170.666667z'\/%3E%3C/svg%3E") no-repeat center center/28px;
    content: ""
}

.search {
    display: inline-block;
    margin: 15px 3%;
    width: 94%;
    border-radius: 100px;
    background: #f2f2f2
}

.search input {
    float: left;
    padding-left: 4%;
    width: 78%;
    background: 0 0;
    font-size: .875rem;
    line-height: 2.5rem
}

.search input[type=text]::placeholder {
    color: #999
}

.search button,.search input {
    height: 2.5rem;
    border: none
}

.search button {
    background: 0 0;
    color: #2888e8;
    font-size: .875rem
}

.search .iconfont {
    margin-right: 6px;
    color: #2888e8;
    vertical-align: middle;
    font-size: 1rem;
    -webkit-text-stroke-width: .2px
}

.subnav {
    float: left;
    display: block;
    margin: .625rem 1% .625rem;
    margin-bottom: .75rem;
    padding: 0 3% .75rem;
    width: 92%;
    border-radius: .75rem;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    background: #fff
}

.subnav a {
    float: left;
    float: left;
    display: block;
    margin-top: .75rem;
    margin-right: 2%;
    width: 18.3%;
    height: 1.75rem;
    border-radius: 1rem;
    background: #f5f6f9;
    color: #333;
    color: #1e1f24;
    text-align: center;
    font-size: .75rem;
    line-height: 2.5rem;
    line-height: 1.75rem
}

.subnav a:nth-of-type(5n) {
    margin-right: 0
}

.subnav a.on {
    color: #2888e8
}

.subnav a:hover {
    background: #2888e8;
    color: #fff
}

.swiper-tab {
    float: left;
    overflow: hidden;
    margin-bottom: 1%;
    width: 100%;
    background: #fff
}

.swiper-tab .iconfont {
    padding-right: 3px;
    height: 40px;
    vertical-align: middle;
    font-size: 24px;
    line-height: 40px
}

.swiper-tab .swiper-tab-title {
    margin-bottom: 1%;
    height: 43px
}

.author-box .swiper-pagination-bullet,.swiper-tab .swiper-pagination-bullet {
    width: 33%;
    height: 40px;
    border-bottom: 2px solid #eee;
    border-radius: 0;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    opacity: 1
}

.author-box .swiper-pagination-bullet-active,.swiper-tab .swiper-pagination-bullet-active {
    border-bottom: 2px solid #2888e8;
    color: #2888e8
}

.swiper-tab .swiper-tab-list ul {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 2% 1%
}

.swiper-tab .swiper-tab-list ul li {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 32px;
    font-size: 15px;
    line-height: 32px
}

.swiper-tab .swiper-tab-list .pubdate li:before {
    position: relative;
    top: 50%;
    float: left;
    margin-right: 2%;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #cecece;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-tab .swiper-tab-list .pubdate li:hover:before {
    background-color: #2888e8
}

.swiper-tab .swiper-tab-list .pubdate li a {
    float: left;
    display: block;
    overflow: hidden;
    width: 84%;
    height: 32px
}

.swiper-tab .swiper-tab-list .pubdate li span {
    float: right;
    color: #999;
    font-size: 12px
}

.swiper-tab .swiper-tab-list .tuijian li span {
    float: left;
    margin-top: 1%;
    margin-right: 10px;
    padding: 0 1%;
    height: 20px;
    border: 1px solid #2888e8;
    border-radius: 4px;
    color: #2888e8;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.swiper-tab .swiper-tab-list .tuijian li span a {
    color: #2888e8
}

.swiper-tab .swiper-tab-list .click li em {
    position: relative;
    top: 50%;
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    font-style: inherit;
    font-size: 12px;
    line-height: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-tab .swiper-tab-list .click li:first-child em {
    background: #ff6b6d
}

.swiper-tab .swiper-tab-list .click li:nth-child(2) em {
    background: #ff9e3a
}

.swiper-tab .swiper-tab-list .click li:nth-child(3) em {
    background: #26ced5
}

.list-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2%;
    background: #fff
}

.list-box,.list-box-title {
    float: left;
    margin-bottom: 1%;
    width: 100%
}

.list-box-title {
    height: 34px;
    border-bottom: 2px solid #eee;
    line-height: 34px
}

.list-box-title span {
    float: left;
    border-bottom: 2px solid #2888e8;
    color: #2888e8;
    font-size: 18px
}

.list-box-title span a {
    color: #2888e8
}

.list-box-title span i {
    box-sizing: border-box;
    margin-right: 3px;
    color: #2888e8;
    vertical-align: bottom;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px
}

.list-box-line {
    position: absolute;
    right: 2%;
    float: right;
    font-size: 13px
}

.list-box-line a {
    float: left;
    margin-right: 5px;
    color: #989898;
    font-size: 13px
}

.list-box-line a:last-child {
    margin-right: 0
}

.list-box-line a:before {
    position: relative;
    margin-right: 5px;
    color: #ccc;
    content: "/"
}

.list-box-line a:first-child:before {
    margin-right: 0;
    content: ""
}

.list-box-more {
    float: right;
    display: block;
    width: 30%;
    color: #2888e8
}

.list-box-more i {
    float: right;
    box-sizing: border-box;
    color: #989898;
    vertical-align: middle;
    font-weight: 400;
    font-size: 24px
}

.list-box .list-box-pic {
    float: left;
    width: 100%
}

.list-box .list-box-pic a {
    float: left;
    margin: 2% 2% 1%;
    width: 46%;
    background: #eee;
    text-align: center
}

.list-box .list-box-pic a span {
    display: block;
    overflow: hidden;
    padding: 0 4px;
    height: 30px;
    color: #333;
    text-align: center;
    font-size: 13px;
    line-height: 30px
}

.list-box .list-box-pic a:hover span {
    color: #2888e8
}

.list-box .list-box-pic img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #dbdbdb
}

.list-box .list-box-ul {
    float: left;
    width: 100%
}

.list-box .list-box-ul li {
    position: relative;
    float: left;
    width: 100%;
    height: 2.25rem;
    font-size: .875rem;
    line-height: 2.25rem
}

.list-box .list-box-ul li:before {
    position: relative;
    top: 50%;
    float: left;
    margin-right: .5rem;
    width: .3125rem;
    height: .3125rem;
    border-radius: 100%;
    background-color: #cecece;
    content: "";
    transform: translateY(-50%)
}

.list-box .list-box-ul li:after {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 0;
    display: block;
    width: 90%;
    height: .0625rem;
    border-bottom: .0625rem dashed #cecece;
    content: "";
    transform: translateY(-50%)
}

.list-box .list-box-ul li a {
    position: relative;
    z-index: 1;
    float: left;
    display: block;
    overflow: hidden;
    padding-right: .5rem;
    height: 2.25rem;
    max-width: 84%;
    background: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-box .list-box-ul li span,.list-box .list-box-ul li time {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    float: right;
    padding-left: .5rem;
    background: #fff;
    color: #999;
    font-size: .75rem
}

.list-cut .list-box-ul {
    margin-top: .25rem
}

.list-cut .list-box-title {
    border-bottom: none
}

.list-cut .list-box-title span {
    border-bottom: none
}

.list-cut .list-box-ul li {
    margin-right: 2%;
    margin-bottom: .5rem;
    width: 49%;
    border-radius: 9px;
    background: #f5f6f9;
    color: #1e1f24
}

.list-cut .list-box-ul li:nth-of-type(2n) {
    margin-right: 0
}

.list-cut .list-box-ul li a {
    padding: 0 3%;
    max-width: 94%;
    background: 0 0;
    white-space: inherit
}

.list-cut .list-box-ul li:before {
    display: none
}

.list-cut .list-box-ul li:after {
    display: none
}

.list-cut .list-box-ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.list-cut .list-box-ul li:nth-of-type(15) {
    display: none
}

.list-box .click-ul {
    float: left;
    margin-top: .5rem
}

.list-box .click-ul li {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 2.25rem;
    font-size: .875rem;
    line-height: 2.25rem
}

.list-box .click-ul li em {
    position: relative;
    top: 50%;
    float: left;
    margin-right: .5rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: .4375rem;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    font-style: inherit;
    font-size: .75rem;
    line-height: 1.125rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.list-box .click-ul li:first-child em {
    background: #39a0ff
}

.list-box .click-ul li:nth-child(2) em {
    background: #42c666
}

.list-box .click-ul li:nth-child(3) em {
    background: #d9a606
}

.list-news {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1%;
    width: 100%;
    background: #fff
}

.list-news .list-box-title {
    margin: 2% 2% 1%;
    width: 96%
}

.list-news-ul {
    display: block;
    background: #e2f0fd
}

.list-news-ul,.list-news-ul li {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: auto
}

.list-news-ul li {
    float: left;
    display: block;
    display: -webkit-box;
    margin: 0 0 1%;
    padding: 2%;
    background: #fff
}

.list-news-ul li img {
    overflow: hidden;
    margin-right: 10px;
    width: 108px;
    height: 72px;
    border-radius: 6px
}

.list-news-ul li .item {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    width: auto;
    -webkit-box-flex: 1
}

.list-news-ul li .item h2 {
    display: block;
    overflow: hidden;
    margin: 4px 0 0;
    width: 100%;
    height: 20px;
    color: #333;
    font-weight: 700;
    line-height: 20px
}

.list-news-ul li .item p {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    margin: 8px 0 0;
    width: 100%;
    height: auto;
    color: #989898;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pagelist {
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 0 2%;
    width: 96%;
    background: #fff
}

.pagelist .down,.pagelist .index,.pagelist .rest,.pagelist .up {
    margin: .75rem 0 0;
    padding: 0 2%;
    width: 26%;
    height: 2.25rem;
    border: 1px solid #ececec;
    text-align: center;
    line-height: 2.25rem;
    border-radius: 0.5rem;
}

.pagelist .index {
    float: left;
    width: 96%
}

.pagelist .up {
    float: left
}

.pagelist .down {
    float: right
}

.pagelist .rest {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pagelist .rest span,.pagelist .rest span a {
    color: #2888e8
}

.article {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #fff
}

.article .title {
    padding: 1rem 3% 0;
    color: #333;
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem
}

.article .info {
    float: left;
    overflow: hidden;
    padding: .5rem 0 .25rem;
    width: 100%;
    border-bottom: .0625rem solid #ececec;
    color: #999;
    text-align: center;
    font-size: .875rem;
    line-height: 1.5rem
}

.article .info span {
    margin-right: .5rem
}

.article .info span i {
    box-sizing: border-box;
    padding-right: 2px;
    vertical-align: -1px;
    line-height: 1.5rem
}

.article .info code {
    font-family: Microsoft Yahei,Verdana,Arial,Helvetica,sans-serif
}

.article .info code b {
    padding: 0 2px;
    color: #666;
    font-weight: 400;
    font-size: .875rem
}

.article .info a {
    color: #868686
}

.article .info code i {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 4px;
    width: 3px;
    height: 3px;
    background: #666;
    animation: load 1.04s ease infinite;
    -webkit-animation: load 1.04s ease infinite
}

.article .info code i:first-child {
    animation-delay: .13s;
    -webkit-animation-delay: .13s
}

.article .info code i:nth-child(2) {
    animation-delay: .26s;
    -webkit-animation-delay: .26s
}

.article .info code i:nth-child(3) {
    animation-delay: .39s;
    -webkit-animation-delay: .39s
}

.content {
    position: relative;
    overflow: hidden;
    padding: .75rem 3%;
    width: 94%;
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.6
}

.content p {
    padding-bottom: .75rem
}

.content p:last-child {
    padding-bottom: 0
}

.content h2 {
    padding-bottom: .75rem;
    color: #c00;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.625rem
}

.content.fanwen h2,.content.fanwen p {
    text-indent: 2em
}

.content br {
    line-height: 1.6
}

.content img {
    height: auto;
    max-width: 100%
}

.article-more,.article-recommend {
    float: left;
    margin: 2% auto 1rem;
    width: 100%;
    background: #fff;
    text-align: center
}

.article-more a,.article-recommend .item {
    position: relative;
    float: left;
    margin-right: 4%;
    height: 2.125rem;
    border-radius: 1rem;
    background: #eee;
    color: #666;
    font-size: .875rem;
    line-height: 2.125rem;
    cursor: pointer;
    max-width: 38%;
    min-width: 30%
}

.article-recommend .item:last-child {
    margin-right: 0
}

.article-more a .iconfont,.article-recommend .rand .iconfont {
    margin-right: 2px;
    vertical-align: middle;
    font-size: 1.125rem
}

.article-more a {
    float: none;
    display: inline-block;
    margin-right: 0
}

.article-next-prev {
    float: left;
    display: none;
    width: 100%;
    border-bottom: 4px solid #e2f0fd;
    background: #fff
}

.article-next-prev a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 5% 0 2%;
    height: 44px;
    border-bottom: 1px solid #d8d8d8;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 44px
}

.article-next-prev a:last-child {
    border-bottom: none
}

.article-next-prev a:before {
    right: 8px;
    border: 8px solid transparent;
    border-left-color: #ececec
}

.article-next-prev a:after,.article-next-prev a:before {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -8px;
    width: 0;
    height: 0;
    content: ""
}

.article-next-prev a:after {
    right: 10px;
    border: 8px solid transparent;
    border-left-color: #fff
}

.article-next-prev a span,.article-next-prev a:hover {
    color: #2888e8
}

.article-next-prev a span .iconfont {
    box-sizing: border-box;
    padding-right: 5px
}

.sitemap {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2%;
    width: 100%;
    background: #fff
}

.sitemap .map-box {
    float: left;
    margin-bottom: 2%;
    padding-bottom: 2%;
    width: 100%;
    border-bottom: 1px solid #eee
}

.sitemap .map-box h2 {
    height: 2rem;
    color: #2888e8;
    text-align: center;
    font-size: 1.125rem;
    line-height: 2rem
}

.sitemap .map-box h2 a {
    color: #2888e8
}

.sitemap .map-box h2 .iconfont {
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 3px;
    color: #2888e8;
    vertical-align: middle;
    font-size: 18px
}

.sitemap .map-box ul {
    overflow: hidden
}

.sitemap .map-box:nth-child(2) {
    margin-top: 2%
}

.sitemap .map-box:last-child {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0
}

.sitemap .map-box ul li {
    float: left;
    overflow: hidden;
    margin-right: .5rem;
    text-align: center;
    white-space: nowrap;
    line-height: 2rem
}

.sitemap .map-box ul li a {
    float: left;
    display: block;
    margin-top: .25rem;
    padding: 0 .5rem;
    height: 1.625rem;
    border-radius: .75rem;
    background: #f5f6f9;
    color: #1e1f24;
    font-size: .75rem;
    line-height: 1.625rem
}

.update {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2%;
    width: 100%;
    background: #fff
}

.sitemap .list-line,.update .list-line {
    padding-right: 0
}

.update ul {
    padding-top: .625rem
}

.taglist {
    float: left;
    width: 100%
}

.taglist h3 {
    margin: 2% 0;
    color: #2888e8;
    font-size: 18px
}

.taglist .taglist-box {
    display: inline-block
}

.taglist .taglist-box a {
    float: left;
    margin-right: 10px;
    color: #333;
    text-decoration: underline;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 28px
}

.taglist .taglist-box a:hover {
    color: #2888e8
}

#back-to-top {
    position: fixed;
    right: .75rem;
    bottom: 8rem;
    z-index: 99998;
    display: none;
    width: 2.5rem;
    text-align: center;
    line-height: 2.5rem
}

#back-to-top a {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .75rem;
    background: #a6a6a6;
    background: linear-gradient(to bottom,#ccc,#a6a6a6);
    opacity: .8
}

#back-to-top a:hover {
    background: #868686;
    background: linear-gradient(to bottom,#bbb,#868686)
}

#back-to-top span {
    display: block;
    width: 2.5rem;
    height: 2.5rem
}

#back-to-top a.stop span {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10553' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M468.906 235.159L81.472 622.712C59.125 645 49.488 671.624 71.835 693.911c22.407 22.287 48.971 12.77 71.198-9.638L468.605 358.76v586.15c0 29.154 12.65 52.706 41.743 52.706 29.154 0 45.417-23.552 45.417-52.706v-586.15l325.27 325.09c22.288 22.287 48.189 32.527 70.597 10.24 22.407-22.347 13.432-49.573-8.976-71.8L555.103 234.737s-23.191-26.504-40.78-26.504c-20.962 0-45.417 26.926-45.417 26.926zM118.216 123.12h787.155c36.322 0 57.223-11.083 57.223-42.707 0-31.563-18.07-44.454-57.223-44.454H118.216c-36.141 0-57.224 12.108-57.224 43.61 0 31.504 21.685 43.55 57.224 43.55z'\/%3E%3C/svg%3E") no-repeat center center/1.5rem
}

.footer {
    width: 100%;
    background: #232830;
    text-align: center;
    font-size: .75rem;
    color: #aaa;
    padding: 20px 0;
}
.footer a{
    color: #aaa;
}

/*.footer .copyright {*/
/*    color: #999;*/
/*    text-align: center;*/
/*    font-size: .75rem;*/
/*    line-height: 2.8125rem*/
/*}*/

/*.footer .copyright a {*/
/*    color: #999;*/
/*    font-size: .75rem*/
/*}*/

/*.footer a.beian {*/
/*    padding-left: .25rem*/
/*}*/

.tag-item {
    margin: 0 auto 2%;
    padding: 1% 1.5% 1% 2.5%;
    background: #f4f4f4
}

.tag-item:last-child {
    margin-bottom: 0
}

.tag-item dt {
    margin-bottom: 2%;
    height: 30px;
    line-height: 30px
}

.tag-item dt span {
    color: #161616;
    font-weight: 700;
    font-size: 18px
}

.tag-item dd {
    display: inline-block;
    overflow: hidden
}

.tag-item dd a {
    margin-right: 2%;
    color: #999;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 30px
}

.tag-item dd a:hover {
    color: #000
}

.tag-item dd .c1 {
    color: #ff3232
}

.tag-item dd .c2 {
    color: #ff9632
}

.tag-item dd .c3 {
    color: #77ba00
}

.tag-item dd .c4 {
    color: #00baa2
}

.tag-item dd .c5 {
    color: #0077ba
}

.tag-item dd .c6 {
    color: #9055fe
}

.tag-item dd .c7 {
    color: #b755fe
}

.tag-item dd .c8 {
    color: #fe558d
}

.tag-item dd .c9 {
    color: #700e18
}

.tag-item dd .c10 {
    color: #0f635a
}

.tag-item dd .c11 {
    color: #161616
}

.tag-item dd .c12 {
    color: #ff1ae6
}

.tag-item dd .c13 {
    color: #0051ec
}

.list-news-ul li {
    margin: 0 0 3px
}

.list-news-ul li img {
    width: 100%;
    height: auto;
    max-width: 120px;
    max-height: 90px;
    min-height: 80px;
    border-radius: 2px
}

.list-news-ul li .item h2 {
    min-height: 48px;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 1rem;
    line-height: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.list-news-ul li .noimg h2 {
    min-height: 24px!important
}

.list-news-ul li .item time {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    width: 100%;
    height: 24px;
    color: #999;
    text-align: right;
    font-size: 12px;
    line-height: 24px
}

.article-list-news .list-news-ul li {
    margin: 0 0 1px
}

.article .info span:nth-of-type(4) {
    display: none
}

.article-recommend .item {
    float: none;
    display: inline-block
}

.article-recommend .item:first-child {
    display: none
}

.content .AboutUs,.content .ComeFrom,.content .CopyRights,.content .DoMain,.content .HomeLink,.content .HotLink,.content .OriGin,.content .ProveNance,.content .SouRces,.content .WebSite,.content .aboutus,.content .comefrom,.content .copyrights,.content .domain,.content .homelink,.content .hotlink,.content .origin,.content .provenance,.content .sources,.content .website {
    position: absolute;
    top: -999em;
    left: -999em
}

.more-content {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto!important;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.more-content:before {
    position: absolute;
    top: -1.25rem;
    left: 50%;
    z-index: 2;
    width: 1.125rem;
    height: 1.125rem;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10553' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23333333' d='M819.627 151.467a34.133 34.133 0 1 1 48.213 48.213L535.893 531.627a34.133 34.133 0 0 1-48.213 0L156.16 199.68a34.133 34.133 0 1 1 48.213-48.213L512 459.093z m0 341.333a34.133 34.133 0 1 1 48.213 48.213L535.893 872.96a34.133 34.133 0 0 1-48.213 0L156.16 541.013a34.133 34.133 0 0 1 48.213-48.213L512 800.427z'\/%3E%3C/svg%3E") no-repeat center center/1.125rem;
    content: "";
    transform: translateX(-50%)
}

.more-content-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: 0 auto!important;
    width: 100%;
    height: 8rem;
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%)
}

.more-content-text {
    position: absolute;
    bottom: 1.5rem;
    left: 35%;
    z-index: 2;
    margin: 0 auto!important;
    width: 30%;
    height: 2rem;
    border: 1px solid #999;
    border-radius: 1rem;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: .875rem;
    line-height: 2rem!important
}

.article,.index-nav,.index-new-nav,.list-box,.main-list-news,.sitemap,.swiper-tab,.update {
    margin: 0 1% .625rem;
    width: 98%;
    border-radius: .75rem
}

.article,.main-list-news,.sitemap,.update {
    margin: .625rem 1% .625rem;
    width: 98%
}

.index-wrapper {
    position: relative;
    /*padding-top: 9.5rem;*/
    background: #e2f0fd
}

.header-wrap {
    position: relative;
    display: block;
    width: 100%
}

.index-header:after {
    position: absolute;
    bottom: -.5rem;
    left: 0;
    width: 100%;
    height: 3.5rem;
    background: -webkit-linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);
    content: ""
}

.header-search {
    position: absolute;
    z-index: 9;
    box-sizing: border-box;
    padding: 1rem 3% 1rem 3%;
    width: 100%;
    height: auto;
    background: 0 0
}

.header-search .search {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 2.5rem;
    background: #fdfdfd
}

.header-search .search input {
    box-sizing: border-box;
    padding: 0 .625rem 0 2.5rem;
    width: 82%;
    height: 2.5rem;
    line-height: 2.5rem
}

.header-search .search button {
    width: 18%;
    height: 2.5rem;
    text-align: center;
    font-size: .875rem;
    line-height: 2.5rem
}

.header-search .search .iconfont {
    position: absolute;
    top: .0625rem;
    left: .75rem;
    z-index: 1;
    color: #ccc;
    font-size: 1.125rem;
    -webkit-text-stroke-width: initial
}

.index-new-nav {
    position: absolute;
    top: -3rem;
    z-index: 9;
    float: left;
    overflow: hidden;
    margin: 0 2.5%;
    padding: .5rem 0;
    width: 95%;
    border-radius: .75rem;
    background-color: #fff
}

.nav .index-new-nav {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0 3% .5rem
}

.nav .index-subnav {
    margin: 0
}

.nav .index-subnav a {
    background: #f7f7f7
}

.index-new-nav li {
    float: left;
    margin: .5rem 0;
    padding: 0;
    width: 20%;
    height: 4.375rem;
    border: none;
    text-align: center
}

.index-new-nav li a {
    display: block
}

.index-new-nav li em {
    display: block;
    margin: 0 auto;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 1.125rem;
    line-height: 2.5rem
}

.index-new-nav li p {
    overflow: hidden;
    margin-top: .5rem;
    height: 1rem;
    color: #1e1f24;
    text-align: center;
    font-size: .75rem
}

.index-new-nav li:nth-child(1) em {
    background: #5fc3fe url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M448 896H163.04C143.904 896 128 879.68 128 859.072V164.928C128 144.32 143.904 128 163.04 128h569.92C752.096 128 768 144.32 768 164.928v182.464a32 32 0 0 0 64 0V164.928C832 109.376 787.84 64 732.96 64H163.04C108.16 64 64 109.376 64 164.928v694.144C64 914.624 108.16 960 163.04 960H448a32 32 0 0 0 0-64z'\/%3E%3Cpath fill='%23ffffff' d='M736 448a256 256 0 1 0 0 512 256 256 0 0 0 0-512z m0 448a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'\/%3E%3Cpath fill='%23ffffff' d='M831.456 688H752v-64a32 32 0 0 0-64 0v96a32 32 0 0 0 32 32h111.456a32 32 0 0 0 0-64zM640 320a32 32 0 0 0-32-32H288a32 32 0 0 0 0 64h320a32 32 0 0 0 32-32zM288 544a32 32 0 0 0 0 64h80.288a32 32 0 0 0 0-64H288z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(2) em {
    background: #6aecd2 url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M992.544 595.296a31.968 31.968 0 0 0-45.248 0l-201.376 201.376-95.04-95.04a31.968 31.968 0 1 0-45.248 45.248l117.664 117.664a31.968 31.968 0 0 0 45.248 0l224-224a31.968 31.968 0 0 0 0-45.248zM800 352a32 32 0 0 0-32-32H256a32 32 0 0 0 0 64h512a32 32 0 0 0 32-32zM256 544a32 32 0 0 0 0 64h288a32 32 0 0 0 0-64H256z'\/%3E%3Cpath fill='%23ffffff' d='M771.104 928H195.04C175.904 928 160 911.68 160 891.072V132.928C160 112.32 175.904 96 195.04 96h633.92C848.096 96 864 112.32 864 132.928v350.528a32 32 0 0 0 64 0V132.928C928 77.376 883.84 32 828.96 32H195.04C140.16 32 96 77.376 96 132.928v758.144C96 946.624 140.16 992 195.04 992h576.064a32 32 0 0 0 0-64z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(3) em {
    background: #ffe85a url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M704 416H320a32 32 0 0 0 0 64h384a32 32 0 0 0 0-64zM704 608H320a32 32 0 0 0 0 64h384a32 32 0 0 0 0-64z'\/%3E%3Cpath fill='%23ffffff' d='M832 32H192C139.072 32 96 75.072 96 128v768c0 52.928 43.072 96 96 96h640c52.928 0 96-43.072 96-96V128c0-52.928-43.072-96-96-96zM320 96h384v96H320V96z m544 800a32 32 0 0 1-32 32H192c-17.632 0-32-14.336-32-32V128c0-17.632 14.368-32 32-32h64v96c0 35.296 28.704 64 64 64h384c35.296 0 64-28.704 64-64V96h64c17.664 0 32 14.368 32 32v768z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(4) em {
    background: #6faed1 url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M864 896l-352 58.656L160 896a96 96 0 0 1-96-96V160a96 96 0 0 1 96-96l352 58.656L864 64a96 96 0 0 1 96 96v640a96 96 0 0 1-96 96zM128 192v576a64 64 0 0 0 64 64l288 57.6v-704L192 128a64 64 0 0 0-64 64z m768 0a64 64 0 0 0-64-64l-288 57.6v704l288-57.6a64 64 0 0 0 64-64V192z m-96 512l-160 32a32 32 0 1 1 0-64l160-32a32 32 0 0 1 0 64z m0-128l-160 32a32 32 0 1 1 0-64l160-32a32 32 0 0 1 0 64z m-416 32l-160-32a32 32 0 1 1 0-64l160 32a32 32 0 0 1 0 64z m0-128l-160-32a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32l160 32a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32z m-32-128l-96-32v64l96 32v-64z m-128 288l160 32a32 32 0 0 1 0 64l-160-32a32 32 0 1 1 0-64z m576-192l-160 32a32 32 0 1 1 0-64l160-32a32 32 0 0 1 0 64z m0-128l-160 32a32 32 0 1 1 0-64l160-32a32 32 0 0 1 0 64z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(5) em {
    background: #e99d9d url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M576 96V75.9c0-40.3-36.9-70.6-76.4-62.8l-448 88.7C21.6 107.7 0 134 0 164.6v694.7c0 30.6 21.7 57 51.8 62.8l448 87.1c39.5 7.7 76.2-22.6 76.2-62.8V928h416c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H576z m-83.1 846.7l-416-80.9c-7.5-1.5-12.9-8-12.9-15.7V177.7c0-7.6 5.4-14.2 12.9-15.7l416-82.3c9.9-2 19.1 5.6 19.1 15.7V927c0 10-9.2 17.6-19.1 15.7zM952 864H576v-88c0-4.4 3.6-8 8-8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H584c-4.4 0-8-3.6-8-8v-32c0-4.4 3.6-8 8-8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H584c-4.4 0-8-3.6-8-8V160h376c4.4 0 8 3.6 8 8v688c0 4.4-3.6 8-8 8z'\/%3E%3Cpath fill='%23ffffff' d='M219.9 584.5v89.2c0 9.8-8.7 17.3-18.4 15.8l-30.5-4.6c-7.8-1.2-13.6-7.9-13.6-15.8v-297c0-15.8 11.6-29.3 27.2-31.6l77.4-11.7c88.6-13.6 138 22.4 138 109.2 0 42.2-15.3 76-44.9 100.6-28.3 23.5-62 33.5-100.2 30.7l-18.3-0.8c-9.1-0.4-16.7 6.9-16.7 16z m0-175.9v100.8l29.3-0.1c42.2-0.2 64.4-21.2 64.4-63.2 0-41-22-59.3-63.8-55l-15.6 1.6c-8.1 0.8-14.3 7.7-14.3 15.9zM688 338.9c34.8 6.4 66.9 23.1 92.5 48.7 17.5 17.5 30.9 38.1 39.6 60.5H688V338.9M656 272h-16c-8.8 0-16 7.2-16 16v192c0 17.7 14.3 32 32 32h223.4c9.3 0 16.6-7.9 16-17.2C886.6 370.3 782.8 272 656 272z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(6) em {
    background: #aced6b url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M575.232 896H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h544c17.664 0 32 14.336 32 32a32 32 0 0 0 64 0 96 96 0 0 0-96-96H160a96 96 0 0 0-96 96v704a96 96 0 0 0 96 96h415.232a32 32 0 0 0 0-64z'\/%3E%3Cpath fill='%23ffffff' d='M512 288a32 32 0 0 0-32-32H224a32 32 0 0 0 0 64h256a32 32 0 0 0 32-32zM480 480a32 32 0 0 0-32-32H224a32 32 0 0 0 0 64h224a32 32 0 0 0 32-32zM224 672a32 32 0 0 0 0 64h128a32 32 0 0 0 0-64H224zM864 624h-66.176C822.08 556.288 864 431.648 864 416a160 160 0 0 0-320 0c0 20.064 39.84 139.744 65.696 208H544a96 96 0 0 0-96 96v32a96 96 0 0 0 96 96h320a96 96 0 0 0 96-96v-32a96 96 0 0 0-96-96z m-221.536-98.464C623.104 469.76 608 420.608 608 416a96 96 0 1 1 192 0c0 6.304-52.192 158.464-70.336 208h-51.2c-8-20.16-22.4-59.264-36-98.464zM896 752a32 32 0 0 1-32 32H544a32 32 0 0 1-32-32v-32a32 32 0 0 1 32-32h320a32 32 0 0 1 32 32v32z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(7) em {
    background: #a7dfec url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M896 128H128a64 64 0 0 0-64 64v672a64 64 0 0 0 64 64h768a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64z m0 64v117.664l-377.44 255.296L128 300.768V192h768zM128 864V378.048l372.64 252.032a31.968 31.968 0 0 0 35.84 0L896 386.912V864H128z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(8) em {
    background: #b8a8e7 url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M895 466c-4.4 0-9 0.9-13.4 3L800 506.8V128c0-35.3-28.7-64-64-64H288c-35.3 0-64 28.7-64 64v378.7L142.4 469c-4.4-2-9-3-13.4-3-16.8 0-32 13.6-32 32v398c0 35.3 28.7 64 64 64h702c35.3 0 64-28.7 64-64V498.1c0-18.5-15.2-32.1-32-32.1zM288 128h448v408.4L512.3 640 288 536.3V128z m575 768H161V548.1l324.5 150 26.9 12.4 26.9-12.4L863 548.2V896z'\/%3E%3Cpath fill='%23ffffff' d='M384 320h256c17.7 0 32-14.3 32-32s-14.3-32-32-32H384c-17.7 0-32 14.3-32 32s14.3 32 32 32zM672 448c0-17.7-14.3-32-32-32H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h256c17.7 0 32-14.3 32-32z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(9) em {
    background: #d7d7d7 url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M345.6 835.2H676c17.6 0 33.6 13.6 33.6 33.6 0 17.6-13.6 33.6-33.6 33.6H345.6c-17.6 0-33.6-13.6-33.6-33.6s13.6-33.6 33.6-33.6M648.8 952h-276c-4.8 0-6.4 6.4-2.4 11.2l100.8 52c11.2 4.8 24.8 8.8 40.8 8.8 13.6 0 24.8-4.8 38.4-8.8l100.8-52c4.8-4 2.4-11.2-2.4-11.2zM505.6 222.4c40.8 0 76 16 112 49.6 36 31.2 52 72 52 121.6 0 16 13.6 33.6 33.6 33.6 17.6 0 33.6-16 33.6-33.6 0-72-22.4-128-69.6-170.4C620 180.8 566.4 160 505.6 160c-17.6 0-33.6 13.6-33.6 33.6 1.6 12.8 15.2 28.8 33.6 28.8'\/%3E%3Cpath fill='%23ffffff' d='M657.6 779.2H364c-33.6 0-60.8-24.8-64.8-58.4-4.8-6.4-16-22.4-20-27.2-96.8-74.4-152.8-186.4-152.8-308C125.6 172.8 298.4 0 512 0s386.4 172.8 386.4 386.4c0 123.2-56 236-155.2 309.6-4.8 4.8-16 17.6-20 27.2-4.8 28.8-31.2 56-65.6 56z m-284.8-76h276c6.4-27.2 33.6-58.4 47.2-69.6 78.4-58.4 123.2-150.4 123.2-249.6 0-170.4-139.2-309.6-309.6-309.6C339.2 74.4 200 213.6 200 384c0 98.4 44.8 188.8 123.2 247.2 13.6 11.2 42.4 42.4 49.6 72z m0 0'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-new-nav li:nth-child(10) em {
    background: #ffb574 url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M927.68 698.912c0-0.576 0.32-1.056 0.32-1.664V132.928C928 77.28 883.552 32 828.928 32H195.04C140.448 32 96 77.28 96 132.928v758.144C96 946.72 140.448 992 195.04 992h480.032a31.872 31.872 0 0 0 20.96-7.84l153.856-133.632a32 32 0 1 0-41.92-48.32L704 892.512v-119.552c0-20.384 15.712-36.96 35.072-36.96h157.632a32 32 0 0 0 32-32c-0.032-1.792-0.768-3.36-1.024-5.088zM640 772.928V928H195.04C175.712 928 160 911.424 160 891.072V132.928C160 112.576 175.712 96 195.04 96h633.888C848.288 96 864 112.576 864 132.928V672h-124.928C684.448 672 640 717.28 640 772.928z'\/%3E%3Cpath fill='%23ffffff' d='M731.36 288h-5.216c-9.536 0-17.504 4.192-23.84 12.576-22.56 40.768-50.464 95.296-83.712 163.52l-70.272-141.376C539.968 299.552 528.384 288 513.632 288h-7.808c-10.112 0-18.656 5.056-25.6 15.168-36.736 69.408-64.032 123.04-81.984 160.928l-70.272-141.376C319.904 299.552 308.32 288 293.312 288h-6.944l-6.528 1.728c-15.872 8.096-23.84 17.632-23.84 28.64v7.808l0.864 5.216c43.68 92.256 77.792 162.208 102.368 209.92 9.824 23.136 21.408 34.688 34.688 34.688h6.08c8.96 0 17.344-4.192 25.152-12.576l83.264-164.384h0.864c30.368 63.904 51.776 107.712 64.192 131.424 12.736 30.368 26.336 45.536 40.8 45.536h6.08c9.824 0 18.784-5.056 26.88-15.168l116.256-231.168v-10.432l-0.864-3.456c-9.856-18.528-20.256-27.776-31.264-27.776z'\/%3E%3C/svg%3E") no-repeat center center/1.875rem
}

.index-subnav {
    float: left;
    display: block;
    margin-bottom: .75rem;
    padding: 0 2.5%;
    width: 95%
}

.index-subnav a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: .75rem;
    background: #fff
}

.index-subnav .index-subnav-left {
    float: left;
    width: 48.5%
}

.index-subnav .index-subnav-left a {
    height: 10.625rem
}

.index-subnav .index-subnav-right {
    float: right;
    width: 48.5%
}

.index-subnav .index-subnav-right a {
    height: 4.9375rem
}

.index-subnav .index-subnav-right a:first-child {
    margin-bottom: .75rem
}

.index-subnav .index-subnav-left a:after {
    height: 5rem;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fdefe2 100%)
}

.index-subnav .index-subnav-right a:nth-child(1)::after {
    height: 2.5rem;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,#c6f2cf 100%)
}

.index-subnav .index-subnav-right a:nth-child(2)::after {
    height: 2.5rem;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,#c5d5f7 100%)
}

.index-subnav a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,#bbdbec 100%);
    content: ""
}

.index-subnav h3 {
    position: absolute;
    top: 1rem;
    left: 8%;
    color: #2888e8;
    font-weight: 700;
    font-size: 1.125rem
}

.index-subnav .index-subnav-left a:nth-child(1) h3 {
    color: #664d30
}

.index-subnav .index-subnav-right a:nth-child(1) h3 {
    color: #1c715d
}

.index-subnav .index-subnav-right a:nth-child(2) h3 {
    color: #002e84
}

.index-subnav .index-subnav-left a:nth-child(1) span {
    padding-top: .375rem
}

.index-subnav span {
    position: absolute;
    top: 2.75rem;
    left: 8%;
    padding-right: 6%;
    color: #999;
    font-size: .75rem
}

.index-subnav .more {
    position: absolute;
    bottom: 1.25rem;
    left: 8%;
    z-index: 1;
    width: 1.5rem;
    height: 1.5rem;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23f2cb9d' d='M512 960C264.96 960 64 759.04 64 512S264.96 64 512 64s448 200.96 448 448S759.04 960 512 960zM512 128C300.256 128 128 300.256 128 512c0 211.744 172.256 384 384 384 211.744 0 384-172.256 384-384C896 300.256 723.744 128 512 128z'\/%3E%3Cpath fill='%23f2cb9d' d='M668.832 501.152c-0.032-0.128-0.192-0.256-0.256-0.384-1.536-3.616-3.648-7.072-6.592-10.048-0.032-0.032-0.064-0.032-0.096-0.064s-0.032-0.064-0.064-0.096l-158.912-159.36c-12.48-12.512-32.736-12.576-45.248-0.064-12.512 12.48-12.544 32.736-0.064 45.248l136.288 136.672-137.408 135.904c-12.576 12.448-12.672 32.672-0.256 45.248 6.24 6.336 14.496 9.504 22.752 9.504 8.128 0 16.256-3.104 22.496-9.248l160.256-158.496C671.232 526.592 673.6 512.768 668.832 501.152z'\/%3E%3C/svg%3E") no-repeat center center/1.5rem
}

.index-subnav .icon {
    position: absolute;
    right: 8%;
    bottom: 1rem;
    z-index: 1;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 1.125rem;
    background: #e2f0fd;
    text-align: center
}

.index-subnav .index-subnav-left a:nth-child(1) .icon {
    background: #f2cb9d
}

.index-subnav .index-subnav-right a:nth-child(1) .icon {
    background: #61ccb3
}

.index-subnav .index-subnav-right a:nth-child(2) .icon {
    background: #89adf0
}

.index-subnav .iconfont {
    position: relative;
    color: #fff;
    font-size: 1.875rem;
    line-height: 2.8125rem
}

.list-box {
    padding: 3%
}

.list-title h3 {
    float: left;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 2rem
}

.list-title h3 .iconfont {
    box-sizing: border-box;
    margin-right: .375rem;
    color: #2888e8;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2rem
}

.list-title {
    float: left;
    width: 100%;
    height: 2rem;
    line-height: 2rem
}

.list-title span {
    float: left;
    margin-left: 5px;
    color: #2888e8;
    font-size: 18px
}

.list-title span a {
    color: #2888e8
}

.list-title span i {
    box-sizing: border-box;
    margin-right: 3px;
    color: #2888e8;
    vertical-align: bottom;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px
}

.list-line {
    float: right;
    padding-right: 2.125rem;
    font-size: .75rem
}

.list-line a {
    float: left;
    display: block;
    margin-top: .25rem;
    margin-right: .5rem;
    padding: 0 .5rem;
    height: 1.625rem;
    border-radius: .75rem;
    background: #f5f6f9;
    color: #1e1f24;
    font-size: .75rem;
    line-height: 1.625rem
}

.list-line a:last-child {
    margin-right: 0
}

.list-more {
    position: absolute;
    right: 3%;
    width: 2rem;
    height: 2rem;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23989898' d='M243.2 512m-83.2 0a1.3 1.3 0 1 0 166.4 0 1.3 1.3 0 1 0-166.4 0Z'\/%3E%3Cpath fill='%23989898' d='M512 512m-83.2 0a1.3 1.3 0 1 0 166.4 0 1.3 1.3 0 1 0-166.4 0Z'\/%3E%3Cpath fill='%23989898' d='M780.8 512m-83.2 0a1.3 1.3 0 1 0 166.4 0 1.3 1.3 0 1 0-166.4 0Z'\/%3E%3C/svg%3E") no-repeat center center/1.5rem
}

.list-images {
    float: left;
    width: 100%
}

.list-images a {
    position: relative;
    float: left;
    margin: .75rem 0 .75rem;
    margin-right: 4%;
    margin-left: 1%;
    width: 46.5%;
    text-align: center
}

.list-images a:last-child {
    margin-right: 0
}

.list-images a span,.list-images a time {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    padding: 0 2%;
    width: 96%;
    height: 2rem;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    font-size: .875rem;
    line-height: 2rem
}

.list-images a img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-radius: .75rem
}

.main-list-news {
    padding: 3%
}

.main-list-news .list-news-ul {
    padding-top: .5rem;
    background: #fff
}

.main-list-news .list-news-ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2.25rem;
    font-size: .875rem;
    line-height: 2.25rem
}

.main-list-news .list-news-ul li:before {
    position: relative;
    top: 50%;
    float: left;
    margin-right: .5rem;
    width: .3125rem;
    height: .3125rem;
    border-radius: 100%;
    background-color: #cecece;
    content: "";
    transform: translateY(-50%)
}

.main-list-news .list-news-ul li:after {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 0;
    display: block;
    width: 90%;
    height: .0625rem;
    border-bottom: .0625rem dashed #cecece;
    content: "";
    transform: translateY(-50%)
}

.main-list-news .list-news-ul li a {
    position: relative;
    z-index: 1;
    float: left;
    display: block;
    overflow: hidden;
    padding-right: .5rem;
    height: 2.25rem;
    max-width: 84%;
    background: #fff;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-list-news .list-news-ul li time {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    float: right;
    padding-left: .5rem;
    background: #fff;
    color: #999;
    font-size: .75rem
}

.main-list-news .list-news-ul li:nth-of-type(5n) {
    margin-bottom: 1rem
}

.main-list-news .list-news-ul li:last-child {
    margin-bottom: 0
}

.sitemap-column {
    display: block;
    overflow: hidden;
    padding: 0 1%;
    width: 98%
}

.sitemap-column li {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 3%;
    margin-bottom: .75rem;
    width: 48.5%;
    height: 5rem;
    border-radius: .75rem;
    background: #fff
}

.sitemap-column li:last-child,.sitemap-column li:nth-child(2n+0) {
    margin-right: 0
}

.sitemap-column li a {
    display: block;
    width: 100%;
    height: 5rem
}

.sitemap-column li h3 {
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: #2888e8;
    font-size: 1.125rem
}

.sitemap-column li span {
    position: absolute;
    top: 2.875rem;
    left: 1rem;
    color: #bdbdbd;
    font-size: .75rem
}

.sitemap-column li .icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: .75rem;
    background: #e2f0fd;
    text-align: center
}

.sitemap-column li .iconfont {
    position: relative;
    background-image: -moz-linear-gradient(bottom,#2888e8,#43a2f7,#3fadff);
    background-image: -moz-linear-gradient(bottom,#2888e8,#43a2f7,#3fadff);
    background-image: -moz-linear-gradient(bottom,#2888e8,#43a2f7,#3fadff);
    background-image: -moz-linear-gradient(bottom,#2888e8,#43a2f7,#3fadff);
    font-size: 2rem;
    line-height: 3.125rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.lists{
    display: flex;
    /*align-items: center;*/
    margin-bottom: 20px;
}
.lists-l{
    display: block;
    width: 100px;
    height: 80px;
    flex-shrink: 0;
}
.lists-r{
    padding: 0px 0 0 15px;
}
.lists-r p{
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 10px 0 10px 0;
}
.lists-r span{
    color: #999;
    font-size: 14px;
}
.lists-r-t{
    font-size: 18px;
}

.menus{display:block;width:25px;height:25px;top:12px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:50px;z-index:99999;padding-bottom:10px;}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;}



.topnavs{
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-bottom:  1px solid #eee;

}
.topnavs a{
    display: block;
    padding: 10px 10px;
    font-size: 1rem;
    flex-shrink: 0;
}

::-webkit-scrollbar {
    display: none;
}





.row1 {
    word-break: break-word !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.row2 {
    word-break: break-word !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.row3 {
    word-break: break-word !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.row4 {
    word-break: break-word !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.row5 {
    word-break: break-word !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}

.pagination li {
    list-style: none;
    background: none!important;
}

.pagination li a {
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}

.pagination span {
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a {
    background: #e3e3e3;
    color: #333;
}

.pagination li:first-child a {
    background: #e3e3e3;
    color: #333;
}

.disabled span {
    background: #e3e3e3;
    color: #333;
}

.pagination .active span {
    background: #2888e8;
    color: #fff;
}


.selhover {
    color: #fff !important;
    background-color: #2888e8;
}

.listnav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 0.2rem;
    /*background: #fff;*/
    /*padding-left: 20px;*/

}

.listnav a {
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 16px;
}