article, aside, audio, bdi, canvas, datalist, details, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, track, video, title {
    display: block
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, figure {
    padding: 0;
    margin: 0
}

fieldset, img {
    border: 0
}

:focus {
    outline: 0
}

address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: normal;
    font-weight: 400
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code, kbd, samp, tt {
    font-size: 100%
}

input, button, textarea, select {
    *font-size: 100%
}

body {
    line-height: 1.5;
}

ol, ul, li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th {
    text-align: left
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

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

.clear {
    zoom: 1;
    clear: both
}

.hide {
    display: none
}

.wrap {
    max-width: 1920px;
    min-width: 1000px;
    margin: 0 auto
}

.main {
    width: 1000px;
    margin: 0 auto
}

html, body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    background: url(../img/bg.webp) no-repeat center top
}

.index {
    background-image: url(../img/bgIndex.webp);
    background-repeat:no-repeat;
}

.index .nav-main {
    margin-bottom: 0
}

.nav-main {
    position: relative;
    z-index: 99;
    height: 66px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, .15);
    box-shadow: 0 3px 1px rgba(6, 0, 1, .06)
}

.nav-main a {
    position: absolute;
    top: 0;
    font: 700 24px/66px "Microsoft YaHei", Simsun;
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 0 2px rgba(23, 61, 104, .6), -1px 0 2px rgba(23, 61, 104, .6), 0 -1px 2px rgba(23, 61, 104, .6), 0 1px 2px rgba(23, 61, 104, .6), 0 2px 2px rgba(23, 61, 104, .6), 0 3px 2px rgba(23, 61, 104, .6);
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav-main a:hover {
    color: #fec73b;
    text-shadow: 1px 0 2px rgba(65, 37, 1, .9), -1px 0 2px rgba(65, 37, 1, .9), 0 -1px 2px rgba(65, 37, 1, .9), 0 1px 2px rgba(65, 37, 1, .9), 0 2px 2px rgba(65, 37, 1, .9), 0 3px 2px rgba(65, 37, 1, .9)
}

.nav-main-logo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 288px;
    height: 180px;
    margin-left: -144px;
}

.nav-main-link1 {
    right: 50%;
    margin-right: 380px
}

.nav-main-link2 {
    right: 50%;
    margin-right: 170px
}

.nav-main-link3 {
    left: 50%;
    margin-left: 170px
}

.nav-main-link4 {
    left: 50%;
    margin-left: 380px
}

.banner {
    position: relative;
    left: -100px;
    width: 1200px;
    height: 500px
}

.banner-ul {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.banner-ul li {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%
}

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

.banner-prev {
    position: absolute;
    z-index: 9;
    bottom: 90px;
    left: 25px;
    width: 66px;
    height: 54px;
    background: url(../img/utils.webp) no-repeat -422px -112px
}

.banner-next {
    position: absolute;
    z-index: 9;
    bottom: 90px;
    right: 25px;
    width: 66px;
    height: 54px;
    background: url(../img/utils.webp) no-repeat -556px -112px
}

.banner-prev:hover {
    background-position: -489px -112px
}

.banner-next:hover {
    background-position: -424px -183px
}

.news-area {
    overflow: hidden;
    padding: 73px 0 18px;
    margin: 0 66px;
    border-bottom: 1px solid #aeb9ba
}

.news-pic {
    position: relative;
    float: left;
    overflow: hidden;
    width: 383px;
    height: 151px;
    margin-right: 23px
}

.news-pic-box {
    position: relative;
    width: 100%;
    height: 100%
}

.news-pic-box a {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%
}

.news-pic-box img {
    display: block;
    width: 100%;
    height: 100%
}

.news-pic-nav {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 11px
}

.news-pic-nav li {
    float: left;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    border-radius: 50%;
    background: #fff4d1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.news-pic-nav li.on {
    background: #febf32
}

.news-list {
    position: relative;
    float: left;
    width: 462px
}

.news-list-tab {
    float: left;
    width: 91px;
    margin-right: 21px
}

.news-list-tab a {
    overflow: hidden;
    display: block;
    width: 91px;
    height: 34px;
    margin-bottom: 5px;
    font: 15px/34px "Microsoft YaHei", Simsun;
    text-decoration: none;
    text-align: center;
    color: #262626;
    background: #fec434
}

.news-list-tab a:hover {
    background: #F9D378
}

.news-list-box {
    float: left;
    width: 350px
}

.news-list-box ul {
    display: none;
    overflow: hidden;
    height: 156px
}

.news-list-box ul.on {
    display: block
}

.news-list-box li {
    overflow: hidden;
    float: left;
    position: relative;
    width: 260px;
    height: 24px;
    padding-right: 90px;
    margin-bottom: 9px
}

.news-list-box a {
    display: block;
    font: 14px/24px "Microsoft YaHei", Simsun;
    text-decoration: none;
    color: #262626
}

.news-list-box a:hover {
    text-decoration: none;
    color: #fec434
}

.news-list-box time {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    text-align: right
}

.news-list-more a {
    display: none;
    font: 14px/32px "Microsoft YaHei", Simsun;
    text-decoration: none;
    color: #262626
}

.news-list-more a.on {
    display: block
}

.banner-other {
    position: absolute;
    bottom: -40px;
    left: 100px;
    width: 1000px
}

.banner-other-ios {
    position: absolute;
    left: 64px;
    bottom: 80px;
    width: 227px;
    height: 70px;
    text-indent: -9999em;
    background: url(../img/download.webp) no-repeat left top
}

.banner-other-and {
    position: absolute;
    left: 64px;
    bottom: 5px;
    width: 227px;
    height: 65px;
    text-indent: -9999em;
    background: url(../img/download.webp) no-repeat left bottom
}

.banner-other-qrcode {
    position: absolute;
    left: 309px;
    bottom: 5px
}


.banner-other a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.banner-other a:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news-box-tag a {
    float: left;
    width: 96px;
    border-radius: 16px 16px 0 0;
    font: 700 23px/57px "Microsoft YaHei", Simsun;
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 0 3px #3a230a, -1px 0 3px #3a230a, 0 -1px 3px #3a230a, 0 1px 3px #3a230a, 0 2px 3px #3a230a, 0 3px 3px #3a230a
}

.news-box-tag a.on {
    background: #fff6d8;
    box-shadow: 0 1px 0 1px #d2c28a;
    *color: #cba164;
    color \0: #cba164
}

.news-box-content ul {
    display: none;
    overflow: hidden;
    height: 100%
}

.news-box-content ul.on {
    display: block
}

.news-box-content a:hover {
    color: #fff;
    background: #cba164;
    box-shadow: inset 0 -1px 1px #ad7a32, 0 2px 4px rgba(193, 172, 114, .5);
    text-shadow: 1px 0 2px rgba(0, 0, 0, .5), -1px 0 2px rgba(0, 0, 0, .5), 0 -1px 2px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .5), 0 2px 2px rgba(0, 0, 0, .5), 0 3px 2px rgba(0, 0, 0, .5)
}

.news-box-content span {
    position: absolute;
    top: 0;
    left: 10px
}

.news-box-content time {
    position: absolute;
    top: 0;
    right: 10px
}

.feature-box-list li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px
}

.feature-box-list img {
    display: block;
    width: 100%;
    height: 100%
}


.feature-box-nav li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 4px 5px;
    border-radius: 50%;
    background: #b07933
}

.feature-box-nav li.on {
    width: 20px;
    height: 20px;
    margin: 0 1px;
    border: 2px solid #a46c1d;
    background: #ffd200;
    box-shadow: inset 0 1px 2px #fdf401
}




.article {
}

.article-top {
    height: 100px;
    background: url(../img/up.webp) no-repeat center top
}

.article-bottom {
    height: 192px;
    background: url(../img/down.webp) no-repeat center top
}

.article-content {
    padding: 0 55px;
    background: url(../img/middle.webp) repeat-y center top
}



#NIE-art .artText h3 {
    position: relative;
    height: 36px;
    font: 700 24px/36px "Microsoft YaHei", Simsun;
    color: #323232
}

#NIE-art .artText h3:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fec73b;
    box-shadow: inset 0 0 0 2px #e58d64
}

#NIE-art .artText p {
    font: 18px/30px "Microsoft YaHei", Simsun;
    color: #262626
}

#NIE-art .artText a {
    color: #3d98f6
}

#NIE-art .table-pic td {
    border: 0;
    font: 18px/44px "Microsoft YaHei", Simsun;
    color: #262626
}

#NIE-art .table-pic tr:first-child td {
    position: relative;
    padding: 11px;
    background: #fff6d8;
    border-radius: 25px;
    box-shadow: 0 1px 0 1px #d2c28a
}

#NIE-art .table-pic img, #NIE-art .table-pic video, #NIE-art .table-pic object {
    display: block;
    border: 0;
    border-radius: 14px
}



.kefu-area a {
    color: #08292e;
    text-decoration: none
}

.kefu-area a:hover {
    text-decoration: underline
}

.share-area-right a {
    position: relative;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 12px
}

.share-area-right img {
    position: absolute;
    left: 10px;
    bottom: 41px;
    width: 112px;
    height: 112px
}

.share-area-right a:hover {
}

.share-area-right a:hover b {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.share-area .NIE-share1 .NIE-share-iconBtn a {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 15px
}

#NIE-copyRight {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0
}

#NIE-copyRight, #NIE-copyRight-corp a, #NIE-copyRight-corp span {
    font: 12px/20px "Microsoft YaHei", Simsun;
    color: #262626;
    text-decoration: none
}

.nicescroll-rails div {
    left: 3px;
    max-width: 14px;
    min-width: 14px;
    border-radius: 7px !important;
    border: 1px solid #b59566 !important;
    background: #ffd823 !important
}

.danmu-area .item {
    position: absolute;
    width: 1000px;
    left: 100%;
    top: 0
}

.danmu-input-area.fix .shadow {
    opacity: .9;
    filter: alpha(opacity=90);
    background-color: #284c90
}


.danmu-input-area .shadow {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #c8ecff;
    opacity: .37;
    filter: alpha(opacity=37)
}

.danmu-input-area input {
    display: block;
    position: absolute;
    width: 400px;
    height: 38px;
    left: -80%;
    top: 50%;
    margin-top: -20px;
    margin-left: -283px;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: 0 0;
    outline: 0;
    border: 1px solid #fff
}

.loading-con p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 100%;
    padding: 260px 0 10px 0;
}