@charset "utf-8";

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

#bsWXBox {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0
}

html, body {
    position: relative
}

body {
    font-family: arial;
    font-size: 16px;
    line-height: 2;
    color: #333;
    background: #fff;
    min-width: 1260px
}

@media screen and (max-width:1280px) {
    body {
        font-size: 14px
    }
}

.bodyHIdden {
    overflow: hidden;
    height: 100%;
    width: 100%
}

a {
    -webkit-tap-highlight-color: transparent
}

    a:link, a:visited {
        text-decoration: none;
        outline: #333;
        color: #333
    }

    a:hover, a:active, a:focus {
        color: #004070
    }

ul, li {
    list-style: none
}

img {
    border: 0;
    max-width: 100%;
    max-height: 100%
}

table {
    border-collapse: collapse;
    width: 100%
}

input[type=text], textarea {
    font-family: arial,"microsoft yahei";
    font-size: 14px;
    -webkit-appearance: none
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: none
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    padding: 0;
    color: #666;
    outline: none
}

.f-l {
    float: left
}

.f-r {
    float: right
}

.font20 {
    font-size: 20px
}

.textCenter {
    text-align: center
}

.color333 {
    color: #333
}

.hide {
    overflow: hidden
}

.rel {
    position: relative
}

.clearfix {
    clear: both
}

    .clearfix:after {
        clear: both;
        height: 0;
        content: "";
        line-height: 0;
        font-size: 0;
        zoom: 1;
        display: block
    }

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto
}

.middleRight {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.middleLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.bottomCenter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:1600px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

.indent2 {
    text-indent: 2em
}

.mobile-footer-menu {
    display: none;
    height: 54px
}

@media (max-width:1023px) {
    .mobile-footer-menu {
        display: none;
        width: 100%;
        background: #222;
        padding: 5px 0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
        list-style: none;
        font-size: 12px
    }

        .mobile-footer-menu li {
            width: 25%;
            float: left;
            position: relative
        }

            .mobile-footer-menu li:after {
                content: "";
                position: absolute;
                height: 42px;
                width: 1px;
                background: rgba(255,255,255,0.05);
                right: 0;
                top: 2px
            }

            .mobile-footer-menu li .icon {
                width: 24px;
                height: 24px;
                display: block;
                margin: 0 auto;
                position: relative;
                overflow: hidden
            }

            .mobile-footer-menu li .bt {
                font-style: normal;
                text-align: center;
                display: block;
                color: #fff;
                height: 20px;
                line-height: 20px;
                overflow: hidden
            }

            .mobile-footer-menu li:last-child:after {
                display: none
            }
}

.indent2 {
    text-indent: 2em
}

.navPhoneBtn {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    float: right;
    position: absolute;
    z-index: 11;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 36px;
    text-align: right;
    display: none
}

    .navPhoneBtn span {
        display: block;
        width: 20px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;
        background: #004070;
        border-radius: 3px;
        z-index: 1;
        -webkit-transform-origin: 20px;
        transform-origin: 20px;
        -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
        transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
        transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,transform .5s cubic-bezier(.77, .2, .05, 1),width .5s,transform .5s cubic-bezier(.77, .2, .05, 1);
        transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,transform .5s cubic-bezier(.77, .2, .05, 1),width .5s,transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
    }

        .navPhoneBtn span:nth-last-child(2) {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: width .5s ease;
            transition: width .5s ease
        }

        .navPhoneBtn span:last-child {
            margin-bottom: 0
        }

    .navPhoneBtn.close, .navPhoneBtn.closeMember {
        opacity: 1;
        z-index: 10
    }

        .navPhoneBtn.close span, .navPhoneBtn.closeMember span {
            opacity: 1;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

            .navPhoneBtn.close span:nth-last-child(3), .navPhoneBtn.closeMember span:nth-last-child(3) {
                opacity: 1;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            .navPhoneBtn.close span:nth-last-child(2), .navPhoneBtn.closeMember span:nth-last-child(2) {
                width: 0;
                opacity: 0;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: width .5s;
                transition: width .5s
            }

            .navPhoneBtn.close span:last-child, .navPhoneBtn.closeMember span:last-child {
                margin-bottom: 0
            }

@media (max-width:1279px) {
    .navPhoneBtn {
        display: block
    }
}

#menu .mm-menu {
    background: #8e2424;
    color: rgba(255,255,255,0.9)
}

#menu .mm-navbar.mm-hasbtns {
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px #dadada solid
}

#menu .mm-menu .mm-btn:after, #menu .mm-menu .mm-btn:before {
    border-color: #fff
}

#menu .mm-clear:before, #menu .mm-close:before {
    right: 14px
}

#menu .mm-clear:after, #menu .mm-close:after {
    right: 25px
}

#menu .mm-close:after, #menu .mm-close:before {
    width: 10px;
    height: 10px
}

#menu .mm-menu .mm-navbar a, #menu .mm-menu .mm-navbar > * {
    color: rgba(255,255,255,0.9)
}

#menu .third {
    display: block
}

    #menu .third a {
        font-style: italic;
        display: block
    }

#menu .mSearch {
    padding: 10px 10px;
    text-align: left;
    overflow: hidden;
    height: 56px;
    border-bottom: #f3f3f3 1px solid;
    position: relative
}

    #menu .mSearch .btn {
        width: 25px;
        height: 25px;
        line-height: 25px;
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -12.5px;
        right: 15px
    }

        #menu .mSearch .btn .iconfont {
            font-size: 16px
        }

    #menu .mSearch input {
        height: 35px;
        border: 0;
        vertical-align: middle;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        color: #333;
        padding: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
        transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
        opacity: 1;
        width: 100%;
        padding-left: 15px;
        padding-right: 30px;
        border-radius: 2px;
        font-size: 16px;
        line-height: 24px;
        background-color: #fff;
        position: static;
        left: 0;
        right: 0
    }

#menu .other {
    padding: 10px
}

#menu .languageBtn {
    padding: 10px 20px
}

    #menu .languageBtn a {
        display: block;
        width: 50%;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px #ccc solid;
        margin-left: -1px;
        background: #fff
    }

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform,opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.prompt {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 99999;
    background: #fff;
    filter: alpha(opacity=90);
    opacity: 80
}

    .prompt a {
        color: #000
    }

    .prompt span {
        position: absolute;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        top: 55%;
        left: 50%;
        margin-left: -200px;
        width: 400px;
        display: block;
        line-height: 24px;
        color: #000
    }

        .prompt span a {
            text-decoration: underline
        }

.prompt_close {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px;
    font-weight: 100;
    cursor: pointer
}

    .prompt_close:hover {
        background: #f00;
        color: #fff
    }

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url('../ajax-loader.gif') center center no-repeat
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

    .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent
    }

        .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'),url('../fonts/slick.woff') format('woff'),url('../fonts/slick.ttf') format('truetype'),url('../fonts/slick.svg#slick') format('svg')
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75
        }

@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1665482605049');
    src: url('../fonts/iconfont.eot?t=1665482605049#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff2?t=1665482605049') format('woff2'),url('../fonts/iconfont.woff?t=1665482605049') format('woff'),url('../fonts/iconfont.ttf?t=1665482605049') format('truetype'),url('../fonts/iconfont.svg?t=1665482605049#iconfont') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-yanjing_yincang:before {
    content: "\eb45"
}

.icon-yanjing_xianshi:before {
    content: "\eb46"
}

.icon-gerenxinxi:before {
    content: "\e613"
}

.icon-pinglun:before {
    content: "\e60a"
}

.icon-mima:before {
    content: "\e625"
}

.icon-chakan1:before {
    content: "\e600"
}

.icon-weibo:before {
    content: "\e75a"
}

.icon-weixin:before {
    content: "\e933"
}

.icon-7:before {
    content: "\e606"
}

.icon-comment:before {
    content: "\e668"
}

.icon-good:before {
    content: "\e753"
}

.icon-good-fill:before {
    content: "\e780"
}

.icon-calendar:before {
    content: "\e609"
}

.icon-home-fill:before {
    content: "\e867"
}

.icon-24gf-mailboxFull:before {
    content: "\e964"
}

.icon-youxiang:before {
    content: "\e667"
}

.icon-daohangdizhi:before {
    content: "\e65e"
}

.icon-arrow-right:before {
    content: "\ea66"
}

.icon-user-fill:before {
    content: "\e67e"
}

.icon-user1:before {
    content: "\ebbf"
}

.icon-search:before {
    content: "\e6a4"
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.ellipsis3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.body {
    overflow: hidden
}

@-webkit-keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown2 {
    -webkit-animation-name: slideInDown2;
    animation-name: slideInDown2
}

@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@-webkit-keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@-webkit-keyframes slideInRight2 {
    from {
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
}

@keyframes slideInRight2 {
    from {
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
}

.slideInRight2 {
    -webkit-animation-name: slideInRight2;
    animation-name: slideInRight2
}

@-webkit-keyframes slideInLeft2 {
    from {
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
}

@keyframes slideInLeft2 {
    from {
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
}

.slideInLeft2 {
    -webkit-animation-name: slideInLeft2;
    animation-name: slideInLeft2
}

@keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@-webkit-keyframes scale2 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale2 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.scale2 {
    -webkit-animation-name: scale2;
    animation-name: scale2
}

input[type="text"] {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@font-face {
    font-family: 'Oswald-Bold';
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Oswald-Bold.woff') format('woff'),url('../fonts/Oswald-Bold.woff2') format('woff2'),url('../fonts/Oswald-Bold.ttf');
    font-weight: normal;
    font-style: normal
}

.f-l {
    float: left
}

.f-r {
    float: right
}

.body {
    padding-top: 160px
}

.top-header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

    .top-header .other {
        width: 30%;
        text-align: right;
        float: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .top-header .search {
        width: 190px;
        float: left;
        margin: 20px 25px 20px 0;
        margin-left: auto;
        position: relative
    }

        .top-header .search .input-form {
            width: 100%;
            height: 30px;
            line-height: 30px;
            border-radius: 30px;
            padding: 0 40px 0 20px;
            background: rgba(255,255,255,0.27);
            color: #fff;
            vertical-align: top;
            float: left
        }

        .top-header .search input::-webkit-input-placeholder {
            color: #fff
        }

        .top-header .search input::-moz-placeholder {
            color: #fff
        }

        .top-header .search input:-ms-input-placeholder {
            color: #fff
        }

        .top-header .search .btn {
            line-height: 30px;
            position: absolute;
            top: 0;
            right: 10px
        }

        .top-header .search .iconfont {
            color: #fff;
            font-size: 20px
        }

    .top-header .opera {
        float: right;
        line-height: 70px
    }

        .top-header .opera a {
            vertical-align: top;
            margin: 0 8px
        }

            .top-header .opera a:hover {
                text-decoration: underline
            }

        .top-header .opera .iconfont {
            font-size: 20px;
            vertical-align: top
        }

            .top-header .opera .iconfont:before {
                vertical-align: top
            }

.top {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

    .top img {
        vertical-align: top
    }

    .top .logo {
        float: left
    }

    .top .txt {
        float: right;
        line-height: 50px;
        padding: 20px 0;
        color: #666;
        font-weight: 100;
        line-height: 25px;
    }

        .top .txt b {
            color: #004070;font-size:20px;
        }

.top-2 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.07);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.07)
}

    .top-2 .search .input-form {
        background: rgba(0,64,112,0.27)
    }

    .top-2 .opera .iconfont {
        color: #004070
    }

.header {
    width: 100%;
    height: 70px;
    background: #004070;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .header a {
        color: #fff
    }

.nav {
    width: 70%;
    float: left
}

    .nav:after {
        content: "";
        display: block;
        clear: both
    }

    .nav > .list {
        font-size: 0;
        text-align: center
    }

        .nav > .list > li {
            width: 16.66666667%;
            text-align: center;
            float: left;
            position: relative
        }

            .nav > .list > li em {
                font-style: inherit
            }

            .nav > .list > li > a {
                padding: 0 20px;
                font-size: 16px;
                color: #fff;
                height: 70px;
                line-height: 70px;
                z-index: 1;
                display: block;
                position: relative;
                vertical-align: middle;
                -webkit-transition: all .5s;
                transition: all .5s
            }

            .nav > .list > li:hover .navChild:before {
                display: block
            }

            .nav > .list > li:hover, .nav > .list > li.active {
                background: #0371c4
            }

    .nav .navChild {
        font-size: 14px;
        width: 100%;
        text-align: left;
        padding: 0 0 0 0;
        text-align: center;
        position: absolute;
        z-index: 999;
        left: 0;
        top: 70px
    }

        .nav .navChild:before {
            content: "";
            display: none;
            margin: auto;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #fff transparent;
            position: absolute;
            z-index: 999;
            top: -10px;
            left: 0;
            right: 0
        }

        .nav .navChild .box {
            display: none;
            padding: 20px 0;
            border-radius: 5px;
            -webkit-box-shadow: 0 3px 16px 0 rgba(0,0,0,0.35);
            box-shadow: 0 3px 16px 0 rgba(0,0,0,0.35);
            background: #fff;
            position: relative
        }

        .nav .navChild a {
            font-size: 16px;
            color: #555;
            display: block;
            padding: 5px 0
        }

            .nav .navChild a:hover {
                color: #0a60bb
            }

.headerFixed {
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0
}

.moreBtn a, .moreBtn span {
    display: inline-block;
    min-width: 150px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    background: #004070;
    text-align: center;
    color: #fff
}

    .moreBtn a:hover, .moreBtn span:hover {
        background: #0371c4
    }

.moreBtn .iconfont {
    margin-left: 20px;
    font-size: 20px;
    vertical-align: top;
    display: inline-block
}

.home-about {
    padding: 0 0 110px 0;
    font-weight: 100;
    font-size: 18px;
    color: #666
}

    .home-about .home-advantage .list .btn {
        padding:50px 0;
		text-align:center;
    }


        .home-about .home-advantage .list .btn a {
            min-width: 300px;
            margin-right:20px;
			text-align:center;
			border:0;
			box-shadow:0 8px 16px 0 rgba(0,64,112,.6);
			border-radius:100px;
			font-weight:bold;
        }

            .home-about .home-advantage .list .btn a.active {
                background: #004070;
                color: #fff;
                border-color: #004070;
				 
            }

            .home-about .left {
                width: 50%;
                float: left
            }

    .home-about .right {
        width: 50%;
        float: left;
        padding-left: 30px
    }

    .home-about .pics {
        background: #d2d2d2;
        border-radius: 5px;
        text-align: center;
        max-width: 700px;
        padding-top: 30px;
        padding-bottom: 30px
    }

        .home-about .pics img {
            display: inline-block
        }

    .home-about .title {
        font-weight: 700;
        color: #031f55;
        font-size: 24px
    }

    .home-about .slick-dots {
        font-size: 0;
        overflow: initial;
        position: static;
        z-index: 999;
        width: 100%;
        height: 20px;
        bottom: 30px
    }

        .home-about .slick-dots li {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            overflow: hidden;
            margin: 5px 5px;
            float: none;
            position: relative
        }

            .home-about .slick-dots li button {
                padding: 0;
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 10px;
                margin: auto;
                background: #fff;
                opacity: .47;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                -webkit-transition: all .3s;
                transition: all .3s
            }

                .home-about .slick-dots li button:before {
                    display: none
                }

        .home-about .slick-dots .slick-active button {
            opacity: 1
        }

    .home-about .title-1 {
        color: #333;
        font-size: 22px;
        font-weight: 700
    }

    .home-about .title-2 {
        font-size: 26px;
        margin-bottom: 20px
    }

        .home-about .title-2 b {
            color: #004070
        }

    .home-about .moreBtn {
        padding-top: 30px
    }

.home-advantage li {
    background-position: center center;
    background-size: cover
}

.home-advantage .list li {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden
}

.home-advantage .list .text {
    padding-left: 8%
}

.home-advantage .list .title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.5
}

.home-advantage .list .info {
    font-size: 20px
}

.home-advantage .list .btn {
    padding-top: 20px;
 
}

    .home-advantage .list .btn a {
        display: inline-block;
        min-width: 120px;
        line-height: 43px;
        height: 45px;
        border: 1px #004070 solid;
        text-align: center;
        color: #0371c4;
		font-weight:bold;
	 
        font-size: 20px
    }

        .home-advantage .list .btn a:hover {
            background: #004070;
            color: #fff;
            border-color: #004070
        }

.home-advantage .list .text-2 {
    float: right;
    color: #fff
}

    .home-advantage .list .text-2 .btn a {
        color: #fff;
        border-color: #fff
    }

        .home-advantage .list .text-2 .btn a:hover {
            background: #004070;
            color: #fff;
            border-color: #004070
        }

.home-video {
    padding: 80px 0
}

    .home-video .titleBig {
        font-weight: 700;
        color: #004070;
        font-size: 40px
    }

        .home-video .titleBig span {
            line-height: 1;
            position: relative;
            z-index: 1
        }

            .home-video .titleBig span:after {
                content: "";
                display: inline-block;
                width: 140px;
                height: 18px;
                background: #ebebeb;
                position: absolute;
                z-index: -1;
                bottom: -8px;
                left: 0
            }

    .home-video .nr {
        margin-top: 50px
    }

.home-news {
    background: #fafafa;
    padding: 110px 0 50px 0;
    position: relative
}

    .home-news .titleBig {
        text-align: center;
        position: relative
    }

        .home-news .titleBig .cn {
            color: #333;
            font-size: 40px;
            font-weight: 700;
            position: relative;
            z-index: 1
        }

        .home-news .titleBig .en {
            font-family: "Oswald-Bold";
            font-size: 108px;
            color: rgba(51,51,51,0.05);
            position: absolute;
            z-index: 0;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

        .home-news .titleBig:hover .span-1 {
            color: #004070
        }

    .home-news .nr {
        margin-top: 100px
    }

    .home-news .hot {
        margin-bottom: 60px
    }

        .home-news .hot .box {
            display: block;
            position: relative
        }

        .home-news .hot .pic {
            width: 44%;
            float: left;
            margin: 15px 0 0 0;
            position: relative
        }

            .home-news .hot .pic:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: -webkit-gradient(linear, left top, left bottom, from(#154083), to(#09e3ff));
                background: linear-gradient(to bottom, #154083, #09e3ff);
                position: absolute;
                z-index: 0;
                top: -15px;
                left: -15px
            }

            .home-news .hot .pic span {
                display: block;
                overflow: hidden;
                position: relative;
                z-index: 1
            }

                .home-news .hot .pic span:after {
                    content: "";
                    display: block;
                    padding-top: 58.19672131%
                }

                .home-news .hot .pic span img {
                    width: 100%;
                    -webkit-transition: -webkit-transform .5s;
                    transition: -webkit-transform .5s;
                    transition: transform .5s;
                    transition: transform .5s, -webkit-transform .5s
                }

        .home-news .hot .text {
            width: 56%;
            padding-left: 70px;
            float: right
        }

        .home-news .hot .date {
            color: #333;
            font-size: 16px;
            font-family: arial;
            line-height: 48px;
            margin-bottom: 20px;
            position: relative
        }

            .home-news .hot .date:after {
                content: "";
                display: block;
                width: 25px;
                height: 2px;
                background: #004070;
                -webkit-transition: width .5s;
                transition: width .5s
            }

        .home-news .hot .title {
            color: #333;
            font-size: 20px;
            font-weight: 700;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 20px
        }

        .home-news .hot .info {
            color: #666;
            font-size: 15px;
            height: 90px;
            line-height: 30px;
            font-weight: 100;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            margin-bottom: 30px
        }

        .home-news .hot .box:hover .pic img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

        .home-news .hot .box:hover .title {
            color: #004070
        }

        .home-news .hot .box:hover .date:after {
            width: 100%
        }

    .home-news .list {
        margin-left: -25px;
        margin-right: -25px
    }

        .home-news .list li {
            width: 33.33333333%;
            float: left;
            padding: 0 10px 20px 10px
        }

        .home-news .list .box {
            display: block;
            background: #fff;
            padding: 20px 30px;
            -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
            box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
            position: relative
        }

        .home-news .list .date {
            color: #333;
            font-size: 14px;
            font-family: arial;
            line-height: 48px;
            margin-bottom: 20px;
            position: relative
        }

            .home-news .list .date:after {
                content: "";
                display: block;
                width: 25px;
                height: 2px;
                background: #004070;
                -webkit-transition: width .5s;
                transition: width .5s
            }

        .home-news .list .title {
            color: #333;
            font-size: 20px;
            font-weight: 700;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 20px
        }

        .home-news .list .info {
            color: #666;
            font-size: 16px;
            height: 60px;
            line-height: 30px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2
        }

        .home-news .list .box:hover .title {
            color: #004070
        }

        .home-news .list .box:hover .date:after {
            width: 100%
        }

.footer {
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 14px
}

    .footer .list {
        border-bottom: 1px rgba(255,255,255,0.21) solid
    }

        .footer .list li {
            width: 20%;
            text-align: center;
            float: left;
            font-size: 18px;
            line-height: 70px
        }

        .footer .list em {
            font-style: inherit
        }

    .footer a {
        color: #fff
    }

        .footer a:hover {
            text-decoration: underline
        }

    .footer .contact-friendShip {
        padding-top: 60px;
        padding-bottom: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer .footer-contact {
        float: left
    }

        .footer .footer-contact .title {
            font-size: 16px
        }

        .footer .footer-contact .tel {
            font-size: 24px;
            font-family: "OPPOSans B";
            margin-bottom: 10px
        }

        .footer .footer-contact .iconfont {
            margin-right: 10px;
            color: #004070
        }

    .footer .friendShip {
        float: right;
        margin-left: auto
    }

.copyright {
    background: #363636;
    color: rgba(255,255,255,0.37);
    line-height: 50px;
    font-size: 14px
}

    .copyright .span-1 {
        margin-right: 30px
    }

    .copyright a {
        color: rgba(255,255,255,0.37)
    }

        .copyright a:hover {
            color: #fff;
            text-decoration: underline
        }

.copyright-2 {
    background: #f7f8f9;
    color: #adadad
}

    .copyright-2 .a-1 {
        color: #333
    }
	.copyright-2 .a-1:hover{
        color: #333
	}

.copyright-3 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width:1280px) {
    .header {
        position: static
    }

    .home-about {
        font-size: 14px
    }
}

@media screen and (max-width:1600px) {
    .header {
        min-width: 1260px
    }
}

.inside-banner {
    position: relative
}

    .inside-banner img {
        width: 100%
    }

    .inside-banner .text {
        width: 100%;
        max-width: 1440px;
        height: 100%;
        color: #fff;
        padding-left: 70px;
        padding-right: 50px;
        margin: auto;
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        right: 0
    }

    .inside-banner .pic {
        position: relative
    }

        .inside-banner .pic:after {
            content: "";
            display: block;
            padding-top: 20.57291667%
        }

    .inside-banner .titleBig {
        max-width: 100%;
        position: absolute;
        z-index: 9;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .inside-banner .title {
        text-align: left;
        font-size: 40px;
        font-weight: 700;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        /*text-overflow: ellipsis;
        white-space: nowrap;*/
        position: relative;
        z-index: 2;
        margin-bottom: 10px
    }

    .inside-banner .info {
        font-size: 16px;
        line-height: 2;
        height: 64px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2
    }

    .inside-banner .moreBtn {
        padding-top: 20px
    }

        .inside-banner .moreBtn a, .inside-banner .moreBtn span {
            background: #0371c4
        }

    .inside-banner .bread {
        color: #fff;
        text-align: right;
        padding-bottom: 20px;
        position: absolute;
        right: 0;
        bottom: 0
    }

        .inside-banner .bread a {
            color: #fff
        }

            .inside-banner .bread a:hover {
                color: #fff
            }

        .inside-banner .bread span {
            color: #fff
        }

        .inside-banner .bread .iconfont {
            color: #fff
        }

    .inside-banner .text-2 .title {
        font-weight: 400
    }

.bread {
    font-weight: 400;
    font-size: 14px
}

    .bread a, .bread .item1 {
        margin: 0 5px
    }

        .bread a:hover {
            text-decoration: underline
        }

    .bread .iconfont {
        color: #666;
        width: 16px;
        margin-right: 5px
    }

    .bread span {
        margin: 0 5px;
        color: #004070
    }

.inside-title {
    text-align: center;
    border-bottom: 1px #e7e7e7 solid;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative
}

    .inside-title:before {
        content: "";
        display: block;
        border-right: 1px #e7e7e7 solid;
        border-bottom: 1px #e7e7e7 solid;
        width: 10px;
        height: 10px;
        background: #fff;
        position: absolute;
        bottom: -9px;
        left: 50%;
        -webkit-transform: rotate(45deg) translateX(-50%);
        transform: rotate(45deg) translateX(-50%)
    }

    .inside-title .cn {
        color: #333;
        font-size: 40px;
        font-weight: 700;
        position: relative;
        z-index: 1
    }

    .inside-title .en {
        font-family: "Oswald-Bold";
        font-size: 108px;
        color: rgba(51,51,51,0.05);
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .inside-title:hover .span-1 {
        color: #004070
    }

.subMenu {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 50px
}

    .subMenu .list {
        text-align: center;
        font-size: 0;
        display: inline-block;
        position: relative
    }

    .subMenu .box {
        display: block;
        position: relative;
        z-index: 1
    }

    .subMenu li {
        display: inline-block;
        position: relative;
        padding: 0 10px
    }

    .subMenu a {
        min-width: 140px;
        padding: 0 10px;
        display: block;
        line-height: 44px;
        color: #333;
        font-size: 18px;
        text-align: center
    }

        .subMenu a:hover {
            border-color: #004070;
            background: #004070;
            color: #fff
        }

    .subMenu .active a {
        background: #004070;
        color: #fff
    }

.team {
    padding-top: 80px;
    padding-bottom: 80px
}

    .team .list {
        margin-left: -18px;
        margin-right: -18px
    }

        .team .list li {
            width: 25%;
            float: left;
            padding: 0 18px 36px 18px
        }

        .team .list .pic {
            overflow: hidden;
            position: relative
        }

            .team .list .pic:after {
                content: "";
                display: block;
                padding-top: 103.03030303%
            }

            .team .list .pic img {
                -webkit-transition: all .5s;
                transition: all .5s
            }

        .team .list .text {
            padding: 20px 0
        }

        .team .list .title {
            color: #333;
            font-size: 18px;
            font-weight: 700;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .team .list .info {
            color: #666;
            font-size: 16px;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .team .list .box:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

.team-show {
    padding: 60px 70px 100px 70px
}

    .team-show img {
        vertical-align: top
    }

    .team-show .hd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 60px
    }

        .team-show .hd .pic {
            width: 330px;
            float: left
        }

        .team-show .hd .text {
            float: left;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-left: 40px
        }

        .team-show .hd .title {
            color: #004070;
            font-size: 32px;
            font-weight: 700
        }

        .team-show .hd .info {
            color: #666;
            line-height: 1.875
        }

            .team-show .hd .info a {
                color: #666
            }

                .team-show .hd .info a:hover {
                    color: #004070;
                    text-decoration: underline
                }

    .team-show .bd .title {
        color: #004070;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .team-show .bd .info-2 {
        line-height: 3.5
    }

    .team-show .line {
        border-bottom: 1px #d2d2d2 solid;
        padding-top: 40px;
        margin-bottom: 40px
    }

.devTeam {
    padding-top: 60px;
    padding-bottom: 100px
}

    .devTeam .container {
        max-width: 1280px
    }

    .devTeam .p-1 {
        font-weight: 700;
        color: #004070;
        font-size: 22px
    }

.news {
    padding-top: 80px;
    padding-bottom: 80px
}

    .news .list li {
        border-bottom: 1px #f4f4f4 solid;
        padding-bottom: 60px;
        margin-bottom: 60px
    }

        .news .list li:last-child {
            border-bottom: none;
            margin-bottom: 0
        }

    .news .list .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .news .list .pic {
        width: 344px;
        float: left;
        position: relative
    }

        .news .list .pic span {
            border-radius: 10px;
            display: block;
            overflow: hidden;
            position: relative;
            z-index: 1
        }

            .news .list .pic span:after {
                content: "";
                display: block;
                padding-top: 58.19672131%
            }

            .news .list .pic span img {
                /*width: 100%;*/
                -webkit-transition: -webkit-transform .5s;
                transition: -webkit-transform .5s;
                transition: transform .5s;
                transition: transform .5s, -webkit-transform .5s
            }

    .news .list .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 70px;
        float: right
    }

    .news .list .date {
        font-family: arial;
        margin-bottom: 10px;
        position: relative
    }

        .news .list .date span {
            display: inline-block;
            line-height: 24px;
            border-radius: 3px;
            background: #e1f2fd;
            padding: 0 10px;
            font-size: 12px;
            color: #000
        }

        .news .list .date .iconfont {
            color: #0383d7;
            display: inline-block;
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 5px
        }

    .news .list .title {
        color: #333;
        font-size: 20px;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        margin-bottom: 20px
    }

    .news .list .info {
        color: #666;
        font-size: 14px;
        height: 48px;
        line-height: 24px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        margin-bottom: 20px
    }

    .news .list .moreBtn a, .news .list .moreBtn span {
        min-width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 12px
    }

    .news .list .moreBtn .iconfont {
        font-size: 18px
    }

    .news .list .box:hover .pic img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .news .list .box:hover .title {
        color: #004070
    }

    .news .list .box:hover .date:after {
        width: 100%
    }

    .news .list .box:hover .moreBtn a, .news .list .box:hover .moreBtn span {
        background: #0371c4
    }

    .news .page {
        padding-top: 20px
    }

.page {
    clear: both;
    text-align: center;
    font-size: 0;
    font-family: arial;
    line-height: 16px
}

    .page em {
        font-style: normal;
        font-size: 14px;
        line-height: 38px;
        vertical-align: middle
    }

    .page a, .page span {
        color: #666;
        display: inline-block;
        text-align: center;
        font-size: 12px;
        min-width: 40px;
        line-height: 40px;
        height: 40px;
        border-radius: 40px;
        -webkit-box-shadow: 0 0 0 1px #cdcdcd;
        box-shadow: 0 0 0 1px #cdcdcd;
        margin: 0 5px;
        padding: 0 0;
        vertical-align: middle
    }

        .page a svg, .page span svg {
            fill: #858585;
            vertical-align: middle;
            margin-top: -3px;
            margin-left: 5px;
            margin-right: 5px
        }

        .page a.cur, .page span.cur, .page a.active, .page span.active, .page a:hover, .page span:hover {
            -webkit-box-shadow: 0 0 0 1px #fff;
            box-shadow: 0 0 0 1px #fff;
            background-color: #004070;
            color: #fff
        }

            .page a.cur svg, .page span.cur svg, .page a.active svg, .page span.active svg, .page a:hover svg, .page span:hover svg {
                fill: #fff
            }

        .page a.prev, .page span.prev, .page a.next, .page span.next {
            padding-left: 20px;
            padding-right: 20px
        }

.news-show {
    margin: auto;
    color: #333;
    text-align: justify;
    padding: 80px 0 80px 0;
    position: relative
}

    .news-show .container {
        position: relative;
        padding-right: 90px
    }

    .news-show .share-nr {
        position: relative
    }

    .news-show .view-share {
        text-align: center;
        width: 90px;
        float: left;
        margin-top: 40px;
        position: absolute;
        top: 0;
        left: 0
    }

        .news-show .view-share .view {
            border-bottom: 1px #f0f0f0 solid
        }

            .news-show .view-share .view .icon {
                display: block;
                width: 64px;
                height: 64px;
                line-height: 62px;
                background: #fff;
                border-radius: 50%;
                border: 1px #f0f0f0 solid;
                margin: auto;
                position: relative
            }

                .news-show .view-share .view .icon .iconfont {
                    color: #555;
                    font-size: 30px
                }

            .news-show .view-share .view .num {
                color: #1383ce;
                font-size: 24px;
                padding: 10px 0
            }

        .news-show .view-share .share .title {
            color: #999;
            font-size: 14px;
            line-height: 30px;
            padding: 10px 0
        }

        .news-show .view-share .share a {
            display: block;
            width: 48px;
            height: 48px;
            line-height: 46px;
            background: #fff;
            border-radius: 50%;
            border: 1px #f0f0f0 solid;
            margin: 0 auto 10px auto;
            position: relative
        }

            .news-show .view-share .share a:last-child {
                margin-bottom: 0
            }

            .news-show .view-share .share a .iconfont {
                color: #999;
                font-size: 20px
            }

            .news-show .view-share .share a:hover {
                border-color: #004070;
                background: #004070
            }

                .news-show .view-share .share a:hover .iconfont {
                    color: #fff
                }

    .news-show .nr {
        float: left;
        padding: 40px 0 40px 150px;
        color: #404040;
        font-size: 16px;
        line-height: 2.25
    }

    .news-show .p-1 {
        font-weight: 700;
        color: #004070;
        font-size: 22px
    }

.newsRelated {
    background: #f7f7f7;
    padding-top: 80px;
    padding-bottom: 80px
}

    .newsRelated .titleBig {
        border-bottom: 1px #e3e3e3 solid;
        padding-bottom: 40px;
        margin-bottom: 40px;
        font-weight: 700;
        color: #004070;
        font-size: 40px;
        line-height: 46px
    }

        .newsRelated .titleBig span {
            line-height: 1;
            position: relative;
            z-index: 1
        }

            .newsRelated .titleBig span:after {
                content: "";
                display: inline-block;
                width: 140px;
                height: 18px;
                background: #ebebeb;
                position: absolute;
                z-index: -1;
                bottom: -8px;
                left: 0
            }

    .newsRelated .list {
        margin-left: -18px;
        margin-right: -18px
    }

        .newsRelated .list li {
            width: 25%;
            float: left;
            padding-left: 18px;
            padding-right: 18px
        }

        .newsRelated .list .box {
            position: relative
        }

        .newsRelated .list .pic {
            position: relative
        }

            .newsRelated .list .pic span {
                border-radius: 10px;
                display: block;
                overflow: hidden;
                position: relative;
                z-index: 1
            }

                .newsRelated .list .pic span:after {
                    content: "";
                    display: block;
                    padding-top: 58.19672131%
                }

                .newsRelated .list .pic span img {
                    /*width: 100%;*/
                    -webkit-transition: -webkit-transform .5s;
                    transition: -webkit-transform .5s;
                    transition: transform .5s;
                    transition: transform .5s, -webkit-transform .5s
                }

        .newsRelated .list .text {
            padding: 20px 0 0 0
        }

        .newsRelated .list .date {
            font-family: arial;
            margin-bottom: 10px;
            position: relative
        }

            .newsRelated .list .date span {
                display: inline-block;
                line-height: 22px;
                border: 1px #fff solid;
                border-radius: 3px;
                background: #e1f2fd;
                padding: 0 10px;
                font-size: 12px;
                color: #000
            }

            .newsRelated .list .date .iconfont {
                color: #0383d7;
                display: inline-block;
                vertical-align: middle;
                margin-top: -3px;
                margin-right: 5px
            }

        .newsRelated .list .title {
            color: #333;
            font-size: 20px;
            font-weight: 700;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            margin-bottom: 20px
        }

        .newsRelated .list .info {
            color: #666;
            font-size: 14px;
            height: 48px;
            line-height: 24px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            margin-bottom: 30px
        }

        .newsRelated .list .moreBtn a, .newsRelated .list .moreBtn span {
            min-width: 120px;
            height: 30px;
            line-height: 30px;
            font-size: 12px
        }

        .newsRelated .list .moreBtn .iconfont {
            font-size: 18px
        }

        .newsRelated .list .box:hover .pic img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

        .newsRelated .list .box:hover .title {
            color: #004070
        }

        .newsRelated .list .box:hover .date:after {
            width: 100%
        }

        .newsRelated .list .box:hover .moreBtn a, .newsRelated .list .box:hover .moreBtn span {
            background: #0371c4
        }

.community {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f8f9ff
}

    .community .title-date-btn {
        padding-bottom: 50px;
        border-bottom: 1px #9a9a9a solid;
        overflow: hidden;
        position: relative
    }

        .community .title-date-btn:after {
            content: "";
            display: block;
            width: 100%;
            height: 3px;
            background: #9a9a9a;
            position: absolute;
            bottom: 7px;
            left: 0
        }

        .community .title-date-btn .btn {
            display: inline-block;
            min-width: 140px;
            height: 46px;
            line-height: 46px;
            background: #004070;
            color: #fff;
            padding: 0 10px;
            text-align: center;
            font-size: 14px;
            float: right
        }

            .community .title-date-btn .btn .iconfont {
                vertical-align: middle;
                margin-top: -3px;
                margin-right: 10px;
                font-size: 20px
            }

            .community .title-date-btn .btn:hover {
                background: #0371c4
            }

    .community .titleBig {
        font-weight: 700;
        color: #004070;
        font-size: 40px;
        float: left;
        line-height: 46px
    }

        .community .titleBig span {
            line-height: 1;
            position: relative;
            z-index: 1
        }

            .community .titleBig span:after {
                content: "";
                display: inline-block;
                width: 140px;
                height: 18px;
                background: #ebebeb;
                position: absolute;
                z-index: -1;
                bottom: -8px;
                left: 0
            }

    .community .right {
        float: right
    }

    .community .dateChoice {
        width: 300px;
        float: left;
        margin-right: 10px;
        position: relative
    }

        .community .dateChoice:after {
            content: "";
            width: 10px;
            height: 10px;
            border-right: 1px #949494 solid;
            border-bottom: 1px #949494 solid;
            position: absolute;
            right: 12px;
            top: 15px;
            pointer-events: none
        }

        .community .dateChoice:after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: auto;
            bottom: 18px
        }

        .community .dateChoice .input-form {
            width: 100%;
            height: 46px;
            line-height: 44px;
            padding: 0 28px 0 15px;
            background-image: none;
            background-color: #fff;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 1px #e1e1e1 solid;
            cursor: pointer;
            font-size: 14px;
            vertical-align: top;
            color: #858585
        }

            .community .dateChoice .input-form:focus {
                border-color: #004070
            }

    .community .shm {
        color: #333;
        font-size: 16px;
        padding: 40px 0
    }

    .community .nr {
        background: #fff;
        padding: 50px 50px 80px 50px
    }

    .community .listCommunity li {
        border-bottom: 1px #e1e1e1 dashed;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .community .listCommunity .box {
        display: block
    }

    .community .listCommunity .name-date-like {
        overflow: hidden;
        line-height: 30px;
        font-size: 14px;
        padding-bottom: 20px;
        color: #666
    }

    .community .listCommunity .name {
        color: #0371c4;
        float: left;
        font-size: 16px
    }

    .community .listCommunity .date {
        float: right;
        margin-right: 30px
    }

    .community .listCommunity .like {
        cursor: pointer;
        float: right
    }

        .community .listCommunity .like:before {
            content: "\e753";
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 22px;
            line-height: 30px;
            float: left;
            margin-right: 5px
        }

        .community .listCommunity .like:hover {
            color: #004070
        }

            .community .listCommunity .like:hover:before {
                content: "\e780"
            }

        .community .listCommunity .like.visited {
            cursor: auto;
            color: #004070
        }

            .community .listCommunity .like.visited:before {
                content: "\e780"
            }

    .community .listCommunity .title {
        font-size: 16px
    }

    .community .listCommunity .tag {
        display: inline-block;
        background: #4ca9a3;
        color: #fff;
        line-height: 24px;
        min-width: 24px;
        padding: 0 5px;
        font-size: 14px;
        margin-right: 10px
    }

    .community .listCommunity .tag-2 {
        background: #4784a3
    }

    .community .page {
        padding-top: 50px
    }

.select-form {
    position: relative
}

    .select-form:after {
        content: "";
        width: 10px;
        height: 10px;
        border-right: 1px #949494 solid;
        border-bottom: 1px #949494 solid;
        position: absolute;
        right: 12px;
        top: 15px;
        pointer-events: none
    }

    .select-form:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: auto;
        bottom: 18px
    }

    .select-form select {
        width: 100%;
        height: 46px;
        line-height: 44px;
        padding: 0 28px 0 15px;
        background-image: none;
        background-color: #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px #e1e1e1 solid;
        cursor: pointer;
        font-size: 14px;
        vertical-align: top;
        color: #666
    }

    .select-form option {
        background-color: #fff
    }

.subscribe {
    background: #0e224b;
    color: #fff;
    text-align: center;
    padding: 80px 0;
    position: relative;
    z-index: 1
}

    .subscribe .waves {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    .subscribe .text {
        margin-bottom: 35px
    }

    .subscribe .title {
        font-weight: 700;
        font-size: 40px
    }

    .subscribe .info {
        font-size: 16px
    }

    .subscribe .form {
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

    .subscribe input {
        background: #fff;
        line-height: 50px;
        width: 100%;
        font-size: 16px;
        padding: 0 135px 0 25px
    }

        .subscribe input:focus {
            color: #333
        }

    .subscribe .btn {
        display: block;
        line-height: 50px;
        text-align: center;
        background: #0371c4;
        color: #fff;
        width: 100px;
        position: absolute;
        top: 0;
        right: 0
    }

        .subscribe .btn:hover {
            background: #004070
        }

        .subscribe .btn .iconfont {
            font-size: 30px;
            line-height: 50px;
            height: 50px;
            display: inline-block;
            vertical-align: top
        }

.message {
    padding-top: 40px
}

    .message .titleBig {
        font-weight: 700;
        color: #333;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px
    }

        .message .titleBig .iconfont {
            color: #004070;
            font-weight: 400;
            font-size: 26px;
            margin-right: 10px;
            vertical-align: top;
            display: inline-block
        }

        .message .titleBig .tips {
            font-size: 14px;
            color: #999;
            font-weight: 400;
            margin-left: 20px
        }

    .message .touxiang {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden
    }

    .message .noSignIn {
        border: 1px #bec6d2 solid;
        background: #f5f7fa;
        width: 100%;
        height: 150px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px
    }

        .message .noSignIn .a-1 {
            font-size: 18px;
            font-weight: 700;
            color: #0371c4;
            margin-right: 10px
        }

            .message .noSignIn .a-1:hover {
                text-decoration: underline
            }

    .message .textarea-form {
        border: 1px #bec6d2 solid;
        background: #f5f7fa;
        width: 100%;
        height: 150px;
        padding: 20px
    }

    .message .btn {
        text-align: right;
        padding-top: 30px
    }

        .message .btn .submit {
            background: #004070;
            color: #fff;
            display: inline-block;
            min-width: 140px;
            height: 44px;
            line-height: 44px;
            text-align: center
        }

            .message .btn .submit:hover {
                background: #0371c4
            }

.messageAll {
    padding-top: 30px
}

    .messageAll .titleBig {
        color: #333;
        font-size: 18px;
        border-bottom: 1px #eff0f0 solid;
        padding-bottom: 5px;
        margin-bottom: 30px
    }

    .messageAll .list li {
        clear: both;
        border-bottom: 1px #eff0f0 solid;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .messageAll .list .box {
        display: block
    }

    .messageAll .list .name {
        height: 26px;
        color: #999;
        font-size: 16px;
        padding-left: 35px;
        position: relative;
        margin-bottom: 10px
    }

    .messageAll .list .touxiang {
        display: block;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0
    }

    .messageAll .list .date {
        float: right
    }

    .messageAll .list .info {
        padding-left: 35px
    }

    .messageAll .list .hf {
        padding-top: 15px;
        padding-left: 35px
    }

    .messageAll .page {
        padding-top: 60px
    }

.messagePopup {
    display: none
}

    .messagePopup .transparent {
        background: rgba(0,0,0,0.57);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0
    }

    .messagePopup.show {
        display: block
    }

        .messagePopup.show .transparent {
            display: block
        }

    .messagePopup .con {
        width: 510px;
        padding: 30px 0;
        margin: auto;
        background: #fff;
        position: fixed;
        z-index: 999;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .messagePopup .tilteBig {
        color: #333;
        font-size: 30px;
        line-height: 40px;
        padding: 0 0 20px 0;
        text-align: center;
        position: relative
    }

    .messagePopup .closeBtn {
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #666;
        position: absolute;
        z-index: 9;
        right: 20px;
        top: 10px;
        cursor: pointer
    }

        .messagePopup .closeBtn:before, .messagePopup .closeBtn:after {
            content: "";
            display: block;
            background: #ccc;
            margin: auto;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .messagePopup .closeBtn:before {
            width: 19px;
            height: 1px
        }

        .messagePopup .closeBtn:after {
            width: 1px;
            height: 19px
        }

        .messagePopup .closeBtn:hover:before, .messagePopup .closeBtn:hover:after {
            background: #f00
        }

    .messagePopup .nr {
        padding: 0 30px
    }

    .messagePopup .textarea-form {
        width: 100%;
        border: 1px #e1e1e1 solid;
        height: 260px;
        padding: 10px 15px;
        vertical-align: top;
        line-height: 2
    }

    .messagePopup .list li {
        padding-bottom: 20px
    }

        .messagePopup .list li:last-child {
            padding-bottom: 0
        }

    .messagePopup .list .submit {
        width: 100%;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-align: center;
        display: block;
        background: #004070;
        color: #fff;
        font-size: 16px;
        line-height: 56px
    }

        .messagePopup .list .submit:hover {
            background: #0371c4
        }

.loginPopup {
    display: none
}

    .loginPopup .transparent {
        background: rgba(0,0,0,0.57);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0
    }

    .loginPopup.show {
        display: block
    }

        .loginPopup.show .transparent {
            display: block
        }

    .loginPopup .con {
        width: 460px;
        padding: 30px 0;
        margin: auto;
        background: #fff;
        position: fixed;
        z-index: 999;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .loginPopup .tilteBig {
        color: #333;
        font-size: 30px;
        line-height: 40px;
        padding: 0 0 20px 0;
        text-align: center;
        position: relative
    }

    .loginPopup .closeBtn {
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #666;
        position: absolute;
        z-index: 9;
        right: 20px;
        top: 10px;
        cursor: pointer
    }

        .loginPopup .closeBtn:before, .loginPopup .closeBtn:after {
            content: "";
            display: block;
            background: #ccc;
            margin: auto;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .loginPopup .closeBtn:before {
            width: 19px;
            height: 1px
        }

        .loginPopup .closeBtn:after {
            width: 1px;
            height: 19px
        }

        .loginPopup .closeBtn:hover:before, .loginPopup .closeBtn:hover:after {
            background: #f00
        }

    .loginPopup .nr {
        padding: 0 30px
    }

    .loginPopup .textarea-form {
        width: 100%;
        border: 1px #e1e1e1 solid;
        height: 260px;
        padding: 10px 15px;
        vertical-align: top;
        line-height: 2
    }

    .loginPopup .input-form {
        width: 100%;
        border: 1px #e1e1e1 solid;
        height: 56px;
        padding: 10px 15px;
        vertical-align: top;
        line-height: 54px;
        font-size: 16px
    }

        .loginPopup .input-form:focus {
            border-color: #004070
        }

    .loginPopup .list li {
        padding-bottom: 20px
    }

        .loginPopup .list li:last-child {
            padding-bottom: 0
        }

    .loginPopup .list .submit {
        width: 100%;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-align: center;
        display: block;
        background: #004070;
        color: #fff;
        font-size: 16px;
        line-height: 56px
    }

        .loginPopup .list .submit:hover {
            background: #0371c4
        }

    .loginPopup .list .a-1 {
        margin-right: 10px
    }

    .loginPopup .list .a-1, .loginPopup .list .a-2 {
        color: #0371c4;
        font-size: 14px
    }

        .loginPopup .list .a-1:hover, .loginPopup .list .a-2:hover {
            text-decoration: underline
        }

    .loginPopup .list .a-2 {
        float: right
    }

.forgot {
    padding: 40px 0 100px 0
}

    .forgot .con {
        width: 480px;
        background: #fff;
        margin: auto;
        border-radius: 10px;
        padding: 50px 40px
    }

.login, .register {
    padding-top: 75px
}

    .login .wrap, .register .wrap {
        width: 52%;
        padding-top: 100px
    }

    .login .container, .register .container {
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-box-shadow: 0 0 13px 0 #eee;
        box-shadow: 0 0 13px 0 #eee;
        min-height: 935px;
        padding: 40px 0
    }

    .login .con, .register .con {
        width: 460px;
        margin: auto;
        background: #fff
    }

    .login .logo, .register .logo {
        padding-left: 30px
    }

    .login .nr, .register .nr {
        padding: 0 30px
    }

    .login .tilteBig, .register .tilteBig, .forgot .tilteBig {
        color: #333;
        font-size: 30px;
        line-height: 40px;
        padding: 0 0 20px 0;
        text-align: center;
        position: relative
    }

    .login .textarea-form, .register .textarea-form, .forgot .textarea-form {
        width: 100%;
        border: 1px #e1e1e1 solid;
        height: 260px;
        padding: 10px 15px;
        vertical-align: top;
        line-height: 2
    }

    .login .input-form, .register .input-form, .forgot .input-form {
        width: 100%;
        border: 1px #e1e1e1 solid;
        height: 56px;
        padding: 10px 15px;
        vertical-align: top;
        line-height: 54px;
        font-size: 16px
    }

        .login .input-form:focus, .register .input-form:focus, .forgot .input-form:focus {
            border-color: #004070
        }

    .login .list li, .register .list li, .forgot .list li {
        padding-bottom: 20px
    }

        .login .list li:last-child, .register .list li:last-child, .forgot .list li:last-child {
            padding-bottom: 0
        }

    .login .list .submit, .register .list .submit, .forgot .list .submit {
        width: 100%;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-align: center;
        display: block;
        background: #004070;
        color: #fff;
        font-size: 16px;
        line-height: 56px
    }

        .login .list .submit:hover, .register .list .submit:hover, .forgot .list .submit:hover {
            background: #0371c4
        }

    .login .list .a-1, .register .list .a-1, .forgot .list .a-1 {
        margin-right: 10px
    }

    .login .list .a-1, .register .list .a-1, .forgot .list .a-1, .login .list .a-2, .register .list .a-2, .forgot .list .a-2 {
        color: #0371c4;
        font-size: 14px
    }

        .login .list .a-1:hover, .register .list .a-1:hover, .forgot .list .a-1:hover, .login .list .a-2:hover, .register .list .a-2:hover, .forgot .list .a-2:hover {
            text-decoration: underline
        }

    .login .list .a-2, .register .list .a-2, .forgot .list .a-2 {
        float: right
    }

    .login .list .a-3, .register .list .a-3, .forgot .list .a-3 {
        color: #0371c4;
        font-size: 14px
    }

        .login .list .a-3:hover, .register .list .a-3:hover, .forgot .list .a-3:hover {
            text-decoration: underline
        }

    .login .list .getCode .box, .register .list .getCode .box, .forgot .list .getCode .box {
        position: relative
    }

    .login .list .getCode .input-form, .register .list .getCode .input-form, .forgot .list .getCode .input-form {
        padding-right: 130px
    }

    .login .list .getCodeBtn, .register .list .getCodeBtn, .forgot .list .getCodeBtn {
        width: 105px;
        height: 56px;
        line-height: 56px;
        background: #dceafb;
        text-align: center;
        color: #004070;
        position: absolute;
        top: 0;
        right: 0
    }

        .login .list .getCodeBtn:hover, .register .list .getCodeBtn:hover, .forgot .list .getCodeBtn:hover {
            background: #0371c4;
            color: #fff
        }

    .login .list .agreemen, .register .list .agreemen, .forgot .list .agreemen {
        font-size: 14px
    }

    .login .list .other, .register .list .other, .forgot .list .other {
        color: #666;
        font-size: 14px
    }

    .login .verify, .register .verify, .forgot .verify {
        height: 50px;
        background-color: #e5e5e5;
        position: relative
    }

        .login .verify .drag-btn, .register .verify .drag-btn, .forgot .verify .drag-btn {
            position: absolute;
            left: 0;
            top: 0;
            width: 50px;
            height: 50px;
            border: 1px #e5e5e5 solid;
            background: #fff url(../images/icon/drag-arrow.svg) no-repeat center center;
            background-size: 20px 20px;
            z-index: 2;
            cursor: move
        }

        .login .verify .suc-drag-btn, .register .verify .suc-drag-btn, .forgot .verify .suc-drag-btn {
            background: #fff url(../images/icon/drag-success.svg) no-repeat center center;
            background-size: 20px 20px
        }

        .login .verify .drag-progress, .register .verify .drag-progress, .forgot .verify .drag-progress {
            position: absolute;
            left: 0;
            top: 0;
            height: 50px;
            line-height: 48px;
            width: 0;
            background-color: #7ac23c;
            color: #fff;
            font-size: 16px;
            text-align: center
        }

        .login .verify .fix-tips, .register .verify .fix-tips, .forgot .verify .fix-tips, .login .verify .verify-msg, .register .verify .verify-msg, .forgot .verify .verify-msg {
            width: 100%;
            position: absolute;
            right: 0;
            left: 0;
            height: 100%;
            color: #333;
            z-index: 1;
            line-height: 50px;
            padding-left: 50px;
            text-align: center
        }

        .login .verify .verify-msg, .register .verify .verify-msg, .forgot .verify .verify-msg {
            padding-left: 0;
            padding-right: 50px
        }

        .login .verify .verify-msg, .register .verify .verify-msg, .forgot .verify .verify-msg {
            background-color: #7ac23c;
            color: #fff;
            display: none
        }

    .login .verifyDiv, .register .verifyDiv, .forgot .verifyDiv {
        width: 100%;
        vertical-align: middle
    }

    .register .wrap {
        padding-top: 10px
    }

.account {
    background: #f7f9fa;
    padding: 40px 0;
    font-size: 14px
}

    .account .bread {
        padding-bottom: 30px
    }

    .account .sidebarBtnM {
        display: none;
        height: 40px;
        line-height: 40px;
        margin-bottom: 40px
    }

        .account .sidebarBtnM .txt {
            float: left
        }

        .account .sidebarBtnM .iconfont {
            font-size: 40px;
            float: left
        }

    .account .leftAside {
        background: #fff;
        min-height: 500px;
        width: 20%;
        float: left
    }

        .account .leftAside .titleBig {
            color: #333;
            font-size: 16px;
            line-height: 30px;
            padding: 20px 15px;
            border-bottom: 1px #f3f3f3 solid
        }

        .account .leftAside .list .box {
            display: block;
            line-height: 24px;
            padding: 15px 15px;
            font-size: 16px;
            border-left: 2px #fff solid
        }

            .account .leftAside .list .box:hover {
                border-left-color: #004070;
                background: #f3f3f3
            }

                .account .leftAside .list .box:hover .iconfont {
                    color: #004070
                }

        .account .leftAside .list .active .box {
            border-left-color: #004070;
            background: #f3f3f3;
            font-weight: 700;
            color: #004070
        }

        .account .leftAside .list .active .iconfont {
            color: #004070
        }

        .account .leftAside .list .iconfont {
            font-size: 20px;
            margin-right: 10px;
            position: relative;
            top: 2px
        }

        .account .leftAside .list .icon-pinglun {
            font-size: 19px
        }

    .account .conRight {
        width: 80%;
        float: left;
        padding-left: 30px
    }

        .account .conRight .con {
            background: #fff;
            min-height: 500px;
            padding: 0 30px 30px 30px
        }

        .account .conRight .nr {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .account .conRight .titleBig {
            border-bottom: 1px #f3f3f3 solid;
            font-size: 25px;
            color: #333;
            padding: 10px 0 10px 0
        }

    .account .input-form {
        border: 1px #dedede solid;
        line-height: 34px;
        height: 36px;
        padding: 0 15px;
        vertical-align: top
    }

        .account .input-form:focus {
            border-color: #004070
        }

    .account .btn-form {
        background: #004070;
        color: #fff;
        min-width: 100px;
        line-height: 36px;
        text-align: center;
        padding: 0 10px;
        border: none;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .account .btn-form:hover {
            background: #0371c4
        }

.settings .list, .account-password .list {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative
}

    .settings .list:last-child, .account-password .list:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

        .settings .list:last-child:before, .account-password .list:last-child:before {
            display: none
        }

    .settings .list li, .account-password .list li {
        padding: 0 15px;
        margin-bottom: 30px
    }

        .settings .list li:last-child, .account-password .list li:last-child {
            margin-bottom: 0
        }

    .settings .list .box, .account-password .list .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .settings .list .title, .account-password .list .title {
        width: 100px;
        text-align: right;
        line-height: 36px;
        font-size: 18px
    }

    .settings .list .info, .account-password .list .info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 36px;
        position: relative
    }

    .settings .list .btn, .account-password .list .btn {
        clear: both
    }

    .settings .list .left, .account-password .list .left {
        width: 40%;
        float: left
    }

.settings .input-form, .account-password .input-form {
    width: 100%
}

.settings .xgtx, .account-password .xgtx {
    width: 50%;
    float: right;
    margin-bottom: 0 !important
}

    .settings .xgtx .fileBox, .account-password .xgtx .fileBox {
        float: left;
        margin-right: 30px;
        position: relative;
        text-align: center
    }

        .settings .xgtx .fileBox label, .account-password .xgtx .fileBox label {
            font-size: 14px;
            background: #f7f7f7;
            display: inline-block;
            min-width: 70px;
            line-height: 32px;
            text-align: center;
            padding: 0 10px;
            cursor: pointer
        }

            .settings .xgtx .fileBox label:hover, .account-password .xgtx .fileBox label:hover {
                background: #004070;
                color: #fff
            }

        .settings .xgtx .fileBox img, .account-password .xgtx .fileBox img {
            vertical-align: top
        }

    .settings .xgtx .file-form, .account-password .xgtx .file-form {
        width: 202px;
        height: 202px;
        overflow: hidden;
        border: 1px #d5d5d4 solid;
        cursor: pointer;
        margin-bottom: 30px;
        position: relative
    }

        .settings .xgtx .file-form input[type="file"], .account-password .xgtx .file-form input[type="file"] {
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            position: absolute;
            z-index: 9;
            top: 0;
            left: 0
        }

    .settings .xgtx .file-pic, .account-password .xgtx .file-pic {
        width: 200px;
        height: 200px;
        position: absolute;
        z-index: 1;
        top: 1px;
        left: 1px
    }

    .settings .xgtx .tips, .account-password .xgtx .tips {
        color: #999;
        padding-top: 70px
    }

.account-password .list {
    max-width: 500px
}

    .account-password .list .input-form {
        padding-right: 56px
    }

    .account-password .list .eyeBtn {
        width: 36px;
        height: 36px;
        text-align: center;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0
    }

        .account-password .list .eyeBtn:before {
            content: "\eb45";
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 18px
        }

        .account-password .list .eyeBtn.show:before {
            content: "\eb46"
        }

.account-comment .list li {
    padding-bottom: 30px
}

    .account-comment .list li:last-child {
        padding-bottom: 0
    }

.account-comment .list .box {
    background: #f7f8f9;
    padding: 30px 30px
}

.account-comment .list .title-date {
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    padding-bottom: 10px;
    color: #666;
    border-bottom: 1px #e6e7e7 solid
}

.account-comment .list .title {
    color: #333;
    float: left;
    font-size: 18px;
    font-weight: 700
}

.account-comment .list .date {
    float: right;
    margin-right: 30px
}

.account-comment .list .info {
    padding: 20px 0 0 0;
    color: #666
}

.account-comment .page {
    padding-top: 60px
}

.download {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 80px 0
}

    .download .titleBig {
        border-bottom: 1px #e3e3e3 solid;
        padding-bottom: 40px;
        margin-bottom: 40px;
        font-weight: 700;
        color: #004070;
        font-size: 40px;
        line-height: 46px
    }

        .download .titleBig span {
            line-height: 1;
            position: relative;
            z-index: 1
        }

            .download .titleBig span:after {
                content: "";
                display: inline-block;
                width: 140px;
                height: 18px;
                background: #ebebeb;
                position: absolute;
                z-index: -1;
                bottom: -8px;
                left: 0
            }

    .download .nr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .download .left {
        width: 30%;
        float: left
    }

        .download .left img {
            width: 260px
        }

    .download .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .download .version-date {
        border-bottom: 1px #e3e3e3 solid;
        padding-bottom: 10px;
        line-height: 40px;
        margin-bottom: 20px;
        overflow: hidden
    }
	.download .version-date2{
		border-bottom:none;
		margin-bottom:0;
		margin-top:30px;
	}
	.download .version-date2 .version{
        font-size: 26px;
	}

    .download .version {
        color: #004070;
        font-size: 30px
    }

    .download .list li {
        width: 33.33%;
        float: left
    }

    .download .list .title {
        color: #333;
        font-size: 24px;
        font-weight: 700
    }
	.download .list2 .title {
        color: #333;
        font-size: 22px;
        font-weight: 700
    }

    .download .list .info {
        font-size: 16px;
        margin-bottom: 20px;
		height:96px;
    }
	.download .list .info2{
		font-size: 16px;
	}
	.download .list .info2 a{
		color: #000;
	}
	.download .list .btn{
        margin-bottom: 20px
	}
    .download .list .btn a {
        display: inline-block;
        background: #004070;
        color: #fff;
        line-height: 40px;
        min-width: 120px;
        padding: 0 10px;
        text-align: center;
        border-radius: 40px;
		margin-right: 10px;
    }

        .download .list .btn a:hover {
            background: #0371c4
        }

.use {
    width: 100%
}

    .use iframe {
        height: 1100px;
        border: none;
        width: 100%
    }

.manual {
    padding: 70px 0
}

    .manual .titleBig {
        font-weight: 700;
        font-size: 22px;
        color: #004070;
        margin-bottom: 10px
    }

    .manual .jsh {
        border-bottom: 1px #eee solid;
        padding-bottom: 40px;
        margin-bottom: 40px
    }

    .manual .list {
        padding-top: 20px
    }

        .manual .list li {
            border-bottom: 1px #e7e8f0 solid
        }

            .manual .list li:last-child {
                border: none
            }

        .manual .list .box {
            display: block;
            background: #f7f7f7;
            color: #6a6a6a;
            padding: 20px 80px 20px 50px;
            position: relative
        }

        .manual .list .title-1 {
            font-size: 18px;
            margin-bottom: 10px
        }

        .manual .list .title-2 {
            font-weight: 18px;
            font-weight: 700;
            color: #3e3a39
        }

        .manual .list .date {
            font-size: 14px;
            color: #3e3a39
        }

        .manual .list .btn {
            position: absolute;
            top: 50%;
            right: 60px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

            .manual .list .btn a {
                display: block;
                border: 1px #c3c3c3 solid;
                min-width: 145px;
                height: 46px;
                line-height: 44px;
                border-radius: 44px;
                background: #fff;
                color: #3e3a39;
                text-align: center
            }

                .manual .list .btn a:hover {
                    border-color: #0371c4;
                    background: #0371c4;
                    color: #fff
                }

        .manual .list .new .box {
            background: #2470a9;
            color: #fff
        }

        .manual .list .new .date {
            color: #fff
        }

        .manual .list .new .title-2 {
            color: #fff
        }

        .manual .list .new .btn a {
            border-color: #fff
        }

            .manual .list .new .btn a:hover {
                border-color: #004070;
                background: #004070;
                color: #fff
            }

.site-map {
    margin: 0 auto 40px auto;
    font-size: 16px;
    overflow: hidden
}

    .site-map dl {
        border: #d6dbe1 solid 1px;
        border-top: #004070 solid 2px;
        border-bottom: none;
        margin: 20px 0 20px 0
    }

        .site-map dl dt {
            background: #fcfcfc;
            color: #0053a8;
            font-size: 16px;
            line-height: 50px;
            border-bottom: #d6dbe1 solid 1px;
            padding: 0 0 0 20px;
            width: 100%;
            text-align: left;
            clear: both
        }

            .site-map dl dt a {
                color: #333
            }

                .site-map dl dt a:hover {
                    color: #004070
                }

            .site-map dl dt img {
                margin-left: 20px
            }

        .site-map dl dd {
            line-height: 40px;
            overflow: hidden;
            padding-top: 10px;
            clear: both
        }

            .site-map dl dd .p2 {
                padding: 10px 0 0 20px;
                clear: both
            }

                .site-map dl dd .p2 a {
                    color: #004070;
                    font-weight: bold;
                    line-height: 40px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

                    .site-map dl dd .p2 a:hover {
                        color: #004070
                    }

            .site-map dl dd > div {
                clear: both;
                overflow: hidden;
                line-height: 40px;
                border-bottom: #d6dbe1 solid 1px;
                padding: 10px 20px 20px 10px
            }

                .site-map dl dd > div a {
                    color: #333;
                    float: left;
                    padding: 0 10px 0 10px
                }

                    .site-map dl dd > div a:hover {
                        color: #003e7e;
                        background: #004070;
                        color: #fff
                    }

        .site-map dl:hover {
            background: rgba(21,95,50,0.05)
        }

.page a.prev img,.page a.next img {
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
    margin-right: 5px;
}
.footer .footer-contact .p-1{
	font-size:18px;
}
.footer .footer-contact .p-2 img{
	max-width: 20px;
    margin-right: 5px;
}

.manual .list .box .text{
	position: relative;
}

.manual .list .box .text .img{
	position: absolute;
    left: 80px;
    max-width: 20px;
    top: 50px;
}

.download .version img{
	max-width: 25px;
    margin-left: 10px;
}

.pvnum{
    /*line-height: 68px;*/
}