@charset "UTF-8";
/*@font-face {
    font-family: Gotham;
    src: url(../font/GothamRounded-Book-Light.woff);
    src: local("\263a"), url(../font/GothamRounded-Book-Light.woff) format("woff"), url(../font/GothamRounded-Book-Light.ttf) format("truetype") url(../font/GothamRounded-Book-Light.otf) format("otf")
}*/

* {
    outline: none
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
    font-weight: inherit;
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
    font: 12Px Helvetica Neue, Arial, Microsoft YaHei, PingFang SC, Source Han Sans SC, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

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

a {
    text-decoration: none;
    color: inherit;
    display: inline-block
}

a:hover {
    text-decoration: none
}

img {
    vertical-align: top;
    border: 0
}

button,
input,
textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}

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

div,
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    font-size: 100Px
}

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

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

@media screen and (min-width: 375px) {
    html {
        font-size: 100Px
    }
}

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

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

@media screen and (min-width: 750px) {
    html {
        font-size: 200Px
    }
}

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

.clearboth {
    clear: both
}

.wp {
    max-width: 7.2rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1480px) {
    .wp {
        padding: 0 .3rem
    }
}

.checkBrowser {
    font-size: 14Px;
    line-height: 40Px;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 50%;
    width: 700Px;
    height: 40Px;
    margin-left: -360Px;
    padding: 0 10Px;
    color: #fff;
    border-bottom-right-radius: 5Px;
    border-bottom-left-radius: 5Px;
    background-color: #e6212a
}

.checkBrowser a {
    font-size: 16Px;
    line-height: 20Px;
    position: absolute;
    top: 10Px;
    right: 5Px;
    display: block;
    width: 20Px;
    height: 20Px;
    cursor: pointer;
    text-align: center;
    color: #333;
    border-radius: 50%;
    background-color: #fff
}

.paged {
    padding-top: .1rem;
    text-align: center
}

@media screen and (max-width: 768px) {
    .paged {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: .1rem
    }
}

.paged a,
.paged .current {
    display: inline-block;
    margin: 0 6PX;
    width: 38PX;
    font-size: 14PX;
    text-align: center;
    background: #fff;
    color: #8b8b8b;
    border-radius: .015rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 38PX;
    line-height: 38PX;
    white-space: nowrap;
    border: .005rem solid #dedede
}

.paged a:hover,
.paged .current:hover {
    background: #d59d67;
    color: #fff
}

@media screen and (max-width: 768px) {
    .paged a,
    .paged .current {
        padding: 0 .1rem;
        height: 35PX;
        line-height: 35PX;
        display: none
    }
}

.paged .current {
    background: #d59d67;
    color: #fff
}

.paged .prev,
.paged .next {
    width: .34rem;
    border-radius: .015rem
}

@media screen and (max-width: 1024px) {
    .paged .prev,
    .paged .next {
        width: 1rem;
        display: block
    }
}

.article-swiper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    -ms-touch-action: none;
    touch-action: none;
    z-index: 8888
}

.article-swiper .swiper-zoom-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%
}

.article-swiper .swiper-pagination {
    bottom: 1em;
    color: #fff
}

.article-swiper .swiper-slide img {
    max-width: 95%;
    max-height: -moz-calc(100% - 6em);
    max-height: calc(100% - 6em);
    vertical-align: middle
}

.article-swiper .swiper-slide p {
    position: absolute;
    top: 1em;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .08rem;
    color: #fff;
    z-index: 22
}

.article-swiper .swiper-close-icon {
    position: absolute;
    top: .5rem;
    right: .3rem;
    z-index: 9999;
    width: .2rem;
    height: .2rem;
    cursor: pointer
}

.article-swiper .swiper-close-icon .iconfont {
    color: #fff;
    font-size: .25rem
}

.article-swiper .swiper-close-icon:after {
    width: 100%;
    position: absolute;
    height: .015rem;
    background: #fff;
    content: "";
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.article-swiper .swiper-close-icon:before {
    width: 100%;
    position: absolute;
    height: .015rem;
    background: #fff;
    content: "";
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wp {
    max-width: 6.75rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1390px) {
    .wp {
        padding: 0 .3rem
    }
}

@media screen and (max-width: 1024px) {
    .wp {
        padding: 0 .15rem
    }
}

.page-wp {
    max-width: 6.8rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1400px) {
    .page-wp {
        padding: 0 .3rem
    }
}

@media screen and (max-width: 1024px) {
    .page-wp {
        padding: 0 .15rem
    }
}

.page {
    background-color: #f1ece8
}

.page-common-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .18rem;
    color: #333;
    line-height: 1
}

@media screen and (max-width: 1024px) {
    .page-common-title {
        font-size: .22rem
    }
}

.page-common-title:after {
    content: "";
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .005rem;
    background: rgba(173, 173, 173, .3);
    margin-left: .09rem
}

.page-common-title img {
    width: .11rem;
    margin-right: .04rem
}

@media screen and (max-width: 1024px) {
    .page-common-title img {
        width: .15rem
    }
}

.common-title {
    text-align: center;
    position: relative;
    line-height: 1;
    z-index: 5
}

.common-title .cn {
    font-size: .225rem;
    color: #0f2342
}

.common-title .en {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%);
    color: #e1cdb9;
    font-weight: 700;
    font-size: .3rem;
    z-index: -1;
    opacity: .5;
    width: 100%;
    line-height: 1.1
}

.more {
    text-align: center
}

.more.darken a {
    background-color: #e1cdb9;
    color: #333;
    border: none
}

.more a {
    display: inline-block;
    width: 1.3rem;
    height: .3rem;
    line-height: .3rem;
    background-color: #fff;
    color: #666;
    border: .005rem solid #e1cdb9;
    font-size: .08rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.more a:hover {
    background-color: #e1cdb9;
    color: #333;
    border-color: #e1cdb9
}

@media screen and (max-width: 1024px) {
    .more a {
        width: 1.5rem;
        height: .4rem;
        line-height: .4rem;
        font-size: .12rem
    }
}

.uweb-search {
    width: 1200Px;
    max-width: 100%;
    margin: .92rem auto .5rem
}

@media (max-width: 1200px) {
    .uweb-search {
        width: auto;
        margin-right: .15rem;
        margin-left: .15rem
    }
}

.uweb-search-input-con {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 25Px
}

.uweb-search-select-con {
    float: left;
    width: 37%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 25Px
}

@media screen and (max-width: 750px) {
    .uweb-search-input-con,
    .uweb-search-select-con {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: .05rem
    }
}

.uweb-search-top {
    position: relative;
    margin-bottom: 40Px;
    height: 44Px;
    width: 100%
}

.uweb-search-top-s .uweb-search-input-con {
    float: left;
    width: 87%
}

@media screen and (max-width: 750px) {
    .uweb-search-top {
        height: auto
    }
    .uweb-search-top-s .uweb-search-input-con {
        width: 100%
    }
}

.uweb-search-top-text {
    float: left;
    width: 80Px;
    font-size: 14Px;
    color: #666;
    line-height: 44Px
}

.uweb-search-top-input {
    margin: 0 0 0 80Px;
    height: 44Px;
    border: 1Px solid #e9e9e9
}

.uweb-search-top-input input {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 14Px;
    padding: 0 20Px
}

.uweb-search-top-button {
    float: left;
    width: 13%;
    height: 46Px;
    background: #d59d67;
    cursor: pointer;
    color: #fff;
    font-size: 14Px;
    line-height: 46Px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0
}

.uweb-search-top-button:hover {
    opacity: .7
}

@media screen and (max-width: 750px) {
    .uweb-search-top-button {
        float: none;
        width: 100%
    }
}

.uweb-search-top-input2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 80Px;
    height: 44Px;
    border: 1Px solid #e9e9e9
}

.uweb-search-top-input2 input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 14Px;
    padding: 0 20Px
}

.uweb-search-top-text1 {
    float: left;
    width: 70Px;
    font-size: 14Px;
    color: #666;
    line-height: 44Px
}

.uweb-search-top-select {
    position: relative;
    margin-left: 70Px;
    height: 44Px;
    border: 1Px solid #e9e9e9;
    font-size: 14Px;
    color: #999
}

.uweb-search-top-select:after {
    position: absolute;
    right: 12Px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translateY(-50%);
    content: "";
    width: 0;
    height: 0;
    border-left: 5Px solid transparent;
    border-right: 5Px solid transparent;
    border-top: 6Px solid #999
}

.uweb-search-top-select select {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%!important;
    border: 0Px;
    padding: 0 22Px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.uweb-search-top-select .customSelect {
    width: 100%;
    height: 100%;
    line-height: 42Px;
    padding: 0 22Px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1200px) {
    .uweb-search-top-select {
        float: none;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto
    }
}

.uweb-search-content {
    margin: 40Px -12Px;
    font-size: 0
}

.uweb-search-content li {
    display: inline-block;
    vertical-align: top;
    padding: 0 12Px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 156Px;
    margin-bottom: 30Px
}

.uweb-search-content li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1Px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25Px 40Px 30Px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.uweb-search-content li a:hover {
    background: #f1f1f1
}

.uweb-search-content li a:hover .text {
    color: #d59d67
}

.uweb-search-content li a:hover .btn {
    background: #d59d67
}

.uweb-search-content li a .text {
    font-size: 16Px;
    font-weight: 700;
    color: #666;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 22Px;
    max-height: 44Px;
    overflow: hidden
}

.uweb-search-content li a .time {
    margin-top: 5Px;
    font-size: 14Px;
    font-family: Arial;
    color: #999
}

.uweb-search-content li a .btn {
    margin-top: 20Px;
    width: 95Px;
    height: 28Px;
    background: #999;
    font-size: 14Px;
    color: #fff;
    line-height: 28Px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width: 1200px) {
    .uweb-search-content {
        margin-right: 0;
        margin-left: 0
    }
    .uweb-search-content li:nth-child(odd) {
        padding: 0 .06rem 0 0
    }
    .uweb-search-content li:nth-child(2n) {
        padding: 0 0 0 .06rem
    }
}

@media screen and (max-width: 480px) {
    .uweb-search-content li {
        float: none;
        width: 100%;
        height: auto
    }
    .uweb-search-content li:nth-child(odd),
    .uweb-search-content li:nth-child(2n) {
        padding: 0
    }
    .uweb-search-content li a .text {
        max-height: none
    }
}

.uweb-search-tip-con {
    margin: 40Px auto;
    width: 1200Px;
    max-width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem;
    text-align: center
}

.uweb-search-tip-con .title {
    font-size: 24Px;
    color: #333;
    margin-bottom: 20Px
}

.uweb-search-tip-con .tips {
    font-size: 14Px;
    color: orange;
    font-weight: 700;
    line-height: 28Px;
    width: 900Px;
    margin: 0 auto 10Px;
    max-width: 100%
}

.uweb-search-tip-con .p {
    font-size: 14Px;
    color: #333;
    line-height: 28Px;
    margin-bottom: 10Px
}

.uweb-search-tip-con .num {
    color: red;
    padding: 0 3Px;
    text-decoration: underline
}

.uweb-search-tip-con .tip-btn {
    display: block;
    width: 140Px;
    height: 36Px;
    text-align: center;
    line-height: 36Px;
    color: #fff;
    background: #999;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 auto;
    cursor: pointer
}

.uweb-search-tip-con .tip-btn:hover {
    background: #b3b3b3
}

.tips-popup {
    display: none;
    position: fixed;
    inset: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999999
}

.tips-popup.init {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tips-popup.show .tips-popup-mask {
    opacity: 1
}

.tips-popup.show .tips-popup-box {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.tips-popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tips-popup-box {
    position: relative;
    padding: 18Px 24Px 8Px;
    width: 320Px;
    background-color: #fff;
    -webkit-box-shadow: 0 4Px 12Px rgba(0, 0, 0, .15);
    box-shadow: 0 4Px 12Px #00000026;
    border-radius: 8Px;
    z-index: 9;
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width: 414px) {
    .tips-popup-box {
        max-width: -moz-calc(100% - .4rem);
        max-width: calc(100% - .4rem);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.tips-popup-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10Px
}

.tips-popup-head .title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-top: 1Px;
    line-height: 22Px;
    font-size: 16Px;
    color: #000
}

.tips-popup-close {
    margin: 5Px 0 0 10Px;
    width: 14Px;
    height: 14Px;
    background: url(../images/tips_icon.png) top -130Px left no-repeat;
    opacity: .7;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tips-popup-close:hover {
    opacity: 1
}

.tips-popup-content {
    padding-bottom: 10Px;
    font-size: 14Px;
    line-height: 24Px;
    color: #666
}

.tips-popup-footer {
    padding: 4Px 0;
    text-align: right;
    font-size: 0
}

.tips-popup-footer li {
    display: inline-block;
    vertical-align: top;
    margin-left: 10Px;
    padding: 8Px 15Px;
    line-height: 1;
    font-size: 12Px;
    white-space: nowrap;
    border-radius: 3Px;
    border-width: 1Px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.tips-popup-footer li:hover {
    opacity: .8
}

.tips-popup-footer .cancel-btn {
    color: #666;
    background-color: #fff;
    border-color: #dcdfe6
}

.tips-popup-footer .submit-btn {
    color: #fff
}

.tips-popup .tips-icon {
    margin-right: 10Px;
    width: 24Px;
    height: 24Px;
    background-image: url(../images/tips_icon.png);
    background-repeat: no-repeat
}

.tips-popup .tips-icon-success {
    background-position: 0 -104Px
}

.tips-popup .tips-icon-question {
    background-position: 0 -78Px
}

.tips-popup .tips-icon-info {
    background-position: 0 -52Px
}

.tips-popup .tips-icon-error {
    background-position: 0 -26Px
}

.tips-popup .tips-icon-alert {
    background-position: 0 0
}

.tips-popup-icon {
    padding-left: 20Px;
    padding-right: 20Px
}

.tips-popup-icon .tips-popup-content {
    padding-left: 34Px
}

.loading-wrap {
    position: relative
}

.loading-wrap .loading-box {
    position: absolute
}

.loading-box {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 9999
}

.loading-box-circular {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25Px 0 0 -25Px;
    width: 50Px;
    height: 50Px;
    -webkit-animation: loading-rotate 2s linear infinite;
    -moz-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.loading-box-circular .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    -moz-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #0da945;
    stroke-linecap: round
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes loading-rotate {
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40Px
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120Px
    }
}

@-moz-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40Px
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120Px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40Px
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120Px
    }
}

.normal-popup {
    display: none;
    position: fixed;
    inset: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9000
}

.normal-popup.init {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.normal-popup.show .normal-popup-box {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.normal-popup.show .normal-popup-mask {
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.normal-popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.normal-popup-close {
    position: absolute;
    top: 10Px;
    right: 10Px;
    line-height: 1;
    font-size: 20Px;
    font-family: iconfont;
    color: #666;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.normal-popup-close:before {
    content: "\e662"
}

.normal-popup-close:hover {
    color: #ea140a
}

.normal-popup-box {
    position: relative;
    width: 680Px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 6Px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    z-index: 6;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.normal-popup-title {
    margin-bottom: 25Px;
    text-align: center
}

.normal-popup-title h3 {
    line-height: 1.2;
    font-size: 30Px;
    color: #555
}

.normal-popup-title p {
    line-height: 1.2;
    font-size: 12Px;
    color: #999;
    text-transform: uppercase
}

.normal-popup-scroller {
    position: relative;
    overflow: hidden
}

.normal-popup-scroller .bscroll-indicator {
    background-color: #cdcdcd80!important
}

.modal-popup .normal-popup-box {
    padding: 60Px;
    text-align: center
}

.modal-popup .icon {
    font-family: iconfont;
    font-size: 80Px
}

.modal-popup .icon-error {
    color: #ea140a
}

.modal-popup .icon-error:before {
    content: "\e71e"
}

.modal-popup .icon-success {
    color: #0da945
}

.modal-popup .icon-success:before {
    content: "\e605"
}

.modal-popup .icon-notice {
    color: #fbba65
}

.modal-popup .icon-notice:before {
    content: "\e698"
}

.modal-popup .title {
    margin: 15Px 0 3Px;
    line-height: 1.4;
    font-size: 24Px;
    color: #333
}

.modal-popup .p {
    line-height: 1.6;
    font-size: 16Px;
    color: #888
}

.modal-popup-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30Px
}

.modal-popup-footer li {
    width: 242Px;
    line-height: 45Px;
    font-size: 16Px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.modal-popup-footer li+li {
    margin-left: 16Px
}

.modal-popup-footer li:hover {
    opacity: .8
}

.modal-popup-footer .cancel-btn {
    background-color: #bbb
}

.iframe-popup .normal-popup-box {
    padding: 55Px 60Px 70Px
}

.iframe-popup .normal-popup-title {
    margin-bottom: 30Px
}

.iframe-popup-box {
    position: relative;
    max-height: -moz-calc(98vh - 205Px);
    max-height: calc(98vh - 205Px);
    overflow-y: auto
}

.iframe-popup-box .iframe {
    display: block;
    width: 100%;
    border: none
}

.iframe-popup .loading-box {
    position: absolute
}

.captcha-title {
    height: 60Px;
    width: 100%;
    text-align: center;
    border-radius: 2Px;
    background-color: #f3f3f3;
    color: #bbb;
    font-size: 14Px;
    letter-spacing: .1Px;
    line-height: 60Px
}

.captcha-show {
    display: none;
    height: 60Px;
    width: 100%;
    text-align: center;
    border-radius: 2Px;
    background-color: #f3f3f3
}

.captcha-loading {
    margin: auto;
    width: 70Px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.captcha-loading-dot {
    width: 8Px;
    height: 8Px;
    margin: 18Px 4Px;
    background: #ccc;
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 0 2Px black;
    box-shadow: 0 0 2Px #000;
    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite
}

.captcha-loading-dot:nth-child(2) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.captcha-loading-dot:nth-child(3) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

.captcha-loading-dot:nth-child(4) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.captcha .geetest_holder.geetest_wind .geetest_logo,
.captcha .geetest_holder.geetest_wind .geetest_success_logo {
    display: none
}

@-webkit-keyframes loadingFade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes loadingFade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0
    }
}

@keyframes loadingFade {
    0% {
        opacity: 0
    }
    50% {
        opacity: .8
    }
    to {
        opacity: 0
    }
}

.error-con {
    padding: .5rem 0;
    background: #fff
}

.error-box {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .25rem;
    text-align: center;
    width: 1360Px;
    max-width: 100%;
    margin: 0 auto;
    display: grid
}

.error-box img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.error-box .tips {
    margin: 20Px auto;
    font-size: 18Px;
    color: #666
}

.error-box .btn a {
    display: inline-block;
    vertical-align: top;
    width: 170Px;
    height: 40Px;
    margin: 0 2Px;
    border-radius: 20Px;
    color: #fff;
    text-align: center;
    font-size: 16Px;
    background: #999;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    line-height: 40Px;
    max-width: 45%
}

.error-box .btn a:hover {
    background: #a6a6a6
}

.share-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .1rem;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.share-box-item {
    cursor: pointer;
    background-color: #181818;
    color: #fff;
    margin-right: 15Px;
    width: 40Px;
    height: 40Px;
    text-align: center;
    border-radius: 50%
}

.share-box-item .iconfont {
    font-size: 20Px;
    line-height: 40Px
}

.share-box .share-to-wechat {
    position: relative
}

.share-box .share-to-wechat .wechat-ewm {
    position: absolute;
    border-radius: 5Px;
    border: 1Px solid #eee;
    background: #fff;
    left: 50%;
    bottom: 100%;
    padding: 10Px 10Px 5Px;
    display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translate(-50%)
}

.share-box .share-to-wechat .wechat-ewm p {
    font-size: 12Px;
    color: #333;
    text-align: center;
    margin-top: 5Px
}

.share-box .share-to-wechat:hover {
    background-color: #3dbe5b
}

.share-box .share-to-wechat:hover .wechat-ewm {
    display: block
}

.share-box .share-to-qq,
.share-box .share-to-qzone,
.share-box .share-to-weibo,
.share-box .share-to-wechat {
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.share-box .share-to-qq:hover {
    background-color: #21b3f7
}

.share-box .share-to-qzone:hover {
    background-color: #f8c514
}

.share-box .share-to-weibo:hover {
    background-color: #ff5757
}

.wechat-tip-mask {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    display: none;
    background-image: url(../images/share_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto
}

:root {
    --searchSize: .22rem;
    --headerHeight: .5rem
}

@media screen and (max-width: 1366px) {
    :root {
        --headerHeight: .35rem
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --searchSize: .3rem;
        --headerHeight: .5rem
    }
}

.header-placeholder {
    height: var(--headerHeight)
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: inherit;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    background-color: #fff
}

.header .wp {
    max-width: 8.3rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1700px) {
    .header .wp {
        padding: 0 .3rem
    }
}

@media screen and (max-width: 1024px) {
    .header .wp {
        padding: 0 .15rem
    }
}

.header.product-header {
    background-color: #fff;
    -webkit-box-shadow: 0 .015rem .015rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 .015rem .015rem #0000001a
}

.header.product-header .header-logo img:nth-child(1) {
    opacity: 1
}

.header.product-header .header-logo img:nth-child(2) {
    opacity: 1
}

.header.product-header .header-nav li>a {
    border-bottom: .01rem solid transparent
}

.header.product-header .header-nav li>a.on,
.header.product-header .header-nav li>a:hover {
    color: #d59d67;
    border-color: #d59d67
}

.header.product-header .hover-menu {
    top: 100%
}

.header.header-small {
    -webkit-box-shadow: 0 0 .025rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .025rem #0003
}

.header.header-small .header-nav li:not(:last-child):after {
    background-color: #0000004d
}

.header.header-small .header-nav li>a {
    color: #333
}

.header.header-small .header-nav li>a.on,
.header.header-small .header-nav li>a:hover {
    color: #d59d67
}

.header.header-small .header-icon-box .lang-box {
    color: #333
}

.header.header-small .header-icon-box .lang-box:after {
    background-color: #0000004d
}

.header.header-small .search-box .search-form .header-search-btn .icon-sousuo {
    color: #333
}

@media screen and (min-width: 1024px) {
    .header.header-small .header-wrapper {
        height: .35rem
    }
    .header.header-small .header-logo img {
        height: .25rem
    }
    .header.header-small .header-logo img:nth-child(1) {
        opacity: 1
    }
    .header.header-small .header-logo img:nth-child(2) {
        opacity: 1
    }
}

.header.header-small .hover-menu {
    top: 100%
}

.header-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: var(--headerHeight);
    border-radius: .05rem;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1024px) {
    .header-wrapper {
        border-radius: 0;
        height: var(--headerHeight);
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.header-logo {
    position: relative
}

.header-logo a {
    font-size: 0;
    display: block
}

.header-logo img {
    height: .305rem;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.header-right,
.header-icon-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header-icon-box .lang-box {
    margin-left: .1rem;
    position: relative;
    cursor: pointer;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .header-icon-box .lang-box {
        margin-left: 0;
        margin-right: .3rem
    }
}

.header-icon-box .lang-box:hover .hover-menu {
    opacity: 1;
    visibility: visible
}

.header-icon-box .lang-box:after {
    content: "";
    width: .005rem;
    height: .03rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -.1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1024px) {
    .header-icon-box .lang-box:after {
        display: none
    }
}

.header-icon-box .lang-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.header-icon-box .lang-icon .text {
    display: none
}

@media screen and (max-width: 1024px) {
    .header-icon-box .lang-icon .text {
        display: inline-block;
        font-size: .16rem
    }
}

.header-icon-box .lang-icon .iconfont:nth-of-type(1) {
    font-size: .11rem
}

@media screen and (max-width: 1024px) {
    .header-icon-box .lang-icon .iconfont:nth-of-type(1) {
        font-size: .24rem
    }
}

.header-icon-box .lang-icon .iconfont:nth-of-type(2) {
    font-size: .06rem;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    display: block
}

@media screen and (max-width: 1024px) {
    .header-icon-box .lang-icon .iconfont:nth-of-type(2) {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.header-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .header-nav {
        display: none
    }
}

.header-nav li {
    height: 100%;
    padding: 0 .13rem;
    position: relative
}

.header-nav li>a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: .08rem;
    line-height: 1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header-nav li>a.on,
.header-nav li>a:hover {
    color: #d59d67
}

.header-nav li:hover {
    z-index: 4
}

.header-nav li:hover .sub {
    display: block
}

.header .sub {
    position: absolute;
    top: 90%;
    left: 50%;
    margin-left: -.225rem;
    padding-top: .08rem;
    display: none
}

.header .sub .wrapper {
    position: relative;
    background: rgba(0, 0, 0, .4);
    border-radius: .02rem;
    padding: .05rem .075rem
}

.header .sub .wrapper:before {
    position: absolute;
    border-left: .03rem solid transparent;
    border-bottom: .03rem solid rgba(0, 0, 0, .4);
    border-right: .03rem solid transparent;
    top: -.03rem;
    left: 50%;
    margin-left: -.03rem;
    content: ""
}

.header .sub .wrapper .item {
    display: block;
    text-align: center;
    color: #fff;
    font-size: .07rem;
    padding: .05rem 0;
    white-space: nowrap;
    position: relative
}

.header .sub .wrapper .item:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) scaleX(0);
    -moz-transform: translateX(-50%) scaleX(0);
    transform: translate(-50%) scaleX(0);
    height: .01rem;
    background-color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.header .sub .wrapper .item.on:after,
.header .sub .wrapper .item:hover:after {
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translate(-50%) scaleX(1)
}

.header .hover-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fffc;
    -webkit-box-shadow: 0 .03rem .04rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 .03rem .04rem #0000001a;
    opacity: 0;
    width: 100vw;
    visibility: hidden;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    padding-top: .275rem;
    padding-bottom: .225rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translate(-50%)
}

.header .hover-menu .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.header .hover-menu .wrapper .box {
    margin-right: 5.7291666667vw;
    margin-bottom: .225rem
}

.header .hover-menu a {
    font-size: .07rem;
    color: #666;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    text-align: center;
    white-space: nowrap
}

.header .hover-menu a:hover {
    color: #d59d67
}

.header .hover-menu a:not(:last-child) {
    margin-right: .14rem
}

.header .hover-menu .title {
    margin-bottom: .1rem
}

.header .hover-menu .title a {
    font-weight: 700;
    font-size: .08rem;
    color: #000
}

.header-right-mb {
    display: none
}

@media screen and (max-width: 1024px) {
    .header-right-mb {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header-right-mb .nav-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .16rem
}

.header-right-mb .nav-menu .iconfont {
    color: #666;
    font-size: .22rem;
    font-weight: 700
}

.header-right-mb .nav-menu span {
    vertical-align: top
}

.header-right-mb .nav-menu .close {
    display: none
}

.header-right-mb .nav-menu img {
    width: .22rem
}

.header-right-mb .menu-btn-active .menu-icon {
    display: none
}

.header-right-mb .menu-btn-active .close {
    display: block
}

.header-right-mb .menu-unfold {
    position: fixed;
    display: none;
    top: var(--headerHeight);
    right: 0;
    z-index: 20;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.header-right-mb .menu-unfold:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: var(--headerHeight);
    left: 0;
    z-index: 19;
    background-color: #0000008f
}

.header-right-mb .menu-unfold .menu-box {
    position: fixed;
    top: var(--headerHeight);
    right: 0;
    display: none;
    z-index: 20;
    max-height: 90vh;
    overflow-y: auto
}

.header-right-mb .menu-unfold .menu-box::-webkit-scrollbar {
    display: none
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: .2rem .25rem;
    width: 2.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f0f0f0
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: .1rem .15rem;
    border-radius: .25rem;
    border: .005rem solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input {
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: none;
    font-size: .13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::-webkit-input-placeholder {
    color: #666;
    font-size: .13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input:-moz-placeholder {
    color: #666;
    font-size: .13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::-moz-placeholder {
    color: #666;
    font-size: .13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input:-ms-input-placeholder {
    color: #666;
    font-size: .13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::-ms-input-placeholder {
    color: #666;
    font-size: .13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box input::placeholder {
    color: #666;
    font-size: .13rem
}

.header-right-mb .menu-unfold .menu-box .nav-mobile-search .input-box button {
    background-color: transparent;
    border: none;
    font-size: .2rem
}

.header-right-mb .menu-unfold .menu-box .menu-item {
    width: 2.4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    color: #333;
    font-size: .16rem;
    line-height: .5rem;
    background-color: #f0f0f0;
    border-top: .005rem solid rgba(149, 149, 149, .2549019608);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto
}

.header-right-mb .menu-unfold .menu-box .menu-item .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .15rem 0 .35rem
}

.header-right-mb .menu-unfold .menu-box .menu-item a {
    color: #333;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header-right-mb .menu-unfold .menu-box .menu-item .iconfont {
    font-size: .2rem;
    color: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    width: .15rem;
    text-align: center;
    padding-left: .4rem
}

.header-right-mb .menu-unfold .menu-box .menu-item .menu-2 {
    display: none
}

.header-right-mb .menu-unfold .menu-box .menu-item .menu-2 a {
    padding: 0 .15rem 0 .35rem;
    border-top: .005rem solid rgba(149, 149, 149, .2549019608);
    display: block;
    color: #666;
    font-size: .14rem
}

.header .search-box {
    width: var(--searchSize);
    height: var(--searchSize);
    position: relative;
    margin-right: .025rem;
    margin-left: .05rem
}

@media screen and (max-width: 1024px) {
    .header .search-box {
        margin-right: .15rem;
        display: none
    }
}

.header .search-box .search-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    min-width: var(--searchSize);
    height: var(--searchSize);
    line-height: var(--searchSize);
    border-radius: .11rem;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    border: .005rem solid transparent
}

.header .search-box .search-form.focus,
.header .search-box .search-form:hover {
    background-color: #fff;
    border-color: #333
}

.header .search-box .search-form.focus input,
.header .search-box .search-form:hover input {
    width: .9rem;
    padding-right: var(--searchSize)
}

@media screen and (max-width: 1024px) {
    .header .search-box .search-form.focus input,
    .header .search-box .search-form:hover input {
        padding-right: .25rem;
        width: .75rem
    }
}

.header .search-box .search-form.focus input::-webkit-input-placeholder,
.header .search-box .search-form:hover input::-webkit-input-placeholder {
    color: #333
}

.header .search-box .search-form.focus input:-moz-placeholder,
.header .search-box .search-form:hover input:-moz-placeholder {
    color: #333
}

.header .search-box .search-form.focus input::-moz-placeholder,
.header .search-box .search-form:hover input::-moz-placeholder {
    color: #333
}

.header .search-box .search-form.focus input:-ms-input-placeholder,
.header .search-box .search-form:hover input:-ms-input-placeholder {
    color: #333
}

.header .search-box .search-form.focus input::-ms-input-placeholder,
.header .search-box .search-form:hover input::-ms-input-placeholder {
    color: #333
}

.header .search-box .search-form.focus input::placeholder,
.header .search-box .search-form:hover input::placeholder {
    color: #333
}

.header .search-box .search-form.focus .header-search-btn,
.header .search-box .search-form:hover .header-search-btn {
    display: inline-block
}

@-webkit-keyframes pointer {
    to {
        pointer-events: auto
    }
}

@-moz-keyframes pointer {
    to {
        pointer-events: auto
    }
}

@keyframes pointer {
    to {
        pointer-events: auto
    }
}

@media screen and (max-width: 1024px) {
    .header .search-box .search-form.focus .header-search-btn,
    .header .search-box .search-form:hover .header-search-btn {
        -webkit-animation: pointer .3s .3s forwards;
        -moz-animation: pointer .3s .3s forwards;
        animation: pointer .3s .3s forwards
    }
}

.header .search-box .search-form.focus .header-search-btn .icon-sousuo,
.header .search-box .search-form:hover .header-search-btn .icon-sousuo {
    color: #000
}

.header .search-box .search-form.focus>.icon-sousuo,
.header .search-box .search-form:hover>.icon-sousuo {
    display: none;
    color: #000
}

.header .search-box .search-form .header-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    width: var(--searchSize);
    height: var(--searchSize);
    border-radius: 50%
}

@media screen and (max-width: 1024px) {
    .header .search-box .search-form .header-search-btn {
        pointer-events: none
    }
}

.header .search-box .search-form .header-search-btn .icon-sousuo {
    font-size: .11rem;
    color: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    position: static
}

@media screen and (max-width: 1024px) {
    .header .search-box .search-form .header-search-btn .icon-sousuo {
        font-size: .16rem
    }
}

.header .search-box .search-form input {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding-left: .1rem;
    height: var(--searchSize);
    width: var(--searchSize);
    line-height: var(--searchSize);
    font-size: .07rem;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background-color: transparent
}

.header .search-box .search-form input::-webkit-input-placeholder {
    color: transparent;
    font-size: .07rem;
    -webkit-transition: .3s;
    transition: .3s
}

.header .search-box .search-form input:-moz-placeholder {
    color: transparent;
    font-size: .07rem;
    -moz-transition: .3s;
    transition: .3s
}

.header .search-box .search-form input::-moz-placeholder {
    color: transparent;
    font-size: .07rem;
    -moz-transition: .3s;
    transition: .3s
}

.header .search-box .search-form input:-ms-input-placeholder {
    color: transparent;
    font-size: .07rem;
    -ms-transition: .3s;
    transition: .3s
}

.header .search-box .search-form input::-ms-input-placeholder {
    color: transparent;
    font-size: .07rem;
    -ms-transition: .3s;
    transition: .3s
}

.header .search-box .search-form input::placeholder {
    color: transparent;
    font-size: .07rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.header .search-box .search-box-active .header-search-btn {
    pointer-events: auto
}

.header .nav-mobile {
    position: absolute;
    width: 100%;
    top: .5rem;
    left: 0;
    bottom: 0;
    z-index: 103;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translate(100%);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header .nav-mobile.anim {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translate(0);
    height: 100%
}

.header .nav-mobile-con {
    display: none;
    position: fixed;
    height: 100%;
    inset: 0;
    overflow: hidden;
    z-index: 8889;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

.header .nav-mobile-con .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0006;
    z-index: 1
}

.header .nav-mobile-con.anim .nav-mobile-search {
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    transform: translate(0)!important
}

.header .nav-mobile-back {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 .25rem;
    width: 100%;
    height: .5rem;
    background-color: #393939;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .nav-mobile-back span {
    position: relative;
    z-index: 1;
    font-size: .14rem;
    line-height: .5rem;
    color: #fff
}

@media screen and (max-width: 500px) {
    .header .nav-mobile-back span {
        line-height: .25rem
    }
}

.header .nav-mobile-back .fh {
    margin-left: .1rem
}

@media screen and (max-width: 500px) {
    .header .nav-mobile-back .fh {
        margin-left: .025rem
    }
}

.header .nav-mobile .sub {
    display: none;
    border-top: .005rem solid #e2e2e2
}

.header .nav-mobile .sub li {
    position: relative;
    overflow: hidden
}

.header .nav-mobile .sub li:not(:last-child) a {
    border-bottom: .005rem solid #e2e2e2
}

.header .nav-mobile .sub li a {
    display: block;
    padding: 0 .15rem 0 .325rem;
    line-height: .5rem;
    height: .5rem;
    font-size: .14rem;
    color: #666;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .nav-mobile .menu-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ebebeb;
    height: .4rem;
    line-height: .4rem
}

.header .nav-mobile .menu-search input {
    width: 80%;
    line-height: .4rem;
    background: #ebebeb;
    border: none;
    padding-left: .15rem
}

.header .nav-mobile .menu-search button {
    display: inline-block;
    width: 20%;
    height: 100%;
    text-align: center;
    border: none;
    background-color: #ebebeb
}

.header .nav-mobile .menu-search button span {
    color: #555;
    font-size: .25rem
}

.header .nav-mobile:root {
    --searchSize: .22rem;
    --headerHeight: .35rem
}

@media screen and (max-width: 1024px) {
    .header .nav-mobile:root {
        --searchSize: .3rem;
        --headerHeight: .6rem
    }
}

.header .nav-mobile .menu-unfold {
    top: -moz-calc(.5rem + .15rem);
    top: .65rem;
    right: 0;
    z-index: 20;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    height: 100%
}

.header .nav-mobile .menu-unfold .menu-box {
    top: -moz-calc(.5rem + .15rem);
    top: .65rem;
    right: 0;
    width: 100%;
    z-index: 20;
    overflow-y: auto;
    height: 100%;
    background-color: #fff;
    display: inline-block
}

.header .nav-mobile .menu-unfold .menu-box::-webkit-scrollbar {
    display: none
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: .2rem .25rem;
    width: 2.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f0f0f0
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: .1rem .15rem;
    border-radius: .25rem;
    border: .005rem solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input {
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: none;
    font-size: .13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-webkit-input-placeholder {
    color: #666;
    font-size: .13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-moz-placeholder {
    color: #666;
    font-size: .13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-moz-placeholder {
    color: #666;
    font-size: .13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-ms-input-placeholder {
    color: #666;
    font-size: .13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-ms-input-placeholder {
    color: #666;
    font-size: .13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::placeholder {
    color: #666;
    font-size: .13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box button {
    background-color: transparent;
    border: none;
    font-size: .2rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    color: #333;
    font-size: .16rem;
    line-height: .5rem;
    background-color: #fff;
    border-bottom: .005rem solid rgba(149, 149, 149, .2549019608);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .15rem 0 .35rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item a {
    color: #333;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .iconfont {
    font-size: .2rem;
    color: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    width: .15rem;
    text-align: center;
    padding-left: .4rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-2 {
    display: none
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-2 a {
    padding: 0 .15rem 0 .35rem;
    border-top: .005rem solid rgba(149, 149, 149, .2549019608);
    display: block;
    color: #666;
    font-size: .14rem
}

.header .nav-mobile .flex-box {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #0000004d
}

.footer {
    background-color: #a07c5a
}

.footer .footer-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .31rem 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .footer .footer-wrapper {
        display: block;
        padding: .31rem 0 .65rem
    }
}

.footer .footer-wrapper .logo img {
    width: .835rem
}

.footer .footer-wrapper .link-box {
    font-size: .08rem;
    color: #fff;
    text-align: right;
    margin-bottom: .135rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-wrapper .link-box {
        display: none
    }
}

.footer .footer-wrapper .link-box a:hover {
    text-decoration: underline
}

.footer .footer-wrapper .link-box a:not(:last-child) {
    margin-right: .25rem
}

.footer .footer-wrapper .bottom {
    text-align: right;
    font-size: .07rem;
    color: #ffffffb3
}

@media screen and (max-width: 1024px) {
    .footer .footer-wrapper .bottom {
        text-align: left;
        font-size: .12rem;
        line-height: 2;
        margin-top: .25rem
    }
}

.footer .footer-wrapper .bottom .box {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .footer .footer-wrapper .bottom .box {
        display: block
    }
    .footer .footer-wrapper .bottom .box img {
        width: .12rem;
        vertical-align: text-top;
        margin-right: .05rem
    }
}

.footer .footer-wrapper .bottom .box:not(:last-child) {
    margin-right: .075rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-wrapper .bottom .box:not(: last-child) {
        margin-right: 0
    }
}

.backTop {
    position: fixed;
    z-index: 30;
    right: 0;
    bottom: 10%
}

.backTop .box {
    cursor: pointer;
    color: #fff;
    background-color: #936f4d;
    width: .375rem;
    height: .375rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.backTop .box:hover {
    background-color: #be9873
}

@media screen and (max-width: 1024px) {
    .backTop {
        width: .35rem;
        height: .35rem
    }
}

@media screen and (max-width: 1024px) {
    .backTop p {
        display: none
    }
}

.backTop .iconfont {
    font-size: .15rem;
    margin-bottom: .025rem
}

@media screen and (max-width: 1024px) {
    .backTop .iconfont {
        font-size: .2rem;
        margin-bottom: 0
    }
}

.page-banner {
    position: relative
}

.page-banner .img-box {
    position: relative;
    padding-bottom: 23.6468733579%;
    overflow: hidden
}

.page-banner .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.page-banner .img-box img:last-of-type {
    display: none
}

.page-banner .img-box img:last-child:first-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .page-banner .img-box img:first-of-type {
        display: none
    }
    .page-banner .img-box img:last-of-type {
        display: inline-block
    }
}

@media screen and (max-width: 1024px) {
    .page-banner .img-box {
        position: relative;
        padding-bottom: 42.6666666667%;
        overflow: hidden
    }
    .page-banner .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
}

.page-nav {
    background-color: #f4f4f4;
    position: relative;
    z-index: 88
}

.page-nav:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: -moz-calc(100% + .05rem);
    height: calc(100% + .05rem);
    width: 29.4272201787%;
    background-image: -moz-linear-gradient(340deg, #d59d67 92.5%, rgba(213, 157, 103, .4) 92.5%, rgba(213, 157, 103, .4) 94%, transparent 94%);
    background-image: linear-gradient(110deg, #d59d67 92.5%, rgba(213, 157, 103, .4) 92.5%, rgba(213, 157, 103, .4) 94%, transparent 94%);
    z-index: -1
}

@media screen and (max-width: 1024px) {
    .page-nav:after {
        background-image: -moz-linear-gradient(350deg, #d59d67 91%, rgba(213, 157, 103, .4) 91%, rgba(213, 157, 103, .4) 94%, transparent 94%);
        background-image: linear-gradient(100deg, #d59d67 91%, rgba(213, 157, 103, .4) 91%, rgba(213, 157, 103, .4) 94%, transparent 94%)
    }
}

@media screen and (max-width: 1024px) {
    .page-nav:after {
        width: 50%
    }
}

.page-nav .nav-bg {
    position: absolute;
    width: 100%;
    left: 0;
    top: -moz-calc(100% + .005rem);
    top: calc(100% + .005rem);
    background-color: #fcfcfc;
    height: .35rem;
    border-bottom: .005rem solid #eee;
    display: none;
    z-index: -1
}

.page-nav-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .4rem
}

@media screen and (max-width: 1024px) {
    .page-nav-wrapper {
        height: .5rem
    }
}

.page-nav-left .title-box {
    color: #fff;
    position: relative;
    top: .025rem
}

.page-nav-left .title-box .cn {
    font-size: .15rem
}

@media screen and (max-width: 1024px) {
    .page-nav-left .title-box .cn {
        font-size: .17rem
    }
}

.page-nav-left .title-box .en {
    font-size: .08rem;
    margin-top: .025rem
}

@media screen and (max-width: 1024px) {
    .page-nav-left .title-box .en {
        font-size: .1rem
    }
}

.page-nav-right {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-nav-right .crumbs {
    color: #999;
    font-size: .07rem
}

@media screen and (max-width: 1024px) {
    .page-nav-right .crumbs {
        display: none
    }
}

.page-nav-right .mb-nav {
    display: none
}

@media screen and (max-width: 1024px) {
    .page-nav-right .mb-nav {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .15rem;
        color: #333;
        height: 100%;
        width: 100%;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .page-nav-right .mb-nav .iconfont {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: .14rem;
        margin-left: .075rem;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
    .page-nav-right .mb-nav.active .iconfont {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.page-nav-right .nav-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .page-nav-right .nav-content {
        position: absolute;
        width: 100%;
        top: 100%;
        z-index: 30;
        left: 0;
        background-color: #fff;
        display: none;
        padding-bottom: .15rem;
        height: auto
    }
    .page-nav-right .nav-content:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh
    }
}

.page-nav-right .sub {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    white-space: nowrap;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    width: 100%;
    left: 0;
    top: -moz-calc(100% - .005rem);
    top: calc(100% - .005rem);
    background-color: #fcfcfc;
    height: .35rem;
    border-bottom: .005rem solid rgba(0, 0, 0, .1);
    z-index: 5;
    text-align: center;
    border-top: .005rem solid #e5e5e5
}

@media screen and (max-width: 1024px) {
    .page-nav-right .sub {
        opacity: 1;
        visibility: visible;
        position: static;
        height: auto;
        display: none;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.page-nav-right .sub.show {
    visibility: visible;
    opacity: 1
}

.page-nav-right .sub.right,
.page-nav-right .sub.left {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translate(0)
}

.page-nav-right .sub.left {
    left: 0
}

.page-nav-right .sub.right {
    right: 0;
    left: auto
}

.page-nav-right .sub a {
    font-size: .07rem;
    color: #333;
    height: .35rem;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    border-bottom: .015rem solid transparent
}

@media screen and (max-width: 1024px) {
    .page-nav-right .sub a {
        font-size: .13rem;
        height: .5rem;
        padding-left: .25rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.page-nav-right .sub a.on,
.page-nav-right .sub a:hover {
    color: #d59d67
}

.page-nav-right .sub a:not(:last-child) {
    margin-right: .29rem
}

@media screen and (max-width: 1024px) {
    .page-nav-right .sub a:not(: last-child) {
        margin-right: 0;
        border-bottom: .005rem solid #e5e5e5
    }
}

.page-nav-right .nav-item .head {
    height: 100%
}

.page-nav-right .nav-item .head>a {
    z-index: 10;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .08rem;
    color: #333;
    height: 100%;
    line-height: 1;
    position: relative;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: .01rem solid transparent
}

@media screen and (max-width: 1024px) {
    .page-nav-right .nav-item .head>a {
        text-align: right;
        font-size: .13rem;
        height: .5rem;
        line-height: .5rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.page-nav-right .nav-item .head>a:hover,
.page-nav-right .nav-item .head>a.on {
    color: #d59d67;
    border-color: #d59d67
}

@media screen and (max-width: 1024px) {
    .page-nav-right .nav-item .head>a:hover,
    .page-nav-right .nav-item .head>a.on {
        border-color: transparent
    }
}

@media screen and (max-width: 1024px) {
    .page-nav-right .nav-item .head {
        position: relative;
        z-index: 10;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .15rem;
        border-bottom: .005rem solid rgba(118, 118, 118, .1)
    }
}

.page-nav-right .nav-item .mb-more-btn {
    display: none
}

@media screen and (max-width: 1024px) {
    .page-nav-right .nav-item .mb-more-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 15%;
        height: .5rem
    }
    .page-nav-right .nav-item .mb-more-btn .iconfont {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
        font-size: .16rem
    }
}

.page-nav-right .nav-item .mb-more-btn.active .iconfont {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page-nav-right .nav-item:not(:last-child) {
    margin-right: .2rem;
    padding-right: .2rem;
    position: relative
}

@media screen and (max-width: 1024px) {
    .page-nav-right .nav-item:not(: last-child) {
        padding-right: 0
    }
}

.page-nav-right .nav-item:not(:last-child):after {
    content: "|";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ddd
}

@media screen and (max-width: 1024px) {
    .page-nav-right .nav-item:not(: last-child) {
        margin-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .page-nav-right .nav-item:hover .sub {
        visibility: visible;
        opacity: 1
    }
}

.index-banner {
    width: 100%
}

.index-banner-swiper {
    overflow: hidden;
    position: relative
}

.index-banner-pagination {
    position: absolute;
    bottom: .15rem!important;
    z-index: 20;
    text-align: center;
    cursor: pointer
}

.index-banner-pagination .swiper-pagination-bullet {
    width: .06rem;
    height: .04rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    margin: 0 .03rem!important;
    border-radius: .02rem;
    background-color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .index-banner-pagination .swiper-pagination-bullet {
        height: .07rem;
        width: .1rem;
        border-radius: .035rem;
        margin: 0 .05rem
    }
}

.index-banner-pagination .swiper-pagination-bullet-active {
    background-color: #d59d67;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: .1rem
}

@media screen and (max-width: 1024px) {
    .index-banner-pagination .swiper-pagination-bullet-active {
        width: .175rem
    }
}

.index-banner-img {
    display: block;
    position: relative;
    padding-bottom: 44.6663163426%;
    overflow: hidden
}

.index-banner-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1024px) {
    .index-banner-img {
        position: relative;
        padding-bottom: 126.6666666667%;
        overflow: hidden
    }
    .index-banner-img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
}

.index-banner-img img:last-of-type,
.index-banner-img video:last-of-type {
    display: none
}

.index-banner-img img:last-child:first-of-type,
.index-banner-img video:last-child:first-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .index-banner-img img:first-of-type,
    .index-banner-img video:first-of-type {
        display: none
    }
    .index-banner-img img:last-of-type,
    .index-banner-img video:last-of-type {
        display: inline-block
    }
}

.index-section-1 {
    background-color: #f7f2ed;
    padding: .435rem 0 .47rem
}

.index-section-1 .desc {
    font-size: .075rem;
    color: #666;
    line-height: .18rem;
    text-align: center;
    margin-top: .2rem;
    margin-bottom: .25rem
}

@media screen and (max-width: 1024px) {
    .index-section-1 .desc {
        font-size: .13rem;
        line-height: 2
    }
}

.index-section-1 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 -.075rem .065rem
}

@media screen and (max-width: 1024px) {
    .index-section-1 .list {
        margin: 0 0 .065rem
    }
}

.index-section-1 .list li {
    width: 50%;
    padding: 0 .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .135rem
}

@media screen and (max-width: 1024px) {
    .index-section-1 .list li {
        width: 100%;
        padding: 0;
        margin-bottom: .12rem
    }
}

.index-section-1 .list li .item {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #0f2342
}

.index-section-1 .list li .item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background-image: -moz-linear-gradient(bottom, #000, transparent);
    background-image: linear-gradient(to top, #000, transparent);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media screen and (min-width: 1024px) {
    .index-section-1 .list li .item:hover:after {
        opacity: .5
    }
    .index-section-1 .list li .item:hover .img-box {
        opacity: .5
    }
    .index-section-1 .list li .item:hover .content-box {
        top: 23.6686390533%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

.index-section-1 .list li .content-box {
    position: absolute;
    z-index: 5;
    left: 0;
    width: 100%;
    top: 100%;
    -webkit-transform: translateY(calc(-100% + .225rem));
    -moz-transform: translateY(-moz-calc(-100% + .225rem));
    transform: translateY(calc(-100% + .225rem));
    color: #fff;
    padding: 0 .14rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1024px) {
    .index-section-1 .list li .content-box {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        top: auto;
        bottom: 0
    }
}

.index-section-1 .list li .content-box .b {
    font-size: .12rem;
    font-weight: 700;
    margin-bottom: .06rem
}

@media screen and (max-width: 1024px) {
    .index-section-1 .list li .content-box .b {
        font-size: .14rem
    }
}

.index-section-1 .list li .content-box .s {
    font-size: .07rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: .15rem
}

@media screen and (max-width: 1024px) {
    .index-section-1 .list li .content-box .s {
        font-size: .11rem
    }
}

.index-section-1 .list li .content-box .arrow {
    width: .165rem;
    height: .165rem;
    border: .01rem solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .06rem
}

@media screen and (max-width: 1024px) {
    .index-section-1 .list li .content-box .arrow {
        display: none
    }
}

.index-section-1 .list li .img-box {
    position: relative;
    padding-bottom: 51.2121212121%;
    overflow: hidden;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.index-section-1 .list li .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.index-section-2 {
    padding: .5rem 0 .47rem
}

@media screen and (max-width: 1024px) {
    .index-section-2 {
        padding: .5rem .15rem .47rem
    }
}

.index-section-2 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .2rem;
    margin-bottom: .2rem
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: .25rem;
        margin: .25rem -.05rem
    }
}

.index-section-2 .list li {
    width: 21.7551234892%;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list li {
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 .05rem;
        margin-bottom: .1rem
    }
}

@media screen and (min-width: 1024px) {
    .index-section-2 .list li.active {
        width: 35.2075669995%
    }
    .index-section-2 .list li.active .item .content-box {
        left: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translate(0)
    }
    .index-section-2 .list li.active .item .content-box .b {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translate(0);
        left: 40px
    }
    .index-section-2 .list li.active .item .content-box .s {
        opacity: 1;
        visibility: visible;
        -webkit-transition: .4s .4s;
        -moz-transition: .4s .4s;
        transition: .4s .4s;
        position: relative;
        left: 20px;
        top:40px;
    }
    .index-section-2 .list li.active .item .content-box .arrow {
        opacity: 1;
        visibility: visible;
        -webkit-transition: .4s .4s;
        -moz-transition: .4s .4s;
        transition: .4s .4s
    }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
    .index-section-2 .list li.active {
        width: 100%;
        /*height: 2.4rem*/
    }
    .index-section-2 .list li.active .item {
        pointer-events: auto
    }
}

.index-section-2 .list .item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #030f21
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list .item {
        height: 100%;
        overflow: hidden
    }
}

.index-section-2 .list .item .content-box {
    position: absolute;
    z-index: 5;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translate(-50%);
    color: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    padding: 30px 30px 0px 20px;
    top: 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list .item .content-box {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 0
    }
}

.index-section-2 .list .item .content-box .b {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: .06rem;
    position: absolute;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translate(-50%)
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list .item .content-box .b {
        position: static;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        transform: translate(0);
        text-align: center;
        font-size: 18px
    }
}

.index-section-2 .list .item .content-box .s {
    font-size: 18px;
    line-height: 2;
    padding-bottom: .15rem;
    max-width: 70%;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list .item .content-box .s {
        display: none
    }
}

.index-section-2 .list .item .content-box .arrow {
    width: .165rem;
    height: .165rem;
    border: .01rem solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list .item .content-box .arrow {
        display: none
    }
}

.index-section-2 .list .item .img-box {
    width: 100%;
    height: 42.75rem;
    opacity: .5
}

@media screen and (max-width: 1024px) {
    .index-section-2 .list .item .img-box {
        position: relative;
        padding-bottom: 81.8461538462%;
        overflow: hidden;
        height: auto
    }
    .index-section-2 .list .item .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
}

.index-section-2 .list .item .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.index-section-3 {
    padding-top: .5rem;
    padding-bottom: .37rem;
    background-color: #f7f2ed
}

@media screen and (max-width: 1024px) {
    .index-section-3 {
        padding-bottom: .3rem
    }
}

.index-section-3 .index-news-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .25rem;
    margin-bottom: .38rem
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper {
        display: block;
        margin-top: .3rem
    }
}

.index-section-3 .index-news-wrapper .left {
    width: 40%
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .left {
        width: 100%;
        margin-bottom: .2rem
    }
}

.index-section-3 .index-news-wrapper .left .item {
    position: relative;
    display: block
}

.index-section-3 .index-news-wrapper .left .item:hover .title {
    color: #d59d67
}

.index-section-3 .index-news-wrapper .left .item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.index-section-3 .index-news-wrapper .left .img-box {
    position: relative;
    padding-bottom: 58.3333333333%;
    overflow: hidden
}

.index-section-3 .index-news-wrapper .left .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.index-section-3 .index-news-wrapper .left .info-box {
    padding-top: .08rem
}

.index-section-3 .index-news-wrapper .left .info-box .title {
    font-size: .1rem;
    font-weight: 700;
    height: .26rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .left .info-box .title {
        font-size: .15rem;
        margin-bottom: .12rem;
        height: .38rem
    }
}

.index-section-3 .index-news-wrapper .left .info-box .desc {
    font-size: .075rem;
    line-height: 2;
    margin-top: .11rem;
    height: .45rem;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .left .info-box .desc {
        font-size: .11rem;
        display: none
    }
}

.index-section-3 .index-news-wrapper .left .info-box .date {
    font-size: .07rem;
    color: #999;
    margin-top: .14rem
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .left .info-box .date {
        font-size: .11rem;
        margin-top: 0
    }
}

.index-section-3 .index-news-wrapper .right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .2rem;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .right {
        margin-left: 0
    }
}

.index-section-3 .index-news-wrapper .right li:not(:last-child) {
    margin-bottom: .3rem
}

.index-section-3 .index-news-wrapper .right li .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-section-3 .index-news-wrapper .right li .item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.index-section-3 .index-news-wrapper .right li .item:hover .title {
    color: #d59d67
}

.index-section-3 .index-news-wrapper .right li .img {
    width: 1.2rem;
    margin-right: .1rem
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .right li .img {
        width: 1.2rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.index-section-3 .index-news-wrapper .right li .img .img-box {
    position: relative;
    padding-bottom: 58.3333333333%;
    overflow: hidden
}

.index-section-3 .index-news-wrapper .right li .img .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .right li .img .img-box {
        position: relative;
        padding-bottom: 58.3333333333%;
        overflow: hidden
    }
    .index-section-3 .index-news-wrapper .right li .img .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
}

.index-section-3 .index-news-wrapper .right li .info-box {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: .05rem;
    width: 0
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .right li .info-box {
        padding-left: .1rem;
        padding-top: 0
    }
}

.index-section-3 .index-news-wrapper .right li .title {
    font-size: .09rem;
    color: #000;
    margin-bottom: .06rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    font-weight: 700
}

@media screen and (min-width: 1024px) {
    .index-section-3 .index-news-wrapper .right li .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .right li .title {
        font-size: .13rem;
        margin-bottom: .11rem;
        height: .48rem;
        line-height: .24rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.index-section-3 .index-news-wrapper .right li .desc {
    font-size: .075rem;
    line-height: 2;
    color: #999;
    margin-bottom: .08rem;
    height: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .right li .desc {
        display: none
    }
}

.index-section-3 .index-news-wrapper .right li .date {
    font-size: .07rem;
    color: #999
}

@media screen and (max-width: 1024px) {
    .index-section-3 .index-news-wrapper .right li .date {
        font-size: .11rem
    }
}

.index-section-3 .btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .27rem
}

@media screen and (max-width: 1024px) {
    .index-section-3 .btn {
        margin-top: .25rem
    }
}

.about .section-1 {
    padding: .5rem 0
}

.about .section-1 .content-box {
    margin-top: .265rem;
    font-size: .08rem;
    line-height: .18rem;
    color: #666
}

.about .section-1 .content-box img {
    max-width: 100%;
    height: auto!important;
    margin-bottom: .09rem
}

.about .section-1 .content-box video {
    max-width: 100%;
    height: auto!important
}

.about .section-1 .content-box ul,
.about .section-1 .content-box ul li {
    list-style: disc
}

.about .section-1 .content-box ol,
.about .section-1 .content-box ol li {
    list-style: decimal
}

.about .section-1 .content-box iframe {
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .about .section-1 .content-box {
        font-size: .15rem;
        line-height: 2
    }
}

.about .section-2 .img-box {
    overflow: hidden
}

.about .section-2 .img-box img {
    max-width: 100vw
}

.about .section-2 .img-box img:last-of-type {
    display: none
}

.about .section-2 .img-box img:last-child:first-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .about .section-2 .img-box img:first-of-type {
        display: none
    }
    .about .section-2 .img-box img:last-of-type {
        display: inline-block
    }
}

.about .section-3 {
    padding: .45rem 0 .5rem
}

.about .section-3 .milestone {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .18rem
}

@media screen and (max-width: 1024px) {
    .about .section-3 .milestone {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.about .section-3 .left {
    width: 1.25rem;
    background-color: #fff;
    height: 2.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left {
        height: auto;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.about .section-3 .left .nav-btn {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    font-size: .11rem;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.about .section-3 .left .nav-btn:hover {
    color: #d59d67
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left .nav-btn {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        font-size: .15rem;
        padding: 0 .05rem
    }
}

.about .section-3 .left .milestone-thums-swiper {
    width: 100%;
    height: 1.995rem;
    overflow: hidden;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left .milestone-thums-swiper {
        height: .7rem
    }
}

.about .section-3 .left .milestone-thums-swiper .swiper-slide {
    text-align: center;
    cursor: pointer;
    height: auto
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left .milestone-thums-swiper .swiper-slide {
        height: 100%
    }
}

.about .section-3 .left .milestone-thums-swiper .swiper-slide-thumb-active .item:after,
.about .section-3 .left .milestone-thums-swiper .swiper-slide-thumb-active .item:before {
    width: .1rem
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left .milestone-thums-swiper .year-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.about .section-3 .left .milestone-thums-swiper .item {
    font-size: .1rem;
    color: #999;
    height: .27rem;
    margin-bottom: .075rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    position: relative;
    font-family: Gotham;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left .milestone-thums-swiper .item {
        width: 25%;
        margin-bottom: 0;
        height: 100%
    }
}

.about .section-3 .left .milestone-thums-swiper .item.active {
    background-color: #d59d67;
    color: #fff
}

.about .section-3 .left .milestone-thums-swiper .item.active span:after,
.about .section-3 .left .milestone-thums-swiper .item.active span:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1)
}

.about .section-3 .left .milestone-thums-swiper .item span {
    display: inline-block;
    position: relative
}

.about .section-3 .left .milestone-thums-swiper .item span:after,
.about .section-3 .left .milestone-thums-swiper .item span:before {
    content: "";
    height: .005rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    width: .1rem;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left .milestone-thums-swiper .item span:after,
    .about .section-3 .left .milestone-thums-swiper .item span:before {
        display: none
    }
}

.about .section-3 .left .milestone-thums-swiper .item span:after {
    left: 100%;
    margin-left: .175rem
}

.about .section-3 .left .milestone-thums-swiper .item span:before {
    margin-right: .175rem;
    right: 100%
}

@media screen and (max-width: 1024px) {
    .about .section-3 .left .milestone-thums-swiper .item {
        font-size: .18rem
    }
}

.about .section-3 .right {
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .12rem;
    background-color: #fff
}

@media screen and (max-width: 1024px) {
    .about .section-3 .right {
        width: 100%;
        margin-left: 0
    }
}

.about .section-3 .milestone-swiper {
    overflow: hidden
}

.about .section-3 .milestone-swiper .swiper-slide-active .item .info-box,
.about .section-3 .milestone-swiper .swiper-slide-active .item .img-box {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translate(0);
    opacity: 1
}

.about .section-3 .milestone-swiper .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding: .275rem 5.1457975986% .275rem 7.2041166381%
}

@media screen and (max-width: 1024px) {
    .about .section-3 .milestone-swiper .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: .3rem .15rem
    }
}

.about .section-3 .milestone-swiper .item .info-box {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 5.8708414873%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translate(-100%);
    -webkit-transition: .6s .3s;
    -moz-transition: .6s .3s;
    transition: .6s .3s;
    opacity: 0;
    padding-top: .15rem
}

@media screen and (max-width: 1024px) {
    .about .section-3 .milestone-swiper .item .info-box {
        padding-right: 0;
        padding-top: 0
    }
}

.about .section-3 .milestone-swiper .item .year {
    color: #333;
    margin-bottom: .125rem;
    font-family: Gotham;
    font-size: .13rem
}

@media screen and (max-width: 1024px) {
    .about .section-3 .milestone-swiper .item .year {
        font-size: .22rem;
        margin-bottom: .15rem
    }
}

.about .section-3 .milestone-swiper .item .desc {
    font-size: .08rem;
    color: #666;
    line-height: .18rem
}

@media screen and (max-width: 1024px) {
    .about .section-3 .milestone-swiper .item .desc {
        font-size: .14rem;
        line-height: 2
    }
}

.about .section-3 .milestone-swiper .item .img-box {
    height: 1.95rem;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translate(100%);
    width: 63.6007827789%;
    -webkit-transition: .6s .3s;
    -moz-transition: .6s .3s;
    transition: .6s .3s;
    opacity: 0
}

@media screen and (max-width: 1024px) {
    .about .section-3 .milestone-swiper .item .img-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        position: relative;
        padding-bottom: 60%;
        overflow: hidden;
        margin-top: .15rem
    }
    .about .section-3 .milestone-swiper .item .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
}

.about .section-3 .milestone-swiper .item .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news {
    padding-top: .35rem;
    padding-bottom: .475rem
}

.news .news-list-wrap {
    padding-bottom: .1rem;
    margin-top: .23rem
}

@media screen and (max-width: 1024px) {
    .news .news-list-wrap {
        padding-bottom: .1rem
    }
}

.news .news-list-wrap li {
    position: relative;
    width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.news .news-list-wrap li:not(:last-child) {
    margin-bottom: .15rem
}

.news .news-list-wrap li:hover {
    -webkit-box-shadow: 0 .025rem .15rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 .025rem .15rem #0003
}

.news .news-list-wrap li:hover .date-box {
    background-color: #d59d67
}

.news .news-list-wrap li:hover .item:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1)
}

.news .news-list-wrap .item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .175rem;
    background-color: #fff;
    font-size: .07rem;
    color: #777;
    z-index: 2
}

.news .news-list-wrap .item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .015rem;
    background-color: #d59d67;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .news .news-list-wrap .item {
        padding: .15rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        font-size: .14rem
    }
}

.news .news-list-wrap .img {
    width: 2rem
}

@media screen and (max-width: 1024px) {
    .news .news-list-wrap .img {
        width: 100%;
        margin-bottom: .15rem
    }
}

.news .news-list-wrap .img .img-box {
    position: relative;
    padding-bottom: 58.25%;
    overflow: hidden
}

.news .news-list-wrap .img .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.news .news-list-wrap .info-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding-left: .2rem;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .news .news-list-wrap .info-box {
        width: 100%;
        padding-left: 0
    }
}

.news .news-list-wrap .info-box .title {
    width: 100%;
    margin-bottom: .15rem;
    line-height: 1;
    font-size: .12rem;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .news .news-list-wrap .info-box .title {
        margin-bottom: .1rem;
        font-size: .17rem
    }
}

.news .news-list-wrap .info-box .p {
    height: .42rem;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
    .news .news-list-wrap .info-box .p {
        height: auto
    }
}

.news .news-list-wrap .date-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .45rem;
    height: .45rem;
    border: .005rem solid #e7fafd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: .325rem;
    background-color: #666;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    transition: .4s ease all
}

@media screen and (max-width: 1024px) {
    .news .news-list-wrap .date-box {
        display: none
    }
}

.news .news-list-wrap .date-box .day {
    margin-bottom: .025rem;
    line-height: 1;
    font-size: .1rem;
    font-family: Arial;
    color: #fff
}

.news .news-list-wrap .date-box .year {
    font-size: .13rem;
    font-family: Arial;
    color: #fff
}

.detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: .5rem
}

@media screen and (max-width: 1024px) {
    .detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding-top: .5rem;
        padding-bottom: .2rem
    }
}

.detail .left {
    width: 66.1764705882%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2.6041666667vw;
    padding-top: .5rem;
    border-right: .005rem solid #e1d7cd
}

@media screen and (max-width: 1024px) {
    .detail .left {
        width: 100%;
        padding: 0;
        border-right: none
    }
}

.detail .right {
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 3.125vw;
    padding-top: .5rem
}

@media screen and (max-width: 1024px) {
    .detail .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.detail .detail-title {
    font-size: .15rem;
    color: #202020;
    margin-bottom: .1rem
}

@media screen and (max-width: 1024px) {
    .detail .detail-title {
        font-size: .21rem;
        margin-bottom: .05rem;
        text-align: center
    }
}

.detail .detail-data {
    font-size: .07rem;
    color: #888;
    margin-bottom: .18rem
}

@media screen and (max-width: 1024px) {
    .detail .detail-data {
        font-size: .13rem;
        margin-bottom: .2rem;
        text-align: center
    }
}

.detail .detail-data span+span {
    margin-left: .075rem
}

.detail .detail-content {
    color: #666;
    padding-bottom: .2rem;
    border-bottom: .005rem solid #e1d7cd;
    font-size: .08rem;
    line-height: .18rem
}

.detail .detail-content img {
    max-width: 100%;
    height: auto!important;
    margin-bottom: .09rem
}

.detail .detail-content video {
    max-width: 100%;
    height: auto!important
}

.detail .detail-content ul,
.detail .detail-content ul li {
    list-style: disc
}

.detail .detail-content ol,
.detail .detail-content ol li {
    list-style: decimal
}

.detail .detail-content iframe {
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .detail .detail-content {
        font-size: .15rem;
        line-height: 2;
        padding-bottom: .4rem
    }
}

.detail .detail-content img,
.detail .detail-content video,
.detail .detail-content iframe {
    max-width: 100%
}

.detail .newest-box .detail-title {
    text-align: left;
    font-size: .15rem
}

@media screen and (max-width: 1024px) {
    .detail .newest-box .detail-title {
        font-size: .25rem
    }
}

.detail .newest {
    padding-top: .09rem
}

.detail .newest .item {
    display: block;
    margin-bottom: .21rem;
    position: relative
}

@media screen and (max-width: 1024px) {
    .detail .newest .item {
        margin-bottom: .3rem
    }
}

.detail .newest .item:hover .title {
    color: #d59d67
}

.detail .newest .item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.detail .newest .item .img-box {
    position: relative;
    padding-bottom: 58.25%;
    overflow: hidden;
    margin-bottom: .1rem
}

.detail .newest .item .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.detail .newest .item .title {
    font-size: .09rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    margin-bottom: .03rem
}

@media screen and (max-width: 1024px) {
    .detail .newest .item .title {
        font-size: .17rem;
        margin-bottom: .06rem
    }
}

.detail .newest .item .date {
    font-size: .07rem;
    color: #999
}

@media screen and (max-width: 1024px) {
    .detail .newest .item .date {
        font-size: .12rem
    }
}

.detail .newest .item .desc {
    font-size: .075rem;
    color: #888;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: .08rem
}

@media screen and (max-width: 1024px) {
    .detail .newest .item .desc {
        font-size: .14rem;
        margin-bottom: .12rem
    }
}

.detail-navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .325rem
}

@media screen and (max-width: 1024px) {
    .detail-navigation {
        margin-top: .2rem;
        margin-bottom: .3rem
    }
}

.detail-navigation .box:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    max-width: 75%
}

.detail-navigation .box a {
    display: block;
    font-size: .07rem;
    color: #666;
    line-height: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .detail-navigation .box a {
        font-size: .12rem;
        line-height: 2
    }
}

.detail-navigation .box a:hover {
    color: #d59d67
}

.detail-navigation .box .back-list {
    color: #666;
    font-size: .075rem
}

@media screen and (max-width: 1024px) {
    .detail-navigation .box .back-list {
        font-size: .12rem
    }
}

.detail-navigation .box .back-list:hover {
    color: #d59d67
}

.case {
    padding: .45rem 0 .45rem .9rem;
    position: relative
}

@media screen and (max-width: 1024px) {
    .case {
        padding: 0 0 .45rem
    }
}

@media screen and (max-width: 1400px) {
    .case .page-wp {
        padding: 0 .15rem 0 0
    }
}

@media screen and (max-width: 1024px) {
    .case .page-wp {
        padding: .45rem .15rem 0
    }
}

.case .case-nav {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .case .case-nav {
        height: auto;
        position: -webkit-sticky;
        position: sticky;
        top: .5rem;
        z-index: 99;
        width: 100%
    }
}

.case .case-nav .case-nav-con {
    border-top: .035rem solid #d59d67;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: -webkit-sticky;
    position: sticky;
    top: .35rem;
    height: -moz-calc(100vh - .35rem);
    height: calc(100vh - .35rem);
    width: .75rem;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .case .case-nav .case-nav-con {
        height: .6rem;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }
}

.case .case-nav .case-nav-con .nav-btn {
    height: .3rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .case .case-nav .case-nav-con .nav-btn {
        height: 100%;
        padding: 0 .1rem
    }
}

.case .case-nav .case-nav-con .nav-btn:hover .iconfont {
    color: #d59d67
}

.case .case-nav .case-nav-con .nav-btn .iconfont {
    color: #7f7f7f;
    font-weight: 700;
    font-size: .11rem;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (max-width: 1024px) {
    .case .case-nav .case-nav-con .nav-btn .iconfont {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

.case .case-nav .case-nav-con .nav-wrapper {
    height: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 1024px) {
    .case .case-nav .case-nav-con .nav-wrapper {
        height: auto;
        width: 0
    }
}

.case .case-nav .case-nav-con .nav-wrapper .case-nav-swiper {
    height: 100%;
    overflow: hidden
}

.case .case-nav .case-nav-con .nav-wrapper .case-nav-swiper .swiper-slide {
    height: auto
}

@media screen and (max-width: 1024px) {
    .case .case-nav .case-nav-con .nav-wrapper .case-nav-swiper .swiper-slide {
        width: auto
    }
}

.case .case-nav .case-nav-con .nav-wrapper .case-nav-swiper .active .item {
    color: #d59d67
}

.case .case-nav .case-nav-con .nav-wrapper .item {
    font-size: .08rem;
    color: #333;
    cursor: pointer;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .case .case-nav .case-nav-con .nav-wrapper .item {
        font-size: .13rem
    }
}

.case .case-nav .case-nav-con .nav-wrapper .item:hover {
    color: #d59d67
}

.case .list {
    margin-top: .25rem
}

.case .list li {
    padding-top: .35rem;
    margin-top: -.35rem
}

.case .list li:not(:last-child) {
    margin-bottom: .1rem
}

@media screen and (min-width: 1024px) {
    .case .list li:nth-child(2n) .item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }
    .case .list li:nth-child(2n) .right {
        padding-right: .32rem;
        padding-left: 0
    }
}

.case .list .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding: .25rem;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .case .list .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: .2rem
    }
}

.case .list .left {
    width: 47.619047619%
}

@media screen and (max-width: 1024px) {
    .case .list .left {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .case .list .left .img-box {
        height: 2.46rem;
        width: 100%;
        overflow: hidden
    }
    .case .list .left .img-box img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
}

@media screen and (max-width: 1024px) {
    .case .list .left .img-box {
        position: relative;
        padding-bottom: 82%;
        overflow: hidden
    }
    .case .list .left .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }
}

.case .list .right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .32rem;
    padding-top: .33rem
}

@media screen and (max-width: 1024px) {
    .case .list .right {
        padding-left: 0;
        padding-top: .2rem
    }
}

.case .list .right .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .18rem;
    color: #333;
    line-height: 1;
    margin-bottom: .2rem
}

@media screen and (max-width: 1024px) {
    .case .list .right .title {
        font-size: .21rem
    }
}

.case .list .right .title img {
    width: .11rem;
    margin-right: .04rem
}

@media screen and (max-width: 1024px) {
    .case .list .right .title img {
        width: .12rem
    }
}

.case .list .right .desc {
    font-size: .08rem;
    color: #666;
    line-height: .18rem
}

@media screen and (max-width: 1024px) {
    .case .list .right .desc {
        font-size: .15rem;
        line-height: 2
    }
}

.company {
    padding: .45rem 0
}

.company .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .225rem
}

@media screen and (max-width: 1024px) {
    .company .wrapper {
        display: block;
        margin-top: .4rem
    }
}

.company .wrapper .item {
    padding: .2rem;
    background-color: #fff;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

@media screen and (max-width: 1024px) {
    .company .wrapper .item {
        width: 100%
    }
}

.company .wrapper .item:not(:last-child) {
    margin-right: .2rem
}

@media screen and (max-width: 1024px) {
    .company .wrapper .item:not(: last-child) {
        margin-right: 0;
        margin-bottom: .2rem
    }
}

.company .wrapper .item .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .13rem;
    color: #333;
    line-height: 1;
    margin-bottom: .12rem;
    margin-top: .18rem;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .company .wrapper .item .title {
        font-size: .18rem
    }
}

.company .wrapper .item .title img {
    width: .11rem;
    margin-right: .04rem
}

@media screen and (max-width: 1024px) {
    .company .wrapper .item .title img {
        width: .15rem
    }
}

.company .wrapper .item .desc {
    font-size: .08rem;
    color: #888;
    line-height: .18rem
}

@media screen and (max-width: 1024px) {
    .company .wrapper .item .desc {
        font-size: .15rem;
        line-height: 2
    }
}

.company .wrapper .item .img-box {
    position: relative;
    padding-bottom: 60.3448275862%;
    overflow: hidden
}

.company .wrapper .item .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.company .wrapper .item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.company .wrapper .item:hover .title {
    color: #d59d67
}

.contact {
    padding: .45rem 0
}

.contact .wrapper {
    background-color: #fff;
    padding: .4rem;
    margin-top: .19rem
}

@media screen and (max-width: 1024px) {
    .contact .wrapper {
        padding: .2rem
    }
}

.contact .wrapper .head {
    margin-bottom: .15rem
}

.contact .wrapper .head .cn {
    font-size: .16rem;
    color: #333;
    margin-bottom: .04rem
}

@media screen and (max-width: 1024px) {
    .contact .wrapper .head .cn {
        font-size: .18rem
    }
}

.contact .wrapper .head .en {
    font-size: .08rem;
    color: #d59d67;
    font-family: Arial
}

@media screen and (max-width: 1024px) {
    .contact .wrapper .head .en {
        font-size: .1rem
    }
}

.contact .wrapper .info-box {
    margin-bottom: .2rem
}

.contact .wrapper .info-box .item {
    margin-bottom: .12rem;
    font-size: .08rem;
    color: #666;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1024px) {
    .contact .wrapper .info-box .item {
        font-size: .12rem;
        line-height: 1.6
    }
}

.contact .wrapper .info-box .item img {
    margin-right: .075rem
}

@media screen and (max-width: 1024px) {
    .contact .wrapper .info-box .item img {
        height: .15rem
    }
}

.contact .wrapper .map img {
    max-width: 100%
}

.contact .wrapper .map img:last-of-type {
    display: none
}

.contact .wrapper .map img:last-child:first-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .contact .wrapper .map img:first-of-type {
        display: none
    }
    .contact .wrapper .map img:last-of-type {
        display: inline-block
    }
}

.business {
    min-height: 50vh
}

.business .section-1 {
    padding: .5rem 0 .425rem
}

.business .section-1 .content-box {
    margin-top: .265rem;
    font-size: .08rem;
    line-height: .18rem;
    color: #333
}

.business .section-1 .content-box img {
    max-width: 100%;
    height: auto!important;
    margin-bottom: .09rem
}

.business .section-1 .content-box video {
    max-width: 100%;
    height: auto!important
}

.business .section-1 .content-box ul,
.business .section-1 .content-box ul li {
    list-style: disc
}

.business .section-1 .content-box ol,
.business .section-1 .content-box ol li {
    list-style: decimal
}

.business .section-1 .content-box iframe {
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .business .section-1 .content-box {
        font-size: .15rem;
        line-height: 2
    }
}

.business .section-2 {
    background-color: #f1f1f1;
    padding: .4rem 0 .325rem
}

.business .section-2 .list {
    margin: .2rem -.085rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.business .section-2 .list li {
    width: 33.3333333333%;
    padding: 0 .085rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .17rem
}

@media screen and (max-width: 1024px) {
    .business .section-2 .list li {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .business .section-2 .list li:nth-child(2n) .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse
    }
}

.business .section-2 .list .item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.business .section-2 .list .img-box {
    position: relative;
    padding-bottom: 74.4186046512%;
    overflow: hidden
}

.business .section-2 .list .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.business .section-2 .list .info-box {
    background-color: #e9e3df;
    height: 1.6rem;
    padding: .2rem .23rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .business .section-2 .list .info-box {
        height: auto;
        padding: .3rem .23rem
    }
}

.business .section-2 .list .info-box .title {
    font-size: 18PX;
    font-weight: 700;
    color: #333;
    margin-bottom: .12rem
}

.business .section-2 .list .info-box .desc {
    font-size: .08rem;
    color: #666;
    line-height: .18rem;
    height: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
    .business .section-2 .list .info-box .desc {
        font-size: .15rem;
        line-height: 2
    }
}

.business .section-3 {
    padding: .475rem 0
}

@media screen and (max-width: 1024px) {
    .business .section-3 .page-wp {
        padding: 0
    }
    .business .section-3 .page-wp .page-common-title {
        padding: 0 .15rem
    }
}

.business .section-3 .wrapper {
    position: relative
}

.business .section-3 .wrapper .nav-btn {
    position: absolute;
    top: -moz-calc((100% - .22rem) / 2);
    top: calc((100% - .22rem)/2);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ccc;
    font-size: .15rem;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    z-index: 5
}

@media screen and (max-width: 1024px) {
    .business .section-3 .wrapper .nav-btn {
        font-size: .23rem;
        top: -moz-calc((100% - .165rem) / 2);
        top: calc((100% - .165rem)/2)
    }
}

.business .section-3 .wrapper .nav-btn:hover {
    color: #333
}

.business .section-3 .wrapper .nav-btn.prev-btn {
    right: 100%;
    margin-right: .05rem
}

@media screen and (max-width: 1024px) {
    .business .section-3 .wrapper .nav-btn.prev-btn {
        right: auto;
        left: 0
    }
}

.business .section-3 .wrapper .nav-btn.next-btn {
    left: 100%;
    margin-left: .05rem
}

@media screen and (max-width: 1024px) {
    .business .section-3 .wrapper .nav-btn.next-btn {
        left: auto;
        right: 0
    }
}

.business .section-3 .swiper {
    margin-top: .29rem;
    overflow: hidden
}

.business .section-3 .swiper .item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.business .section-3 .swiper .item .img-box {
    position: relative;
    padding-bottom: 68.1818181818%;
    overflow: hidden
}

.business .section-3 .swiper .item .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.business .section-3 .swiper .item .title {
    text-align: center;
    font-weight: 700;
    color: #333;
    font-size: .09rem;
    margin-top: .1rem
}

@media screen and (max-width: 1024px) {
    .business .section-3 .swiper .item .title {
        font-size: .17rem
    }
}