@font-face {
    font-family: 'syst';
    src: url('../fonts/SpectralRegular.ttf')
}

@font-face {
    font-family: 'syst2';
    src: url('../fonts/SpectralBold.ttf')
}

.fm {
    font-family: 'syst'
}

.fm2 {
    font-family: 'syst2'
}

.g-nav,.g-nav2,.footer-social {
    font-family: 'syst'
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px
}

.img_d {
    overflow: hidden
}

.img_d:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.m-30 {
    margin-top: 30px
}

@media only screen and (max-width: 1680px) {
    .m-30 {
        margin-top:.3rem
    }
}

body {
    line-height: 1.7
}

::-webkit-scrollbar-thumb {
    opacity: 1
}

::-webkit-scrollbar {
    width: 8px;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: #c5c4c4;
    border-radius: 10px;
    opacity: 0
}

::-webkit-scrollbar-track {
    background: none;
    border: none;
    border-radius: 10px
}

::-webkit-scrollbar-button {
    background-color: #E4B56F;
    border-radius: 5px;
    height: 0
}

::-webkit-scrollbar-button:hover {
    background-color: #999999
}

body .g-head a .close {
    display: none
}

body .g-head a.navA .ss2 {
    margin: 0 .15rem;
    width: 1px;
    height: .25rem;
    background-color: #fff;
    opacity: .3
}

body.navShow a.navA .open {
    display: none
}

body.navShow a.navA .close {
    display: block
}

@media only screen and (min-width: 1680px) {
    .g-nav2 .nv2 {
        height:100vh;
        position: relative;
        padding-top: 1.38rem;
        color: #fff
    }

    .g-nav2 .nv2 a {
        color: #fff
    }

    .g-nav2 .nav-box {
        display: flex;
        height: 67vh;
        overflow-y: auto
    }

    .g-nav2 .nav-box .nav-left {
        display: flex;
        border-right: 1px solid rgba(255,255,255,0.4)
    }

    .g-nav2 .nav-box .nv-tab1 {
        width: 215px
    }

    .g-nav2 .nav-box .nv-tab1 li {
        font-size: 24px;
        font-weight: 600;
        opacity: .4;
        margin-bottom: 40px
    }

    .g-nav2 .nav-box .nv-tab1 li:hover,.g-nav2 .nav-box .nv-tab1 li.on {
        opacity: 1
    }

    .g-nav2 .nav-box .nv-tab2 {
        width: 270px;
        margin-right: 120px;
        font-size: 18px
    }

    .g-nav2 .nav-box .nv-tab2 .tit {
        border-bottom: 1px solid rgba(255,255,255,0.4);
        padding-bottom: 10px;
        margin-bottom: 30px
    }

    .g-nav2 .nav-box .nv-tab2 li {
        width: 240px;
        opacity: .4
    }

    .g-nav2 .nav-box .nv-tab2 li a {
        line-height: 50px
    }

    .g-nav2 .nav-box .nv-tab2 li:hover,.g-nav2 .nav-box .nv-tab2 li.on {
        opacity: 1
    }

    .g-nav2 .nav-box .nv-tab2 li:hover a,.g-nav2 .nav-box .nv-tab2 li.on a {
        position: relative
    }

    .g-nav2 .nav-box .nv-tab2 li:hover a::after,.g-nav2 .nav-box .nv-tab2 li.on a::after {
        content: '';
        position: absolute;
        background: url(../img/icon-rjt.png) no-repeat center;
        background-size: contain;
        width: 18px;
        height: 14px;
        top: 3px;
        right: -22px
    }

    .g-nav2 .nav-box .nv-tab3 {
        margin-right: 85px
    }

    .g-nav2 .nav-box .nv-tab3 li {
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .g-nav2 .nav-box .nv-tab3 li:hover a::after,.g-nav2 .nav-box .nv-tab3 li.on a::after {
        background-image: url(../img/nv-right.png);
        width: 13px;
        right: -25px
    }

    .g-nav2 .nav-box .nav-right {
        flex: 1;
        width: 100%;
        padding-left: 65px
    }

    .g-nav2 .nav-box .nav-right .item {
        margin-bottom: 25px;
        display: flex;
        align-items: flex-end
    }

    .g-nav2 .nav-box .nav-right .item .name {
        font-size: 18px
    }

    .g-nav2 .nav-box .nav-right .item .name img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        margin-right: 10px
    }

    .g-nav2 .nav-box .nav-right .item .name2 {
        margin-left: 15px;
        font-size: 14px;
        opacity: .4
    }

    .g-nav2 .nav-box .nav-right .item .name2:hover {
        opacity: 1
    }

    .g-nav2 .nav-box .tab-link {
        margin-top: 50px;
        display: flex;
        justify-content: space-between
    }

    .g-nav2 .nav-box .tab-item {
        width: 260px;
        font-size: 18px;
        margin-bottom: 25px
    }

    .g-nav2 .nav-box .tab-item .tit {
        border-bottom: 1px solid rgba(255,255,255,0.4);
        padding-bottom: 10px;
        margin-bottom: 15px
    }

    .g-nav2 .nav-box .tab-item a {
        display: block;
        opacity: .4;
        padding-bottom: 5px;
        margin-bottom: 10px
    }

    .g-nav2 .nav-box .tab-item a:hover {
        opacity: 1
    }

    .g-nav2 .nav-box .tab-item span {
        font-size: 14px
    }

    .g-nav2 .nav-box .tab-item .link {
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .g-nav2 .nav-bottom {
        height: calc(33vh - 1.35rem);
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .g-nav2 .nav-bottom .search-txt {
        display: flex;
        align-items: center
    }

    .g-nav2 .nav-bottom .search-txt p {
        font-size: 24px;
        font-weight: 600
    }

    .g-nav2 .nav-bottom .search-txt a {
        margin-left: 20px;
        font-size: 18px;
        opacity: .4
    }

    .g-nav2 .nav-bottom .search-txt a:hover {
        opacity: 1
    }

    .g-nav2 .nav-bottom .search-ipt {
        border: 1px solid #fff;
        width: 375px;
        height: 40px;
        font-size: 16px;
        display: flex;
        align-items: center;
        padding: 0 18px
    }

    .g-nav2 .nav-bottom .search-ipt input {
        font-size: 16px;
        width: 265px
    }

    .g-nav2 .nav-bottom .search-ipt img {
        cursor: pointer;
        width: 20px;
        height: 20px
    }

    .ja {
        display: none
    }
}

@media only screen and (min-width: 1000px) and (max-width:1680px) {
    .g-nav2 .nv2 {
        height:100vh;
        position: relative;
        padding-top: 1.38rem;
        color: #fff
    }

    .g-nav2 .nv2 a {
        color: #fff
    }

    .g-nav2 .nav-box {
        display: flex;
        height: 67vh;
        overflow-y: auto
    }

    .g-nav2 .nav-box .nav-left {
        display: flex;
        border-right: 1px solid rgba(255,255,255,0.4)
    }

    .g-nav2 .nav-box .nv-tab1 {
        width: 2.15rem
    }

    .g-nav2 .nav-box .nv-tab1 li {
        font-size: .24rem;
        font-weight: 600;
        opacity: .4;
        margin-bottom: .4rem
    }

    .g-nav2 .nav-box .nv-tab1 li:hover,.g-nav2 .nav-box .nv-tab1 li.on {
        opacity: 1
    }

    .g-nav2 .nav-box .nv-tab2 {
        width: 2.7rem;
        margin-right: 1.2rem;
        font-size: .18rem
    }

    .g-nav2 .nav-box .nv-tab2 .tit {
        border-bottom: 1px solid rgba(255,255,255,0.4);
        padding-bottom: .1rem;
        margin-bottom: .3rem
    }

    .g-nav2 .nav-box .nv-tab2 li {
        width: 2.4rem;
        opacity: .4
    }

    .g-nav2 .nav-box .nv-tab2 li a {
        line-height: .5rem
    }

    .g-nav2 .nav-box .nv-tab2 li:hover,.g-nav2 .nav-box .nv-tab2 li.on {
        opacity: 1
    }

    .g-nav2 .nav-box .nv-tab2 li:hover a,.g-nav2 .nav-box .nv-tab2 li.on a {
        position: relative
    }

    .g-nav2 .nav-box .nv-tab2 li:hover a::after,.g-nav2 .nav-box .nv-tab2 li.on a::after {
        content: '';
        position: absolute;
        background: url(../img/icon-rjt.png) no-repeat center;
        background-size: contain;
        width: .18rem;
        height: .14rem;
        top: .03rem;
        right: -0.22rem
    }

    .g-nav2 .nav-box .nv-tab3 {
        margin-right: .85rem
    }

    .g-nav2 .nav-box .nv-tab3 li {
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .g-nav2 .nav-box .nv-tab3 li:hover a::after,.g-nav2 .nav-box .nv-tab3 li.on a::after {
        background-image: url(../img/nv-right.png);
        width: .13rem;
        right: -0.25rem
    }

    .g-nav2 .nav-box .nav-right {
        flex: 1;
        width: 100%;
        padding-left: .65rem
    }

    .g-nav2 .nav-box .nav-right .item {
        margin-bottom: .25rem;
        display: flex;
        align-items: flex-end
    }

    .g-nav2 .nav-box .nav-right .item .name {
        font-size: .18rem
    }

    .g-nav2 .nav-box .nav-right .item .name img {
        width: .2rem;
        height: .2rem;
        object-fit: contain;
        margin-right: .1rem
    }

    .g-nav2 .nav-box .nav-right .item .name2 {
        margin-left: .15rem;
        font-size: .14rem;
        opacity: .4
    }

    .g-nav2 .nav-box .nav-right .item .name2:hover {
        opacity: 1
    }

    .g-nav2 .nav-box .tab-link {
        margin-top: .5rem;
        display: flex;
        justify-content: space-between
    }

    .g-nav2 .nav-box .tab-item {
        width: 2.6rem;
        font-size: .18rem;
        margin-bottom: .25rem
    }

    .g-nav2 .nav-box .tab-item .tit {
        border-bottom: 1px solid rgba(255,255,255,0.4);
        padding-bottom: .1rem;
        margin-bottom: .15rem
    }

    .g-nav2 .nav-box .tab-item a {
        display: block;
        opacity: .4;
        padding-bottom: .05rem;
        margin-bottom: .1rem
    }

    .g-nav2 .nav-box .tab-item a:hover {
        opacity: 1
    }

    .g-nav2 .nav-box .tab-item span {
        font-size: .14rem
    }

    .g-nav2 .nav-box .tab-item .link {
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .g-nav2 .nav-bottom {
        height: calc(33vh - 1.35rem);
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .g-nav2 .nav-bottom .search-txt {
        display: flex;
        align-items: center
    }

    .g-nav2 .nav-bottom .search-txt p {
        font-size: .24rem;
        font-weight: 600
    }

    .g-nav2 .nav-bottom .search-txt a {
        margin-left: .2rem;
        font-size: .18rem;
        opacity: .4
    }

    .g-nav2 .nav-bottom .search-txt a:hover {
        opacity: 1
    }

    .g-nav2 .nav-bottom .search-ipt {
        border: 1px solid #fff;
        width: 3.75rem;
        height: .4rem;
        font-size: .16rem;
        display: flex;
        align-items: center;
        padding: 0 .18rem
    }

    .g-nav2 .nav-bottom .search-ipt input {
        font-size: .16rem;
        width: 2.65rem
    }

    .g-nav2 .nav-bottom .search-ipt img {
        cursor: pointer;
        width: .2rem;
        height: .2rem
    }

    .ja {
        display: none
    }
}

@media only screen and (max-width: 800px) {
    .g-nav2 .nv2 {
        height:100vh;
        position: relative;
        padding-top: 1.38rem;
        color: #fff
    }

    .g-nav2 .nv2 a {
        color: #fff
    }

    .g-nav2 .nav-box {
        height: 65vh;
        overflow-y: auto
    }

    .g-nav2 .nav-box .nv-tab1 {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .g-nav2 .nav-box .nv-tab1 li {
        font-size: 16px;
        opacity: .4;
        margin-bottom: 10px;
        margin-right: 10px
    }

    .g-nav2 .nav-box .nv-tab1 li:hover,.g-nav2 .nav-box .nv-tab1 li.on {
        opacity: 1
    }

    .g-nav2 .nav-box .nv-tab2 {
        width: 100%;
        font-size: 16px;
        margin-bottom: 20px
    }

    .g-nav2 .nav-box .nv-tab2 .tit {
        border-bottom: 1px solid rgba(255,255,255,0.4);
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: relative
    }

    .g-nav2 .nav-box .nv-tab2 .tit::after {
        content: '';
        position: absolute;
        background: url(../img/icon-rjt.png) no-repeat center;
        background-size: contain;
        width: 12px;
        height: 12px;
        top: 10px;
        right: 22px
    }

    .g-nav2 .nav-box .nv-tab2 .tit.on::after {
        transform: rotate(90deg)
    }

    .g-nav2 .nav-box .nv-tab2 li {
        width: 100%;
        opacity: .4;
        font-size: 14px
    }

    .g-nav2 .nav-box .nv-tab2 li a {
        line-height: 40px
    }

    .g-nav2 .nav-box .nv-tab2 li:hover,.g-nav2 .nav-box .nv-tab2 li.on {
        opacity: 1
    }

    .g-nav2 .nav-box .nv-tab2 li:hover a,.g-nav2 .nav-box .nv-tab2 li.on a {
        position: relative
    }

    .g-nav2 .nav-box .nv-tab2 li:hover a::after,.g-nav2 .nav-box .nv-tab2 li.on a::after {
        content: '';
        position: absolute;
        background: url(../img/icon-rjt.png) no-repeat center;
        background-size: contain;
        width: 12px;
        height: 12px;
        top: 2px;
        right: -22px
    }

    .g-nav2 .nav-box .nv-tab3 li {
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .g-nav2 .nav-box .nv-tab3 li:hover a::after,.g-nav2 .nav-box .nv-tab3 li.on a::after {
        background-image: url(../img/nv-right.png);
        width: 13px;
        right: -25px
    }

    .g-nav2 .nav-box .nav-u2,.g-nav2 .nav-box .nav-u1 {
        display: none
    }

    .g-nav2 .nav-box .nav-u2.on,.g-nav2 .nav-box .nav-u1.on {
        display: block
    }

    .g-nav2 .nav-box .nav-right {
        width: 100%
    }

    .g-nav2 .nav-box .nav-right .item {
        margin-bottom: 10px
    }

    .g-nav2 .nav-box .nav-right .item .name {
        display: block;
        font-size: 16px
    }

    .g-nav2 .nav-box .nav-right .item .name img {
        width: 15px;
        height: 15px;
        object-fit: contain;
        margin-right: 10px
    }

    .g-nav2 .nav-box .nav-right .item .name2 {
        margin-right: 10px;
        font-size: 12px;
        opacity: .4
    }

    .g-nav2 .nav-box .nav-right .item .name2:hover {
        opacity: 1
    }

    .g-nav2 .nav-box .tab-link {
        margin-top: 10px
    }

    .g-nav2 .nav-box .tab-item {
        width: 100%;
        font-size: 16px;
        margin-bottom: 10px
    }

    .g-nav2 .nav-box .tab-item .tit {
        border-bottom: 1px solid rgba(255,255,255,0.4);
        padding-bottom: 5px;
        margin-bottom: 10px
    }

    .g-nav2 .nav-box .tab-item a {
        font-size: 12px;
        display: block;
        opacity: .4;
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .g-nav2 .nav-box .tab-item a:hover {
        opacity: 1
    }

    .g-nav2 .nav-box .tab-item span {
        font-size: 12px
    }

    .g-nav2 .nav-box .tab-item .link {
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .g-nav2 .nav-bottom {
        height: calc(34vh - 1.38rem);
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .g-nav2 .nav-bottom .search-txt {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .g-nav2 .nav-bottom .search-txt p {
        font-size: 16px;
        font-weight: 600
    }

    .g-nav2 .nav-bottom .search-txt a {
        margin-left: 10px;
        font-size: 12px;
        opacity: .4
    }

    .g-nav2 .nav-bottom .search-txt a:hover {
        opacity: 1
    }

    .g-nav2 .nav-bottom .btn-list {
        width: 100%
    }

    .g-nav2 .nav-bottom .search-ipt {
        border: 1px solid #fff;
        width: 100%;
        height: 40px;
        font-size: 16px;
        display: flex;
        align-items: center;
        padding: 0 18px
    }

    .g-nav2 .nav-bottom .search-ipt input {
        font-size: 16px;
        width: 265px;
        flex: 1
    }

    .g-nav2 .nav-bottom .search-ipt img {
        cursor: pointer;
        width: 20px;
        height: 20px
    }

    .ja {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .4rem
    }

    .ja a {
        color: #fff;
        display: flex;
        align-items: center
    }

    .ja a img {
        height: 15px;
        margin-right: 5px
    }
}

.sy {
    background: url(../img/bg.jpg) repeat center;
    background-size: 100%
}

@media only screen and (min-width: 1200px) {
    .footer {
        padding-top:.45rem;
        position: relative;
        color: #fff;
        background: url(../img/ft-bg1.jpg) repeat center center;
        background-size: 100% 100%
    }

    .footer .footer-social {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 3.5rem;
        padding-right: 1.6rem;
        border-bottom: 1px solid rgba(255,255,255,0.25);
        padding-bottom: .28rem
    }

    .footer .footer-social li {
        text-align: center;
        position: relative;
        cursor: pointer
    }

    .footer .footer-social li .s-icon {
        margin: 0 auto;
        width: .84rem;
        height: .84rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .1rem;
        border-radius: 50%;
        background: rgba(193,163,126,0.3);
        border: 1px solid rgba(255,255,255,0.21)
    }

    .footer .footer-social li .s-icon img {
        height: .4rem;
        width: .5rem;
        object-fit: contain
    }

    .footer .footer-social li .s-name {
        font-size: .18rem
    }

    .footer .footer-social li .ewm {
        position: absolute;
        width: 1.17rem;
        height: 1.17rem;
        background-color: #fff;
        padding: .05rem;
        top: -1.4rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        display: none
    }

    .footer .footer-social li .ewm:after {
        content: '';
        position: absolute;
        bottom: -0.08rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        background: url(../img/ewm-j.png) no-repeat center bottom;
        background-size: .3rem .09rem;
        z-index: 1
    }

    .footer .footer-social li .ewm img {
        width: 100%;
        object-fit: contain
    }

    .footer .footer-social li:hover .ewm {
        display: block
    }

    .footer .footer-content {
        padding: .4rem 0;
        display: flex;
        padding-left: 3.5rem;
        padding-right: 1.6rem
    }

    .footer .footer-content .footer-logo-bg {
        padding-top: .12rem;
        padding-bottom: .32rem;
        border-right: 1px solid rgba(255,255,255,0.25);
        padding-right: 1.24rem
    }

    .footer .footer-content .footer-logo-bg .footer-logo {
        display: block;
        position: relative;
        width: 2.82rem;
        height: 2.46rem
    }

    .footer .footer-content .footer-logo-bg .footer-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .footer .footer-content .footer-logo-bg .footer-logo .flogo2 {
        position: absolute;
        bottom: -0.19rem;
        right: -1.24rem;
        width: 5.77rem;
        height: 2.52rem;
        background: url('/static/images/common/f-logo-bg.png') no-repeat center bottom;
        background-size: 5.77rem 2.52rem;
        z-index: 1
    }

    .footer .footer-content .footer-cols {
        padding-left: .7rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .footer .footer-content .footer-cols .fcol {
        width: 33.333%;
        display: flex
    }

    .footer .footer-content .footer-cols .fcol .ficon {
        width: .45rem;
        height: .45rem;
        margin-right: .15rem;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.21);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer .footer-content .footer-cols .fcol .ficon img {
        width: .2rem;
        height: .2rem;
        object-fit: contain
    }

    .footer .footer-content .footer-cols .fcol .dt .f-label {
        font-size: .14rem;
        margin-bottom: .1rem;
        font-family: "Microsoft YaHei"
    }

    .footer .footer-content .footer-cols .fcol .dt .f-value {
        font-size: .2rem;
        font-family: 'syst'
    }

    .footer .footer-content .footer-cols .c-addr {
        width: 66%
    }

    .footer .footer-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 3.5rem;
        padding-right: 1.6rem;
        height: 1.13rem;
        background: url(../img/ft-bg2.jpg) repeat center center;
        background-size: 100% 100%
    }

    .footer .footer-bar a {
        color: #fff
    }

    .footer .footer-bar a:hover {
        color: #C1A37E
    }

    #toTop {
        width: .6rem;
        height: .6rem;
        color: #fff;
        font-size: .12rem;
        text-align: center;
        padding: .15rem 0;
        background-color: rgba(0,0,0,0.4);
        border-radius: 50%
    }

    #toTop img {
        width: .25rem;
        height: .25rem
    }

    #toTop:hover {
        background-color: rgba(232,200,127,0.8)
    }
}

@media only screen and (max-width: 1200px) {
    .footer {
        position:relative;
        color: #fff;
        background: url(../img/ft-bg1.jpg) repeat center center;
        background-size: 100% 100%
    }

    .footer .footer-social {
        padding: .2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(255,255,255,0.25)
    }

    .footer .footer-social li {
        text-align: center;
        position: relative;
        cursor: pointer
    }

    .footer .footer-social li .s-icon {
        margin: 0 auto;
        width: .7rem;
        height: .7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .1rem;
        border-radius: 50%;
        background: rgba(193,163,126,0.3);
        border: 1px solid rgba(255,255,255,0.21)
    }

    .footer .footer-social li .s-icon img {
        height: .4rem;
        width: .5rem;
        object-fit: contain
    }

    .footer .footer-social li .s-name {
        font-size: .14rem
    }

    .footer .footer-social li .ewm {
        position: absolute;
        width: 1.17rem;
        height: 1.17rem;
        background-color: #fff;
        padding: .05rem;
        top: -1.4rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        display: none
    }

    .footer .footer-social li .ewm:after {
        content: '';
        position: absolute;
        bottom: -0.08rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        background: url(../img/ewm-j.png) no-repeat center bottom;
        background-size: .3rem .09rem;
        z-index: 1
    }

    .footer .footer-social li .ewm img {
        width: 100%;
        object-fit: contain
    }

    .footer .footer-social li:hover .ewm {
        display: block
    }

    .footer .footer-content {
        padding: .3rem
    }

    .footer .footer-content .footer-logo-bg {
        padding-top: .12rem;
        padding-bottom: .32rem
    }

    .footer .footer-content .footer-logo-bg .footer-logo {
        margin: 0 auto;
        display: block;
        position: relative;
        width: 2.82rem;
        height: 2.46rem
    }

    .footer .footer-content .footer-logo-bg .footer-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .footer .footer-content .footer-logo-bg .footer-logo .flogo2 {
        position: absolute;
        bottom: -0.19rem;
        right: -1.24rem;
        width: 5.77rem;
        height: 2.52rem;
        background: url('/static/images/common/f-logo-bg.png') no-repeat center bottom;
        background-size: 5.77rem 2.52rem;
        z-index: 1
    }

    .footer .footer-content .footer-cols {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .footer .footer-content .footer-cols .fcol {
        width: 50%;
        display: flex;
        margin-bottom: .15rem
    }

    .footer .footer-content .footer-cols .fcol .ficon {
        width: .45rem;
        height: .45rem;
        margin-right: .15rem;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.21);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer .footer-content .footer-cols .fcol .ficon img {
        width: .2rem;
        height: .2rem;
        object-fit: contain
    }

    .footer .footer-content .footer-cols .fcol .dt {
        flex: 1
    }

    .footer .footer-content .footer-cols .fcol .dt .f-label {
        font-size: .18rem;
        margin-bottom: .1rem;
        font-family: "Microsoft YaHei"
    }

    .footer .footer-content .footer-cols .fcol .dt .f-value {
        font-size: .2rem;
        font-family: 'syst'
    }

    .footer .footer-content .footer-cols .c-addr {
        width: 100%
    }

    .footer .footer-bar {
        padding: .2rem;
        text-align: center;
        background: url(../img/ft-bg2.jpg) repeat center center;
        background-size: 100% 100%;
        font-size: .2rem
    }

    .footer .footer-bar .bar-copy {
        margin-bottom: .15rem
    }

    .footer .footer-bar a {
        color: #fff
    }

    .footer .footer-bar a:hover {
        color: #C1A37E
    }

    #toTop {
        width: .6rem;
        height: .6rem;
        color: #fff;
        font-size: .12rem;
        text-align: center;
        padding: .15rem 0;
        background-color: rgba(0,0,0,0.4);
        border-radius: 50%
    }

    #toTop img {
        width: .25rem;
        height: .25rem
    }

    #toTop:hover {
        background-color: rgba(232,200,127,0.8)
    }
}

@media only screen and (min-width: 1200px) {
    .fy1 {
        width:100%;
        float: left;
        line-height: .35rem;
        font-size: .14rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .fy1 a {
        min-width: .35rem;
        display: inline-block;
        border: solid 1px #dddddd;
        padding: 0 .1rem;
        border-radius: 3px;
        margin: 0 .05rem;
        background-color: transparent;
        box-sizing: border-box
    }

    .jump {
        margin-left: .1rem
    }

    .jump input {
        margin: 0 .05rem;
        height: .37rem;
        width: .35rem;
        border: 1px solid #dddddd;
        border-radius: .03rem;
        text-align: center;
        font-size: .14rem
    }
}

@media only screen and (max-width: 800px) {
    .fy1 {
        width:102%;
        float: left;
        margin-left: -1%
    }

    .fy1 a {
        float: left;
        display: none;
        border: solid 1px #dddddd;
        padding: 0px 10px;
        margin-left: 3px
    }

    .fy1 a.cd_sx {
        display: block;
        width: 48%;
        margin: 0px 1%;
        text-align: center;
        padding: 8px 0px
    }

    .jump {
        display: none
    }
}

.fy1 a:hover,.fy1 a.on {
    background: #47270C;
    color: #ffffff;
    border: solid 1px #47270C
}

@media only screen and (min-width: 1200px) {
    .sy_ban {
        height:100vh
    }

    .sy_ban .swiper-slide video,.sy_ban .swiper-slide img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .sy_ban .swiper-slide-active img {
        transition: transform 6s linear 0s;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .sy_ban .sw-btn2 {
        position: absolute;
        right: .4rem;
        top: calc(50% - .5rem)
    }

    .sy_ban .sw-btn2 .swiper-button-next {
        background: url(../img/sw-l.png) no-repeat center;
        background-size: contain;
        width: .57rem;
        right: 0rem;
        left: auto
    }

    .sy_ban .sw-btn2 .swiper-button-next::after {
        display: none
    }

    .sy_ban .sw-btn2 .swiper-button-prev {
        background: url(../img/sw-r.png) no-repeat center;
        background-size: contain;
        width: .57rem;
        right: 0rem;
        left: auto;
        top: .7rem
    }

    .sy_ban .sw-btn2 .swiper-button-prev::after {
        display: none
    }

    .sy_ban .swiper-slide .txtk {
        position: absolute;
        left: 0;
        bottom: 0px;
        height: 100vh
    }

    .sy_ban .swiper-slide .icon1 {
        position: absolute;
        right: 1rem;
        bottom: 12vh;
        width: 1.7rem
    }

    .sy_ban .swiper-slide .icon2 {
        position: absolute;
        right: 0;
        top: 15vh;
        width: 2.72rem
    }

    .sy_ban .sw-btn1 {
        position: absolute;
        left: calc(50% - 40%);
        bottom: .65rem;
        width: 80%;
        padding: 0 .5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 3
    }

    .sy_ban .sw-btn1 .page-num {
        font-size: .18rem;
        color: #fff
    }

    .sy_ban .sw-btn1 .sw-page {
        position: relative;
        width: 90%;
        display: flex;
        align-items: center;
        color: #fff;
        font-weight: 600
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet {
        width: 100%;
        height: 1px;
        background: #fff;
        position: relative;
        opacity: .5
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet::after {
        content: '';
        position: absolute;
        right: 0;
        top: calc(50% - 2.5px);
        width: 1px;
        height: 5px;
        background: #fff
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet:last-child::after {
        display: none
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1
    }
}

@media only screen and (max-width: 1200px) {
    .sy_ban {
        height:6rem
    }

    .sy_ban .swiper-slide video,.sy_ban .swiper-slide img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .sy_ban .txtk {
        display: none
    }

    .sy_ban .icon {
        display: none
    }

    .sw-btn2 {
        position: absolute;
        right: .4rem;
        top: calc(50% - .5rem)
    }

    .sw-btn2 .swiper-button-next {
        background: url(../img/sw-l.png) no-repeat center;
        background-size: contain;
        width: .57rem;
        right: 0rem;
        left: auto
    }

    .sw-btn2 .swiper-button-next::after {
        display: none
    }

    .sw-btn2 .swiper-button-prev {
        background: url(../img/sw-r.png) no-repeat center;
        background-size: contain;
        width: .57rem;
        right: 0rem;
        left: auto;
        top: .7rem
    }

    .sw-btn2 .swiper-button-prev::after {
        display: none
    }

    .sy_ban .sw-btn1 {
        position: absolute;
        left: calc(50% - 45%);
        bottom: .5rem;
        width: 90%;
        padding: 0 .5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 3
    }

    .sy_ban .sw-btn1 .page-num {
        font-size: .22rem;
        color: #fff
    }

    .sy_ban .sw-btn1 .sw-page {
        position: relative;
        width: 85%;
        display: flex;
        align-items: center;
        color: #fff;
        font-weight: 600
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet {
        width: 100%;
        height: 1px;
        background: #fff;
        position: relative;
        opacity: .5
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet::after {
        content: '';
        position: absolute;
        right: 0;
        top: calc(50% - 2.5px);
        width: 1px;
        height: 5px;
        background: #fff
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet:last-child::after {
        display: none
    }

    .sy_ban .sw-btn1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1
    }
}

@media only screen and (min-width: 1200px) {
    .nav-left {
        width:2.76rem;
        height: 100vh;
        border-right: 1px solid #999;
        padding-top: .5rem;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10
    }

    .nav-left.is-fixed {
        position: fixed
    }

    .nav-left.is-bottom {
        top: auto;
        bottom: 0
    }

    .nav-left .l-logo {
        display: block;
        width: 1.28rem;
        margin: 0 auto
    }

    .nav-left .l-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .nav-left .nav-open-btn {
        width: .32rem;
        margin: 0 auto;
        cursor: pointer;
        position: absolute;
        top: 50vh;
        right: calc(50% - .16rem)
    }

    .nav-left .nav-open-btn img {
        width: .32rem;
        object-fit: contain
    }

    .sy-content {
        position: relative
    }
}

@media only screen and (max-width: 1200px) {
    .nav-left {
        display:none
    }
}

@media only screen and (min-width: 1200px) {
    .sy-bg1 {
        min-height:21.08rem;
        width: 100%;
        background: url(/static/images/home/bg1.jpg) no-repeat center;
        background-size: 100% 100%
    }

    .sy-tit {
        display: flex;
        align-items: center;
        margin-bottom: .3rem
    }

    .sy-tit .name {
        font-size: .7rem;
        color: #333;
        font-weight: 600;
        font-family: 'syst2'
    }

    .sy-tit .line {
        width: 2.1rem;
        height: 1px;
        background: #000;
        margin: 0 .4rem
    }

    .sy-tit .desc {
        font-size: .24rem;
        color: #000;
        font-family: 'syst'
    }

    .sy-service {
        position: relative;
        z-index: 1;
        padding-left: 3.5rem;
        padding-right: 1.6rem;
        padding-top: .6rem;
        margin-bottom: .7rem
    }

    .sy-service .icon-niao {
        width: 1.82rem;
        height: 1.27rem;
        position: absolute;
        right: .5rem;
        top: .3rem;
        margin-top: .3rem
    }

    .sy-service .icon-niao img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .service-box {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .service-box .service-left {
        width: 7.75rem;
        height: 7.34rem;
        background: url(../img/service-left.png) no-repeat center;
        background-size: 100% 100%;
        padding: .4rem;
        padding-top: .88rem
    }

    .service-box .service-left .service-list {
        width: 100%
    }

    .service-box .service-left .service-list li {
        height: 3.5rem;
        display: none;
        font-size: .2rem
    }

    .service-box .service-left .service-list li.active {
        display: block
    }

    .service-box .service-left .service-list .ticket {
        width: 100%
    }

    .service-box .service-left .service-list .ticket .name {
        font-size: .46rem;
        color: #fff;
        font-weight: 600;
        font-family: 'syst2'
    }

    .service-box .service-left .service-list .ticket .time {
        font-size: .32rem;
        color: #fff;
        font-family: 'syst'
    }

    .service-box .service-left .service-list p.p1 {
        margin-bottom: .16rem;
        color: #000;
        font-family: 'syst'
    }

    .service-box .service-left .service-list p.p2 {
        margin-bottom: .2rem;
        color: #552F0D;
        font-size: .6rem;
        line-height: .6rem;
        font-family: 'syst2';
        font-weight: 600
    }

    .service-box .service-left .service-list .tiket-ul dl {
        display: flex;
        align-items: center;
        margin-bottom: .5rem;
        position: relative
    }

    .service-box .service-left .service-list .tiket-ul dl:last-child {
        margin-bottom: 0
    }

    .service-box .service-left .service-list .tiket-ul dl:last-child::after {
        display: none
    }

    .service-box .service-left .service-list .tiket-ul dl::after {
        content: '';
        position: absolute;
        left: .08rem;
        bottom: -0.47rem;
        width: 1px;
        height: .47rem;
        border-left: 1px dashed #C1A37E
    }

    .service-box .service-left .service-list .tiket-ul dl img {
        width: .17rem;
        height: .17rem;
        object-fit: contain;
        margin-right: .1rem
    }

    .service-box .service-left .service-list .tiket-ul dl p span {
        font-size: .3rem;
        color: #000;
        font-family: 'syst'
    }

    .service-box .service-left .service-tel {
        margin-top: .3rem
    }

    .service-box .service-left .service-tel p {
        font-size: .2rem;
        color: #000
    }

    .service-box .service-left .service-tel p span {
        font-size: .24rem;
        font-family: 'syst'
    }

    .service-box .service-left .service-tab {
        width: 100%;
        height: 1.7rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .service-box .service-left .service-tab li {
        text-align: center
    }

    .service-box .service-left .service-tab li.active .icon {
        background-image: url(../img/sv-2.png)
    }

    .service-box .service-left .service-tab li.active .icon img:nth-child(1) {
        display: none
    }

    .service-box .service-left .service-tab li.active .icon img:nth-child(2) {
        display: block
    }

    .service-box .service-left .service-tab li.active .active-icon {
        display: block;
        height: .25rem
    }

    .service-box .service-left .service-tab li.active .active-icon img {
        height: .25rem
    }

    .service-box .service-left .service-tab .icon {
        width: 1rem;
        height: .98rem;
        background: url(../img/sv-1.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: .1rem
    }

    .service-box .service-left .service-tab .icon img {
        width: .55rem;
        height: .55rem;
        object-fit: contain
    }

    .service-box .service-left .service-tab .icon img:nth-child(1) {
        display: block
    }

    .service-box .service-left .service-tab .icon img:nth-child(2) {
        display: none
    }

    .service-box .service-left .service-tab .name {
        font-size: .2rem;
        color: #000;
        font-family: 'syst'
    }

    .service-box .service-left .service-tab .active-icon {
        margin: 0 auto;
        transition: All .5s ease;
        -webkit-transition: All .5s ease;
        -moz-transition: All .5s ease;
        -o-transition: All .5s ease;
        height: 0
    }

    .service-box .service-left .service-tab .active-icon img {
        width: .45rem;
        height: 0;
        object-fit: contain
    }

    .service-box .service-right {
        width: 5.82rem;
        height: 7.69rem;
        background: url(../img/service-right.png) no-repeat center;
        background-size: 100% 100%;
        padding: .4rem .3rem
    }

    .service-box .service-right .item-img-list .item {
        display: none
    }

    .service-box .service-right .item-img-list .item.active {
        display: block
    }

    .sy-overview {
        position: relative;
        z-index: 1;
        padding-left: 3.5rem;
        padding-right: 1.6rem
    }

    .sy-overview .ov-gif {
        position: absolute;
        left: 0;
        top: 0;
        width: 3.18rem;
        height: 3.19rem
    }

    .sy-overview .ov-gif img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .sy-overview .ov-yun {
        position: absolute;
        right: .5rem;
        top: -0.3rem;
        width: 2.4rem;
        height: 2.09rem
    }

    .sy-overview .ov-yun img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .sy-overview .ov-txt .tit {
        white-space: pre;
        font-size: .3rem;
        color: #231815;
        margin-bottom: .54rem;
        font-family: 'syst';
        font-weight: 500
    }

    .sy-overview .ov-txt .desc {
        width: 9.24rem;
        font-size: .18rem;
        line-height: .3rem;
        color: #333
    }

    .sy-overview .ov-detail {
        padding-top: 1.75rem;
        position: relative
    }

    .sy-overview .ov-detail .ov-niu {
        position: absolute;
        left: 0;
        top: .3rem;
        width: 8.53rem;
        height: .79rem;
        background: url(../img/ov-niu.png) no-repeat center;
        background-size: 100% 100%
    }

    .sy-overview .ov-detail .txt {
        width: 9.2rem;
        font-size: .18rem;
        color: #F1C175;
        line-height: .3rem;
        text-align: justify
    }

    .sy-overview .ov-detail .ov-pic {
        position: absolute;
        right: -0.75rem;
        top: -2rem;
        width: 5.81rem;
        height: 5.78rem
    }

    .sy-overview .ov-detail .ov-pic img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .sy-overview .ov-detail .more-1 {
        display: block;
        margin-top: .15rem;
        width: .5rem;
        text-align: center;
        margin: 0 auto;
        margin-top: .25rem
    }

    .sy-overview .ov-detail .more-1 .dian {
        width: .2rem;
        height: .2rem;
        border-radius: 50%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: .02rem
    }

    .sy-overview .ov-detail .more-1 .dian i {
        width: .07rem;
        height: .07rem;
        background: #fff;
        border-radius: 50%;
        position: relative;
        display: block
    }

    .sy-overview .ov-detail .more-1 .dian::after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: .2rem;
        height: .2rem;
        background: rgba(255,255,255,0.3);
        border-radius: 50%
    }

    .sy-overview .ov-detail .more-1 .line {
        width: 1px;
        height: .54rem;
        margin: 0 auto;
        border-left: 1px dashed #fff
    }

    .sy-overview .ov-detail .more-1 .fz {
        width: .26rem;
        height: .14rem;
        margin: .05rem auto
    }

    .sy-overview .ov-detail .more-1 .t {
        font-size: .18rem;
        color: #fff;
        font-family: 'syst'
    }

    .sy-overview .ov-detail .more-1:hover .t {
        text-decoration: underline
    }

    .sy-overview .ov-detail .more-1:hover .dian::after {
        animation: dianSpread 1.2s ease-out infinite
    }

    @keyframes dianSpread {
        0% {
            transform: scale(1);
            opacity: .7
        }

        100% {
            transform: scale(1.5);
            opacity: 0
        }
    }
}

@media only screen and (max-width: 1200px) {
    .sy-bg1 {
        width:100%
    }

    .sy-tit {
        display: flex;
        align-items: center;
        margin-bottom: .3rem;
        position: relative;
        z-index: 2
    }

    .sy-tit .name {
        font-size: .3rem;
        color: #333;
        font-weight: 600;
        font-family: 'syst2'
    }

    .sy-tit .line {
        width: .8rem;
        height: 1px;
        background: #000;
        margin: 0 .3rem
    }

    .sy-tit .desc {
        font-size: .2rem;
        color: #000;
        font-family: 'syst';
        flex: 1
    }

    .sy-service {
        position: relative;
        z-index: 1;
        padding: .5rem .3rem;
        background: url(../img/sv-bg.jpg) no-repeat center;
        background-size: cover
    }

    .sy-service .icon-niao {
        width: 1rem;
        position: absolute;
        right: .1rem;
        top: .65rem;
        margin-top: .3rem
    }

    .sy-service .icon-niao img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .service-box .service-left {
        width: 6.9rem;
        height: 7.5rem;
        background: url(../img/service-left.png) no-repeat center;
        background-size: 100% 100%;
        padding: .4rem;
        padding-top: .88rem;
        margin: 0 auto;
        margin-bottom: .3rem
    }

    .service-box .service-left .service-list {
        width: 100%
    }

    .service-box .service-left .service-list li {
        height: 3.15rem;
        display: none;
        font-size: .2rem
    }

    .service-box .service-left .service-list li.active {
        display: block
    }

    .service-box .service-left .service-list .ticket {
        width: 100%
    }

    .service-box .service-left .service-list .ticket .name {
        font-size: .46rem;
        color: #fff;
        font-weight: 600;
        font-family: 'syst2'
    }

    .service-box .service-left .service-list .ticket .time {
        font-size: .32rem;
        color: #fff;
        font-family: 'syst'
    }

    .service-box .service-left .service-list p.p1 {
        margin-bottom: .16rem;
        color: #000;
        font-family: 'syst'
    }

    .service-box .service-left .service-list p.p2 {
        margin-bottom: .2rem;
        color: #552F0D;
        font-size: .6rem;
        line-height: .6rem;
        font-family: 'syst2';
        font-weight: 600
    }

    .service-box .service-left .service-list .tiket-ul dl {
        display: flex;
        align-items: center;
        margin-bottom: .42rem;
        position: relative
    }

    .service-box .service-left .service-list .tiket-ul dl:last-child {
        margin-bottom: 0
    }

    .service-box .service-left .service-list .tiket-ul dl:last-child::after {
        display: none
    }

    .service-box .service-left .service-list .tiket-ul dl::after {
        content: '';
        position: absolute;
        left: .08rem;
        bottom: -0.4rem;
        width: 1px;
        height: .4rem;
        border-left: 1px dashed #C1A37E
    }

    .service-box .service-left .service-list .tiket-ul dl img {
        width: .17rem;
        height: .17rem;
        object-fit: contain;
        margin-right: .1rem
    }

    .service-box .service-left .service-list .tiket-ul dl p span {
        font-size: .3rem;
        color: #000;
        font-family: 'syst'
    }

    .service-box .service-left .service-tel {
        margin-top: .3rem
    }

    .service-box .service-left .service-tel p {
        font-size: .2rem;
        color: #000
    }

    .service-box .service-left .service-tel p span {
        font-size: .24rem;
        font-family: 'syst'
    }

    .service-box .service-left .service-tab {
        width: 100%;
        height: 1.7rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .service-box .service-left .service-tab li {
        text-align: center
    }

    .service-box .service-left .service-tab li.active .icon {
        background-image: url(../img/sv-2.png)
    }

    .service-box .service-left .service-tab li.active .icon img:nth-child(1) {
        display: none
    }

    .service-box .service-left .service-tab li.active .icon img:nth-child(2) {
        display: block
    }

    .service-box .service-left .service-tab li.active .active-icon {
        display: block;
        height: .25rem
    }

    .service-box .service-left .service-tab li.active .active-icon img {
        height: .25rem
    }

    .service-box .service-left .service-tab .icon {
        width: 1rem;
        height: .98rem;
        background: url(../img/sv-1.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: .1rem
    }

    .service-box .service-left .service-tab .icon img {
        width: .55rem;
        height: .55rem;
        object-fit: contain
    }

    .service-box .service-left .service-tab .icon img:nth-child(1) {
        display: block
    }

    .service-box .service-left .service-tab .icon img:nth-child(2) {
        display: none
    }

    .service-box .service-left .service-tab .name {
        font-size: .2rem;
        color: #000;
        font-family: 'syst'
    }

    .service-box .service-left .service-tab .active-icon {
        margin: 0 auto;
        transition: All .5s ease;
        -webkit-transition: All .5s ease;
        -moz-transition: All .5s ease;
        -o-transition: All .5s ease;
        height: 0
    }

    .service-box .service-left .service-tab .active-icon img {
        width: .45rem;
        height: 0;
        object-fit: contain
    }

    .service-box .service-right {
        width: 5.82rem;
        height: 7.69rem;
        background: url(../img/service-right.png) no-repeat center;
        background-size: 100% 100%;
        padding: .4rem .3rem;
        margin: 0 auto
    }

    .service-box .service-right .item-img-list .item {
        display: none
    }

    .service-box .service-right .item-img-list .item.active {
        display: block
    }

    .sy-overview {
        position: relative;
        z-index: 1
    }

    .sy-overview .ov-b1 {
        padding: 0 .3rem;
        background: url(../img/ov-bg1.jpg) no-repeat top center;
        background-size: cover
    }

    .sy-overview .ov-gif {
        position: absolute;
        left: 0;
        top: 0;
        width: 3.18rem;
        height: 3.19rem
    }

    .sy-overview .ov-gif img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .sy-overview .ov-yun {
        position: absolute;
        right: .5rem;
        top: -0.3rem;
        width: 2.4rem;
        height: 2.09rem
    }

    .sy-overview .ov-yun img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .sy-overview .ov-txt {
        position: relative;
        z-index: 2
    }

    .sy-overview .ov-txt .tit {
        white-space: pre;
        font-size: .3rem;
        color: #231815;
        margin-bottom: .4rem;
        font-family: 'syst';
        font-weight: 500
    }

    .sy-overview .ov-txt .desc {
        font-size: .22rem;
        color: #333
    }

    .sy-overview .ov-detail {
        margin-top: .85rem;
        padding: .5rem .3rem;
        position: relative;
        background: url(../img/ov-bg2.jpg) no-repeat center center;
        background-size: cover
    }

    .sy-overview .ov-detail .ov-niu {
        position: absolute;
        left: .35rem;
        top: -0.35rem;
        width: 3.5rem;
        height: .6rem;
        background: url(../img/ov-niu.png) no-repeat center;
        background-size: contain
    }

    .sy-overview .ov-detail .txt {
        width: 5rem;
        font-size: .22rem;
        color: #F1C175;
        text-align: justify
    }

    .sy-overview .ov-detail .ov-pic {
        position: relative;
        width: 2.8rem;
        height: 2.8rem;
        float: right;
        shape-outside: circle(80%);
        margin-top: -1.3rem
    }

    .sy-overview .ov-detail .ov-pic>img {
        width: 2.5rem;
        height: 2.5rem;
        object-fit: contain;
        position: relative;
        z-index: 2;
        margin-left: .22rem
    }

    .sy-overview .ov-detail .ov-pic::after {
        position: absolute;
        content: '';
        right: -0.3rem;
        top: -0.68rem;
        width: 3rem;
        height: 3rem;
        background: url(../img/ov-bg3.png) no-repeat center;
        background-size: contain
    }

    .sy-overview .ov-detail .more-1 {
        display: block;
        margin-top: .15rem;
        width: .5rem;
        text-align: center;
        margin: 0 auto;
        margin-top: .25rem
    }

    .sy-overview .ov-detail .more-1 .dian {
        width: .2rem;
        height: .2rem;
        border-radius: 50%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: .02rem
    }

    .sy-overview .ov-detail .more-1 .dian i {
        width: .07rem;
        height: .07rem;
        background: #fff;
        border-radius: 50%;
        position: relative;
        display: block
    }

    .sy-overview .ov-detail .more-1 .dian::after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: .2rem;
        height: .2rem;
        background: rgba(255,255,255,0.3);
        border-radius: 50%
    }

    .sy-overview .ov-detail .more-1 .line {
        width: 1px;
        height: .5rem;
        margin: 0 auto;
        border-left: 1px dashed #fff
    }

    .sy-overview .ov-detail .more-1 .fz {
        width: .26rem;
        height: .14rem;
        margin: .1rem auto
    }

    .sy-overview .ov-detail .more-1 .fz img {
        vertical-align: text-top
    }

    .sy-overview .ov-detail .more-1 .t {
        font-size: .2rem;
        color: #fff;
        font-family: 'syst'
    }

    .sy-overview .ov-detail .more-1:hover .t {
        text-decoration: underline
    }

    .sy-overview .ov-detail .more-1:hover .dian::after {
        animation: dianSpread 1.2s ease-out infinite
    }

    @keyframes dianSpread {
        0% {
            transform: scale(1);
            opacity: .7
        }

        100% {
            transform: scale(1.5);
            opacity: 0
        }
    }
}

@media only screen and (min-width: 1200px) {
    .sy-culture {
        padding:.35rem 1.6rem .3rem 3.5rem;
        height: 11.37rem;
        background: url(/static/images/home/culture-bg1.jpg) no-repeat center center;
        background-size: 100% 100%
    }
}

@media only screen and (max-width: 1200px) {
    .sy-culture {
        padding:.35rem 1.6rem .3rem 3.5rem;
        height: 11.37rem;
        background: url(/static/images/home/culture-bg1.jpg) no-repeat center center;
        background-size: cover
    }
}

@media only screen and (min-width: 1200px) {
    .sy-tr {
        padding:.35rem 1.6rem .3rem 3.5rem;
        height: 11.37rem;
        background: url(/static/images/home/tr-bg1.jpg) no-repeat center center;
        background-size: 100% 100%
    }

    .sy-tit3 {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .sy-tit3 .sy-tit .desc,.sy-tit3 .sy-tit .name {
        color: #fff
    }

    .sy-tit3 .sy-tit .line {
        background-color: #fff
    }

    .sy-tit3 .dl-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.71rem;
        height: .69rem;
        background: url(/static/images/home/dl.png) no-repeat center;
        background-size: contain;
        position: relative;
        z-index: 2;
        margin-bottom: .3rem
    }

    .tr-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .tr-left {
        width: 11rem
    }

    .day-line-sw-list {
        background: url(/static/images/home/tr-bg2.png) no-repeat left center;
        background-size: 90% 100%;
        padding: .22rem .26rem
    }

    .day-line-sw-list .item {
        display: none
    }

    .day-line-sw-list .item.active {
        display: block
    }

    .sw3 {
        width: 11rem;
        height: 6.3rem;
        position: relative
    }

    .sw3 .swiper-slide .imgk {
        width: 86%
    }

    .sw3 .swiper-slide img {
        width: 100%;
        display: block
    }

    .sw3 .page-detail {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 86%;
        color: #fff;
        background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5) 100%)
    }

    .sw3 .page-detail .tags {
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
        padding-left: .2rem
    }

    .sw3 .page-detail .tags .tag {
        position: relative;
        width: 1.4rem;
        height: .32rem;
        text-align: center;
        line-height: .32rem;
        color: #F4C47A;
        font-size: .14rem;
        background: url(/static/images/home/tag-bg.png) no-repeat center;
        background-size: 100% 100%;
        margin-right: .3rem
    }

    .sw3 .page-detail .tags .tag::after {
        position: absolute;
        content: '';
        left: -0.3rem;
        top: 50%;
        width: .3rem;
        height: 0;
        border-bottom: 1px dashed #F4C47A
    }

    .sw3 .page-detail .line-addr {
        padding: .2rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .sw3 .page-detail .line-addr li {
        cursor: pointer;
        line-height: .44rem;
        font-size: .15rem;
        position: relative;
        margin-right: .35rem;
        padding-bottom: .1rem
    }

    .sw3 .page-detail .line-addr li::before {
        content: '';
        position: absolute;
        right: -0.25rem;
        top: calc(50% - .06rem);
        width: .16rem;
        height: 1px;
        background: #fff
    }

    .sw3 .page-detail .line-addr li:last-child::before {
        display: none
    }

    .sw3 .page-detail .line-addr li.active {
        color: #F4C47A
    }

    .sw3 .page-detail .line-addr li.active::after {
        content: '';
        position: absolute;
        left: calc(50% - .1rem);
        bottom: 0rem;
        width: .19rem;
        height: .11rem;
        background: url(/static/images/home/icon-hb1.png) no-repeat center;
        background-size: 100% 100%
    }

    .sw3 .page-detail .line-addr li.on {
        color: #F4C47A
    }

    .tr-right {
        max-width: 3rem
    }

    .day-line-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .day-line-list .item {
        position: relative;
        padding-right: .55rem;
        height: 1.75rem;
        margin-bottom: .2rem;
        cursor: pointer
    }

    .day-line-list .item::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: .43rem;
        height: .43rem;
        border-radius: 50%;
        background: url(/static/images/home/tr-y2.png) no-repeat center;
        background-size: 100% 100%
    }

    .day-line-list .item .day {
        font-size: .22rem;
        color: #fff;
        font-family: 'syst'
    }

    .day-line-list .item .desc-tag {
        margin-top: .3rem;
        position: relative;
        float: right
    }

    .day-line-list .item .desc-tag .tag {
        position: relative;
        width: 1.4rem;
        height: .32rem;
        text-align: center;
        line-height: .32rem;
        color: #F4C47A;
        font-size: .14rem;
        background: url(/static/images/home/tag-bg.png) no-repeat center;
        background-size: 100% 100%;
        margin-bottom: .05rem
    }

    .day-line-list .item .desc-tag .tag:first-child::after {
        position: absolute;
        content: '';
        right: 50%;
        top: -0.25rem;
        width: 0rem;
        height: .13rem;
        border-left: 1px dashed #F4C47A
    }

    .day-line-list .item .line {
        width: 1px;
        height: 1.2rem;
        border-right: 1px solid #fff;
        position: absolute;
        right: .22rem;
        top: .6rem;
        opacity: .5
    }

    .day-line-list .item.active .day {
        font-size: .3rem;
        color: #E8C87F;
        font-family: 'syst2'
    }

    .day-line-list .item:last-child {
        margin-bottom: 0
    }

    .day-line-list .item:last-child .line {
        display: none
    }

    .line-desc-list {
        margin-top: .3rem
    }

    .line-desc-list .item {
        font-size: .2rem;
        color: #FFFFFF;
        line-height: .36rem;
        display: none
    }

    .line-desc-list .item.active {
        display: block
    }

    .line-desc-list .more-2 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: .15rem;
        margin-top: .25rem;
        width: 2rem
    }

    .line-desc-list .more-2 .dian {
        width: .2rem;
        height: .2rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: .02rem
    }

    .line-desc-list .more-2 .dian i {
        width: .07rem;
        height: .07rem;
        background: #fff;
        border-radius: 50%;
        position: relative;
        display: block
    }

    .line-desc-list .more-2 .dian::after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: .2rem;
        height: .2rem;
        background: rgba(255,255,255,0.3);
        border-radius: 50%
    }

    .line-desc-list .more-2 .line {
        width: .54rem;
        height: 1px;
        border-bottom: 1px dashed #fff
    }

    .line-desc-list .more-2 .fz {
        width: .26rem;
        height: .14rem;
        margin: 0 .1rem
    }

    .line-desc-list .more-2 .fz img {
        vertical-align: top
    }

    .line-desc-list .more-2 .t {
        font-size: .2rem;
        color: #fff;
        margin: 0 .1rem;
        font-family: 'syst'
    }

    .line-desc-list .more-2:hover .t {
        text-decoration: underline
    }

    .line-desc-list .more-2:hover .dian::after {
        animation: dianSpread 1.2s ease-out infinite
    }

    @keyframes dianSpread {
        0% {
            transform: scale(1);
            opacity: .7
        }

        100% {
            transform: scale(1.5);
            opacity: 0
        }
    }
}

@media only screen and (max-width: 1200px) {
    .sy-tr {
        padding:.35rem .3rem;
        background: url(../img/tr-bg1.jpg) no-repeat center center;
        background-size: 100% 100%
    }

    .sy-tit3 {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .sy-tit3 .sy-tit .desc,.sy-tit3 .sy-tit .name {
        color: #fff
    }

    .sy-tit3 .sy-tit .line {
        background-color: #fff
    }

    .sy-tit3 .dl-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.71rem;
        height: .69rem;
        background: url(../img/dl.png) no-repeat center;
        background-size: contain;
        position: relative;
        z-index: 2;
        margin-bottom: .3rem
    }

    .tr-content {
        width: 100%
    }

    .tr-left {
        width: 6.7rem
    }

    .day-line-sw-list {
        background: url(../img/tr-bg2.png) no-repeat left center;
        background-size: 90% 100%;
        padding: .22rem .26rem
    }

    .day-line-sw-list .item {
        display: none
    }

    .day-line-sw-list .item.active {
        display: block
    }

    .sw3 {
        width: 6.7rem;
        position: relative
    }

    .sw3 .swiper-slide .imgk {
        width: 86%
    }

    .sw3 .swiper-slide img {
        width: 100%;
        display: block
    }

    .sw3 .page-detail {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 86%;
        color: #fff;
        background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5) 100%)
    }

    .sw3 .page-detail .tags {
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
        padding-left: .2rem
    }

    .sw3 .page-detail .tags .tag {
        position: relative;
        width: 1.9rem;
        height: .32rem;
        text-align: center;
        line-height: .32rem;
        color: #F4C47A;
        font-size: .2rem;
        background: url(../img/tag-bg.png) no-repeat center;
        background-size: 100% 100%;
        margin-right: .3rem
    }

    .sw3 .page-detail .tags .tag::after {
        position: absolute;
        content: '';
        left: -0.3rem;
        top: 50%;
        width: .3rem;
        height: 0;
        border-bottom: 1px dashed #F4C47A
    }

    .sw3 .page-detail .line-addr {
        padding: .2rem;
        padding-bottom: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .sw3 .page-detail .line-addr li {
        cursor: pointer;
        line-height: .44rem;
        font-size: .2rem;
        position: relative;
        margin-right: .35rem
    }

    .sw3 .page-detail .line-addr li::before {
        content: '';
        position: absolute;
        right: -0.25rem;
        top: calc(50% - .06rem);
        width: .16rem;
        height: 1px;
        background: #fff
    }

    .sw3 .page-detail .line-addr li:last-child::before {
        display: none
    }

    .sw3 .page-detail .line-addr li.active {
        color: #F4C47A
    }

    .sw3 .page-detail .line-addr li.on {
        color: #F4C47A
    }

    .tr-right {
        max-width: 3rem;
        float: right
    }

    .day-line-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .day-line-list .item {
        position: relative;
        padding-right: .55rem;
        height: 1.75rem;
        margin-bottom: .2rem;
        cursor: pointer
    }

    .day-line-list .item::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: .43rem;
        height: .43rem;
        border-radius: 50%;
        background: url(../img/tr-y2.png) no-repeat center;
        background-size: 100% 100%
    }

    .day-line-list .item .day {
        font-size: .22rem;
        color: #fff;
        font-family: 'syst'
    }

    .day-line-list .item .desc-tag {
        margin-top: .3rem;
        position: relative;
        float: right
    }

    .day-line-list .item .desc-tag .tag {
        position: relative;
        width: 1.9rem;
        height: .32rem;
        text-align: center;
        line-height: .32rem;
        color: #F4C47A;
        font-size: .2rem;
        background: url(../img/tag-bg.png) no-repeat center;
        background-size: 100% 100%;
        margin-bottom: .05rem
    }

    .day-line-list .item .desc-tag .tag:first-child::after {
        position: absolute;
        content: '';
        right: 50%;
        top: -0.25rem;
        width: 0rem;
        height: .13rem;
        border-left: 1px dashed #F4C47A
    }

    .day-line-list .item .line {
        width: 1px;
        height: 1.2rem;
        border-right: 1px solid #fff;
        position: absolute;
        right: .22rem;
        top: .6rem;
        opacity: .5
    }

    .day-line-list .item.active .day {
        font-size: .3rem;
        color: #E8C87F;
        font-family: 'syst2'
    }

    .day-line-list .item:last-child {
        margin-bottom: 0
    }

    .day-line-list .item:last-child .line {
        display: none
    }

    .line-desc-list {
        float: left;
        margin-top: .3rem;
        width: 3.5rem
    }

    .line-desc-list .item {
        font-size: .22rem;
        color: #FFFFFF;
        line-height: .36rem;
        display: none
    }

    .line-desc-list .item.active {
        display: block
    }

    .line-desc-list .item .line-2 {
        -webkit-line-clamp: 8
    }

    .line-desc-list .more-2 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: .15rem;
        margin-top: .25rem;
        width: 2rem
    }

    .line-desc-list .more-2 .dian {
        width: .2rem;
        height: .2rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: .02rem
    }

    .line-desc-list .more-2 .dian i {
        width: .07rem;
        height: .07rem;
        background: #fff;
        border-radius: 50%;
        position: relative;
        display: block
    }

    .line-desc-list .more-2 .dian::after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: .2rem;
        height: .2rem;
        background: rgba(255,255,255,0.3);
        border-radius: 50%
    }

    .line-desc-list .more-2 .line {
        width: .54rem;
        height: 1px;
        border-bottom: 1px dashed #fff
    }

    .line-desc-list .more-2 .fz {
        width: .26rem;
        height: .14rem;
        margin: 0 .1rem
    }

    .line-desc-list .more-2 .fz img {
        vertical-align: top
    }

    .line-desc-list .more-2 .t {
        font-size: .2rem;
        color: #fff;
        margin: 0 .1rem;
        font-family: 'syst'
    }

    .line-desc-list .more-2:hover .t {
        text-decoration: underline
    }

    .line-desc-list .more-2:hover .dian::after {
        animation: dianSpread 1.2s ease-out infinite
    }

    @keyframes dianSpread {
        0% {
            transform: scale(1);
            opacity: .7
        }

        100% {
            transform: scale(1.5);
            opacity: 0
        }
    }
}

@keyframes yuanMove {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media only screen and (min-width: 1200px) {
    .sy-news {
        padding:.35rem 1.6rem .3rem 3.5rem;
        height: 11.37rem;
        background: url(/static/images/home/news-bg1.jpg) no-repeat center center;
        background-size: 100% 100%;
        position: relative
    }

    .news-tag {
        margin-bottom: .36rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .19rem
    }

    .news-tag .tag {
        width: 2.42rem;
        height: .62rem;
        line-height: .62rem;
        font-size: .3rem;
        color: #333;
        text-align: center;
        background: url(/static/images/common/news-tab1.png) no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
        font-family: 'syst'
    }

    .news-tag .tag.active {
        color: #47270C;
        background-image: url(/static/images/common/news-tab2.png)
    }

    .sw4 {
        width: 9.42rem;
        margin: 0 !important
    }

    .news-list {
        padding-top: .15rem
    }

    .news-list li {
        position: relative
    }

    .news-list li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 9.42rem;
        padding-left: .2rem;
        border-bottom: 1px solid #EEEADE;
        height: 1.71rem
    }

    .news-list li .txt {
        width: 70%;
        color: #333;
        font-size: .24rem
    }

    .news-list li .time {
        font-size: .24rem;
        color: #333;
        padding-right: .2rem;
        font-family: 'syst'
    }

    .news-list li .time span {
        font-size: .4rem
    }

    .news-list li .imgk {
        display: none;
        width: 2.42rem;
        height: 1.82rem;
        overflow: hidden;
        border-top-left-radius: .3rem;
        border-bottom-right-radius: .3rem;
        position: absolute;
        right: 0;
        top: calc(50% - .91rem)
    }

    .news-list li .imgk::after {
        position: absolute;
        content: '';
        right: .1rem;
        top: .1rem;
        width: .33rem;
        height: .33rem;
        background: url(../img/icon-to.png) no-repeat center
    }

    .news-list li .imgk img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .news-list li:hover .txt,.news-list li:hover .time {
        color: #47270C
    }

    .news-list li:hover .imgk {
        display: block
    }

    .niu-tab {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 5.45rem;
        height: 10.56rem
    }

    .niu-tab .fz {
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 2;
        transform: translateY(-50%);
        width: 2.8rem;
        height: 6.16rem;
        background: url(/static/images/home/link-fz.png) no-repeat center;
        background-size: 100% 100%
    }

    .niu-tab .yuan {
        position: absolute;
        z-index: 1;
        top: .55rem;
        left: -0.25rem;
        width: 10.9rem;
        height: 10.56rem;
        background: url(/static/images/home/link-y.png) no-repeat center;
        background-size: 100% 100%;
        animation: yuanMove 15s linear infinite;
        transform-origin: center;
        will-change: transform
    }

    .niu-link li {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.6rem;
        height: 1.6rem;
        z-index: 2
    }

    .niu-link li a {
        display: block;
        width: 1.22rem;
        height: 1.22rem;
        padding: .15rem 0;
        font-size: .14rem;
        color: #333;
        border-radius: 50%;
        background: url(../img/link-icon-1.png) no-repeat center;
        background-size: 100% 100%;
        text-align: center;
        font-family: 'syst'
    }

    .niu-link li .icon {
        width: .4rem;
        height: .4rem;
        margin: .05rem auto
    }

    .niu-link li .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .niu-link li .icon img:nth-child(1) {
        display: block
    }

    .niu-link li .icon img:nth-child(2) {
        display: none
    }

    .niu-link li .name {
        font-size: .14rem;
        line-height: .22rem;
        height: .44rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .niu-link li:hover,.niu-link li.active {
        background: url(../img/link-icon-2.png) no-repeat center;
        background-size: 100% 100%
    }

    .niu-link li:hover a,.niu-link li.active a {
        background: none;
        color: #fff
    }

    .niu-link li:hover .icon img:nth-child(1),.niu-link li.active .icon img:nth-child(1) {
        display: none
    }

    .niu-link li:hover .icon img:nth-child(2),.niu-link li.active .icon img:nth-child(2) {
        display: block
    }

    .niu-link li:nth-child(1) {
        top: .7rem;
        right: .2rem
    }

    .niu-link li:nth-child(2) {
        top: 1.75rem;
        left: 1.5rem
    }

    .niu-link li:nth-child(3) {
        top: 3.7rem;
        left: .2rem
    }

    .niu-link li:nth-child(4) {
        top: 6.5rem;
        left: .3rem
    }

    .niu-link li:nth-child(5) {
        top: 8.8rem;
        right: 1.7rem
    }
}

@media only screen and (max-width: 1200px) {
    .sy-news {
        padding:.35rem .3rem;
        background: url(/static/images/home/news-bg1.jpg) no-repeat left center;
        background-size: cover;
        position: relative;
        overflow: hidden
    }

    .news-tag {
        margin-bottom: .36rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .19rem
    }

    .news-tag .tag {
        width: 2.42rem;
        height: .62rem;
        line-height: .62rem;
        font-size: .3rem;
        color: #333;
        text-align: center;
        background: url(../img/news-tab1.png) no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
        font-family: 'syst'
    }

    .news-tag .tag.active {
        color: #47270C;
        background-image: url(../img/news-tab2.png)
    }

    .sw4 {
        width: 100%
    }

    .news-list {
        padding-top: .15rem
    }

    .news-list li {
        position: relative
    }

    .news-list li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding-left: .2rem;
        border-bottom: 1px solid #EEEADE;
        height: 1.71rem
    }

    .news-list li .txt {
        width: 70%;
        color: #333;
        font-size: .24rem
    }

    .news-list li .time {
        font-size: .24rem;
        color: #333;
        padding-right: .2rem;
        font-family: 'syst'
    }

    .news-list li .time span {
        font-size: .4rem
    }

    .news-list li .imgk {
        display: none;
        width: 2.42rem;
        height: 1.82rem;
        overflow: hidden;
        border-top-left-radius: .3rem;
        border-bottom-right-radius: .3rem;
        position: absolute;
        right: 0;
        top: calc(50% - .91rem)
    }

    .news-list li .imgk::after {
        position: absolute;
        content: '';
        right: .1rem;
        top: .1rem;
        width: .33rem;
        height: .33rem;
        background: url(../img/icon-to.png) no-repeat center
    }

    .news-list li .imgk img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .news-list li:hover .txt,.news-list li:hover .time {
        color: #47270C
    }

    .news-list li:hover .imgk {
        display: block
    }

    .niu-tab {
        position: relative;
        left: calc(100vw - 5.65rem);
        width: 5.45rem;
        height: 10.56rem
    }

    .niu-tab .fz {
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 2;
        transform: translateY(-50%);
        width: 2.8rem;
        height: 6.16rem;
        background: url(/static/images/home/link-fz.png) no-repeat center;
        background-size: 100% 100%
    }

    .niu-tab .yuan {
        position: absolute;
        z-index: 1;
        top: .55rem;
        left: -0.25rem;
        width: 10.9rem;
        height: 10.56rem;
        background: url(/static/images/home/link-y.png) no-repeat center;
        background-size: 100% 100%;
        animation: yuanMove 15s linear infinite;
        transform-origin: center;
        will-change: transform
    }

    .niu-link li {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.6rem;
        height: 1.6rem;
        z-index: 2
    }

    .niu-link li a {
        display: block;
        width: 1.22rem;
        height: 1.22rem;
        padding: .15rem 0;
        font-size: .14rem;
        color: #333;
        border-radius: 50%;
        background: url(/static/images/home/link-icon-1.png) no-repeat center;
        background-size: 100% 100%;
        text-align: center;
        font-family: 'syst'
    }

    .niu-link li .icon {
        width: .4rem;
        height: .4rem;
        margin: .05rem auto
    }

    .niu-link li .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .niu-link li .icon img:nth-child(1) {
        display: block
    }

    .niu-link li .icon img:nth-child(2) {
        display: none
    }

    .niu-link li .name {
        font-size: .14rem;
        line-height: .22rem;
        height: .44rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .niu-link li:hover,.niu-link li.active {
        background: url(/static/images/home/link-icon-2.png) no-repeat center;
        background-size: 100% 100%
    }

    .niu-link li:hover a,.niu-link li.active a {
        background: none;
        color: #fff
    }

    .niu-link li:hover .icon img:nth-child(1),.niu-link li.active .icon img:nth-child(1) {
        display: none
    }

    .niu-link li:hover .icon img:nth-child(2),.niu-link li.active .icon img:nth-child(2) {
        display: block
    }

    .niu-link li:nth-child(1) {
        top: .7rem;
        right: .2rem
    }

    .niu-link li:nth-child(2) {
        top: 1.75rem;
        left: 1.5rem
    }

    .niu-link li:nth-child(3) {
        top: 3.7rem;
        left: .2rem
    }

    .niu-link li:nth-child(4) {
        top: 6.5rem;
        left: .3rem
    }

    .niu-link li:nth-child(5) {
        top: 8.8rem;
        right: 1.7rem
    }
}

.ny-topbg {
    position: relative
}

.ny-topbg .nbimg {
    width: 100%
}

.ny-topbg .wal {
    position: relative
}

.ny-topbg .nb-tit {
    position: absolute;
    bottom: 1rem;
    left: 0;
    font-size: .46rem;
    color: #fff
}

.ejlm_wl {
    display: none
}

.ejlm_pc {
    width: 19.2rem;
    position: absolute;
    left: 50%;
    margin-left: -9.6rem;
    top: -0.45rem
}

.ejlm_pc .ejlm {
    position: absolute;
    left: 0;
    top: 0;
    width: 19.2rem;
    background: url(../img/ny-tit.png) no-repeat center;
    background-size: 100% 100%;
    height: .9rem
}

.ejlm_pc.ejlm2 .ejlm {
    background-image: url(../img/dj-tit.png)
}

.ejlm_pc .wal {
    width: 16rem
}

.ejlm_pc .flex {
    height: .9rem;
    align-items: center
}

.ejlm_pc .flex li {
    position: relative;
    margin-right: .75rem;
    border-bottom: 1px solid transparent
}

.ejlm_pc .flex li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .15rem 0;
    font-size: .2rem;
    color: #fff
}

.ejlm_pc .flex li.active,.ejlm_pc .flex li:hover {
    border-bottom: .03rem solid #fff;
    font-weight: 600
}

.ejlm_pc .flex li.active::after,.ejlm_pc .flex li:hover::after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -0.06rem;
    width: .02rem;
    height: .13rem;
    background: #fff
}

.bread {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.bread .lj {
    margin-left: .12rem;
    font-size: .18rem
}

@media only screen and (max-width: 800px) {
    .ny-topbg {
        position:relative;
        height: 3.5rem
    }

    .ny-topbg>img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .ny-topbg .wal {
        position: relative
    }

    .ny-topbg .nb-tit {
        position: absolute;
        bottom: 50px;
        left: 0;
        font-size: 26px;
        color: #fff
    }

    .ejlm_pc h2 {
        width: 100%;
        color: #fff;
        height: .6rem;
        line-height: .6rem;
        font-size: .22rem !important;
        padding: 0 .2rem;
        background: #0c3189
    }

    .ejlm_pc h2::after {
        width: 25px;
        height: 25px;
        background: url(../images/m_n_nav_right.svg) no-repeat;
        background-size: 100%;
        left: auto;
        right: .2rem;
        top: 50%;
        margin-top: -12.5px;
        bottom: auto
    }

    .ejlm_wl ul li a {
        font-size: .24rem
    }

    .ejlm_wl {
        display: block;
        padding-bottom: .2rem
    }

    .ejlm_pc,.ban::after,.ban .yjlm,.ban .imged::after {
        display: none
    }

    .ejlm_wl .wal {
        margin: 0
    }

    .ejlm_wl h2 {
        width: 100%;
        color: #fff;
        height: .8rem;
        line-height: .8rem;
        font-size: .3rem !important;
        padding: 0 .2rem;
        background: #0c3189;
        position: relative
    }

    .ejlm_wl h2::after {
        content: '';
        position: absolute;
        width: .25rem;
        height: .25rem;
        background: url(../img/icon-sz.png) no-repeat center;
        background-size: contain;
        left: auto;
        right: .2rem;
        top: 50%;
        margin-top: -0.125rem;
        bottom: auto
    }

    .ejlm_wl ul {
        box-shadow: 0 .16rem .29rem 0 rgba(69,10,66,0.11);
        background: #fff;
        padding: .1rem 0;
        display: none
    }

    .ejlm_wl li {
        font-size: .24rem;
        line-height: .4rem;
        position: relative
    }

    .ejlm_wl li a {
        color: #333;
        transition: .5s;
        display: block;
        padding: 0 .3rem;
        line-height: 2
    }

    .ejlm_wl li.active a:after {
        opacity: 1
    }

    .ejlm_wl li.active a,.ejlm_wl li:hover a {
        color: #0c3189
    }

    .ejlm2 h2 {
        background: #47270C !important
    }

    .ejlm2 li.active a,.ejlm2 li.active a {
        color: #47270C
    }
}

.ny {
    position: relative;
    min-height: 100vh
}

@media only screen and (min-width: 1680px) {
    .ny-box {
        padding-top:90px;
        padding-bottom: 90px
    }

    .ny-box1 {
        width: 1200px;
        margin: 0 auto
    }

    .ny-box2 {
        width: 1400px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 800px) and (max-width:1680px) {
    .ny-box {
        padding-top:.9rem;
        padding-bottom: .9rem
    }

    .ny-box1 {
        width: 12rem;
        margin: 0 auto
    }

    .ny-box2 {
        width: 14rem;
        margin: 0 auto
    }
}

@media only screen and (max-width: 800px) {
    .ny-box {
        padding-top:.5rem;
        padding-bottom: .5rem
    }

    .ny-box1 {
        margin: 0 auto
    }

    .ny-box2 {
        margin: 0 auto
    }
}

.search-mode {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999
}

.search-mode .nav-ss {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.search-mode .nav-ss .close-btn {
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: .5rem;
    height: .5rem;
    cursor: pointer
}

.search-mode .nav-ss .close-btn img {
    width: 100%;
    height: 100%
}

.search-mode .nav-ss .search-box {
    width: 50vw;
    height: .6rem;
    display: flex;
    align-items: center;
    position: relative
}

.search-mode .nav-ss .search-box .hot {
    position: absolute;
    bottom: -0.6rem;
    font-size: .18rem;
    color: #fff;
    opacity: .8
}

.search-mode .nav-ss .search-box .hot a {
    color: #fff;
    margin-left: .15rem;
    opacity: .8
}

.search-mode .nav-ss .search-box .hot a:hover {
    opacity: 1
}

.search-mode .nav-ss .search-box .inp {
    width: 100%;
    height: .6rem;
    background-color: #fff;
    padding: 0 .2rem;
    font-size: .18rem
}

.search-mode .nav-ss .search-box .submit {
    width: 1.2rem;
    height: .6rem;
    background-color: #C1A37E;
    color: #fff;
    font-size: .18rem;
    cursor: pointer
}

@media only screen and (max-width: 800px) {
    .search-mode {
        display:none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        z-index: 9999
    }

    .search-mode .nav-ss {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .search-mode .nav-ss .close-btn {
        position: absolute;
        right: .5rem;
        top: .5rem;
        width: .5rem;
        height: .5rem;
        cursor: pointer
    }

    .search-mode .nav-ss .close-btn img {
        width: 100%;
        height: 100%
    }

    .search-mode .nav-ss .search-box {
        width: 80vw;
        height: .8rem;
        display: flex;
        align-items: center;
        position: relative
    }

    .search-mode .nav-ss .search-box .hot {
        position: absolute;
        bottom: -0.6rem;
        font-size: .24rem;
        color: #fff;
        opacity: .8
    }

    .search-mode .nav-ss .search-box .hot a {
        color: #fff;
        margin-left: .15rem;
        opacity: .8
    }

    .search-mode .nav-ss .search-box .hot a:hover {
        opacity: 1
    }

    .search-mode .nav-ss .search-box .inp {
        width: 100%;
        height: .8rem;
        background-color: #fff;
        padding: 0 .2rem;
        font-size: .24rem
    }

    .search-mode .nav-ss .search-box .submit {
        width: 1.2rem;
        height: .8rem;
        background-color: #C1A37E;
        color: #fff;
        font-size: .24rem;
        cursor: pointer
    }
}