body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, tr, td, section, a, input, span {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none
}

html, body {
    -webkit-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

body, input, textarea {
    font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    -webkit-font-smoothing: antialiased
}

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

fieldset, img {
    border: 0
}

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

ol, ul {
    list-style: none
}

caption, th, td {
    text-align: center
}

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

q:before, q:after {
    content: ''
}

input[type=button], button {
    -webkit-appearance: none;
    -webkit-user-select: none
}

a, img, input, select, li {
    -webkit-tap-highlight-color: transparent
}

a, img {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

a, input, img, select, textarea {
    outline: none
}

input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input::-webkit-search-cancel-button {
    display: none
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

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

img {
    -webkit-touch-callou: none
}

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

.show {
    display: block !important
}

.hide, .none {
    display: none !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

*.clearfix {
    zoom: 1
}

html {
    font-size: 75px;
    width: 100%
}

body {
    font-size: .37333rem;
    margin: 0 auto;
    width: 100%;
    min-width: 320px
}

@media screen and (max-width: 320px) {
    html {
        font-size: 32px !important
    }
}

@media screen and (min-width: 320px) {
    html {
        font-size: 32px
    }
}

@media screen and (min-width: 330px) {
    html {
        font-size: 33px
    }
}

@media screen and (min-width: 340px) {
    html {
        font-size: 34px
    }
}

@media screen and (min-width: 350px) {
    html {
        font-size: 35px
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 36px
    }
}

@media screen and (min-width: 370px) {
    html {
        font-size: 37px
    }
}

@media screen and (min-width: 380px) {
    html {
        font-size: 38px
    }
}

@media screen and (min-width: 390px) {
    html {
        font-size: 39px
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 40px
    }
}

@media screen and (min-width: 410px) {
    html {
        font-size: 41px
    }
}

@media screen and (min-width: 420px) {
    html {
        font-size: 42px
    }
}

@media screen and (min-width: 430px) {
    html {
        font-size: 43px
    }
}

@media screen and (min-width: 440px) {
    html {
        font-size: 44px
    }
}

@media screen and (min-width: 450px) {
    html {
        font-size: 45px
    }
}

@media screen and (min-width: 460px) {
    html {
        font-size: 46px
    }
}

@media screen and (min-width: 470px) {
    html {
        font-size: 47px
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 48px
    }
}

@media screen and (min-width: 490px) {
    html {
        font-size: 49px
    }
}

@media screen and (min-width: 500px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width: 510px) {
    html {
        font-size: 51px
    }
}

@media screen and (min-width: 520px) {
    html {
        font-size: 52px
    }
}

@media screen and (min-width: 530px) {
    html {
        font-size: 53px
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 54px
    }
}

@media screen and (min-width: 550px) {
    html {
        font-size: 55px
    }
}

@media screen and (min-width: 560px) {
    html {
        font-size: 56px
    }
}

@media screen and (min-width: 570px) {
    html {
        font-size: 57px
    }
}

@media screen and (min-width: 580px) {
    html {
        font-size: 58px
    }
}

@media screen and (min-width: 590px) {
    html {
        font-size: 59px
    }
}

@media screen and (min-width: 600px) {
    html {
        font-size: 60px
    }
}

@media screen and (min-width: 610px) {
    html {
        font-size: 61px
    }
}

@media screen and (min-width: 620px) {
    html {
        font-size: 62px
    }
}

@media screen and (min-width: 630px) {
    html {
        font-size: 63px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 64px
    }
}

@media screen and (min-width: 650px) {
    html {
        font-size: 65px
    }
}

@media screen and (min-width: 660px) {
    html {
        font-size: 66px
    }
}

@media screen and (min-width: 670px) {
    html {
        font-size: 67px
    }
}

@media screen and (min-width: 680px) {
    html {
        font-size: 68px
    }
}

@media screen and (min-width: 690px) {
    html {
        font-size: 69px
    }
}

@media screen and (min-width: 700px) {
    html {
        font-size: 70px
    }
}

@media screen and (min-width: 710px) {
    html {
        font-size: 71px
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 72px
    }
}

@media screen and (min-width: 730px) {
    html {
        font-size: 73px
    }
}

@media screen and (min-width: 740px) {
    html {
        font-size: 74px
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 75px !important
    }
}

html {
    font-size: 10vw
}

input[type=submit] {
    cursor: pointer;
    -webkit-appearance: none
}

input {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.line {
    height: .26667rem;
    background: #eee
}

.head {
    height: 1.46667rem;
    background: #8f000b url("../Images/head-bg.png") right top/auto 100% no-repeat
}

.head .fl {
    height: 100%;
    margin-left: .32rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.head .fl img {
    width: auto;
    height: 1.17333rem;
    display: block
}

.head .fl a {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.head .fr {
    position: relative
}

.head .fr .nav_btn {
    width: 1.44rem;
    height: 1.44rem;
    background: url(../Images/icon-groups.png) -.73333rem 0.4rem/2rem .6rem no-repeat;
    display: block
}

.head .fr .nav_list {
    z-index: 999;
    position: fixed;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 .53333rem -.10667rem #cc9f9f;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate(106%, 0%);
    transform: translate(106%, 0%)
}

.head .fr .nav_list.nav_show {
    -webkit-transform: translate(0%, 0%) !important;
    transform: translate(0%, 0%) !important
}

.head .fr .nav_list li:first-of-type {
    height: 1.46667rem;
    width: 100%
}

.head .fr .nav_list li .nav_close {
    width: 100%;
    height: 100%;
    background-color: #c30612;
    color: white;
    font-size: .8rem;
    padding-left: .13333rem;
    line-height: 1.46667rem;
    display: block;
    -webkit-box-align: center;
    align-items: center;
    font-family: serif;
    font-weight: bold
}

.head .fr .nav_list li:last-of-type a {
    border-bottom: 0
}

.head .fr .nav_list a {
    font-size: .37333rem;
    color: #fff;
    text-align: left;
    line-height: 1.33333rem;
    display: block;
    margin: 0 .10667rem;
    padding: 0 .16rem;
    border-bottom: .02667rem dashed #fff
}

.banner {
    height: 5.01333rem
}

.banner .ci-img {
    width: 100%;
    height: 100%;
    position: relative
}

.banner .ci-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ffb34200;
    width: 100%;
    height: 100%;
    z-index: 9
}

.banner video {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: fill;
    object-fit: fill;
    cursor: pointer
}

.banner .cs-btn {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
    bottom: .17333rem
}

.banner img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    -o-object-fit: fill;
    object-fit: fill
}

.banner .swiper-container {
    width: 100%;
    height: 100%
}

.banner .swiper-slide {
    text-align: center;
    font-size: .24rem;
    background: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.banner .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block
}

.banner .swiper-pagination-bullet {
    opacity: 1;
    background: #fff
}

.banner .swiper-pagination-bullet-active {
    background: #0a2187
}

.module-btn {
    text-align: center;
    font-size: 0
}

.module-btn .move-btn {
    min-width: 4.13333rem;
    height: .88rem;
    line-height: .88rem;
    box-sizing: border-box;
    padding: 0rem .37333rem;
    display: inline-block;
    margin: .50667rem auto .66667rem;
    background: #8f000b;
    border-radius: .66667rem;
    font-size: 0;
    text-align: center
}

.module-btn .move-btn span {
    font-size: .34667rem;
    color: #fff;
    font-weight: bolder
}

.module-btn .move-btn.btnOrange {
    background: #fc8c3a
}

.module-btn .move-btn i {
    width: .26667rem;
    height: .33333rem;
    display: inline-block;
    vertical-align: sub;
    position: relative;
    top: .02667rem;
    margin-left: .13333rem;
    background: url("data:image/png;base64,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") -.06667rem top/150% 100% no-repeat
}

.btn-move {
    font-size: .32rem;
    color: #666
}

.btn-move i {
    width: .53333rem;
    height: .33333rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.01333rem;
    background: url("data:image/png;base64,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") left top/100% 100% no-repeat
}

.module-title1 {
    width: 9.46667rem;
    margin: 0 auto .30667rem;
    height: 1.26667rem;
    border-bottom: .02rem solid #f4f4f4
}

.module-title1 .title {
    font-size: .42667rem;
    color: #8f000b;
    line-height: 1.26667rem;
    text-align: center;
    font-weight: bolder;
    letter-spacing: .02667rem;
    padding-left: .05333rem;
    position: relative
}

.module-title1 .title::before {
    content: "";
    width: 1.69333rem;
    height: .02667rem;
    position: absolute;
    left: 50%;
    margin-left: -.84667rem;
    bottom: -.02rem;
    background: #c92c2b
}

.module-title2 {
    width: 9.46667rem;
    margin: .61333rem auto .56rem
}

.module-title2 .title {
    font-size: .42667rem;
    color: #333;
    text-align: center;
    font-weight: bolder;
    letter-spacing: .02667rem;
    padding-left: .05333rem;
    position: relative
}

.module-title2 .title h2 {
    line-height: 100%;
    z-index: 2;
    position: relative
}

.module-title2 .title::before {
    content: "";
    width: 2rem;
    height: .22667rem;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    bottom: -.11333rem;
    background: #efefef
}

footer {
    margin-bottom: 1.6rem;
    font-size: 0
}

.copyright {
    text-align: center;
    padding: .4rem 0;
    margin-top: -.01333rem;
    background: #8f000b
}

.copyright p, .copyright a {
    height: .4rem;
    line-height: .4rem;
    color: #d0c6c6;
    font-size: .26667rem
}

.bottom-float {
    width: 100%;
    height: 1.6rem;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000
}

.bottom-float > a {
    width: 25%;
    height: 100%;
    float: left;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.bottom-float .bf-icon {
    width: .74667rem;
    height: .74667rem;
    display: block;
    margin: 0 auto
}

.bottom-float .bf-txt {
    letter-spacing: .01333rem;
    font-size: .29333rem;
    color: #fff;
    line-height: 100%;
    display: block;
    margin-top: .17333rem
}

.bottom-float .consult-btn .bf-icon {
    width: .76rem
}

.bottom-float .bf-list {
    display: none;
    position: absolute;
    bottom: 1.6rem;
    left: 0;
    z-index: 1000;
    min-width: 2.50667rem;
    box-shadow: 0 -.08rem .48rem -.10667rem #909090
}

.bottom-float li:last-of-type a {
    border-bottom: 0
}

.bottom-float li a {
    height: .93333rem;
    line-height: .93333rem;
    font-size: .32rem;
    color: #333;
    display: block;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    border-bottom: .02rem dashed #ccc
}

.bff-mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background: rgba(0, 0, 0, 0.5)
}

.bottom-float-form {
    display: none;
    z-index: 999;
    position: fixed;
    left: 50%;
    margin-left: -4.4rem;
    bottom: 4rem;
    width: 8.8rem;
    background: white;
    padding-bottom: .74667rem;
    padding-top: .61333rem
}

.bottom-float-form label {
    display: -webkit-box;
    display: flex;
    font-size: 0;
    margin-bottom: .4rem
}

.bottom-float-form label > span {
    font-size: .32rem;
    color: #000;
    width: 2.13333rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    letter-spacing: .02667rem
}

.bottom-float-form label > span i {
    width: 35%;
    display: inline-block
}

.bottom-float-form .mainTitle {
    font-size: .50667rem;
    color: #8f000b;
    font-weight: bolder;
    letter-spacing: .13333rem;
    margin-bottom: .2rem;
    padding-left: .26667rem;
    box-sizing: border-box
}

.bottom-float-form .bff-title {
    font-size: .37333rem;
    text-align: center;
    color: #333;
    font-weight: bolder;
    margin-bottom: .53333rem;
    letter-spacing: .13333rem
}

.bottom-float-form .subtitle {
    font-size: .34667rem;
    color: #333;
    font-weight: normal
}

.bottom-float-form .subtitle span {
    display: inline-block;
    color: #8f000b;
    font-size: .34667rem
}

.bottom-float-form .subtitle span:first-of-type {
    margin-left: .16rem
}

.bottom-float-form .btn-close {
    position: absolute;
    width: 1.22667rem;
    height: 1.22667rem;
    line-height: 1.22667rem;
    left: 50%;
    bottom: -1.46667rem;
    margin-left: -.61333rem;
    font-size: .93333rem;
    color: #fff;
    border-radius: 50%;
    border: .04rem solid #fff;
    font-family: serif;
    padding: 0 .02667rem 0 .10667rem;
    box-sizing: border-box;
    text-align: center
}

.bottom-float-form form {
    width: 7.33333rem;
    margin: 0 auto
}

.bottom-float-form form input, .bottom-float-form form .select_box {
    display: block;
    width: 5.09333rem;
    height: .88rem;
    font-size: .32rem;
    text-indent: .25333rem;
    color: #fff;
    line-height: .88rem;
    background: #fff;
    border: .02rem solid #ddd;
    text-align: left;
    outline: 0
}

.bottom-float-form form input:not([type="submit"]):focus, .bottom-float-form form .select_box:focus {
    border-color: #8f000b
}

.bottom-float-form form input:not([type="submit"])::-webkit-input-placeholder {
    color: #b0b0b0;
    text-align: left !important;
    letter-spacing: .02667rem
}

.bottom-float-form form input:not([type="submit"])::-moz-placeholder {
    color: #b0b0b0;
    text-align: left !important;
    letter-spacing: .02667rem
}

.bottom-float-form form input:not([type="submit"]):-ms-input-placeholder {
    color: #b0b0b0;
    text-align: left !important;
    letter-spacing: .02667rem
}

.bottom-float-form form input:not([type="submit"])::-ms-input-placeholder {
    color: #b0b0b0;
    text-align: left !important;
    letter-spacing: .02667rem
}

.bottom-float-form form input:not([type="submit"])::placeholder {
    color: #b0b0b0;
    text-align: left !important;
    letter-spacing: .02667rem
}

.bottom-float-form form input[type="submit"] {
    width: 4.8rem;
    height: .93333rem;
    text-align: center;
    display: block;
    margin: .66667rem auto 0;
    font-size: .32rem;
    text-indent: .25333rem;
    color: #fff;
    line-height: .93333rem;
    background: #8f000b;
    border: .02rem solid #ddd;
    border-radius: .13333rem;
    letter-spacing: .04rem;
    box-sizing: border-box
}

.bottom-float-form form input[type="submit"]:active {
    opacity: .8
}

.bottom-float-form .select_content {
    width: 100%;
    height: 100%
}

.bottom-float-form .select_content span {
    width: 100%;
    height: 100%;
    display: block;
    line-height: .88rem;
    text-align: left;
    color: #b0b0b0;
    letter-spacing: .02667rem
}

.bottom-float-form .select_box {
    position: relative;
    font-size: .33333rem;
    color: #333
}

.bottom-float-form .select_box .select_list {
    height: 4.26667rem;
    overflow-y: scroll;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 1.04rem;
    left: 0;
    display: none;
    z-index: 999;
    box-shadow: 0 .02667rem .09333rem -.01333rem #8e8e8e
}

.bottom-float-form .select_box .select_list > li {
    text-align: left;
    height: 1.06667rem;
    line-height: 1.06667rem;
    font-size: .32rem;
    border-bottom: .02rem dashed #ddd;
    padding: 0 .25333rem;
    color: #333
}

.bottom-float-form .select_box .select_list > li:last-of-type {
    border-bottom: 0
}

.bottom-float-form .select_box .select_list > li.active {
    background-color: #eee
}

.bottom-float-form .select_box .select_content {
    width: 100%;
    height: .37333rem;
    line-height: .37333rem;
    text-align: center;
    margin: 0 !important
}

.bottom-float-form .select_box .select_content i {
    width: .30667rem;
    height: .17333rem;
    background: url(../Images/arrow-group2.png) right top/.58667rem .16rem no-repeat;
    position: absolute;
    right: .33333rem;
    top: 50%;
    margin-top: -.04667rem
}

.bottom-float-form .select_box .select_content.active i {
    -ms-background-position: .04rem 0;
    background-position: .04rem 0
}

.bottom-float-form .bbf-prompt {
    width: 7.36rem;
    margin: .21333rem auto 0
}

.bottom-float-form .bbf-prompt p {
    font-size: .26667rem;
    color: #BFBFBF;
    text-align: justify;
    line-height: .46667rem
}

.bottom-float-item1 {
    z-index: 1000
}

.bottom-float-item1 .select_box .select_list {
    z-index: 5;
    border: .02rem solid #ddd
}

.bottom-float-item1 input:not([type="submit"]), .bottom-float-item1 .select_box {
    color: #000 !important
}

.bottom-float-item1 form input:not([type="submit"]):focus, .bottom-float-item1 form .select_box:focus {
    border-color: #8f000b
}

.bottom-float-item1 .select_box .select_content i {
    background-image: url("../Images/arrow-group2.png")
}

header .other_nav {
    padding: 0 .37333rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

header .other_nav .ba_btn {
    width: .25333rem;
    height: .44rem;
    display: block;
    background: url(../Images/before-arrow.png) center center no-repeat;
    background-size: .16rem
}

header .other_nav h4 {
    font-size: .42667rem;
    color: #000;
    position: relative;
    top: .01333rem
}

header .other_nav .fr img {
    width: .48rem;
    height: auto;
    position: relative;
    top: .14667rem
}

header .other_nav .fr .list {
    z-index: 999;
    position: fixed;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 .53333rem -.10667rem #cc9f9f;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate(106%, 0%);
    transform: translate(106%, 0%)
}

header .other_nav .fr .list.nav_show {
    -webkit-transform: translate(0%, 0%) !important;
    transform: translate(0%, 0%) !important
}

header .other_nav .fr .list a {
    font-size: .37333rem;
    color: #fff;
    text-align: left;
    line-height: 1.33333rem;
    display: block;
    margin: 0 .10667rem;
    padding: 0 .16rem;
    border-bottom: .02667rem dashed #fff
}

header .other_nav .fr .list li:last-of-type a {
    border-bottom: 0
}

header .other_nav .fr .close {
    width: 100%;
    height: 100%;
    background-color: #B44534;
    color: white;
    font-size: .8rem;
    padding-left: .13333rem;
    display: block;
    -webkit-box-align: center;
    align-items: center;
    font-family: serif;
    font-weight: bold
}

.toolTip-box {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: .2rem .26667rem .24rem;
    box-sizing: border-box;
    border-radius: .10667rem;
    max-width: 8rem;
    background: rgba(0, 0, 0, 0.6);
    font-size: .34667rem;
    color: #fff;
    text-align: justify;
    opacity: 1;
    z-index: 1000;
    letter-spacing: .02667rem;
    padding-left: .34667rem
}

.scroll::-webkit-scrollbar {
    width: 7px !important;
    border-radius: 7px;
    display: block !important
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #ddd
}

.scroll::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #eaeaea
}

.scroll::-webkit-scrollbar-thumb:vertical:active {
    background-color: #d0d0d0
}

.dynamic_news .ci-img {
    position: relative;
    width: 9.36rem;
    height: 4.66667rem;
    margin: .4rem auto;
    z-index: 1
}

.dynamic_news .ci-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ffb34200;
    width: 100%;
    height: 100%;
    z-index: 9
}

.dynamic_news video {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: fill;
    object-fit: fill;
    cursor: pointer
}

.dynamic_news .cs-btn {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dynamic_news .dn-info {
    width: 9.18667rem;
    margin: 0 auto
}

.dynamic_news .dn-info p {
    font-size: .32rem;
    line-height: .46667rem;
    text-align: justify;
    color: #333;
    text-indent: .66667rem
}

.conditions .content {
    width: 9.33333rem;
    margin: 0 auto
}

.conditions .content dl {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: .26667rem
}

.conditions .content dt {
    width: 1.73333rem;
    font-weight: bolder;
    color: #740c2a;
    font-size: .26667rem;
    line-height: .48rem
}

.conditions .content dt::before {
    content: "";
    width: .2rem;
    height: .2rem;
    margin-right: .14667rem;
    display: inline-block;
    background: #740c2a;
    border-radius: 50%;
    position: relative;
    top: -.02667rem
}

.conditions .content dd {
    width: 7.2rem;
    font-size: .26667rem;
    color: #333;
    line-height: .50667rem;
    text-align: justify
}

.conditions .content dd.txt-red {
    color: #fe0015;
    font-weight: bolder
}

.scenery .module-title1 {
    margin-bottom: .6rem
}

.scenery .s-title {
    width: 9.33333rem;
    height: .66667rem;
    margin: 0 auto .53333rem
}

.scenery .s-title li {
    min-width: 1.93333rem;
    height: .76rem;
    line-height: .66667rem;
    background: transparent;
    border: .02667rem solid #c4c4c4;
    border-radius: .13333rem;
    color: #999;
    font-size: .32rem;
    text-align: center;
    padding: 0 .02667rem;
    box-sizing: border-box
}

.scenery .s-title li.active {
    color: #8f000b;
    border-color: #8f000b
}

.scenery .s-items {
    margin: .13333rem 0 0
}

.scenery ul {
    width: 9.36rem;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.scenery .s-view {
    width: 9.36rem;
    height: 6.66667rem;
    display: block;
    margin: 0 auto
}

.scenery .item:not(:first-child) {
    display: none
}

.scenery .item ul {
    width: 9.36rem;
    margin: .26667rem auto 0
}

.scenery .item li {
    width: 2.13333rem;
    height: 2.34667rem;
    margin-right: .27733rem;
    position: relative
}

.scenery .item li::before {
    content: "";
    width: 2.13333rem;
    height: 1.52rem;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}

.scenery .item li.act::before {
    background: none
}

.scenery .item li:last-child {
    margin-right: 0
}

.scenery .item li img {
    width: 100%;
    height: 1.52rem;
    display: block
}

.scenery .item li span {
    height: .84rem;
    line-height: .82667rem;
    text-align: center;
    font-size: .32rem;
    color: #333;
    padding: 0 .06667rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap
}

.scenery .move-btn {
    margin-top: .53333rem
}

.characteristics .content img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.professional {
    overflow: hidden
}

.professional .pro-btn {
    min-width: 1.8rem;
    height: .57333rem;
    padding: 0 .06667rem;
    line-height: .57333rem;
    display: inline-block;
    background: #8f000b;
    border-radius: .13333rem;
    font-size: .34667rem;
    color: #fff;
    letter-spacing: .02667rem
}

.professional .pro-btn.btn-blue {
    background: #3454bf
}

.professional .notice {
    width: 9.36rem;
    margin: 0 auto .93333rem
}

.professional .notice p {
    font-size: .26667rem;
    color: #999;
    line-height: .53333rem;
    letter-spacing: .02667rem
}

.professional table {
    background: #fff;
    width: 9.53333rem;
    border-collapse: collapse;
    margin: 0 auto
}

.professional table td {
    border: .02667rem solid #ddd
}

.professional table th {
    font-size: .34667rem;
    color: #fff;
    text-align: center;
    height: .81333rem;
    font-weight: normal
}

.professional table th:nth-of-type(1) {
    width: 2.13333rem
}

.professional table th:nth-of-type(2) {
    width: 2.6rem
}

.professional table th:nth-of-type(3) {
    width: 1.44rem
}

.professional table th:nth-of-type(4) {
    width: 1.17333rem;
    font-size: .32rem;
    line-height: .4rem
}

.professional table th:nth-of-type(5) {
    width: 2.45333rem
}

.professional table td {
    font-size: .29333rem;
    color: #333;
    height: .73333rem;
    text-align: center
}

.professional table .p-span {
    line-height: .53333rem
}

.professional thead {
    background: #8f000b
}

.graduation {
    overflow: hidden;
    background: #054683;
    padding-bottom: .13333rem
}

.graduation .module-title2 .title h2 {
    font-size: .42667rem;
    color: #fff
}

.graduation .module-title2 .title::before {
    background: #376b9c
}

.graduation .info {
    width: 9.06667rem;
    margin: 0 auto .26667rem
}

.graduation .info p {
    font-size: .32rem;
    color: #fff;
    text-align: justify;
    text-indent: .66667rem;
    line-height: .53333rem
}

.graduation .list {
    width: 9.06667rem;
    margin: 0 auto
}

.graduation .list ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.graduation .list li {
    width: 4.32rem;
    height: 3.70667rem
}

.graduation .list li img {
    width: 100%;
    display: block
}

.graduation .list li span {
    height: .84rem;
    line-height: .84rem;
    font-size: .32rem;
    color: #fff;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    overflow: hidden
}

.ff-network {
    display: block !important;
    position: static !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center;
    padding: 0 !important;
    font-size: 0;
    background: url(../Images/network-bg.png) center top/100% 100% no-repeat
}

.ff-network::before, .ff-network::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    border: 0;
    outline: 0;
    visibility: hidden
}

.ff-network .title {
    text-align: center;
    margin: .8rem 0 .82667rem
}

.ff-network .title h2 {
    font-size: .53333rem;
    color: #fff;
    line-height: 100%;
    font-weight: bolder;
    letter-spacing: .08rem;
    padding-left: .16rem
}

.ff-network .title h3 {
    font-size: .34667rem;
    color: #333;
    line-height: 100%;
    margin-top: .26667rem;
    letter-spacing: .10667rem;
    padding-left: .21333rem
}

.ff-network label {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.ff-network label > span {
    width: 2rem;
    color: #fff;
    font-size: .34667rem;
    letter-spacing: .01333rem
}

.ff-network form {
    width: 80% !important
}

.ff-network form input, .ff-network form .select_box {
    background: transparent;
    height: 1.13333rem;
    line-height: 1.13333rem;
    border-radius: .13333rem;
    font-size: .34667rem;
    color: #ededed
}

.ff-network form input[type="text"], .ff-network form input[type=number], .ff-network form .select_box {
    width: 76% !important
}

.ff-network form input[type="submit"] {
    width: 7.73333rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    font-size: .4rem;
    margin: .66667rem auto .93333rem;
    background: #8f000b;
    color: #fff;
    border: 0;
    border-radius: .66667rem
}

.ff-network input:not([type="submit"])::-webkit-input-placeholder {
    color: #ededed !important
}

.ff-network input:not([type="submit"])::-moz-placeholder {
    color: #ededed !important
}

.ff-network input:not([type="submit"]):-ms-input-placeholder {
    color: #ededed !important
}

.ff-network input:not([type="submit"])::-ms-input-placeholder {
    color: #ededed !important
}

.ff-network input:not([type="submit"])::placeholder, .ff-network .select_content span {
    color: #ededed !important
}

.ff-network .bbf-prompt {
    width: 100% !important;
    margin-top: .34667rem !important
}

.ff-network .bbf-prompt p {
    text-align: center !important
}

.ff-network .select_box .select_list {
    top: 1.30667rem
}

.ff-network .select_box .select_content span {
    line-height: 1.06667rem
}

.ff-network .select_box .select_content i {
    right: .32rem
}

/*授权*/
.box-shouquan {
    display: none;
    z-index: 999;
    position: fixed;
    left: 50%;
    margin-left: -4.4rem;
    bottom: 2rem;
    width: 8.8rem;
    background: white;
    padding-bottom: .74667rem;
    padding-top: .61333rem
}

.box-shouquan img {
    width: 100%;
}

.box-shouquan .btn-close {
    position: absolute;
    width: 1.22667rem;
    height: 1.22667rem;
    line-height: 1.22667rem;
    right: -0.6133rem;
    top: -1.22667rem;
    margin-left: -.61333rem;
    font-size: .93333rem;
    color: #fff;
    border-radius: 50%;
    border: .04rem solid #fff;
    font-family: serif;
    padding: 0 .02667rem 0 .10667rem;
    box-sizing: border-box;
    text-align: center;
}

.copyright .btn {
    background: #8f000b;
    color: #fff;
    padding: 0.01rem 0.11rem;
    margin-left: 0.17rem;
    letter-spacing: .01rem;
    box-shadow: 0 0 0.1rem 0.01rem #fff;
}





.button-group{
    text-align: center;
    margin: 0.6rem auto 0.6rem;
}
.button-group .m-btn {
    min-width: 3rem!important;
    background: #4a93fa!important;
}

.button-group .m-btn:nth-child(2) {
    margin-left: .3rem;
    background: #FF5728!important;
}

.module-btn .m-btn {
    width: auto!important;
    display: inline-block!important;
    min-width: 3.6rem!important;
    height: .7rem!important;
    line-height: .7rem;
    text-align: center;
    padding: 0 .05rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 137, 34, 1);
    border-radius: 35px;
    font-size: .32rem!important;
    color: white;
    margin: .2rem 0 .5rem;
    letter-spacing: .02rem;
}

.module-btn .m-btn:active {
    opacity: .8;
}