.x-footer {
    color: #fff;
    position: relative
}

.x-footer .qrimg {
    position: absolute;
    z-index: 99;
    top: 195px;
    width: 160px;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-footer .qrimg.show {
    opacity: 1;
    visibility: visible
}

.x-footer .qrimg::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    content: '';
    position: absolute
}

.x-footer .qrimg .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.x-footer .qrimg .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.x-footer .qrimg .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .w-wrap {
    z-index: 9
}

.x-footer .cont {
    position: relative;
    z-index: 2;
    background-color: #7c3030
}

.x-footer .cont::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -101px;
    background: url(../image/lys/png84.png) no-repeat left top;
    background-size: 100% auto;
    bottom: 0;
    pointer-events: none;
    z-index: 1
}

.x-footer .cont a:hover {
    color: #ce8a8a
}

.x-footer .cont .share-box .share-item {
    border: 2px solid #6f383c;
    background: #613131 no-repeat center center;
    background-size: contain
}

.x-footer .cont .share-box .gotop {
    background-color: #783333
}

.x-footer .slot {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display:flex; */
    height: 200px;
    /* -webkit-box-align:end; */
    -ms-flex-align: end;
    /* align-items:flex-end; */
    overflow: hidden;
}

.x-footer .slot.m-show {
    display: none
}

.x-footer .slot .slot-track {
    width: calc(100% / 21);
    position: relative;
    height: 100%;
}

.x-footer .slot .slot-track .slot-item {
    will-change: top, bottom;
    top: 106px;
    bottom: 0;
    position: relative;
    height: 100%;
    width: 101%;
    left: -0.5%
}

.x-footer .slot .slot-track .s7 {
    top: 85px;
}

.x-footer .slot .slot-track .s8 {
    top: 60px;
}

.x-footer .slot .slot-track .s9 {
    top: 40px;
}

.x-footer .slot .slot-track .s10,.x-footer .slot .slot-track .s12 {
    top: 16px;
}

.x-footer .slot .slot-track .s11 {
    top: 0px
}

.x-footer .slot .slot-track .s13 {
    top: 40px;
}

.x-footer .slot .slot-track .s14 {
    top: 65px;
}

.x-footer .slot .slot-track .s15 {
    top: 85px;
}

.x-footer .slot .s1,.x-footer .slot .s4,.x-footer .slot .s9,.x-footer .slot .s14,.x-footer .slot .s18,.x-footer .slot .s21 {
    background: #c13132
}

.x-footer .slot .s2,.x-footer .slot .s5,.x-footer .slot .s7,.x-footer .slot .s10,.x-footer .slot .s12,.x-footer .slot .s15,.x-footer .slot .s17,.x-footer .slot .s20 {
    background: #7f2425
}

.x-footer .slot .s3,.x-footer .slot .s6,.x-footer .slot .s8,.x-footer .slot .s11,.x-footer .slot .s13,.x-footer .slot .s16,.x-footer .slot .s19 {
    background: #9e2829
}

.x-footer .slot .icon {
    width: 72%;
    position: relative;
    overflow: hidden;
    margin: auto;
    top: 32px
}

.x-footer .slot .icon::before {
    content: '';
    display: block;
    padding-top: 67.16418%
}

.x-footer .slot .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .slot .icon img.i {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-footer .logo {
    width: 390px;
    margin: auto;
    padding: 5.5vw 0 0
}

.x-footer .logo img {
    width: 100%
}

.x-footer .friend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.x-footer .friend .tracker-mod {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.x-footer .friend .tracker-mod .tracker-box {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px
}

.x-footer .friend .tracker-mod .tracker-item {
    margin: 0 13px
}

.x-footer .friend .tracker-mod .tracker-item.cur {
    color: inherit
}

.x-footer .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 90px 0 120px
}

.x-footer .bottom .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-footer .bottom .m_i_n {
    margin-bottom: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .x-footer .bottom .m_i_n {
        font-size:16px
    }
}

.x-footer .bottom .m_i_n .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.x-footer .bottom .m_i_n .item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0)
}

.x-footer .bottom .m_i_n .item+.item {
    margin-left: 45px
}

.x-footer .bottom .m_i_n .icon {
    width: 25px;
    position: relative;
    overflow: hidden;
    margin-right: 15px
}

.x-footer .bottom .m_i_n .icon::before {
    content: '';
    display: block;
    padding-top: 80%
}

.x-footer .bottom .m_i_n .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .bottom .nav_foot a {
    padding: 0 25px;
    position: relative
}

.x-footer .bottom .nav_foot a::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 0.6em;
    border-left: 1px solid #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.x-footer .bottom .nav_foot a:first-child {
    padding-left: 0
}

.x-footer .bottom .nav_foot a:first-child::before {
    display: none
}

.x-footer .bottom .p {
    margin-top: 20px
}

.x-footer .bottom .p span {
    margin-right: 25px;
    display: inline-block
}

.x-footer .bottom .p span:last-child {
    margin-left: 0
}

.x-footer .share-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    float: none
}

.x-footer .share-box .suds-pop {
    border-radius: 0
}

.x-footer .share-box .suds-pop::before {
    border: none
}

.x-footer .share-box .suds-pop::after {
    border-radius: 0
}

.x-footer .share-box .code {
    width: 160px;
    height: 160px;
    padding: 5px
}

.x-footer .share-box .share-item {
    width: 53px;
    height: 53px;
    border-radius: 100%;
    margin-right: 20px
}

.x-footer .share-box .share-item::before {
    display: none
}

.x-footer .share-box .share-item.icon-dy {
    background-image: url(../image/syb/icon_01.png)
}

.x-footer .share-box .share-item.icon-wb {
    background-image: url(../image/syb/icon_02.png)
}

.x-footer .share-box .share-item.icon-wx {
    background-image: url(../image/syb/icon_03.png)
}

.x-footer .share-box .gotop {
    width: 69px;
    height: 69px;
    border-radius: 100%;
    background-image: url(../image/ico_gotop.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

@media screen and (max-width: 1720px) {
    .x-footer .bottom {
        padding:50px 0
    }

    .x-footer .cont::before {
        top: -70px
    }
}

@media screen and (max-width: 1400px) {
    .x-footer .cont::before {
        top:-50px
    }
}

@media screen and (max-width: 1024px) {
    .x-footer {
        font-size:14px;
        margin-top: auto
    }

    .x-footer.smod {
        padding-bottom: 56px
    }

    .x-footer .qrimg {
        top: 100px
    }

    .x-footer .w-wrap {
        padding: 0
    }

    .x-footer .tracker-mod.dir-hor .tracker-item {
        font-size: 14px
    }

    .x-footer .logo {
        width: 40%;
        padding-top: 120px
    }

    .x-footer .bottom {
        padding: 20px 0 0;
        display: block;
        text-align: center
    }

    .x-footer .bottom .m_i_n {
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin-left: 20px
    }

    .x-footer .bottom .m_i_n .icon {
        margin-right: 10px
    }

    .x-footer .bottom .nav_foot {
        margin-bottom: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 20px !important
    }

    .x-footer .bottom .p span {
        margin: 0 5px !important
    }

    .x-footer .bottom .p {
        margin-top: 0px
    }

    .x-footer .share-box {
        margin: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 5px
    }

    .x-footer .share-box .gotop {
        width: 46px;
        height: 46px
    }

    .x-footer .slot {
        height: 50px;
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        z-index: 9;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .slot.p-show {
        display: none
    }

    .x-footer .slot.m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        padding: 0 15px
    }

    .x-footer .slot.m-show .slick-list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 48px;
        height: 48px;
        border: 1px solid #fff;
        border-radius: 99px;
        font-family: xfont;
        color: #fff;
        position: relative;
        margin-right: 20px
    }

    .x-footer .slot.m-show .slick-arrow::before {
        content: '<';
        position: absolute;
        font-family: '\5b8b\4f53';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 20px
    }

    .x-footer .slot.m-show .slick-next::before {
        content: '>'
    }

    .x-footer .slot .icon {
        top: auto;
        margin: 0
    }

    .x-footer .slot .slot-track {
        margin: 0
    }

    .x-footer .slot .slot-track .slot-item {
        top: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none !important;
        transform: none !important;
        width: 50px;
        height: 50px;
        border-radius: 99px;
        margin: auto
    }

    .x-footer .share-box .gotop {
        background-size: 20px auto
    }
.container02-1{
    padding-bottom: 130px;
}
.container02-1 .w1200 {
    padding: 2rem 0 0;
}
}

@media screen and (max-width: 850px) {
    .x-footer .cont::before {
        top:-40px
    }
}

@media screen and (max-width: 767px) {
    .x-footer .w-wrap {
        padding:10px 0
    }

    .x-footer .logo {
        padding-top: 100px;
        width: 60%
    }

    .x-footer .share-box .suds-pop {
        padding: 5px
    }

    .x-footer .share-box .code {
        width: 100px;
        height: 100px;
        padding: 0
    }

    .x-footer .cont::before {
        top: -20px
    }

    .x-footer .bottom .m_i_n {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .x-footer .bottom .m_i_n .item {
        width: 50%;
        padding-left: 30px;
        margin-top: 5px;
        font-weight: normal
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin: 5px 0 0
    }

    .x-footer .slot.m-show .slick-arrow {
        margin-right: 10px
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 10px !important
    }

    .x-footer .bottom {
        padding-top: 10px
    }

    .x-footer .bottom .m_i_n .icon {
        width: 15px
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 40px;
        height: 40px
    }
}

.x-header_new {
    z-index: 9;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin: auto
}

.x-header_new.home {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    color: #fff
}

.x-header_new.home .x-wrap {
    max-width: 1500px
}

.x-header_new.home .nav-mod {
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15)
}

.x-header_new.home .nav-mod .nav-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none
}

.x-header_new.home .nav-mod .nav-lv1-item {
    padding: 0 32px
}

.x-header_new.home .nav-mod .nav-lv2 {
    color: #333
}

.x-header_new.home .nav-mod .splite {
    display: none
}

.x-header_new .box-1 {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 2
}

.x-header_new .box-1 .box1-logo {
    width: 598px;
    padding-top: 7.1875%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    position: absolute
}

.x-header_new .box-1 .box1-logo .syx {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 100%;
    white-space: nowrap;
    top: 22px;
    line-height: 40px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-logo .syx {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-logo .box1-bg {
    pointer-events: none
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box img {
    width: 100%;
    height: auto
}

.x-header_new .box-1 .box1-logo .box1-bg .svgbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 25.91973%;
    background: url(../image/lys/png115-1.png) no-repeat top left;
    background-size: contain
}

.x-header_new .box-1 .box1-logo .logo-box {
    width: 248px;
    position: relative;
    overflow: hidden;
    margin-left: -17px;
    position: absolute;
    top: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-1 .box1-logo .logo-box::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .box-1 .box1-logo .logo-box .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-top {
    border-bottom: 2px solid #c9784c;
    background: #7c3030;
    position: relative;
    z-index: 9
}

.x-header_new .box-1 .box1-top .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0
}

.x-header_new .box-1 .box1-top .flexbox .item+.item {
    margin-left: 40px
}

.x-header_new .box-1 .box1-top .flexbox .ffar {
    font-family: 'Arial'
}

.x-header_new .box-1 .box1-top .search-mod .search-tap {
    background: #923838
}

.x-header_new .box-1 .box1-bot {
    border-bottom: 1px solid rgba(124,48,48,0.07);
    position: relative
}

.x-header_new .box-1 .box1-bot::before {
    content: '';
    height: 214px;
    background: url(../image/lys/png116.png) no-repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    display: none;
    pointer-events: none
}

.x-header_new .box-1 .box1-bot a {
    display: block
}

.x-header_new .box-1 .box1-bot .box1-navbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.x-header_new .box-1 .box1-bot .nav-lv1-tit {
    color: #7c3030
}

.x-header_new .box-1 .box1-bot .nav-lv1-item {
    font-size: 22px;
    position: relative
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size:18px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv1-item::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
    border-top: 1px solid #7c3030;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
    margin-left: 35px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item.cur::before {
    left: 0;
    right: 0
}

.x-header_new .box-1 .box1-bot .nav-lv1-item .nav-lv1-link {
    padding: 26px 0 7px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
    left: auto;
    margin: 0;
    right: -60%;
    -webkit-transform: none;
    transform: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 20px;
    margin-left: 93px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
    padding: 20px 60px 36px 47px;
    width: 788px;
    background: url(../image/lys/jpg77.jpg) no-repeat left bottom;
    background-size: cover
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-lbox {
    width: 59.765%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 40px;
    margin-top: 54px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .p {
    font-size: 16px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox {
    position: relative;
    display: inline-block;
    margin-top: 17px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: 10px;
    border-radius: 0 50px 0 50px;
    z-index: 1;
    background-color: rgba(99,21,19,0.3)
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img {
    width: 207px;
    position: relative;
    overflow: hidden;
    border-radius: 0 50px 0 50px;
    z-index: 2
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img::before {
    content: '';
    display: block;
    padding-top: 56.03865%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item {
    width: calc((100% - 41px) / 2);
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item::after {
    content: '';
    border-top: 1px solid #c26060;
    position: absolute;
    right: 0;
    left: 27px;
    top: 0
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a {
    padding: 12px 0 12px 27px;
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #c26060;
    position: absolute;
    left: 0px;
    top: 25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-size: contain
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::after {
    content: '';
    background: url(../image/lys/png77.png) no-repeat center;
    -webkit-transform: none;
    transform: none;
    width: 21px;
    height: 19px;
    top: 18px;
    left: -7px;
    position: absolute;
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(2n) {
    margin-left: 40px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(-n+2)::after {
    border-top: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::before {
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::after {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot {
    border-bottom-color: rgba(255,255,255,0.07)
}

.x-header_new.header-fixed .box-1 .box1-bot::before {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-tit {
    color: #fff
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-item::before {
    border-color: #fff
}

.x-header_new .box-2 {
    background-color: #7e2f2f;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    right: 0;
    border-bottom: 2px solid #c9784c
}

.x-header_new .box-2 .nav-mod .nav-lv2 {
    padding-top: 34px
}

.x-header_new .box-2 .nav-mod .nav-lv2::after {
    top: 2px
}

.x-header_new .box-2 .slogan {
    width: 415px;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 33px;
    right: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(../image/lys/png80.png) no-repeat center;
    background-size: contain
}

.x-header_new .box-2 .slogan::before {
    content: '';
    display: block;
    padding-top: 6.71506%
}

.x-header_new .box-2 .slogan .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-2-logobox {
    width: 475px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-2-logobox::before {
    content: '';
    width: 100%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-2.png) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    display: block;
    pointer-events: none
}

.x-header_new .box-2-logobox::after {
    content: '';
    width: 125.89473%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-1.gif) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.x-header_new .logo {
    width: 248px;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 24px;
    z-index: 3
}

.x-header_new .logo::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .logo .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .logo img {
    width: 100%;
    display: block
}

.x-header_new .logo img:nth-child(2) {
    opacity: 0
}

.x-header_new .logo img.i-show {
    opacity: 1
}

.x-header_new .logo img.i-hid {
    opacity: 0
}

.x-header_new .splite {
    width: 418px;
    margin-left: 32px
}

.x-header_new .top {
    background-color: #7c3030
}

.x-header_new .top .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 57px;
    position: relative;
    z-index: 1;
    line-height: 57px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.x-header_new .top .x-wrap::after {
    display: none
}

.x-header_new .top .l .item:nth-child(n+2) {
    margin-left: 38px
}

.x-header_new .bottom {
    display: none
}

.x-header_new .tools-mod {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .tools-mod .tools-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.x-header_new .tools-mod .tools-item+.tools-item {
    margin-left: 38px
}

.x-header_new .search-mod .search-tap {
    width: 75px;
    height: 40px;
    background-color: #c64141;
    border-radius: 99px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .x-header_new .search-mod .search-tap {
        font-size:16px
    }
}

.x-header_new .search-mod .search-tap::before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../image/lys/png62.png) no-repeat;
    background-size: contain;
    -webkit-transform: none;
    transform: none;
    position: static;
    vertical-align: middle
}

.x-header_new .search-mod .search-tap:hover {
    color: #fff
}

.x-header_new .search-mod .search-tap ~ .search-box {
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    right: 0px;
    overflow: visible;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    width: 487px;
    background-color: #314769;
    height: 70px;
    border-radius: 999px;
    margin-top: 28px
}

.x-header_new .search-mod .search-btn {
    width: 75px;
    color: #fff;
    background-color: #466495;
    border-radius: 999px
}

.x-header_new .search-mod .search-submit {
    width: 100%
}

.x-header_new .search-mod .search-txt,.x-header_new .search-mod .search-btn {
    display: block
}

.x-header_new .search-mod .search-txt {
    padding: 0 1em 0 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-header_new .search-mod .search-input {
    height: 100%;
    color: #fff
}

.x-header_new .search-mod .search-input::-webkit-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-moz-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input:-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::placeholder {
    color: #6984ad
}

.x-header_new .search-tap {
    -webkit-transition: none;
    transition: none
}

.x-header_new.white {
    background: rgba(255,255,255,0.8)
}

.x-header_new.white .search-mod .search-tap {
    background: #7c3030;
    color: #fff
}

.x-header_new.white .search-mod .search-tap ~ .search-box {
    background: #7c3030
}

.x-header_new.white .search-mod .search-input::-webkit-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-moz-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input:-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-btn {
    color: #7c3030;
    background-color: #fff
}

.x-header_new.white .logo img:nth-child(2) {
    opacity: 1
}

.x-header_new.white .nav-mod {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2 {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2::after {
    background: rgba(255,255,255,0.7)
}

.x-header_new.white .nav-mod .nav-lv1-item .nav-lv1-link::after {
    border-color: #ab0d29
}

.x-header_new.white .nav-mod .nav-lv2-item .nav-lv2-link::before {
    background-image: url(../image/lys/png67-1.png)
}

.x-header_new.white .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
    background-image: url(../image/lys/png68-1.png)
}

.x-header_new .logo .syx {
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
    color: #fff
}

@media screen and (min-width: 1025px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::before {
        display:none
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::after {
        display: block
    }

    .x-header_new.wht {
        position: fixed
    }

    .x-header_new.wht .box-1 {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        display: none
    }

    .x-header_new.wht .box-2 {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

    .x-header_new {
        color: #fff
    }

    .x-header_new .box-1 .box1-top a:hover {
        color: #ce5656
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover::before {
        left: 0;
        right: 0
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover .nav-lv2 {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover::before {
        background: url(../image/lys/png77.png) no-repeat center;
        -webkit-transform: none;
        transform: none;
        width: 21px;
        height: 19px;
        top: 19px;
        left: -34px
    }

    .x-header_new .box-2 .slogan.show {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-2 .slogan.lshow {
        opacity: 1;
        visibility: visible;
        right: auto;
        left: 0px
    }

    .x-header_new .top a:hover {
        color: #ce5656
    }

    .x-header_new .nav-mod {
        border: none;
        padding-top: 0 !important
    }

    .x-header_new .nav-mod .nav-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border: none
    }

    .x-header_new .nav-mod .nav-box::after {
        display: none
    }

    .x-header_new .nav-mod .nav-tit .arr {
        display: none
    }

    .x-header_new .nav-mod .nav-link {
        display: block;
        white-space: nowrap
    }

    .x-header_new .nav-mod .nav-lv {
        position: absolute;
        min-width: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden
    }

    .x-header_new .nav-mod .nav-lv1 {
        text-align: center;
        font-size: 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        display: inline-block;
        font-size: 16px
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link {
        position: relative
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link::after {
        content: '';
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        border-top: 3px solid #c13f3f;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .x-header_new .nav-mod .nav-lv1-item.cur .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 93px
    }

    .x-header_new .nav-mod .nav-lv2 {
        position: absolute;
        background: none;
        border-bottom: none;
        padding: 32px 0;
        width: auto;
        top: 100%;
        left: 0;
        min-width: 0;
        color: #fff
    }

    .x-header_new .nav-mod .nav-lv2::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2000px;
        right: -2000px;
        background-color: rgba(130,50,50,0.9)
    }

    .x-header_new .nav-mod .nav-grp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 2
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 50px
    }

    .x-header_new .nav-mod .nav-lv2-item:last-child {
        margin-right: 0
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        text-align: center
    }

    .x-header_new .nav-mod .nav-lv2-link {
        padding-left: 30px;
        position: relative
    }

    .x-header_new .nav-mod .nav-lv2-link::before {
        content: "";
        position: absolute;
        left: 13px;
        top: 50%;
        background: #c64141;
        width: 7px;
        height: 7px;
        margin-top: -4px
    }

    .x-header_new .nav-mod .nav-lv2-link::after {
        content: '';
        background-image: url(../image/lys/png79.png);
        width: 21px;
        height: 19px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px;
        display: none
    }

    .x-header_new .nav-mod .nav-lv3 {
        left: 100%;
        top: 0
    }

    .x-header_new .nav-mod .nav-lv3-item {
        position: relative;
        float: left
    }

    .x-header_new .nav-mod .nav-lv3-item+.nav-lv3-item {
        margin-top: 8px
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-lv {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #fff
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new.white .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        background-image: url(../image/lys/png68-1.png)
    }
}

@media screen and (max-width: 1920px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(3) .nav-lv2 {
        left:auto;
        margin: 0;
        right: -80%;
        -webkit-transform: none;
        transform: none
    }

    .x-header_new .box-2 .slogan {
        width: 415px;
        top: 32px
    }
}

@media screen and (max-width: 1700px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 {
        margin:0
    }
}

@media screen and (max-width: 1600px) {
    .x-header_new .search-mod .search-tap {
        padding:6px 15px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 20px
    }

    .x-header_new .box-1 .box1-top .flexbox {
        padding: 15px 0
    }

    .x-header_new .box-1 .box1-logo .syx {
        top: 15px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size: 20px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
        margin-left: 20px
    }

    .x-header_new .box-1 .box1-logo {
        width: 500px
    }

    .x-header_new .box-1 .box1-logo .logo-box {
        top: 20px;
        width: 200px;
        margin-left: -30px
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
        width: 700px
    }
}

@media screen and (max-width: 1500px) {
    .x-header_new .box-2 .slogan {
        width:375px;
        top: 34px
    }
}

@media screen and (max-width: 1400px) {
    .x-header_new .nav-mod .nav-lv1-link {
        line-height:70px
    }

    .x-header_new .splite {
        width: 300px
    }

    .x-header_new .logo {
        width: 200px;
        top: 20px
    }

    .x-header_new .box-2-logobox {
        width: 360px
    }

    .x-header_new .box-1 .box1-top .flexbox .item+.item {
        margin-left: 30px
    }

    .x-header_new .box-1 .box1-logo {
        width: 440px
    }

    .x-header_new .box-2 .slogan {
        width: 330px;
        top: 35px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 10px
    }
}

@media screen and (max-width: 1300px) {
    .x-header_new.home .logo {
        height:60px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 30px
    }

    .x-header_new .top .x-wrap {
        height: 60px;
        line-height: 60px;
        font-size: 14px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 70px
    }

    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left: 30px
    }

    .nav-mod .nav-lv2 {
        width: 600px
    }

    .x-header_new .tools-mod .search-mod .search-box {
        width: 370px;
        height: 61px;
        padding: 10px 10px 10px 0
    }

    .x-header_new .box-2-logobox {
        width: 320px
    }

    .x-header_new .logo {
        top: 15px
    }

    .x-header_new .box-2 .slogan {
        width: 300px;
        top: 37px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
        right: 0%
    }

    .x-header_new .box-1 .box1-logo {
        width: 430px
    }
}

@media screen and (max-width: 1200px) {
    .x-header_new .box-1 .box1-logo {
        width:400px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 15px
    }

    .x-header_new .nav-mod .nav-lv1-item {
        font-size: 14px
    }

    .x-header_new .box-2 .slogan {
        width: 250px;
        top: 36px
    }
}

@media screen and (max-width: 1100px) {
    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left:25px
    }

    .x-header_new .box-1 .box1-logo .syx {
        margin-left: -80px
    }

    .x-header_new .box-2 .slogan {
        width: 200px;
        top: 39px
    }
}

@media screen and (max-width: 1024px) {
    .x-layout {
        padding-top:0px
    }

    .x-header_new.home {
        color: #333;
        position: relative
    }

    .x-header_new .box-2 {
        opacity: 1;
        visibility: visible;
        position: relative;
        border-width: 0px
    }

    .x-header_new .box-2 .slogan-wrap {
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0
    }

    .x-header_new .box-2 .slogan {
        width: 50.1333%;
        position: relative;
        overflow: hidden;
        position: absolute;
        right: 9%;
        left: auto;
        z-index: 9;
        background-image: url(../image/lys/png122.png);
        opacity: 1;
        visibility: visible;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .x-header_new .box-2 .slogan::before {
        content: '';
        display: block;
        padding-top: 7.18085%
    }

    .x-header_new .box-2 .slogan .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .box-2 .nav-mod .nav-lv2 {
        padding-top: 10px
    }

    .x-header_new .x-wrap {
        margin: 0
    }

    .x-header_new .splite {
        width: auto
    }

    .x-header_new .top {
        display: none
    }

    .x-header_new .bottom {
        display: block;
        height: auto;
        line-height: 1;
        background-color: #fff
    }

    .x-header_new .bottom .l {
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #ddd
    }

    .x-header_new .bottom .l .item {
        margin: 0 !important
    }

    .x-header_new .bottom .tools-mod {
        border-top: 1px solid #b36563;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .x-header_new .bottom .tools-mod::after {
        display: none
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 0 !important
    }

    .x-header_new .bottom .search-mod .search-tap {
        width: 20px;
        height: 20px
    }

    .x-header_new .menu-mod {
        position: relative;
        padding: 10px 15px;
        height: 60px;
        z-index: 2
    }

    .x-header_new .menu-mod::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #bc7b54
    }

    .x-header_new .menu-mod .logo {
        width: 48.58156%;
        left: 13.47517%;
        -webkit-transform: none;
        transform: none;
        top: 20%
    }

    .x-header_new .menu-mod .logo a {
        padding: 0
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0
    }

    .x-header_new.home .tools-mod .eml {
        background-image: url(../image/ico_mail.png)
    }

    .x-header_new .menu-btn {
        position: absolute;
        width: 40px;
        overflow: hidden;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px
    }

    .x-header_new .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .x-header_new .menu-btn .line {
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .x-header_new .menu-btn .line,.x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #fff;
        border-radius: 1px
    }

    .x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .x-header_new .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        transform: translateY(-400%)
    }

    .x-header_new .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        transform: translateY(400%)
    }

    .x-header_new .search-box,.x-header_new .share-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        padding: 5px 15px
    }

    .x-header_new .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc;
        background-color: #fff
    }

    .x-header_new .search-box>* {
        width: 0;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .x-header_new .search-box>:last-child {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .x-header_new .search-box .search-input {
        display: block;
        width: 100%;
        height: 30px
    }

    .x-header_new .search-box .search-input::-webkit-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-moz-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input:-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-submit {
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px
    }

    .x-header_new .share-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #ccc
    }

    .x-header_new .share-box .share-item {
        font-size: 1.2em
    }

    .x-header_new .nav-mod {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        padding-top: 135px;
        background: url(../image/lys/jpg79.jpg) no-repeat bottom center;
        background-size: 100% auto;
        color: #fff;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    .x-header_new .nav-mod .x-wrap {
        margin: 0 15px
    }

    .x-header_new .nav-mod .search-box,.x-header_new .nav-mod .nav-box,.x-header_new .nav-mod .bottom {
        background: transparent
    }

    .x-header_new .nav-mod .search-box {
        background: #b36563;
        border-radius: 999px;
        border: none;
        margin-bottom: 10px;
        padding-right: 10px
    }

    .x-header_new .nav-mod .x-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .x-header_new .nav-mod .splite {
        display: none
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 1.8;
        padding: 10px 0
    }

    .x-header_new .nav-mod .nav-lv2 {
        width: auto;
        color: #b36563
    }

    .x-header_new .nav-box {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        background-color: #fff
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::before {
        display: none
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::after {
        display: block
    }

    .x-header_new .nav-box .nav-lv2-item.cur .nav-lv2-link {
        color: #fff
    }

    .x-header_new .nav-item.act>.nav-tit .arr {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .x-header_new .nav-item.act>.nav-tit .arr::before {
        right: auto;
        left: 0
    }

    .x-header_new .nav-lv1-item {
        padding: 0 0 0 35px
    }

    .x-header_new .nav-tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .x-header_new .nav-tit .arr {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 40px;
        height: auto;
        color: #b36563
    }

    .x-header_new .nav-tit .arr::before {
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }

    .x-header_new .nav-tit .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .x-header_new .nav-tit+.nav-lv {
        display: none
    }

    .x-header_new .nav-lv1-tit {
        border-bottom: 1px solid #b36563;
        position: relative
    }

    .x-header_new .nav-lv1-tit::before,.x-header_new .nav-lv1-tit::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .x-header_new .nav-lv1-tit::before {
        width: 7px;
        height: 7px;
        background-image: url(../image/lys/png135.png);
        right: calc(100% + 19px)
    }

    .x-header_new .nav-lv1-tit::after {
        width: 21px;
        height: 19px;
        background-image: url(../image/lys/png134.png);
        right: calc(100% + 14px);
        display: none
    }

    .x-header_new .nav-lv1-link {
        font-size: 1.125em
    }

    .x-header_new .nav-lv2 {
        padding: 10px 15px
    }

    .x-header_new .nav-lv2-tit {
        padding: 5px 0
    }

    .x-header_new.menu-open {
        z-index: 999
    }

    .x-header_new.menu-open .line {
        background-color: transparent
    }

    .x-header_new.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .x-header_new.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .x-header_new.menu-open .nav-mod {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    .x-header_new.white .menu-btn .line,.x-header_new.white .menu-btn .line::before,.x-header_new.white .menu-btn .line::after {
        background: #7c3030
    }

    .x-header_new.white.menu-open .line {
        background-color: transparent
    }

    .x-header_new .box-2-logobox {
        -webkit-transform: none;
        transform: none;
        top: 0;
        left: 0;
        width: 37.6%
    }

    .x-header_new .box-2-logobox::before {
        background-image: url(../image/lys/png121.png);
        padding-top: 26.5957%;
        background-position: left top
    }

    .x-header_new .box-2-logobox::after {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .x-header_new .box-2-logobox {
        width:40%
    }
}

@media screen and (max-width: 767px) {
    .x-header_new .menu-mod .logo {
        left:15px;
        width: 40%;
        overflow: inherit
    }

    .x-header_new .menu-mod .logo .syx {
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff;
        font-size: 14px;
        white-space: nowrap;
        margin-left: 10px
    }

    .x-header_new .box-2-logobox {
        width: 60%
    }

    .x-header_new .box-2-logobox::before {
        background-position: right top;
        margin-left: -85px
    }

    .x-header_new .box-2 .slogan {
        width: 35%;
        right: 13%
    }

    .x-header_new .nav-mod {
        padding: 95px 0 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        padding-left: 20px
    }

    .x-header_new .nav-mod .nav-lv2 {
        padding: 0px 10px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        padding: 5px 0
    }

    .x-header_new .nav-mod .nav-lv1-tit::before {
        right: calc(100% + 9px)
    }

    .x-header_new .nav-mod .nav-lv1-tit::after {
        width: 13px;
        height: 13px;
        right: calc(100% + 5px)
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        padding: 3px 0
    }

    .x-header_new .menu-btn {
        right: 5px
    }

    .x-header_new .logo .syx {
        text-align: center;
        margin-top: 0
    }

    .x-header_new .bottom .tools-mod {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 15px
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 5px !important
    }
}

@media screen and (max-width: 500px) {
    .x-header_new .box-2-logobox {
        width:75%
    }
}

.audio-mod.ui {
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 5px
}

.audio-mod .audio-title {
    padding: 1em;
    text-align: center
}

.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
    border: 0;
    height: 30px
}

.audio-mod .audio-list .select-cont {
    left: auto;
    width: 300px
}

.audio-mod .audio-control {
    float: left
}

.audio-mod .audio-play {
    border: 1px solid;
    border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
    -webkit-animation: animat-ring 3s linear infinite;
    animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,.audio-mod .audio-next.disable {
    background: #ccc;
    cursor: default;
    pointer-events: none
}

.audio-mod .audio-volume {
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 1em 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
    position: relative;
    margin: auto;
    width: 4px;
    height: 50px;
    background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 999px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
    opacity: 1;
    visibility: visible
}

.audio-mod .audio-panel {
    margin-left: 4em;
    margin-top: 5px
}

.audio-mod .audio-progress {
    position: relative;
    margin-bottom: 5px;
    height: 4px;
    background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 999px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.audio-mod .audio-time {
    position: relative;
    font-family: arial;
    line-height: 1;
    overflow: hidden
}

.audio-mod .audio-current {
    float: left
}

.audio-mod .audio-duration {
    float: right
}

.audio-mod .audio-surplus {
    float: right
}

@media screen and (max-width: 1024px) {
    .audio-mod .audio-volume-box {
        display:none
    }
}

.banner_page {
    height: 818px;
    position: relative;
    color: #fff;
    overflow: hidden
}

.banner_page .bread-mod {
    color: inherit
}

.banner_page .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: no-repeat center center / cover
}

.banner_page .bg .mask {
    background: #000
}

.banner_page .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

.banner_page .head .lt {
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 1em;
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .lb {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 1.1em;
    -webkit-transition: all 1s ease-out 2s;
    transition: all 1s ease-out 2s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -1em;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    opacity: 0
}

.banner_page .head .title {
    position: relative;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.banner_page.showd .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page.showd .head {
        font-size:28px
    }
}

.banner_page.showd .head .lt {
    clip: rect(0, 200px, 500px, 0)
}

.banner_page.showd .head .lb {
    clip: rect(0, 200px, 300px, 0)
}

.banner_page.showd .head .img {
    opacity: 1
}

.banner_page.showd .head .title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.banner_page .nav {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 30px;
    bottom: 2em;
    text-align: center;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .banner_page .nav {
        font-size:22px
    }
}

.banner_page .nav a {
    margin: 0 1em;
    display: inline-block
}

.banner_page .nav a.now {
    font-size: 1.3em
}

.banner_page .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.banner_page .box1 .b {
    margin-top: 3.5em
}

@media screen and (max-width: 1400px) {
    .banner_page {
        height:708px
    }

    .banner_page .head {
        font-size: 38px
    }

    .banner_page .head .img {
        -webkit-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95)
    }

    .banner_page .nav {
        bottom: 1em;
        font-size: 26px
    }

    .banner_page .head .img {
        margin-top: -0.5em
    }

    .banner_page .head .lt {
        bottom: 44%
    }

    .banner_page .head .lb {
        top: 53%
    }

    .banner_page .head .title {
        margin-top: 36px
    }
}

@media screen and (max-width: 1200px) {
    .banner_page .nav {
        font-size:24px
    }
}

@media screen and (max-width: 1100px) {
    .banner_page .head .title {
        font-size:33px
    }
}

@media screen and (min-width: 1025px) {
    .banner_page .nav a:hover {
        font-size:1.3em
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head {
        position:absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 48px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head .lt {
        clip:rect(0, 200px, 500px, 0)
    }

    .banner_page .head .lb {
        clip: rect(0, 200px, 300px, 0)
    }

    .banner_page .head .img {
        opacity: 1
    }

    .banner_page .head .title {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width: 1023px) {
    .banner_page {
        height:300px
    }

    .banner_page.showd .head {
        top: 0
    }

    .banner_page.showd .title {
        font-size: 26px
    }

    .banner_page .head {
        font-size: 26px;
        top: 0
    }

    .banner_page .img {
        width: 200px
    }

    .banner_page .lt {
        width: 60px
    }

    .banner_page .lb {
        width: 6px
    }

    .banner_page .nav {
        font-size: 18px
    }

    .banner_page .nav a {
        margin: 0 0.8em
    }

    .banner_page .head .title {
        margin-top: 0
    }

    .banner_page .head .lb {
        top: 45%
    }
}

@media screen and (max-width: 768px) {
    .banner_page .head .lt {
        bottom:50%
    }

    .banner_page .head .lb {
        top: 50%
    }
}

div[data-search] * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,div[data-search] .BMapLib_sms_pnl_phone button,div[data-search] .BMapLib_sms_pnl_phone textarea,div[data-search] .BMapLib_sms_pnl_phone select {
    min-height: auto;
    border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
    overflow: auto
}

div[data-search] .infoBox {
    padding: 10px;
    width: 290px;
    background-color: #fff
}

div[data-search] .infoBox>img {
    top: 10px;
    right: 10px !important
}

.bdmap {
    height: 600px
}

.bread-mod {
    position: absolute;
    left: 0;
    top: 35px;
    right: 0;
    color: #999;
    z-index: 2
}

.bread-mod .bread-item {
    display: inline-block
}

.bread-mod .bread-item+.bread-item::before {
    content: '>';
    padding: 0 5px;
    font-family: Arial
}

@media screen and (min-width: 1025px) {
    .bread-mod .bread-link:hover {
        color:#aa1332
    }
}

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

.paging-mod {
    text-align: center;
    margin: 75px 0
}

.paging-mod .paging-box {
    display: inline-block;
    vertical-align: top
}

.paging-mod .paging-item {
    float: left;
    min-width: 36px;
    font-family: Arial;
    font-size: 16px;
    line-height: 34px
}

.paging-mod .paging-arrow,.paging-mod .paging-link {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.paging-mod .paging-arrow:first-child {
    margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
    margin-left: 12px
}

.paging-mod .paging-link+.paging-arrow {
    margin-left: 10px
}

.paging-mod .paging-link.cur {
    background-color: #aa1332;
    border-color: #aa1332;
    color: #fff;
    cursor: default;
    pointer-events: none
}

.paging-mod .paging-dot {
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.2em
}

.paging-mod .paging-jump {
    margin-left: 26px;
    width: 120px;
    height: 40px;
    border: 1px solid #aa1332;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    top: -2px
}

.paging-mod .paging-table {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff
}

.paging-mod .paging-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.paging-mod .paging-cell:first-child {
    border-radius: 4px 0 0 4px;
    border-right: none
}

.paging-mod .paging-input {
    display: block;
    padding: 0 10px;
    width: 100%;
    line-height: 1.5;
    text-align: center
}

.paging-mod .paging-btn {
    display: block;
    width: 55px;
    cursor: pointer;
    border-radius: 4px;
    background: #aa1332;
    color: #fff;
    height: 34px;
    margin-right: 2px;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif
}

.paging-mod .paging-more {
    display: none
}

@media screen and (min-width: 1025px) {
    .paging-mod .paging-link:not(.cur):hover,.paging-mod .paging-arrow:hover {
        background-color:#aa1332;
        border-color: #aa1332;
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .paging-mod {
        margin:30px 0
    }

    .paging-mod .paging-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 34px;
        display: none
    }

    .paging-mod .paging-item,.paging-mod .paging-input {
        line-height: normal
    }

    .paging-mod .paging-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .paging-mod .paging-more {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #ddd;
        border-radius: 999px;
        background: #ddd;
        width: 120px
    }
}

.scroll-mod {
    position: relative;
    overflow: hidden
}

.scroll-mod.scroll-axis-x {
    padding-bottom: 10px
}

.scroll-mod.scroll-axis-y {
    padding-right: 10px
}

.scroll-cont {
    height: 100%;
    max-height: inherit;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scroll-cont::-webkit-scrollbar {
    display: none
}

.scroll-track-x,.scroll-track-y {
    position: absolute;
    background-color: rgba(0,0,0,0.1)
}

.scroll-bar-x,.scroll-bar-y {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.scroll-track-x {
    bottom: 0;
    left: 0;
    right: 0
}

.scroll-bar-x {
    width: 0;
    height: 5px
}

.scroll-track-y {
    top: 0;
    bottom: 0;
    right: 0
}

.scroll-bar-y {
    width: 5px;
    height: 0
}

.scroll-track-disable {
    display: none
}

@media screen and (min-width: 1025px) {
    .scroll-mod .scroll-bar-x {
        width:0
    }
}

.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
    position: absolute;
    right: 0px;
    bottom: 100%;
    margin-bottom: 10px;
    font-size: 26px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.pop-mod .pop-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.pop-mod .pop-panel::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pop-mod .pop-dialog {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.pop-mod .video-native {
    display: none
}

.pop-mod video,.pop-mod iframe {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%
}

.pop-mod.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,.pop-mod.x-show iframe,.pop-mod.x-show .video-native {
    display: block
}

@media screen and (min-width: 1025px) {
    .pop-mod.x-show .pop-panel {
        overflow-y:scroll
    }

    .pop-mod.x-show>.pop-close {
        margin-right: 17px
    }

    .full-screen .pop-mod.x-show>.pop-close {
        margin-right: 0
    }

    .full-screen .pop-mod.x-show .pop-panel {
        overflow: auto
    }
}

@media screen and (max-width: 1024px) {
    .pop-mod .pop-panel {
        padding:0 15px;
        overflow: auto;
        overscroll-behavior-y: contain
    }

    .pop-mod .pop-panel .pop-dialog {
        width: 100%
    }
}

.search-mod {
    position: relative;
    z-index: 2
}

.search-mod .search-tap {
    z-index: 1
}

.search-mod .search-tap ~ .search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: -17px;
    width: 200px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.search-mod.at-l .search-tap ~ .search-box {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    width: 0;
    -webkit-transition-property: width, opacity, visibility;
    transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap ~ .search-box .search-submit {
    visibility: hidden
}

.search-mod .search-box {
    display: table;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.search-mod .search-txt,.search-mod .search-btn {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.search-mod .search-txt {
    padding: 0 1em;
    width: 100%
}

.search-mod .search-btn {
    width: 1%
}

.search-mod .search-input {
    width: 100%
}

.search-mod .search-submit {
    display: block;
    height: 100%;
    cursor: pointer
}

.search-mod.x-show .search-tap ~ .search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
    z-index: -1;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap ~ .search-box {
    width: 200px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
    visibility: visible;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media screen and (min-width: 1025px) {
    .search-mod .search-tap:hover,.search-mod .search-submit:hover {
        color:#aa1332
    }
}

.select-mod {
    position: relative
}

.select-mod .select-bar {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.select-mod .select-native {
    display: none
}

.select-mod .select-trigger {
    cursor: pointer
}

.select-mod .select-btn {
    float: right;
    height: 100%
}

.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden
}

.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-mod .select-cont,.select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.select-mod .select-cont::before,.select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
    right: 12px
}

.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer
}

.select-mod .select-item.cur {
    color: #aa1332
}

.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%
}

.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px
}

.select-mod.sc-show {
    z-index: 1
}

.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,.select-mod.sc-show .select-trigger.select-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible
}

.select-mod .mCSB_scrollTools {
    right: 12px
}

@media screen and (min-width: 1025px) {
    .select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .select-mod .select-native {
        display:block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto
    }
}

.icon-wx::before {
    content: '\e601'
}

.icon-wb::before {
    content: '\e602'
}

.icon-qq::before {
    content: '\e603'
}

.icon-qz::before {
    content: '\e604'
}

.icon-twitter::before {
    content: '\e605'
}

.icon-facebook::before {
    content: '\e606'
}

.icon-linkedin::before {
    content: '\e607'
}

.icon-share::before {
    content: '\e608'
}

.share-mod .share-label,.share-mod .share-label ~ .share-box {
    display: inline-block;
    vertical-align: middle
}

.share-box .share-item {
    float: left
}

.share-box .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.share-box .code img,.share-box .code canvas {
    width: 100%
}

@media screen and (min-width: 1025px) {
    .share-box .share-item:hover {
        color:#aa1332
    }
}

.sidebar-mod {
    position: fixed;
    top: 50%;
    right: 40px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    padding-top: 60px;
    -webkit-transition-property: opacity, visibility, right;
    transition-property: opacity, visibility, right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod::before {
    content: '';
    width: 61px;
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 61px;
    background: url(../image/lys/png60.png) no-repeat top center;
    z-index: 1
}

.sidebar-mod .sidebar-item {
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 2
}

.sidebar-mod .sidebar-item {
    margin-top: 10px
}

.sidebar-mod .s1 {
    margin-top: 0
}

.sidebar-mod .s8 {
    display: none
}

.sidebar-mod .icon {
    width: 35px;
    margin: auto
}

.sidebar-mod .icon img {
    width: 100%;
    display: block
}

.sidebar-mod .t {
    width: 80px;
    margin-top: 5px;
    border-radius: 30px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px;
    color: #fff;
    font-size: 14px
}

.sidebar-mod .t span {
    line-height: 1
}

.sidebar-mod .s1 .t {
    background-color: #556f98
}

.sidebar-mod .s2 .t {
    background-color: #972f2f
}

.sidebar-mod .s3 .t {
    background-color: #556f98
}

.sidebar-mod .s4 .t {
    background-color: #c9784c
}

.sidebar-mod .s5 .t {
    background-color: #556f98
}

.sidebar-mod .s6 .t {
    background-color: #742b2b
}

.sidebar-mod .s7 .t {
    background-color: #c9784c
}

.sidebar-mod .s8 .t {
    background-color: #7b9471
}

.sidebar-mod .xfont {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    border-radius: 50%
}

.sidebar-mod .top-icon {
    background-color: #c9784c
}

.sidebar-mod .top-icon img {
    width: 23px;
    height: auto
}

.sidebar-mod .icon-up {
    background-color: #7b9471;
    color: #fff
}

.sidebar-mod.op .icon-up {
    background-color: #972f2f
}

.sidebar-mod.op .icon-up::before {
    content: '\e507'
}

.sidebar-mod.op .s8 .t {
    background-color: #972f2f
}

.sidebar-mod .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.sidebar-mod .code img {
    display: block;
    width: 100%
}

.sidebar-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .sidebar-mod {
    z-index: -1
}

@media screen and (max-width: 1770px) {
    .sidebar-mod {
        right:0
    }
}

@media screen and (max-width: 1200px) {
    .sidebar-mod {
        padding:0
    }

    .sidebar-mod::before {
        display: none
    }

    .sidebar-mod .icon,.sidebar-mod .xfont {
        display: none
    }

    .sidebar-mod .t {
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px
    }

    .sidebar-mod .t span {
        width: 100%;
        display: block;
        text-align: center;
        line-height: 1.1
    }

    .sidebar-mod .sidebar-item {
        margin-top: 10px
    }

    .sidebar-mod .s1 {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .sidebar-mod {
        left:0;
        -webkit-transform: none;
        transform: none;
        bottom: 0;
        transform: none;
        top: auto
    }

    .sidebar-mod .h {
        height: auto !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sidebar-mod .icon {
        display: block;
        width: 47px;
        position: relative;
        overflow: hidden;
        margin: 0 15px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .sidebar-mod .icon::before {
        content: '';
        display: block;
        padding-top: 78.7234%
    }

    .sidebar-mod .icon .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .sidebar-mod .icon img {
        display: none
    }

    .sidebar-mod .sidebar-item {
        font-size: 14px;
        width: 20%;
        height: 56px;
        margin: 0
    }

    .sidebar-mod .sidebar-item.s7,.sidebar-mod .sidebar-item.s8 {
        display: none
    }

    .sidebar-mod .sidebar-item .t {
        background: transparent;
        width: auto;
        height: auto;
        padding: 0
    }

    .sidebar-mod .sidebar-item .sidebar-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

    .sidebar-mod .s1 {
        background: #763735
    }

    .sidebar-mod .s1 .icon {
        background-image: url(../image/lys/png137.png);
        width: 35px
    }

    .sidebar-mod .s2 {
        background: #913834
    }

    .sidebar-mod .s2 .icon {
        background-image: url(../image/lys/png123.png);
        margin-right: 0
    }

    .sidebar-mod .s3 {
        background: #763735
    }

    .sidebar-mod .s3 .icon {
        background-image: url(../image/lys/png141.png)
    }

    .sidebar-mod .s4 {
        background: #913834
    }

    .sidebar-mod .s4 .icon {
        background-image: url(../image/lys/png140.png)
    }

    .sidebar-mod .s5 {
        background: #763735
    }

    .sidebar-mod .s5 .icon {
        background-image: url(../image/lys/png126.png)
    }

    .sidebar-mod .s6 {
        background: #913834
    }

    .sidebar-mod .s6 .icon {
        background-image: url(../image/lys/png127.png)
    }
}

@media screen and (max-width: 850px) {
    .sidebar-mod .sidebar-item {
        font-size:10px
    }

    .sidebar-mod .icon {
        margin: 0 5px 0 0;
        width: 20px;
        display: none
    }

    .sidebar-mod .s2 .icon {
        margin-right: 5px
    }

    .sidebar-mod .t span {
        font-size: 12px
    }
}

.slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-item {
    position: relative
}

.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden
}

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

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

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

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

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

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

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

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    cursor: pointer
}

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

.slick-loading .slick-list {
    background: #fff
}

.slick-dots {
    margin: 0;
    padding: 0;
    z-index: 3
}

.slick-dot {
    cursor: pointer
}

.slick-arrow.slick-disabled,.slick-arrow.slick-disabled:hover {
    opacity: 0.5;
    cursor: initial
}

.suds-mod {
    position: relative
}

.suds-mod .suds-pop {
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.suds-mod .suds-pop::before,.suds-mod .suds-pop::after {
    content: '';
    position: absolute;
    z-index: -1
}

.suds-mod .suds-pop::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 5px
}

.suds-mod .suds-pop.at-t {
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
    right: 100%;
    top: 50%;
    margin-right: 10px;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
    left: 100%;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
    position: relative;
    z-index: 1
}

.suds-mod.x-show,.suds-mod:hover {
    z-index: 1
}

.suds-mod.x-show>.suds-pop,.suds-mod:hover>.suds-pop {
    opacity: 1;
    visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,.suds-mod:hover>.suds-pop.at-t {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,.suds-mod:hover>.suds-pop.at-b {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,.suds-mod:hover>.suds-pop.at-l {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,.suds-mod:hover>.suds-pop.at-r {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
    opacity: 0;
    visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
    opacity: 1;
    visibility: visible
}

.tab-mod .tab-term {
    cursor: pointer
}

.tab-mod .tab-term.cur {
    color: #aa1332
}

.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden
}

.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible
}

.topping-mod {
    position: fixed;
    right: 15px;
    bottom: 10px;
    padding: 5px;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topping-mod .s {
    font-family: Arial;
    text-transform: uppercase
}

.topping-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .topping-mod {
    z-index: -1
}

@media screen and (min-width: 1025px) {
    .topping-mod:hover {
        background-color:#aa1332
    }

    .lock-screen .topping-mod {
        margin-right: 17px
    }

    .lock-screen.full-screen .topping-mod {
        margin-right: 0
    }
}

.tracker-mod {
    margin-top: 50px
}

.tracker-mod:first-child {
    margin-top: 0
}

.tracker-mod .tracker-prev {
    cursor: pointer
}

.tracker-mod .tracker-next {
    cursor: pointer
}

.tracker-mod .tracker-box {
    overflow: hidden
}

.tracker-mod .tracker-track {
    min-width: 100%;
    min-height: 100%
}

.tracker-mod .tracker-item {
    cursor: pointer
}

.tracker-mod.dir-hor .tracker-prev {
    float: left
}

.tracker-mod.dir-hor .tracker-next {
    float: right
}

.tracker-mod.dir-hor .tracker-box {
    text-align: center
}

.tracker-mod.dir-hor .tracker-track {
    display: table;
    white-space: nowrap;
    font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
    display: inline-block;
    vertical-align: middle;
    background: #fff no-repeat right center;
    margin: 0 5px;
    font-size: 16px
}

.tracker-mod.dir-hor .tracker-item.cur {
    background-image: url(../../news/image/lys/jpg17.jpg);
    background-color: #7e2f2f;
    color: #fff
}

.tracker-mod.dir-hor .tracker-item a {
    display: block;
    height: 100%;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 215px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:18px
    }
}

.tracker-mod.dir-ver .tracker-box {
    height: 300px
}

.tracker-mod.dir-ver .tracker-item {
    margin: 10px 0
}

@media screen and (max-width: 1024px) {
    .tracker-mod {
        margin-top:40px
    }

    .tracker-mod.dir-hor .tracker-item {
        background-size: 30% auto
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 15px 25px;
        min-width: 180px;
        font-size: 18px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 1023px) {
    .tracker-mod.dir-hor .tracker-item a {
        padding:15px 25px;
        min-width: 140px;
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .tracker-mod {
        margin-top:20px
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 10px 15px;
        min-width: 0
    }
}

.video-mod {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.video-mod::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.video-mod .video-js {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.video-mod .vjs-ended .vjs-poster {
    display: block
}

.video-mod.mini .video-js .vjs-control-bar {
    position: static;
    visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
    position: static;
    display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
    position: static
}

.video-mod.mini .video-js .vjs-load-progress,.video-mod.mini .video-js .vjs-mouse-display,.video-mod.mini .video-js .vjs-play-progress::before,.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
    display: none
}

.video-mod.mini .video-js .vjs-play-progress {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: .3em;
    opacity: .5;
    visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .vjs-no-flex .vjs-button {
        padding-bottom:3em
    }
}

@media screen and (max-width: 1024px) {
    .video-js .vjs-big-play-button {
        font-size:3em
    }

    .video-js .vjs-control-bar {
        height: 2em
    }

    .video-js .vjs-control {
        width: 2em
    }

    .vjs-button>.vjs-icon-placeholder::before {
        font-size: 1em
    }

    .video-js .vjs-remaining-time {
        display: block;
        margin: 0 0.5em;
        width: auto;
        line-height: 2em
    }

    .vjs-current-time,.vjs-duration,.vjs-time-divider,.video-js .vjs-volume-panel {
        display: none
    }
}

.about1 .part1 {
    position: relative;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part1::after {
    content: "";
    background: #eedddd;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%
}

.about1 .part1 .t {
    position: absolute;
    left: 0;
    top: 0;
    width: 33%
}

.about1 .part1 .t img {
    width: 100%
}

.about1 .part1 .content {
    margin-left: 38%;
    position: relative;
    padding: 120px 50px 120px 80px
}

.about1 .part1 .content::after {
    content: "";
    background: url(../image/by/png26.png);
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 9px;
    height: 9px
}

.about1 .part1 .content:before {
    content: "";
    border-left: 1px solid #f1c3c3;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: -130px
}

.about1 .part1 .content .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part1 .content .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part1 .content .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part1 .content .p {
    color: #666;
    margin-bottom: 30px
}

body:not(.lang-en) .about1 .part1 .content .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 {
    position: relative;
    padding: 100px 0 0;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part2::before {
    content: "";
    background: #eedddd;
    height: 180px;
    left: 0;
    bottom: 0;
    width: 27%;
    position: absolute
}

.about1 .part2 .title {
    text-align: right;
    padding-right: 50px;
    margin-top: -1em
}

.about1 .part2 .content {
    border-left: 1px solid #f1c3c3;
    margin-left: 12%;
    padding: 0 50px 90px 80px
}

.about1 .part2 .content::before {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    top: -33%;
    height: 60%;
    content: ""
}

.about1 .part2 .content::after {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 30%;
    content: ""
}

.about1 .part2 .pic {
    float: left;
    width: 47%;
    margin-right: 80px;
    margin-top: -90px;
    margin-bottom: 60px;
    margin-left: -21%
}

.about1 .part2 .pic img {
    width: 100%
}

.about1 .part2 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part2 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part2 .b {
    margin-top: 110px
}

.about1 .part2 .b img {
    width: 100%
}

.about1 .part3 {
    position: relative;
    padding-bottom: 8%
}

.about1 .part3::before {
    content: "";
    background: url(../image/by/png25.png) no-repeat center center/contain;
    width: 851px;
    height: 537px;
    position: absolute;
    left: 0;
    top: 0
}

.about1 .part3 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about1 .part3 .x-wrap:after {
    content: "";
    display: block;
    background: url(../image/by/pic14_3-1.jpg) no-repeat center top/100% auto;
    width: 18%
}

.about1 .part3 .content {
    padding: 140px 100px 70px 180px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.about1 .part3 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part3 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part3 .text p:nth-child(n+2) {
    margin-top: 3em
}

@media screen and (max-width: 1600px) {
    .about1 .part1 .content {
        padding:80px 40px 120px 80px
    }

    .about1 .part2 .content {
        margin-left: 0;
        margin-left: 40px
    }

    .about1 .part2 .pic {
        margin-left: -81px
    }

    .about1 .part3 .content {
        padding: 100px 80px 20px 40px
    }
}

@media screen and (max-width: 1400px) {
    .about1 .part1 .content .text {
        margin-top:40px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .text {
        margin-top: 40px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .b {
        margin-top: 80px
    }

    .about1 .part3 .text {
        margin-top: 40px
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 2em
    }
}

@media screen and (max-width: 1024px) {
    .about1 .part1 .content {
        padding:60px 40px 100px 50px
    }

    .about1 .part2 .content {
        padding: 0 40px 60px 40px
    }

    .about1 .part2 .pic {
        margin-right: 40px;
        margin-left: -41px;
        margin-bottom: 40px
    }

    .about1 .part3 .content {
        padding: 60px 60px 20px 40px
    }
}

@media screen and (max-width: 1023px) {
    .about1 .h img {
        height:30px
    }

    .about2 .h img {
        height: 30px
    }

    .about3 .h img {
        height: 30px
    }

    .about1 .part1 .t {
        width: 22%
    }

    .about1 .part1 .content {
        margin-left: 25%
    }

    .about1 .part3 .content {
        padding-right: 40px
    }
}

@media screen and (max-width: 767px) {
    .about1 .part1::after {
        display:none
    }

    .about1 .part1 .t {
        display: none
    }

    .about1 .part1 .content {
        margin-left: 0;
        padding: 40px 0
    }

    .about1 .part1 .content::before {
        display: none
    }

    .about1 .part1 .content::after {
        display: none
    }

    .about1 .part1 .content .text {
        margin-top: 20px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part1 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 {
        padding: 40px 0
    }

    .about1 .part2 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part3 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 .pic {
        margin: 0 20px 20px 0
    }

    .about1 .part2 .content {
        margin: auto;
        padding: 0;
        border-left: none
    }

    .about1 .part2 .content::before {
        display: none
    }

    .about1 .part2 .content::after {
        display: none
    }

    .about1 .part1 .content .p {
        margin-bottom: 20px
    }

    .about1 .part2 .text {
        margin-top: 20px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part2::before {
        display: none
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part3 .content {
        padding: 40px 0
    }

    .about1 .part3 .x-wrap::after {
        display: none
    }

    .about1 .part3 .text {
        margin-top: 20px
    }

    .about1 .part2 .b {
        margin-top: 30px
    }
}

.art1 {
    padding: 220px 0
}

.article-page {
    padding: 220px 0;
    background: #f7f7f7
}

.article-page .h1 {
    font-size: 28px;
    color: #555;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .article-page .h1 {
        font-size:20px
    }
}

.article-page .h2 {
    font-size: 28px;
    color: #555;
    font-family: sh;
    margin-top: 9px
}

@media screen and (max-width: 768px) {
    .article-page .h2 {
        font-size:20px
    }
}

.article-page .article-head {
    margin-bottom: 30px;
    text-align: center
}

.article-page .article-head .t {
    font-size: 32px;
    font-family: sh;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .article-page .article-head .t {
        font-size:22px
    }
}

.article-page .article-head .info {
    margin-top: 10px;
    color: #707070
}

.article-page .article-head .s {
    margin: 0 15px
}

.article-page .article-cont {
    margin-top: 40px;
    line-height: 1.8
}

.article-page .article-cont p,.article-page .article-cont .p {
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph
}

.article-page .article-cont p+p,.article-page .article-cont .p+.p {
    margin-top: 1.2em
}

.article-page .article-cont .img {
    margin: 1em 0
}

.article-page .article-cont iframe,.article-page .article-cont video {
    display: block;
    margin: auto;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    border: 0
}

.article-page .article-cont .video-mod {
    margin-bottom: 1em
}

.article-page .article-cont img {
    display: block;
    margin: auto;
    max-width: 100%;
    border: 0
}

.article-page .article-paging {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: none
}

.article-page .article-paging .article-link {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s
}

.article-page .article-paging .article-prev {
    float: left;
    padding-left: 30px
}

.article-page .article-paging .article-next {
    float: right;
    padding-right: 30px
}

.article-page .article-paging .xfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article-page .article-paging .article-prev .xfont {
    left: 0
}

.article-page .article-paging .article-next .xfont {
    right: 0
}

.article-page .share-mod {
    text-align: center;
    margin-top: 40px
}

.article-page .share-mod .share-item {
    width: 29px;
    margin-left: 22px
}

.article-page .share-mod .share-item img {
    width: 100%
}

.article-page .share-mod .share-item::before {
    display: none
}

.article-page .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.article-page .ul .li {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .article-page .ul .li {
        font-size:16px
    }
}

.article-page .ul .li+.li {
    margin-left: 45px
}

@media screen and (max-width: 1600px) {
    .art1,.article-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .article-page .article-paging .article-link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .art1,.article-page {
        padding:40px 0 8%
    }

    .article-page .article-head .t {
        font-size: 1.5em
    }

    .article-page .article-head .info {
        margin-top: 5px
    }

    .article-page .article-head .s {
        margin: 0 5px
    }

    .article-page .article-cont {
        margin-bottom: 20px
    }

    .article-page .article-paging {
        padding: 10px 0
    }

    .article-page .share-mod {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1023px) {
    .article-page {
        padding:40px 0 8%
    }
}

.calender1 {
    padding: 140px 0 0;
    background: #f5f5f5;
    position: relative
}

.calender1::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50px;
    background: url(../image/by/png31.png) no-repeat center center;
    width: 681px;
    height: 301px
}

.calender1 .info {
    margin-top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d0baba;
    padding: 0 0 40px;
    position: relative
}

.calender1 .info::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    border-right: 1px dashed #d0baba
}

.calender1 .info .logo img {
    width: 98px
}

.calender1 .info .text {
    padding: 10px 120px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0
}

.calender1 .info .text .h {
    font-size: 22px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .calender1 .info .text .h {
        font-size:18px
    }
}

.calender1 .info .text .ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .info .text .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.33%;
    margin-bottom: 15px;
    padding-right: 15px;
    font-size: 18px
}

.calender1 .info .text .ul .li span {
    display: block;
    width: 100px;
    color: #666;
    white-space: nowrap
}

.calender1 .info .text .ul .li span img {
    margin-right: 20px
}

.calender1 .info .text .ul .li em {
    display: block;
    width: 0;
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #999;
    display: block
}

.calender1 .info .text .ul .li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .letters {
    margin: 45px 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .letters a {
    font-size: 22px;
    margin: 0 12px;
    display: block
}

@media screen and (max-width: 768px) {
    .calender1 .letters a {
        font-size:18px
    }
}

.calender1 .letters a.now {
    color: #aa1332;
    text-decoration: underline
}

.calender1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.calender1 .list .item {
    background: #fff;
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
    padding: 50px 60px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.calender1 .list .item.s {
    visibility: visible;
    opacity: 1;
    position: relative
}

.calender1 .list .item .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item .hd .h {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .calender1 .list .item .hd .h {
        font-size:18px
    }
}

.calender1 .list .item .hd img {
    width: 45px
}

.calender1 .list .item ul {
    padding: 0;
    margin-top: 30px
}

.calender1 .list .item li {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    color: #666
}

@media screen and (max-width: 768px) {
    .calender1 .list .item li {
        font-size:16px
    }
}

.calender1 .list .item li:nth-child(n+2) {
    margin-top: 1em
}

.calender1 .list .item li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item li img {
    margin-right: 15px
}

.calender1 .list .item li em {
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-style: normal;
    color: #999;
    margin-left: 15px;
    word-break: break-all
}

.calender1 .list .item li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 75px
}

.calender1 .nav::before {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav::after {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav span {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    line-height: 42px;
    text-align: center;
    border: 1px solid #ddd;
    font-family: xfont;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.calender1 .nav span:last-child {
    margin-left: 30px
}

.calender3 {
    padding: 140px 0 150px;
    background: #f5f5f5
}

.calender3 .map {
    position: relative;
    overflow: hidden;
    margin-top: 56px
}

.calender3 .map::before {
    content: '';
    display: block;
    padding-top: 45%
}

.calender3 .map .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.calender2 {
    background: url(../image/by/bg8.jpg) no-repeat center top/cover;
    padding: 140px 0 11%;
    color: #fff
}

.calender2 .map {
    position: relative;
    margin-top: 50px
}

.calender2 .map .inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.calender2 .map .i {
    width: 100%
}

.calender2 .part2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 140px
}

.calender2 .part2 .hd {
    width: 30%;
    padding-right: 20px
}

.calender2 .part2 .hd .p {
    margin-top: 20px
}

.calender2 .part2 .list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender2 .part2 .list .item {
    width: calc(50% - 35px)
}

.calender2 .part2 .list .item:nth-child(n+3) {
    margin-top: 2.5em
}

.calender2 .part2 .list .item .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .calender2 .part2 .list .item .h {
        font-size:18px
    }
}

.calender2 .part2 .list .item .p {
    margin-top: 15px;
    line-height: 1.8
}

.calender2 .part2 .list .item .p span {
    margin-right: 1.1em;
    color: #fff
}

.calender2 .part2 .list .item .p span.now {
    color: #7ba0d4;
    display: inline-block
}

.calender2 .part3 {
    padding-top: 144px
}

.calender2 .part3 .img {
    margin-top: 60px
}

.calender2 .part3 .img img {
    width: 100%;
    display: block
}

@media screen and (min-width: 1025px) {
    .calender1 .nav span:hover {
        background:#b50022;
        border-color: #b50022;
        color: #fff
    }
}

@media screen and (max-width: 1500px) {
    .calender1 {
        padding:100px 0 0
    }

    .calender3 {
        padding: 100px 0 0
    }

    .calender1 .info {
        margin-top: 80px
    }

    .calender1 .info .text {
        padding: 10px 80px
    }

    .calender1 .list .item {
        padding: 30px
    }

    .calender2 {
        padding: 100px 0 11%
    }
}

@media screen and (max-width: 1300px) {
    .calender1 {
        padding:80px 0 0
    }

    .calender3 {
        padding: 80px 0
    }

    .calender1 .info {
        margin-top: 60px
    }

    .calender1 .info .text {
        padding: 10px 40px
    }

    .calender1 .list .item li {
        font-size: 16px
    }

    .calender1 .info .logo {
        width: 160px
    }

    .calender1 .info .logo img {
        width: 70px
    }

    .calender1 .letters a {
        margin: 0 8px
    }

    .calender1 .info .text .ul .li {
        width: 50%
    }

    .calender1 .nav {
        margin-top: 50px
    }

    .calender2 {
        padding: 80px 0 11%
    }

    .calender2 .part2 {
        display: block;
        margin-top: 50px
    }

    .calender2 .part2 .hd {
        width: auto
    }

    .calender2 .part2 .list {
        margin-top: 30px
    }

    .calender2 .part3 {
        padding-top: 50px
    }

    .calender2 .part3 .img {
        margin-top: 40px
    }
}

@media screen and (max-width: 1041px) {
    .calender1 .list .item {
        width:calc(50% - 20px)
    }
}

@media screen and (max-width: 1023px) {
    .calender1 {
        padding:62px 0 0
    }

    .calender1 .info {
        margin-top: 30px
    }

    .calender1 .info .logo {
        width: 100px
    }

    .calender1 .info .text {
        padding: 10px 0 10px 30px
    }

    .calender1 .info .text .ul {
        margin-top: 20px
    }

    .calender1 .letters a {
        font-size: 16px
    }

    .calender2 {
        padding: 40px 0 10%
    }

    .calender2 .part2 .list .item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 767px) {
    .calender1 .info {
        padding-bottom:20px
    }

    .calender1 .info .logo {
        display: none
    }

    .calender1 .info .text {
        padding: 0
    }

    .calender1 .info .text .ul .li {
        width: 100%;
        margin-bottom: 10px
    }

    .calender1 .letters {
        margin: 25px 0
    }

    .calender1 .list {
        display: block;
        overflow: auto;
        max-height: 120vw
    }

    .calender1 .list .item {
        width: auto;
        margin: 0 !important;
        padding: 20px;
        position: static;
        visibility: visible;
        opacity: 1
    }

    .calender1 .list .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .calender1 .nav {
        display: none
    }

    .calender2 {
        padding-top: 62px
    }

    .calender2 .map {
        margin-top: 20px
    }

    .calender2 .part2 .list {
        display: block
    }

    .calender2 .part2 .list .item {
        width: auto
    }

    .calender2 .part2 .list .item:nth-child(n+2) {
        margin-top: 15px
    }

    .calender2 .part3 .img {
        margin-top: 20px
    }

    .calender3 {
        padding-bottom: 40px;
        padding-top: 62px
    }

    .calender3 .map {
        margin-top: 20px
    }
}

.cooperation {
    background: #f5f5f5;
    padding: 0 0 220px
}

.cooperation .x-wrap {
    padding-top: 100px
}

.cooperation .recom {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .recom .l {
    position: relative;
    width: 50%
}

.cooperation .recom .l .focus {
    position: relative;
    height: 100%
}

.cooperation .recom .l .focus .frame {
    height: 100%
}

.cooperation .recom .l .focus .child {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cooperation .recom .l .focus .slick-list,.cooperation .recom .l .focus .slick-track,.cooperation .recom .l .focus .slick-slide,.cooperation .recom .l .focus .slick-slide>div {
    height: 100%
}

.cooperation .recom .l .focus .nav {
    position: absolute;
    right: 0;
    top: 55%;
    z-index: 1
}

.cooperation .recom .l .focus .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px
}

.cooperation .recom .l .focus .nav ul li {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #fff;
    list-style: none
}

.cooperation .recom .l .focus .nav ul li:nth-child(n+2) {
    margin-left: 20px
}

.cooperation .recom .l .focus .nav ul li.slick-active {
    border-color: #bd002d;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cooperation .recom .l .focus .nav ul li.slick-active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #bd002d;
    border-radius: 100%;
    display: block
}

.cooperation .recom .l .pic {
    position: relative;
    overflow: hidden
}

.cooperation .recom .l .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .l .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .l .text {
    padding: 35px;
    background: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cooperation .recom .l .text .date {
    color: #b50023;
    font-size: 24px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date {
        font-size:18px
    }
}

.cooperation .recom .l .text .date b {
    font-size: 48px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date b {
        font-size:28px
    }
}

.cooperation .recom .l .text .h {
    font-size: 20px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .h {
        font-size:18px
    }
}

.cooperation .recom .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px
}

.cooperation .recom .r .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    position: relative
}

.cooperation .recom .r .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .recom .r .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .recom .r .item .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.cooperation .recom .r .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .r .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .r .item .text {
    padding: 0 35px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cooperation .recom .r .item .text .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .h {
        font-size:16px
    }
}

.cooperation .recom .r .item .text .date {
    font-family: tj;
    font-size: 18px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .date {
        font-size:16px
    }
}

.cooperation .list {
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .list .item {
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 204px
}

.cooperation .list .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .list .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .list .item .pic {
    position: relative;
    overflow: hidden;
    width: 370px
}

.cooperation .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .list .item .text {
    padding: 0 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.cooperation .list .item .text .date {
    font-family: tj;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .date {
        font-size:16px
    }
}

.cooperation .list .item .text .h {
    font-size: 20px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }
}

.cooperation .list .item .text .p {
    margin-top: 10px;
    color: #707070
}

@media screen and (min-width: 1025px) {
    .cooperation .recom .r .item:hover::after {
        opacity:1
    }

    .cooperation .recom .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover::after {
        opacity: 1
    }
}

@media screen and (max-width: 1500px) {
    .cooperation {
        padding:0 0 180px
    }

    .cooperation .recom {
        margin-top: 50px
    }

    .cooperation .recom .r {
        margin-left: 20px
    }
}

@media screen and (max-width: 1400px) {
    .cooperation .recom .l .text {
        padding:20px
    }

    .cooperation .recom .l .text .date {
        font-size: 18px
    }

    .cooperation .recom .l .text .date b {
        font-size: 34px
    }

    .cooperation .list .item .text {
        padding: 30px 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 18px
    }

    .cooperation .recom .r .item .text {
        padding: 0 20px
    }

    .cooperation .recom .r .item .text .h {
        font-size: 16px
    }

    .cooperation .recom .r .item .text .date {
        font-size: 16px;
        margin-top: 5px
    }
}

@media screen and (max-width: 1300px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }

    .cooperation .list .item .text {
        padding: 15px 30px
    }
}

@media screen and (max-width: 1024px) {
    .cooperation {
        padding:0 0 80px
    }

    .cooperation .x-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .cooperation .recom {
        margin-top:30px;
        display: block
    }

    .cooperation .recom .l {
        width: auto
    }

    .cooperation .recom .r {
        margin: 15px 0 0
    }

    .cooperation .list {
        margin-top: 30px
    }

    .cooperation .list .item {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: 40%
    }

    .cooperation .list .item .text .p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .cooperation .recom .l .focus .nav {
        top: 65%
    }
}

@media screen and (max-width: 767px) {
    .cooperation .x-wrap {
        padding-top:40px
    }

    .cooperation {
        padding: 0 0 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 16px;
        margin-top: 5px
    }

    .cooperation .recom .l .focus .nav {
        top: 60%
    }

    .cooperation .recom .r .item {
        display: block
    }

    .cooperation .recom .r .item .pic {
        width: auto
    }

    .cooperation .recom .r .item .text {
        padding: 15px
    }

    .cooperation .list {
        display: block
    }

    .cooperation .list .item {
        padding: 0;
        min-height: 0;
        display: block
    }

    .cooperation .list .item .text {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: auto
    }

    .cooperation .list .item .text .h {
        font-size: 14px
    }

    .cooperation .list .item .text .date,.cooperation .list .item .text .p,.cooperation .recom .r .item .text .date {
        font-size: 14px
    }
}

@media screen and (max-width: 567px) {
    .cooperation .recom .l .focus .nav {
        top:55%
    }
}

@media screen and (max-width: 467px) {
    .cooperation .recom .l .focus .nav {
        top:40%
    }
}

.data {
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    color: #fff
}

.data .back {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #96ae94
}

.data .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.data .back img {
    margin-right: 15px
}

.data .back span {
    font-family: sh;
    font-size: 1.1vw;
    line-height: 1;
    letter-spacing: 3px
}

body:not(.lang-en) .data .back span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.data .list {
    height: 100%
}

.data .list .item {
    border: 1px solid rgba(255,255,255,0.4);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    opacity: 0;
    border-radius: 100%
}

.data .list .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    border-radius: 100%;
    -webkit-transition: all 2s ease-out 0s;
    transition: all 2s ease-out 0s
}

.data .list .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/by/pic21.jpg) no-repeat center center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 100%
}

.data .list .item .bg.s {
    opacity: 1
}

.data .list .item:nth-child(7) {
    width: 20vw;
    height: 20vw;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.data .list .item:nth-child(7) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(1) span {
    padding-right: 0.2em;
    top: -0.35em;
    right: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(2) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(2) span {
    left: 100%;
    padding-left: 0.2em;
    top: -0.35em
}

.data .list .item:nth-child(7) .dot:nth-child(3) {
    left: 50%;
    top: 0%
}

.data .list .item:nth-child(7) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(7) .dot:nth-child(4) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(4) span {
    top: 100%;
    padding-top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) {
    width: 29vw;
    height: 29vw;
    border-color: rgba(255,255,255,0.35);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.data .list .item:nth-child(6) .dot:nth-child(1) {
    left: 17%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(1) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(2) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(6) .dot:nth-child(2) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(3) {
    left: 83%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(3) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(5) {
    width: 38.5vw;
    height: 38.5vw;
    border-color: rgba(255,255,255,0.3);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.data .list .item:nth-child(5) .dot:nth-child(1) {
    left: 10%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(1) span {
    top: -0.6em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(5) .dot:nth-child(2) {
    left: 33%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(2) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.5em
}

.data .list .item:nth-child(5) .dot:nth-child(3) {
    left: 66%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.1em
}

.data .list .item:nth-child(5) .dot:nth-child(4) {
    left: 90%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(4) span {
    top: -0.6em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(4) {
    width: 48.5vw;
    height: 48.5vw;
    border-color: rgba(255,255,255,0.25);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.data .list .item:nth-child(4) .dot:nth-child(1) {
    left: 1%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(1) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(2) {
    left: 99%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(2) span {
    top: -0.3em;
    left: 100%;
    padding-left: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(3) {
    left: 13%;
    top: 84%
}

.data .list .item:nth-child(4) .dot:nth-child(3) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(3) {
    width: 61vw;
    height: 61vw;
    border-color: rgba(255,255,255,0.2);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.data .list .item:nth-child(3) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(3) .dot:nth-child(1) span {
    top: -0.3em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(2) {
    width: 75vw;
    height: 75vw;
    border-color: rgba(255,255,255,0.15);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.data .list .item:nth-child(2) .dot:nth-child(1) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(2) .dot:nth-child(1) span {
    top: -0.3em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(1) {
    width: 92.5vw;
    height: 92.5vw;
    border-color: rgba(255,255,255,0.1);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.data .list .item.cc .t {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.data .list .item.cc .content {
    height: 100%
}

.data .list .item.cc .content .d {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1vw;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.data .list .item.cc .content .d.s {
    opacity: 1
}

.data .list .item.cc .content .d b {
    color: #ffec82;
    font-family: Impact;
    margin: 0 8px;
    line-height: 1.2;
    font-size: 1.6em
}

.data .list .item.cc.s .bg {
    opacity: 1
}

.data .list .item.cc.s .t {
    opacity: 0
}

.data .list .dot {
    width: 26px;
    height: 26px;
    position: absolute;
    margin: -13px 0 0 -13px;
    cursor: pointer;
    font-size: 2.4vw;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/by/png37.png) no-repeat center center/contain;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot span {
    position: absolute;
    font-family: Impact;
    line-height: 1;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot.h {
    opacity: 0.2
}

.data.showd .list .item {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

@media screen and (min-width: 1025px) {
    .data .list .item:hover::before {
        -webkit-transform:rotate(30deg);
        transform: rotate(30deg)
    }

    .data .list .dot:hover {
        opacity: 1
    }

    .data .list .dot:hover::before {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (max-width: 1023px) {
    .data {
        background-image:url(../image/by/bg9b.jpg)
    }

    .data .back {
        position: absolute;
        left: 0;
        top: 10%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #96ae94;
        background: #2e4a38;
        padding: 12px 15px 12px 0;
        border-radius: 0 10px 10px 0
    }

    .data .back img {
        margin-right: 5px;
        width: 10px
    }

    .data .back span {
        font-size: 14px
    }

    .data .list .item:nth-child(1) {
        width: 90vw;
        height: 90vw;
        border-color: rgba(255,255,255,0.1)
    }

    .data .list .item:nth-child(2) {
        width: 80vw;
        height: 80vw;
        border-color: rgba(255,255,255,0.12)
    }

    .data .list .item:nth-child(3) {
        width: 70vw;
        height: 70vw;
        border-color: rgba(255,255,255,0.15)
    }

    .data .list .item:nth-child(4) {
        width: 60vw;
        height: 60vw;
        border-color: rgba(255,255,255,0.16)
    }

    .data .list .item:nth-child(5) {
        width: 50vw;
        height: 50vw;
        border-color: rgba(255,255,255,0.17)
    }

    .data .list .item:nth-child(6) {
        width: 40vw;
        height: 40vw;
        border-color: rgba(255,255,255,0.18)
    }

    .data .list .item:nth-child(7) {
        width: 30vw;
        height: 30vw;
        border-color: rgba(255,255,255,0.2)
    }

    .data .list .item {
        background-image: url(../image/by/bg9b.jpg)
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) {
        left: 0;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) span {
        padding-right: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        right: 100%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) {
        left: 100%;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) span {
        left: 100%;
        padding-left: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(3) {
        left: 50%;
        top: -1%
    }

    .data .list .item:nth-child(7) .dot:nth-child(4) {
        left: 50%;
        top: 99%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) {
        left: 10%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) span {
        top: 100%;
        padding-top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) {
        left: 50%;
        top: 100%
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) {
        left: 90%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) {
        left: 10%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-right: 0.2em;
        right: 100%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) {
        left: 33%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) span {
        bottom: 100%;
        padding-bottom: 0;
        left: -0.5em
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) {
        left: 66%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) span {
        bottom: 100%;
        padding-bottom: 0.2em;
        left: -0.1em
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) {
        left: 90%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-left: 0.2em;
        left: 100%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) {
        left: 17%;
        top: 87%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) span {
        top: 0.3em;
        right: 100%;
        padding-right: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) {
        left: 83%;
        top: 11%
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 100%;
        padding-left: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(3) {
        left: 6%;
        top: 73%
    }

    .data .list .item:nth-child(3) .dot:nth-child(1) span {
        right: 80%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) {
        left: 67%;
        top: 97%
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) span {
        left: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .dot {
        font-size: 5vw;
        width: 20px;
        margin: -10px 0 0 -10px
    }

    .data .list .item.cc .content .d {
        font-size: 10px
    }
}

.education_teaching1 {
    padding-top: 145px
}

.education_teaching1 .cont {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .child+.child {
    margin-left: 1.333%
}

.education_teaching1 .cont .child:first-child {
    width: 54.455%
}

.education_teaching1 .cont .child:nth-child(2) {
    width: 25.733%
}

.education_teaching1 .cont .child:last-child {
    width: 17.178%
}

.education_teaching1 .cont .item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    position: relative;
    margin-top: 20px
}

.education_teaching1 .cont .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.education_teaching1 .cont .i1 {
    background-image: url(../image/lys/jpg26-1.jpg);
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i3 {
    background-image: url(../image/lys/jpg27-1.jpg);
    padding-bottom: 49.325%
}

.education_teaching1 .cont .i4 {
    background-image: url(../image/lys/jpg28-1.jpg);
    padding-bottom: 105.454%
}

.education_teaching1 .cont .i7 {
    background-image: url(../image/lys/jpg29-1.jpg);
    padding-bottom: 156.42%
}

.education_teaching1 .cont .i2 {
    background-color: #c9784b;
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i5 {
    background-image: url(../image/lys/jpg99-1.jpg);
    padding-bottom: 67.013%
}

.education_teaching1 .cont .i6 {
    background-image: url(../image/lys/jpg98-1.jpg);
    padding-bottom: 101.945%
}

.education_teaching1 .cont .t1 span {
    font-family: tj;
    font-size: 60px;
    line-height: 1.2;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 span {
        font-size:30px
    }
}

.education_teaching1 .cont .ctop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .ctop .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching1 .cont .ctop .item+.item {
    margin-left: 20px
}

.education_teaching1 .cont .t1 {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 {
        font-size:18px
    }
}

.education_teaching1 .cont .t2 {
    font-size: 20px;
    margin-top: 7px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:18px
    }
}

.education_teaching1 .cont .i4 .t2,.education_teaching1 .cont .i7 .t2 {
    width: 8em
}

.education_teaching2 {
    padding: 145px 0 140px
}

.education_teaching2 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 78px
}

.education_teaching2 .cont .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.education_teaching2 .cont .li+.li {
    margin-left: 30px
}

.education_teaching2 .cont .imgbox {
    position: relative
}

.education_teaching2 .cont .imgbox .ri {
    position: absolute;
    width: 102.832%;
    padding-bottom: 102.832%;
    position: absolute;
    top: -9%;
    left: -2.2%
}

.education_teaching2 .cont .imgbox .ri::after {
    content: '';
    background: url(../image/lys/png29.png) no-repeat center;
    background-size: contain;
    z-index: 2;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: ro 6s linear 0s infinite;
    animation: ro 6s linear 0s infinite;
    opacity: 0;
    visibility: hidden
}

.education_teaching2 .cont .imgbox .ri::before {
    content: '';
    width: 97.245%;
    padding-bottom: 97.245%;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.education_teaching2 .cont .img {
    width: 87.252%;
    position: relative;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    margin: auto
}

.education_teaching2 .cont .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.education_teaching2 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching2 .cont .p {
    font-family: sh;
    font-size: 30px;
    margin-top: 54px
}

@media screen and (max-width: 768px) {
    .education_teaching2 .cont .p {
        font-size:22px
    }
}

.education_teaching3 {
    padding: 140px 0 170px;
    background-color: #f5f5f5
}

.education_teaching3 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.education_teaching3 .cont .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
    background-color: #668863;
    overflow: hidden;
    border-radius: 0 0 30px 0;
    position: relative;
    padding: 47px 65px 73px
}

.education_teaching3 .cont .item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18.911%;
    border-left: 1px solid #668863;
    z-index: 1
}

.education_teaching3 .cont .item:first-child {
    margin-left: 0;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child::after {
    border-color: #95ae93
}

.education_teaching3 .cont .icon {
    width: 14.285%;
    position: absolute;
    top: 50%;
    right: 11.972%;
    padding: 6px 0 11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child .icon {
    background-color: #668863
}

.education_teaching3 .cont .icon img {
    display: block;
    width: 100%
}

.education_teaching3 .cont .i_tit {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .i_tit {
        font-size:22px
    }
}

.education_teaching3 .cont .list {
    margin-top: 35px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .list {
        font-size:18px
    }
}

.education_teaching3 .cont .list .li+.li {
    margin-top: 18px
}

.education_teaching3 .cont .list .li a {
    display: inline-block;
    padding-left: 17px;
    position: relative
}

.education_teaching3 .cont .list .li a::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
}

.education_teaching4 {
    background-color: #f5f5f5;
    padding: 0 0 280px;
    background: #f5f5f5 url(../image/lys/jpg37.jpg) no-repeat center 353px;
    margin-bottom: -132px
}

.education_teaching4 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching4 .cont .item {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching4 .cont .item::before {
    content: '';
    display: block;
    padding-top: 53.125%
}

.education_teaching4 .cont .item .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching4 .cont .item+.item {
    margin-left: 30px
}

@media screen and (min-width: 1025px) {
    .education_teaching2 .cont .li:hover .ri::after {
        opacity:1;
        visibility: visible
    }

    .education_teaching2 .cont .li:hover .ri::before {
        border-color: #44a3e6
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching1 {
        padding-top:60px
    }

    .education_teaching2 {
        padding: 80px 0
    }

    .education_teaching1 .cont .t1 span {
        font-size: 40px
    }

    .education_teaching1 .cont .t2 {
        font-size: 18px
    }
}

@media screen and (max-width: 1300px) and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching3 {
        padding-top:70px
    }

    .education_teaching4 {
        padding: 0 0 160px;
        background-position-y: 280px
    }
}

@media screen and (max-width: 1024px) {
    .education_teaching1 .cont {
        padding-top:10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching1 .cont .i6 {
        display: none
    }

    .education_teaching1 .cont .child+.child {
        margin: 0
    }

    .education_teaching1 .cont .child:first-child {
        width: 66.5%
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: calc(33.5% - 20px);
        margin-left: 20px
    }

    .education_teaching1 .cont .child:last-child {
        width: 100%
    }

    .education_teaching1 .cont .i7 {
        padding-bottom: 20%
    }

    .education_teaching2 .cont {
        margin-top: 35px
    }

    .education_teaching2 .cont .p {
        margin-top: 30px
    }

    .education_teaching3 {
        padding-bottom: 70px
    }

    .education_teaching3 .cont .item {
        padding: 40px 30px 60px
    }

    .education_teaching3 .cont .icon {
        width: 50px
    }

    .education_teaching3 .cont .list {
        margin-top: 20px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 10px
    }

    .education_teaching4 {
        margin: 0;
        padding-bottom: 120px
    }

    .education_teaching3 .cont .icon {
        right: 50px
    }

    .education_teaching3 .cont .item::after {
        right: 75px
    }
}

@media screen and (max-width: 767px) {
    .education_teaching1 .cont {
        display:block
    }

    .education_teaching1 .cont .child:first-child {
        width: 100%
    }

    .education_teaching1 .cont .t1 span {
        font-size: 30px
    }

    .education_teaching1 .cont .t2 {
        line-height: 1.4
    }

    .education_teaching1 .cont .inner {
        padding: 0 15px
    }

    .education_teaching1 .cont .item {
        margin-top: 10px
    }

    .education_teaching1 .cont .ctop .item,.education_teaching1 .cont .i3 {
        padding-bottom: 40%
    }

    .education_teaching1 .cont .ctop .item+.item {
        margin-left: 10px
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: 100%;
        margin: 0
    }

    .education_teaching1 .cont .i4,.education_teaching1 .cont .i5,.education_teaching1 .cont .i7 {
        padding-bottom: 40%
    }

    .education_teaching2 {
        padding: 60px 0 20px
    }

    .education_teaching2 .cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching2 .cont .li {
        width: 48%;
        margin: 0 4% 30px 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .education_teaching2 .cont .li+.li {
        margin-right: 4%;
        margin-left: 0
    }

    .education_teaching2 .cont .li:nth-child(2n) {
        margin-right: 0
    }

    .education_teaching2 .cont .p {
        margin-top: 20px
    }

    .education_teaching3 {
        padding: 60px 0
    }

    .education_teaching3 .cont {
        margin-top: 30px;
        display: block
    }

    .education_teaching3 .cont .item {
        margin: 20px 0 0;
        padding: 20px 20px 30px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 5px
    }

    .education_teaching3 .cont .list {
        margin-top: 10px
    }

    .education_teaching4 {
        padding: 60px 0 80px;
        background-size: cover
    }

    .education_teaching4 .cont {
        margin-top: 20px;
        display: block
    }

    .education_teaching4 .cont .item {
        width: 100%
    }

    .education_teaching4 .cont .item+.item {
        margin: 20px 0 0
    }
}

.figure {
    padding: 120px 0 150px;
    background: #f5f5f5 url(../image/lys/jpg25.jpg) no-repeat top center;
    margin-bottom: -132px
}

.figure .tab-mod .inner {
    width: 6em
}

.figure .tabcont {
    margin-top: 30px;
    position: relative
}

.figure .tabcont .pbox .p+.p {
    margin-top: 10px
}

.figure .tabcont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 55px
}

.figure .tabcont .list .li {
    width: calc((100% - 80px) / 5);
    margin: 20px 20px 0 0
}

.figure .tabcont .list .li:nth-child(5n) {
    margin-right: 0
}

.figure .tabcont .list .img {
    position: relative;
    overflow: hidden
}

.figure .tabcont .list .img::before {
    content: '';
    display: block;
    padding-top: 116.96113%
}

.figure .tabcont .list .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.figure .tabcont .list .name {
    font-size: 24px;
    text-align: center;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .figure .tabcont .list .name {
        font-size:18px
    }
}

.figure .load_more {
    margin-top: 70px
}

.figure .load_more img {
    margin-right: 15px
}

.figure .load_more span {
    width: auto;
    height: auto;
    border: none;
    border-radius: 0
}

@media screen and (max-width: 1300px) {
    .figure {
        padding-top:80px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 60px) / 4)
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 20px
    }

    .figure .tabcont .list .li:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .figure {
        margin:0;
        padding-bottom: 70px
    }
}

@media screen and (max-width: 767px) {
    .figure {
        padding-top:50px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 10px) / 2);
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(2n) {
        margin-right: 0
    }

    .figure .tabcont {
        margin-top: 20px
    }

    .figure .tabcont .pbox .p+.p {
        margin-top: 5px
    }

    .figure .tabcont .list {
        padding-top: 25px
    }

    .figure .tabcont .list .name {
        margin-top: 10px
    }

    .figure .load_more {
        margin-top: 30px
    }
}

.first_class1 {
    padding: 150px 0;
    background: url(../image/lys/jpg96.jpg) no-repeat center;
    overflow: hidden
}

.first_class1 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.first_class1 .img {
    width: 34.6666666%;
    height: 783px;
    background: url() no-repeat center;
    background-size: cover
}

.first_class1 .r-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-left: 40px;
    padding-top: 7px
}

.first_class1 .title {
    position: relative;
    z-index: 2
}

.first_class1 .cont {
    position: relative;
    margin-top: 23px;
    padding: 61px 0;
    z-index: 1
}

.first_class1 .line-box {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.first_class1 .line-box::after,.first_class1 .line-box::before {
    content: '';
    position: absolute;
    top: -250px;
    bottom: -250px;
    left: 100%;
    border-right: 1px solid #f1c3c3
}

.first_class1 .line-box::before {
    right: auto;
    left: 0
}

.first_class1 .line-box .item {
    width: 25%;
    border-left: 1px solid #f1c3c3;
    position: relative
}

.first_class1 .line-box .item .zs {
    position: absolute;
    left: 100%;
    top: -4px;
    z-index: 9
}

.first_class1 .line-box .item .zs::before {
    content: '';
    display: block;
    border-left: 1px solid #af213c;
    height: 9px
}

.first_class1 .line-box .item .zs::after {
    content: '';
    position: absolute;
    bottom: 4px;
    width: 9px;
    border-top: 1px solid #af213c;
    left: -4px
}

.first_class1 .line-box .item .zs:nth-child(2) {
    top: auto;
    bottom: -4px
}

.first_class1 .line-box .item:nth-child(3)::before,.first_class1 .line-box .item:nth-child(3)::after {
    content: '';
    width: 1240px;
    height: 70px;
    background: rgba(202,160,158,0.3);
    position: absolute;
    right: 100%;
    bottom: 100%
}

.first_class1 .line-box .item:nth-child(3)::after {
    top: 100%;
    bottom: auto;
    left: 100%;
    right: auto;
    width: 445px
}

.first_class1 .line-box .h-line {
    border-top: 1px solid #f1c3c3;
    position: absolute;
    top: 0;
    width: 1920px;
    right: -210px
}

.first_class1 .line-box .h-line.b {
    top: auto;
    bottom: 0
}

.first_class1 .list {
    font-size: 24px;
    font-family: 'sh';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .first_class1 .list {
        font-size:18px
    }
}

.first_class1 .list .li {
    width: 25%;
    padding: 41px 15px;
    position: relative
}

.first_class1 .list .li::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border-left: 3px solid #af213c;
    height: 20px;
    border-radius: 99px
}

.first_class-bg {
    background: #fcfbf8
}

.first_class2 {
    padding-top: 142px;
    background: url(../image/xf/bg27.jpg) center top no-repeat;
    color: #fff
}

.first_class2 .title {
    text-align: center
}

.first_class2 .unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

.first_class2 .unit-item {
    padding: 60px 70px;
    width: 50%
}

.first_class2 .unit-item:nth-child(1) {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(1) .unit-tit .t {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(2) {
    background-color: #5c7557
}

.first_class2 .unit-item:nth-child(2) .unit-tit .t {
    background-color: #5c7557
}

.first_class2 .unit-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.first_class2 .unit-tit .t {
    position: relative;
    padding-right: 20px;
    font-family: sh;
    font-size: 30px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .first_class2 .unit-tit .t {
        font-size:22px
    }
}

.first_class2 .unit-tit .more1 {
    margin-left: auto
}

.first_class2 .unit-tit .more1::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 9999px;
    border-top: 1px solid #95ae93
}

.first_class2 .ol {
    position: relative;
    margin-top: 40px
}

.first_class2 .ol::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    border-left: 1px solid #5f7a59
}

.first_class2 .ol .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 14px 0;
    padding-left: 55px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ol .li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 48px;
    border: 1px solid #5f7a59;
    border-right: 0
}

.first_class2 .ol .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px;
    font-family: tj
}

.first_class2 .ol .b {
    font-size: 60px;
    line-height: 1
}

.first_class2 .ol .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 0;
    line-height: 1.75
}

.first_class2 .ol .link {
    display: block;
    height: 3.5em;
    overflow: hidden
}

.first_class2 .ol .arr {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 15px;
    width: 47px;
    height: 9px;
    background: url(../image/xf/png46.png);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ul {
    margin-top: 30px
}

.first_class2 .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0;
    border-top: 1px solid rgba(149,174,147,0.4);
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .first_class2 .ul .li {
        font-size:16px
    }
}

.first_class2 .ul .li:first-child {
    border-top: 0
}

.first_class2 .ul .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    font-family: tj;
    line-height: 1.8
}

.first_class2 .ul .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 58px
}

.first_class3 {
    background: url() no-repeat center;
    padding: 150px 0
}

.first_class3 .cont {
    position: relative
}

.first_class3 .cont img {
    max-width: 100%;
    display: block;
    margin: auto
}

.first_class3 .cont .title-box {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.first_class3 .more1 {
    margin-top: 38px
}

.first_class3 .more1::before {
    background-color: #466685;
    border-color: #466685;
    background-image: url(../image/more1a.png)
}

.first_class4 {
    padding: 150px 0;
    background: url(../image/xf/img86.jpg) center top no-repeat;
    color: #fff
}

.first_class4 .title {
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    line-height: 1
}

.first_class4 .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 156px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .li {
    padding-right: 28px;
    width: 33.33%
}

.first_class4 .ul .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .tit {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 120px;
    min-width: 50px;
    text-align: center
}

.first_class4 .ul .n {
    font-family: tj;
    font-size: 50px
}

.first_class4 .ul .n::after {
    content: '';
    display: block;
    margin: auto;
    width: 0;
    height: 215px;
    border-left: 1px solid rgba(255,255,255,0.3)
}

.first_class4 .ul .t {
    margin: auto;
    margin-top: 30px;
    width: 1em;
    font-family: sh;
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .first_class4 .ul .t {
        font-size:18px
    }
}

.first_class4 .ul .img {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 300px
}

.first_class4 .ul .img::before {
    content: '';
    display: block;
    padding-top: 190.66667%
}

.first_class4 .ul .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

@media screen and (min-width: 1025px) {
    .first_class1 .ul1 .li:hover {
        color:#fff
    }

    .first_class1 .ul1 .li:hover .cir::before {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .cir::after {
        opacity: 1
    }

    .first_class1 .ul1 .li:hover .lv {
        color: #7c3030;
        opacity: 0.5
    }

    .first_class1 .ul1 .li:hover .line {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(1) {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(2) {
        opacity: 1
    }

    .first_class2 .ol .li:hover {
        margin-bottom: 26px
    }

    .first_class2 .ol .li:hover::before {
        border-width: 2px;
        border-right: 0
    }

    .first_class2 .ol .li:hover .arr {
        opacity: 1;
        visibility: visible
    }

    .first_class3 .unit .li:hover {
        background-color: #5b7897
    }

    .first_class3 .unit .more1:hover::before {
        background-color: #aa1332;
        background-image: url(../image/more1a.png);
        border-color: #aa1332
    }
}

@media screen and (max-width: 1600px) {
    .first_class4 .ul {
        margin-right:60px
    }

    .first_class4 .ul .n::after {
        height: 10vw
    }
}

@media screen and (max-width: 1280px) {
    .first_class1 .list .li {
        padding:30px 15px
    }

    .first_class4 .title {
        position: static;
        width: 100%;
        text-align: center
    }

    .first_class4 .ul {
        margin: 0;
        margin-top: 50px;
        width: 100%
    }

    .first_class4 .ul .li:nth-child(n) {
        padding: 0;
        width: 33.33%
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }
}

@media screen and (max-width: 1400px) {
    .first_class1 .img {
        width:30%
    }
}

@media screen and (max-width: 1300px) {
    .first_class1 {
        padding:60px 0
    }

    .first_class2 {
        padding: 60px 0 0
    }

    .first_class3 {
        padding: 60px 0
    }

    .first_class4 {
        padding-top: 60px
    }
}

@media screen and (max-width: 1024px) {
    .first_class2 .unit {
        display:block;
        margin-top: 50px
    }

    .first_class2 .unit-item {
        padding: 50px;
        width: 100%
    }

    .first_class2 .ol {
        margin-top: 30px
    }

    .first_class2 .ol::before {
        display: none
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ol .li::before {
        display: none
    }

    .first_class2 .ol .d {
        margin-right: 10px
    }

    .first_class2 .ol .b {
        font-size: 30px
    }

    .first_class2 .ul {
        margin-top: 30px
    }

    .first_class3 .unit .view {
        text-align: left
    }

    .first_class3 .unit .more1 {
        margin-left: 5%
    }
}

@media screen and (max-width: 1023px) {
    .first_class1 .img {
        display:none
    }

    .first_class1 .r-box {
        margin-left: 0
    }

    .first_class1 .cont {
        padding: 15px 0
    }

    .first_class1 .list .li {
        padding: 15px
    }

    .first_class3 {
        background-size: cover
    }

    .first_class3 .more1 {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .first_class1 {
        padding:60px 0 50px
    }

    .first_class1 .line-box .item {
        width: 50%
    }

    .first_class1 .line-box .item:nth-child(1),.first_class1 .line-box .item:nth-child(2) {
        display: none
    }

    .first_class1 .line-box .item:nth-child(3)::before {
        right: 0
    }

    .first_class1 .list .li {
        width: 50%;
        padding: 10px 15px
    }

    .first_class2 {
        padding-top: 60px
    }

    .first_class2 .unit {
        margin-top: 20px
    }

    .first_class2 .unit-item {
        padding: 20px
    }

    .first_class2 .ol {
        margin-top: 20px
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ul {
        margin-top: 10px
    }

    .first_class2 .ul .li {
        padding: 15px 0
    }

    .first_class3 {
        padding: 60px 0 50px
    }

    .first_class3 .unit {
        margin-top: 20px;
        padding-top: 0
    }

    .first_class3 .unit .ul {
        display: block;
        margin-left: 0;
        padding: 20px 0;
        background: #476585
    }

    .first_class3 .unit .li {
        width: 100%
    }

    .first_class3 .unit .link {
        padding: 10px 20px
    }

    .first_class3 .unit .view {
        position: static;
        margin-right: 0
    }

    .first_class4 {
        padding: 60px 0 50px;
        background-size: cover
    }

    .first_class4 .ul {
        display: block;
        margin-top: 30px
    }

    .first_class4 .ul .li:nth-child(n) {
        margin-bottom: 20px;
        width: 100%
    }

    .first_class4 .ul .tit {
        width: 4em
    }

    .first_class4 .ul .img {
        margin-right: 10px
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }

    .first_class3 .unit .view {
        text-align: center
    }

    .first_class3 .unit .more1 {
        margin-left: 0%
    }

    .first_class2 .ul .t {
        height: auto
    }
}

.nav_history {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    color: #c98787;
    text-align: right;
    font-size: 14px;
    pointer-events: none;
    display: none
}

.nav_history::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 4px;
    background: url(../image/by/png35.png) repeat-y center center;
    width: 3px
}

.nav_history .item {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav_history .item span {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.nav_history .item.now span {
    opacity: 1
}

.nav_history .item::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #c98787;
    -webkit-transform: rotate(45deg) translateY(2px);
    transform: rotate(45deg) translateY(2px);
    margin-left: 20px
}

.nav_history .item:first-child {
    margin-top: 0
}

.history0 {
    position: relative;
    color: #fff
}

.history0 .bg {
    display: block;
    width: 100%;
    height: auto
}

.history0 .bg.m-show {
    display: none
}

.history0 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 9
}

.history0 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history0 .back img {
    margin-left: 15px
}

.history0 .x-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history0 .pad {
    width: 370px
}

.history0 .p-box {
    font-size: 18px;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .history0 .p-box {
        font-size:16px
    }
}

body:not(.lang-en) .history0 .p-box {
    text-align: justify;
    text-justify: inter-ideograph
}

.history0 .p-box .p+.p {
    margin-top: 15px
}

.history0 .more1 {
    padding: 0 70px 0 0;
    margin-top: 40px
}

.history0 .more1::before {
    left: auto;
    right: 0;
    background-color: #aa1332;
    border-color: #aa1332;
    background-image: url(../image/more1a.png)
}

.history1 {
    background: #fffcf6;
    padding: 150px 0;
    position: relative
}

.history1::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 66.6666666%;
    background: url(../image/by/bg4.jpg) no-repeat center left;
    background-size: cover
}

.history1 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history1 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 3
}

.history1 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history1 .back img {
    margin-left: 15px
}

.history1 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

.history1 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history1 .head .p {
        font-size:22px
    }
}

.history1 .head .r {
    margin-left: 60px
}

.history1 .head .code {
    background: #7c3030;
    color: #fff;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.history1 .head .code img {
    margin-left: 10px;
    max-width: 150px
}

.history1 .head .code .c {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px
}

.history1 .head .code:hover .c {
    display: block
}

.history1 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 50px;
    position: relative;
    z-index: 1
}

.history1 .tabs {
    border-left: 1px solid #aaa
}

.history1 .tabs .item {
    padding-left: 40px;
    position: relative;
    line-height: 1.1;
    margin-left: -1px;
    cursor: pointer
}

.history1 .tabs .item:nth-child(n+2) {
    margin-top: 1.5em
}

.history1 .tabs .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item.now {
    border-left: 2px solid #a91231;
    color: #a91231
}

.history1 .tabs .item.now::before {
    border-top: 2px solid #a91231
}

.history1 .tabs .item.now::after {
    border-top: 2px solid #a91231
}

.history1 .div {
    width: 50%;
    margin-top: -160px
}

.history1 .d {
    position: absolute;
    visibility: hidden;
    width: 100%;
    opacity: 0
}

.history1 .d.act {
    position: relative;
    visibility: visible;
    opacity: 1
}

.history1 .d .pic {
    width: 85%;
    background: url(../image/by/png19.png) no-repeat left bottom 15%/contain;
    padding: 5% 5% 8% 8%
}

.history1 .d .pic .frame {
    overflow: hidden
}

.history1 .d .pic .child {
    height: 100%
}

.history1 .d .pic .child .img {
    height: 100%
}

.history1 .d .pic img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.history1 .d .text {
    right: 100%;
    bottom: 0;
    position: absolute;
    width: 40%
}

body:not(.lang-en) .history1 .d .text {
    text-align: justify;
    text-justify: inter-ideograph
}

.history1 .d .text .more1 {
    margin-top: 25px
}

.history2 {
    background: #fffcf6;
    padding: 200px 0 350px;
    position: relative
}

.history2 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history2::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%
}

.history2 .map {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 49%;
    background: url(../image/by/png13.png) no-repeat center bottom/contain
}

.history2 .head {
    padding-left: 65%
}

.history2 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history2 .head .p {
        font-size:22px
    }
}

.history2 .focus {
    padding-left: 65%
}

.history2 .focus .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #ac9f92
}

.history2 .focus .nav span {
    font-family: xfont;
    width: 35px;
    height: 40px;
    position: relative;
    line-height: 40px;
    text-align: center;
    font-size: 20px
}

.history2 .focus .nav .next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #ac9f92
}

.history2 .focus .slick-list {
    overflow: visible
}

.history2 .focus .frame {
    margin-top: 10px
}

.history2 .focus .child {
    position: relative
}

.history2 .focus .child .h {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 30px;
    font-size: 24px;
    color: #495a47
}

body:not(.lang-en) .history2 .focus .child .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history2 .focus .child .h {
        font-size:18px
    }
}

.history2 .focus .child .pics {
    position: relative
}

.history2 .focus .child .pics .item:first-child {
    width: 100%;
    padding-top: 100%
}

.history2 .focus .child .pics .item:last-child {
    position: absolute;
    right: 85%;
    top: 60%;
    width: 65%
}

.history2 .focus .child .pics .item:last-child::after {
    content: "";
    background: #7c3030;
    width: 30%;
    padding-top: 30%;
    position: absolute;
    left: 100%;
    top: 100%
}

.history2 .focus .child .pics img {
    width: 100%;
    height: auto;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.history2 .focus .child .btns {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history2 .focus .child .btns a {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #e2d4c6;
    position: relative
}

.history2 .focus .child .btns a:nth-child(n+2) {
    margin-left: 2px
}

.history2 .focus .child .btns a img:first-child {
    max-width: 80%
}

.history2 .focus .child .btns a .c {
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.history2 .focus .child .btns a:hover .c {
    display: block
}

.history3 {
    background: #fffcf6;
    position: relative;
    padding: 150px 0 133px;
    color: #fff;
    display: none
}

.history3 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 66.6666666%;
    bottom: 0;
    background: url(../image/by/bg5_1.jpg) no-repeat center top/contain;
    z-index: 3;
    pointer-events: none
}

.history3::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%;
    z-index: 4;
    pointer-events: none
}

.history3 .bg-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 30.71%;
    top: 299px;
    background: url(../image/lys/jpg93.jpg) no-repeat center;
    background-size: cover
}

.history3 .bg-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30.71%;
    height: 402px;
    background: #fffcf6 url(../image/lys/png148.png) no-repeat left bottom;
    z-index: 2;
    background-size: contain
}

.history3 .head {
    text-align: center;
    position: relative;
    z-index: 9
}

.history3 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history3 .head .p {
        font-size:22px
    }
}

.history3 .content {
    margin-top: 75px;
    position: relative;
    z-index: 9
}

.history3 .slick-slide {
    margin: 0 -10px
}

.history3 .child {
    padding: 0 10px 10px;
    position: relative;
    margin-top: 10px;
    display: inline-block
}

.history3 .child a.a {
    left: 10px;
    right: 10px;
    bottom: 20px
}

.history3 .child .pic {
    position: relative;
    overflow: hidden
}

.history3 .child .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.history3 .child .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history3 .child .h {
    position: absolute;
    left: 10px;
    bottom: 20px;
    right: 10px;
    background: url(../image/by/png20.png) repeat-x center center;
    padding: 18px 0;
    text-align: center
}

.history3 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    color: #a9927b;
    position: relative;
    z-index: 1
}

.history3 .nav::before {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav::after {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav .prev {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .next {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .num {
    padding: 0 25px
}

.history3 .nav .num * {
    font-style: normal;
    font-weight: normal;
    margin: 0 5px
}

.history4 {
    background: #fffcf6;
    position: relative;
    padding: 200px 0
}

.history4 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history4::before {
    content: "";
    position: absolute;
    left: 0;
    top: -60px;
    width: 28%;
    bottom: 0;
    background: url(../image/by/png14.png) no-repeat center top/contain
}

.history4::after {
    content: "";
    background: url(../image/by/png15.png) no-repeat center center/contain;
    right: 0;
    bottom: 0;
    width: 28%;
    padding-top: 28%;
    position: absolute
}

.history4 .head {
    position: absolute;
    left: 0;
    top: 80px;
    right: 0
}

.history4 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history4 .head .p {
        font-size:22px
    }
}

.history4 .x-wrap {
    height: auto
}

.history4 .list {
    position: relative;
    z-index: 1;
    height: 59.3268vw
}

.history4 .list .item {
    width: calc(25% - 30px);
    cursor: pointer
}

.history4 .list .item .pic {
    overflow: hidden
}

.history4 .list .item .pic img {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history4 .list .item:first-child {
    margin-right: 40px
}

.history4 .list .item img {
    width: 100%
}

.history4.noData #photo_wap {
    display: none
}

.history4.noData .load_more a {
    display: none
}

.history5 {
    background: #fffcf6 url(../image/by/bg6-1.jpg) no-repeat center center/cover;
    padding: 40px 0 180px;
    position: relative
}

.history5 .fix_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history5 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -170px
}

.history5 .head .p {
    font-size: 30px;
    margin-left: 10px
}

body:not(.lang-en) .history5 .head .p {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history5 .head .p {
        font-size:22px
    }
}

.history5 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48.9424vw;
    height: auto
}

.history5 .x-wrap::after {
    display: none
}

.history5 .list-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    position: relative
}

.history5 .list-box::before {
    content: '';
    position: absolute;
    left: 48px;
    top: calc(50% - 46px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1608px;
    height: 164px;
    background: url(../image/by/png40.png) no-repeat left center
}

.history5 .list {
    margin-left: 100px;
    overflow: auto;
    margin-right: -200px
}

.history5 .list .inner {
    display: table;
    white-space: nowrap
}

.history5 .list .item {
    position: relative;
    max-width: 30vw;
    display: inline-block;
    vertical-align: top
}

.history5 .list .item .pic {
    background: #fffcf6;
    padding: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3);
    box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3)
}

.history5 .list .item .pic img {
    width: 100%
}

.history5 .list .item .h {
    font-size: 18px;
    margin-top: 0.6em
}

@media screen and (max-width: 768px) {
    .history5 .list .item .h {
        font-size:16px
    }
}

.history5 .list .item:nth-child(5n-4) {
    margin-top: 1.45833333vw
}

.history5 .list .item:nth-child(5n-3) {
    margin-top: 10.67708333vw;
    margin-left: -6.25vw
}

.history5 .list .item:nth-child(5n-2) {
    margin-top: 4.6875vw;
    margin-left: 2.34375vw
}

.history5 .list .item:nth-child(5n-1) {
    margin-top: 16.35416666vw;
    margin-left: -5.05208333vw
}

.history5 .list .item:nth-child(5n) {
    margin-left: 1.5625vw;
    margin-right: 2.8645833vw
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 1px;
    background: #a85a5a;
    position: relative;
    margin: 0 10px;
    width: auto;
    margin-top: 17px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 60px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 36px;
    width: 40%;
    margin: auto
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    background: url(../image/by/png16.png) no-repeat center;
    background-size: contain;
    width: 36px;
    height: 36px;
    top: 0
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    display: none
}

.history6 {
    background: #fffcf6;
    position: relative;
    padding: 190px 0
}

.history6 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history6 .head {
    text-align: center
}

.history6 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history6 .head .p {
        font-size:22px
    }
}

.history6 .list {
    margin-top: 120px;
    position: relative;
    min-height: 59.99999vw
}

.history6 .list .bg {
    position: absolute;
    top: 75%;
    left: 5%;
    width: 41%
}

.history6 .list .d1 {
    position: relative;
    padding-top: 60%
}

.history6 .list .d1 .item {
    position: absolute;
    cursor: pointer
}

.history6 .list .d1 .item.i1 {
    width: 44%;
    left: 0;
    top: 0;
    z-index: 1;
    margin-right: 40px
}

.history6 .list .d1 .item.i2 {
    width: 23%;
    left: 50%;
    top: 0
}

.history6 .list .d1 .item.i3 {
    width: 16%;
    right: 0;
    top: 0
}

.history6 .list .d1 .item.i4 {
    width: 30%;
    left: 37%;
    bottom: 0
}

.history6 .list .d1 .item.i5 {
    width: 27%;
    right: 0;
    top: 36.3%
}

.history6 .list .d2 {
    margin-top: 40px
}

.history6 .list .d2 .item {
    width: calc(20% - 22.5px);
    position: relative;
    cursor: pointer
}

.history6 .list .d2 .item:first-child {
    margin-right: 30px
}

.history6 .list .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.history6 .list .pic::before {
    content: '';
    display: block;
    padding-top: 94.61078%
}

.history6 .list .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history6 .list .h {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))
}

@media screen and (max-width: 768px) {
    .history6 .list .h {
        font-size:16px
    }
}

.history6 .list .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: rgba(255,255,255,0.2) url(../image/by/png21.png) no-repeat left 55% center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.history6.noData #six_wap {
    display: none
}

.history6.noData .load_more a {
    display: none
}

@media screen and (min-width: 1025px) {
    .history4 .list .item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .history6 .list .item:hover {
        z-index: 1
    }

    .history6 .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1720px) {
    .history2 {
        padding:140px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 120px 0
    }

    .history6 {
        padding: 120px 0
    }
}

@media screen and (max-width: 1600px) {
    .history5 {
        padding-bottom:150px
    }

    .history5 .list {
        margin-right: -50px
    }
}

@media screen and (max-width: 1500px) {
    .history1 .div {
        width:45%
    }

    .history1 .d .pic {
        width: auto
    }
}

@media screen and (max-width: 1300px) {
    .history0 .p-box {
        margin-top:30px
    }

    .history0 .more1 {
        margin-top: 20px
    }

    .history2 {
        padding: 80px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 80px 0
    }

    .history6 {
        padding: 80px 0
    }

    .history6 .list {
        margin-top: 80px
    }

    .history1 .div {
        width: 42%
    }

    .history1 .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history1 .head .r {
        margin: 20px 0 0
    }

    .history2 .focus {
        margin-top: 30px
    }

    .history4 .list .item {
        width: calc(25% - 15px)
    }

    .history4 .list .item:first-child {
        margin-right: 20px
    }

    .history5 .list {
        margin-right: -20px
    }

    .history6 .list .h {
        padding: 10px;
        font-size: 16px
    }
}

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

    .history1 {
        padding: 80px 0 60px
    }

    .history1::before {
        left: 85%
    }

    .history1 .d .text {
        position: static
    }

    .history1 .div {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        margin-left: 10%
    }

    .history1 .d .text {
        width: 65%
    }

    .history2 {
        padding: 80px 0 220px
    }

    .history6 {
        padding: 60px 0
    }

    .history6 .list {
        margin-top: 40px
    }

    .history5 {
        padding-bottom: 80px
    }

    .history5 .list .item .pic {
        padding: 15px;
        max-width: 50vw
    }

    .history5 .list .item .pic img {
        max-width: 100%
    }

    .history5 .list .item:nth-child(n+2) {
        margin: 0 0 0 20px !important
    }

    .history1 .head .p {
        font-size: 24px
    }

    .history2 .head .p {
        font-size: 24px
    }

    .history3 .head .p {
        font-size: 24px
    }

    .history4 .head .p {
        font-size: 24px
    }

    .history5 .head .p {
        font-size: 24px
    }

    .history6 .head .p {
        font-size: 24px
    }

    .history5 .list {
        margin-right: 0px
    }
}

@media screen and (max-width: 767px) {
    .history0 .pad {
        width:100%;
        padding-bottom: 40px
    }

    .history0 .p-box {
        margin-top: 15px
    }

    .history0 .p-box .p+.p {
        margin-top: 5px
    }

    .history0 .x-wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .history0 .more1 {
        margin-top: 10px;
        padding-right: 45px
    }

    .history0 .back {
        position: absolute;
        height: 40px;
        padding-left: 20px;
        top: 20px
    }

    .history0 .back img {
        width: 20px
    }

    .history0 .bg {
        display: none
    }

    .history0 .bg.m-show {
        display: block
    }

    .history1 {
        background-position: left top;
        padding: 40px 0;
        margin-top: 0
    }

    .history1::before {
        display: none
    }

    .history1 .content {
        display: block;
        margin-top: 30px
    }

    .history1 .d .text {
        width: auto;
        margin-top: 20px
    }

    .history1 .div {
        margin: 30px 0 0
    }

    .history1 .d .pic {
        background: none;
        padding: 0;
        width: 80%;
        margin: auto
    }

    .history1 .d .pic .frame {
        border-radius: 0
    }

    .history2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0
    }

    .history2 .head {
        padding: 0;
        text-align: center
    }

    .history2 .map {
        position: static;
        height: 130vw;
        background-position: center top 20%;
        background-size: 160% auto
    }

    .history2 .focus {
        padding-left: 35%
    }

    .history3 {
        padding: 40px 0
    }

    .history3::after {
        width: 100%;
        background-size: cover
    }

    .history3::before {
        display: none
    }

    .history3 .bg-1,.history3 .bg-2 {
        display: none
    }

    .history3 .nav {
        margin-top: 10px
    }

    .history4 {
        padding: 40px 0
    }

    .history4::before {
        display: none
    }

    .history4 .head {
        position: static;
        text-align: center
    }

    .history4 .list {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important
    }

    .history4 .list .item {
        width: calc(50% - 7.5px);
        position: static !important
    }

    .history3 .content {
        margin-top: 30px
    }

    .history4 .list {
        padding: 0 15px;
        min-height: 140vw
    }

    .history4 .list .item {
        width: calc(50% - 7.5px)
    }

    .history4 .list .item:nth-child(1) {
        margin-right: 0
    }

    .history4 .list .item:nth-child(even) {
        margin-left: 15px
    }

    .history4 .list .item:nth-child(n+3) {
        margin-top: 15px
    }

    .history5 {
        padding: 40px 0
    }

    .history5 .head {
        margin: 0
    }

    .history5 .head .title img {
        max-height: none
    }

    .history5 .head .p {
        margin-left: 0
    }

    .history5 .x-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history5 .list-box::before {
        display: none
    }

    .history5 .list {
        margin-left: 15px
    }

    .history5 .list .item {
        max-width: 240px
    }

    .history5 .list .item:nth-child(5n-4) {
        margin-top: 0
    }

    .history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 50px
    }

    .history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 80%
    }

    .history5 .list .item .pic {
        max-width: none;
        width: 100%;
        padding: 10px
    }

    .history5 .list .item .pic img {
        width: 100%
    }

    .history5 .list .item .h {
        margin-top: 5px
    }

    .history6 .list {
        padding: 0 15px;
        margin-top: 30px
    }

    .history6 .list .d1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0
    }

    .history6 .item {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important
    }

    .history6 .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .history6 .list .d1 .item:nth-child(1) {
        margin-right: 0
    }

    .history6 .list .d2 {
        margin-top: 15px;
        height: auto !important
    }

    .history6 .list .bg {
        display: none
    }

    .history6 .list .play {
        width: 60px;
        height: 60px;
        background-size: 30% auto
    }

    .title>img {
        max-width: 80%
    }

    .history6 .list .d1::before {
        display: none
    }

    .history2 .x-wrap {
        height: auto
    }

    .history2 .x-wrap::after {
        display: none
    }

    .history3::after {
        bottom: initial;
        height: 100%;
        display: none
    }

    .history3 {
        background: url(../image/by/bg5_1.jpg) no-repeat center top/cover
    }

    .history3 .x-wrap {
        height: auto
    }
}

.home1 {
    position: relative;
    margin-top: -147px
}

.home1 .child {
    height: 100vh;
    background: no-repeat center center / cover;
    position: relative
}

.home1 .child .mask {
    background: #000;
    opacity: 0
}

.home1 .child .a {
    z-index: 2
}

.home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home1 .nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1
}

.home1 .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home1 .slick-dot {
    width: 50px;
    height: 4px;
    background: #fff;
    opacity: 0.4;
    padding: 0;
    list-style: none;
    margin: 0 10px
}

.home1 .slick-dot.slick-active {
    opacity: 1
}

.home1 .btn_l {
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_l::before {
    content: "";
    background: url(../image/by/png1_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_l::after {
    content: "";
    background: url(../image/by/png1_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_l a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.home1 .btn_r {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_r::before {
    content: "";
    background: url(../image/by/png2_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_r::after {
    content: "";
    background: url(../image/by/png2_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_r a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.title1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .title1 {
        font-size:28px
    }
}

.title1::before {
    content: "";
    background: no-repeat center bottom;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: 0.5em;
    -webkit-transition: all 1.5s ease-out 0s;
    transition: all 1.5s ease-out 0s;
    clip: rect(0, 120px, 0, 0)
}

.title1::after {
    content: "";
    background: no-repeat center top;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 5.3em;
    -webkit-transition: all 3s ease-out 3s;
    transition: all 3s ease-out 3s;
    clip: rect(0, 120px, 0, 0)
}

.title1 .h {
    font-family: sh;
    line-height: inherit;
    line-height: 1.2;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    margin-left: -0.5em;
    -webkit-transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

body:not(.lang-en) .title1 .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.title1 .more1 {
    opacity: 0;
    -webkit-transition: all 1s ease-out 2.5s;
    transition: all 1s ease-out 2.5s
}

.showd .title1::after {
    clip: rect(0, 120px, 1000px, 0)
}

.showd .title1 .h {
    -webkit-transform: none;
    transform: none
}

.showd .title1 .more1 {
    opacity: 1
}

.home2.showd .title1::before {
    clip: rect(0, 120px, 350px, 0)
}

.home3.showd .title1::before {
    clip: rect(0, 120px, 270px, 0)
}

.home4.showd .title1::before {
    clip: rect(0, 120px, 570px, 0)
}

.home5.showd .title1::before {
    clip: rect(0, 120px, 300px, 0)
}

.home6.showd .title1::before {
    clip: rect(0, 120px, 700px, 0)
}

.home2 {
    position: relative;
    background: #f5f5f5
}

.home2 .w-wrap {
    padding-top: 110px;
    padding-bottom: 110px
}

.home2 .title1::before {
    background-image: url(../image/by/png3_1.png);
    bottom: 70%
}

.home2 .title1::after {
    background-image: url(../image/by/png3_1b.png);
    top: 30%
}

.home2 .title1 .h {
    top: 30%
}

.home2 .title1 .more1 {
    background: #f5f5f5;
    padding-top: 15px;
    color: #333;
    font-size: 16px;
    position: absolute;
    top: 63%;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home2 .list .dl {
    width: calc(50% - 10px)
}

.home2 .list .dl .item {
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.home2 .list .dl .pic {
    position: relative;
    overflow: hidden
}

.home2 .list .dl .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home2 .list .dl .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .list .dl .text {
    background: #fff;
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home2 .list .dl .text .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .h {
        font-size:18px
    }
}

.home2 .list .dl .text .p {
    font-size: 14px;
    margin-top: 0.5em
}

.home2 .list .dl .text .date {
    font-size: 18px;
    text-align: center;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date {
        font-size:16px
    }
}

.home2 .list .dl .text .date b {
    font-size: 60px;
    line-height: 1.2;
    display: block;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date b {
        font-size:30px
    }
}

.home2 .list .dl .text .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home2 .list .dr {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home2 .list .dr .item {
    position: relative;
    background: #fff;
    width: calc(50% - 5px);
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home2 .list .dr .item:nth-child(n+3) {
    margin-top: 10px
}

.home2 .list .dr .item .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .h {
        font-size:16px
    }
}

.home2 .list .dr .item .date {
    font-size: 18px;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date {
        font-size:16px
    }
}

.home2 .list .dr .item .date b {
    font-size: 48px;
    line-height: 1.2;
    display: block;
    font-weight: normal;
    display: inline;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date b {
        font-size:28px
    }
}

.home2 .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.home2 .links .item {
    background: no-repeat left center / cover;
    width: 10.35%;
    overflow: hidden;
    position: relative;
    padding-top: 13.33%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .links .item img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.home2 .links .item.s {
    width: 68.93%
}

.home2 .links .item.s img {
    width: 100%;
    height: auto;
    position: static
}

.home3 {
    background: url(../image/by/bg1.jpg) no-repeat center top;
    color: #fff;
    height: 835px;
    position: relative;
    z-index: 1
}

.home3 .title1::before {
    background-image: url(../image/by/png3_2.png);
    bottom: 65%
}

.home3 .title1::after {
    background-image: url(../image/by/png3_2b.png);
    top: 35%
}

.home3 .title1 .h {
    top: 35%
}

.home3 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.home3 .box2 {
    width: 50%;
    margin-left: 50%;
    background: #7c3030;
    padding: 100px
}

.home3 .box2 .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home3 .box2 .hd .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home3 .box2 .hd .title:after {
    content: "";
    display: block;
    border-top: 1px solid #a95555;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px
}

.home3 .box2 .list {
    margin-top: 60px;
    border-left: 1px solid #a95555;
    position: relative
}

.home3 .box2 .list:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 0%
}

.home3 .box2 .list:after {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    bottom: 0%
}

.home3 .box2 .list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px
}

.home3 .box2 .list .item:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box2 .list .item:nth-child(n+2) {
    margin-top: 15px
}

.home3 .box2 .list .item .date {
    white-space: nowrap;
    font-family: tj
}

.home3 .box2 .list .item .date b {
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home3 .box2 .list .item .date b {
        font-size:30px
    }
}

.home3 .box2 .list .item .h {
    margin-left: 30px;
    line-height: 1.8;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home3 .box2 .list .item .h:after {
    content: "";
    background: url(../image/by/png36.png) no-repeat right center;
    width: 0;
    height: 9px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box1 {
    width: 50%;
    background: #883736;
    padding: 70px 90px;
    position: relative
}

.home3 .box1::before {
    content: "";
    background: url(../image/by/png4.png) no-repeat center center;
    width: 467px;
    height: 416px;
    right: 10px;
    top: -40px;
    position: absolute
}

.home3 .box1::after {
    content: "";
    width: 120px;
    height: 120px;
    background: #aa1332;
    left: 100%;
    top: 100%;
    position: absolute
}

.home3 .box1 .text {
    line-height: 1.8;
    position: relative
}

body:not(.lang-en) .home3 .box1 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.home3 .box1 .text p:nth-child(n+2) {
    margin-top: 1.5em
}

.home3 .box1 .more1 {
    margin-top: 40px
}

.home3 .more1:before {
    background-color: #a95555;
    border-color: #a95555
}

.home4 {
    background: url(../image/by/png5.png) no-repeat right 1% top
}

.home4 .title1::before {
    background-image: url(../image/by/png3_3.png);
    bottom: 60%
}

.home4 .title1::after {
    background-image: url(../image/by/png3_3b.png);
    top: 40%
}

.home4 .title1 .h {
    top: 40%
}

.home4 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 380px;
    padding-bottom: 180px
}

.home4 .dl {
    width: 47%
}

.home4 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 6%
}

.home4 .d1 {
    position: relative
}

.home4 .d1 .pic {
    width: 100%
}

.home4 .d1 .text {
    position: absolute;
    left: -1px;
    top: 70%;
    background: #fff;
    padding-left: 0
}

.home4 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
}

.home4 .d2 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home4 .d3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.home4 .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.home4 .pic::before {
    content: '';
    display: block;
    padding-top: 105.21127%
}

.home4 .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home4 .text {
    padding: 50px 45px;
    width: 50%
}

.home4 .text .h {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .home4 .text .h {
        font-size:22px
    }
}

.home4 .text .p {
    margin-top: 15px
}

.home4 .text .date {
    font-family: tj;
    margin-top: 10px
}

.home4 .text .more1 {
    margin-top: 20px
}

.home5 {
    background: url(../image/by/bg2.jpg) no-repeat center center/cover;
    color: #fff
}

.home5 .title1::before {
    background-image: url(../image/by/png3_4.png);
    bottom: 65%
}

.home5 .title1::after {
    background-image: url(../image/by/png3_4b.png);
    top: 35%
}

.home5 .title1 .h {
    top: 35%
}

.home5 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 110px;
    padding-bottom: 110px
}

.home5 .dl {
    width: 28%;
    padding-top: 100px;
    min-width: 355px
}

.home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.home5 .dl .h b {
    font-weight: normal;
    font-size: 140px;
    line-height: 0.6
}

.home5 .dl .h span {
    display: block
}

.home5 .dl .box {
    margin-top: 30px;
    background: #95ae93
}

.home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.home5 .dl .hd span {
    font-family: xfont;
    width: 90px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.home5 .dl .hd strong {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 330px
}

.home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0
}

.home5 .dl .calendar .fc-calendar .fc-row>div,.home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 0;
    right: 0;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: Arial;
    top: 0px;
    width: 1.4em;
    height: 1.4em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.5em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px
}

.home5 .dl .calendar .fc-today .fc-date {
    background: #495a46;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #668863;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #9a5252;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #5a759b;
    margin: 0 2px
}

.home5 .dl .calendar .fc-content {
    cursor: pointer
}

.home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .bb {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.15);
    font-size: 14px;
    color: #495a46
}

.home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.home5 .dl .bb span:nth-child(1):before {
    background: #668863
}

.home5 .dl .bb span:nth-child(2):before {
    background: #9a5252
}

.home5 .dl .bb span:nth-child(3):before {
    background: #5a759b
}

.home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 90px
}

.home5 .dr .list {
    height: 700px;
    overflow: hidden
}

.home5 .dr .mCSB_inside>.mCSB_container {
    margin-right: 20px
}

.home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home5 .dr .item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 48%
}

.home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home5 .dr .item .text {
    padding: 50px 40px;
    width: 48%
}

.home5 .dr .item .text .h {
    font-size: 18px
}

.home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 50px
}

.home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px
}

.home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #638460;
    width: 4px
}

.home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #384837;
    width: 2px
}

.home6 {
    background: url(../image/by/png6.png) no-repeat center top/100% auto;
    position: relative;
    color: #fff
}

.home6 .title1::before {
    background-image: url(../image/by/png3_5.png);
    bottom: 45%
}

.home6 .title1::after {
    background-image: url(../image/by/png3_5b.png);
    top: 55%
}

.home6 .title1 .h {
    top: 55%
}

.home6::before {
    content: "";
    background: url(../image/by/bg3.jpg) no-repeat center top/cover;
    position: absolute;
    left: 0;
    top: 26vw;
    right: 0;
    bottom: 0
}

.home6 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 26vw;
    padding-bottom: 312px
}

.home6 .tabs {
    background: #6f8aa8;
    padding: 50px 0;
    width: 30%
}

.home6 .tabs .item {
    height: 76px;
    line-height: 76px;
    font-size: 22px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-align: center;
    padding-right: 30px
}

@media screen and (max-width: 768px) {
    .home6 .tabs .item {
        font-size:18px
    }
}

.home6 .tabs .item i {
    margin-right: 25px;
    display: inline-block;
    width: 44px;
    text-align: center
}

.home6 .tabs .item i img {
    max-width: 100%
}

.home6 .tabs .item.now {
    background: #5b7897;
    padding-left: 50px
}

.home6 .tabs .item.now::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    background: url(../image/more1a.png);
    width: 13px;
    height: 12px;
    margin-top: -6px
}

.home6 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home6 .dr::before {
    content: "";
    background: url(../image/by/png7.png) no-repeat center bottom/cover;
    width: 22%;
    padding-top: 50%;
    position: absolute;
    left: 50%;
    bottom: 25%
}

.home6 .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden
}

.home6 .list.act {
    opacity: 1;
    visibility: visible
}

.home6 .list .item {
    position: relative;
    width: 55%
}

.home6 .list .item:hover {
    z-index: 1
}

.home6 .list .item:last-child {
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    width: 57%
}

.home6 .list .item .pic {
    position: relative;
    overflow: hidden
}

.home6 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 70.9507%
}

.home6 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home6 .list .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6))
}

.home6 .list .item .text .h {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none
}

.home6 .list .item .text .more {
    background: url(../image/by/png8.png);
    width: 41px;
    height: 41px;
    display: inline-block
}

@media screen and (min-width: 1025px) {
    .transT {
        -webkit-transform:translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transB {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transL {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transR {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .td2 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .td3 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .td4 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    .transTs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transTs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transTs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transTs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transTs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transLs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transLs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transLs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transLs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transLs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transS {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transSs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transSs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transSs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .showd .transT,.showd .transB,.showd .transL,.showd .transR,.showd .transS,.showd .transTs>div,.showd .transLs>div,.showd .transSs>div {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    .btn_l:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .btn_r:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .home2 .list .item:hover {
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.15);
        box-shadow: 0 0 30px rgba(0,0,0,0.15)
    }

    .home3 .box2 .list .item:hover .h:after {
        width: 47px
    }

    .home4 .d1:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d2:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d3:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home6 .list .item:hover .h {
        display: block
    }
}

@media screen and (max-width: 1720px) {
    .home2 .w-wrap {
        padding-top:80px;
        padding-bottom: 80px
    }

    .home3 .box2 {
        padding: 80px
    }

    .home3 .box1 {
        padding: 60px 80px
    }

    .home4 .w-wrap {
        padding-top: 300px;
        padding-bottom: 100px
    }

    .home5 .w-wrap {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 1500px) {
    .home3 .box1 {
        -webkit-transform:translateY(-20%);
        transform: translateY(-20%)
    }

    .home6 .w-wrap {
        padding-bottom: 250px;
        padding-top: 320px
    }

    .home5 .dr .item .text ul {
        margin-top: 30px
    }

    .home6::before {
        top: 320px
    }
}

@media screen and (max-width: 1400px) {
    .home5 .dl {
        padding-top:50px
    }

    .home5 .dr {
        margin-left: 60px;
        width: 380px
    }

    .home5 .dr .item .text {
        padding: 30px 10px
    }

    .home5 .dr .item .text ul {
        margin-top: 20px
    }
}

@media screen and (max-width: 1300px) {
    .title1 {
        font-size:42px
    }

    .home3 .box1 {
        padding: 40px 60px
    }

    .home3 .box2 {
        padding: 60px
    }

    .home4 .text {
        padding: 30px 40px
    }

    .home4 .d2 .text {
        padding: 30px 40px
    }

    .home5 .dl .fc-calendar-container {
        height: 330px
    }

    .home6 .tabs {
        padding: 30px 0
    }

    .home6 .tabs .item {
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }

    .home6 .tabs .item.now {
        padding-left: 0px
    }

    .home6 .tabs .item i {
        margin-right: 15px
    }

    .home6 .tabs .item i {
        width: 34px
    }
}

@media screen and (max-width: 1200px) {
    .home3 .box2 {
        padding:40px
    }

    .home3 .box1 {
        padding: 40px
    }
}

@media screen and (max-width: 1100px) {
    .title1 .h {
        font-size:42px
    }

    .home3 .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 60px 0
    }

    .home3 .content .box1 {
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .home3 .content .box2 {
        width: auto;
        margin: auto;
        margin-top: 60px
    }

    .home4 .d1 .text {
        width: auto;
        position: static
    }

    .home4 .text {
        padding: 20px 30px !important
    }

    .home2 .w-wrap {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .home3 .box2 {
        padding: 40px
    }

    .home3 .box1 {
        padding: 40px 40px
    }

    .home4 .w-wrap {
        padding-top: 160px;
        padding-bottom: 40px
    }

    .home5 .w-wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .home6 .w-wrap {
        padding-top: 200px
    }

    .home6::before {
        top: 200px
    }
}

@media screen and (max-width: 1024px) {
    .title1 {
        position:static;
        width: auto;
        background: none !important;
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px
    }

    .title1::before {
        display: none
    }

    .title1::after {
        display: none
    }

    .title1 .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .title1 .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .title1 .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .title1 .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .w-wrap {
        padding: 40px 0;
        display: block !important
    }

    .home1 {
        margin-top: 0px
    }

    .home2 .w-wrap {
        padding: 40px 0
    }

    .home2 .title1 .more1 {
        padding: 0 0 0 50px;
        -webkit-writing-mode: unset !important;
        -ms-writing-mode: unset !important;
        writing-mode: unset !important;
        width: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        left: auto
    }

    .home2 .list .dl .text {
        padding: 25px
    }

    .home2 .list .dr .item {
        padding: 25px
    }

    .home3 {
        height: auto
    }

    .home3 .content {
        padding: 0
    }

    .home3 .box1 {
        padding: 30px
    }

    .home3 .box1::before {
        display: none
    }

    .home3 .box1 .more1 {
        margin-top: 20px
    }

    .home3 .content .box2 {
        margin: 20px 0 0;
        padding: 30px
    }

    .home3 .box2 .list {
        margin-top: 30px
    }

    .home4 .w-wrap {
        padding: 40px 0
    }

    .home4 .pic {
        width: 50% !important
    }

    .home4 .dl {
        width: auto
    }

    .home4 .dl .d1 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home4 .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .home4 .d1 .pic {
        width: 30%
    }

    .home4 .dr {
        padding: 0
    }

    .home5 .w-wrap {
        padding: 40px 0
    }

    .home5 .dl {
        width: auto;
        padding-top: 0;
        min-width: auto
    }

    .home5 .dr {
        margin: 20px 0 0;
        width: auto
    }

    .home5 .dl .h b {
        font-size: 100px;
        line-height: 1
    }

    .home5 .dr .item .text {
        padding: 30px 10px;
        width: calc(50% - 15px)
    }

    .home5 .dr .item .pic {
        width: calc(50% - 15px)
    }

    .home6 .w-wrap {
        padding: 40px 0 9%
    }

    .home6::before {
        top: 0
    }

    .home6 .dr::before {
        display: none
    }

    .home6 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden
    }

    .home6 .list.act {
        position: static;
        visibility: visible
    }

    .home6 .tabs {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0
    }

    .home6 .tabs .item {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px
    }

    .home6 .tabs .item i {
        margin-right: 10px;
        width: 25px
    }

    .home6 .tabs .item::after {
        display: none
    }

    .home6 .list .item {
        width: 33.33% !important
    }

    .home6 .list .item:last-child {
        -webkit-transform: none;
        transform: none;
        position: relative
    }

    .home6 .list .item .text {
        padding: 15px
    }

    .home6 .list .item .text .h {
        display: block
    }

    .home6 .list .item .text .more {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .home1 .btn_l {
        left:15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_l::before {
        display: none
    }

    .home1 .btn_l::after {
        background-size: contain
    }

    .home1 .btn_r {
        right: 15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_r::before {
        display: none
    }

    .home1 .btn_r::after {
        background-size: contain
    }

    .title1 {
        margin-bottom: 20px
    }

    .title1 .h {
        font-size: 28px
    }

    .home1 .nav {
        bottom: 15px
    }

    .home1 .child {
        height: 56.5vw
    }

    .home1 .slick-dot {
        width: 25px;
        margin: 0 5px
    }

    .home2 .list {
        display: block
    }

    .home2 .list .dl {
        width: auto;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dl .text .date {
        margin-right: 20px;
        text-align: left
    }

    .home2 .list .dl .text .date b {
        display: inline-block;
        margin-right: 15px
    }

    .home2 .list .dr {
        width: auto;
        margin-top: 10px
    }

    .home2 .list .dl .text {
        padding: 20px;
        display: block
    }

    .home2 .list .dr .item {
        padding: 20px;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dr .item .h {
        margin-top: 5px;
        font-size: 14px
    }

    .home2 .links {
        display: block;
        margin-top: 20px
    }

    .home2 .links .item {
        width: 100% !important
    }

    .home2 .links .item:nth-child(n+2) {
        margin-top: 10px
    }

    .home3 .box1 {
        padding: 20px
    }

    .home3 .box1 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .home3 .content .box2 {
        padding: 20px
    }

    .home3 .box2 .list {
        border: none;
        margin-top: 20px
    }

    .home3 .box2 .list::before {
        display: none
    }

    .home3 .box2 .list::after {
        display: none
    }

    .home3 .box2 .list .item {
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home3 .box2 .list .item::before {
        display: none
    }

    .home3 .box2 .list .item .h {
        margin-left: 10px
    }

    .home4 .d1 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .d2 .text {
        padding: 0 15px 0 0 !important
    }

    .home4 .d3 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .text .p {
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .home4 .text .date {
        margin-top: 0
    }

    .home4 .text .more1 {
        margin-top: 10px
    }

    .home5 .dl .fc-calendar-container {
        height: 280px
    }

    .home5 .fc-calendar .fc-row>div>span.fc-date {
        font-size: 18px
    }

    .home5 .dl .calendar .fc-calendar .fc-content>div {
        font-size: 18px
    }

    .home5 .dl .h b {
        font-size: 40px;
        margin-right: 19px
    }

    .home5 .dl .box {
        margin-top: 15px
    }

    .home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .home5 .dl .hd span {
        width: 60px
    }

    .home5 .dr .item {
        display: block
    }

    .home5 .dr .item:nth-child(n+2) {
        margin-top: 20px
    }

    .home5 .dl .bb span {
        margin-left: 0px
    }

    .home5 .dl .bb span:nth-child(1) {
        margin-left: 0
    }

    .home5 .dr .item .pic {
        width: auto
    }

    .home5 .dr .item .text {
        width: auto;
        padding: 0;
        margin-top: 15px
    }

    .home5 .dr .item .text ul {
        margin-top: 15px
    }

    .home6 .tabs {
        padding: 0;
        display: block;
        white-space: nowrap;
        overflow: auto;
        background: none;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .home6 .tabs .item {
        display: inline-block;
        height: auto;
        line-height: 1;
        opacity: 0.7
    }

    .home6 .tabs .item.now {
        background: none;
        opacity: 1;
        font-size: 1.1em
    }

    .home6 .tabs .item:nth-child(n+2) {
        margin-left: 10px
    }

    .home6 .tabs .item i {
        display: none
    }

    .home6 .list {
        display: block
    }

    .home6 .list .item {
        width: auto !important
    }

    .home6 .list .item:nth-child(n+2) {
        margin-top: 15px
    }
}

.demo1 {
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    position: fixed;
    width: 350px;
    bottom: 20px;
    right: 100px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.demo1 .pop-dialog {
    width: 430px;
    background-color: transparent;
    vertical-align: bottom;
    margin-left: 63.4%;
    margin-bottom: 20px
}

.demo1 .pop-close {
    position: absolute;
    top: 14px;
    right: 33px;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.demo1 .h {
    font-size: 24px;
    color: #fff;
    height: 54px;
    text-align: center;
    line-height: 54px;
    background: url(../image/syb/bg1.png) no-repeat center center
}

@media screen and (max-width: 768px) {
    .demo1 .h {
        font-size:18px
    }
}

.demo1 .cookie {
    background: url(../image/syb/bg2.png) no-repeat center center;
    padding: 15px 20px;
    background-size: 100% 100%
}

.demo1 .p {
    font-size: 16px;
    color: #ffb0b0;
    text-indent: 2em
}

body:not(.lang-en) .demo1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.demo1 a {
    display: block;
    width: 118px;
    margin: 16px auto 0
}

.demo1 .sub {
    font-size: 18px;
    color: #ffb0b0;
    background-color: #b73334;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .demo1 .sub {
        font-size:16px
    }
}

.demo1.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.new_title {
    text-align: center
}

.new_title .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh;
    color: #5d2727
}

@media screen and (max-width: 768px) {
    .new_title .h {
        font-size:28px
    }
}

.new_title .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px 0 5px
}

.new_title .icon-box::before,.new_title .icon-box::after {
    content: '';
    width: 127px;
    border-top: 1px dashed rgba(184,31,43,0.3);
    height: 0
}

.new_title .icon-box .icon {
    width: 21px;
    height: 19px;
    background: url(../image/lys/png68-1.png) no-repeat center;
    margin: 0 15px;
    background-size: contain
}

.new_title .t {
    font-size: 24px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_title .t {
        font-size:18px
    }
}

.new_home1 {
    position: relative
}

.new_home1 .frame-box {
    position: relative;
    z-index: 2
}

.new_home1 .child {
    height: 100vh;
    position: relative
}

.new_home1 .child .bg {
    background: no-repeat center center / cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home1 .child .mask {
    z-index: 2
}

.new_home1 .child .txtbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    text-align: center;
    color: #fff5af;
    font-family: yzq;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-shadow: 2.868px 4.096px 79px rgba(0,0,0,0.19)
}

.new_home1 .child .txtbox .t1 {
    margin: 5px;
    font-size: 80px
}

.new_home1 .child .txtbox .t2 {
    margin: 5px;
    font-size: 60px
}

.new_home1 .child .tit {
    font-size: 114px;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: 70px;
    z-index: 3;
    color: #fff;
    font-family: 'sh';
    width: 5em
}

.new_home1 .child .a {
    z-index: 9
}

.new_home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0
}

.new_home1 .slick-current .txtbox {
    opacity: 1;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.new_home1 .banner-tools {
    position: absolute;
    bottom: 50px;
    right: 10.9375%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9
}

.new_home1 .nav {
    padding: 6px 19px;
    margin-left: 15px;
    position: relative
}

.new_home1 .nav::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 99px;
    background: #000;
    opacity: 0.2;
    z-index: 1
}

.new_home1 .slick-dots {
    font-size: 0;
    position: relative;
    z-index: 2
}

.new_home1 .slick-dot {
    width: 15px;
    height: 15px;
    background: #c64141;
    padding: 0;
    list-style: none;
    margin: 0 5px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new_home1 .slick-dot::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #eec6c6;
    border-radius: 50%;
    opacity: 0
}

.new_home1 .slick-dot.slick-active::after {
    opacity: 1
}

.new_home1 .banner-btn {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(147,44,44,0.9);
    z-index: 99;
    color: #ffe8dc;
    font-size: 14px;
    cursor: pointer
}

.new_home1 .banner-btn::before {
    content: '\e522';
    font-family: xfont;
    font-style: normal
}

.new_home1 .banner-btn.pause::before {
    content: '\e521'
}

.new_home1 .banner-pro {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 0;
    border-top: 8px solid #c64141;
    z-index: 9
}

.new_home1 .banner-pro.ani {
    -webkit-animation-name: anil;
    animation-name: anil;
    -webkit-animation-duration: 5.8s;
    animation-duration: 5.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100%
}

.new_home1 .banner-pro.play {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.new_home1 .banner-pro.pause {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.new_home1 .banner-map {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 58px;
    z-index: 9
}

.new_home1 .banner-map .img {
    width: 106px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    cursor: pointer
}

.new_home1 .banner-map .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home1 .banner-map .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home1 .banner-map .line {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px dashed #aa5656;
    border-radius: 999px
}

.new_home1 .banner-map .line img {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto
}

.new_home1 .banner-map .line::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png72.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: r 9s infinite linear;
    animation: r 9s infinite linear;
    background-size: contain
}

.new_home1 .banner-map .item {
    position: relative
}

.new_home1 .banner-map .item:hover .item-menubox {
    right: 100%;
    opacity: 1;
    visibility: visible
}

.new_home1 .banner-map .item+.item {
    margin-top: 20px
}

.new_home1 .banner-map .item:nth-child(2) .line {
    border-color: #587199
}

.new_home1 .banner-map .item:nth-child(2) .line::after {
    background-image: url(../image/lys/png73.png);
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.new_home1 .banner-map .item:nth-child(3) .line::after {
    -webkit-animation-duration: 9.4s;
    animation-duration: 9.4s
}

.new_home1 .banner-map .item-menubox {
    position: absolute;
    top: 5px;
    right: 80%;
    padding-right: 17px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 768px) {
    .new_home1 .banner-map .item-menubox {
        font-size:16px
    }
}

.new_home1 .banner-map .item-menubox .item-menu {
    background: rgba(124,48,48,0.9);
    border-radius: 25px;
    width: 210px;
    padding: 19px 0 28px 50px
}

.new_home1 .banner-map .item-menubox .item-link {
    border-bottom: 1px solid #a04141;
    position: relative
}

.new_home1 .banner-map .item-menubox .item-link::before {
    content: '';
    width: 21px;
    height: 19px;
    background: url(../image/lys/png90.png) no-repeat center 3px;
    position: absolute;
    top: 23px;
    right: calc(100% + 13px)
}

.new_home1 .banner-map .item-menubox .item-link.on::before {
    background-image: url(../image/lys/png91.png);
    background-position: center
}

.new_home1 .banner-map .item-menubox .item-link:last-child {
    border: none
}

.new_home1 .banner-map .item-menubox .item-link a {
    display: block;
    padding: 17px 0;
    padding-right: 10px
}

.new_home1 .banner-map .item-menubox .item-link+.item-link {
    margin-top: 5px
}

@-webkit-keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.new_home2.showd .new_title::before {
    clip: rect(0, 111px, 390px, 0)
}

.new_home3.showd .new_title::before {
    clip: rect(0, 111px, 446px, 0)
}

.new_home4.showd .new_title::before {
    clip: rect(0, 111px, 545px, 0)
}

.new_home5.showd .new_title::before {
    clip: rect(0, 111px, 444px, 0)
}

.new_home6.showd .new_title::before {
    clip: rect(0, 111px, 282px, 0)
}

.new_bg {
    background-color: #faf8f2
}

.new_home2 {
    position: relative;
    color: #481c1c
}

.new_home2::before {
    content: '';
    width: 100%;
    padding-top: 83.125%;
    background: url(../image/lys/png93.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home2 .n-wrap {
    padding-top: 110px
}

.new_home2 .new_title::before {
    bottom: 70.4769%;
    background-image: url(../image/lys/png54.png)
}

.new_home2 .new_title .h {
    top: 30%
}

.new_home2 .new_title::after {
    top: 30%
}

.new_home2 .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 22px
}

.new_home2 .box1.m-show {
    display: none
}

.new_home2 .box1 .item {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(201,120,76,0.09);
    box-shadow: 0 0 20px rgba(201,120,76,0.09)
}

.new_home2 .box1 .item::before {
    content: '';
    height: 54px;
    border-left: 10px solid #9c7856;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .l {
    width: 50%
}

.new_home2 .box1 .l .l_top {
    position: relative
}

.new_home2 .box1 .l .l_top .item a {
    display: block
}

.new_home2 .box1 .l .l_top .item .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .item .img::before {
    content: '';
    display: block;
    padding-top: 56.08108%
}

.new_home2 .box1 .l .l_top .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .l .l_top .item .t {
    font-size: 24px;
    padding: 17px 38px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_top .item .t {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_top .item .t .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .slick-dots {
    position: absolute;
    right: 22px;
    font-size: 0;
    bottom: 90px
}

.new_home2 .box1 .l .l_top .slick-dots li {
    list-style: none;
    width: 32px;
    height: 7px;
    background: #fff;
    opacity: 0.4;
    border-radius: 9px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.new_home2 .box1 .l .l_top .slick-dots li.slick-active {
    opacity: 1
}

.new_home2 .box1 .l .l_bottom .item {
    margin-top: 10px;
    font-size: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_bottom .item {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_bottom .item a {
    display: block;
    padding: 12px 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_bottom .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 22px;
    color: #481c1c;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r {
        font-size:18px
    }
}

.new_home2 .box1 .r .item {
    margin: 10px 0 0 10px;
    width: calc((100% - 20px) / 2);
    height: calc((100% - 20px) / 3);
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.new_home2 .box1 .r .item::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png66.png) no-repeat bottom right;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1
}

.new_home2 .box1 .r .item a {
    padding: 50px;
    display: block;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-right: 25px
}

.new_home2 .box1 .r .item:nth-child(-n+2) {
    margin-top: 0
}

.new_home2 .box1 .r .item .n {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r-img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-img-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-img-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-img-box .item-txt {
    height: 200px
}

.new_home2 .box1 .r-img-box .item-img {
    width: calc(100% - 10px);
    height: auto
}

.new_home2 .box1 .r-img-box .item-img a {
    padding: 29px 44px
}

.new_home2 .box1 .r-img-box .item-img .img {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-img-box .item-img .img::before {
    content: '';
    display: block;
    padding-top: 56.40244%
}

.new_home2 .box1 .r-img-box .item-img .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-img-box .item-img .img .mask {
    background: url(../image/lys/png70.png) no-repeat center
}

.new_home2 .box1 .r-img-box .item-img .t {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 22px
}

.new_home2 .box1 .r-imgtxt-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-imgtxt-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-imgtxt-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-imgtxt-box .item-txt {
    height: 100%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt {
    height: auto
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt::before {
    display: none
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt a {
    padding: 0
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img {
    position: relative;
    z-index: 2
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a::before {
    content: '';
    display: block;
    padding-top: 56.13079%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    position: relative;
    z-index: 2;
    padding: 43.5px 50px;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
    content: '';
    height: 54px;
    border-left: 10px solid #c64141;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
    font-size: 24px;
    line-height: 1.3333
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size:18px
    }
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
    font-size: 18px;
    color: #714646;
    margin-top: 8px;
    line-height: 1.6666
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size:16px
    }
}

.new_home2 .box2 {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li {
    width: 90px;
    height: 330px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li .l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 20px 0;
    width: 90px
}

.new_home2 .box2 .li .l-t .t {
    color: #fff;
    font-size: 24px;
    line-height: 1.1;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home2 .box2 .li .l-t .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home2 .box2 .li .l-t a {
    display: block
}

.new_home2 .box2 .li .bg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0
}

.new_home2 .box2 .li .bg a {
    display: block;
    width: 100%;
    height: 100%
}

.new_home2 .box2 .li.cur {
    width: calc(100% - 270px)
}

.new_home2 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.new_home3 {
    color: #fff;
    position: relative
}

.new_home3::before {
    content: '';
    width: 26.875%;
    padding-top: 53.80208%;
    background: url(../image/lys/png111.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 2.442%
}

.new_home3 .n-wrap {
    padding-top: 80px
}

.new_home3 .new_title::before {
    bottom: 58.5502%;
    background-image: url(../image/lys/png56.png)
}

.new_home3 .new_title .h {
    top: 43.6802%
}

.new_home3 .new_title::after {
    top: 43.6802%
}

.new_home3 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.new_home3 .cont .img-box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.new_home3 .cont .img-box .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 107px
}

.new_home3 .cont .txt-box {
    color: #fff;
    padding: 80px 110px 87px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.new_home3 .cont .txt-box .l-t {
    font-size: 24px;
    line-height: 1.5;
    height: 72px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .l-t {
        font-size:18px
    }
}

.new_home3 .cont .txt-box .p {
    font-size: 18px;
    margin-top: 44px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .p {
        font-size:16px
    }
}

body:not(.lang-en) .new_home3 .cont .txt-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.new_home3 .cont .img {
    width: 70.2666%;
    position: relative;
    overflow: hidden;
    margin: auto;
    z-index: 2
}

.new_home3 .cont .img::before {
    content: '';
    display: block;
    padding-top: 74.95256%
}

.new_home3 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home3 .cont .l-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new_home3 .cont .l-box .img-box .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home3 .cont .l-box .img-box .bg::before,.new_home3 .cont .l-box .img-box .bg::after {
    content: '';
    width: 50%;
    height: 100%;
    display: block
}

.new_home3 .cont .l-box .img-box .bg::before {
    background-color: #953535
}

.new_home3 .cont .l-box .img-box .bg::after {
    background-color: #612525
}

.new_home3 .cont .l-box .txt-box {
    background-color: #5d2727
}

.new_home3 .cont .r-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.new_home3 .cont .r-box .img-box .bg {
    top: 0;
    bottom: 107px;
    background: #9c7856
}

.new_home3 .cont .r-box .txt-box {
    background-color: #942c2c
}

.new_home3 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 74px
}

.new_home4 {
    position: relative
}

.new_home4::before {
    content: '';
    position: absolute;
    width: 25.67708%;
    padding-top: 53.33333%;
    background: url(../image/lys/png110.png) no-repeat center;
    background-size: contain;
    left: 0;
    bottom: 52.28891%
}

.new_home4 .n-wrap {
    padding-top: 104px
}

.new_home4 .new_title {
    left: 1px
}

.new_home4 .new_title::before {
    bottom: 47.8427%;
    background-image: url(../image/lys/png57.png)
}

.new_home4 .new_title .h {
    top: 52.1573%
}

.new_home4 .new_title::after {
    top: 52.1573%
}

.new_home4 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.new_home4 .cont.pshow {
    margin-top: 70px
}

.new_home4 .cont.mshow {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new_home4 .cont .item {
    position: relative;
    width: calc(100% / 3);
    padding-left: 95px;
    -webkit-transition: all 1.4s;
    transition: all 1.4s
}

.new_home4 .cont .item:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.new_home4 .cont .item:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.new_home4 .cont .item .l-box .l-tit {
    font-size: 36px;
    font-family: sh;
    color: #481b1b;
    position: absolute;
    overflow: hidden;
    width: 95px;
    height: 207px;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    padding: 0 15px 0 7px
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .l-box .l-tit {
        font-size:24px
    }
}

body:not(.lang-en) .new_home4 .cont .item .l-box .l-tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .l-box .l-tit::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    position: absolute;
    top: 0;
    right: -1px;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home4 .cont .item .l-box .bg {
    width: 95px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    top: 17.23625%;
    bottom: 130px;
    left: 0;
    z-index: 1
}

.new_home4 .cont .item .img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home4 .cont .item .img::before {
    content: '';
    display: block;
    padding-top: 166.17284%
}

.new_home4 .cont .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home4 .cont .item .img a {
    display: block
}

.new_home4 .cont .item .img .txtbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 45px 43px
}

.new_home4 .cont .item .img .txtbox .t {
    font-size: 20px;
    color: #fff;
    line-height: 1.8
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .img .txtbox .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .t {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.new_home4 .cont .item .img .txtbox .new_more {
    position: absolute;
    right: 30px;
    bottom: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-shadow: 0px 0px 15px #000000
}

.new_home4 .cont .item .img .txtbox .new_more .icon {
    margin: 0 0 14px
}

.new_home4 .cont .item .img .txtbox .new_more .t {
    font-size: 16px
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .new_more .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .img .txtbox .new_more .icon::before {
    -webkit-box-shadow: 0px 0px 50px 0px #000000;
    box-shadow: 0px 0px 50px 0px #000000;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%
}

.new_home4 .cont .item:nth-child(1) .l-box .bg {
    background-image: url(../image/lys/jpg50.jpg)
}

.new_home4 .cont .item:nth-child(1) .l-box .l-tit::before {
    border-color: #b08b68
}

.new_home4 .cont .item:nth-child(2) .l-box .bg {
    background-image: url(../image/lys/jpg51.jpg)
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit {
    bottom: 83px
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit::before {
    border-color: #c64141
}

.new_home4 .cont .item:nth-child(3) .l-box .bg {
    background-image: url(../image/lys/jpg52.jpg)
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit {
    top: 0px
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit::before {
    border-color: #556f98
}

.new_home5 {
    position: relative;
    overflow: hidden
}

.new_home5::before {
    content: '';
    position: absolute;
    width: 28.17708%;
    padding-top: 52.60416%;
    background: url(../image/lys/png109.png) no-repeat center;
    background-size: contain;
    right: 0;
    bottom: 13.162878%
}

.new_home5 .new_title::before {
    background-image: url(../image/lys/png58.png);
    bottom: 57.6886%
}

.new_home5 .new_title::after {
    top: 42.3114%
}

.new_home5 .new_title .h {
    top: 42.3114%
}

.new_home5 .n-wrap {
    padding-top: 100px
}

.new_home5 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background: url(../image/lys/jpg55-1.jpg) no-repeat center;
    background-size: cover;
    padding: 126px 80px 153px;
    margin-top: 34px;
    position: relative
}

.new_home5 .cont::before {
    content: '';
    position: absolute;
    bottom: 60px;
    left: 80px;
    right: 90px;
    height: 40px;
    background: url(../image/lys/png81.gif);
    background-size: contain
}

.new_home5 .dl {
    width: 30.076%;
    min-width: 355px;
    padding-top: 34px;
    position: relative
}

.new_home5 .dl::before {
    content: '';
    width: 81.75%;
    padding-top: 73%;
    position: absolute;
    left: 100%;
    top: 0;
    background: url(../image/lys/png82.gif.png) no-repeat center;
    background-size: contain
}

.new_home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.new_home5 .dl .h b {
    font-weight: normal;
    font-size: 143px;
    line-height: 0.6;
    margin-left: 45px
}

.new_home5 .dl .h span {
    display: block
}

.new_home5 .dl .box {
    background: #942c2c
}

.new_home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(179,147,141,0.2)
}

.new_home5 .dl .hd span {
    font-family: xfont;
    width: 80px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.new_home5 .dl .hd strong {
    border-left: 1px solid rgba(179,147,141,0.2);
    border-right: 1px solid rgba(179,147,141,0.2);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.new_home5 .dl .hd .disp {
    opacity: 0;
    visibility: hidden
}

.new_home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 322px
}

.new_home5 .dl .calendar .fc-calendar .fc-head {
    font-size: 18px
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0;
    pointer-events: none
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div,.new_home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 50%;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    top: 0px;
    width: 2.75em;
    height: 2.75em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    padding-top: 0.75em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.new_home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.8em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px;
    position: relative;
    z-index: 2
}

.new_home5 .dl .calendar .fc-today .fc-date {
    background: #9c7856;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #7db879;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #dc6868;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #537db7;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-content {
    cursor: pointer
}

.new_home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .fc-row .fc-content {
    pointer-events: visible
}

.new_home5 .dl .bb {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(179,147,141,0.2);
    font-size: 14px
}

.new_home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.new_home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.new_home5 .dl .bb span:nth-child(1):before {
    background: #7db879
}

.new_home5 .dl .bb span:nth-child(2):before {
    background: #dc6868
}

.new_home5 .dl .bb span:nth-child(3):before {
    background: #537db7
}

.new_home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 140px;
    width: 0;
    position: relative
}

.new_home5 .dr .list {
    margin-top: 22px
}

.new_home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px
}

.new_home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 43.7%;
    margin-top: 6px
}

.new_home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 141.69096%
}

.new_home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home5 .dr .item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 95px
}

.new_home5 .dr .item .text .h {
    font-size: 22px;
    line-height: 1.45
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text .h {
        font-size:18px
    }
}

.new_home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 28px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text ul {
        font-size:18px
    }
}

.new_home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 5px
}

.new_home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.new_home5 .dr .item .text li i img {
    width: 100%;
    height: auto;
    display: block
}

.new_home5 .dr .slick-tools {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: calc(43.7% + 95px);
    bottom: 75px
}

.new_home5 .dr .slick-tools .slick-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow {
    width: 50px;
    height: 50px;
    background: url(../image/lys/png36.png) no-repeat center;
    background-size: contain;
    font-family: xfont
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
    margin-left: 20px
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow::before {
    content: '\e504';
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home5 .dr .slick-tools .slick-nav .slick-next::before {
    content: '\e505'
}

.new_home5 .dr .slick-tools .slick-paging {
    margin-left: 20px;
    font-size: 24px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .slick-tools .slick-paging {
        font-size:18px
    }
}

.new_home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #612525;
    width: 4px
}

.new_home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #942c2c;
    width: 2px
}

.new_home6 {
    position: relative
}

.new_home6 .new_title {
    left: -2px
}

.new_home6 .new_title::before {
    background-image: url(../image/lys/png59.png);
    bottom: 76.4261%
}

.new_home6 .new_title::after {
    top: 23.5739%;
    bottom: 38.7583%
}

.new_home6 .new_title .h {
    top: 23.5739%
}

.new_home6 .n-wrap {
    padding-top: 107px
}

.new_home6 .cont {
    margin-top: 26px
}

.new_home6 .cont .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home6 .cont .tabs .item {
    position: relative;
    width: 10.6%;
    margin: 0 4.4666%;
    text-align: center
}

.new_home6 .cont .tabs .item::before {
    content: '';
    padding-top: 94.96855%;
    display: block
}

.new_home6 .cont .tabs .item+.item .line {
    border-top: 1px solid #e0d9ce;
    position: absolute;
    bottom: 42px;
    width: 66.0377%;
    right: calc(100% + 13px)
}

.new_home6 .cont .tabs .item+.item .line::before,.new_home6 .cont .tabs .item+.item .line::after {
    content: '';
    position: absolute;
    top: 50%;
    border-left: 1px solid #e0d9ce;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 11px
}

.new_home6 .cont .tabs .item+.item .line::before {
    left: -1px
}

.new_home6 .cont .tabs .item+.item .line::after {
    right: -1px
}

.new_home6 .cont .tabs .item a {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent
}

.new_home6 .cont .tabs .item .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

.new_home6 .cont .tabs .item .bg .bg-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 1.2s;
    transition: all 1.2s
}

.new_home6 .cont .tabs .item .bg .be {
    background-image: url(../image/lys/png113.png);
    -webkit-animation: hd 5s infinite linear;
    animation: hd 5s infinite linear
}

.new_home6 .cont .tabs .item .bg .af {
    background-image: url(../image/lys/png112.png);
    -webkit-animation: hd1 5s infinite linear;
    animation: hd1 5s infinite linear
}

.new_home6 .cont .tabs .item .ipd {
    position: absolute;
    z-index: 2;
    padding-bottom: 26px;
    bottom: 0;
    left: 0;
    width: 100%
}

.new_home6 .cont .tabs .item .icon {
    width: 32.7044%;
    position: relative;
    overflow: hidden;
    margin: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.new_home6 .cont .tabs .item .icon::before {
    content: '';
    display: block;
    padding-top: 105.76923%
}

.new_home6 .cont .tabs .item .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .tabs .item .icon .i2 {
    opacity: 0
}

.new_home6 .cont .tabs .item .t {
    font-size: 22px;
    color: #481b1b;
    margin-top: 3px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:18px
    }
}

.new_home6 .cont .tabs .item.now .bg {
    opacity: 1;
    visibility: visible
}

.new_home6 .cont .tabs .item.now .icon .i2 {
    opacity: 1
}

.new_home6 .cont .tabs .item.now .icon .i1 {
    opacity: 0
}

.new_home6 .cont .tabs .item.now .t {
    color: #fff
}

.new_home6 .cont .dr {
    position: relative;
    margin-top: 80px
}

.new_home6 .cont .dr .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new_home6 .cont .dr .list.act {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2
}

.new_home6 .cont .dr .list .item {
    position: relative;
    width: calc(100% / 3)
}

.new_home6 .cont .dr .list .item:hover {
    z-index: 1
}

.new_home6 .cont .dr .list .item .pic {
    position: relative;
    overflow: hidden
}

.new_home6 .cont .dr .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 74%
}

.new_home6 .cont .dr .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .dr .list .item .text .h {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    font-family: 'sh';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:28px
    }
}

.new_home6 .cont .dr .list .item .text .new_more {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.new_home6 .cont .dr .list .item .text .new_more .icon {
    margin: 0
}

@-webkit-keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

@keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

.new_home7 {
    position: relative
}

.new_home7::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png92.png) no-repeat bottom center;
    background-size: contain;
    padding-top: 37.0833%
}

.new_home7 .n-wrap {
    padding-top: 88px;
    padding-bottom: 128px
}

.new_home7 .cont {
    margin-top: 82px;
    position: relative
}

.new_home7 .line-box {
    position: absolute;
    left: 50%;
    bottom: 25.792%;
    padding-top: 14.3229%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.new_home7 .line-box .slick-mod {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.new_home7 .line-box img {
    width: 100%;
    height: auto
}

.new_home7 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home7 .list .item {
    width: calc((100% - 100px) / 3);
    position: relative
}

.new_home7 .list .item+.item {
    margin-left: 50px
}

.new_home7 .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.new_home7 .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home7 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home7 .img img {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.new_home7 .txt-box {
    text-align: center;
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    padding: 55px 10px 0
}

.new_home7 .txt-box .t1 {
    font-size: 36px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t1 {
        font-size:24px
    }
}

.new_home7 .txt-box .t2 {
    font-size: 22px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t2 {
        font-size:18px
    }
}

.new_home8 {
    position: relative
}

.new_home8::before {
    content: '';
    width: 19.7916%;
    padding-top: 54.9479%;
    position: absolute;
    left: 0;
    top: -8.714%;
    background: url(../image/lys/png106.png) no-repeat center;
    background-size: contain
}

.new_home8::after {
    content: '';
    width: 11.4583%;
    padding-top: 14.7916%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png107.png) no-repeat center;
    background-size: contain
}

.new_home8 .n-wrap {
    padding: 108px 0 300px
}

.new_home8 .cont {
    position: relative;
    margin-top: 59px
}

.new_home8 .cont::after {
    content: '';
    width: 100vw;
    padding-top: 13.2%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../image/lys/png108.png);
    z-index: 1
}

.new_home8 .cont .imgbox {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding-top: 98.86364%;
    position: relative
}

.new_home8 .cont .img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    overflow: hidden;
    border-radius: 0 150px 0 150px
}

.new_home8 .cont .img img {
    width: 100%;
    height: auto
}

.new_home8 .cont .i2 {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.new_home8 .cont .tbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 25px 38px;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home8 .cont .tbox .t {
    font-size: 24px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:18px
    }
}

.new_home8 .cont .list {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home8 .cont .list .li {
    position: relative;
    width: calc((100% - 180px) / 3)
}

.new_home8 .cont .list .li+.li {
    margin-left: 90px
}

.new_home8 .cont .list .li .zs {
    position: absolute;
    top: 42.0689%;
    left: 100%;
    height: 47.5862%;
    overflow: hidden
}

.new_home8 .cont .list .li .zs::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    -webkit-transform: skewY(-32deg);
    transform: skewY(-32deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    display: block
}

.new_home8 .cont .list .li:nth-child(1) .zs::before {
    border-color: #c64141
}

.new_home8 .cont .list .li:nth-child(1) .tbox {
    background-image: url(../image/lys/png103.png)
}

.new_home8 .cont .list .li:nth-child(2) {
    -webkit-transform: translateY(83px);
    transform: translateY(83px)
}

.new_home8 .cont .list .li:nth-child(2) .zs::before {
    border-color: #b08b68
}

.new_home8 .cont .list .li:nth-child(2) .tbox {
    background-image: url(../image/lys/png104-1.png)
}

.new_home8 .cont .list .li:nth-child(3) .zs::before {
    border-color: #556f98
}

.new_home8 .cont .list .li:nth-child(3) .tbox {
    background-image: url(../image/lys/png105.png)
}

@media screen and (min-width: 1025px) {
    .new_home1 .banner-map .item-menubox .item-link:hover::before {
        background-image:url(../image/lys/png91.png);
        background-position: center
    }

    .new_home2 .box1 .r .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .r .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r .item:hover::after {
        top: 0;
        left: 0;
        opacity: 1
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt:hover .p {
        color: #fff
    }

    .new_home2 .box1 .l .l_bottom .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .l .l_bottom .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover {
        background: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover::after {
        opacity: 0
    }

    .new_home4 .cont .item:hover .l-box .l-tit {
        -webkit-transform: translateY(-94px);
        transform: translateY(-94px);
        -webkit-transition-delay: 0.02s;
        transition-delay: 0.02s
    }

    .new_home4 .cont .item:hover .img {
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px)
    }

    .new_home4 .cont .item .img:hover .i {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .new_home6 .cont .tabs .item:hover .icon {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .new_home6 .cont .tabs .item:hover .bg .af {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .new_home6 .cont .tabs .item:hover .bg .be {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .new_home6 .cont .dr .list .item:hover .text .h {
        opacity: 1;
        margin-top: 0
    }

    .new_home7 .item:hover .i {
        width: 105%
    }

    .new_home8 .cont .list .li:hover .i2 {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .new_home8 .cont .list .li:hover .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 1720px) {
    .new_title {
        font-size:40px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1720px) and (max-width: 768px) {
    .new_title {
        font-size:26px
    }
}

@media screen and (max-width: 1720px) {
    .new_home2 .n-wrap {
        padding-top:80px
    }

    .new_home3 .n-wrap {
        padding-top: 80px
    }

    .new_home4 .n-wrap {
        padding-top: 80px
    }

    .new_home5 .n-wrap {
        padding-top: 80px
    }

    .new_home6 .n-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1600px) {
    .new_home2 .box1 .l .l_top .item .img .t {
        padding:15px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding-left: 35px;
        padding-right: 35px
    }

    .new_home2 .box1 .r .item a {
        padding: 25px;
        line-height: 1.5
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t a {
        padding: 0
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 25px 25px 44px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 189px
    }

    .new_home3 .cont .r .r-box {
        padding: 50px
    }

    .new_home3 .cont .r .r-box .list {
        margin-top: 40px
    }

    .new_home3 .cont .l .l-box {
        padding: 50px
    }

    .new_home3 .cont .l .l-box .morebox {
        margin-top: 40px
    }

    .new_home4 .cont .item {
        padding-left: 80px
    }

    .new_home4 .cont .item .img .txtbox {
        padding: 20px
    }

    .new_home4 .cont .item .l-box .bg {
        width: 80px
    }

    .new_home4 .cont .item .l-box .l-tit {
        width: 80px
    }

    .new_home4 .cont .item .img .txtbox .new_more {
        right: 20px;
        bottom: 20px
    }

    .new_home5 .cont {
        padding: 68px 50px 76px
    }

    .new_home5 .cont::before {
        left: 50px;
        right: 50px;
        bottom: 30px
    }

    .new_home5 .dr {
        margin-left: 100px
    }

    .new_home5 .dr .item .pic {
        width: 50%
    }

    .new_home5 .dr .item .text {
        margin-left: 20px
    }

    .new_home5 .dr .item:nth-child(even) .text {
        padding: 35px;
        margin: 0;
        padding-left: 0
    }

    .new_home5 .dr .item .text ul {
        margin-top: 15px
    }

    .new_home5 .dr .slick-tools {
        left: calc(50% + 20px)
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:16px
    }
}

@media screen and (max-width: 1600px) {
    .new_home6 .cont .dr {
        margin-top:40px
    }
}

@media screen and (max-width: 1500px) {
    .new_home1 .child .txtbox .t1 {
        font-size:60px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 40px
    }

    .new_home1 .child .tit {
        font-size: 80px;
        margin-left: 30px
    }

    .new_home5 .dr .item .text .h {
        font-size: 20px
    }

    .new_home5 .dr .item .text ul {
        font-size: 16px
    }

    .new_home3 .cont .txt-box {
        padding: 40px 50px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 20px
    }
}

@media screen and (max-width: 1400px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding-bottom:45px
    }

    .new_home8 .cont .list .li {
        width: calc((100% - 80px) / 3)
    }

    .new_home8 .cont .list .li+.li {
        margin-left: 40px
    }

    .new_home8 .cont .tbox {
        padding: 20px
    }

    .new_home8 .cont .img {
        border-radius: 0 120px 0 120px
    }

    .new_home8 .cont .tbox .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1400px) and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .new_home1 .child .tit {
        font-size:60px;
        margin-left: 10px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 160px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt {
        height: auto
    }

    .new_home2 .box1 .r {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .item .t {
        font-size: 18px
    }

    .new_home2 .box1 .r .item a {
        padding: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 20px 20px 30px
    }

    .new_home2 .box1 .l .l_bottom .item,.new_home2 .box1 .l .l_top .item .img .t {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .slick-dots {
        bottom: 78px
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 18px;
        padding: 15px 0 0 15px
    }

    .new_home3 .cont .l .l-box .l-t,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size: 18px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size: 16px
    }

    .new_home4 .cont .item .l-box .l-tit {
        font-size: 28px;
        height: 120px
    }

    .new_home4 .cont .item .img .txtbox .t {
        font-size: 16px
    }
}

@media screen and (max-width: 1200px) {
    .demo1 {
        right:60px
    }
}

@media screen and (max-width: 1100px) {
    .new_home2 .n-wrap {
        padding-top:60px
    }

    .new_home3 .n-wrap {
        padding-top: 60px
    }

    .new_home4 .n-wrap {
        padding-top: 60px
    }

    .new_home5 .n-wrap {
        padding-top: 60px
    }

    .new_home7 .n-wrap {
        padding-top: 60px;
        padding-bottom: 0
    }

    .new_home8 .n-wrap {
        padding-top: 60px;
        padding-bottom: 260px
    }

    .new_home6 .cont .tabs .item .ipd {
        padding-bottom: 15px
    }
}

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

    .nh_line {
        display: none
    }

    .new_title {
        position: static;
        width: auto;
        margin-bottom: 30px
    }

    .new_title::before {
        display: none
    }

    .new_title::after {
        display: none
    }

    .new_title .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .new_title .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_title .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .new_title .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home1 .child {
        height: calc(100vh - 62px)
    }

    .new_home2 .n-wrap {
        padding-top: 50px
    }

    .new_home3 .n-wrap {
        padding-top: 40px
    }

    .new_home4 .n-wrap {
        padding-top: 40px
    }

    .new_home5 .n-wrap {
        padding-top: 40px
    }

    .new_home6 .n-wrap {
        padding-top: 40px
    }

    .new_home1 {
        margin-top: 0
    }

    .new_home1 .child .tit {
        font-size: 40px;
        margin-left: 0
    }

    .new_home2 .box1 .item::before {
        display: none
    }

    .new_home2 .box2 {
        display: block
    }

    .new_home2 .box2 .li {
        width: 100% !important;
        height: 250px
    }

    .new_home2 .box2 .li .l-t {
        padding: 20px 0
    }

    .new_home2 .box2 .li .l-t .t {
        font-size: 18px
    }

    .new_home2 .box2 .li+.li {
        margin-top: 10px
    }

    .new_home2 .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r .item a {
        padding: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 15px
    }

    .new_home3 .cont .txt-box .l-t {
        height: auto
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 35px
    }

    .new_home3 .cont .r .r-box .list,.new_home3 .cont .l .l-box .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
        display: none
    }

    .new_home4 .cont .item {
        padding-left: 60px
    }

    .new_home4 .cont .item .l-box .l-tit {
        padding: 0;
        top: 0 !important;
        bottom: auto;
        width: 60px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .new_home4 .cont .item .l-box .bg {
        width: 60px
    }

    .new_home4 .cont .item .l-box .l-tit::before {
        display: none
    }

    .new_home4 .cont .item:nth-child(2) .img,.new_home4 .cont .item:nth-child(1) .img {
        top: 0
    }

    .new_home5 .cont {
        padding: 20px 20px 60px;
        display: block
    }

    .new_home5 .cont::before {
        left: 20px;
        right: 20px;
        height: 20px
    }

    .new_home5 .dl {
        width: 100%;
        min-width: auto;
        padding-top: 0
    }

    .new_home5 .dl::before {
        display: none
    }

    .new_home5 .dl .h b {
        font-size: 100px;
        margin-left: 0
    }

    .new_home5 .dl .box {
        margin-top: 0px
    }

    .new_home5 .dr {
        margin: 30px 0 0;
        width: 100%
    }

    .new_home5 .dr .item {
        padding-left: 0
    }

    .new_home6 .cont {
        display: block
    }

    .new_home6 .cont .tabs {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .new_home6 .cont .tabs .item {
        width: 15%;
        margin: 0 10px
    }

    .new_home6 .cont .dr {
        margin-top: 20px
    }

    .new_home6 .cont .dr .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .dr .list .item {
        width: 50% !important;
        margin: 0 !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        left: auto !important
    }

    .new_home6 .cont .dr .list .m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 15px
    }

    .new_home6 .cont .dr .list .item .text .h {
        margin: 0;
        opacity: 1;
        visibility: visible;
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:18px
    }
}

@media screen and (max-width: 1024px) {
    .new_home6 .cont .dr .list .item .text {
        padding:0
    }

    .new_home6 .cont .tabs .item::before {
        height: 5px;
        width: 100%;
        top: auto;
        bottom: 0
    }

    .new_home6 .cont .tabs .item.now::before {
        height: 100%
    }

    .new_home6 .cont .tabs .item+.item .line {
        display: none
    }

    .new_home1 .banner-map {
        right: 20px
    }

    .new_home1 .banner-map .img {
        width: 80px
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        padding: 10px 10px 10px 30px
    }

    .new_home1 .banner-map .item-menubox .item-link::before {
        top: 11px;
        right: 100%
    }

    .new_home1 .banner-map .item-menubox .item-link a {
        padding: 5px 0
    }

    .new_home7 .cont {
        padding-top: 0
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home7 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .new_home7 .list .item {
        position: relative;
        width: calc((100% - 20px) / 2);
        height: auto;
        padding: 0;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home7 .list .item:nth-child(2) {
        margin-left: 20px
    }

    .new_home7 .list .img,.new_home7 .list.on .img {
        width: 100%;
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        -webkit-transition: none;
        transition: none
    }

    .new_home7 .list .txt-box,.new_home7 .list.on .txt-box {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: none;
        transition: none;
        padding-top: 0
    }

    .new_home7 .txt-box .t2 {
        margin-top: 5px
    }

    .new_home7 .item::after {
        display: none
    }

    .new_home7 .txt-box .t1,.new_home7 .txt-box .t2 {
        color: #fff
    }

    .new_home7 .img .mask {
        background: rgba(0,0,0,0.3)
    }

    .new_home8 .n-wrap {
        padding-bottom: 160px
    }

    .new_home8 .cont {
        margin-top: 20px
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home8 .cont .i2 {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 850px) {
    .new_home2 .box1 {
        display:none
    }

    .new_home2 .box1.m-show {
        display: block
    }

    .new_home2 .box1.m-show .item .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box1.m-show .item .img::before {
        content: '';
        display: block;
        padding-top: 56.08108%
    }

    .new_home2 .box1.m-show .item .img .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box1.m-show .item+.item {
        margin-top: 10px
    }

    .new_home2 .box1.m-show .item.item-img a {
        padding: 0
    }

    .new_home2 .box1.m-show .item.item-img .t {
        padding: 10px 20px
    }

    .new_home2 .box1.m-show .item a {
        padding: 10px 20px;
        display: block
    }

    .new_home2 .box1 .l {
        width: 100%
    }

    .new_home2 .box1 .l .slick-track {
        width: 100% !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide {
        margin-top: 10px
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide .img {
        display: none
    }

    .new_home2 .box1 .l .l_top .item .t {
        padding: 10px 20px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding: 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r {
        display: block;
        position: relative;
        width: 100%
    }

    .new_home2 .box1 .r .item {
        margin: 10px 0 0;
        width: 100%
    }

    .new_home2 .box1 .r .item a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r .item:nth-child(-n+2) {
        margin-top: 10px
    }

    .new_home2 .box1 .r-img-box .t-box {
        display: block
    }

    .new_home2 .box1 .r-img-box .b-box {
        margin: 0
    }

    .new_home2 .box1 .r-img-box .item {
        min-height: auto;
        height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item {
        min-height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item .txt {
        padding-bottom: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .t-box,.new_home2 .box1 .r-imgtxt-box .b-box {
        display: block
    }

    .new_home2 .box2 .li {
        display: block;
        height: auto
    }

    .new_home2 .box2 .li .l-t {
        width: 100%;
        padding: 10px 20px;
        background-size: cover
    }

    .new_home2 .box2 .li .l-t .t {
        text-align: center
    }

    body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home2 .box2 .li .bg {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box2 .li .bg::before {
        content: '';
        display: block;
        padding-top: 34.375%
    }

    .new_home2 .box2 .li .bg .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box2 .li .bg a {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home2 .box1 .r-img-box .item-img .img::before {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .img img,.new_home2 .box1 .r-img-box .item-img .img .mask {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .t {
        position: static;
        padding: 0;
        color: #481c1c
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        display: none
    }

    .new_home3 .cont {
        display: block
    }

    .new_home3 .cont .img-box .bg {
        display: none
    }

    .new_home3 .cont .img {
        width: 100%
    }

    .new_home3 .cont .txt-box {
        padding: 20px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 10px
    }

    .new_home3 .cont .r-box,.new_home3 .cont .l-box {
        width: 100%;
        display: block
    }

    .new_home3 .cont .r-box {
        margin-top: 30px
    }

    .new_home3 .cont .l-box .img-box .bg {
        display: none
    }

    .new_home3 .morebox {
        margin-top: 20px
    }

    .new_home8 .n-wrap {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .new_home8 .cont::after {
        display: none
    }

    .new_home8 .cont .list {
        display: block
    }

    .new_home8 .cont .list .li {
        width: 100%
    }

    .new_home8 .cont .list .li+.li {
        margin: 20px 0 0
    }

    .new_home8 .cont .list .li:nth-child(2) {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .list .li .zs {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .new_home2 .box1 .item .n {
        display:-webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_title .h {
        font-size: 28px
    }

    .new_home1 .child {
        height: calc(100vh - 60px)
    }

    .new_home1 .child video {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home1 .child .tit {
        margin-left: 10px;
        font-size: 24px
    }

    .new_home1 .banner-tools {
        bottom: 15px;
        right: 10px
    }

    .new_home1 .banner-tools .nav {
        padding: 5px
    }

    .new_home1 .slick-dot {
        margin: 0 5px
    }

    .new_home1 .child .txtbox {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .new_home1 .child .txtbox .t1 {
        font-size: 24px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 20px
    }

    .new_home1 .banner-map {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home1 .banner-map .item-menubox {
        right: auto;
        left: 0px;
        top: calc(100% + 5px)
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        width: 160px
    }

    .new_home1 .banner-map .item {
        z-index: 1
    }

    .new_home1 .banner-map .item:first-child {
        z-index: 9
    }

    .new_home1 .banner-map .item .img {
        width: 70px
    }

    .new_home1 .banner-map .item+.item {
        margin: 0 0 0 10px
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 20px
    }

    .new_home3 .cont .r .r-box .list .li a {
        display: block
    }

    .new_home3 .cont .r .r-box .list .li .img {
        width: 100%
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 16px;
        padding: 5px 0 0
    }

    .new_home3 .cont .l .l-box .p {
        margin-top: 5px
    }

    .new_home3 .cont .txt-box .l-t {
        font-size: 18px
    }

    .new_home3 .cont .txt-box .p {
        font-size: 14px
    }

    .new_home4 .cont {
        display: block
    }

    .new_home4 .cont.mshow {
        opacity: 1;
        visibility: visible;
        position: relative;
        z-index: 2
    }

    .new_home4 .cont.pshow {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: -1
    }

    .new_home4 .cont .item {
        width: 100%;
        padding-left: 0
    }

    .new_home4 .cont .item+.item {
        margin-top: 15px
    }

    .new_home4 .cont .item .l-box .bg {
        display: none
    }

    .new_home4 .cont .item .img {
        margin-left: 60px
    }

    .new_home4 .cont .item .img .i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox .slick-arrow {
        width: 40px;
        height: 40px;
        background: url(../image/lys/png36.png) no-repeat center;
        background-size: contain;
        font-family: xfont
    }

    .new_home4 .m-arrbox .slick-arrow::before {
        content: '\e504';
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff
    }

    .new_home4 .m-arrbox .slick-next {
        margin-left: 20px
    }

    .new_home4 .m-arrbox .slick-next::before {
        content: '\e505'
    }

    .new_home5 .dr {
        margin-top: 20px
    }

    .new_home5 .dr .item {
        display: block
    }

    .new_home5 .dr .item .pic {
        width: 100%;
        margin-top: 0
    }

    .new_home5 .dr .item .text {
        padding: 10px 0 0;
        margin: 0
    }

    .new_home5 .dr .item .text .h {
        font-size: 18px
    }

    .new_home5 .dr .item .text ul {
        margin-top: 5px
    }

    .new_home5 .dr .slick-tools {
        margin-top: 20px;
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-paging {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0
    }

    .new_home5 .dr .slick-tools .slick-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow {
        width: 40px;
        height: 40px
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
        margin-left: 80px
    }

    .new_home5 .cont {
        padding: 20px 10px 40px
    }

    .new_home5 .cont::before {
        bottom: 15px
    }

    .new_home5 .dl .calendar {
        height: 280px
    }

    .new_home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .new_home5 .dl .hd span {
        width: 60px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
        width: 2em;
        height: 2em;
        padding-top: 0.25em;
        font-size: 18px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-content>div {
        padding-top: 1.5rem
    }

    .new_home5 .dl .calendar .fc-calendar .fc-head {
        font-size: 16px
    }

    .new_home5 .dl .h b {
        font-size: 40px
    }

    .new_home5 .dl .box {
        margin-top: 20px
    }

    .new_home5 .dl .calendar .fc-calendar .a,.new_home5 .dl .calendar .fc-calendar .b,.new_home5 .dl .calendar .fc-calendar .c {
        width: 4px;
        height: 4px
    }

    .new_home5 .dl .bb span {
        padding-left: 10px;
        margin: 0 5px;
        font-size: 12px
    }

    .new_home5 .dl .bb span:before {
        width: 5px;
        height: 5px
    }

    .new_home6 .n-wrap {
        padding-bottom: 0px
    }

    .new_home6 .cont .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .tabs .item {
        width: 30%;
        height: auto;
        padding: 0 2px;
        margin: 0 0 10px
    }

    .new_home6 .cont .tabs .item .icon {
        width: 28.7044%
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 16px
    }

    .new_home6 .cont .dr .list .item {
        width: 100% !important
    }

    .new_home6 .cont .dr .list .item+.item {
        margin-top: 15px !important
    }

    .new_home7 .n-wrap {
        padding-top: 40px
    }

    .new_home2 .box2 .li .l-t .t br {
        display: block
    }

    .new_home2 .box2 .li .l-t {
        padding: 10px 10px
    }
}

.humanities1 {
    position: relative;
    height: 790px;
    background: #fff url(../image/xf/bg8.jpg) center top no-repeat
}

.humanities1::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5%;
    height: 96px;
    background: url(../image/xf/png11.png) center no-repeat;
    pointer-events: none;
    z-index: 1
}

.humanities1 .x-wrap {
    z-index: 2
}

.humanities1 .line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.humanities1 .line .i {
    width: 1px;
    background-color: #d6d6d6
}

.humanities1 .li {
    position: absolute;
    padding: 40px 38px;
    cursor: pointer
}

.humanities1 .li::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 40px 0;
    background: transparent;
    border-left: 8px solid;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities1 .li .t {
    position: relative;
    font-family: sh;
    font-size: 24px;
    color: #333;
    line-height: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

body:not(.lang-en) .humanities1 .li .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .humanities1 .li .t {
        font-size:18px
    }
}

.humanities1 .li1 {
    left: calc((100% / 6) * 1);
    top: 120px;
    color: #903e3d
}

.humanities1 .li2 {
    left: calc((100% / 6) * 1);
    top: 378px;
    color: #5c7557
}

.humanities1 .li3 {
    left: calc((100% / 6) * 2);
    top: 246px;
    color: #476585
}

.humanities1 .li4 {
    left: calc((100% / 6) * 2);
    top: 450px;
    color: #476585
}

.humanities1 .li5 {
    left: calc((100% / 6) * 3);
    top: 136px;
    color: #5c7557
}

.humanities1 .li6 {
    left: calc((100% / 6) * 3);
    top: 434px;
    color: #903e3d
}

.humanities1 .li7 {
    left: calc((100% / 6) * 4);
    top: 240px;
    color: #476585
}

.humanities1 .li8 {
    left: calc((100% / 6) * 4);
    top: 440px;
    color: #903e3d
}

.humanities1 .li9 {
    left: calc((100% / 6) * 5);
    top: 110px;
    color: #476585
}

.humanities1 .li10 {
    left: calc((100% / 6) * 5);
    top: 368px;
    color: #5c7557
}

.humanities2 {
    position: relative;
    padding-bottom: 140px
}

.humanities2 .tracker-mod {
    background-color: #7c3030;
    color: #da9292;
    padding: 0 180px
}

.humanities2 .tracker-mod .tracker-track {
    display: table;
    white-space: nowrap;
    text-align: center
}

.humanities2 .tracker-mod .tracker-item {
    position: relative;
    margin: 0 50px;
    padding: 34px 0;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width: 768px) {
    .humanities2 .tracker-mod .tracker-item {
        font-size:16px
    }
}

.humanities2 .tracker-mod .tracker-item::before,.humanities2 .tracker-mod .tracker-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities2 .tracker-mod .tracker-item::before {
    left: 0;
    right: 0;
    bottom: 30px;
    border-bottom: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item::after {
    left: 50%;
    height: 30px;
    border-left: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item.cur {
    color: #fff
}

.humanities2 .tracker-mod .tracker-item.cur::before,.humanities2 .tracker-mod .tracker-item.cur::after {
    opacity: 1
}

.humanities2 .unit {
    position: relative
}

.humanities2 .slick-item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.humanities2 .slick-item .cont {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 50px;
    padding-bottom: 90px;
    width: 32%
}

.humanities2 .slick-item .t {
    font-family: sh;
    font-size: 30px
}

@media screen and (max-width: 768px) {
    .humanities2 .slick-item .t {
        font-size:22px
    }
}

.humanities2 .slick-item .p {
    margin-top: 24px;
    line-height: 1.75
}

body:not(.lang-en) .humanities2 .slick-item .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.humanities2 .slick-item .p .scroll-mod {
    height: 220px
}

.humanities2 .slick-item .p .scroll-mod .scroll-track-x {
    display: none
}

.humanities2 .slick-item .more1 {
    margin-top: 56px
}

.humanities2 .slick-item .img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 68%
}

.humanities2 .slick-item .img::before {
    content: '';
    display: block;
    padding-top: 80.19608%
}

.humanities2 .slick-item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-item .line {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 2.4%;
    background: center no-repeat;
    background-size: contain
}

.humanities2 .slick-item .line::before {
    content: '';
    display: block;
    padding-top: 15.625%
}

.humanities2 .slick-item .line .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.humanities2 .slick-arrow::before,.humanities2 .slick-arrow::after {
    display: block;
    width: 76px;
    height: 67px;
    background: url(../image/xf/png12.png) no-repeat;
    background-size: contain
}

.humanities2 .slick-arrow .t {
    margin: 0 18px;
    width: 1em;
    line-height: 1
}

.humanities2 .slick-prev {
    left: 0
}

.humanities2 .slick-prev::before {
    content: ''
}

.humanities2 .slick-next {
    right: 0
}

.humanities2 .slick-next::after {
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 1025px) {
    .humanities1 .li:hover::before {
        margin:0;
        background-color: #85a082
    }

    .humanities1 .li:hover .t {
        color: #fff
    }

    .humanities2 .slick-arrow:hover {
        color: #883736
    }

    .humanities2 .tracker-mod.f {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9;
        top: 0
    }
}

@media screen and (max-width: 1680px) {
    .humanities2 .tracker-mod {
        padding:0 100px
    }

    .humanities2 .slick-item .box {
        margin: 0 90px
    }
}

@media screen and (max-width: 1500px) {
    .humanities2 .tracker-mod .tracker-item {
        margin:0 30px
    }
}

@media screen and (max-width: 1280px) {
    .humanities2 .tracker-mod {
        padding:0 70px
    }

    .humanities2 .slick-item .box {
        display: block
    }

    .humanities2 .slick-item .cont {
        padding: 50px;
        padding-bottom: 0;
        width: 100%
    }

    .humanities2 .slick-item .img {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .humanities2 .tracker-mod {
        padding:0 15px
    }

    .humanities2 .tracker-mod .tracker-item {
        margin: 0 10px
    }
}

@media screen and (max-width: 767px) {
    .humanities1 {
        display:none
    }

    .humanities1::after {
        height: auto;
        background-size: cover
    }

    .humanities2 {
        padding-bottom: 50px;
        padding-top: 0 !important
    }

    .humanities2 .tracker-box {
        overflow: auto
    }

    .humanities2 .tracker-item {
        padding: 20px 0
    }

    .humanities2 .tracker-item::before {
        bottom: 15px
    }

    .humanities2 .tracker-item::after {
        height: 15px
    }

    .humanities2 .slick-item .line {
        display: none
    }

    .humanities2 .slick-item .box {
        margin: 0
    }

    .humanities2 .slick-item .cont {
        padding: 20px 0
    }

    .humanities2 .slick-item .p {
        margin-top: 10px
    }

    .humanities2 .slick-item .more1 {
        margin-top: 20px
    }

    .humanities2 .slick-arrow {
        visibility: hidden
    }
}

.identification {
    background: url(../image/lys/jpg15-1.jpg) no-repeat top center;
    margin-bottom: -132px;
    padding: 235px 0 237px
}

.identification .line {
    width: 11px;
    height: 118px;
    background: url(../image/lys/png25.png) no-repeat center;
    background-size: contain;
    margin: auto
}

.identification .img {
    margin: auto
}

.identification .img img {
    width: 100%
}

.identification .fw {
    font-weight: bold
}

.identification .pbox {
    line-height: 1.75;
    max-width: 1118px;
    margin: auto
}

.identification .box1 {
    padding-bottom: 40px
}

.identification .box1 .img {
    margin: 22px 0
}

.identification .box1 .p {
    margin-top: 20px
}

.identification .box1 img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: auto
}

.identification .box1 .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.identification .box1 .img-box img {
    margin: 0 80px;
    width: 27.53333%
}

.identification .box1 .img-box img:nth-child(1) {
    width: 36%
}

.identification .box2 {
    padding: 34px 0
}

.identification .box2 .s_title+.s_title {
    margin-top: 10px
}

.identification .box2 .img {
    width: 297px;
    margin-top: 19px
}

.identification .box2 .img-1 {
    margin: 20px auto 0;
    width: 929px
}

.identification .box2 .img-1 img {
    display: block;
    width: 100%
}

.identification .box2 .rp {
    text-align: right;
    margin-top: 20px
}

.identification .box2 .school-anniversary-day {
    margin-top: 20px;
    font-family: sh;
    font-size: 42px;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width: 768px) {
    .identification .box2 .school-anniversary-day {
        font-size:26px
    }
}

.identification .box2 .pbox {
    margin-top: 22px
}

.identification .box3 {
    padding-top: 35px
}

.identification .box3 .img {
    width: 929px;
    margin-top: 93px
}

.identification .box3 .pbox {
    margin-top: 14px
}

@media screen and (max-width: 1600px) {
    .identification {
        padding:160px 0
    }
}

@media screen and (max-width: 1200px) {
    .identification .box3 .img,.identification .box2 .img-1 {
        width:100%
    }

    .identification .pbox {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .identification {
        padding:80px 0 160px;
        background-position: center -100px
    }

    .identification .box1 .img {
        width: 180px;
        margin: 20px auto
    }
}

@media screen and (max-width: 767px) {
    .identification {
        padding:50px 0 160px;
        background-size: cover;
        background-position: center -40px
    }

    .identification .line {
        display: none
    }

    .identification .box1 {
        padding-bottom: 0
    }

    .identification .box1 .img-box {
        display: block
    }

    .identification .box1 .img-box img {
        width: 100% !important;
        margin: 0
    }

    .identification .box1 .img-box img+img {
        margin-top: 15px
    }

    .identification .box2 {
        padding: 50px 0 0
    }

    .identification .box3 {
        padding: 50px 0 0
    }

    .identification .box3 .img {
        margin-top: 45px
    }

    .identification .box2 .img {
        width: 40%
    }
}

.jzzjg1 {
    padding: 150px 0 215px
}

.jzzjg1 .box+.box {
    margin-top: 30px
}

.jzzjg1 .title2 {
    color: #fff;
    text-align: center;
    padding: 15px;
    background: url(../image/bar1.jpg) no-repeat center;
    background-size: cover
}

.jzzjg1 .title2 .t1 {
    font-size: 30px;
    line-height: 1.3;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:22px
    }
}

.jzzjg1 .list {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jzzjg1 .list .item {
    margin-left: 30px;
    padding: 25px 0;
    position: relative
}

.jzzjg1 .list .item.item1 {
    width: 32.4%
}

.jzzjg1 .list .item.item2 {
    width: 30.6%
}

.jzzjg1 .list .item.item3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.jzzjg1 .list .item .box {
    height: 100%;
    position: relative
}

.jzzjg1 .list .item+.item::before {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    top: 30px
}

.jzzjg1 .list .item+.item::after {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    bottom: 30px
}

.jzzjg1 .list .item+.item .box::before {
    content: '';
    border-left: 1px solid #d1d1d1;
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: -15px
}

.jzzjg1 .list .item .link1+.link1 {
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link1-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link1-tit::before {
    content: '\e521';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #7d2f2f
}

.jzzjg1 .list .item .link1 .link2 {
    padding-left: 25px;
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link2 .link2-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link2 .link2-tit::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    background-color: #7d2f2f;
    width: 12px;
    height: 3px
}

@media screen and (max-width: 1600px) {
    .jzzjg1 .list .item {
        margin-left:20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1500px) {
    .jzzjg1 {
        padding-top:100px
    }

    .jzzjg1 .list .item .link1+.link1 {
        margin-top: 15px
    }

    .jzzjg1 .list .item .link1 .link2 {
        margin-top: 15px
    }
}

@media screen and (max-width: 1300px) {
    .jzzjg1 {
        padding-top:80px
    }
}

@media screen and (max-width: 1024px) {
    .jzzjg1 {
        padding-top:60px
    }

    .jzzjg1 .list .item {
        width: 100% !important
    }

    .jzzjg1 .list .item+.item::before,.jzzjg1 .list .item+.item::after,.jzzjg1 .list .item+.item .box::before {
        content: none
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 {
        padding-bottom:60px
    }

    .jzzjg1 .title2 {
        padding: 15px 10px
    }

    .jzzjg1 .title2 .t1 {
        font-size: 28px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:20px
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 .list {
        display:block;
        padding: 10px 15px 25px
    }

    .jzzjg1 .list .item {
        padding: 15px 0 0;
        margin: 0 !important
    }
}

.leader {
    padding: 115px 0 300px;
    background: #faf8f2
}

.leader .x-wrap {
    width: 100%;
    max-width: none
}

.leader .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.leader .l {
    width: 50%;
    position: relative;
    padding: 0 9% 0 18%
}

.leader .l .l1 {
    position: absolute;
    left: 0;
    top: 0%;
    bottom: 0;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l .l2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: -50px;
    border-bottom: 1px solid #f1c3c3;
    display: none
}

.leader .l .l3 {
    position: absolute;
    top: 100%;
    margin-top: -60px;
    right: 0;
    height: 10000px;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l::after {
    content: "";
    background: url(../image/by/png26.png);
    width: 9px;
    height: 9px;
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: none
}

.leader .r {
    width: 50%;
    padding: 0 18% 0 9%
}

.leader .item {
    position: relative;
    width: 100%
}

.leader .item:nth-child(n+2) {
    margin-top: 43px
}

.leader .item .h {
    font-size: 24px;
    min-height: 75px;
    background: url(../image/lys/png146.png) no-repeat left center;
    position: relative;
    line-height: 1.333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px
}

@media screen and (max-width: 768px) {
    .leader .item .h {
        font-size:18px
    }
}

.leader .item .h::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 5px solid #7c302f
}

.leader .item .cont {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.leader .item .cont .pic {
    width: 180px;
    position: relative;
    overflow: hidden
}

.leader .item .cont .pic::before {
    content: '';
    display: block;
    padding-top: 139.82808%
}

.leader .item .cont .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.leader .item .cont .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 30px;
    position: absolute;
    top: 0;
    left: 200px;
    bottom: 0
}

.leader .item .cont .text .name {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .name {
        font-size:18px
    }
}

.leader .item .cont .text .p {
    margin-top: 10px;
    font-size: 18px;
    color: #666666;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .p {
        font-size:16px
    }
}

.leader .item .cont .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.leader .item .cont .more::after {
    content: "";
    background: url(../image/by/png28.png);
    width: 10px;
    height: 16px;
    display: inline-block;
    margin-left: 10px
}

.leader .name-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 18% 25px
}

.leader .name-list .name-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.leader .name-list .name-cont .li {
    font-size: 22px;
    margin: 0 35px 10px 0
}

@media screen and (max-width: 768px) {
    .leader .name-list .name-cont .li {
        font-size:18px
    }
}

@media screen and (max-width: 1720px) {
    .leader .x-wrap {
        width:auto
    }

    .leader .l {
        padding: 0 5% 0 10%
    }

    .leader .r {
        padding: 0 10% 0 5%
    }
}

@media screen and (max-width: 1400px) {
    .leader .item .cont .text {
        margin-left:25px;
        padding-top: 30px
    }
}

@media screen and (max-width: 1300px) {
    .leader {
        padding:80px 0 150px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 24px
    }

    .leader .item .h {
        padding-left: 15px
    }

    .leader .l {
        padding: 0 5%
    }

    .leader .l .l2 {
        right: -20px
    }

    .leader .l .l3 {
        margin-top: -20px
    }

    .leader .r {
        padding: 0 5%
    }

    .leader .item .cont .pic {
        width: 50%
    }

    .leader .item .cont .text {
        left: 50%;
        padding-top: 0px;
        margin-left: 15px
    }

    .leader .item .cont .text .p {
        font-size: 20px;
        margin-top: 5px
    }

    .leader .name-list {
        padding-left: 5%;
        padding-right: 5%
    }

    .leader .name-list .name-cont .li {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .leader {
        padding:80px 0
    }
}

@media screen and (max-width: 1023px) {
    .leader .l {
        padding:0 3% 5%
    }

    .leader .r {
        padding: 0 3%
    }

    .leader .item:nth-child(n+2) {
        margin-top: 25px
    }

    .leader .item .cont .more {
        bottom: -16px;
        font-size: 16px
    }

    .leader .name-list {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media screen and (max-width: 767px) {
    .leader {
        padding:40px 0
    }

    .leader .list .l {
        padding: 0 5px 0 0
    }

    .leader .list .l::after {
        display: none
    }

    .leader .list .l .l1 {
        display: none
    }

    .leader .list .l .l2 {
        display: none
    }

    .leader .list .l .l3 {
        display: none
    }

    .leader .list .r {
        padding: 0 0 0 5px
    }

    .leader .item {
        padding-bottom: 0
    }

    .leader .item .cont {
        display: block;
        margin-top: 10px
    }

    .leader .item .cont .pic {
        width: auto
    }

    .leader .item .cont .text {
        margin: 15px 0 0;
        padding-bottom: 0;
        position: static
    }

    .leader .item .cont .text .p {
        font-size: 14px;
        height: calc(1em*1.5*5)
    }

    .leader .item .cont .more {
        position: static;
        margin: 10px 0 0
    }

    .leader .name-list {
        padding: 30px 0 20px
    }

    .leader .name-list .name-cont {
        margin-top: 10px
    }

    .leader .name-list .name-cont .li {
        margin-bottom: 5px;
        margin-right: 15px;
        font-size: 14px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 14px
    }

    .leader .item .h {
        padding-left: 10px
    }
}

@media screen and (max-width: 550px) {
    .leader .item .h {
        min-height:1.5em;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 4.5em;
        line-height: 1.5;
        display: block
    }
}

.management_services {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.management_services .cont {
    margin-top: 18px;
    position: relative
}

.management_services .cont .item {
    width: 56%;
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .management_services .cont .item {
        font-size:16px
    }
}

.management_services .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 55%;
    margin-bottom: 19px
}

.management_services .cont .list .li:nth-child(2n) {
    min-width: 45%
}

.management_services .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.management_services .cont .icustom4 {
    width: 42.666%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.management_services .cont .icustom4 .li {
    width: 100%
}

.management_services .cont .icustom4 .li,.management_services .cont .icustom4 .li:nth-child(2n) {
    min-width: 100%
}

.management_services .s_list {
    padding-left: 35px;
    font-size: 16px;
    color: #474747;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .s_list .sli {
    min-width: 50%;
    margin-top: 20px
}

@media screen and (max-width: 1500px) {
    .management_services .cont .item {
        font-size:16px
    }

    .management_services .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .management_services .cont .item {
        width:100%
    }

    .management_services .cont .icustom4 {
        position: static;
        margin-bottom: 20px
    }

    .management_services .cont .list .li {
        margin-bottom: 10px
    }

    .management_services .s_list .sli {
        margin-top: 5px
    }

    .management_services .cont .item {
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .management_services {
        margin:0;
        padding: 50px 0 70px
    }
}

@media screen and (max-width: 767px) {
    .management_services .cont .item {
        padding:20px
    }

    .management_services .cont .list,.management_services .s_list {
        display: block
    }

    .management_services .cont .list .li,.management_services .cont .list .li:nth-child(2n),.management_services .s_list .sli {
        min-width: 100%
    }

    .management_services .s_list {
        padding-left: 15px
    }
}

.message1 {
    padding: 17vw 0 216px;
    background-color: #fffcf6
}

.message1 .x-wrap {
    padding: 0 184px
}

.message1 .desc {
    max-width: 965px;
    margin: 68px auto 0
}

.message1 .p {
    font-size: 18px;
    color: #666;
    text-indent: 2em
}

@media screen and (max-width: 768px) {
    .message1 .p {
        font-size:16px
    }
}

.message1 .form {
    margin-top: 34px
}

.message1 .textarea {
    width: 100%;
    height: 383px;
    padding: 10px;
    background-color: #fffefc;
    margin: 0 auto;
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea
}

@media screen and (max-width: 768px) {
    .message1 .textarea {
        font-size:18px
    }
}

.message1 .textarea {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -ms-scroll-rails: none
}

.message1 .textarea::-webkit-scrollbar {
    display: none
}

.message1 .textarea .scrollbar-rails {
    position: fixed;
    z-index: 9;
    background-color: rgba(0,0,0,0.02)
}

.message1 .textarea .scrollbar-rails-x {
    left: 0;
    right: 0;
    bottom: 0
}

.message1 .textarea .scrollbar-rails-y {
    top: 0;
    bottom: 0;
    right: 0
}

.message1 .textarea .scrollbar-thumb {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.message1 .textarea .scrollbar-thumb-x {
    height: 10px
}

.message1 .textarea .scrollbar-thumb-y {
    width: 10px
}

.message1 .textarea .scrollbar-rails-disable {
    display: none
}

.message1 .textarea * {
    -ms-overflow-style: scrollbar
}

.message1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 82px
}

.message1 .li+.li {
    margin-top: 30px
}

.message1 .li1 {
    height: auto
}

.message1 .name {
    font-size: 22px;
    color: #8d2d2e;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 22px 20px;
    background: #fffefc;
    width: 142px;
    text-align: center;
    border: 1px solid #eaeaea;
    border-right: none
}

@media screen and (max-width: 768px) {
    .message1 .name {
        font-size:18px
    }
}

.message1 input {
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea;
    background: #fffefc;
    padding: 0 20px;
    width: calc(100% - 142px);
    border-radius: 0
}

@media screen and (max-width: 768px) {
    .message1 input {
        font-size:18px
    }
}

.message1 .img {
    position: relative;
    overflow: hidden;
    width: 229px;
    border: 1px solid #eaeaea;
    margin-left: 30px;
    cursor: pointer
}

.message1 .img::before {
    content: '';
    display: block;
    padding-top: 35.80786%
}

.message1 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.message1 .img .i {
    width: 100%;
    height: 100%
}

.message1 .sub {
    height: 60px;
    background-color: #7e2f2f;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    border-radius: 50px
}

@media screen and (max-width: 768px) {
    .message1 .sub {
        font-size:18px
    }
}

.message1 a {
    display: block;
    width: 212px;
    margin: 60px auto 0
}

@media screen and (max-width: 1300px) {
    .message1 {
        padding-top:20vw
    }

    .message1 .x-wrap {
        padding: 0 50px
    }
}

@media screen and (max-width: 1024px) {
    .message1 {
        padding-top:160px
    }
}

@media screen and (max-width: 767px) {
    .message1 {
        padding:50px 0 70px
    }

    .message1 .x-wrap {
        padding: 0
    }

    .message1 .desc {
        margin-top: 20px
    }

    .message1 .textarea {
        height: 200px
    }

    .message1 .li {
        width: 100%;
        height: 50px;
        line-height: 50px
    }

    .message1 .li1 {
        height: auto
    }

    .message1 .li+.li {
        margin-top: 10px
    }

    .message1 .name {
        padding: 0 10px;
        width: 120px
    }

    .message1 input {
        padding: 0 10px;
        width: calc(100% - 120px)
    }

    .message1 .img {
        width: 100px;
        margin-left: 5px
    }

    .message1 .li2 input {
        width: calc(100% - 180px)
    }

    .message1 a {
        margin-top: 30px
    }
}

.organizational {
    padding: 120px 0 204px;
    background-color: #f5f5f5;
    margin-bottom: -132px
}

.organizational .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.organizational .cont .img {
    width: 24%;
    margin-left: 20px;
    margin-top: 30px
}

.organizational .cont .img img {
    width: 100%;
    display: block
}

.organizational .cont .child2 {
    width: 24%;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .item {
    margin-top: 30px;
    background: #fff
}

.organizational .cont .itit {
    font-size: 30px;
    font-family: sh;
    height: 70px;
    background: #7e2f2f url(../image/lys/jpg17.jpg) no-repeat right center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .organizational .cont .itit {
        font-size:22px
    }
}

.organizational .cont .icont {
    padding: 22px 25px 22px 80px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .organizational .cont .icont {
        font-size:16px
    }
}

.organizational .cont .icont .ili {
    margin-bottom: 18px;
    width: 100%;
    padding-right: 10px
}

.organizational .cont .icont .w50 {
    width: 50%
}

.organizational .cont .icont .ili a {
    position: relative;
    padding-left: 30px;
    display: inline-block
}

.organizational .cont .icont .ili a::after {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../image/lys/png26.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 5.5px;
    left: 0
}

.organizational .cont .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child2 .item:last-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.organizational .cont .child1 .item:first-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1400px) {
    .organizational {
        padding-top:50px
    }

    .organizational .cont .itit {
        padding-left: 40px
    }

    .organizational .cont .icont {
        padding-left: 40px
    }
}

@media screen and (max-width: 1024px) {
    .organizational {
        margin:0;
        padding-bottom: 120px
    }

    .organizational .cont .img {
        display: none
    }

    .organizational .cont .child2 {
        width: 40%
    }
}

@media screen and (max-width: 767px) {
    .organizational {
        padding:30px 0 70px
    }

    .organizational .cont {
        display: block
    }

    .organizational .cont .itit {
        height: 60px;
        padding-left: 20px
    }

    .organizational .cont .icont {
        padding: 20px
    }

    .organizational .cont .icont .ili {
        margin-bottom: 10px
    }

    .organizational .cont .child2 {
        display: block;
        width: 100%;
        margin: 0
    }

    .organizational .cont .icont .w50 {
        width: 100%
    }
}

.organizational_division {
    background-color: #f5f5f5;
    padding: 145px 0 185px;
    margin-bottom: -132px
}

.organizational_division .cont {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    margin-right: 20px;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .item {
        font-size:16px
    }
}

.organizational_division .cont .item:nth-child(2n) {
    margin-right: 0
}

.organizational_division .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.organizational_division .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .organizational_division {
        padding-top:95px
    }
}

@media screen and (max-width: 1500px) {
    .organizational_division .cont .item {
        font-size:16px
    }

    .organizational_division .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .organizational_division .cont {
        display:block
    }

    .organizational_division .cont .item {
        width: 100%;
        margin-right: 0;
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .organizational_division {
        margin-bottom:0;
        padding: 50px 0 70px
    }

    .organizational_division .cont .list .li {
        margin-bottom: 10px
    }

    .organizational_division .cont .list .li::after {
        top: 12px
    }
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .list {
        display:block;
        padding: 10px 0 0
    }

    .organizational_division .cont .item {
        width: 100%;
        padding: 20px;
        margin-right: 0
    }

    .organizational_division .cont .list .li,.organizational_division .cont .list .li:nth-child(2n) {
        width: 100%;
        padding-right: 0
    }
}

.person_detail {
    background: #fffcf6;
    padding: 160px 0
}

.person_detail .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.person_detail .des .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.person_detail .des .pic {
    position: relative;
    overflow: hidden;
    width: 250px;
    margin-top: 40px
}

.person_detail .des .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.person_detail .des .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.person_detail .des .hd {
    padding: 30px 70px
}

.person_detail .des .hd .p {
    font-size: 30px;
    color: #e3cfcf;
    font-family: tj;
    line-height: 1;
    margin-top: 0.5em
}

@media screen and (max-width: 768px) {
    .person_detail .des .hd .p {
        font-size:22px
    }
}

.person_detail .des .text {
    background: url(../image/by/bg7.jpg);
    color: #fff;
    padding: 50px 70px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.person_detail .des .text .h {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .person_detail .des .text .h {
        font-size:18px
    }
}

.person_detail .des .text .p {
    margin-top: 15px;
    line-height: 1.8
}

body:not(.lang-en) .person_detail .des .text .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.person_detail .des .title {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .person_detail .des .title {
        font-size:26px
    }
}

.person_detail .list {
    padding: 80px 0
}

.person_detail .list .item {
    padding-bottom: 50px;
    padding-left: 55px;
    position: relative
}

.person_detail .list .item::before {
    content: "";
    border-left: 1px solid #ae0a29;
    left: 9px;
    top: 20px;
    bottom: -5px;
    position: absolute
}

.person_detail .list .item::after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #ae0a29;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    background: #fffcf6
}

.person_detail .list .item:last-child {
    padding-bottom: 0
}

.person_detail .list .item .text {
    margin-top: 20px
}

.person_detail .list .item .h {
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .person_detail .list .item .h {
        font-size:18px
    }
}

.person_detail .list .item .p {
    margin-top: 0.5em
}

.person_detail .table-box {
    padding: 44px 0 0 360px
}

.person_detail .table-box .item+.item {
    margin-top: 25px
}

.person_detail .table-box .item-tit {
    font-size: 32px;
    color: #942c2c;
    border-bottom: 1px solid #d7bdb9;
    padding-bottom: 28px;
    margin-bottom: 32px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-tit {
        font-size:22px
    }
}

.person_detail .table-box .t2 {
    color: #9c7856
}

.person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
        font-size:18px
    }
}

.person_detail .table-box .item-list1 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.person_detail .table-box .item-list1 .row+.row {
    margin-top: 32px
}

.person_detail .table-box .item-list1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 42px
}

.person_detail .table-box .item-list1 .li:nth-child(1) {
    margin-right: 95px
}

.person_detail .table-box .item-list1 .li:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.person_detail .table-box .item-list1 .r-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(6em + 40px)
}

.person_detail .table-box .item-list1 .r-box .t2 {
    margin-right: 20px
}

.person_detail .table-box .item-list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.person_detail .table-box .item-list2 .t2 {
    margin-right: 23px
}

@media screen and (max-width: 1300px) {
    .person_detail {
        padding:100px 0 160px
    }

    .person_detail .des .hd {
        padding: 30px 40px
    }

    .person_detail .des .text {
        padding: 30px 40px
    }

    .person_detail .table-box .item-list1 .li {
        padding-right: 20px
    }

    .person_detail .table-box .item-list1 .li:nth-child(1) {
        margin-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .person_detail .table-box {
        padding-left:0
    }
}

@media screen and (max-width: 1024px) {
    .person_detail {
        padding:60px 0 8.8%
    }

    .person_detail .table-box {
        padding: 20px 0 0
    }

    .person_detail .table-box .item-tit {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .person_detail .table-box .item-list1 .row {
        display: block
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 15px
    }

    .person_detail .table-box .item-list1 .li {
        width: 100%;
        padding-right: 0
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 15px
    }
}

@media screen and (max-width: 1023px) {
    .person_detail .des {
        display:block
    }

    .person_detail .des .pic {
        width: 240px;
        float: left;
        margin: 0 30px 30px 0
    }

    .person_detail .des .content {
        display: block
    }

    .person_detail .list {
        padding: 40px 0
    }
}

@media screen and (max-width: 767px) {
    .person_detail {
        padding:40px 0 8.8%
    }

    .person_detail .des .pic {
        width: 160px;
        margin: 0 20px 0 0
    }

    .person_detail .des .hd {
        padding: 15px
    }

    .person_detail .des .hd .p {
        font-size: 20px;
        overflow: hidden;
        line-height: 1.2
    }

    .person_detail .des .text {
        padding: 20px 20px;
        clear: both
    }

    .person_detail .list .item {
        padding: 0 0 30px 40px
    }

    .person_detail .list .item::after {
        top: 0px
    }

    .person_detail .list .item::before {
        top: 0
    }

    .person_detail .list .item .text {
        margin-top: 10px;
        font-size: 14px
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 10px
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 10px
    }

    .person_detail .table-box .item-list2 .t2,.person_detail .table-box .item-list1 .r-box .t2 {
        margin-right: 15px
    }

    .person_detail .table-box .item-list1 .r-box {
        width: calc(6em + 30px)
    }
}

.picture {
    background: #f5f5f5
}

.picture .dd {
    margin-top: 60px
}

.picture .tab-cont {
    margin-top: 100px
}

.picture .list {
    width: 100%;
    margin-top: 100px
}

.picture .list-width,.picture .list-item {
    width: calc((100% - 60px)/3)
}

.picture .list-space {
    width: 30px
}

.picture .list-item {
    margin-bottom: 30px;
    background-color: #fff
}

.picture .div {
    padding: 30px 38px
}

.picture .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.picture .more img {
    width: 50px
}

.picture .pic {
    overflow: hidden
}

.picture .pic img {
    width: 100%
}

.picture .icon-load {
    margin-right: 16px
}

.picture .icon-load::before {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .picture .icon-load::before {
        font-size:26px
    }
}

.picture .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .picture .t {
        font-size:18px
    }
}

.picture .y {
    font-family: "times new roman";
    font-size: 20px;
    margin-top: 6px
}

@media screen and (max-width: 768px) {
    .picture .y {
        font-size:18px
    }
}

@media screen and (min-width: 1025px) {
    .picture .list-item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1024px) {
    .picture .div {
        padding:30px 15px
    }

    .picture .list-width,.picture .list-item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 768px) {
    .picture .dd {
        margin-top:30px
    }

    .picture .tab-cont {
        margin-top: 30px
    }

    .picture .div {
        padding: 30px 15px
    }

    .picture .list {
        margin-top: 30px
    }

    .picture .list-width,.picture .list-item {
        width: 100%
    }
}

.recruit1 {
    padding: 140px 0;
    background: #f5f5f5 url(../image/by/png33.png) no-repeat right top
}

.recruit1 .content {
    margin-top: 50px;
    position: relative
}

.recruit1 .content .pic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.recruit1 .content .pic img {
    width: 100%
}

.recruit1 .content .d1 {
    padding-left: 50%;
    height: 255px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit1 .content .d1 .item {
    width: calc(50% - 10px);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: 10px
}

.recruit1 .content .d1 .item:nth-child(1) {
    background: #476585
}

.recruit1 .content .d1 .item:nth-child(2) {
    background: #5b7897
}

.recruit1 .content .d1 .item .ico {
    margin-top: 20px
}

.recruit1 .content .d1 .item .ico img {
    height: 80px
}

.recruit1 .content .d1 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d1 .item .h {
        font-size:22px
    }
}

.recruit1 .content .d2 {
    margin-left: calc(50% + 10px);
    background: #fff;
    position: relative;
    padding-bottom: 80px
}

.recruit1 .content .d2 .tit {
    position: absolute;
    right: 100%;
    top: 0;
    width: 28%;
    height: 100%;
    background: #fff;
    font-size: 30px;
    font-family: sh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body:not(.lang-en) .recruit1 .content .d2 .tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .tit {
        font-size:22px
    }
}

.recruit1 .content .d2 .list {
    border-left: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
    position: relative
}

.recruit1 .content .d2 .list::after {
    content: "";
    position: absolute;
    left: -6px;
    bottom: 0;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: 1px solid #ddd;
    background: #fff
}

.recruit1 .content .d2 .list .item {
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
    position: relative
}

.recruit1 .content .d2 .list .item .ico img {
    height: 60px
}

.recruit1 .content .d2 .list .item .h {
    margin-top: 10px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .list .item .h {
        font-size:18px
    }
}

.recruit1 .bb {
    position: absolute;
    left: 80px;
    top: 175px
}

.recruit1 .bb .more1.red2:after {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    height: 433px;
    position: absolute;
    left: 20px;
    bottom: 100%;
    display: none
}

.recruit2 {
    background: #314561 url(../image/by/png29.png) no-repeat left bottom 5%;
    color: #fff;
    position: relative;
    padding-bottom: 150px
}

.recruit2 .x-wrap {
    padding: 140px 0 0
}

.recruit2 .title {
    position: relative
}

.recruit2 .pic {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: right
}

.recruit2 .pic img {
    height: 100%
}

.recruit2 .content {
    margin-top: 50px;
    padding-right: calc(50% + 10px);
    position: relative
}

.recruit2 .d1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #6f8aa8;
    padding: 80px
}

.recruit2 .d1 .item {
    text-align: center;
    position: relative
}

.recruit2 .d1 .item .ico img {
    height: 60px
}

.recruit2 .d1 .item .h {
    margin-top: 10px;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .recruit2 .d1 .item .h {
        font-size:16px
    }
}

.recruit2 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 235px;
    margin-top: 10px
}

.recruit2 .d2 .item {
    width: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.recruit2 .d2 .item:nth-child(1) {
    background: #476585
}

.recruit2 .d2 .item:nth-child(2) {
    background: #5b7897
}

.recruit2 .d2 .item .ico img {
    height: 90px
}

.recruit2 .d2 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit2 .d2 .item .h {
        font-size:22px
    }
}

.recruit2 .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.recruit2 .bottom a {
    margin: 0 20px
}

.recruit3 {
    padding: 140px 0 160px
}

.recruit3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit3 .list .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    color: #fff
}

.recruit3 .list .item:nth-child(n+2) {
    margin-left: 10px
}

.recruit3 .list .item .pic {
    position: relative;
    overflow: hidden
}

.recruit3 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 112.52525%
}

.recruit3 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.recruit3 .list .item .text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 18%
}

.recruit3 .list .item .text .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text .h {
        font-size:28px
    }
}

.recruit3 .list .item .text ul {
    padding: 0
}

.recruit3 .list .item .text li {
    margin-top: 25px;
    font-size: 20px;
    list-style-position: outside
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text li {
        font-size:18px
    }
}

.recruit3 .list .item .b {
    position: relative;
    margin-top: 25px;
    padding-top: 40%
}

.recruit3 .list .item .b:before {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0px;
    margin-left: -5px
}

.recruit3 .list .item .b .more1.red2 {
    margin-top: 25px;
    padding: 0;
    display: block
}

.recruit3 .list .item .b .more1.red2:before {
    position: static;
    display: block
}

@media screen and (min-width: 1025px) {
    .recruit1 .item:hover .ico {
        -webkit-transform:rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }

    .recruit2 .item:hover .ico {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }
}

@media screen and (max-width: 1500px) {
    .recruit1 {
        padding:100px 0
    }

    .recruit2 {
        padding-bottom: 100px
    }

    .recruit2 .x-wrap {
        padding-top: 100px
    }

    .recruit3 {
        padding: 100px 0 160px
    }
}

@media screen and (max-width: 1400px) {
    .recruit3 .list .item .text {
        padding:18% 40px 0
    }
}

@media screen and (max-width: 1300px) {
    .recruit1 {
        padding:80px 0
    }

    .recruit2 {
        padding-bottom: 80px
    }

    .recruit2 .x-wrap {
        padding-top: 80px
    }

    .recruit3 {
        padding: 80px 0 160px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 60px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 24px
    }

    .recruit1 .content .d2 {
        padding-bottom: 40px
    }

    .recruit1 .content .d2 .list .item .ico img {
        height: 40px
    }

    .recruit1 .content .d2 .list .item .h {
        font-size: 16px
    }

    .recruit1 .bb {
        left: 15px
    }

    .recruit2 .d1 {
        padding: 60px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 60px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .recruit2 .d1 {
        padding:40px
    }

    .recruit2 .d2 {
        height: 200px
    }

    .recruit1 .content .d1 {
        height: 200px
    }

    .recruit1 .content .d2 .list .item {
        margin-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .recruit1 {
        padding:60px 0
    }

    .recruit2 {
        padding-bottom: 60px
    }

    .recruit2 .x-wrap {
        padding-top: 60px
    }

    .recruit3 {
        padding: 60px 0 8%
    }

    .recruit1 .content {
        margin-top: 30px
    }

    .recruit1 .bb {
        position: static;
        text-align: center;
        margin-top: 20px
    }

    .recruit1 .bb .more1 {
        color: #333
    }

    .recruit1 .bb .more1::after {
        display: none
    }

    .recruit1 .content .d1 {
        padding-left: 40%
    }

    .recruit1 .content .d2 {
        margin-left: 30%
    }

    .recruit2 .content {
        padding-right: 30%;
        margin-top: 30px
    }

    .recruit2 .bottom a {
        margin: 0 15px
    }

    .recruit3 .list .item .b {
        padding-top: 20%
    }

    .recruit3 .list .item .text li {
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    .recruit2 {
        padding-bottom:40px
    }

    .recruit3 {
        padding: 15px 0 8%
    }

    .recruit1 .content {
        margin-top: 20px
    }

    .recruit2 .content {
        margin-top: 20px
    }

    .recruit1 .content .pic {
        display: none
    }

    .recruit1 .content .d1 {
        padding: 0;
        height: 150px
    }

    .recruit1 .content .d1 .item {
        width: calc(50% - 7.5px);
        margin: 0
    }

    .recruit1 .content .d1 .item:last-child {
        margin-left: 15px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 45px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 20px
    }

    .recruit1 .content .d2 {
        margin: 0;
        margin-top: 15px;
        padding: 0;
        background: none
    }

    .recruit1 .content .d2 .tit {
        position: static;
        width: auto;
        height: auto;
        padding-top: 20px;
        background: none
    }

    body:not(.lang-en) .recruit1 .content .d2 .tit {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .recruit1 .content .d2 .list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-left: none;
        padding: 0 0 15px;
        margin-top: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit1 .content .d2 .list::after {
        display: none
    }

    .recruit1 .content .d2 .list .item {
        width: calc(50% - 5px);
        margin: 0;
        padding: 25px 0;
        background: #fff
    }

    .recruit1 .content .d2 .list .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit1 .content .d2 .list .item .h {
        padding: 0 10px;
        text-align: center;
        margin-top: 5px
    }

    .recruit2 .pic {
        left: -15px;
        right: -15px
    }

    .recruit2 .content {
        padding: 0
    }

    .recruit2 .d1 {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 0;
        background: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit2 .d1 .item {
        width: calc(50% - 5px);
        padding: 25px 0;
        background: #6f8aa8
    }

    .recruit2 .d1 .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit2 .d1 .item .h {
        line-height: 1
    }

    .recruit2 .d1 .item .ico img {
        height: 45px
    }

    .recruit2 .d2 {
        height: 150px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 45px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 20px
    }

    .recruit2 .bottom {
        margin-top: 20px;
        display: block
    }

    .recruit2 .bottom .more1 {
        margin-top: 10px
    }

    .recruit3 .list {
        display: block
    }

    .recruit3 .list .item:nth-child(n+2) {
        margin-left: 0;
        margin-top: 15px
    }

    .recruit3 .list .item .pic {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .recruit3 .list .item .pic::before {
        padding-top: 0
    }

    .recruit3 .list .item .text {
        position: relative;
        padding: 40px 30px
    }

    .recruit3 .list .item .b {
        padding-top: 5%
    }

    .recruit3 .list .item ul {
        margin: 5px 0
    }
}

.research_institutions {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.research_institutions .cont {
    margin-top: 18px
}

.research_institutions .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .research_institutions .cont .item {
        font-size:16px
    }
}

.research_institutions .cont .list-width {
    width: calc((100% - 21px) / 2)
}

.research_institutions .cont .list-space {
    width: 20px
}

.research_institutions .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.research_institutions .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.research_institutions .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.research_institutions .cont .icustom0 .list .li {
    min-width: 55%
}

.research_institutions .cont .icustom0 .list .li:nth-child(2n) {
    min-width: 45%
}

.research_institutions .cont .icustom1 .list .li {
    min-width: 40%
}

.research_institutions .cont .icustom1 .list .li:nth-child(2n) {
    min-width: 60%
}

.research_institutions .cont .icustom2 {
    height: 243px
}

@media screen and (max-width: 1500px) {
    .research_institutions .cont .item {
        font-size:16px
    }

    .research_institutions .cont .list {
        padding: 10px 0 0
    }

    .research_institutions .cont .icustom2 {
        height: 195px
    }
}

@media screen and (max-width: 1300px) {
    .research_institutions {
        padding:50px 0 90px;
        margin: 0
    }

    .research_institutions .cont {
        margin-top: 20px
    }

    .research_institutions .cont .item {
        padding: 30px 20px;
        border-top: 3px solid #aa1332;
        background: #fff;
        width: 100%
    }

    .research_institutions .cont .list {
        padding: 10px 15px 0;
        display: block
    }

    .research_institutions .cont .list .li {
        margin-bottom: 10px;
        padding: 0 10px 0 24px;
        position: relative
    }

    .research_institutions .cont .list .li::after {
        content: '';
        width: 15px;
        border-top: 1px solid #aa1332;
        position: absolute;
        top: 12px;
        left: 0
    }

    .research_institutions .cont .s_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .research_institutions .cont .s_list .sli {
        width: 50%;
        margin-top: 10px;
        padding: 0 1em
    }

    .research_institutions .cont .icustom2 {
        height: auto
    }

    .research_institutions .cont .icustom1 .list .li:nth-child(2n),.research_institutions .cont .icustom1 .list .li {
        min-width: auto
    }
}

@media screen and (max-width: 767px) {
    .research_institutions .cont .list {
        padding:10px 0 0
    }

    .research_institutions .cont .item {
        padding: 20px
    }

    .research_institutions .cont .s_list {
        display: block
    }

    .research_institutions .cont .s_list .sli {
        width: 100%
    }
}

.result-page {
    padding: 220px 0 150px;
    background: #f5f5f5
}

.result-page .result-head {
    padding: 0 5%
}

.result-page .result-head .t {
    font-size: 1.7em
}

.result-page .result-head .s {
    margin-left: 30px;
    font-size: 1.2em;
    color: #707070
}

.result-page .result-list {
    padding: 0 5%;
    margin-top: 30px
}

.result-page .result-list .list-item {
    padding: 30px 0;
    background: #fff;
    padding: 30px
}

.result-page .result-list .list-item:nth-child(n+2) {
    margin-top: 20px
}

.result-page .result-list .p {
    color: #707070;
    text-align: justify;
    text-justify: inter-ideograph
}

.result-page .key {
    color: #aa1332
}

.result-page .liner {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.result-page .liner .t {
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.2em
}

.result-page .liner .d {
    font-family: tj;
    margin-left: 100px;
    font-size: 1em
}

@media screen and (max-width: 1600px) {
    .result-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .result-page .result-list .liner:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .result-page {
        padding:50px 0 8%
    }

    .result-page .result-head {
        padding: 0
    }

    .result-page .result-head .s {
        display: block;
        margin: 15px 0 0
    }

    .result-page .result-list {
        padding: 0
    }

    .result-page .result-list .list-item {
        padding: 20px
    }

    .result-page .liner {
        display: block
    }

    .result-page .liner .t {
        width: 100%
    }

    .result-page .liner .d {
        margin-left: 0;
        font-size: 14px
    }
}

.school_enterprise {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.school_enterprise .cont {
    margin-top: 18px
}

.school_enterprise .cont .item {
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px
}

@media screen and (max-width: 768px) {
    .school_enterprise .cont .item {
        font-size:16px
    }
}

.school_enterprise .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.school_enterprise .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 36.231%;
    margin-bottom: 18px
}

.school_enterprise .cont .list .li:nth-child(3n) {
    min-width: 27.538%
}

.school_enterprise .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width:50%
    }
}

@media screen and (max-width: 1500px) {
    .school_enterprise .cont .item {
        font-size:16px
    }

    .school_enterprise .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .school_enterprise {
        margin:0
    }

    .school_enterprise .cont .list .li {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .school_enterprise {
        padding:50px 0 70px
    }

    .school_enterprise .cont .list {
        display: block
    }

    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width: 100%
    }
}

.sitemap-page {
    padding: 220px 0;
    background: url(../image/lys/png60.jpg) no-repeat center;
    background-size: cover
}

.sitemap-page .list {
    padding: 0 5%
}

.sitemap-page .dl {
    padding: 1.5em 0;
    border-bottom: 1px solid #ddd
}

.sitemap-page .dt {
    font-size: 1.1em
}

.sitemap-page .dd {
    margin-top: 0.6em;
    padding-left: 2em
}

.sitemap-page .link {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s
}

.sitemap-page .link {
    margin-right: 20px
}

.sitemap-page .link:last-child {
    margin-right: 0
}

@media screen and (max-width: 1600px) {
    .sitemap-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .sitemap-page .link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .sitemap-page {
        padding:50px 0
    }
}

.successive_leadership1 {
    padding: 150px 0 38px
}

.successive_leadership1 img {
    width: 100%;
    display: block
}

.successive_leadership2 {
    padding: 165px 0 160px;
    background: url(../image/lys/jpg38-1.jpg) no-repeat top center;
    margin-bottom: -132px
}

.successive_leadership2 .img {
    margin-top: 115px
}

.successive_leadership2 img {
    width: 100%;
    display: block
}

@media screen and (max-width: 1024px) {
    .successive_leadership1 {
        padding:50px 0 0
    }

    .successive_leadership2 {
        margin: 0;
        padding: 50px 0 100px;
        background: #fff
    }

    .successive_leadership2 .img {
        margin-top: 50px
    }
}.x-footer {
    color: #fff;
    position: relative
}

.x-footer .qrimg {
    position: absolute;
    z-index: 99;
    top: 195px;
    width: 160px;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-footer .qrimg.show {
    opacity: 1;
    visibility: visible
}

.x-footer .qrimg::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    content: '';
    position: absolute
}

.x-footer .qrimg .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.x-footer .qrimg .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.x-footer .qrimg .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .w-wrap {
    z-index: 9
}

.x-footer .cont {
    position: relative;
    z-index: 2;
    background-color: #7c3030
}

.x-footer .cont::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -101px;
    background: url(../image/lys/png84.png) no-repeat left top;
    background-size: 100% auto;
    bottom: 0;
    pointer-events: none;
    z-index: 1
}

.x-footer .cont a:hover {
    color: #ce8a8a
}

.x-footer .cont .share-box .share-item {
    border: 2px solid #6f383c;
    background: #613131 no-repeat center center;
    background-size: contain
}

.x-footer .cont .share-box .gotop {
    background-color: #783333
}

.x-footer .slot {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display:flex; */
    height: 200px;
    /* -webkit-box-align:end; */
    -ms-flex-align: end;
    /* align-items:flex-end; */
}

.x-footer .slot.m-show {
    display: none
}

.x-footer .slot .slot-track {
    width: calc(100% / 21);
    position: relative;
    height: 100%;
}

.x-footer .slot .slot-track .slot-item {
    will-change: top, bottom;
    top: 106px;
    bottom: 0;
    position: relative;
    height: 100%;
    width: 101%;
    left: -0.5%
}

.x-footer .slot .slot-track .s7 {
    top: 85px;
}

.x-footer .slot .slot-track .s8 {
    top: 60px;
}

.x-footer .slot .slot-track .s9 {
    top: 40px;
}

.x-footer .slot .slot-track .s10,.x-footer .slot .slot-track .s12 {
    top: 16px;
}

.x-footer .slot .slot-track .s11 {
    top: 0px
}

.x-footer .slot .slot-track .s13 {
    top: 40px;
}

.x-footer .slot .slot-track .s14 {
    top: 65px;
}

.x-footer .slot .slot-track .s15 {
    top: 85px;
}

.x-footer .slot .s1,.x-footer .slot .s4,.x-footer .slot .s9,.x-footer .slot .s14,.x-footer .slot .s18,.x-footer .slot .s21 {
    background: #c13132
}

.x-footer .slot .s2,.x-footer .slot .s5,.x-footer .slot .s7,.x-footer .slot .s10,.x-footer .slot .s12,.x-footer .slot .s15,.x-footer .slot .s17,.x-footer .slot .s20 {
    background: #7f2425
}

.x-footer .slot .s3,.x-footer .slot .s6,.x-footer .slot .s8,.x-footer .slot .s11,.x-footer .slot .s13,.x-footer .slot .s16,.x-footer .slot .s19 {
    background: #9e2829
}

.x-footer .slot .icon {
    width: 72%;
    position: relative;
    overflow: hidden;
    margin: auto;
    top: 32px
}

.x-footer .slot .icon::before {
    content: '';
    display: block;
    padding-top: 67.16418%
}

.x-footer .slot .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .slot .icon img.i {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-footer .logo {
    width: 390px;
    margin: auto;
    padding: 5.5vw 0 0
}

.x-footer .logo img {
    width: 100%
}

.x-footer .friend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.x-footer .friend .tracker-mod {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.x-footer .friend .tracker-mod .tracker-box {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px
}

.x-footer .friend .tracker-mod .tracker-item {
    margin: 0 13px
}

.x-footer .friend .tracker-mod .tracker-item.cur {
    color: inherit
}

.x-footer .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 90px 0 120px
}

.x-footer .bottom .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-footer .bottom .m_i_n {
    margin-bottom: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .x-footer .bottom .m_i_n {
        font-size:16px
    }
}

.x-footer .bottom .m_i_n .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.x-footer .bottom .m_i_n .item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0)
}

.x-footer .bottom .m_i_n .item+.item {
    margin-left: 45px
}

.x-footer .bottom .m_i_n .icon {
    width: 25px;
    position: relative;
    overflow: hidden;
    margin-right: 15px
}

.x-footer .bottom .m_i_n .icon::before {
    content: '';
    display: block;
    padding-top: 80%
}

.x-footer .bottom .m_i_n .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .bottom .nav_foot a {
    padding: 0 25px;
    position: relative
}

.x-footer .bottom .nav_foot a::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 0.6em;
    border-left: 1px solid #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.x-footer .bottom .nav_foot a:first-child {
    padding-left: 0
}

.x-footer .bottom .nav_foot a:first-child::before {
    display: none
}

.x-footer .bottom .p {
    margin-top: 20px
}

.x-footer .bottom .p span {
    margin-right: 25px;
    display: inline-block
}

.x-footer .bottom .p span:last-child {
    margin-left: 0
}

.x-footer .share-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    float: none
}

.x-footer .share-box .suds-pop {
    border-radius: 0
}

.x-footer .share-box .suds-pop::before {
    border: none
}

.x-footer .share-box .suds-pop::after {
    border-radius: 0
}

.x-footer .share-box .code {
    width: 160px;
    height: 160px;
    padding: 5px
}

.x-footer .share-box .share-item {
    width: 53px;
    height: 53px;
    border-radius: 100%;
    margin-right: 20px
}

.x-footer .share-box .share-item::before {
    display: none
}

.x-footer .share-box .share-item.icon-dy {
    background-image: url(../image/syb/icon_01.png)
}

.x-footer .share-box .share-item.icon-wb {
    background-image: url(../image/syb/icon_02.png)
}

.x-footer .share-box .share-item.icon-wx {
    background-image: url(../image/syb/icon_03.png)
}

.x-footer .share-box .gotop {
    width: 69px;
    height: 69px;
    border-radius: 100%;
    background-image: url(../image/ico_gotop.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

@media screen and (max-width: 1720px) {
    .x-footer .bottom {
        padding:50px 0
    }

    .x-footer .cont::before {
        top: -70px
    }
}

@media screen and (max-width: 1400px) {
    .x-footer .cont::before {
        top:-50px
    }
}

@media screen and (max-width: 1024px) {
    .x-footer {
        font-size:14px;
        margin-top: auto
    }

    .x-footer.smod {
        padding-bottom: 56px
    }

    .x-footer .qrimg {
        top: 100px
    }

    .x-footer .w-wrap {
        padding: 0
    }

    .x-footer .tracker-mod.dir-hor .tracker-item {
        font-size: 14px
    }

    .x-footer .logo {
        width: 40%;
        padding-top: 120px
    }

    .x-footer .bottom {
        padding: 20px 0 0;
        display: block;
        text-align: center
    }

    .x-footer .bottom .m_i_n {
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin-left: 20px
    }

    .x-footer .bottom .m_i_n .icon {
        margin-right: 10px
    }

    .x-footer .bottom .nav_foot {
        margin-bottom: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 20px !important
    }

    .x-footer .bottom .p span {
        margin: 0 5px !important
    }

    .x-footer .bottom .p {
        margin-top: 0px
    }

    .x-footer .share-box {
        margin: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 5px
    }

    .x-footer .share-box .gotop {
        width: 46px;
        height: 46px
    }

    .x-footer .slot {
        height: 97px;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 9;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .slot.p-show {
        display: none
    }

    .x-footer .slot.m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        padding: 0 15px;
        flex-wrap: wrap;
    }

    .x-footer .slot.m-show .slick-list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 48px;
        height: 48px;
        border: 1px solid #fff;
        border-radius: 99px;
        font-family: xfont;
        color: #fff;
        position: relative;
        margin-right: 20px
    }

    .x-footer .slot.m-show .slick-arrow::before {
        content: '<';
        position: absolute;
        font-family: '\5b8b\4f53';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 20px
    }

    .x-footer .slot.m-show .slick-next::before {
        content: '>'
    }

    .x-footer .slot .icon {
        top: auto;
        margin: 0
    }

    .x-footer .slot .slot-track {
        margin: 0
    }

    .x-footer .slot .slot-track .slot-item {
        top: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none !important;
        transform: none !important;
        width: 39px;
        height: 39px;
        border-radius: 99px;
        margin: auto
    }

    .x-footer .share-box .gotop {
        background-size: 20px auto
    }
.container02-1{
    padding-bottom: 130px;
}
.container02-1 .w1200 {
    padding: 2rem 0 0;
}
}

@media screen and (max-width: 850px) {
    .x-footer .cont::before {
        top:-40px
    }
}

@media screen and (max-width: 767px) {
    .x-footer .w-wrap {
        padding:10px 0
    }

    .x-footer .logo {
        padding-top: 100px;
        width: 60%
    }

    .x-footer .share-box .suds-pop {
        padding: 5px
    }

    .x-footer .share-box .code {
        width: 100px;
        height: 100px;
        padding: 0
    }

    .x-footer .cont::before {
        top: -20px
    }

    .x-footer .bottom .m_i_n {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .x-footer .bottom .m_i_n .item {
        width: 50%;
        padding-left: 30px;
        margin-top: 5px;
        font-weight: normal
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin: 5px 0 0
    }

    .x-footer .slot.m-show .slick-arrow {
        margin-right: 10px
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 10px !important
    }

    .x-footer .bottom {
        padding-top: 10px
    }

    .x-footer .bottom .m_i_n .icon {
        width: 15px
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 40px;
        height: 40px
    }
}

.x-header_new {
    z-index: 9;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin: auto
}

.x-header_new.home {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    color: #fff
}

.x-header_new.home .x-wrap {
    max-width: 1500px
}

.x-header_new.home .nav-mod {
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15)
}

.x-header_new.home .nav-mod .nav-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none
}

.x-header_new.home .nav-mod .nav-lv1-item {
    padding: 0 32px
}

.x-header_new.home .nav-mod .nav-lv2 {
    color: #333
}

.x-header_new.home .nav-mod .splite {
    display: none
}

.x-header_new .box-1 {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 2
}

.x-header_new .box-1 .box1-logo {
    width: 598px;
    padding-top: 7.1875%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    position: absolute
}

.x-header_new .box-1 .box1-logo .syx {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 100%;
    white-space: nowrap;
    top: 22px;
    line-height: 40px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-logo .syx {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-logo .box1-bg {
    pointer-events: none
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box img {
    width: 100%;
    height: auto
}

.x-header_new .box-1 .box1-logo .box1-bg .svgbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 25.91973%;
    background: url(../image/lys/png115-1.png) no-repeat top left;
    background-size: contain
}

.x-header_new .box-1 .box1-logo .logo-box {
    width: 248px;
    position: relative;
    overflow: hidden;
    margin-left: -17px;
    position: absolute;
    top: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-1 .box1-logo .logo-box::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .box-1 .box1-logo .logo-box .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-top {
    border-bottom: 2px solid #c9784c;
    background: #7c3030;
    position: relative;
    z-index: 9
}

.x-header_new .box-1 .box1-top .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0
}

.x-header_new .box-1 .box1-top .flexbox .item+.item {
    margin-left: 40px
}

.x-header_new .box-1 .box1-top .flexbox .ffar {
    font-family: 'Arial'
}

.x-header_new .box-1 .box1-top .search-mod .search-tap {
    background: #923838
}

.x-header_new .box-1 .box1-bot {
    border-bottom: 1px solid rgba(124,48,48,0.07);
    position: relative
}

.x-header_new .box-1 .box1-bot::before {
    content: '';
    height: 214px;
    background: url(../image/lys/png116.png) no-repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    display: none;
    pointer-events: none
}

.x-header_new .box-1 .box1-bot a {
    display: block
}

.x-header_new .box-1 .box1-bot .box1-navbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.x-header_new .box-1 .box1-bot .nav-lv1-tit {
    color: #7c3030
}

.x-header_new .box-1 .box1-bot .nav-lv1-item {
    font-size: 22px;
    position: relative
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size:18px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv1-item::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
    border-top: 1px solid #7c3030;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
    margin-left: 35px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item.cur::before {
    left: 0;
    right: 0
}

.x-header_new .box-1 .box1-bot .nav-lv1-item .nav-lv1-link {
    padding: 26px 0 7px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
    left: auto;
    margin: 0;
    right: -60%;
    -webkit-transform: none;
    transform: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 20px;
    margin-left: 93px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
    padding: 20px 60px 36px 47px;
    width: 788px;
    background: url(../image/lys/jpg77.jpg) no-repeat left bottom;
    background-size: cover
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-lbox {
    width: 59.765%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 40px;
    margin-top: 54px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .p {
    font-size: 16px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox {
    position: relative;
    display: inline-block;
    margin-top: 17px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: 10px;
    border-radius: 0 50px 0 50px;
    z-index: 1;
    background-color: rgba(99,21,19,0.3)
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img {
    width: 207px;
    position: relative;
    overflow: hidden;
    border-radius: 0 50px 0 50px;
    z-index: 2
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img::before {
    content: '';
    display: block;
    padding-top: 56.03865%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item {
    width: calc((100% - 41px) / 2);
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item::after {
    content: '';
    border-top: 1px solid #c26060;
    position: absolute;
    right: 0;
    left: 27px;
    top: 0
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a {
    padding: 12px 0 12px 27px;
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #c26060;
    position: absolute;
    left: 0px;
    top: 25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-size: contain
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::after {
    content: '';
    background: url(../image/lys/png77.png) no-repeat center;
    -webkit-transform: none;
    transform: none;
    width: 21px;
    height: 19px;
    top: 18px;
    left: -7px;
    position: absolute;
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(2n) {
    margin-left: 40px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(-n+2)::after {
    border-top: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::before {
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::after {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot {
    border-bottom-color: rgba(255,255,255,0.07)
}

.x-header_new.header-fixed .box-1 .box1-bot::before {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-tit {
    color: #fff
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-item::before {
    border-color: #fff
}

.x-header_new .box-2 {
    background-color: #7e2f2f;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    right: 0;
    border-bottom: 2px solid #c9784c
}

.x-header_new .box-2 .nav-mod .nav-lv2 {
    padding-top: 34px
}

.x-header_new .box-2 .nav-mod .nav-lv2::after {
    top: 2px
}

.x-header_new .box-2 .slogan {
    width: 415px;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 33px;
    right: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(../image/lys/png80.png) no-repeat center;
    background-size: contain
}

.x-header_new .box-2 .slogan::before {
    content: '';
    display: block;
    padding-top: 6.71506%
}

.x-header_new .box-2 .slogan .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-2-logobox {
    width: 475px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-2-logobox::before {
    content: '';
    width: 100%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-2.png) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    display: block;
    pointer-events: none
}

.x-header_new .box-2-logobox::after {
    content: '';
    width: 125.89473%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-1.gif) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.x-header_new .logo {
    width: 248px;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 24px;
    z-index: 3
}

.x-header_new .logo::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .logo .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .logo img {
    width: 100%;
    display: block
}

.x-header_new .logo img:nth-child(2) {
    opacity: 0
}

.x-header_new .logo img.i-show {
    opacity: 1
}

.x-header_new .logo img.i-hid {
    opacity: 0
}

.x-header_new .splite {
    width: 418px;
    margin-left: 32px
}

.x-header_new .top {
    background-color: #7c3030
}

.x-header_new .top .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 57px;
    position: relative;
    z-index: 1;
    line-height: 57px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.x-header_new .top .x-wrap::after {
    display: none
}

.x-header_new .top .l .item:nth-child(n+2) {
    margin-left: 38px
}

.x-header_new .bottom {
    display: none
}

.x-header_new .tools-mod {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .tools-mod .tools-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.x-header_new .tools-mod .tools-item+.tools-item {
    margin-left: 38px
}

.x-header_new .search-mod .search-tap {
    width: 75px;
    height: 40px;
    background-color: #c64141;
    border-radius: 99px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .x-header_new .search-mod .search-tap {
        font-size:16px
    }
}

.x-header_new .search-mod .search-tap::before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../image/lys/png62.png) no-repeat;
    background-size: contain;
    -webkit-transform: none;
    transform: none;
    position: static;
    vertical-align: middle
}

.x-header_new .search-mod .search-tap:hover {
    color: #fff
}

.x-header_new .search-mod .search-tap ~ .search-box {
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    right: 0px;
    overflow: visible;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    width: 487px;
    background-color: #314769;
    height: 70px;
    border-radius: 999px;
    margin-top: 28px
}

.x-header_new .search-mod .search-btn {
    width: 75px;
    color: #fff;
    background-color: #466495;
    border-radius: 999px
}

.x-header_new .search-mod .search-submit {
    width: 100%
}

.x-header_new .search-mod .search-txt,.x-header_new .search-mod .search-btn {
    display: block
}

.x-header_new .search-mod .search-txt {
    padding: 0 1em 0 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-header_new .search-mod .search-input {
    height: 100%;
    color: #fff
}

.x-header_new .search-mod .search-input::-webkit-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-moz-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input:-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::placeholder {
    color: #6984ad
}

.x-header_new .search-tap {
    -webkit-transition: none;
    transition: none
}

.x-header_new.white {
    background: rgba(255,255,255,0.8)
}

.x-header_new.white .search-mod .search-tap {
    background: #7c3030;
    color: #fff
}

.x-header_new.white .search-mod .search-tap ~ .search-box {
    background: #7c3030
}

.x-header_new.white .search-mod .search-input::-webkit-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-moz-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input:-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-btn {
    color: #7c3030;
    background-color: #fff
}

.x-header_new.white .logo img:nth-child(2) {
    opacity: 1
}

.x-header_new.white .nav-mod {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2 {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2::after {
    background: rgba(255,255,255,0.7)
}

.x-header_new.white .nav-mod .nav-lv1-item .nav-lv1-link::after {
    border-color: #ab0d29
}

.x-header_new.white .nav-mod .nav-lv2-item .nav-lv2-link::before {
    background-image: url(../image/lys/png67-1.png)
}

.x-header_new.white .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
    background-image: url(../image/lys/png68-1.png)
}

.x-header_new .logo .syx {
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
    color: #fff
}

@media screen and (min-width: 1025px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::before {
        display:none
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::after {
        display: block
    }

    .x-header_new.wht {
        position: fixed
    }

    .x-header_new.wht .box-1 {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        display: none
    }

    .x-header_new.wht .box-2 {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

    .x-header_new {
        color: #fff
    }

    .x-header_new .box-1 .box1-top a:hover {
        color: #ce5656
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover::before {
        left: 0;
        right: 0
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover .nav-lv2 {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover::before {
        background: url(../image/lys/png77.png) no-repeat center;
        -webkit-transform: none;
        transform: none;
        width: 21px;
        height: 19px;
        top: 19px;
        left: -34px
    }

    .x-header_new .box-2 .slogan.show {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-2 .slogan.lshow {
        opacity: 1;
        visibility: visible;
        right: auto;
        left: 0px
    }

    .x-header_new .top a:hover {
        color: #ce5656
    }

    .x-header_new .nav-mod {
        border: none;
        padding-top: 0 !important
    }

    .x-header_new .nav-mod .nav-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border: none
    }

    .x-header_new .nav-mod .nav-box::after {
        display: none
    }

    .x-header_new .nav-mod .nav-tit .arr {
        display: none
    }

    .x-header_new .nav-mod .nav-link {
        display: block;
        white-space: nowrap
    }

    .x-header_new .nav-mod .nav-lv {
        position: absolute;
        min-width: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden
    }

    .x-header_new .nav-mod .nav-lv1 {
        text-align: center;
        font-size: 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        display: inline-block;
        font-size: 16px
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link {
        position: relative
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link::after {
        content: '';
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        border-top: 3px solid #c13f3f;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .x-header_new .nav-mod .nav-lv1-item.cur .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 93px
    }

    .x-header_new .nav-mod .nav-lv2 {
        position: absolute;
        background: none;
        border-bottom: none;
        padding: 32px 0;
        width: auto;
        top: 100%;
        left: 0;
        min-width: 0;
        color: #fff
    }

    .x-header_new .nav-mod .nav-lv2::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2000px;
        right: -2000px;
        background-color: rgba(130,50,50,0.9)
    }

    .x-header_new .nav-mod .nav-grp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 2
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 50px
    }

    .x-header_new .nav-mod .nav-lv2-item:last-child {
        margin-right: 0
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        text-align: center
    }

    .x-header_new .nav-mod .nav-lv2-link {
        padding-left: 30px;
        position: relative
    }

    .x-header_new .nav-mod .nav-lv2-link::before {
        content: "";
        position: absolute;
        left: 13px;
        top: 50%;
        background: #c64141;
        width: 7px;
        height: 7px;
        margin-top: -4px
    }

    .x-header_new .nav-mod .nav-lv2-link::after {
        content: '';
        background-image: url(../image/lys/png79.png);
        width: 21px;
        height: 19px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px;
        display: none
    }

    .x-header_new .nav-mod .nav-lv3 {
        left: 100%;
        top: 0
    }

    .x-header_new .nav-mod .nav-lv3-item {
        position: relative;
        float: left
    }

    .x-header_new .nav-mod .nav-lv3-item+.nav-lv3-item {
        margin-top: 8px
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-lv {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #fff
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new.white .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        background-image: url(../image/lys/png68-1.png)
    }
}

@media screen and (max-width: 1920px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(3) .nav-lv2 {
        left:auto;
        margin: 0;
        right: -80%;
        -webkit-transform: none;
        transform: none
    }

    .x-header_new .box-2 .slogan {
        width: 415px;
        top: 32px
    }
}

@media screen and (max-width: 1700px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 {
        margin:0
    }
}

@media screen and (max-width: 1600px) {
    .x-header_new .search-mod .search-tap {
        padding:6px 15px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 20px
    }

    .x-header_new .box-1 .box1-top .flexbox {
        padding: 15px 0
    }

    .x-header_new .box-1 .box1-logo .syx {
        top: 15px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size: 20px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
        margin-left: 20px
    }

    .x-header_new .box-1 .box1-logo {
        width: 500px
    }

    .x-header_new .box-1 .box1-logo .logo-box {
        top: 20px;
        width: 200px;
        margin-left: -30px
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
        width: 700px
    }
}

@media screen and (max-width: 1500px) {
    .x-header_new .box-2 .slogan {
        width:375px;
        top: 34px
    }
}

@media screen and (max-width: 1400px) {
    .x-header_new .nav-mod .nav-lv1-link {
        line-height:70px
    }

    .x-header_new .splite {
        width: 300px
    }

    .x-header_new .logo {
        width: 200px;
        top: 20px
    }

    .x-header_new .box-2-logobox {
        width: 360px
    }

    .x-header_new .box-1 .box1-top .flexbox .item+.item {
        margin-left: 30px
    }

    .x-header_new .box-1 .box1-logo {
        width: 440px
    }

    .x-header_new .box-2 .slogan {
        width: 330px;
        top: 35px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 10px
    }
}

@media screen and (max-width: 1300px) {
    .x-header_new.home .logo {
        height:60px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 30px
    }

    .x-header_new .top .x-wrap {
        height: 60px;
        line-height: 60px;
        font-size: 14px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 70px
    }

    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left: 30px
    }

    .nav-mod .nav-lv2 {
        width: 600px
    }

    .x-header_new .tools-mod .search-mod .search-box {
        width: 370px;
        height: 61px;
        padding: 10px 10px 10px 0
    }

    .x-header_new .box-2-logobox {
        width: 320px
    }

    .x-header_new .logo {
        top: 15px
    }

    .x-header_new .box-2 .slogan {
        width: 300px;
        top: 37px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
        right: 0%
    }

    .x-header_new .box-1 .box1-logo {
        width: 430px
    }
}

@media screen and (max-width: 1200px) {
    .x-header_new .box-1 .box1-logo {
        width:400px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 15px
    }

    .x-header_new .nav-mod .nav-lv1-item {
        font-size: 14px
    }

    .x-header_new .box-2 .slogan {
        width: 250px;
        top: 36px
    }
}

@media screen and (max-width: 1100px) {
    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left:25px
    }

    .x-header_new .box-1 .box1-logo .syx {
        margin-left: -80px
    }

    .x-header_new .box-2 .slogan {
        width: 200px;
        top: 39px
    }
}

@media screen and (max-width: 1024px) {
    .x-layout {
        padding-top:0px
    }

    .x-header_new.home {
        color: #333;
        position: relative
    }

    .x-header_new .box-2 {
        opacity: 1;
        visibility: visible;
        position: relative;
        border-width: 0px
    }

    .x-header_new .box-2 .slogan-wrap {
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0
    }

    .x-header_new .box-2 .slogan {
        width: 50.1333%;
        position: relative;
        overflow: hidden;
        position: absolute;
        right: 9%;
        left: auto;
        z-index: 9;
        background-image: url(../image/lys/png122.png);
        opacity: 1;
        visibility: visible;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .x-header_new .box-2 .slogan::before {
        content: '';
        display: block;
        padding-top: 7.18085%
    }

    .x-header_new .box-2 .slogan .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .box-2 .nav-mod .nav-lv2 {
        padding-top: 10px
    }

    .x-header_new .x-wrap {
        margin: 0
    }

    .x-header_new .splite {
        width: auto
    }

    .x-header_new .top {
        display: none
    }

    .x-header_new .bottom {
        display: block;
        height: auto;
        line-height: 1;
        background-color: #fff
    }

    .x-header_new .bottom .l {
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #ddd
    }

    .x-header_new .bottom .l .item {
        margin: 0 !important
    }

    .x-header_new .bottom .tools-mod {
        border-top: 1px solid #b36563;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .x-header_new .bottom .tools-mod::after {
        display: none
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 0 !important
    }

    .x-header_new .bottom .search-mod .search-tap {
        width: 20px;
        height: 20px
    }

    .x-header_new .menu-mod {
        position: relative;
        padding: 10px 15px;
        height: 60px;
        z-index: 2
    }

    .x-header_new .menu-mod::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #bc7b54
    }

    .x-header_new .menu-mod .logo {
        width: 48.58156%;
        left: 13.47517%;
        -webkit-transform: none;
        transform: none;
        top: 20%
    }

    .x-header_new .menu-mod .logo a {
        padding: 0
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0
    }

    .x-header_new.home .tools-mod .eml {
        background-image: url(../image/ico_mail.png)
    }

    .x-header_new .menu-btn {
        position: absolute;
        width: 40px;
        overflow: hidden;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px
    }

    .x-header_new .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .x-header_new .menu-btn .line {
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .x-header_new .menu-btn .line,.x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #fff;
        border-radius: 1px
    }

    .x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .x-header_new .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        transform: translateY(-400%)
    }

    .x-header_new .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        transform: translateY(400%)
    }

    .x-header_new .search-box,.x-header_new .share-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        padding: 5px 15px
    }

    .x-header_new .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc;
        background-color: #fff
    }

    .x-header_new .search-box>* {
        width: 0;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .x-header_new .search-box>:last-child {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .x-header_new .search-box .search-input {
        display: block;
        width: 100%;
        height: 30px
    }

    .x-header_new .search-box .search-input::-webkit-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-moz-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input:-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-submit {
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px
    }

    .x-header_new .share-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #ccc
    }

    .x-header_new .share-box .share-item {
        font-size: 1.2em
    }

    .x-header_new .nav-mod {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        padding-top: 135px;
        background: url(../image/lys/jpg79.jpg) no-repeat bottom center;
        background-size: 100% auto;
        color: #fff;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    .x-header_new .nav-mod .x-wrap {
        margin: 0 15px
    }

    .x-header_new .nav-mod .search-box,.x-header_new .nav-mod .nav-box,.x-header_new .nav-mod .bottom {
        background: transparent
    }

    .x-header_new .nav-mod .search-box {
        background: #b36563;
        border-radius: 999px;
        border: none;
        margin-bottom: 10px;
        padding-right: 10px
    }

    .x-header_new .nav-mod .x-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .x-header_new .nav-mod .splite {
        display: none
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 1.8;
        padding: 10px 0
    }

    .x-header_new .nav-mod .nav-lv2 {
        width: auto;
        color: #b36563
    }

    .x-header_new .nav-box {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        background-color: #fff
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::before {
        display: none
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::after {
        display: block
    }

    .x-header_new .nav-box .nav-lv2-item.cur .nav-lv2-link {
        color: #fff
    }

    .x-header_new .nav-item.act>.nav-tit .arr {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .x-header_new .nav-item.act>.nav-tit .arr::before {
        right: auto;
        left: 0
    }

    .x-header_new .nav-lv1-item {
        padding: 0 0 0 35px
    }

    .x-header_new .nav-tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .x-header_new .nav-tit .arr {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 40px;
        height: auto;
        color: #b36563
    }

    .x-header_new .nav-tit .arr::before {
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }

    .x-header_new .nav-tit .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .x-header_new .nav-tit+.nav-lv {
        display: none
    }

    .x-header_new .nav-lv1-tit {
        border-bottom: 1px solid #b36563;
        position: relative
    }

    .x-header_new .nav-lv1-tit::before,.x-header_new .nav-lv1-tit::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .x-header_new .nav-lv1-tit::before {
        width: 7px;
        height: 7px;
        background-image: url(../image/lys/png135.png);
        right: calc(100% + 19px)
    }

    .x-header_new .nav-lv1-tit::after {
        width: 21px;
        height: 19px;
        background-image: url(../image/lys/png134.png);
        right: calc(100% + 14px);
        display: none
    }

    .x-header_new .nav-lv1-link {
        font-size: 1.125em
    }

    .x-header_new .nav-lv2 {
        padding: 10px 15px
    }

    .x-header_new .nav-lv2-tit {
        padding: 5px 0
    }

    .x-header_new.menu-open {
        z-index: 999
    }

    .x-header_new.menu-open .line {
        background-color: transparent
    }

    .x-header_new.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .x-header_new.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .x-header_new.menu-open .nav-mod {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    .x-header_new.white .menu-btn .line,.x-header_new.white .menu-btn .line::before,.x-header_new.white .menu-btn .line::after {
        background: #7c3030
    }

    .x-header_new.white.menu-open .line {
        background-color: transparent
    }

    .x-header_new .box-2-logobox {
        -webkit-transform: none;
        transform: none;
        top: 0;
        left: 0;
        width: 37.6%
    }

    .x-header_new .box-2-logobox::before {
        background-image: url(../image/lys/png121.png);
        padding-top: 26.5957%;
        background-position: left top
    }

    .x-header_new .box-2-logobox::after {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .x-header_new .box-2-logobox {
        width:40%
    }
}

@media screen and (max-width: 767px) {
    .x-header_new .menu-mod .logo {
        left:15px;
        width: 40%;
        overflow: inherit
    }

    .x-header_new .menu-mod .logo .syx {
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff;
        font-size: 14px;
        white-space: nowrap;
        margin-left: 10px
    }

    .x-header_new .box-2-logobox {
        width: 60%
    }

    .x-header_new .box-2-logobox::before {
        background-position: right top;
        margin-left: -85px
    }

    .x-header_new .box-2 .slogan {
        width: 35%;
        right: 13%
    }

    .x-header_new .nav-mod {
        padding: 95px 0 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        padding-left: 20px
    }

    .x-header_new .nav-mod .nav-lv2 {
        padding: 0px 10px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        padding: 5px 0
    }

    .x-header_new .nav-mod .nav-lv1-tit::before {
        right: calc(100% + 9px)
    }

    .x-header_new .nav-mod .nav-lv1-tit::after {
        width: 13px;
        height: 13px;
        right: calc(100% + 5px)
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        padding: 3px 0
    }

    .x-header_new .menu-btn {
        right: 5px
    }

    .x-header_new .logo .syx {
        text-align: center;
        margin-top: 0
    }

    .x-header_new .bottom .tools-mod {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 15px
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 5px !important
    }
}

@media screen and (max-width: 500px) {
    .x-header_new .box-2-logobox {
        width:75%
    }
}

.audio-mod.ui {
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 5px
}

.audio-mod .audio-title {
    padding: 1em;
    text-align: center
}

.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
    border: 0;
    height: 30px
}

.audio-mod .audio-list .select-cont {
    left: auto;
    width: 300px
}

.audio-mod .audio-control {
    float: left
}

.audio-mod .audio-play {
    border: 1px solid;
    border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
    -webkit-animation: animat-ring 3s linear infinite;
    animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,.audio-mod .audio-next.disable {
    background: #ccc;
    cursor: default;
    pointer-events: none
}

.audio-mod .audio-volume {
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 1em 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
    position: relative;
    margin: auto;
    width: 4px;
    height: 50px;
    background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 999px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
    opacity: 1;
    visibility: visible
}

.audio-mod .audio-panel {
    margin-left: 4em;
    margin-top: 5px
}

.audio-mod .audio-progress {
    position: relative;
    margin-bottom: 5px;
    height: 4px;
    background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 999px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.audio-mod .audio-time {
    position: relative;
    font-family: arial;
    line-height: 1;
    overflow: hidden
}

.audio-mod .audio-current {
    float: left
}

.audio-mod .audio-duration {
    float: right
}

.audio-mod .audio-surplus {
    float: right
}

@media screen and (max-width: 1024px) {
    .audio-mod .audio-volume-box {
        display:none
    }
}

.banner_page {
    height: 818px;
    position: relative;
    color: #fff;
    overflow: hidden
}

.banner_page .bread-mod {
    color: inherit
}

.banner_page .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: no-repeat center center / cover
}

.banner_page .bg .mask {
    background: #000
}

.banner_page .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

.banner_page .head .lt {
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 1em;
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .lb {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 1.1em;
    -webkit-transition: all 1s ease-out 2s;
    transition: all 1s ease-out 2s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -1em;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    opacity: 0
}

.banner_page .head .title {
    position: relative;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.banner_page.showd .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page.showd .head {
        font-size:28px
    }
}

.banner_page.showd .head .lt {
    clip: rect(0, 200px, 500px, 0)
}

.banner_page.showd .head .lb {
    clip: rect(0, 200px, 300px, 0)
}

.banner_page.showd .head .img {
    opacity: 1
}

.banner_page.showd .head .title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.banner_page .nav {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 30px;
    bottom: 2em;
    text-align: center;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .banner_page .nav {
        font-size:22px
    }
}

.banner_page .nav a {
    margin: 0 1em;
    display: inline-block
}

.banner_page .nav a.now {
    font-size: 1.3em
}

.banner_page .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.banner_page .box1 .b {
    margin-top: 3.5em
}

@media screen and (max-width: 1400px) {
    .banner_page {
        height:708px
    }

    .banner_page .head {
        font-size: 38px
    }

    .banner_page .head .img {
        -webkit-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95)
    }

    .banner_page .nav {
        bottom: 1em;
        font-size: 26px
    }

    .banner_page .head .img {
        margin-top: -0.5em
    }

    .banner_page .head .lt {
        bottom: 44%
    }

    .banner_page .head .lb {
        top: 53%
    }

    .banner_page .head .title {
        margin-top: 36px
    }
}

@media screen and (max-width: 1200px) {
    .banner_page .nav {
        font-size:24px
    }
}

@media screen and (max-width: 1100px) {
    .banner_page .head .title {
        font-size:33px
    }
}

@media screen and (min-width: 1025px) {
    .banner_page .nav a:hover {
        font-size:1.3em
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head {
        position:absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 48px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head .lt {
        clip:rect(0, 200px, 500px, 0)
    }

    .banner_page .head .lb {
        clip: rect(0, 200px, 300px, 0)
    }

    .banner_page .head .img {
        opacity: 1
    }

    .banner_page .head .title {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width: 1023px) {
    .banner_page {
        height:300px
    }

    .banner_page.showd .head {
        top: 0
    }

    .banner_page.showd .title {
        font-size: 26px
    }

    .banner_page .head {
        font-size: 26px;
        top: 0
    }

    .banner_page .img {
        width: 200px
    }

    .banner_page .lt {
        width: 60px
    }

    .banner_page .lb {
        width: 6px
    }

    .banner_page .nav {
        font-size: 18px
    }

    .banner_page .nav a {
        margin: 0 0.8em
    }

    .banner_page .head .title {
        margin-top: 0
    }

    .banner_page .head .lb {
        top: 45%
    }
}

@media screen and (max-width: 768px) {
    .banner_page .head .lt {
        bottom:50%
    }

    .banner_page .head .lb {
        top: 50%
    }
}

div[data-search] * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,div[data-search] .BMapLib_sms_pnl_phone button,div[data-search] .BMapLib_sms_pnl_phone textarea,div[data-search] .BMapLib_sms_pnl_phone select {
    min-height: auto;
    border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
    overflow: auto
}

div[data-search] .infoBox {
    padding: 10px;
    width: 290px;
    background-color: #fff
}

div[data-search] .infoBox>img {
    top: 10px;
    right: 10px !important
}

.bdmap {
    height: 600px
}

.bread-mod {
    position: absolute;
    left: 0;
    top: 35px;
    right: 0;
    color: #999;
    z-index: 2
}

.bread-mod .bread-item {
    display: inline-block
}

.bread-mod .bread-item+.bread-item::before {
    content: '>';
    padding: 0 5px;
    font-family: Arial
}

@media screen and (min-width: 1025px) {
    .bread-mod .bread-link:hover {
        color:#aa1332
    }
}

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

.paging-mod {
    text-align: center;
    margin: 75px 0
}

.paging-mod .paging-box {
    display: inline-block;
    vertical-align: top
}

.paging-mod .paging-item {
    float: left;
    min-width: 36px;
    font-family: Arial;
    font-size: 16px;
    line-height: 34px
}

.paging-mod .paging-arrow,.paging-mod .paging-link {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.paging-mod .paging-arrow:first-child {
    margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
    margin-left: 12px
}

.paging-mod .paging-link+.paging-arrow {
    margin-left: 10px
}

.paging-mod .paging-link.cur {
    background-color: #aa1332;
    border-color: #aa1332;
    color: #fff;
    cursor: default;
    pointer-events: none
}

.paging-mod .paging-dot {
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.2em
}

.paging-mod .paging-jump {
    margin-left: 26px;
    width: 120px;
    height: 40px;
    border: 1px solid #aa1332;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    top: -2px
}

.paging-mod .paging-table {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff
}

.paging-mod .paging-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.paging-mod .paging-cell:first-child {
    border-radius: 4px 0 0 4px;
    border-right: none
}

.paging-mod .paging-input {
    display: block;
    padding: 0 10px;
    width: 100%;
    line-height: 1.5;
    text-align: center
}

.paging-mod .paging-btn {
    display: block;
    width: 55px;
    cursor: pointer;
    border-radius: 4px;
    background: #aa1332;
    color: #fff;
    height: 34px;
    margin-right: 2px;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif
}

.paging-mod .paging-more {
    display: none
}

@media screen and (min-width: 1025px) {
    .paging-mod .paging-link:not(.cur):hover,.paging-mod .paging-arrow:hover {
        background-color:#aa1332;
        border-color: #aa1332;
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .paging-mod {
        margin:30px 0
    }

    .paging-mod .paging-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 34px;
        display: none
    }

    .paging-mod .paging-item,.paging-mod .paging-input {
        line-height: normal
    }

    .paging-mod .paging-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .paging-mod .paging-more {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #ddd;
        border-radius: 999px;
        background: #ddd;
        width: 120px
    }
}

.scroll-mod {
    position: relative;
    overflow: hidden
}

.scroll-mod.scroll-axis-x {
    padding-bottom: 10px
}

.scroll-mod.scroll-axis-y {
    padding-right: 10px
}

.scroll-cont {
    height: 100%;
    max-height: inherit;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scroll-cont::-webkit-scrollbar {
    display: none
}

.scroll-track-x,.scroll-track-y {
    position: absolute;
    background-color: rgba(0,0,0,0.1)
}

.scroll-bar-x,.scroll-bar-y {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.scroll-track-x {
    bottom: 0;
    left: 0;
    right: 0
}

.scroll-bar-x {
    width: 0;
    height: 5px
}

.scroll-track-y {
    top: 0;
    bottom: 0;
    right: 0
}

.scroll-bar-y {
    width: 5px;
    height: 0
}

.scroll-track-disable {
    display: none
}

@media screen and (min-width: 1025px) {
    .scroll-mod .scroll-bar-x {
        width:0
    }
}

.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
    position: absolute;
    right: 0px;
    bottom: 100%;
    margin-bottom: 10px;
    font-size: 26px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.pop-mod .pop-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.pop-mod .pop-panel::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pop-mod .pop-dialog {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.pop-mod .video-native {
    display: none
}

.pop-mod video,.pop-mod iframe {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%
}

.pop-mod.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,.pop-mod.x-show iframe,.pop-mod.x-show .video-native {
    display: block
}

@media screen and (min-width: 1025px) {
    .pop-mod.x-show .pop-panel {
        overflow-y:scroll
    }

    .pop-mod.x-show>.pop-close {
        margin-right: 17px
    }

    .full-screen .pop-mod.x-show>.pop-close {
        margin-right: 0
    }

    .full-screen .pop-mod.x-show .pop-panel {
        overflow: auto
    }
}

@media screen and (max-width: 1024px) {
    .pop-mod .pop-panel {
        padding:0 15px;
        overflow: auto;
        overscroll-behavior-y: contain
    }

    .pop-mod .pop-panel .pop-dialog {
        width: 100%
    }
}

.search-mod {
    position: relative;
    z-index: 2
}

.search-mod .search-tap {
    z-index: 1
}

.search-mod .search-tap ~ .search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: -17px;
    width: 200px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.search-mod.at-l .search-tap ~ .search-box {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    width: 0;
    -webkit-transition-property: width, opacity, visibility;
    transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap ~ .search-box .search-submit {
    visibility: hidden
}

.search-mod .search-box {
    display: table;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.search-mod .search-txt,.search-mod .search-btn {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.search-mod .search-txt {
    padding: 0 1em;
    width: 100%
}

.search-mod .search-btn {
    width: 1%
}

.search-mod .search-input {
    width: 100%
}

.search-mod .search-submit {
    display: block;
    height: 100%;
    cursor: pointer
}

.search-mod.x-show .search-tap ~ .search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
    z-index: -1;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap ~ .search-box {
    width: 200px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
    visibility: visible;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media screen and (min-width: 1025px) {
    .search-mod .search-tap:hover,.search-mod .search-submit:hover {
        color:#aa1332
    }
}

.select-mod {
    position: relative
}

.select-mod .select-bar {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.select-mod .select-native {
    display: none
}

.select-mod .select-trigger {
    cursor: pointer
}

.select-mod .select-btn {
    float: right;
    height: 100%
}

.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden
}

.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-mod .select-cont,.select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.select-mod .select-cont::before,.select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
    right: 12px
}

.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer
}

.select-mod .select-item.cur {
    color: #aa1332
}

.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%
}

.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px
}

.select-mod.sc-show {
    z-index: 1
}

.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,.select-mod.sc-show .select-trigger.select-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible
}

.select-mod .mCSB_scrollTools {
    right: 12px
}

@media screen and (min-width: 1025px) {
    .select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .select-mod .select-native {
        display:block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto
    }
}

.icon-wx::before {
    content: '\e601'
}

.icon-wb::before {
    content: '\e602'
}

.icon-qq::before {
    content: '\e603'
}

.icon-qz::before {
    content: '\e604'
}

.icon-twitter::before {
    content: '\e605'
}

.icon-facebook::before {
    content: '\e606'
}

.icon-linkedin::before {
    content: '\e607'
}

.icon-share::before {
    content: '\e608'
}

.share-mod .share-label,.share-mod .share-label ~ .share-box {
    display: inline-block;
    vertical-align: middle
}

.share-box .share-item {
    float: left
}

.share-box .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.share-box .code img,.share-box .code canvas {
    width: 100%
}

@media screen and (min-width: 1025px) {
    .share-box .share-item:hover {
        color:#aa1332
    }
}

.sidebar-mod {
    position: fixed;
    top: 50%;
    right: 40px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    padding-top: 60px;
    -webkit-transition-property: opacity, visibility, right;
    transition-property: opacity, visibility, right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod::before {
    content: '';
    width: 61px;
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 61px;
    background: url(../image/lys/png60.png) no-repeat top center;
    z-index: 1
}

.sidebar-mod .sidebar-item {
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 2
}

.sidebar-mod .sidebar-item {
    margin-top: 10px
}

.sidebar-mod .s1 {
    margin-top: 0
}

.sidebar-mod .s8 {
    display: none
}

.sidebar-mod .icon {
    width: 35px;
    margin: auto
}

.sidebar-mod .icon img {
    width: 100%;
    display: block
}

.sidebar-mod .t {
    width: 80px;
    margin-top: 5px;
    border-radius: 30px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px;
    color: #fff;
    font-size: 14px
}

.sidebar-mod .t span {
    line-height: 1
}

.sidebar-mod .s1 .t {
    background-color: #556f98
}

.sidebar-mod .s2 .t {
    background-color: #972f2f
}

.sidebar-mod .s3 .t {
    background-color: #556f98
}

.sidebar-mod .s4 .t {
    background-color: #c9784c
}

.sidebar-mod .s5 .t {
    background-color: #556f98
}

.sidebar-mod .s6 .t {
    background-color: #742b2b
}

.sidebar-mod .s7 .t {
    background-color: #c9784c
}

.sidebar-mod .s8 .t {
    background-color: #7b9471
}

.sidebar-mod .xfont {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    border-radius: 50%
}

.sidebar-mod .top-icon {
    background-color: #c9784c
}

.sidebar-mod .top-icon img {
    width: 23px;
    height: auto
}

.sidebar-mod .icon-up {
    background-color: #7b9471;
    color: #fff
}

.sidebar-mod.op .icon-up {
    background-color: #972f2f
}

.sidebar-mod.op .icon-up::before {
    content: '\e507'
}

.sidebar-mod.op .s8 .t {
    background-color: #972f2f
}

.sidebar-mod .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.sidebar-mod .code img {
    display: block;
    width: 100%
}

.sidebar-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .sidebar-mod {
    z-index: -1
}

@media screen and (max-width: 1770px) {
    .sidebar-mod {
        right:0
    }
}

@media screen and (max-width: 1200px) {
    .sidebar-mod {
        padding:0
    }

    .sidebar-mod::before {
        display: none
    }

    .sidebar-mod .icon,.sidebar-mod .xfont {
        display: none
    }

    .sidebar-mod .t {
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px
    }

    .sidebar-mod .t span {
        width: 100%;
        display: block;
        text-align: center;
        line-height: 1.1
    }

    .sidebar-mod .sidebar-item {
        margin-top: 10px
    }

    .sidebar-mod .s1 {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .sidebar-mod {
        left:0;
        -webkit-transform: none;
        transform: none;
        bottom: 0;
        transform: none;
        top: auto
    }

    .sidebar-mod .h {
        height: auto !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sidebar-mod .icon {
        display: block;
        width: 47px;
        position: relative;
        overflow: hidden;
        margin: 0 15px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .sidebar-mod .icon::before {
        content: '';
        display: block;
        padding-top: 78.7234%
    }

    .sidebar-mod .icon .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .sidebar-mod .icon img {
        display: none
    }

    .sidebar-mod .sidebar-item {
        font-size: 14px;
        width: 20%;
        height: 56px;
        margin: 0
    }

    .sidebar-mod .sidebar-item.s7,.sidebar-mod .sidebar-item.s8 {
        display: none
    }

    .sidebar-mod .sidebar-item .t {
        background: transparent;
        width: auto;
        height: auto;
        padding: 0
    }

    .sidebar-mod .sidebar-item .sidebar-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

    .sidebar-mod .s1 {
        background: #763735
    }

    .sidebar-mod .s1 .icon {
        background-image: url(../image/lys/png137.png);
        width: 35px
    }

    .sidebar-mod .s2 {
        background: #913834
    }

    .sidebar-mod .s2 .icon {
        background-image: url(../image/lys/png123.png);
        margin-right: 0
    }

    .sidebar-mod .s3 {
        background: #763735
    }

    .sidebar-mod .s3 .icon {
        background-image: url(../image/lys/png141.png)
    }

    .sidebar-mod .s4 {
        background: #913834
    }

    .sidebar-mod .s4 .icon {
        background-image: url(../image/lys/png140.png)
    }

    .sidebar-mod .s5 {
        background: #763735
    }

    .sidebar-mod .s5 .icon {
        background-image: url(../image/lys/png126.png)
    }

    .sidebar-mod .s6 {
        background: #913834
    }

    .sidebar-mod .s6 .icon {
        background-image: url(../image/lys/png127.png)
    }
}

@media screen and (max-width: 850px) {
    .sidebar-mod .sidebar-item {
        font-size:10px
    }

    .sidebar-mod .icon {
        margin: 0 5px 0 0;
        width: 20px;
        display: none
    }

    .sidebar-mod .s2 .icon {
        margin-right: 5px
    }

    .sidebar-mod .t span {
        font-size: 12px
    }
}

.slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-item {
    position: relative
}

.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden
}

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

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

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

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

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

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

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

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    cursor: pointer
}

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

.slick-loading .slick-list {
    background: #fff
}

.slick-dots {
    margin: 0;
    padding: 0;
    z-index: 3
}

.slick-dot {
    cursor: pointer
}

.slick-arrow.slick-disabled,.slick-arrow.slick-disabled:hover {
    opacity: 0.5;
    cursor: initial
}

.suds-mod {
    position: relative
}

.suds-mod .suds-pop {
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.suds-mod .suds-pop::before,.suds-mod .suds-pop::after {
    content: '';
    position: absolute;
    z-index: -1
}

.suds-mod .suds-pop::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 5px
}

.suds-mod .suds-pop.at-t {
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
    right: 100%;
    top: 50%;
    margin-right: 10px;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
    left: 100%;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
    position: relative;
    z-index: 1
}

.suds-mod.x-show,.suds-mod:hover {
    z-index: 1
}

.suds-mod.x-show>.suds-pop,.suds-mod:hover>.suds-pop {
    opacity: 1;
    visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,.suds-mod:hover>.suds-pop.at-t {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,.suds-mod:hover>.suds-pop.at-b {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,.suds-mod:hover>.suds-pop.at-l {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,.suds-mod:hover>.suds-pop.at-r {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
    opacity: 0;
    visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
    opacity: 1;
    visibility: visible
}

.tab-mod .tab-term {
    cursor: pointer
}

.tab-mod .tab-term.cur {
    color: #aa1332
}

.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden
}

.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible
}

.topping-mod {
    position: fixed;
    right: 15px;
    bottom: 10px;
    padding: 5px;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topping-mod .s {
    font-family: Arial;
    text-transform: uppercase
}

.topping-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .topping-mod {
    z-index: -1
}

@media screen and (min-width: 1025px) {
    .topping-mod:hover {
        background-color:#aa1332
    }

    .lock-screen .topping-mod {
        margin-right: 17px
    }

    .lock-screen.full-screen .topping-mod {
        margin-right: 0
    }
}

.tracker-mod {
    margin-top: 50px
}

.tracker-mod:first-child {
    margin-top: 0
}

.tracker-mod .tracker-prev {
    cursor: pointer
}

.tracker-mod .tracker-next {
    cursor: pointer
}

.tracker-mod .tracker-box {
    overflow: hidden
}

.tracker-mod .tracker-track {
    min-width: 100%;
    min-height: 100%
}

.tracker-mod .tracker-item {
    cursor: pointer
}

.tracker-mod.dir-hor .tracker-prev {
    float: left
}

.tracker-mod.dir-hor .tracker-next {
    float: right
}

.tracker-mod.dir-hor .tracker-box {
    text-align: center
}

.tracker-mod.dir-hor .tracker-track {
    display: table;
    white-space: nowrap;
    font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
    display: inline-block;
    vertical-align: middle;
    background: #fff no-repeat right center;
    margin: 0 5px;
    font-size: 16px
}

.tracker-mod.dir-hor .tracker-item.cur {
    background-image: url(../../news/image/lys/jpg17.jpg);
    background-color: #7e2f2f;
    color: #fff
}

.tracker-mod.dir-hor .tracker-item a {
    display: block;
    height: 100%;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 215px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:18px
    }
}

.tracker-mod.dir-ver .tracker-box {
    height: 300px
}

.tracker-mod.dir-ver .tracker-item {
    margin: 10px 0
}

@media screen and (max-width: 1024px) {
    .tracker-mod {
        margin-top:40px
    }

    .tracker-mod.dir-hor .tracker-item {
        background-size: 30% auto
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 15px 25px;
        min-width: 180px;
        font-size: 18px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 1023px) {
    .tracker-mod.dir-hor .tracker-item a {
        padding:15px 25px;
        min-width: 140px;
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .tracker-mod {
        margin-top:20px
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 10px 15px;
        min-width: 0
    }
}

.video-mod {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.video-mod::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.video-mod .video-js {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.video-mod .vjs-ended .vjs-poster {
    display: block
}

.video-mod.mini .video-js .vjs-control-bar {
    position: static;
    visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
    position: static;
    display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
    position: static
}

.video-mod.mini .video-js .vjs-load-progress,.video-mod.mini .video-js .vjs-mouse-display,.video-mod.mini .video-js .vjs-play-progress::before,.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
    display: none
}

.video-mod.mini .video-js .vjs-play-progress {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: .3em;
    opacity: .5;
    visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .vjs-no-flex .vjs-button {
        padding-bottom:3em
    }
}

@media screen and (max-width: 1024px) {
    .video-js .vjs-big-play-button {
        font-size:3em
    }

    .video-js .vjs-control-bar {
        height: 2em
    }

    .video-js .vjs-control {
        width: 2em
    }

    .vjs-button>.vjs-icon-placeholder::before {
        font-size: 1em
    }

    .video-js .vjs-remaining-time {
        display: block;
        margin: 0 0.5em;
        width: auto;
        line-height: 2em
    }

    .vjs-current-time,.vjs-duration,.vjs-time-divider,.video-js .vjs-volume-panel {
        display: none
    }
}

.about1 .part1 {
    position: relative;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part1::after {
    content: "";
    background: #eedddd;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%
}

.about1 .part1 .t {
    position: absolute;
    left: 0;
    top: 0;
    width: 33%
}

.about1 .part1 .t img {
    width: 100%
}

.about1 .part1 .content {
    margin-left: 38%;
    position: relative;
    padding: 120px 50px 120px 80px
}

.about1 .part1 .content::after {
    content: "";
    background: url(../image/by/png26.png);
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 9px;
    height: 9px
}

.about1 .part1 .content:before {
    content: "";
    border-left: 1px solid #f1c3c3;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: -130px
}

.about1 .part1 .content .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part1 .content .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part1 .content .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part1 .content .p {
    color: #666;
    margin-bottom: 30px
}

body:not(.lang-en) .about1 .part1 .content .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 {
    position: relative;
    padding: 100px 0 0;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part2::before {
    content: "";
    background: #eedddd;
    height: 180px;
    left: 0;
    bottom: 0;
    width: 27%;
    position: absolute
}

.about1 .part2 .title {
    text-align: right;
    padding-right: 50px;
    margin-top: -1em
}

.about1 .part2 .content {
    border-left: 1px solid #f1c3c3;
    margin-left: 12%;
    padding: 0 50px 90px 80px
}

.about1 .part2 .content::before {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    top: -33%;
    height: 60%;
    content: ""
}

.about1 .part2 .content::after {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 30%;
    content: ""
}

.about1 .part2 .pic {
    float: left;
    width: 47%;
    margin-right: 80px;
    margin-top: -90px;
    margin-bottom: 60px;
    margin-left: -21%
}

.about1 .part2 .pic img {
    width: 100%
}

.about1 .part2 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part2 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part2 .b {
    margin-top: 110px
}

.about1 .part2 .b img {
    width: 100%
}

.about1 .part3 {
    position: relative;
    padding-bottom: 8%
}

.about1 .part3::before {
    content: "";
    background: url(../image/by/png25.png) no-repeat center center/contain;
    width: 851px;
    height: 537px;
    position: absolute;
    left: 0;
    top: 0
}

.about1 .part3 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about1 .part3 .x-wrap:after {
    content: "";
    display: block;
    background: url(../image/by/pic14_3-1.jpg) no-repeat center top/100% auto;
    width: 18%
}

.about1 .part3 .content {
    padding: 140px 100px 70px 180px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.about1 .part3 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part3 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part3 .text p:nth-child(n+2) {
    margin-top: 3em
}

@media screen and (max-width: 1600px) {
    .about1 .part1 .content {
        padding:80px 40px 120px 80px
    }

    .about1 .part2 .content {
        margin-left: 0;
        margin-left: 40px
    }

    .about1 .part2 .pic {
        margin-left: -81px
    }

    .about1 .part3 .content {
        padding: 100px 80px 20px 40px
    }
}

@media screen and (max-width: 1400px) {
    .about1 .part1 .content .text {
        margin-top:40px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .text {
        margin-top: 40px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .b {
        margin-top: 80px
    }

    .about1 .part3 .text {
        margin-top: 40px
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 2em
    }
}

@media screen and (max-width: 1024px) {
    .about1 .part1 .content {
        padding:60px 40px 100px 50px
    }

    .about1 .part2 .content {
        padding: 0 40px 60px 40px
    }

    .about1 .part2 .pic {
        margin-right: 40px;
        margin-left: -41px;
        margin-bottom: 40px
    }

    .about1 .part3 .content {
        padding: 60px 60px 20px 40px
    }
}

@media screen and (max-width: 1023px) {
    .about1 .h img {
        height:30px
    }

    .about2 .h img {
        height: 30px
    }

    .about3 .h img {
        height: 30px
    }

    .about1 .part1 .t {
        width: 22%
    }

    .about1 .part1 .content {
        margin-left: 25%
    }

    .about1 .part3 .content {
        padding-right: 40px
    }
}

@media screen and (max-width: 767px) {
    .about1 .part1::after {
        display:none
    }

    .about1 .part1 .t {
        display: none
    }

    .about1 .part1 .content {
        margin-left: 0;
        padding: 40px 0
    }

    .about1 .part1 .content::before {
        display: none
    }

    .about1 .part1 .content::after {
        display: none
    }

    .about1 .part1 .content .text {
        margin-top: 20px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part1 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 {
        padding: 40px 0
    }

    .about1 .part2 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part3 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 .pic {
        margin: 0 20px 20px 0
    }

    .about1 .part2 .content {
        margin: auto;
        padding: 0;
        border-left: none
    }

    .about1 .part2 .content::before {
        display: none
    }

    .about1 .part2 .content::after {
        display: none
    }

    .about1 .part1 .content .p {
        margin-bottom: 20px
    }

    .about1 .part2 .text {
        margin-top: 20px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part2::before {
        display: none
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part3 .content {
        padding: 40px 0
    }

    .about1 .part3 .x-wrap::after {
        display: none
    }

    .about1 .part3 .text {
        margin-top: 20px
    }

    .about1 .part2 .b {
        margin-top: 30px
    }
}

.art1 {
    padding: 220px 0
}

.article-page {
    padding: 220px 0;
    background: #f7f7f7
}

.article-page .h1 {
    font-size: 28px;
    color: #555;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .article-page .h1 {
        font-size:20px
    }
}

.article-page .h2 {
    font-size: 28px;
    color: #555;
    font-family: sh;
    margin-top: 9px
}

@media screen and (max-width: 768px) {
    .article-page .h2 {
        font-size:20px
    }
}

.article-page .article-head {
    margin-bottom: 30px;
    text-align: center
}

.article-page .article-head .t {
    font-size: 32px;
    font-family: sh;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .article-page .article-head .t {
        font-size:22px
    }
}

.article-page .article-head .info {
    margin-top: 10px;
    color: #707070
}

.article-page .article-head .s {
    margin: 0 15px
}

.article-page .article-cont {
    margin-top: 40px;
    line-height: 1.8
}

.article-page .article-cont p,.article-page .article-cont .p {
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph
}

.article-page .article-cont p+p,.article-page .article-cont .p+.p {
    margin-top: 1.2em
}

.article-page .article-cont .img {
    margin: 1em 0
}

.article-page .article-cont iframe,.article-page .article-cont video {
    display: block;
    margin: auto;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    border: 0
}

.article-page .article-cont .video-mod {
    margin-bottom: 1em
}

.article-page .article-cont img {
    display: block;
    margin: auto;
    max-width: 100%;
    border: 0
}

.article-page .article-paging {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: none
}

.article-page .article-paging .article-link {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s
}

.article-page .article-paging .article-prev {
    float: left;
    padding-left: 30px
}

.article-page .article-paging .article-next {
    float: right;
    padding-right: 30px
}

.article-page .article-paging .xfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article-page .article-paging .article-prev .xfont {
    left: 0
}

.article-page .article-paging .article-next .xfont {
    right: 0
}

.article-page .share-mod {
    text-align: center;
    margin-top: 40px
}

.article-page .share-mod .share-item {
    width: 29px;
    margin-left: 22px
}

.article-page .share-mod .share-item img {
    width: 100%
}

.article-page .share-mod .share-item::before {
    display: none
}

.article-page .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.article-page .ul .li {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .article-page .ul .li {
        font-size:16px
    }
}

.article-page .ul .li+.li {
    margin-left: 45px
}

@media screen and (max-width: 1600px) {
    .art1,.article-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .article-page .article-paging .article-link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .art1,.article-page {
        padding:40px 0 8%
    }

    .article-page .article-head .t {
        font-size: 1.5em
    }

    .article-page .article-head .info {
        margin-top: 5px
    }

    .article-page .article-head .s {
        margin: 0 5px
    }

    .article-page .article-cont {
        margin-bottom: 20px
    }

    .article-page .article-paging {
        padding: 10px 0
    }

    .article-page .share-mod {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1023px) {
    .article-page {
        padding:40px 0 8%
    }
}

.calender1 {
    padding: 140px 0 0;
    background: #f5f5f5;
    position: relative
}

.calender1::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50px;
    background: url(../image/by/png31.png) no-repeat center center;
    width: 681px;
    height: 301px
}

.calender1 .info {
    margin-top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d0baba;
    padding: 0 0 40px;
    position: relative
}

.calender1 .info::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    border-right: 1px dashed #d0baba
}

.calender1 .info .logo img {
    width: 98px
}

.calender1 .info .text {
    padding: 10px 120px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0
}

.calender1 .info .text .h {
    font-size: 22px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .calender1 .info .text .h {
        font-size:18px
    }
}

.calender1 .info .text .ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .info .text .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.33%;
    margin-bottom: 15px;
    padding-right: 15px;
    font-size: 18px
}

.calender1 .info .text .ul .li span {
    display: block;
    width: 100px;
    color: #666;
    white-space: nowrap
}

.calender1 .info .text .ul .li span img {
    margin-right: 20px
}

.calender1 .info .text .ul .li em {
    display: block;
    width: 0;
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #999;
    display: block
}

.calender1 .info .text .ul .li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .letters {
    margin: 45px 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .letters a {
    font-size: 22px;
    margin: 0 12px;
    display: block
}

@media screen and (max-width: 768px) {
    .calender1 .letters a {
        font-size:18px
    }
}

.calender1 .letters a.now {
    color: #aa1332;
    text-decoration: underline
}

.calender1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.calender1 .list .item {
    background: #fff;
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
    padding: 50px 60px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.calender1 .list .item.s {
    visibility: visible;
    opacity: 1;
    position: relative
}

.calender1 .list .item .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item .hd .h {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .calender1 .list .item .hd .h {
        font-size:18px
    }
}

.calender1 .list .item .hd img {
    width: 45px
}

.calender1 .list .item ul {
    padding: 0;
    margin-top: 30px
}

.calender1 .list .item li {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    color: #666
}

@media screen and (max-width: 768px) {
    .calender1 .list .item li {
        font-size:16px
    }
}

.calender1 .list .item li:nth-child(n+2) {
    margin-top: 1em
}

.calender1 .list .item li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item li img {
    margin-right: 15px
}

.calender1 .list .item li em {
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-style: normal;
    color: #999;
    margin-left: 15px;
    word-break: break-all
}

.calender1 .list .item li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 75px
}

.calender1 .nav::before {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav::after {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav span {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    line-height: 42px;
    text-align: center;
    border: 1px solid #ddd;
    font-family: xfont;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.calender1 .nav span:last-child {
    margin-left: 30px
}

.calender3 {
    padding: 140px 0 150px;
    background: #f5f5f5
}

.calender3 .map {
    position: relative;
    overflow: hidden;
    margin-top: 56px
}

.calender3 .map::before {
    content: '';
    display: block;
    padding-top: 45%
}

.calender3 .map .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.calender2 {
    background: url(../image/by/bg8.jpg) no-repeat center top/cover;
    padding: 140px 0 11%;
    color: #fff
}

.calender2 .map {
    position: relative;
    margin-top: 50px
}

.calender2 .map .inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.calender2 .map .i {
    width: 100%
}

.calender2 .part2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 140px
}

.calender2 .part2 .hd {
    width: 30%;
    padding-right: 20px
}

.calender2 .part2 .hd .p {
    margin-top: 20px
}

.calender2 .part2 .list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender2 .part2 .list .item {
    width: calc(50% - 35px)
}

.calender2 .part2 .list .item:nth-child(n+3) {
    margin-top: 2.5em
}

.calender2 .part2 .list .item .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .calender2 .part2 .list .item .h {
        font-size:18px
    }
}

.calender2 .part2 .list .item .p {
    margin-top: 15px;
    line-height: 1.8
}

.calender2 .part2 .list .item .p span {
    margin-right: 1.1em;
    color: #fff
}

.calender2 .part2 .list .item .p span.now {
    color: #7ba0d4;
    display: inline-block
}

.calender2 .part3 {
    padding-top: 144px
}

.calender2 .part3 .img {
    margin-top: 60px
}

.calender2 .part3 .img img {
    width: 100%;
    display: block
}

@media screen and (min-width: 1025px) {
    .calender1 .nav span:hover {
        background:#b50022;
        border-color: #b50022;
        color: #fff
    }
}

@media screen and (max-width: 1500px) {
    .calender1 {
        padding:100px 0 0
    }

    .calender3 {
        padding: 100px 0 0
    }

    .calender1 .info {
        margin-top: 80px
    }

    .calender1 .info .text {
        padding: 10px 80px
    }

    .calender1 .list .item {
        padding: 30px
    }

    .calender2 {
        padding: 100px 0 11%
    }
}

@media screen and (max-width: 1300px) {
    .calender1 {
        padding:80px 0 0
    }

    .calender3 {
        padding: 80px 0
    }

    .calender1 .info {
        margin-top: 60px
    }

    .calender1 .info .text {
        padding: 10px 40px
    }

    .calender1 .list .item li {
        font-size: 16px
    }

    .calender1 .info .logo {
        width: 160px
    }

    .calender1 .info .logo img {
        width: 70px
    }

    .calender1 .letters a {
        margin: 0 8px
    }

    .calender1 .info .text .ul .li {
        width: 50%
    }

    .calender1 .nav {
        margin-top: 50px
    }

    .calender2 {
        padding: 80px 0 11%
    }

    .calender2 .part2 {
        display: block;
        margin-top: 50px
    }

    .calender2 .part2 .hd {
        width: auto
    }

    .calender2 .part2 .list {
        margin-top: 30px
    }

    .calender2 .part3 {
        padding-top: 50px
    }

    .calender2 .part3 .img {
        margin-top: 40px
    }
}

@media screen and (max-width: 1041px) {
    .calender1 .list .item {
        width:calc(50% - 20px)
    }
}

@media screen and (max-width: 1023px) {
    .calender1 {
        padding:62px 0 0
    }

    .calender1 .info {
        margin-top: 30px
    }

    .calender1 .info .logo {
        width: 100px
    }

    .calender1 .info .text {
        padding: 10px 0 10px 30px
    }

    .calender1 .info .text .ul {
        margin-top: 20px
    }

    .calender1 .letters a {
        font-size: 16px
    }

    .calender2 {
        padding: 40px 0 10%
    }

    .calender2 .part2 .list .item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 767px) {
    .calender1 .info {
        padding-bottom:20px
    }

    .calender1 .info .logo {
        display: none
    }

    .calender1 .info .text {
        padding: 0
    }

    .calender1 .info .text .ul .li {
        width: 100%;
        margin-bottom: 10px
    }

    .calender1 .letters {
        margin: 25px 0
    }

    .calender1 .list {
        display: block;
        overflow: auto;
        max-height: 120vw
    }

    .calender1 .list .item {
        width: auto;
        margin: 0 !important;
        padding: 20px;
        position: static;
        visibility: visible;
        opacity: 1
    }

    .calender1 .list .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .calender1 .nav {
        display: none
    }

    .calender2 {
        padding-top: 62px
    }

    .calender2 .map {
        margin-top: 20px
    }

    .calender2 .part2 .list {
        display: block
    }

    .calender2 .part2 .list .item {
        width: auto
    }

    .calender2 .part2 .list .item:nth-child(n+2) {
        margin-top: 15px
    }

    .calender2 .part3 .img {
        margin-top: 20px
    }

    .calender3 {
        padding-bottom: 40px;
        padding-top: 62px
    }

    .calender3 .map {
        margin-top: 20px
    }
}

.cooperation {
    background: #f5f5f5;
    padding: 0 0 220px
}

.cooperation .x-wrap {
    padding-top: 100px
}

.cooperation .recom {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .recom .l {
    position: relative;
    width: 50%
}

.cooperation .recom .l .focus {
    position: relative;
    height: 100%
}

.cooperation .recom .l .focus .frame {
    height: 100%
}

.cooperation .recom .l .focus .child {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cooperation .recom .l .focus .slick-list,.cooperation .recom .l .focus .slick-track,.cooperation .recom .l .focus .slick-slide,.cooperation .recom .l .focus .slick-slide>div {
    height: 100%
}

.cooperation .recom .l .focus .nav {
    position: absolute;
    right: 0;
    top: 55%;
    z-index: 1
}

.cooperation .recom .l .focus .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px
}

.cooperation .recom .l .focus .nav ul li {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #fff;
    list-style: none
}

.cooperation .recom .l .focus .nav ul li:nth-child(n+2) {
    margin-left: 20px
}

.cooperation .recom .l .focus .nav ul li.slick-active {
    border-color: #bd002d;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cooperation .recom .l .focus .nav ul li.slick-active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #bd002d;
    border-radius: 100%;
    display: block
}

.cooperation .recom .l .pic {
    position: relative;
    overflow: hidden
}

.cooperation .recom .l .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .l .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .l .text {
    padding: 35px;
    background: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cooperation .recom .l .text .date {
    color: #b50023;
    font-size: 24px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date {
        font-size:18px
    }
}

.cooperation .recom .l .text .date b {
    font-size: 48px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date b {
        font-size:28px
    }
}

.cooperation .recom .l .text .h {
    font-size: 20px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .h {
        font-size:18px
    }
}

.cooperation .recom .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px
}

.cooperation .recom .r .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    position: relative
}

.cooperation .recom .r .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .recom .r .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .recom .r .item .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.cooperation .recom .r .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .r .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .r .item .text {
    padding: 0 35px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cooperation .recom .r .item .text .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .h {
        font-size:16px
    }
}

.cooperation .recom .r .item .text .date {
    font-family: tj;
    font-size: 18px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .date {
        font-size:16px
    }
}

.cooperation .list {
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .list .item {
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 204px
}

.cooperation .list .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .list .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .list .item .pic {
    position: relative;
    overflow: hidden;
    width: 370px
}

.cooperation .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .list .item .text {
    padding: 0 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.cooperation .list .item .text .date {
    font-family: tj;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .date {
        font-size:16px
    }
}

.cooperation .list .item .text .h {
    font-size: 20px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }
}

.cooperation .list .item .text .p {
    margin-top: 10px;
    color: #707070
}

@media screen and (min-width: 1025px) {
    .cooperation .recom .r .item:hover::after {
        opacity:1
    }

    .cooperation .recom .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover::after {
        opacity: 1
    }
}

@media screen and (max-width: 1500px) {
    .cooperation {
        padding:0 0 180px
    }

    .cooperation .recom {
        margin-top: 50px
    }

    .cooperation .recom .r {
        margin-left: 20px
    }
}

@media screen and (max-width: 1400px) {
    .cooperation .recom .l .text {
        padding:20px
    }

    .cooperation .recom .l .text .date {
        font-size: 18px
    }

    .cooperation .recom .l .text .date b {
        font-size: 34px
    }

    .cooperation .list .item .text {
        padding: 30px 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 18px
    }

    .cooperation .recom .r .item .text {
        padding: 0 20px
    }

    .cooperation .recom .r .item .text .h {
        font-size: 16px
    }

    .cooperation .recom .r .item .text .date {
        font-size: 16px;
        margin-top: 5px
    }
}

@media screen and (max-width: 1300px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }

    .cooperation .list .item .text {
        padding: 15px 30px
    }
}

@media screen and (max-width: 1024px) {
    .cooperation {
        padding:0 0 80px
    }

    .cooperation .x-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .cooperation .recom {
        margin-top:30px;
        display: block
    }

    .cooperation .recom .l {
        width: auto
    }

    .cooperation .recom .r {
        margin: 15px 0 0
    }

    .cooperation .list {
        margin-top: 30px
    }

    .cooperation .list .item {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: 40%
    }

    .cooperation .list .item .text .p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .cooperation .recom .l .focus .nav {
        top: 65%
    }
}

@media screen and (max-width: 767px) {
    .cooperation .x-wrap {
        padding-top:40px
    }

    .cooperation {
        padding: 0 0 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 16px;
        margin-top: 5px
    }

    .cooperation .recom .l .focus .nav {
        top: 60%
    }

    .cooperation .recom .r .item {
        display: block
    }

    .cooperation .recom .r .item .pic {
        width: auto
    }

    .cooperation .recom .r .item .text {
        padding: 15px
    }

    .cooperation .list {
        display: block
    }

    .cooperation .list .item {
        padding: 0;
        min-height: 0;
        display: block
    }

    .cooperation .list .item .text {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: auto
    }

    .cooperation .list .item .text .h {
        font-size: 14px
    }

    .cooperation .list .item .text .date,.cooperation .list .item .text .p,.cooperation .recom .r .item .text .date {
        font-size: 14px
    }
}

@media screen and (max-width: 567px) {
    .cooperation .recom .l .focus .nav {
        top:55%
    }
}

@media screen and (max-width: 467px) {
    .cooperation .recom .l .focus .nav {
        top:40%
    }
}

.data {
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    color: #fff
}

.data .back {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #96ae94
}

.data .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.data .back img {
    margin-right: 15px
}

.data .back span {
    font-family: sh;
    font-size: 1.1vw;
    line-height: 1;
    letter-spacing: 3px
}

body:not(.lang-en) .data .back span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.data .list {
    height: 100%
}

.data .list .item {
    border: 1px solid rgba(255,255,255,0.4);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    opacity: 0;
    border-radius: 100%
}

.data .list .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    border-radius: 100%;
    -webkit-transition: all 2s ease-out 0s;
    transition: all 2s ease-out 0s
}

.data .list .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/by/pic21.jpg) no-repeat center center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 100%
}

.data .list .item .bg.s {
    opacity: 1
}

.data .list .item:nth-child(7) {
    width: 20vw;
    height: 20vw;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.data .list .item:nth-child(7) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(1) span {
    padding-right: 0.2em;
    top: -0.35em;
    right: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(2) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(2) span {
    left: 100%;
    padding-left: 0.2em;
    top: -0.35em
}

.data .list .item:nth-child(7) .dot:nth-child(3) {
    left: 50%;
    top: 0%
}

.data .list .item:nth-child(7) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(7) .dot:nth-child(4) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(4) span {
    top: 100%;
    padding-top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) {
    width: 29vw;
    height: 29vw;
    border-color: rgba(255,255,255,0.35);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.data .list .item:nth-child(6) .dot:nth-child(1) {
    left: 17%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(1) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(2) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(6) .dot:nth-child(2) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(3) {
    left: 83%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(3) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(5) {
    width: 38.5vw;
    height: 38.5vw;
    border-color: rgba(255,255,255,0.3);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.data .list .item:nth-child(5) .dot:nth-child(1) {
    left: 10%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(1) span {
    top: -0.6em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(5) .dot:nth-child(2) {
    left: 33%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(2) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.5em
}

.data .list .item:nth-child(5) .dot:nth-child(3) {
    left: 66%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.1em
}

.data .list .item:nth-child(5) .dot:nth-child(4) {
    left: 90%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(4) span {
    top: -0.6em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(4) {
    width: 48.5vw;
    height: 48.5vw;
    border-color: rgba(255,255,255,0.25);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.data .list .item:nth-child(4) .dot:nth-child(1) {
    left: 1%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(1) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(2) {
    left: 99%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(2) span {
    top: -0.3em;
    left: 100%;
    padding-left: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(3) {
    left: 13%;
    top: 84%
}

.data .list .item:nth-child(4) .dot:nth-child(3) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(3) {
    width: 61vw;
    height: 61vw;
    border-color: rgba(255,255,255,0.2);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.data .list .item:nth-child(3) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(3) .dot:nth-child(1) span {
    top: -0.3em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(2) {
    width: 75vw;
    height: 75vw;
    border-color: rgba(255,255,255,0.15);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.data .list .item:nth-child(2) .dot:nth-child(1) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(2) .dot:nth-child(1) span {
    top: -0.3em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(1) {
    width: 92.5vw;
    height: 92.5vw;
    border-color: rgba(255,255,255,0.1);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.data .list .item.cc .t {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.data .list .item.cc .content {
    height: 100%
}

.data .list .item.cc .content .d {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1vw;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.data .list .item.cc .content .d.s {
    opacity: 1
}

.data .list .item.cc .content .d b {
    color: #ffec82;
    font-family: Impact;
    margin: 0 8px;
    line-height: 1.2;
    font-size: 1.6em
}

.data .list .item.cc.s .bg {
    opacity: 1
}

.data .list .item.cc.s .t {
    opacity: 0
}

.data .list .dot {
    width: 26px;
    height: 26px;
    position: absolute;
    margin: -13px 0 0 -13px;
    cursor: pointer;
    font-size: 2.4vw;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/by/png37.png) no-repeat center center/contain;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot span {
    position: absolute;
    font-family: Impact;
    line-height: 1;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot.h {
    opacity: 0.2
}

.data.showd .list .item {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

@media screen and (min-width: 1025px) {
    .data .list .item:hover::before {
        -webkit-transform:rotate(30deg);
        transform: rotate(30deg)
    }

    .data .list .dot:hover {
        opacity: 1
    }

    .data .list .dot:hover::before {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (max-width: 1023px) {
    .data {
        background-image:url(../image/by/bg9b.jpg)
    }

    .data .back {
        position: absolute;
        left: 0;
        top: 10%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #96ae94;
        background: #2e4a38;
        padding: 12px 15px 12px 0;
        border-radius: 0 10px 10px 0
    }

    .data .back img {
        margin-right: 5px;
        width: 10px
    }

    .data .back span {
        font-size: 14px
    }

    .data .list .item:nth-child(1) {
        width: 90vw;
        height: 90vw;
        border-color: rgba(255,255,255,0.1)
    }

    .data .list .item:nth-child(2) {
        width: 80vw;
        height: 80vw;
        border-color: rgba(255,255,255,0.12)
    }

    .data .list .item:nth-child(3) {
        width: 70vw;
        height: 70vw;
        border-color: rgba(255,255,255,0.15)
    }

    .data .list .item:nth-child(4) {
        width: 60vw;
        height: 60vw;
        border-color: rgba(255,255,255,0.16)
    }

    .data .list .item:nth-child(5) {
        width: 50vw;
        height: 50vw;
        border-color: rgba(255,255,255,0.17)
    }

    .data .list .item:nth-child(6) {
        width: 40vw;
        height: 40vw;
        border-color: rgba(255,255,255,0.18)
    }

    .data .list .item:nth-child(7) {
        width: 30vw;
        height: 30vw;
        border-color: rgba(255,255,255,0.2)
    }

    .data .list .item {
        background-image: url(../image/by/bg9b.jpg)
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) {
        left: 0;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) span {
        padding-right: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        right: 100%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) {
        left: 100%;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) span {
        left: 100%;
        padding-left: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(3) {
        left: 50%;
        top: -1%
    }

    .data .list .item:nth-child(7) .dot:nth-child(4) {
        left: 50%;
        top: 99%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) {
        left: 10%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) span {
        top: 100%;
        padding-top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) {
        left: 50%;
        top: 100%
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) {
        left: 90%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) {
        left: 10%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-right: 0.2em;
        right: 100%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) {
        left: 33%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) span {
        bottom: 100%;
        padding-bottom: 0;
        left: -0.5em
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) {
        left: 66%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) span {
        bottom: 100%;
        padding-bottom: 0.2em;
        left: -0.1em
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) {
        left: 90%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-left: 0.2em;
        left: 100%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) {
        left: 17%;
        top: 87%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) span {
        top: 0.3em;
        right: 100%;
        padding-right: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) {
        left: 83%;
        top: 11%
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 100%;
        padding-left: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(3) {
        left: 6%;
        top: 73%
    }

    .data .list .item:nth-child(3) .dot:nth-child(1) span {
        right: 80%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) {
        left: 67%;
        top: 97%
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) span {
        left: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .dot {
        font-size: 5vw;
        width: 20px;
        margin: -10px 0 0 -10px
    }

    .data .list .item.cc .content .d {
        font-size: 10px
    }
}

.education_teaching1 {
    padding-top: 145px
}

.education_teaching1 .cont {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .child+.child {
    margin-left: 1.333%
}

.education_teaching1 .cont .child:first-child {
    width: 54.455%
}

.education_teaching1 .cont .child:nth-child(2) {
    width: 25.733%
}

.education_teaching1 .cont .child:last-child {
    width: 17.178%
}

.education_teaching1 .cont .item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    position: relative;
    margin-top: 20px
}

.education_teaching1 .cont .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.education_teaching1 .cont .i1 {
    background-image: url(../image/lys/jpg26-1.jpg);
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i3 {
    background-image: url(../image/lys/jpg27-1.jpg);
    padding-bottom: 49.325%
}

.education_teaching1 .cont .i4 {
    background-image: url(../image/lys/jpg28-1.jpg);
    padding-bottom: 105.454%
}

.education_teaching1 .cont .i7 {
    background-image: url(../image/lys/jpg29-1.jpg);
    padding-bottom: 156.42%
}

.education_teaching1 .cont .i2 {
    background-color: #c9784b;
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i5 {
    background-image: url(../image/lys/jpg99-1.jpg);
    padding-bottom: 67.013%
}

.education_teaching1 .cont .i6 {
    background-image: url(../image/lys/jpg98-1.jpg);
    padding-bottom: 101.945%
}

.education_teaching1 .cont .t1 span {
    font-family: tj;
    font-size: 60px;
    line-height: 1.2;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 span {
        font-size:30px
    }
}

.education_teaching1 .cont .ctop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .ctop .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching1 .cont .ctop .item+.item {
    margin-left: 20px
}

.education_teaching1 .cont .t1 {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 {
        font-size:18px
    }
}

.education_teaching1 .cont .t2 {
    font-size: 20px;
    margin-top: 7px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:18px
    }
}

.education_teaching1 .cont .i4 .t2,.education_teaching1 .cont .i7 .t2 {
    width: 8em
}

.education_teaching2 {
    padding: 145px 0 140px
}

.education_teaching2 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 78px
}

.education_teaching2 .cont .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.education_teaching2 .cont .li+.li {
    margin-left: 30px
}

.education_teaching2 .cont .imgbox {
    position: relative
}

.education_teaching2 .cont .imgbox .ri {
    position: absolute;
    width: 102.832%;
    padding-bottom: 102.832%;
    position: absolute;
    top: -9%;
    left: -2.2%
}

.education_teaching2 .cont .imgbox .ri::after {
    content: '';
    background: url(../image/lys/png29.png) no-repeat center;
    background-size: contain;
    z-index: 2;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: ro 6s linear 0s infinite;
    animation: ro 6s linear 0s infinite;
    opacity: 0;
    visibility: hidden
}

.education_teaching2 .cont .imgbox .ri::before {
    content: '';
    width: 97.245%;
    padding-bottom: 97.245%;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.education_teaching2 .cont .img {
    width: 87.252%;
    position: relative;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    margin: auto
}

.education_teaching2 .cont .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.education_teaching2 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching2 .cont .p {
    font-family: sh;
    font-size: 30px;
    margin-top: 54px
}

@media screen and (max-width: 768px) {
    .education_teaching2 .cont .p {
        font-size:22px
    }
}

.education_teaching3 {
    padding: 140px 0 170px;
    background-color: #f5f5f5
}

.education_teaching3 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.education_teaching3 .cont .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
    background-color: #668863;
    overflow: hidden;
    border-radius: 0 0 30px 0;
    position: relative;
    padding: 47px 65px 73px
}

.education_teaching3 .cont .item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18.911%;
    border-left: 1px solid #668863;
    z-index: 1
}

.education_teaching3 .cont .item:first-child {
    margin-left: 0;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child::after {
    border-color: #95ae93
}

.education_teaching3 .cont .icon {
    width: 14.285%;
    position: absolute;
    top: 50%;
    right: 11.972%;
    padding: 6px 0 11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child .icon {
    background-color: #668863
}

.education_teaching3 .cont .icon img {
    display: block;
    width: 100%
}

.education_teaching3 .cont .i_tit {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .i_tit {
        font-size:22px
    }
}

.education_teaching3 .cont .list {
    margin-top: 35px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .list {
        font-size:18px
    }
}

.education_teaching3 .cont .list .li+.li {
    margin-top: 18px
}

.education_teaching3 .cont .list .li a {
    display: inline-block;
    padding-left: 17px;
    position: relative
}

.education_teaching3 .cont .list .li a::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
}

.education_teaching4 {
    background-color: #f5f5f5;
    padding: 0 0 280px;
    background: #f5f5f5 url(../image/lys/jpg37.jpg) no-repeat center 353px;
    margin-bottom: -132px
}

.education_teaching4 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching4 .cont .item {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching4 .cont .item::before {
    content: '';
    display: block;
    padding-top: 53.125%
}

.education_teaching4 .cont .item .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching4 .cont .item+.item {
    margin-left: 30px
}

@media screen and (min-width: 1025px) {
    .education_teaching2 .cont .li:hover .ri::after {
        opacity:1;
        visibility: visible
    }

    .education_teaching2 .cont .li:hover .ri::before {
        border-color: #44a3e6
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching1 {
        padding-top:60px
    }

    .education_teaching2 {
        padding: 80px 0
    }

    .education_teaching1 .cont .t1 span {
        font-size: 40px
    }

    .education_teaching1 .cont .t2 {
        font-size: 18px
    }
}

@media screen and (max-width: 1300px) and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching3 {
        padding-top:70px
    }

    .education_teaching4 {
        padding: 0 0 160px;
        background-position-y: 280px
    }
}

@media screen and (max-width: 1024px) {
    .education_teaching1 .cont {
        padding-top:10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching1 .cont .i6 {
        display: none
    }

    .education_teaching1 .cont .child+.child {
        margin: 0
    }

    .education_teaching1 .cont .child:first-child {
        width: 66.5%
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: calc(33.5% - 20px);
        margin-left: 20px
    }

    .education_teaching1 .cont .child:last-child {
        width: 100%
    }

    .education_teaching1 .cont .i7 {
        padding-bottom: 20%
    }

    .education_teaching2 .cont {
        margin-top: 35px
    }

    .education_teaching2 .cont .p {
        margin-top: 30px
    }

    .education_teaching3 {
        padding-bottom: 70px
    }

    .education_teaching3 .cont .item {
        padding: 40px 30px 60px
    }

    .education_teaching3 .cont .icon {
        width: 50px
    }

    .education_teaching3 .cont .list {
        margin-top: 20px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 10px
    }

    .education_teaching4 {
        margin: 0;
        padding-bottom: 120px
    }

    .education_teaching3 .cont .icon {
        right: 50px
    }

    .education_teaching3 .cont .item::after {
        right: 75px
    }
}

@media screen and (max-width: 767px) {
    .education_teaching1 .cont {
        display:block
    }

    .education_teaching1 .cont .child:first-child {
        width: 100%
    }

    .education_teaching1 .cont .t1 span {
        font-size: 30px
    }

    .education_teaching1 .cont .t2 {
        line-height: 1.4
    }

    .education_teaching1 .cont .inner {
        padding: 0 15px
    }

    .education_teaching1 .cont .item {
        margin-top: 10px
    }

    .education_teaching1 .cont .ctop .item,.education_teaching1 .cont .i3 {
        padding-bottom: 40%
    }

    .education_teaching1 .cont .ctop .item+.item {
        margin-left: 10px
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: 100%;
        margin: 0
    }

    .education_teaching1 .cont .i4,.education_teaching1 .cont .i5,.education_teaching1 .cont .i7 {
        padding-bottom: 40%
    }

    .education_teaching2 {
        padding: 60px 0 20px
    }

    .education_teaching2 .cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching2 .cont .li {
        width: 48%;
        margin: 0 4% 30px 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .education_teaching2 .cont .li+.li {
        margin-right: 4%;
        margin-left: 0
    }

    .education_teaching2 .cont .li:nth-child(2n) {
        margin-right: 0
    }

    .education_teaching2 .cont .p {
        margin-top: 20px
    }

    .education_teaching3 {
        padding: 60px 0
    }

    .education_teaching3 .cont {
        margin-top: 30px;
        display: block
    }

    .education_teaching3 .cont .item {
        margin: 20px 0 0;
        padding: 20px 20px 30px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 5px
    }

    .education_teaching3 .cont .list {
        margin-top: 10px
    }

    .education_teaching4 {
        padding: 60px 0 80px;
        background-size: cover
    }

    .education_teaching4 .cont {
        margin-top: 20px;
        display: block
    }

    .education_teaching4 .cont .item {
        width: 100%
    }

    .education_teaching4 .cont .item+.item {
        margin: 20px 0 0
    }
}

.figure {
    padding: 120px 0 150px;
    background: #f5f5f5 url(../image/lys/jpg25.jpg) no-repeat top center;
    margin-bottom: -132px
}

.figure .tab-mod .inner {
    width: 6em
}

.figure .tabcont {
    margin-top: 30px;
    position: relative
}

.figure .tabcont .pbox .p+.p {
    margin-top: 10px
}

.figure .tabcont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 55px
}

.figure .tabcont .list .li {
    width: calc((100% - 80px) / 5);
    margin: 20px 20px 0 0
}

.figure .tabcont .list .li:nth-child(5n) {
    margin-right: 0
}

.figure .tabcont .list .img {
    position: relative;
    overflow: hidden
}

.figure .tabcont .list .img::before {
    content: '';
    display: block;
    padding-top: 116.96113%
}

.figure .tabcont .list .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.figure .tabcont .list .name {
    font-size: 24px;
    text-align: center;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .figure .tabcont .list .name {
        font-size:18px
    }
}

.figure .load_more {
    margin-top: 70px
}

.figure .load_more img {
    margin-right: 15px
}

.figure .load_more span {
    width: auto;
    height: auto;
    border: none;
    border-radius: 0
}

@media screen and (max-width: 1300px) {
    .figure {
        padding-top:80px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 60px) / 4)
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 20px
    }

    .figure .tabcont .list .li:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .figure {
        margin:0;
        padding-bottom: 70px
    }
}

@media screen and (max-width: 767px) {
    .figure {
        padding-top:50px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 10px) / 2);
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(2n) {
        margin-right: 0
    }

    .figure .tabcont {
        margin-top: 20px
    }

    .figure .tabcont .pbox .p+.p {
        margin-top: 5px
    }

    .figure .tabcont .list {
        padding-top: 25px
    }

    .figure .tabcont .list .name {
        margin-top: 10px
    }

    .figure .load_more {
        margin-top: 30px
    }
}

.first_class1 {
    padding: 150px 0;
    background: url(../image/lys/jpg96.jpg) no-repeat center;
    overflow: hidden
}

.first_class1 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.first_class1 .img {
    width: 34.6666666%;
    height: 783px;
    background: url() no-repeat center;
    background-size: cover
}

.first_class1 .r-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-left: 40px;
    padding-top: 7px
}

.first_class1 .title {
    position: relative;
    z-index: 2
}

.first_class1 .cont {
    position: relative;
    margin-top: 23px;
    padding: 61px 0;
    z-index: 1
}

.first_class1 .line-box {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.first_class1 .line-box::after,.first_class1 .line-box::before {
    content: '';
    position: absolute;
    top: -250px;
    bottom: -250px;
    left: 100%;
    border-right: 1px solid #f1c3c3
}

.first_class1 .line-box::before {
    right: auto;
    left: 0
}

.first_class1 .line-box .item {
    width: 25%;
    border-left: 1px solid #f1c3c3;
    position: relative
}

.first_class1 .line-box .item .zs {
    position: absolute;
    left: 100%;
    top: -4px;
    z-index: 9
}

.first_class1 .line-box .item .zs::before {
    content: '';
    display: block;
    border-left: 1px solid #af213c;
    height: 9px
}

.first_class1 .line-box .item .zs::after {
    content: '';
    position: absolute;
    bottom: 4px;
    width: 9px;
    border-top: 1px solid #af213c;
    left: -4px
}

.first_class1 .line-box .item .zs:nth-child(2) {
    top: auto;
    bottom: -4px
}

.first_class1 .line-box .item:nth-child(3)::before,.first_class1 .line-box .item:nth-child(3)::after {
    content: '';
    width: 1240px;
    height: 70px;
    background: rgba(202,160,158,0.3);
    position: absolute;
    right: 100%;
    bottom: 100%
}

.first_class1 .line-box .item:nth-child(3)::after {
    top: 100%;
    bottom: auto;
    left: 100%;
    right: auto;
    width: 445px
}

.first_class1 .line-box .h-line {
    border-top: 1px solid #f1c3c3;
    position: absolute;
    top: 0;
    width: 1920px;
    right: -210px
}

.first_class1 .line-box .h-line.b {
    top: auto;
    bottom: 0
}

.first_class1 .list {
    font-size: 24px;
    font-family: 'sh';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .first_class1 .list {
        font-size:18px
    }
}

.first_class1 .list .li {
    width: 25%;
    padding: 41px 15px;
    position: relative
}

.first_class1 .list .li::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border-left: 3px solid #af213c;
    height: 20px;
    border-radius: 99px
}

.first_class-bg {
    background: #fcfbf8
}

.first_class2 {
    padding-top: 142px;
    background: url(../image/xf/bg27.jpg) center top no-repeat;
    color: #fff
}

.first_class2 .title {
    text-align: center
}

.first_class2 .unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

.first_class2 .unit-item {
    padding: 60px 70px;
    width: 50%
}

.first_class2 .unit-item:nth-child(1) {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(1) .unit-tit .t {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(2) {
    background-color: #5c7557
}

.first_class2 .unit-item:nth-child(2) .unit-tit .t {
    background-color: #5c7557
}

.first_class2 .unit-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.first_class2 .unit-tit .t {
    position: relative;
    padding-right: 20px;
    font-family: sh;
    font-size: 30px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .first_class2 .unit-tit .t {
        font-size:22px
    }
}

.first_class2 .unit-tit .more1 {
    margin-left: auto
}

.first_class2 .unit-tit .more1::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 9999px;
    border-top: 1px solid #95ae93
}

.first_class2 .ol {
    position: relative;
    margin-top: 40px
}

.first_class2 .ol::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    border-left: 1px solid #5f7a59
}

.first_class2 .ol .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 14px 0;
    padding-left: 55px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ol .li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 48px;
    border: 1px solid #5f7a59;
    border-right: 0
}

.first_class2 .ol .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px;
    font-family: tj
}

.first_class2 .ol .b {
    font-size: 60px;
    line-height: 1
}

.first_class2 .ol .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 0;
    line-height: 1.75
}

.first_class2 .ol .link {
    display: block;
    height: 3.5em;
    overflow: hidden
}

.first_class2 .ol .arr {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 15px;
    width: 47px;
    height: 9px;
    background: url(../image/xf/png46.png);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ul {
    margin-top: 30px
}

.first_class2 .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0;
    border-top: 1px solid rgba(149,174,147,0.4);
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .first_class2 .ul .li {
        font-size:16px
    }
}

.first_class2 .ul .li:first-child {
    border-top: 0
}

.first_class2 .ul .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    font-family: tj;
    line-height: 1.8
}

.first_class2 .ul .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 58px
}

.first_class3 {
    background: url() no-repeat center;
    padding: 150px 0
}

.first_class3 .cont {
    position: relative
}

.first_class3 .cont img {
    max-width: 100%;
    display: block;
    margin: auto
}

.first_class3 .cont .title-box {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.first_class3 .more1 {
    margin-top: 38px
}

.first_class3 .more1::before {
    background-color: #466685;
    border-color: #466685;
    background-image: url(../image/more1a.png)
}

.first_class4 {
    padding: 150px 0;
    background: url(../image/xf/img86.jpg) center top no-repeat;
    color: #fff
}

.first_class4 .title {
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    line-height: 1
}

.first_class4 .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 156px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .li {
    padding-right: 28px;
    width: 33.33%
}

.first_class4 .ul .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .tit {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 120px;
    min-width: 50px;
    text-align: center
}

.first_class4 .ul .n {
    font-family: tj;
    font-size: 50px
}

.first_class4 .ul .n::after {
    content: '';
    display: block;
    margin: auto;
    width: 0;
    height: 215px;
    border-left: 1px solid rgba(255,255,255,0.3)
}

.first_class4 .ul .t {
    margin: auto;
    margin-top: 30px;
    width: 1em;
    font-family: sh;
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .first_class4 .ul .t {
        font-size:18px
    }
}

.first_class4 .ul .img {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 300px
}

.first_class4 .ul .img::before {
    content: '';
    display: block;
    padding-top: 190.66667%
}

.first_class4 .ul .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

@media screen and (min-width: 1025px) {
    .first_class1 .ul1 .li:hover {
        color:#fff
    }

    .first_class1 .ul1 .li:hover .cir::before {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .cir::after {
        opacity: 1
    }

    .first_class1 .ul1 .li:hover .lv {
        color: #7c3030;
        opacity: 0.5
    }

    .first_class1 .ul1 .li:hover .line {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(1) {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(2) {
        opacity: 1
    }

    .first_class2 .ol .li:hover {
        margin-bottom: 26px
    }

    .first_class2 .ol .li:hover::before {
        border-width: 2px;
        border-right: 0
    }

    .first_class2 .ol .li:hover .arr {
        opacity: 1;
        visibility: visible
    }

    .first_class3 .unit .li:hover {
        background-color: #5b7897
    }

    .first_class3 .unit .more1:hover::before {
        background-color: #aa1332;
        background-image: url(../image/more1a.png);
        border-color: #aa1332
    }
}

@media screen and (max-width: 1600px) {
    .first_class4 .ul {
        margin-right:60px
    }

    .first_class4 .ul .n::after {
        height: 10vw
    }
}

@media screen and (max-width: 1280px) {
    .first_class1 .list .li {
        padding:30px 15px
    }

    .first_class4 .title {
        position: static;
        width: 100%;
        text-align: center
    }

    .first_class4 .ul {
        margin: 0;
        margin-top: 50px;
        width: 100%
    }

    .first_class4 .ul .li:nth-child(n) {
        padding: 0;
        width: 33.33%
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }
}

@media screen and (max-width: 1400px) {
    .first_class1 .img {
        width:30%
    }
}

@media screen and (max-width: 1300px) {
    .first_class1 {
        padding:60px 0
    }

    .first_class2 {
        padding: 60px 0 0
    }

    .first_class3 {
        padding: 60px 0
    }

    .first_class4 {
        padding-top: 60px
    }
}

@media screen and (max-width: 1024px) {
    .first_class2 .unit {
        display:block;
        margin-top: 50px
    }

    .first_class2 .unit-item {
        padding: 50px;
        width: 100%
    }

    .first_class2 .ol {
        margin-top: 30px
    }

    .first_class2 .ol::before {
        display: none
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ol .li::before {
        display: none
    }

    .first_class2 .ol .d {
        margin-right: 10px
    }

    .first_class2 .ol .b {
        font-size: 30px
    }

    .first_class2 .ul {
        margin-top: 30px
    }

    .first_class3 .unit .view {
        text-align: left
    }

    .first_class3 .unit .more1 {
        margin-left: 5%
    }
}

@media screen and (max-width: 1023px) {
    .first_class1 .img {
        display:none
    }

    .first_class1 .r-box {
        margin-left: 0
    }

    .first_class1 .cont {
        padding: 15px 0
    }

    .first_class1 .list .li {
        padding: 15px
    }

    .first_class3 {
        background-size: cover
    }

    .first_class3 .more1 {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .first_class1 {
        padding:60px 0 50px
    }

    .first_class1 .line-box .item {
        width: 50%
    }

    .first_class1 .line-box .item:nth-child(1),.first_class1 .line-box .item:nth-child(2) {
        display: none
    }

    .first_class1 .line-box .item:nth-child(3)::before {
        right: 0
    }

    .first_class1 .list .li {
        width: 50%;
        padding: 10px 15px
    }

    .first_class2 {
        padding-top: 60px
    }

    .first_class2 .unit {
        margin-top: 20px
    }

    .first_class2 .unit-item {
        padding: 20px
    }

    .first_class2 .ol {
        margin-top: 20px
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ul {
        margin-top: 10px
    }

    .first_class2 .ul .li {
        padding: 15px 0
    }

    .first_class3 {
        padding: 60px 0 50px
    }

    .first_class3 .unit {
        margin-top: 20px;
        padding-top: 0
    }

    .first_class3 .unit .ul {
        display: block;
        margin-left: 0;
        padding: 20px 0;
        background: #476585
    }

    .first_class3 .unit .li {
        width: 100%
    }

    .first_class3 .unit .link {
        padding: 10px 20px
    }

    .first_class3 .unit .view {
        position: static;
        margin-right: 0
    }

    .first_class4 {
        padding: 60px 0 50px;
        background-size: cover
    }

    .first_class4 .ul {
        display: block;
        margin-top: 30px
    }

    .first_class4 .ul .li:nth-child(n) {
        margin-bottom: 20px;
        width: 100%
    }

    .first_class4 .ul .tit {
        width: 4em
    }

    .first_class4 .ul .img {
        margin-right: 10px
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }

    .first_class3 .unit .view {
        text-align: center
    }

    .first_class3 .unit .more1 {
        margin-left: 0%
    }

    .first_class2 .ul .t {
        height: auto
    }
}

.nav_history {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    color: #c98787;
    text-align: right;
    font-size: 14px;
    pointer-events: none;
    display: none
}

.nav_history::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 4px;
    background: url(../image/by/png35.png) repeat-y center center;
    width: 3px
}

.nav_history .item {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav_history .item span {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.nav_history .item.now span {
    opacity: 1
}

.nav_history .item::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #c98787;
    -webkit-transform: rotate(45deg) translateY(2px);
    transform: rotate(45deg) translateY(2px);
    margin-left: 20px
}

.nav_history .item:first-child {
    margin-top: 0
}

.history0 {
    position: relative;
    color: #fff
}

.history0 .bg {
    display: block;
    width: 100%;
    height: auto
}

.history0 .bg.m-show {
    display: none
}

.history0 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 9
}

.history0 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history0 .back img {
    margin-left: 15px
}

.history0 .x-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history0 .pad {
    width: 370px
}

.history0 .p-box {
    font-size: 18px;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .history0 .p-box {
        font-size:16px
    }
}

body:not(.lang-en) .history0 .p-box {
    text-align: justify;
    text-justify: inter-ideograph
}

.history0 .p-box .p+.p {
    margin-top: 15px
}

.history0 .more1 {
    padding: 0 70px 0 0;
    margin-top: 40px
}

.history0 .more1::before {
    left: auto;
    right: 0;
    background-color: #aa1332;
    border-color: #aa1332;
    background-image: url(../image/more1a.png)
}

.history1 {
    background: #fffcf6;
    padding: 150px 0;
    position: relative
}

.history1::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 66.6666666%;
    background: url(../image/by/bg4.jpg) no-repeat center left;
    background-size: cover
}

.history1 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history1 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 3
}

.history1 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history1 .back img {
    margin-left: 15px
}

.history1 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

.history1 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history1 .head .p {
        font-size:22px
    }
}

.history1 .head .r {
    margin-left: 60px
}

.history1 .head .code {
    background: #7c3030;
    color: #fff;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.history1 .head .code img {
    margin-left: 10px;
    max-width: 150px
}

.history1 .head .code .c {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px
}

.history1 .head .code:hover .c {
    display: block
}

.history1 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 50px;
    position: relative;
    z-index: 1
}

.history1 .tabs {
    border-left: 1px solid #aaa
}

.history1 .tabs .item {
    padding-left: 40px;
    position: relative;
    line-height: 1.1;
    margin-left: -1px;
    cursor: pointer
}

.history1 .tabs .item:nth-child(n+2) {
    margin-top: 1.5em
}

.history1 .tabs .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item.now {
    border-left: 2px solid #a91231;
    color: #a91231
}

.history1 .tabs .item.now::before {
    border-top: 2px solid #a91231
}

.history1 .tabs .item.now::after {
    border-top: 2px solid #a91231
}

.history1 .div {
    width: 50%;
    margin-top: -160px
}

.history1 .d {
    position: absolute;
    visibility: hidden;
    width: 100%;
    opacity: 0
}

.history1 .d.act {
    position: relative;
    visibility: visible;
    opacity: 1
}

.history1 .d .pic {
    width: 85%;
    background: url(../image/by/png19.png) no-repeat left bottom 15%/contain;
    padding: 5% 5% 8% 8%
}

.history1 .d .pic .frame {
    overflow: hidden
}

.history1 .d .pic .child {
    height: 100%
}

.history1 .d .pic .child .img {
    height: 100%
}

.history1 .d .pic img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.history1 .d .text {
    right: 100%;
    bottom: 0;
    position: absolute;
    width: 40%
}

body:not(.lang-en) .history1 .d .text {
    text-align: justify;
    text-justify: inter-ideograph
}

.history1 .d .text .more1 {
    margin-top: 25px
}

.history2 {
    background: #fffcf6;
    padding: 200px 0 350px;
    position: relative
}

.history2 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history2::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%
}

.history2 .map {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 49%;
    background: url(../image/by/png13.png) no-repeat center bottom/contain
}

.history2 .head {
    padding-left: 65%
}

.history2 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history2 .head .p {
        font-size:22px
    }
}

.history2 .focus {
    padding-left: 65%
}

.history2 .focus .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #ac9f92
}

.history2 .focus .nav span {
    font-family: xfont;
    width: 35px;
    height: 40px;
    position: relative;
    line-height: 40px;
    text-align: center;
    font-size: 20px
}

.history2 .focus .nav .next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #ac9f92
}

.history2 .focus .slick-list {
    overflow: visible
}

.history2 .focus .frame {
    margin-top: 10px
}

.history2 .focus .child {
    position: relative
}

.history2 .focus .child .h {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 30px;
    font-size: 24px;
    color: #495a47
}

body:not(.lang-en) .history2 .focus .child .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history2 .focus .child .h {
        font-size:18px
    }
}

.history2 .focus .child .pics {
    position: relative
}

.history2 .focus .child .pics .item:first-child {
    width: 100%;
    padding-top: 100%
}

.history2 .focus .child .pics .item:last-child {
    position: absolute;
    right: 85%;
    top: 60%;
    width: 65%
}

.history2 .focus .child .pics .item:last-child::after {
    content: "";
    background: #7c3030;
    width: 30%;
    padding-top: 30%;
    position: absolute;
    left: 100%;
    top: 100%
}

.history2 .focus .child .pics img {
    width: 100%;
    height: auto;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.history2 .focus .child .btns {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history2 .focus .child .btns a {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #e2d4c6;
    position: relative
}

.history2 .focus .child .btns a:nth-child(n+2) {
    margin-left: 2px
}

.history2 .focus .child .btns a img:first-child {
    max-width: 80%
}

.history2 .focus .child .btns a .c {
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.history2 .focus .child .btns a:hover .c {
    display: block
}

.history3 {
    background: #fffcf6;
    position: relative;
    padding: 150px 0 133px;
    color: #fff;
    display: none
}

.history3 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 66.6666666%;
    bottom: 0;
    background: url(../image/by/bg5_1.jpg) no-repeat center top/contain;
    z-index: 3;
    pointer-events: none
}

.history3::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%;
    z-index: 4;
    pointer-events: none
}

.history3 .bg-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 30.71%;
    top: 299px;
    background: url(../image/lys/jpg93.jpg) no-repeat center;
    background-size: cover
}

.history3 .bg-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30.71%;
    height: 402px;
    background: #fffcf6 url(../image/lys/png148.png) no-repeat left bottom;
    z-index: 2;
    background-size: contain
}

.history3 .head {
    text-align: center;
    position: relative;
    z-index: 9
}

.history3 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history3 .head .p {
        font-size:22px
    }
}

.history3 .content {
    margin-top: 75px;
    position: relative;
    z-index: 9
}

.history3 .slick-slide {
    margin: 0 -10px
}

.history3 .child {
    padding: 0 10px 10px;
    position: relative;
    margin-top: 10px;
    display: inline-block
}

.history3 .child a.a {
    left: 10px;
    right: 10px;
    bottom: 20px
}

.history3 .child .pic {
    position: relative;
    overflow: hidden
}

.history3 .child .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.history3 .child .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history3 .child .h {
    position: absolute;
    left: 10px;
    bottom: 20px;
    right: 10px;
    background: url(../image/by/png20.png) repeat-x center center;
    padding: 18px 0;
    text-align: center
}

.history3 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    color: #a9927b;
    position: relative;
    z-index: 1
}

.history3 .nav::before {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav::after {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav .prev {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .next {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .num {
    padding: 0 25px
}

.history3 .nav .num * {
    font-style: normal;
    font-weight: normal;
    margin: 0 5px
}

.history4 {
    background: #fffcf6;
    position: relative;
    padding: 200px 0
}

.history4 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history4::before {
    content: "";
    position: absolute;
    left: 0;
    top: -60px;
    width: 28%;
    bottom: 0;
    background: url(../image/by/png14.png) no-repeat center top/contain
}

.history4::after {
    content: "";
    background: url(../image/by/png15.png) no-repeat center center/contain;
    right: 0;
    bottom: 0;
    width: 28%;
    padding-top: 28%;
    position: absolute
}

.history4 .head {
    position: absolute;
    left: 0;
    top: 80px;
    right: 0
}

.history4 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history4 .head .p {
        font-size:22px
    }
}

.history4 .x-wrap {
    height: auto
}

.history4 .list {
    position: relative;
    z-index: 1;
    height: 59.3268vw
}

.history4 .list .item {
    width: calc(25% - 30px);
    cursor: pointer
}

.history4 .list .item .pic {
    overflow: hidden
}

.history4 .list .item .pic img {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history4 .list .item:first-child {
    margin-right: 40px
}

.history4 .list .item img {
    width: 100%
}

.history4.noData #photo_wap {
    display: none
}

.history4.noData .load_more a {
    display: none
}

.history5 {
    background: #fffcf6 url(../image/by/bg6-1.jpg) no-repeat center center/cover;
    padding: 40px 0 180px;
    position: relative
}

.history5 .fix_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history5 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -170px
}

.history5 .head .p {
    font-size: 30px;
    margin-left: 10px
}

body:not(.lang-en) .history5 .head .p {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history5 .head .p {
        font-size:22px
    }
}

.history5 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48.9424vw;
    height: auto
}

.history5 .x-wrap::after {
    display: none
}

.history5 .list-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    position: relative
}

.history5 .list-box::before {
    content: '';
    position: absolute;
    left: 48px;
    top: calc(50% - 46px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1608px;
    height: 164px;
    background: url(../image/by/png40.png) no-repeat left center
}

.history5 .list {
    margin-left: 100px;
    overflow: auto;
    margin-right: -200px
}

.history5 .list .inner {
    display: table;
    white-space: nowrap
}

.history5 .list .item {
    position: relative;
    max-width: 30vw;
    display: inline-block;
    vertical-align: top
}

.history5 .list .item .pic {
    background: #fffcf6;
    padding: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3);
    box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3)
}

.history5 .list .item .pic img {
    width: 100%
}

.history5 .list .item .h {
    font-size: 18px;
    margin-top: 0.6em
}

@media screen and (max-width: 768px) {
    .history5 .list .item .h {
        font-size:16px
    }
}

.history5 .list .item:nth-child(5n-4) {
    margin-top: 1.45833333vw
}

.history5 .list .item:nth-child(5n-3) {
    margin-top: 10.67708333vw;
    margin-left: -6.25vw
}

.history5 .list .item:nth-child(5n-2) {
    margin-top: 4.6875vw;
    margin-left: 2.34375vw
}

.history5 .list .item:nth-child(5n-1) {
    margin-top: 16.35416666vw;
    margin-left: -5.05208333vw
}

.history5 .list .item:nth-child(5n) {
    margin-left: 1.5625vw;
    margin-right: 2.8645833vw
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 1px;
    background: #a85a5a;
    position: relative;
    margin: 0 10px;
    width: auto;
    margin-top: 17px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 60px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 36px;
    width: 40%;
    margin: auto
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    background: url(../image/by/png16.png) no-repeat center;
    background-size: contain;
    width: 36px;
    height: 36px;
    top: 0
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    display: none
}

.history6 {
    background: #fffcf6;
    position: relative;
    padding: 190px 0
}

.history6 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history6 .head {
    text-align: center
}

.history6 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history6 .head .p {
        font-size:22px
    }
}

.history6 .list {
    margin-top: 120px;
    position: relative;
    min-height: 59.99999vw
}

.history6 .list .bg {
    position: absolute;
    top: 75%;
    left: 5%;
    width: 41%
}

.history6 .list .d1 {
    position: relative;
    padding-top: 60%
}

.history6 .list .d1 .item {
    position: absolute;
    cursor: pointer
}

.history6 .list .d1 .item.i1 {
    width: 44%;
    left: 0;
    top: 0;
    z-index: 1;
    margin-right: 40px
}

.history6 .list .d1 .item.i2 {
    width: 23%;
    left: 50%;
    top: 0
}

.history6 .list .d1 .item.i3 {
    width: 16%;
    right: 0;
    top: 0
}

.history6 .list .d1 .item.i4 {
    width: 30%;
    left: 37%;
    bottom: 0
}

.history6 .list .d1 .item.i5 {
    width: 27%;
    right: 0;
    top: 36.3%
}

.history6 .list .d2 {
    margin-top: 40px
}

.history6 .list .d2 .item {
    width: calc(20% - 22.5px);
    position: relative;
    cursor: pointer
}

.history6 .list .d2 .item:first-child {
    margin-right: 30px
}

.history6 .list .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.history6 .list .pic::before {
    content: '';
    display: block;
    padding-top: 94.61078%
}

.history6 .list .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history6 .list .h {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))
}

@media screen and (max-width: 768px) {
    .history6 .list .h {
        font-size:16px
    }
}

.history6 .list .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: rgba(255,255,255,0.2) url(../image/by/png21.png) no-repeat left 55% center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.history6.noData #six_wap {
    display: none
}

.history6.noData .load_more a {
    display: none
}

@media screen and (min-width: 1025px) {
    .history4 .list .item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .history6 .list .item:hover {
        z-index: 1
    }

    .history6 .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1720px) {
    .history2 {
        padding:140px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 120px 0
    }

    .history6 {
        padding: 120px 0
    }
}

@media screen and (max-width: 1600px) {
    .history5 {
        padding-bottom:150px
    }

    .history5 .list {
        margin-right: -50px
    }
}

@media screen and (max-width: 1500px) {
    .history1 .div {
        width:45%
    }

    .history1 .d .pic {
        width: auto
    }
}

@media screen and (max-width: 1300px) {
    .history0 .p-box {
        margin-top:30px
    }

    .history0 .more1 {
        margin-top: 20px
    }

    .history2 {
        padding: 80px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 80px 0
    }

    .history6 {
        padding: 80px 0
    }

    .history6 .list {
        margin-top: 80px
    }

    .history1 .div {
        width: 42%
    }

    .history1 .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history1 .head .r {
        margin: 20px 0 0
    }

    .history2 .focus {
        margin-top: 30px
    }

    .history4 .list .item {
        width: calc(25% - 15px)
    }

    .history4 .list .item:first-child {
        margin-right: 20px
    }

    .history5 .list {
        margin-right: -20px
    }

    .history6 .list .h {
        padding: 10px;
        font-size: 16px
    }
}

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

    .history1 {
        padding: 80px 0 60px
    }

    .history1::before {
        left: 85%
    }

    .history1 .d .text {
        position: static
    }

    .history1 .div {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        margin-left: 10%
    }

    .history1 .d .text {
        width: 65%
    }

    .history2 {
        padding: 80px 0 220px
    }

    .history6 {
        padding: 60px 0
    }

    .history6 .list {
        margin-top: 40px
    }

    .history5 {
        padding-bottom: 80px
    }

    .history5 .list .item .pic {
        padding: 15px;
        max-width: 50vw
    }

    .history5 .list .item .pic img {
        max-width: 100%
    }

    .history5 .list .item:nth-child(n+2) {
        margin: 0 0 0 20px !important
    }

    .history1 .head .p {
        font-size: 24px
    }

    .history2 .head .p {
        font-size: 24px
    }

    .history3 .head .p {
        font-size: 24px
    }

    .history4 .head .p {
        font-size: 24px
    }

    .history5 .head .p {
        font-size: 24px
    }

    .history6 .head .p {
        font-size: 24px
    }

    .history5 .list {
        margin-right: 0px
    }
}

@media screen and (max-width: 767px) {
    .history0 .pad {
        width:100%;
        padding-bottom: 40px
    }

    .history0 .p-box {
        margin-top: 15px
    }

    .history0 .p-box .p+.p {
        margin-top: 5px
    }

    .history0 .x-wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .history0 .more1 {
        margin-top: 10px;
        padding-right: 45px
    }

    .history0 .back {
        position: absolute;
        height: 40px;
        padding-left: 20px;
        top: 20px
    }

    .history0 .back img {
        width: 20px
    }

    .history0 .bg {
        display: none
    }

    .history0 .bg.m-show {
        display: block
    }

    .history1 {
        background-position: left top;
        padding: 40px 0;
        margin-top: 0
    }

    .history1::before {
        display: none
    }

    .history1 .content {
        display: block;
        margin-top: 30px
    }

    .history1 .d .text {
        width: auto;
        margin-top: 20px
    }

    .history1 .div {
        margin: 30px 0 0
    }

    .history1 .d .pic {
        background: none;
        padding: 0;
        width: 80%;
        margin: auto
    }

    .history1 .d .pic .frame {
        border-radius: 0
    }

    .history2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0
    }

    .history2 .head {
        padding: 0;
        text-align: center
    }

    .history2 .map {
        position: static;
        height: 130vw;
        background-position: center top 20%;
        background-size: 160% auto
    }

    .history2 .focus {
        padding-left: 35%
    }

    .history3 {
        padding: 40px 0
    }

    .history3::after {
        width: 100%;
        background-size: cover
    }

    .history3::before {
        display: none
    }

    .history3 .bg-1,.history3 .bg-2 {
        display: none
    }

    .history3 .nav {
        margin-top: 10px
    }

    .history4 {
        padding: 40px 0
    }

    .history4::before {
        display: none
    }

    .history4 .head {
        position: static;
        text-align: center
    }

    .history4 .list {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important
    }

    .history4 .list .item {
        width: calc(50% - 7.5px);
        position: static !important
    }

    .history3 .content {
        margin-top: 30px
    }

    .history4 .list {
        padding: 0 15px;
        min-height: 140vw
    }

    .history4 .list .item {
        width: calc(50% - 7.5px)
    }

    .history4 .list .item:nth-child(1) {
        margin-right: 0
    }

    .history4 .list .item:nth-child(even) {
        margin-left: 15px
    }

    .history4 .list .item:nth-child(n+3) {
        margin-top: 15px
    }

    .history5 {
        padding: 40px 0
    }

    .history5 .head {
        margin: 0
    }

    .history5 .head .title img {
        max-height: none
    }

    .history5 .head .p {
        margin-left: 0
    }

    .history5 .x-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history5 .list-box::before {
        display: none
    }

    .history5 .list {
        margin-left: 15px
    }

    .history5 .list .item {
        max-width: 240px
    }

    .history5 .list .item:nth-child(5n-4) {
        margin-top: 0
    }

    .history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 50px
    }

    .history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 80%
    }

    .history5 .list .item .pic {
        max-width: none;
        width: 100%;
        padding: 10px
    }

    .history5 .list .item .pic img {
        width: 100%
    }

    .history5 .list .item .h {
        margin-top: 5px
    }

    .history6 .list {
        padding: 0 15px;
        margin-top: 30px
    }

    .history6 .list .d1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0
    }

    .history6 .item {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important
    }

    .history6 .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .history6 .list .d1 .item:nth-child(1) {
        margin-right: 0
    }

    .history6 .list .d2 {
        margin-top: 15px;
        height: auto !important
    }

    .history6 .list .bg {
        display: none
    }

    .history6 .list .play {
        width: 60px;
        height: 60px;
        background-size: 30% auto
    }

    .title>img {
        max-width: 80%
    }

    .history6 .list .d1::before {
        display: none
    }

    .history2 .x-wrap {
        height: auto
    }

    .history2 .x-wrap::after {
        display: none
    }

    .history3::after {
        bottom: initial;
        height: 100%;
        display: none
    }

    .history3 {
        background: url(../image/by/bg5_1.jpg) no-repeat center top/cover
    }

    .history3 .x-wrap {
        height: auto
    }
}

.home1 {
    position: relative;
    margin-top: -147px
}

.home1 .child {
    height: 100vh;
    background: no-repeat center center / cover;
    position: relative
}

.home1 .child .mask {
    background: #000;
    opacity: 0
}

.home1 .child .a {
    z-index: 2
}

.home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home1 .nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1
}

.home1 .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home1 .slick-dot {
    width: 50px;
    height: 4px;
    background: #fff;
    opacity: 0.4;
    padding: 0;
    list-style: none;
    margin: 0 10px
}

.home1 .slick-dot.slick-active {
    opacity: 1
}

.home1 .btn_l {
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_l::before {
    content: "";
    background: url(../image/by/png1_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_l::after {
    content: "";
    background: url(../image/by/png1_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_l a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.home1 .btn_r {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_r::before {
    content: "";
    background: url(../image/by/png2_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_r::after {
    content: "";
    background: url(../image/by/png2_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_r a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.title1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .title1 {
        font-size:28px
    }
}

.title1::before {
    content: "";
    background: no-repeat center bottom;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: 0.5em;
    -webkit-transition: all 1.5s ease-out 0s;
    transition: all 1.5s ease-out 0s;
    clip: rect(0, 120px, 0, 0)
}

.title1::after {
    content: "";
    background: no-repeat center top;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 5.3em;
    -webkit-transition: all 3s ease-out 3s;
    transition: all 3s ease-out 3s;
    clip: rect(0, 120px, 0, 0)
}

.title1 .h {
    font-family: sh;
    line-height: inherit;
    line-height: 1.2;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    margin-left: -0.5em;
    -webkit-transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

body:not(.lang-en) .title1 .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.title1 .more1 {
    opacity: 0;
    -webkit-transition: all 1s ease-out 2.5s;
    transition: all 1s ease-out 2.5s
}

.showd .title1::after {
    clip: rect(0, 120px, 1000px, 0)
}

.showd .title1 .h {
    -webkit-transform: none;
    transform: none
}

.showd .title1 .more1 {
    opacity: 1
}

.home2.showd .title1::before {
    clip: rect(0, 120px, 350px, 0)
}

.home3.showd .title1::before {
    clip: rect(0, 120px, 270px, 0)
}

.home4.showd .title1::before {
    clip: rect(0, 120px, 570px, 0)
}

.home5.showd .title1::before {
    clip: rect(0, 120px, 300px, 0)
}

.home6.showd .title1::before {
    clip: rect(0, 120px, 700px, 0)
}

.home2 {
    position: relative;
    background: #f5f5f5
}

.home2 .w-wrap {
    padding-top: 110px;
    padding-bottom: 110px
}

.home2 .title1::before {
    background-image: url(../image/by/png3_1.png);
    bottom: 70%
}

.home2 .title1::after {
    background-image: url(../image/by/png3_1b.png);
    top: 30%
}

.home2 .title1 .h {
    top: 30%
}

.home2 .title1 .more1 {
    background: #f5f5f5;
    padding-top: 15px;
    color: #333;
    font-size: 16px;
    position: absolute;
    top: 63%;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home2 .list .dl {
    width: calc(50% - 10px)
}

.home2 .list .dl .item {
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.home2 .list .dl .pic {
    position: relative;
    overflow: hidden
}

.home2 .list .dl .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home2 .list .dl .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .list .dl .text {
    background: #fff;
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home2 .list .dl .text .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .h {
        font-size:18px
    }
}

.home2 .list .dl .text .p {
    font-size: 14px;
    margin-top: 0.5em
}

.home2 .list .dl .text .date {
    font-size: 18px;
    text-align: center;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date {
        font-size:16px
    }
}

.home2 .list .dl .text .date b {
    font-size: 60px;
    line-height: 1.2;
    display: block;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date b {
        font-size:30px
    }
}

.home2 .list .dl .text .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home2 .list .dr {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home2 .list .dr .item {
    position: relative;
    background: #fff;
    width: calc(50% - 5px);
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home2 .list .dr .item:nth-child(n+3) {
    margin-top: 10px
}

.home2 .list .dr .item .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .h {
        font-size:16px
    }
}

.home2 .list .dr .item .date {
    font-size: 18px;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date {
        font-size:16px
    }
}

.home2 .list .dr .item .date b {
    font-size: 48px;
    line-height: 1.2;
    display: block;
    font-weight: normal;
    display: inline;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date b {
        font-size:28px
    }
}

.home2 .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.home2 .links .item {
    background: no-repeat left center / cover;
    width: 10.35%;
    overflow: hidden;
    position: relative;
    padding-top: 13.33%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .links .item img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.home2 .links .item.s {
    width: 68.93%
}

.home2 .links .item.s img {
    width: 100%;
    height: auto;
    position: static
}

.home3 {
    background: url(../image/by/bg1.jpg) no-repeat center top;
    color: #fff;
    height: 835px;
    position: relative;
    z-index: 1
}

.home3 .title1::before {
    background-image: url(../image/by/png3_2.png);
    bottom: 65%
}

.home3 .title1::after {
    background-image: url(../image/by/png3_2b.png);
    top: 35%
}

.home3 .title1 .h {
    top: 35%
}

.home3 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.home3 .box2 {
    width: 50%;
    margin-left: 50%;
    background: #7c3030;
    padding: 100px
}

.home3 .box2 .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home3 .box2 .hd .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home3 .box2 .hd .title:after {
    content: "";
    display: block;
    border-top: 1px solid #a95555;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px
}

.home3 .box2 .list {
    margin-top: 60px;
    border-left: 1px solid #a95555;
    position: relative
}

.home3 .box2 .list:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 0%
}

.home3 .box2 .list:after {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    bottom: 0%
}

.home3 .box2 .list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px
}

.home3 .box2 .list .item:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box2 .list .item:nth-child(n+2) {
    margin-top: 15px
}

.home3 .box2 .list .item .date {
    white-space: nowrap;
    font-family: tj
}

.home3 .box2 .list .item .date b {
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home3 .box2 .list .item .date b {
        font-size:30px
    }
}

.home3 .box2 .list .item .h {
    margin-left: 30px;
    line-height: 1.8;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home3 .box2 .list .item .h:after {
    content: "";
    background: url(../image/by/png36.png) no-repeat right center;
    width: 0;
    height: 9px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box1 {
    width: 50%;
    background: #883736;
    padding: 70px 90px;
    position: relative
}

.home3 .box1::before {
    content: "";
    background: url(../image/by/png4.png) no-repeat center center;
    width: 467px;
    height: 416px;
    right: 10px;
    top: -40px;
    position: absolute
}

.home3 .box1::after {
    content: "";
    width: 120px;
    height: 120px;
    background: #aa1332;
    left: 100%;
    top: 100%;
    position: absolute
}

.home3 .box1 .text {
    line-height: 1.8;
    position: relative
}

body:not(.lang-en) .home3 .box1 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.home3 .box1 .text p:nth-child(n+2) {
    margin-top: 1.5em
}

.home3 .box1 .more1 {
    margin-top: 40px
}

.home3 .more1:before {
    background-color: #a95555;
    border-color: #a95555
}

.home4 {
    background: url(../image/by/png5.png) no-repeat right 1% top
}

.home4 .title1::before {
    background-image: url(../image/by/png3_3.png);
    bottom: 60%
}

.home4 .title1::after {
    background-image: url(../image/by/png3_3b.png);
    top: 40%
}

.home4 .title1 .h {
    top: 40%
}

.home4 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 380px;
    padding-bottom: 180px
}

.home4 .dl {
    width: 47%
}

.home4 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 6%
}

.home4 .d1 {
    position: relative
}

.home4 .d1 .pic {
    width: 100%
}

.home4 .d1 .text {
    position: absolute;
    left: -1px;
    top: 70%;
    background: #fff;
    padding-left: 0
}

.home4 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
}

.home4 .d2 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home4 .d3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.home4 .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.home4 .pic::before {
    content: '';
    display: block;
    padding-top: 105.21127%
}

.home4 .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home4 .text {
    padding: 50px 45px;
    width: 50%
}

.home4 .text .h {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .home4 .text .h {
        font-size:22px
    }
}

.home4 .text .p {
    margin-top: 15px
}

.home4 .text .date {
    font-family: tj;
    margin-top: 10px
}

.home4 .text .more1 {
    margin-top: 20px
}

.home5 {
    background: url(../image/by/bg2.jpg) no-repeat center center/cover;
    color: #fff
}

.home5 .title1::before {
    background-image: url(../image/by/png3_4.png);
    bottom: 65%
}

.home5 .title1::after {
    background-image: url(../image/by/png3_4b.png);
    top: 35%
}

.home5 .title1 .h {
    top: 35%
}

.home5 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 110px;
    padding-bottom: 110px
}

.home5 .dl {
    width: 28%;
    padding-top: 100px;
    min-width: 355px
}

.home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.home5 .dl .h b {
    font-weight: normal;
    font-size: 140px;
    line-height: 0.6
}

.home5 .dl .h span {
    display: block
}

.home5 .dl .box {
    margin-top: 30px;
    background: #95ae93
}

.home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.home5 .dl .hd span {
    font-family: xfont;
    width: 90px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.home5 .dl .hd strong {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 330px
}

.home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0
}

.home5 .dl .calendar .fc-calendar .fc-row>div,.home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 0;
    right: 0;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: Arial;
    top: 0px;
    width: 1.4em;
    height: 1.4em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.5em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px
}

.home5 .dl .calendar .fc-today .fc-date {
    background: #495a46;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #668863;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #9a5252;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #5a759b;
    margin: 0 2px
}

.home5 .dl .calendar .fc-content {
    cursor: pointer
}

.home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .bb {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.15);
    font-size: 14px;
    color: #495a46
}

.home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.home5 .dl .bb span:nth-child(1):before {
    background: #668863
}

.home5 .dl .bb span:nth-child(2):before {
    background: #9a5252
}

.home5 .dl .bb span:nth-child(3):before {
    background: #5a759b
}

.home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 90px
}

.home5 .dr .list {
    height: 700px;
    overflow: hidden
}

.home5 .dr .mCSB_inside>.mCSB_container {
    margin-right: 20px
}

.home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home5 .dr .item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 48%
}

.home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home5 .dr .item .text {
    padding: 50px 40px;
    width: 48%
}

.home5 .dr .item .text .h {
    font-size: 18px
}

.home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 50px
}

.home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px
}

.home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #638460;
    width: 4px
}

.home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #384837;
    width: 2px
}

.home6 {
    background: url(../image/by/png6.png) no-repeat center top/100% auto;
    position: relative;
    color: #fff
}

.home6 .title1::before {
    background-image: url(../image/by/png3_5.png);
    bottom: 45%
}

.home6 .title1::after {
    background-image: url(../image/by/png3_5b.png);
    top: 55%
}

.home6 .title1 .h {
    top: 55%
}

.home6::before {
    content: "";
    background: url(../image/by/bg3.jpg) no-repeat center top/cover;
    position: absolute;
    left: 0;
    top: 26vw;
    right: 0;
    bottom: 0
}

.home6 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 26vw;
    padding-bottom: 312px
}

.home6 .tabs {
    background: #6f8aa8;
    padding: 50px 0;
    width: 30%
}

.home6 .tabs .item {
    height: 76px;
    line-height: 76px;
    font-size: 22px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-align: center;
    padding-right: 30px
}

@media screen and (max-width: 768px) {
    .home6 .tabs .item {
        font-size:18px
    }
}

.home6 .tabs .item i {
    margin-right: 25px;
    display: inline-block;
    width: 44px;
    text-align: center
}

.home6 .tabs .item i img {
    max-width: 100%
}

.home6 .tabs .item.now {
    background: #5b7897;
    padding-left: 50px
}

.home6 .tabs .item.now::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    background: url(../image/more1a.png);
    width: 13px;
    height: 12px;
    margin-top: -6px
}

.home6 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home6 .dr::before {
    content: "";
    background: url(../image/by/png7.png) no-repeat center bottom/cover;
    width: 22%;
    padding-top: 50%;
    position: absolute;
    left: 50%;
    bottom: 25%
}

.home6 .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden
}

.home6 .list.act {
    opacity: 1;
    visibility: visible
}

.home6 .list .item {
    position: relative;
    width: 55%
}

.home6 .list .item:hover {
    z-index: 1
}

.home6 .list .item:last-child {
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    width: 57%
}

.home6 .list .item .pic {
    position: relative;
    overflow: hidden
}

.home6 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 70.9507%
}

.home6 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home6 .list .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6))
}

.home6 .list .item .text .h {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none
}

.home6 .list .item .text .more {
    background: url(../image/by/png8.png);
    width: 41px;
    height: 41px;
    display: inline-block
}

@media screen and (min-width: 1025px) {
    .transT {
        -webkit-transform:translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transB {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transL {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transR {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .td2 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .td3 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .td4 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    .transTs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transTs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transTs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transTs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transTs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transLs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transLs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transLs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transLs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transLs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transS {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transSs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transSs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transSs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .showd .transT,.showd .transB,.showd .transL,.showd .transR,.showd .transS,.showd .transTs>div,.showd .transLs>div,.showd .transSs>div {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    .btn_l:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .btn_r:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .home2 .list .item:hover {
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.15);
        box-shadow: 0 0 30px rgba(0,0,0,0.15)
    }

    .home3 .box2 .list .item:hover .h:after {
        width: 47px
    }

    .home4 .d1:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d2:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d3:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home6 .list .item:hover .h {
        display: block
    }
}

@media screen and (max-width: 1720px) {
    .home2 .w-wrap {
        padding-top:80px;
        padding-bottom: 80px
    }

    .home3 .box2 {
        padding: 80px
    }

    .home3 .box1 {
        padding: 60px 80px
    }

    .home4 .w-wrap {
        padding-top: 300px;
        padding-bottom: 100px
    }

    .home5 .w-wrap {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 1500px) {
    .home3 .box1 {
        -webkit-transform:translateY(-20%);
        transform: translateY(-20%)
    }

    .home6 .w-wrap {
        padding-bottom: 250px;
        padding-top: 320px
    }

    .home5 .dr .item .text ul {
        margin-top: 30px
    }

    .home6::before {
        top: 320px
    }
}

@media screen and (max-width: 1400px) {
    .home5 .dl {
        padding-top:50px
    }

    .home5 .dr {
        margin-left: 60px;
        width: 380px
    }

    .home5 .dr .item .text {
        padding: 30px 10px
    }

    .home5 .dr .item .text ul {
        margin-top: 20px
    }
}

@media screen and (max-width: 1300px) {
    .title1 {
        font-size:42px
    }

    .home3 .box1 {
        padding: 40px 60px
    }

    .home3 .box2 {
        padding: 60px
    }

    .home4 .text {
        padding: 30px 40px
    }

    .home4 .d2 .text {
        padding: 30px 40px
    }

    .home5 .dl .fc-calendar-container {
        height: 330px
    }

    .home6 .tabs {
        padding: 30px 0
    }

    .home6 .tabs .item {
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }

    .home6 .tabs .item.now {
        padding-left: 0px
    }

    .home6 .tabs .item i {
        margin-right: 15px
    }

    .home6 .tabs .item i {
        width: 34px
    }
}

@media screen and (max-width: 1200px) {
    .home3 .box2 {
        padding:40px
    }

    .home3 .box1 {
        padding: 40px
    }
}

@media screen and (max-width: 1100px) {
    .title1 .h {
        font-size:42px
    }

    .home3 .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 60px 0
    }

    .home3 .content .box1 {
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .home3 .content .box2 {
        width: auto;
        margin: auto;
        margin-top: 60px
    }

    .home4 .d1 .text {
        width: auto;
        position: static
    }

    .home4 .text {
        padding: 20px 30px !important
    }

    .home2 .w-wrap {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .home3 .box2 {
        padding: 40px
    }

    .home3 .box1 {
        padding: 40px 40px
    }

    .home4 .w-wrap {
        padding-top: 160px;
        padding-bottom: 40px
    }

    .home5 .w-wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .home6 .w-wrap {
        padding-top: 200px
    }

    .home6::before {
        top: 200px
    }
}

@media screen and (max-width: 1024px) {
    .title1 {
        position:static;
        width: auto;
        background: none !important;
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px
    }

    .title1::before {
        display: none
    }

    .title1::after {
        display: none
    }

    .title1 .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .title1 .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .title1 .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .title1 .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .w-wrap {
        padding: 40px 0;
        display: block !important
    }

    .home1 {
        margin-top: 0px
    }

    .home2 .w-wrap {
        padding: 40px 0
    }

    .home2 .title1 .more1 {
        padding: 0 0 0 50px;
        -webkit-writing-mode: unset !important;
        -ms-writing-mode: unset !important;
        writing-mode: unset !important;
        width: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        left: auto
    }

    .home2 .list .dl .text {
        padding: 25px
    }

    .home2 .list .dr .item {
        padding: 25px
    }

    .home3 {
        height: auto
    }

    .home3 .content {
        padding: 0
    }

    .home3 .box1 {
        padding: 30px
    }

    .home3 .box1::before {
        display: none
    }

    .home3 .box1 .more1 {
        margin-top: 20px
    }

    .home3 .content .box2 {
        margin: 20px 0 0;
        padding: 30px
    }

    .home3 .box2 .list {
        margin-top: 30px
    }

    .home4 .w-wrap {
        padding: 40px 0
    }

    .home4 .pic {
        width: 50% !important
    }

    .home4 .dl {
        width: auto
    }

    .home4 .dl .d1 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home4 .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .home4 .d1 .pic {
        width: 30%
    }

    .home4 .dr {
        padding: 0
    }

    .home5 .w-wrap {
        padding: 40px 0
    }

    .home5 .dl {
        width: auto;
        padding-top: 0;
        min-width: auto
    }

    .home5 .dr {
        margin: 20px 0 0;
        width: auto
    }

    .home5 .dl .h b {
        font-size: 100px;
        line-height: 1
    }

    .home5 .dr .item .text {
        padding: 30px 10px;
        width: calc(50% - 15px)
    }

    .home5 .dr .item .pic {
        width: calc(50% - 15px)
    }

    .home6 .w-wrap {
        padding: 40px 0 9%
    }

    .home6::before {
        top: 0
    }

    .home6 .dr::before {
        display: none
    }

    .home6 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden
    }

    .home6 .list.act {
        position: static;
        visibility: visible
    }

    .home6 .tabs {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0
    }

    .home6 .tabs .item {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px
    }

    .home6 .tabs .item i {
        margin-right: 10px;
        width: 25px
    }

    .home6 .tabs .item::after {
        display: none
    }

    .home6 .list .item {
        width: 33.33% !important
    }

    .home6 .list .item:last-child {
        -webkit-transform: none;
        transform: none;
        position: relative
    }

    .home6 .list .item .text {
        padding: 15px
    }

    .home6 .list .item .text .h {
        display: block
    }

    .home6 .list .item .text .more {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .home1 .btn_l {
        left:15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_l::before {
        display: none
    }

    .home1 .btn_l::after {
        background-size: contain
    }

    .home1 .btn_r {
        right: 15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_r::before {
        display: none
    }

    .home1 .btn_r::after {
        background-size: contain
    }

    .title1 {
        margin-bottom: 20px
    }

    .title1 .h {
        font-size: 28px
    }

    .home1 .nav {
        bottom: 15px
    }

    .home1 .child {
        height: 56.5vw
    }

    .home1 .slick-dot {
        width: 25px;
        margin: 0 5px
    }

    .home2 .list {
        display: block
    }

    .home2 .list .dl {
        width: auto;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dl .text .date {
        margin-right: 20px;
        text-align: left
    }

    .home2 .list .dl .text .date b {
        display: inline-block;
        margin-right: 15px
    }

    .home2 .list .dr {
        width: auto;
        margin-top: 10px
    }

    .home2 .list .dl .text {
        padding: 20px;
        display: block
    }

    .home2 .list .dr .item {
        padding: 20px;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dr .item .h {
        margin-top: 5px;
        font-size: 14px
    }

    .home2 .links {
        display: block;
        margin-top: 20px
    }

    .home2 .links .item {
        width: 100% !important
    }

    .home2 .links .item:nth-child(n+2) {
        margin-top: 10px
    }

    .home3 .box1 {
        padding: 20px
    }

    .home3 .box1 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .home3 .content .box2 {
        padding: 20px
    }

    .home3 .box2 .list {
        border: none;
        margin-top: 20px
    }

    .home3 .box2 .list::before {
        display: none
    }

    .home3 .box2 .list::after {
        display: none
    }

    .home3 .box2 .list .item {
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home3 .box2 .list .item::before {
        display: none
    }

    .home3 .box2 .list .item .h {
        margin-left: 10px
    }

    .home4 .d1 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .d2 .text {
        padding: 0 15px 0 0 !important
    }

    .home4 .d3 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .text .p {
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .home4 .text .date {
        margin-top: 0
    }

    .home4 .text .more1 {
        margin-top: 10px
    }

    .home5 .dl .fc-calendar-container {
        height: 280px
    }

    .home5 .fc-calendar .fc-row>div>span.fc-date {
        font-size: 18px
    }

    .home5 .dl .calendar .fc-calendar .fc-content>div {
        font-size: 18px
    }

    .home5 .dl .h b {
        font-size: 40px;
        margin-right: 19px
    }

    .home5 .dl .box {
        margin-top: 15px
    }

    .home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .home5 .dl .hd span {
        width: 60px
    }

    .home5 .dr .item {
        display: block
    }

    .home5 .dr .item:nth-child(n+2) {
        margin-top: 20px
    }

    .home5 .dl .bb span {
        margin-left: 0px
    }

    .home5 .dl .bb span:nth-child(1) {
        margin-left: 0
    }

    .home5 .dr .item .pic {
        width: auto
    }

    .home5 .dr .item .text {
        width: auto;
        padding: 0;
        margin-top: 15px
    }

    .home5 .dr .item .text ul {
        margin-top: 15px
    }

    .home6 .tabs {
        padding: 0;
        display: block;
        white-space: nowrap;
        overflow: auto;
        background: none;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .home6 .tabs .item {
        display: inline-block;
        height: auto;
        line-height: 1;
        opacity: 0.7
    }

    .home6 .tabs .item.now {
        background: none;
        opacity: 1;
        font-size: 1.1em
    }

    .home6 .tabs .item:nth-child(n+2) {
        margin-left: 10px
    }

    .home6 .tabs .item i {
        display: none
    }

    .home6 .list {
        display: block
    }

    .home6 .list .item {
        width: auto !important
    }

    .home6 .list .item:nth-child(n+2) {
        margin-top: 15px
    }
}

.demo1 {
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    position: fixed;
    width: 350px;
    bottom: 20px;
    right: 100px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.demo1 .pop-dialog {
    width: 430px;
    background-color: transparent;
    vertical-align: bottom;
    margin-left: 63.4%;
    margin-bottom: 20px
}

.demo1 .pop-close {
    position: absolute;
    top: 14px;
    right: 33px;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.demo1 .h {
    font-size: 24px;
    color: #fff;
    height: 54px;
    text-align: center;
    line-height: 54px;
    background: url(../image/syb/bg1.png) no-repeat center center
}

@media screen and (max-width: 768px) {
    .demo1 .h {
        font-size:18px
    }
}

.demo1 .cookie {
    background: url(../image/syb/bg2.png) no-repeat center center;
    padding: 15px 20px;
    background-size: 100% 100%
}

.demo1 .p {
    font-size: 16px;
    color: #ffb0b0;
    text-indent: 2em
}

body:not(.lang-en) .demo1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.demo1 a {
    display: block;
    width: 118px;
    margin: 16px auto 0
}

.demo1 .sub {
    font-size: 18px;
    color: #ffb0b0;
    background-color: #b73334;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .demo1 .sub {
        font-size:16px
    }
}

.demo1.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.new_title {
    text-align: center
}

.new_title .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh;
    color: #5d2727
}

@media screen and (max-width: 768px) {
    .new_title .h {
        font-size:28px
    }
}

.new_title .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px 0 5px
}

.new_title .icon-box::before,.new_title .icon-box::after {
    content: '';
    width: 127px;
    border-top: 1px dashed rgba(184,31,43,0.3);
    height: 0
}

.new_title .icon-box .icon {
    width: 21px;
    height: 19px;
    background: url(../image/lys/png68-1.png) no-repeat center;
    margin: 0 15px;
    background-size: contain
}

.new_title .t {
    font-size: 24px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_title .t {
        font-size:18px
    }
}

.new_home1 {
    position: relative
}

.new_home1 .frame-box {
    position: relative;
    z-index: 2
}

.new_home1 .child {
    height: 100vh;
    position: relative
}

.new_home1 .child .bg {
    background: no-repeat center center / cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home1 .child .mask {
    z-index: 2
}

.new_home1 .child .txtbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    text-align: center;
    color: #fff5af;
    font-family: yzq;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-shadow: 2.868px 4.096px 79px rgba(0,0,0,0.19)
}

.new_home1 .child .txtbox .t1 {
    margin: 5px;
    font-size: 80px
}

.new_home1 .child .txtbox .t2 {
    margin: 5px;
    font-size: 60px
}

.new_home1 .child .tit {
    font-size: 114px;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: 70px;
    z-index: 3;
    color: #fff;
    font-family: 'sh';
    width: 5em
}

.new_home1 .child .a {
    z-index: 9
}

.new_home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0
}

.new_home1 .slick-current .txtbox {
    opacity: 1;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.new_home1 .banner-tools {
    position: absolute;
    bottom: 50px;
    right: 10.9375%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9
}

.new_home1 .nav {
    padding: 6px 19px;
    margin-left: 15px;
    position: relative
}

.new_home1 .nav::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 99px;
    background: #000;
    opacity: 0.2;
    z-index: 1
}

.new_home1 .slick-dots {
    font-size: 0;
    position: relative;
    z-index: 2
}

.new_home1 .slick-dot {
    width: 15px;
    height: 15px;
    background: #c64141;
    padding: 0;
    list-style: none;
    margin: 0 5px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new_home1 .slick-dot::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #eec6c6;
    border-radius: 50%;
    opacity: 0
}

.new_home1 .slick-dot.slick-active::after {
    opacity: 1
}

.new_home1 .banner-btn {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(147,44,44,0.9);
    z-index: 99;
    color: #ffe8dc;
    font-size: 14px;
    cursor: pointer
}

.new_home1 .banner-btn::before {
    content: '\e522';
    font-family: xfont;
    font-style: normal
}

.new_home1 .banner-btn.pause::before {
    content: '\e521'
}

.new_home1 .banner-pro {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 0;
    border-top: 8px solid #c64141;
    z-index: 9
}

.new_home1 .banner-pro.ani {
    -webkit-animation-name: anil;
    animation-name: anil;
    -webkit-animation-duration: 5.8s;
    animation-duration: 5.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100%
}

.new_home1 .banner-pro.play {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.new_home1 .banner-pro.pause {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.new_home1 .banner-map {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 58px;
    z-index: 9
}

.new_home1 .banner-map .img {
    width: 106px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    cursor: pointer
}

.new_home1 .banner-map .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home1 .banner-map .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home1 .banner-map .line {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px dashed #aa5656;
    border-radius: 999px
}

.new_home1 .banner-map .line img {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto
}

.new_home1 .banner-map .line::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png72.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: r 9s infinite linear;
    animation: r 9s infinite linear;
    background-size: contain
}

.new_home1 .banner-map .item {
    position: relative
}

.new_home1 .banner-map .item:hover .item-menubox {
    right: 100%;
    opacity: 1;
    visibility: visible
}

.new_home1 .banner-map .item+.item {
    margin-top: 20px
}

.new_home1 .banner-map .item:nth-child(2) .line {
    border-color: #587199
}

.new_home1 .banner-map .item:nth-child(2) .line::after {
    background-image: url(../image/lys/png73.png);
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.new_home1 .banner-map .item:nth-child(3) .line::after {
    -webkit-animation-duration: 9.4s;
    animation-duration: 9.4s
}

.new_home1 .banner-map .item-menubox {
    position: absolute;
    top: 5px;
    right: 80%;
    padding-right: 17px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 768px) {
    .new_home1 .banner-map .item-menubox {
        font-size:16px
    }
}

.new_home1 .banner-map .item-menubox .item-menu {
    background: rgba(124,48,48,0.9);
    border-radius: 25px;
    width: 210px;
    padding: 19px 0 28px 50px
}

.new_home1 .banner-map .item-menubox .item-link {
    border-bottom: 1px solid #a04141;
    position: relative
}

.new_home1 .banner-map .item-menubox .item-link::before {
    content: '';
    width: 21px;
    height: 19px;
    background: url(../image/lys/png90.png) no-repeat center 3px;
    position: absolute;
    top: 23px;
    right: calc(100% + 13px)
}

.new_home1 .banner-map .item-menubox .item-link.on::before {
    background-image: url(../image/lys/png91.png);
    background-position: center
}

.new_home1 .banner-map .item-menubox .item-link:last-child {
    border: none
}

.new_home1 .banner-map .item-menubox .item-link a {
    display: block;
    padding: 17px 0;
    padding-right: 10px
}

.new_home1 .banner-map .item-menubox .item-link+.item-link {
    margin-top: 5px
}

@-webkit-keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.new_home2.showd .new_title::before {
    clip: rect(0, 111px, 390px, 0)
}

.new_home3.showd .new_title::before {
    clip: rect(0, 111px, 446px, 0)
}

.new_home4.showd .new_title::before {
    clip: rect(0, 111px, 545px, 0)
}

.new_home5.showd .new_title::before {
    clip: rect(0, 111px, 444px, 0)
}

.new_home6.showd .new_title::before {
    clip: rect(0, 111px, 282px, 0)
}

.new_bg {
    background-color: #faf8f2
}

.new_home2 {
    position: relative;
    color: #481c1c
}

.new_home2::before {
    content: '';
    width: 100%;
    padding-top: 83.125%;
    background: url(../image/lys/png93.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home2 .n-wrap {
    padding-top: 110px
}

.new_home2 .new_title::before {
    bottom: 70.4769%;
    background-image: url(../image/lys/png54.png)
}

.new_home2 .new_title .h {
    top: 30%
}

.new_home2 .new_title::after {
    top: 30%
}

.new_home2 .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 22px
}

.new_home2 .box1.m-show {
    display: none
}

.new_home2 .box1 .item {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(201,120,76,0.09);
    box-shadow: 0 0 20px rgba(201,120,76,0.09)
}

.new_home2 .box1 .item::before {
    content: '';
    height: 54px;
    border-left: 10px solid #9c7856;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .l {
    width: 50%
}

.new_home2 .box1 .l .l_top {
    position: relative
}

.new_home2 .box1 .l .l_top .item a {
    display: block
}

.new_home2 .box1 .l .l_top .item .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .item .img::before {
    content: '';
    display: block;
    padding-top: 56.08108%
}

.new_home2 .box1 .l .l_top .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .l .l_top .item .t {
    font-size: 24px;
    padding: 17px 38px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_top .item .t {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_top .item .t .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .slick-dots {
    position: absolute;
    right: 22px;
    font-size: 0;
    bottom: 90px
}

.new_home2 .box1 .l .l_top .slick-dots li {
    list-style: none;
    width: 32px;
    height: 7px;
    background: #fff;
    opacity: 0.4;
    border-radius: 9px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.new_home2 .box1 .l .l_top .slick-dots li.slick-active {
    opacity: 1
}

.new_home2 .box1 .l .l_bottom .item {
    margin-top: 10px;
    font-size: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_bottom .item {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_bottom .item a {
    display: block;
    padding: 12px 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_bottom .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 22px;
    color: #481c1c;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r {
        font-size:18px
    }
}

.new_home2 .box1 .r .item {
    margin: 10px 0 0 10px;
    width: calc((100% - 20px) / 2);
    height: calc((100% - 20px) / 3);
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.new_home2 .box1 .r .item::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png66.png) no-repeat bottom right;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1
}

.new_home2 .box1 .r .item a {
    padding: 50px;
    display: block;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-right: 25px
}

.new_home2 .box1 .r .item:nth-child(-n+2) {
    margin-top: 0
}

.new_home2 .box1 .r .item .n {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r-img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-img-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-img-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-img-box .item-txt {
    height: 200px
}

.new_home2 .box1 .r-img-box .item-img {
    width: calc(100% - 10px);
    height: auto
}

.new_home2 .box1 .r-img-box .item-img a {
    padding: 29px 44px
}

.new_home2 .box1 .r-img-box .item-img .img {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-img-box .item-img .img::before {
    content: '';
    display: block;
    padding-top: 56.40244%
}

.new_home2 .box1 .r-img-box .item-img .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-img-box .item-img .img .mask {
    background: url(../image/lys/png70.png) no-repeat center
}

.new_home2 .box1 .r-img-box .item-img .t {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 22px
}

.new_home2 .box1 .r-imgtxt-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-imgtxt-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-imgtxt-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-imgtxt-box .item-txt {
    height: 100%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt {
    height: auto
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt::before {
    display: none
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt a {
    padding: 0
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img {
    position: relative;
    z-index: 2
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a::before {
    content: '';
    display: block;
    padding-top: 56.13079%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    position: relative;
    z-index: 2;
    padding: 43.5px 50px;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
    content: '';
    height: 54px;
    border-left: 10px solid #c64141;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
    font-size: 24px;
    line-height: 1.3333
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size:18px
    }
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
    font-size: 18px;
    color: #714646;
    margin-top: 8px;
    line-height: 1.6666
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size:16px
    }
}

.new_home2 .box2 {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li {
    width: 90px;
    height: 330px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li .l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 20px 0;
    width: 90px
}

.new_home2 .box2 .li .l-t .t {
    color: #fff;
    font-size: 24px;
    line-height: 1.1;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home2 .box2 .li .l-t .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home2 .box2 .li .l-t a {
    display: block
}

.new_home2 .box2 .li .bg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0
}

.new_home2 .box2 .li .bg a {
    display: block;
    width: 100%;
    height: 100%
}

.new_home2 .box2 .li.cur {
    width: calc(100% - 270px)
}

.new_home2 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.new_home3 {
    color: #fff;
    position: relative
}

.new_home3::before {
    content: '';
    width: 26.875%;
    padding-top: 53.80208%;
    background: url(../image/lys/png111.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 2.442%
}

.new_home3 .n-wrap {
    padding-top: 80px
}

.new_home3 .new_title::before {
    bottom: 58.5502%;
    background-image: url(../image/lys/png56.png)
}

.new_home3 .new_title .h {
    top: 43.6802%
}

.new_home3 .new_title::after {
    top: 43.6802%
}

.new_home3 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.new_home3 .cont .img-box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.new_home3 .cont .img-box .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 107px
}

.new_home3 .cont .txt-box {
    color: #fff;
    padding: 80px 110px 87px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.new_home3 .cont .txt-box .l-t {
    font-size: 24px;
    line-height: 1.5;
    height: 72px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .l-t {
        font-size:18px
    }
}

.new_home3 .cont .txt-box .p {
    font-size: 18px;
    margin-top: 44px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .p {
        font-size:16px
    }
}

body:not(.lang-en) .new_home3 .cont .txt-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.new_home3 .cont .img {
    width: 70.2666%;
    position: relative;
    overflow: hidden;
    margin: auto;
    z-index: 2
}

.new_home3 .cont .img::before {
    content: '';
    display: block;
    padding-top: 74.95256%
}

.new_home3 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home3 .cont .l-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new_home3 .cont .l-box .img-box .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home3 .cont .l-box .img-box .bg::before,.new_home3 .cont .l-box .img-box .bg::after {
    content: '';
    width: 50%;
    height: 100%;
    display: block
}

.new_home3 .cont .l-box .img-box .bg::before {
    background-color: #953535
}

.new_home3 .cont .l-box .img-box .bg::after {
    background-color: #612525
}

.new_home3 .cont .l-box .txt-box {
    background-color: #5d2727
}

.new_home3 .cont .r-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.new_home3 .cont .r-box .img-box .bg {
    top: 0;
    bottom: 107px;
    background: #9c7856
}

.new_home3 .cont .r-box .txt-box {
    background-color: #942c2c
}

.new_home3 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 74px
}

.new_home4 {
    position: relative
}

.new_home4::before {
    content: '';
    position: absolute;
    width: 25.67708%;
    padding-top: 53.33333%;
    background: url(../image/lys/png110.png) no-repeat center;
    background-size: contain;
    left: 0;
    bottom: 52.28891%
}

.new_home4 .n-wrap {
    padding-top: 104px
}

.new_home4 .new_title {
    left: 1px
}

.new_home4 .new_title::before {
    bottom: 47.8427%;
    background-image: url(../image/lys/png57.png)
}

.new_home4 .new_title .h {
    top: 52.1573%
}

.new_home4 .new_title::after {
    top: 52.1573%
}

.new_home4 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.new_home4 .cont.pshow {
    margin-top: 70px
}

.new_home4 .cont.mshow {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new_home4 .cont .item {
    position: relative;
    width: calc(100% / 3);
    padding-left: 95px;
    -webkit-transition: all 1.4s;
    transition: all 1.4s
}

.new_home4 .cont .item:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.new_home4 .cont .item:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.new_home4 .cont .item .l-box .l-tit {
    font-size: 36px;
    font-family: sh;
    color: #481b1b;
    position: absolute;
    overflow: hidden;
    width: 95px;
    height: 207px;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    padding: 0 15px 0 7px
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .l-box .l-tit {
        font-size:24px
    }
}

body:not(.lang-en) .new_home4 .cont .item .l-box .l-tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .l-box .l-tit::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    position: absolute;
    top: 0;
    right: -1px;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home4 .cont .item .l-box .bg {
    width: 95px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    top: 17.23625%;
    bottom: 130px;
    left: 0;
    z-index: 1
}

.new_home4 .cont .item .img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home4 .cont .item .img::before {
    content: '';
    display: block;
    padding-top: 166.17284%
}

.new_home4 .cont .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home4 .cont .item .img a {
    display: block
}

.new_home4 .cont .item .img .txtbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 45px 43px
}

.new_home4 .cont .item .img .txtbox .t {
    font-size: 20px;
    color: #fff;
    line-height: 1.8
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .img .txtbox .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .t {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.new_home4 .cont .item .img .txtbox .new_more {
    position: absolute;
    right: 30px;
    bottom: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-shadow: 0px 0px 15px #000000
}

.new_home4 .cont .item .img .txtbox .new_more .icon {
    margin: 0 0 14px
}

.new_home4 .cont .item .img .txtbox .new_more .t {
    font-size: 16px
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .new_more .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .img .txtbox .new_more .icon::before {
    -webkit-box-shadow: 0px 0px 50px 0px #000000;
    box-shadow: 0px 0px 50px 0px #000000;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%
}

.new_home4 .cont .item:nth-child(1) .l-box .bg {
    background-image: url(../image/lys/jpg50.jpg)
}

.new_home4 .cont .item:nth-child(1) .l-box .l-tit::before {
    border-color: #b08b68
}

.new_home4 .cont .item:nth-child(2) .l-box .bg {
    background-image: url(../image/lys/jpg51.jpg)
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit {
    bottom: 83px
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit::before {
    border-color: #c64141
}

.new_home4 .cont .item:nth-child(3) .l-box .bg {
    background-image: url(../image/lys/jpg52.jpg)
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit {
    top: 0px
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit::before {
    border-color: #556f98
}

.new_home5 {
    position: relative;
    overflow: hidden
}

.new_home5::before {
    content: '';
    position: absolute;
    width: 28.17708%;
    padding-top: 52.60416%;
    background: url(../image/lys/png109.png) no-repeat center;
    background-size: contain;
    right: 0;
    bottom: 13.162878%
}

.new_home5 .new_title::before {
    background-image: url(../image/lys/png58.png);
    bottom: 57.6886%
}

.new_home5 .new_title::after {
    top: 42.3114%
}

.new_home5 .new_title .h {
    top: 42.3114%
}

.new_home5 .n-wrap {
    padding-top: 100px
}

.new_home5 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background: url(../image/lys/jpg55-1.jpg) no-repeat center;
    background-size: cover;
    padding: 126px 80px 153px;
    margin-top: 34px;
    position: relative
}

.new_home5 .cont::before {
    content: '';
    position: absolute;
    bottom: 60px;
    left: 80px;
    right: 90px;
    height: 40px;
    background: url(../image/lys/png81.gif);
    background-size: contain
}

.new_home5 .dl {
    width: 30.076%;
    min-width: 355px;
    padding-top: 34px;
    position: relative
}

.new_home5 .dl::before {
    content: '';
    width: 81.75%;
    padding-top: 73%;
    position: absolute;
    left: 100%;
    top: 0;
    background: url(../image/lys/png82.gif.png) no-repeat center;
    background-size: contain
}

.new_home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.new_home5 .dl .h b {
    font-weight: normal;
    font-size: 143px;
    line-height: 0.6;
    margin-left: 45px
}

.new_home5 .dl .h span {
    display: block
}

.new_home5 .dl .box {
    background: #942c2c
}

.new_home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(179,147,141,0.2)
}

.new_home5 .dl .hd span {
    font-family: xfont;
    width: 80px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.new_home5 .dl .hd strong {
    border-left: 1px solid rgba(179,147,141,0.2);
    border-right: 1px solid rgba(179,147,141,0.2);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.new_home5 .dl .hd .disp {
    opacity: 0;
    visibility: hidden
}

.new_home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 322px
}

.new_home5 .dl .calendar .fc-calendar .fc-head {
    font-size: 18px
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0;
    pointer-events: none
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div,.new_home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 50%;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    top: 0px;
    width: 2.75em;
    height: 2.75em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    padding-top: 0.75em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.new_home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.8em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px;
    position: relative;
    z-index: 2
}

.new_home5 .dl .calendar .fc-today .fc-date {
    background: #9c7856;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #7db879;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #dc6868;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #537db7;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-content {
    cursor: pointer
}

.new_home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .fc-row .fc-content {
    pointer-events: visible
}

.new_home5 .dl .bb {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(179,147,141,0.2);
    font-size: 14px
}

.new_home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.new_home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.new_home5 .dl .bb span:nth-child(1):before {
    background: #7db879
}

.new_home5 .dl .bb span:nth-child(2):before {
    background: #dc6868
}

.new_home5 .dl .bb span:nth-child(3):before {
    background: #537db7
}

.new_home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 140px;
    width: 0;
    position: relative
}

.new_home5 .dr .list {
    margin-top: 22px
}

.new_home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px
}

.new_home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 43.7%;
    margin-top: 6px
}

.new_home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 141.69096%
}

.new_home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home5 .dr .item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 95px
}

.new_home5 .dr .item .text .h {
    font-size: 22px;
    line-height: 1.45
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text .h {
        font-size:18px
    }
}

.new_home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 28px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text ul {
        font-size:18px
    }
}

.new_home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 5px
}

.new_home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.new_home5 .dr .item .text li i img {
    width: 100%;
    height: auto;
    display: block
}

.new_home5 .dr .slick-tools {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: calc(43.7% + 95px);
    bottom: 75px
}

.new_home5 .dr .slick-tools .slick-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow {
    width: 50px;
    height: 50px;
    background: url(../image/lys/png36.png) no-repeat center;
    background-size: contain;
    font-family: xfont
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
    margin-left: 20px
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow::before {
    content: '\e504';
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home5 .dr .slick-tools .slick-nav .slick-next::before {
    content: '\e505'
}

.new_home5 .dr .slick-tools .slick-paging {
    margin-left: 20px;
    font-size: 24px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .slick-tools .slick-paging {
        font-size:18px
    }
}

.new_home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #612525;
    width: 4px
}

.new_home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #942c2c;
    width: 2px
}

.new_home6 {
    position: relative
}

.new_home6 .new_title {
    left: -2px
}

.new_home6 .new_title::before {
    background-image: url(../image/lys/png59.png);
    bottom: 76.4261%
}

.new_home6 .new_title::after {
    top: 23.5739%;
    bottom: 38.7583%
}

.new_home6 .new_title .h {
    top: 23.5739%
}

.new_home6 .n-wrap {
    padding-top: 107px
}

.new_home6 .cont {
    margin-top: 26px
}

.new_home6 .cont .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home6 .cont .tabs .item {
    position: relative;
    width: 10.6%;
    margin: 0 4.4666%;
    text-align: center
}

.new_home6 .cont .tabs .item::before {
    content: '';
    padding-top: 94.96855%;
    display: block
}

.new_home6 .cont .tabs .item+.item .line {
    border-top: 1px solid #e0d9ce;
    position: absolute;
    bottom: 42px;
    width: 66.0377%;
    right: calc(100% + 13px)
}

.new_home6 .cont .tabs .item+.item .line::before,.new_home6 .cont .tabs .item+.item .line::after {
    content: '';
    position: absolute;
    top: 50%;
    border-left: 1px solid #e0d9ce;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 11px
}

.new_home6 .cont .tabs .item+.item .line::before {
    left: -1px
}

.new_home6 .cont .tabs .item+.item .line::after {
    right: -1px
}

.new_home6 .cont .tabs .item a {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent
}

.new_home6 .cont .tabs .item .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

.new_home6 .cont .tabs .item .bg .bg-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 1.2s;
    transition: all 1.2s
}

.new_home6 .cont .tabs .item .bg .be {
    background-image: url(../image/lys/png113.png);
    -webkit-animation: hd 5s infinite linear;
    animation: hd 5s infinite linear
}

.new_home6 .cont .tabs .item .bg .af {
    background-image: url(../image/lys/png112.png);
    -webkit-animation: hd1 5s infinite linear;
    animation: hd1 5s infinite linear
}

.new_home6 .cont .tabs .item .ipd {
    position: absolute;
    z-index: 2;
    padding-bottom: 26px;
    bottom: 0;
    left: 0;
    width: 100%
}

.new_home6 .cont .tabs .item .icon {
    width: 32.7044%;
    position: relative;
    overflow: hidden;
    margin: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.new_home6 .cont .tabs .item .icon::before {
    content: '';
    display: block;
    padding-top: 105.76923%
}

.new_home6 .cont .tabs .item .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .tabs .item .icon .i2 {
    opacity: 0
}

.new_home6 .cont .tabs .item .t {
    font-size: 22px;
    color: #481b1b;
    margin-top: 3px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:18px
    }
}

.new_home6 .cont .tabs .item.now .bg {
    opacity: 1;
    visibility: visible
}

.new_home6 .cont .tabs .item.now .icon .i2 {
    opacity: 1
}

.new_home6 .cont .tabs .item.now .icon .i1 {
    opacity: 0
}

.new_home6 .cont .tabs .item.now .t {
    color: #fff
}

.new_home6 .cont .dr {
    position: relative;
    margin-top: 80px
}

.new_home6 .cont .dr .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new_home6 .cont .dr .list.act {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2
}

.new_home6 .cont .dr .list .item {
    position: relative;
    width: calc(100% / 3)
}

.new_home6 .cont .dr .list .item:hover {
    z-index: 1
}

.new_home6 .cont .dr .list .item .pic {
    position: relative;
    overflow: hidden
}

.new_home6 .cont .dr .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 74%
}

.new_home6 .cont .dr .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .dr .list .item .text .h {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    font-family: 'sh';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:28px
    }
}

.new_home6 .cont .dr .list .item .text .new_more {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.new_home6 .cont .dr .list .item .text .new_more .icon {
    margin: 0
}

@-webkit-keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

@keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

.new_home7 {
    position: relative
}

.new_home7::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png92.png) no-repeat bottom center;
    background-size: contain;
    padding-top: 37.0833%
}

.new_home7 .n-wrap {
    padding-top: 88px;
    padding-bottom: 128px
}

.new_home7 .cont {
    margin-top: 82px;
    position: relative
}

.new_home7 .line-box {
    position: absolute;
    left: 50%;
    bottom: 25.792%;
    padding-top: 14.3229%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.new_home7 .line-box .slick-mod {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.new_home7 .line-box img {
    width: 100%;
    height: auto
}

.new_home7 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home7 .list .item {
    width: calc((100% - 100px) / 3);
    position: relative
}

.new_home7 .list .item+.item {
    margin-left: 50px
}

.new_home7 .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.new_home7 .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home7 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home7 .img img {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.new_home7 .txt-box {
    text-align: center;
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    padding: 55px 10px 0
}

.new_home7 .txt-box .t1 {
    font-size: 36px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t1 {
        font-size:24px
    }
}

.new_home7 .txt-box .t2 {
    font-size: 22px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t2 {
        font-size:18px
    }
}

.new_home8 {
    position: relative
}

.new_home8::before {
    content: '';
    width: 19.7916%;
    padding-top: 54.9479%;
    position: absolute;
    left: 0;
    top: -8.714%;
    background: url(../image/lys/png106.png) no-repeat center;
    background-size: contain
}

.new_home8::after {
    content: '';
    width: 11.4583%;
    padding-top: 14.7916%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png107.png) no-repeat center;
    background-size: contain
}

.new_home8 .n-wrap {
    padding: 108px 0 300px
}

.new_home8 .cont {
    position: relative;
    margin-top: 59px
}

.new_home8 .cont::after {
    content: '';
    width: 100vw;
    padding-top: 13.2%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../image/lys/png108.png);
    z-index: 1
}

.new_home8 .cont .imgbox {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding-top: 98.86364%;
    position: relative
}

.new_home8 .cont .img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    overflow: hidden;
    border-radius: 0 150px 0 150px
}

.new_home8 .cont .img img {
    width: 100%;
    height: auto
}

.new_home8 .cont .i2 {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.new_home8 .cont .tbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 25px 38px;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home8 .cont .tbox .t {
    font-size: 24px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:18px
    }
}

.new_home8 .cont .list {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home8 .cont .list .li {
    position: relative;
    width: calc((100% - 180px) / 3)
}

.new_home8 .cont .list .li+.li {
    margin-left: 90px
}

.new_home8 .cont .list .li .zs {
    position: absolute;
    top: 42.0689%;
    left: 100%;
    height: 47.5862%;
    overflow: hidden
}

.new_home8 .cont .list .li .zs::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    -webkit-transform: skewY(-32deg);
    transform: skewY(-32deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    display: block
}

.new_home8 .cont .list .li:nth-child(1) .zs::before {
    border-color: #c64141
}

.new_home8 .cont .list .li:nth-child(1) .tbox {
    background-image: url(../image/lys/png103.png)
}

.new_home8 .cont .list .li:nth-child(2) {
    -webkit-transform: translateY(83px);
    transform: translateY(83px)
}

.new_home8 .cont .list .li:nth-child(2) .zs::before {
    border-color: #b08b68
}

.new_home8 .cont .list .li:nth-child(2) .tbox {
    background-image: url(../image/lys/png104-1.png)
}

.new_home8 .cont .list .li:nth-child(3) .zs::before {
    border-color: #556f98
}

.new_home8 .cont .list .li:nth-child(3) .tbox {
    background-image: url(../image/lys/png105.png)
}

@media screen and (min-width: 1025px) {
    .new_home1 .banner-map .item-menubox .item-link:hover::before {
        background-image:url(../image/lys/png91.png);
        background-position: center
    }

    .new_home2 .box1 .r .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .r .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r .item:hover::after {
        top: 0;
        left: 0;
        opacity: 1
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt:hover .p {
        color: #fff
    }

    .new_home2 .box1 .l .l_bottom .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .l .l_bottom .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover {
        background: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover::after {
        opacity: 0
    }

    .new_home4 .cont .item:hover .l-box .l-tit {
        -webkit-transform: translateY(-94px);
        transform: translateY(-94px);
        -webkit-transition-delay: 0.02s;
        transition-delay: 0.02s
    }

    .new_home4 .cont .item:hover .img {
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px)
    }

    .new_home4 .cont .item .img:hover .i {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .new_home6 .cont .tabs .item:hover .icon {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .new_home6 .cont .tabs .item:hover .bg .af {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .new_home6 .cont .tabs .item:hover .bg .be {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .new_home6 .cont .dr .list .item:hover .text .h {
        opacity: 1;
        margin-top: 0
    }

    .new_home7 .item:hover .i {
        width: 105%
    }

    .new_home8 .cont .list .li:hover .i2 {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .new_home8 .cont .list .li:hover .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 1720px) {
    .new_title {
        font-size:40px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1720px) and (max-width: 768px) {
    .new_title {
        font-size:26px
    }
}

@media screen and (max-width: 1720px) {
    .new_home2 .n-wrap {
        padding-top:80px
    }

    .new_home3 .n-wrap {
        padding-top: 80px
    }

    .new_home4 .n-wrap {
        padding-top: 80px
    }

    .new_home5 .n-wrap {
        padding-top: 80px
    }

    .new_home6 .n-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1600px) {
    .new_home2 .box1 .l .l_top .item .img .t {
        padding:15px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding-left: 35px;
        padding-right: 35px
    }

    .new_home2 .box1 .r .item a {
        padding: 25px;
        line-height: 1.5
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t a {
        padding: 0
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 25px 25px 44px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 189px
    }

    .new_home3 .cont .r .r-box {
        padding: 50px
    }

    .new_home3 .cont .r .r-box .list {
        margin-top: 40px
    }

    .new_home3 .cont .l .l-box {
        padding: 50px
    }

    .new_home3 .cont .l .l-box .morebox {
        margin-top: 40px
    }

    .new_home4 .cont .item {
        padding-left: 80px
    }

    .new_home4 .cont .item .img .txtbox {
        padding: 20px
    }

    .new_home4 .cont .item .l-box .bg {
        width: 80px
    }

    .new_home4 .cont .item .l-box .l-tit {
        width: 80px
    }

    .new_home4 .cont .item .img .txtbox .new_more {
        right: 20px;
        bottom: 20px
    }

    .new_home5 .cont {
        padding: 68px 50px 76px
    }

    .new_home5 .cont::before {
        left: 50px;
        right: 50px;
        bottom: 30px
    }

    .new_home5 .dr {
        margin-left: 100px
    }

    .new_home5 .dr .item .pic {
        width: 50%
    }

    .new_home5 .dr .item .text {
        margin-left: 20px
    }

    .new_home5 .dr .item:nth-child(even) .text {
        padding: 35px;
        margin: 0;
        padding-left: 0
    }

    .new_home5 .dr .item .text ul {
        margin-top: 15px
    }

    .new_home5 .dr .slick-tools {
        left: calc(50% + 20px)
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:16px
    }
}

@media screen and (max-width: 1600px) {
    .new_home6 .cont .dr {
        margin-top:40px
    }
}

@media screen and (max-width: 1500px) {
    .new_home1 .child .txtbox .t1 {
        font-size:60px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 40px
    }

    .new_home1 .child .tit {
        font-size: 80px;
        margin-left: 30px
    }

    .new_home5 .dr .item .text .h {
        font-size: 20px
    }

    .new_home5 .dr .item .text ul {
        font-size: 16px
    }

    .new_home3 .cont .txt-box {
        padding: 40px 50px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 20px
    }
}

@media screen and (max-width: 1400px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding-bottom:45px
    }

    .new_home8 .cont .list .li {
        width: calc((100% - 80px) / 3)
    }

    .new_home8 .cont .list .li+.li {
        margin-left: 40px
    }

    .new_home8 .cont .tbox {
        padding: 20px
    }

    .new_home8 .cont .img {
        border-radius: 0 120px 0 120px
    }

    .new_home8 .cont .tbox .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1400px) and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .new_home1 .child .tit {
        font-size:60px;
        margin-left: 10px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 160px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt {
        height: auto
    }

    .new_home2 .box1 .r {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .item .t {
        font-size: 18px
    }

    .new_home2 .box1 .r .item a {
        padding: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 20px 20px 30px
    }

    .new_home2 .box1 .l .l_bottom .item,.new_home2 .box1 .l .l_top .item .img .t {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .slick-dots {
        bottom: 78px
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 18px;
        padding: 15px 0 0 15px
    }

    .new_home3 .cont .l .l-box .l-t,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size: 18px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size: 16px
    }

    .new_home4 .cont .item .l-box .l-tit {
        font-size: 28px;
        height: 120px
    }

    .new_home4 .cont .item .img .txtbox .t {
        font-size: 16px
    }
}

@media screen and (max-width: 1200px) {
    .demo1 {
        right:60px
    }
}

@media screen and (max-width: 1100px) {
    .new_home2 .n-wrap {
        padding-top:60px
    }

    .new_home3 .n-wrap {
        padding-top: 60px
    }

    .new_home4 .n-wrap {
        padding-top: 60px
    }

    .new_home5 .n-wrap {
        padding-top: 60px
    }

    .new_home7 .n-wrap {
        padding-top: 60px;
        padding-bottom: 0
    }

    .new_home8 .n-wrap {
        padding-top: 60px;
        padding-bottom: 260px
    }

    .new_home6 .cont .tabs .item .ipd {
        padding-bottom: 15px
    }
}

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

    .nh_line {
        display: none
    }

    .new_title {
        position: static;
        width: auto;
        margin-bottom: 30px
    }

    .new_title::before {
        display: none
    }

    .new_title::after {
        display: none
    }

    .new_title .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .new_title .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_title .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .new_title .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home1 .child {
        height: calc(100vh - 62px)
    }

    .new_home2 .n-wrap {
        padding-top: 50px
    }

    .new_home3 .n-wrap {
        padding-top: 40px
    }

    .new_home4 .n-wrap {
        padding-top: 40px
    }

    .new_home5 .n-wrap {
        padding-top: 40px
    }

    .new_home6 .n-wrap {
        padding-top: 40px
    }

    .new_home1 {
        margin-top: 0
    }

    .new_home1 .child .tit {
        font-size: 40px;
        margin-left: 0
    }

    .new_home2 .box1 .item::before {
        display: none
    }

    .new_home2 .box2 {
        display: block
    }

    .new_home2 .box2 .li {
        width: 100% !important;
        height: 250px
    }

    .new_home2 .box2 .li .l-t {
        padding: 20px 0
    }

    .new_home2 .box2 .li .l-t .t {
        font-size: 18px
    }

    .new_home2 .box2 .li+.li {
        margin-top: 10px
    }

    .new_home2 .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r .item a {
        padding: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 15px
    }

    .new_home3 .cont .txt-box .l-t {
        height: auto
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 35px
    }

    .new_home3 .cont .r .r-box .list,.new_home3 .cont .l .l-box .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
        display: none
    }

    .new_home4 .cont .item {
        padding-left: 60px
    }

    .new_home4 .cont .item .l-box .l-tit {
        padding: 0;
        top: 0 !important;
        bottom: auto;
        width: 60px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .new_home4 .cont .item .l-box .bg {
        width: 60px
    }

    .new_home4 .cont .item .l-box .l-tit::before {
        display: none
    }

    .new_home4 .cont .item:nth-child(2) .img,.new_home4 .cont .item:nth-child(1) .img {
        top: 0
    }

    .new_home5 .cont {
        padding: 20px 20px 60px;
        display: block
    }

    .new_home5 .cont::before {
        left: 20px;
        right: 20px;
        height: 20px
    }

    .new_home5 .dl {
        width: 100%;
        min-width: auto;
        padding-top: 0
    }

    .new_home5 .dl::before {
        display: none
    }

    .new_home5 .dl .h b {
        font-size: 100px;
        margin-left: 0
    }

    .new_home5 .dl .box {
        margin-top: 0px
    }

    .new_home5 .dr {
        margin: 30px 0 0;
        width: 100%
    }

    .new_home5 .dr .item {
        padding-left: 0
    }

    .new_home6 .cont {
        display: block
    }

    .new_home6 .cont .tabs {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .new_home6 .cont .tabs .item {
        width: 15%;
        margin: 0 10px
    }

    .new_home6 .cont .dr {
        margin-top: 20px
    }

    .new_home6 .cont .dr .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .dr .list .item {
        width: 50% !important;
        margin: 0 !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        left: auto !important
    }

    .new_home6 .cont .dr .list .m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 15px
    }

    .new_home6 .cont .dr .list .item .text .h {
        margin: 0;
        opacity: 1;
        visibility: visible;
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:18px
    }
}

@media screen and (max-width: 1024px) {
    .new_home6 .cont .dr .list .item .text {
        padding:0
    }

    .new_home6 .cont .tabs .item::before {
        height: 5px;
        width: 100%;
        top: auto;
        bottom: 0
    }

    .new_home6 .cont .tabs .item.now::before {
        height: 100%
    }

    .new_home6 .cont .tabs .item+.item .line {
        display: none
    }

    .new_home1 .banner-map {
        right: 20px
    }

    .new_home1 .banner-map .img {
        width: 80px
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        padding: 10px 10px 10px 30px
    }

    .new_home1 .banner-map .item-menubox .item-link::before {
        top: 11px;
        right: 100%
    }

    .new_home1 .banner-map .item-menubox .item-link a {
        padding: 5px 0
    }

    .new_home7 .cont {
        padding-top: 0
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home7 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .new_home7 .list .item {
        position: relative;
        width: calc((100% - 20px) / 2);
        height: auto;
        padding: 0;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home7 .list .item:nth-child(2) {
        margin-left: 20px
    }

    .new_home7 .list .img,.new_home7 .list.on .img {
        width: 100%;
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        -webkit-transition: none;
        transition: none
    }

    .new_home7 .list .txt-box,.new_home7 .list.on .txt-box {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: none;
        transition: none;
        padding-top: 0
    }

    .new_home7 .txt-box .t2 {
        margin-top: 5px
    }

    .new_home7 .item::after {
        display: none
    }

    .new_home7 .txt-box .t1,.new_home7 .txt-box .t2 {
        color: #fff
    }

    .new_home7 .img .mask {
        background: rgba(0,0,0,0.3)
    }

    .new_home8 .n-wrap {
        padding-bottom: 160px
    }

    .new_home8 .cont {
        margin-top: 20px
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home8 .cont .i2 {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 850px) {
    .new_home2 .box1 {
        display:none
    }

    .new_home2 .box1.m-show {
        display: block
    }

    .new_home2 .box1.m-show .item .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box1.m-show .item .img::before {
        content: '';
        display: block;
        padding-top: 56.08108%
    }

    .new_home2 .box1.m-show .item .img .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box1.m-show .item+.item {
        margin-top: 10px
    }

    .new_home2 .box1.m-show .item.item-img a {
        padding: 0
    }

    .new_home2 .box1.m-show .item.item-img .t {
        padding: 10px 20px
    }

    .new_home2 .box1.m-show .item a {
        padding: 10px 20px;
        display: block
    }

    .new_home2 .box1 .l {
        width: 100%
    }

    .new_home2 .box1 .l .slick-track {
        width: 100% !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide {
        margin-top: 10px
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide .img {
        display: none
    }

    .new_home2 .box1 .l .l_top .item .t {
        padding: 10px 20px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding: 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r {
        display: block;
        position: relative;
        width: 100%
    }

    .new_home2 .box1 .r .item {
        margin: 10px 0 0;
        width: 100%
    }

    .new_home2 .box1 .r .item a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r .item:nth-child(-n+2) {
        margin-top: 10px
    }

    .new_home2 .box1 .r-img-box .t-box {
        display: block
    }

    .new_home2 .box1 .r-img-box .b-box {
        margin: 0
    }

    .new_home2 .box1 .r-img-box .item {
        min-height: auto;
        height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item {
        min-height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item .txt {
        padding-bottom: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .t-box,.new_home2 .box1 .r-imgtxt-box .b-box {
        display: block
    }

    .new_home2 .box2 .li {
        display: block;
        height: auto
    }

    .new_home2 .box2 .li .l-t {
        width: 100%;
        padding: 10px 20px;
        background-size: cover
    }

    .new_home2 .box2 .li .l-t .t {
        text-align: center
    }

    body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home2 .box2 .li .bg {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box2 .li .bg::before {
        content: '';
        display: block;
        padding-top: 34.375%
    }

    .new_home2 .box2 .li .bg .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box2 .li .bg a {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home2 .box1 .r-img-box .item-img .img::before {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .img img,.new_home2 .box1 .r-img-box .item-img .img .mask {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .t {
        position: static;
        padding: 0;
        color: #481c1c
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        display: none
    }

    .new_home3 .cont {
        display: block
    }

    .new_home3 .cont .img-box .bg {
        display: none
    }

    .new_home3 .cont .img {
        width: 100%
    }

    .new_home3 .cont .txt-box {
        padding: 20px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 10px
    }

    .new_home3 .cont .r-box,.new_home3 .cont .l-box {
        width: 100%;
        display: block
    }

    .new_home3 .cont .r-box {
        margin-top: 30px
    }

    .new_home3 .cont .l-box .img-box .bg {
        display: none
    }

    .new_home3 .morebox {
        margin-top: 20px
    }

    .new_home8 .n-wrap {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .new_home8 .cont::after {
        display: none
    }

    .new_home8 .cont .list {
        display: block
    }

    .new_home8 .cont .list .li {
        width: 100%
    }

    .new_home8 .cont .list .li+.li {
        margin: 20px 0 0
    }

    .new_home8 .cont .list .li:nth-child(2) {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .list .li .zs {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .new_home2 .box1 .item .n {
        display:-webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_title .h {
        font-size: 28px
    }

    .new_home1 .child {
        height: calc(100vh - 60px)
    }

    .new_home1 .child video {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home1 .child .tit {
        margin-left: 10px;
        font-size: 24px
    }

    .new_home1 .banner-tools {
        bottom: 15px;
        right: 10px
    }

    .new_home1 .banner-tools .nav {
        padding: 5px
    }

    .new_home1 .slick-dot {
        margin: 0 5px
    }

    .new_home1 .child .txtbox {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .new_home1 .child .txtbox .t1 {
        font-size: 24px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 20px
    }

    .new_home1 .banner-map {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home1 .banner-map .item-menubox {
        right: auto;
        left: 0px;
        top: calc(100% + 5px)
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        width: 160px
    }

    .new_home1 .banner-map .item {
        z-index: 1
    }

    .new_home1 .banner-map .item:first-child {
        z-index: 9
    }

    .new_home1 .banner-map .item .img {
        width: 70px
    }

    .new_home1 .banner-map .item+.item {
        margin: 0 0 0 10px
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 20px
    }

    .new_home3 .cont .r .r-box .list .li a {
        display: block
    }

    .new_home3 .cont .r .r-box .list .li .img {
        width: 100%
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 16px;
        padding: 5px 0 0
    }

    .new_home3 .cont .l .l-box .p {
        margin-top: 5px
    }

    .new_home3 .cont .txt-box .l-t {
        font-size: 18px
    }

    .new_home3 .cont .txt-box .p {
        font-size: 14px
    }

    .new_home4 .cont {
        display: block
    }

    .new_home4 .cont.mshow {
        opacity: 1;
        visibility: visible;
        position: relative;
        z-index: 2
    }

    .new_home4 .cont.pshow {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: -1
    }

    .new_home4 .cont .item {
        width: 100%;
        padding-left: 0
    }

    .new_home4 .cont .item+.item {
        margin-top: 15px
    }

    .new_home4 .cont .item .l-box .bg {
        display: none
    }

    .new_home4 .cont .item .img {
        margin-left: 60px
    }

    .new_home4 .cont .item .img .i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox .slick-arrow {
        width: 40px;
        height: 40px;
        background: url(../image/lys/png36.png) no-repeat center;
        background-size: contain;
        font-family: xfont
    }

    .new_home4 .m-arrbox .slick-arrow::before {
        content: '\e504';
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff
    }

    .new_home4 .m-arrbox .slick-next {
        margin-left: 20px
    }

    .new_home4 .m-arrbox .slick-next::before {
        content: '\e505'
    }

    .new_home5 .dr {
        margin-top: 20px
    }

    .new_home5 .dr .item {
        display: block
    }

    .new_home5 .dr .item .pic {
        width: 100%;
        margin-top: 0
    }

    .new_home5 .dr .item .text {
        padding: 10px 0 0;
        margin: 0
    }

    .new_home5 .dr .item .text .h {
        font-size: 18px
    }

    .new_home5 .dr .item .text ul {
        margin-top: 5px
    }

    .new_home5 .dr .slick-tools {
        margin-top: 20px;
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-paging {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0
    }

    .new_home5 .dr .slick-tools .slick-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow {
        width: 40px;
        height: 40px
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
        margin-left: 80px
    }

    .new_home5 .cont {
        padding: 20px 10px 40px
    }

    .new_home5 .cont::before {
        bottom: 15px
    }

    .new_home5 .dl .calendar {
        height: 280px
    }

    .new_home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .new_home5 .dl .hd span {
        width: 60px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
        width: 2em;
        height: 2em;
        padding-top: 0.25em;
        font-size: 18px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-content>div {
        padding-top: 1.5rem
    }

    .new_home5 .dl .calendar .fc-calendar .fc-head {
        font-size: 16px
    }

    .new_home5 .dl .h b {
        font-size: 40px
    }

    .new_home5 .dl .box {
        margin-top: 20px
    }

    .new_home5 .dl .calendar .fc-calendar .a,.new_home5 .dl .calendar .fc-calendar .b,.new_home5 .dl .calendar .fc-calendar .c {
        width: 4px;
        height: 4px
    }

    .new_home5 .dl .bb span {
        padding-left: 10px;
        margin: 0 5px;
        font-size: 12px
    }

    .new_home5 .dl .bb span:before {
        width: 5px;
        height: 5px
    }

    .new_home6 .n-wrap {
        padding-bottom: 0px
    }

    .new_home6 .cont .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .tabs .item {
        width: 30%;
        height: auto;
        padding: 0 2px;
        margin: 0 0 10px
    }

    .new_home6 .cont .tabs .item .icon {
        width: 28.7044%
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 16px
    }

    .new_home6 .cont .dr .list .item {
        width: 100% !important
    }

    .new_home6 .cont .dr .list .item+.item {
        margin-top: 15px !important
    }

    .new_home7 .n-wrap {
        padding-top: 40px
    }

    .new_home2 .box2 .li .l-t .t br {
        display: block
    }

    .new_home2 .box2 .li .l-t {
        padding: 10px 10px
    }
}

.humanities1 {
    position: relative;
    height: 790px;
    background: #fff url(../image/xf/bg8.jpg) center top no-repeat
}

.humanities1::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5%;
    height: 96px;
    background: url(../image/xf/png11.png) center no-repeat;
    pointer-events: none;
    z-index: 1
}

.humanities1 .x-wrap {
    z-index: 2
}

.humanities1 .line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.humanities1 .line .i {
    width: 1px;
    background-color: #d6d6d6
}

.humanities1 .li {
    position: absolute;
    padding: 40px 38px;
    cursor: pointer
}

.humanities1 .li::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 40px 0;
    background: transparent;
    border-left: 8px solid;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities1 .li .t {
    position: relative;
    font-family: sh;
    font-size: 24px;
    color: #333;
    line-height: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

body:not(.lang-en) .humanities1 .li .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .humanities1 .li .t {
        font-size:18px
    }
}

.humanities1 .li1 {
    left: calc((100% / 6) * 1);
    top: 120px;
    color: #903e3d
}

.humanities1 .li2 {
    left: calc((100% / 6) * 1);
    top: 378px;
    color: #5c7557
}

.humanities1 .li3 {
    left: calc((100% / 6) * 2);
    top: 246px;
    color: #476585
}

.humanities1 .li4 {
    left: calc((100% / 6) * 2);
    top: 450px;
    color: #476585
}

.humanities1 .li5 {
    left: calc((100% / 6) * 3);
    top: 136px;
    color: #5c7557
}

.humanities1 .li6 {
    left: calc((100% / 6) * 3);
    top: 434px;
    color: #903e3d
}

.humanities1 .li7 {
    left: calc((100% / 6) * 4);
    top: 240px;
    color: #476585
}

.humanities1 .li8 {
    left: calc((100% / 6) * 4);
    top: 440px;
    color: #903e3d
}

.humanities1 .li9 {
    left: calc((100% / 6) * 5);
    top: 110px;
    color: #476585
}

.humanities1 .li10 {
    left: calc((100% / 6) * 5);
    top: 368px;
    color: #5c7557
}

.humanities2 {
    position: relative;
    padding-bottom: 140px
}

.humanities2 .tracker-mod {
    background-color: #7c3030;
    color: #da9292;
    padding: 0 180px
}

.humanities2 .tracker-mod .tracker-track {
    display: table;
    white-space: nowrap;
    text-align: center
}

.humanities2 .tracker-mod .tracker-item {
    position: relative;
    margin: 0 50px;
    padding: 34px 0;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width: 768px) {
    .humanities2 .tracker-mod .tracker-item {
        font-size:16px
    }
}

.humanities2 .tracker-mod .tracker-item::before,.humanities2 .tracker-mod .tracker-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities2 .tracker-mod .tracker-item::before {
    left: 0;
    right: 0;
    bottom: 30px;
    border-bottom: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item::after {
    left: 50%;
    height: 30px;
    border-left: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item.cur {
    color: #fff
}

.humanities2 .tracker-mod .tracker-item.cur::before,.humanities2 .tracker-mod .tracker-item.cur::after {
    opacity: 1
}

.humanities2 .unit {
    position: relative
}

.humanities2 .slick-item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.humanities2 .slick-item .cont {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 50px;
    padding-bottom: 90px;
    width: 32%
}

.humanities2 .slick-item .t {
    font-family: sh;
    font-size: 30px
}

@media screen and (max-width: 768px) {
    .humanities2 .slick-item .t {
        font-size:22px
    }
}

.humanities2 .slick-item .p {
    margin-top: 24px;
    line-height: 1.75
}

body:not(.lang-en) .humanities2 .slick-item .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.humanities2 .slick-item .p .scroll-mod {
    height: 220px
}

.humanities2 .slick-item .p .scroll-mod .scroll-track-x {
    display: none
}

.humanities2 .slick-item .more1 {
    margin-top: 56px
}

.humanities2 .slick-item .img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 68%
}

.humanities2 .slick-item .img::before {
    content: '';
    display: block;
    padding-top: 80.19608%
}

.humanities2 .slick-item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-item .line {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 2.4%;
    background: center no-repeat;
    background-size: contain
}

.humanities2 .slick-item .line::before {
    content: '';
    display: block;
    padding-top: 15.625%
}

.humanities2 .slick-item .line .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.humanities2 .slick-arrow::before,.humanities2 .slick-arrow::after {
    display: block;
    width: 76px;
    height: 67px;
    background: url(../image/xf/png12.png) no-repeat;
    background-size: contain
}

.humanities2 .slick-arrow .t {
    margin: 0 18px;
    width: 1em;
    line-height: 1
}

.humanities2 .slick-prev {
    left: 0
}

.humanities2 .slick-prev::before {
    content: ''
}

.humanities2 .slick-next {
    right: 0
}

.humanities2 .slick-next::after {
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 1025px) {
    .humanities1 .li:hover::before {
        margin:0;
        background-color: #85a082
    }

    .humanities1 .li:hover .t {
        color: #fff
    }

    .humanities2 .slick-arrow:hover {
        color: #883736
    }

    .humanities2 .tracker-mod.f {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9;
        top: 0
    }
}

@media screen and (max-width: 1680px) {
    .humanities2 .tracker-mod {
        padding:0 100px
    }

    .humanities2 .slick-item .box {
        margin: 0 90px
    }
}

@media screen and (max-width: 1500px) {
    .humanities2 .tracker-mod .tracker-item {
        margin:0 30px
    }
}

@media screen and (max-width: 1280px) {
    .humanities2 .tracker-mod {
        padding:0 70px
    }

    .humanities2 .slick-item .box {
        display: block
    }

    .humanities2 .slick-item .cont {
        padding: 50px;
        padding-bottom: 0;
        width: 100%
    }

    .humanities2 .slick-item .img {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .humanities2 .tracker-mod {
        padding:0 15px
    }

    .humanities2 .tracker-mod .tracker-item {
        margin: 0 10px
    }
}

@media screen and (max-width: 767px) {
    .humanities1 {
        display:none
    }

    .humanities1::after {
        height: auto;
        background-size: cover
    }

    .humanities2 {
        padding-bottom: 50px;
        padding-top: 0 !important
    }

    .humanities2 .tracker-box {
        overflow: auto
    }

    .humanities2 .tracker-item {
        padding: 20px 0
    }

    .humanities2 .tracker-item::before {
        bottom: 15px
    }

    .humanities2 .tracker-item::after {
        height: 15px
    }

    .humanities2 .slick-item .line {
        display: none
    }

    .humanities2 .slick-item .box {
        margin: 0
    }

    .humanities2 .slick-item .cont {
        padding: 20px 0
    }

    .humanities2 .slick-item .p {
        margin-top: 10px
    }

    .humanities2 .slick-item .more1 {
        margin-top: 20px
    }

    .humanities2 .slick-arrow {
        visibility: hidden
    }
}

.identification {
    background: url(../image/lys/jpg15-1.jpg) no-repeat top center;
    margin-bottom: -132px;
    padding: 235px 0 237px
}

.identification .line {
    width: 11px;
    height: 118px;
    background: url(../image/lys/png25.png) no-repeat center;
    background-size: contain;
    margin: auto
}

.identification .img {
    margin: auto
}

.identification .img img {
    width: 100%
}

.identification .fw {
    font-weight: bold
}

.identification .pbox {
    line-height: 1.75;
    max-width: 1118px;
    margin: auto
}

.identification .box1 {
    padding-bottom: 40px
}

.identification .box1 .img {
    margin: 22px 0
}

.identification .box1 .p {
    margin-top: 20px
}

.identification .box1 img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: auto
}

.identification .box1 .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.identification .box1 .img-box img {
    margin: 0 80px;
    width: 27.53333%
}

.identification .box1 .img-box img:nth-child(1) {
    width: 36%
}

.identification .box2 {
    padding: 34px 0
}

.identification .box2 .s_title+.s_title {
    margin-top: 10px
}

.identification .box2 .img {
    width: 297px;
    margin-top: 19px
}

.identification .box2 .img-1 {
    margin: 20px auto 0;
    width: 929px
}

.identification .box2 .img-1 img {
    display: block;
    width: 100%
}

.identification .box2 .rp {
    text-align: right;
    margin-top: 20px
}

.identification .box2 .school-anniversary-day {
    margin-top: 20px;
    font-family: sh;
    font-size: 42px;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width: 768px) {
    .identification .box2 .school-anniversary-day {
        font-size:26px
    }
}

.identification .box2 .pbox {
    margin-top: 22px
}

.identification .box3 {
    padding-top: 35px
}

.identification .box3 .img {
    width: 929px;
    margin-top: 93px
}

.identification .box3 .pbox {
    margin-top: 14px
}

@media screen and (max-width: 1600px) {
    .identification {
        padding:160px 0
    }
}

@media screen and (max-width: 1200px) {
    .identification .box3 .img,.identification .box2 .img-1 {
        width:100%
    }

    .identification .pbox {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .identification {
        padding:80px 0 160px;
        background-position: center -100px
    }

    .identification .box1 .img {
        width: 180px;
        margin: 20px auto
    }
}

@media screen and (max-width: 767px) {
    .identification {
        padding:50px 0 160px;
        background-size: cover;
        background-position: center -40px
    }

    .identification .line {
        display: none
    }

    .identification .box1 {
        padding-bottom: 0
    }

    .identification .box1 .img-box {
        display: block
    }

    .identification .box1 .img-box img {
        width: 100% !important;
        margin: 0
    }

    .identification .box1 .img-box img+img {
        margin-top: 15px
    }

    .identification .box2 {
        padding: 50px 0 0
    }

    .identification .box3 {
        padding: 50px 0 0
    }

    .identification .box3 .img {
        margin-top: 45px
    }

    .identification .box2 .img {
        width: 40%
    }
}

.jzzjg1 {
    padding: 150px 0 215px
}

.jzzjg1 .box+.box {
    margin-top: 30px
}

.jzzjg1 .title2 {
    color: #fff;
    text-align: center;
    padding: 15px;
    background: url(../image/bar1.jpg) no-repeat center;
    background-size: cover
}

.jzzjg1 .title2 .t1 {
    font-size: 30px;
    line-height: 1.3;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:22px
    }
}

.jzzjg1 .list {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jzzjg1 .list .item {
    margin-left: 30px;
    padding: 25px 0;
    position: relative
}

.jzzjg1 .list .item.item1 {
    width: 32.4%
}

.jzzjg1 .list .item.item2 {
    width: 30.6%
}

.jzzjg1 .list .item.item3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.jzzjg1 .list .item .box {
    height: 100%;
    position: relative
}

.jzzjg1 .list .item+.item::before {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    top: 30px
}

.jzzjg1 .list .item+.item::after {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    bottom: 30px
}

.jzzjg1 .list .item+.item .box::before {
    content: '';
    border-left: 1px solid #d1d1d1;
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: -15px
}

.jzzjg1 .list .item .link1+.link1 {
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link1-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link1-tit::before {
    content: '\e521';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #7d2f2f
}

.jzzjg1 .list .item .link1 .link2 {
    padding-left: 25px;
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link2 .link2-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link2 .link2-tit::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    background-color: #7d2f2f;
    width: 12px;
    height: 3px
}

@media screen and (max-width: 1600px) {
    .jzzjg1 .list .item {
        margin-left:20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1500px) {
    .jzzjg1 {
        padding-top:100px
    }

    .jzzjg1 .list .item .link1+.link1 {
        margin-top: 15px
    }

    .jzzjg1 .list .item .link1 .link2 {
        margin-top: 15px
    }
}

@media screen and (max-width: 1300px) {
    .jzzjg1 {
        padding-top:80px
    }
}

@media screen and (max-width: 1024px) {
    .jzzjg1 {
        padding-top:60px
    }

    .jzzjg1 .list .item {
        width: 100% !important
    }

    .jzzjg1 .list .item+.item::before,.jzzjg1 .list .item+.item::after,.jzzjg1 .list .item+.item .box::before {
        content: none
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 {
        padding-bottom:60px
    }

    .jzzjg1 .title2 {
        padding: 15px 10px
    }

    .jzzjg1 .title2 .t1 {
        font-size: 28px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:20px
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 .list {
        display:block;
        padding: 10px 15px 25px
    }

    .jzzjg1 .list .item {
        padding: 15px 0 0;
        margin: 0 !important
    }
}

.leader {
    padding: 115px 0 300px;
    background: #faf8f2
}

.leader .x-wrap {
    width: 100%;
    max-width: none
}

.leader .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.leader .l {
    width: 50%;
    position: relative;
    padding: 0 9% 0 18%
}

.leader .l .l1 {
    position: absolute;
    left: 0;
    top: 0%;
    bottom: 0;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l .l2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: -50px;
    border-bottom: 1px solid #f1c3c3;
    display: none
}

.leader .l .l3 {
    position: absolute;
    top: 100%;
    margin-top: -60px;
    right: 0;
    height: 10000px;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l::after {
    content: "";
    background: url(../image/by/png26.png);
    width: 9px;
    height: 9px;
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: none
}

.leader .r {
    width: 50%;
    padding: 0 18% 0 9%
}

.leader .item {
    position: relative;
    width: 100%
}

.leader .item:nth-child(n+2) {
    margin-top: 43px
}

.leader .item .h {
    font-size: 24px;
    min-height: 75px;
    background: url(../image/lys/png146.png) no-repeat left center;
    position: relative;
    line-height: 1.333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px
}

@media screen and (max-width: 768px) {
    .leader .item .h {
        font-size:18px
    }
}

.leader .item .h::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 5px solid #7c302f
}

.leader .item .cont {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.leader .item .cont .pic {
    width: 180px;
    position: relative;
    overflow: hidden
}

.leader .item .cont .pic::before {
    content: '';
    display: block;
    padding-top: 139.82808%
}

.leader .item .cont .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.leader .item .cont .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 30px;
    position: absolute;
    top: 0;
    left: 200px;
    bottom: 0
}

.leader .item .cont .text .name {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .name {
        font-size:18px
    }
}

.leader .item .cont .text .p {
    margin-top: 10px;
    font-size: 18px;
    color: #666666;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .p {
        font-size:16px
    }
}

.leader .item .cont .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.leader .item .cont .more::after {
    content: "";
    background: url(../image/by/png28.png);
    width: 10px;
    height: 16px;
    display: inline-block;
    margin-left: 10px
}

.leader .name-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 18% 25px
}

.leader .name-list .name-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.leader .name-list .name-cont .li {
    font-size: 22px;
    margin: 0 35px 10px 0
}

@media screen and (max-width: 768px) {
    .leader .name-list .name-cont .li {
        font-size:18px
    }
}

@media screen and (max-width: 1720px) {
    .leader .x-wrap {
        width:auto
    }

    .leader .l {
        padding: 0 5% 0 10%
    }

    .leader .r {
        padding: 0 10% 0 5%
    }
}

@media screen and (max-width: 1400px) {
    .leader .item .cont .text {
        margin-left:25px;
        padding-top: 30px
    }
}

@media screen and (max-width: 1300px) {
    .leader {
        padding:80px 0 150px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 24px
    }

    .leader .item .h {
        padding-left: 15px
    }

    .leader .l {
        padding: 0 5%
    }

    .leader .l .l2 {
        right: -20px
    }

    .leader .l .l3 {
        margin-top: -20px
    }

    .leader .r {
        padding: 0 5%
    }

    .leader .item .cont .pic {
        width: 50%
    }

    .leader .item .cont .text {
        left: 50%;
        padding-top: 0px;
        margin-left: 15px
    }

    .leader .item .cont .text .p {
        font-size: 20px;
        margin-top: 5px
    }

    .leader .name-list {
        padding-left: 5%;
        padding-right: 5%
    }

    .leader .name-list .name-cont .li {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .leader {
        padding:80px 0
    }
}

@media screen and (max-width: 1023px) {
    .leader .l {
        padding:0 3% 5%
    }

    .leader .r {
        padding: 0 3%
    }

    .leader .item:nth-child(n+2) {
        margin-top: 25px
    }

    .leader .item .cont .more {
        bottom: -16px;
        font-size: 16px
    }

    .leader .name-list {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media screen and (max-width: 767px) {
    .leader {
        padding:40px 0
    }

    .leader .list .l {
        padding: 0 5px 0 0
    }

    .leader .list .l::after {
        display: none
    }

    .leader .list .l .l1 {
        display: none
    }

    .leader .list .l .l2 {
        display: none
    }

    .leader .list .l .l3 {
        display: none
    }

    .leader .list .r {
        padding: 0 0 0 5px
    }

    .leader .item {
        padding-bottom: 0
    }

    .leader .item .cont {
        display: block;
        margin-top: 10px
    }

    .leader .item .cont .pic {
        width: auto
    }

    .leader .item .cont .text {
        margin: 15px 0 0;
        padding-bottom: 0;
        position: static
    }

    .leader .item .cont .text .p {
        font-size: 14px;
        height: calc(1em*1.5*5)
    }

    .leader .item .cont .more {
        position: static;
        margin: 10px 0 0
    }

    .leader .name-list {
        padding: 30px 0 20px
    }

    .leader .name-list .name-cont {
        margin-top: 10px
    }

    .leader .name-list .name-cont .li {
        margin-bottom: 5px;
        margin-right: 15px;
        font-size: 14px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 14px
    }

    .leader .item .h {
        padding-left: 10px
    }
}

@media screen and (max-width: 550px) {
    .leader .item .h {
        min-height:1.5em;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 4.5em;
        line-height: 1.5;
        display: block
    }
}

.management_services {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.management_services .cont {
    margin-top: 18px;
    position: relative
}

.management_services .cont .item {
    width: 56%;
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .management_services .cont .item {
        font-size:16px
    }
}

.management_services .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 55%;
    margin-bottom: 19px
}

.management_services .cont .list .li:nth-child(2n) {
    min-width: 45%
}

.management_services .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.management_services .cont .icustom4 {
    width: 42.666%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.management_services .cont .icustom4 .li {
    width: 100%
}

.management_services .cont .icustom4 .li,.management_services .cont .icustom4 .li:nth-child(2n) {
    min-width: 100%
}

.management_services .s_list {
    padding-left: 35px;
    font-size: 16px;
    color: #474747;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .s_list .sli {
    min-width: 50%;
    margin-top: 20px
}

@media screen and (max-width: 1500px) {
    .management_services .cont .item {
        font-size:16px
    }

    .management_services .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .management_services .cont .item {
        width:100%
    }

    .management_services .cont .icustom4 {
        position: static;
        margin-bottom: 20px
    }

    .management_services .cont .list .li {
        margin-bottom: 10px
    }

    .management_services .s_list .sli {
        margin-top: 5px
    }

    .management_services .cont .item {
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .management_services {
        margin:0;
        padding: 50px 0 70px
    }
}

@media screen and (max-width: 767px) {
    .management_services .cont .item {
        padding:20px
    }

    .management_services .cont .list,.management_services .s_list {
        display: block
    }

    .management_services .cont .list .li,.management_services .cont .list .li:nth-child(2n),.management_services .s_list .sli {
        min-width: 100%
    }

    .management_services .s_list {
        padding-left: 15px
    }
}

.message1 {
    padding: 17vw 0 216px;
    background-color: #fffcf6
}

.message1 .x-wrap {
    padding: 0 184px
}

.message1 .desc {
    max-width: 965px;
    margin: 68px auto 0
}

.message1 .p {
    font-size: 18px;
    color: #666;
    text-indent: 2em
}

@media screen and (max-width: 768px) {
    .message1 .p {
        font-size:16px
    }
}

.message1 .form {
    margin-top: 34px
}

.message1 .textarea {
    width: 100%;
    height: 383px;
    padding: 10px;
    background-color: #fffefc;
    margin: 0 auto;
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea
}

@media screen and (max-width: 768px) {
    .message1 .textarea {
        font-size:18px
    }
}

.message1 .textarea {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -ms-scroll-rails: none
}

.message1 .textarea::-webkit-scrollbar {
    display: none
}

.message1 .textarea .scrollbar-rails {
    position: fixed;
    z-index: 9;
    background-color: rgba(0,0,0,0.02)
}

.message1 .textarea .scrollbar-rails-x {
    left: 0;
    right: 0;
    bottom: 0
}

.message1 .textarea .scrollbar-rails-y {
    top: 0;
    bottom: 0;
    right: 0
}

.message1 .textarea .scrollbar-thumb {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.message1 .textarea .scrollbar-thumb-x {
    height: 10px
}

.message1 .textarea .scrollbar-thumb-y {
    width: 10px
}

.message1 .textarea .scrollbar-rails-disable {
    display: none
}

.message1 .textarea * {
    -ms-overflow-style: scrollbar
}

.message1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 82px
}

.message1 .li+.li {
    margin-top: 30px
}

.message1 .li1 {
    height: auto
}

.message1 .name {
    font-size: 22px;
    color: #8d2d2e;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 22px 20px;
    background: #fffefc;
    width: 142px;
    text-align: center;
    border: 1px solid #eaeaea;
    border-right: none
}

@media screen and (max-width: 768px) {
    .message1 .name {
        font-size:18px
    }
}

.message1 input {
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea;
    background: #fffefc;
    padding: 0 20px;
    width: calc(100% - 142px);
    border-radius: 0
}

@media screen and (max-width: 768px) {
    .message1 input {
        font-size:18px
    }
}

.message1 .img {
    position: relative;
    overflow: hidden;
    width: 229px;
    border: 1px solid #eaeaea;
    margin-left: 30px;
    cursor: pointer
}

.message1 .img::before {
    content: '';
    display: block;
    padding-top: 35.80786%
}

.message1 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.message1 .img .i {
    width: 100%;
    height: 100%
}

.message1 .sub {
    height: 60px;
    background-color: #7e2f2f;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    border-radius: 50px
}

@media screen and (max-width: 768px) {
    .message1 .sub {
        font-size:18px
    }
}

.message1 a {
    display: block;
    width: 212px;
    margin: 60px auto 0
}

@media screen and (max-width: 1300px) {
    .message1 {
        padding-top:20vw
    }

    .message1 .x-wrap {
        padding: 0 50px
    }
}

@media screen and (max-width: 1024px) {
    .message1 {
        padding-top:160px
    }
}

@media screen and (max-width: 767px) {
    .message1 {
        padding:50px 0 70px
    }

    .message1 .x-wrap {
        padding: 0
    }

    .message1 .desc {
        margin-top: 20px
    }

    .message1 .textarea {
        height: 200px
    }

    .message1 .li {
        width: 100%;
        height: 50px;
        line-height: 50px
    }

    .message1 .li1 {
        height: auto
    }

    .message1 .li+.li {
        margin-top: 10px
    }

    .message1 .name {
        padding: 0 10px;
        width: 120px
    }

    .message1 input {
        padding: 0 10px;
        width: calc(100% - 120px)
    }

    .message1 .img {
        width: 100px;
        margin-left: 5px
    }

    .message1 .li2 input {
        width: calc(100% - 180px)
    }

    .message1 a {
        margin-top: 30px
    }
}

.organizational {
    padding: 120px 0 204px;
    background-color: #f5f5f5;
    margin-bottom: -132px
}

.organizational .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.organizational .cont .img {
    width: 24%;
    margin-left: 20px;
    margin-top: 30px
}

.organizational .cont .img img {
    width: 100%;
    display: block
}

.organizational .cont .child2 {
    width: 24%;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .item {
    margin-top: 30px;
    background: #fff
}

.organizational .cont .itit {
    font-size: 30px;
    font-family: sh;
    height: 70px;
    background: #7e2f2f url(../image/lys/jpg17.jpg) no-repeat right center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .organizational .cont .itit {
        font-size:22px
    }
}

.organizational .cont .icont {
    padding: 22px 25px 22px 80px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .organizational .cont .icont {
        font-size:16px
    }
}

.organizational .cont .icont .ili {
    margin-bottom: 18px;
    width: 100%;
    padding-right: 10px
}

.organizational .cont .icont .w50 {
    width: 50%
}

.organizational .cont .icont .ili a {
    position: relative;
    padding-left: 30px;
    display: inline-block
}

.organizational .cont .icont .ili a::after {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../image/lys/png26.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 5.5px;
    left: 0
}

.organizational .cont .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child2 .item:last-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.organizational .cont .child1 .item:first-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1400px) {
    .organizational {
        padding-top:50px
    }

    .organizational .cont .itit {
        padding-left: 40px
    }

    .organizational .cont .icont {
        padding-left: 40px
    }
}

@media screen and (max-width: 1024px) {
    .organizational {
        margin:0;
        padding-bottom: 120px
    }

    .organizational .cont .img {
        display: none
    }

    .organizational .cont .child2 {
        width: 40%
    }
}

@media screen and (max-width: 767px) {
    .organizational {
        padding:30px 0 70px
    }

    .organizational .cont {
        display: block
    }

    .organizational .cont .itit {
        height: 60px;
        padding-left: 20px
    }

    .organizational .cont .icont {
        padding: 20px
    }

    .organizational .cont .icont .ili {
        margin-bottom: 10px
    }

    .organizational .cont .child2 {
        display: block;
        width: 100%;
        margin: 0
    }

    .organizational .cont .icont .w50 {
        width: 100%
    }
}

.organizational_division {
    background-color: #f5f5f5;
    padding: 145px 0 185px;
    margin-bottom: -132px
}

.organizational_division .cont {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    margin-right: 20px;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .item {
        font-size:16px
    }
}

.organizational_division .cont .item:nth-child(2n) {
    margin-right: 0
}

.organizational_division .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.organizational_division .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .organizational_division {
        padding-top:95px
    }
}

@media screen and (max-width: 1500px) {
    .organizational_division .cont .item {
        font-size:16px
    }

    .organizational_division .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .organizational_division .cont {
        display:block
    }

    .organizational_division .cont .item {
        width: 100%;
        margin-right: 0;
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .organizational_division {
        margin-bottom:0;
        padding: 50px 0 70px
    }

    .organizational_division .cont .list .li {
        margin-bottom: 10px
    }

    .organizational_division .cont .list .li::after {
        top: 12px
    }
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .list {
        display:block;
        padding: 10px 0 0
    }

    .organizational_division .cont .item {
        width: 100%;
        padding: 20px;
        margin-right: 0
    }

    .organizational_division .cont .list .li,.organizational_division .cont .list .li:nth-child(2n) {
        width: 100%;
        padding-right: 0
    }
}

.person_detail {
    background: #fffcf6;
    padding: 160px 0
}

.person_detail .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.person_detail .des .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.person_detail .des .pic {
    position: relative;
    overflow: hidden;
    width: 250px;
    margin-top: 40px
}

.person_detail .des .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.person_detail .des .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.person_detail .des .hd {
    padding: 30px 70px
}

.person_detail .des .hd .p {
    font-size: 30px;
    color: #e3cfcf;
    font-family: tj;
    line-height: 1;
    margin-top: 0.5em
}

@media screen and (max-width: 768px) {
    .person_detail .des .hd .p {
        font-size:22px
    }
}

.person_detail .des .text {
    background: url(../image/by/bg7.jpg);
    color: #fff;
    padding: 50px 70px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.person_detail .des .text .h {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .person_detail .des .text .h {
        font-size:18px
    }
}

.person_detail .des .text .p {
    margin-top: 15px;
    line-height: 1.8
}

body:not(.lang-en) .person_detail .des .text .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.person_detail .des .title {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .person_detail .des .title {
        font-size:26px
    }
}

.person_detail .list {
    padding: 80px 0
}

.person_detail .list .item {
    padding-bottom: 50px;
    padding-left: 55px;
    position: relative
}

.person_detail .list .item::before {
    content: "";
    border-left: 1px solid #ae0a29;
    left: 9px;
    top: 20px;
    bottom: -5px;
    position: absolute
}

.person_detail .list .item::after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #ae0a29;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    background: #fffcf6
}

.person_detail .list .item:last-child {
    padding-bottom: 0
}

.person_detail .list .item .text {
    margin-top: 20px
}

.person_detail .list .item .h {
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .person_detail .list .item .h {
        font-size:18px
    }
}

.person_detail .list .item .p {
    margin-top: 0.5em
}

.person_detail .table-box {
    padding: 44px 0 0 360px
}

.person_detail .table-box .item+.item {
    margin-top: 25px
}

.person_detail .table-box .item-tit {
    font-size: 32px;
    color: #942c2c;
    border-bottom: 1px solid #d7bdb9;
    padding-bottom: 28px;
    margin-bottom: 32px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-tit {
        font-size:22px
    }
}

.person_detail .table-box .t2 {
    color: #9c7856
}

.person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
        font-size:18px
    }
}

.person_detail .table-box .item-list1 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.person_detail .table-box .item-list1 .row+.row {
    margin-top: 32px
}

.person_detail .table-box .item-list1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 42px
}

.person_detail .table-box .item-list1 .li:nth-child(1) {
    margin-right: 95px
}

.person_detail .table-box .item-list1 .li:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.person_detail .table-box .item-list1 .r-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(6em + 40px)
}

.person_detail .table-box .item-list1 .r-box .t2 {
    margin-right: 20px
}

.person_detail .table-box .item-list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.person_detail .table-box .item-list2 .t2 {
    margin-right: 23px
}

@media screen and (max-width: 1300px) {
    .person_detail {
        padding:100px 0 160px
    }

    .person_detail .des .hd {
        padding: 30px 40px
    }

    .person_detail .des .text {
        padding: 30px 40px
    }

    .person_detail .table-box .item-list1 .li {
        padding-right: 20px
    }

    .person_detail .table-box .item-list1 .li:nth-child(1) {
        margin-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .person_detail .table-box {
        padding-left:0
    }
}

@media screen and (max-width: 1024px) {
    .person_detail {
        padding:60px 0 8.8%
    }

    .person_detail .table-box {
        padding: 20px 0 0
    }

    .person_detail .table-box .item-tit {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .person_detail .table-box .item-list1 .row {
        display: block
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 15px
    }

    .person_detail .table-box .item-list1 .li {
        width: 100%;
        padding-right: 0
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 15px
    }
}

@media screen and (max-width: 1023px) {
    .person_detail .des {
        display:block
    }

    .person_detail .des .pic {
        width: 240px;
        float: left;
        margin: 0 30px 30px 0
    }

    .person_detail .des .content {
        display: block
    }

    .person_detail .list {
        padding: 40px 0
    }
}

@media screen and (max-width: 767px) {
    .person_detail {
        padding:40px 0 8.8%
    }

    .person_detail .des .pic {
        width: 160px;
        margin: 0 20px 0 0
    }

    .person_detail .des .hd {
        padding: 15px
    }

    .person_detail .des .hd .p {
        font-size: 20px;
        overflow: hidden;
        line-height: 1.2
    }

    .person_detail .des .text {
        padding: 20px 20px;
        clear: both
    }

    .person_detail .list .item {
        padding: 0 0 30px 40px
    }

    .person_detail .list .item::after {
        top: 0px
    }

    .person_detail .list .item::before {
        top: 0
    }

    .person_detail .list .item .text {
        margin-top: 10px;
        font-size: 14px
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 10px
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 10px
    }

    .person_detail .table-box .item-list2 .t2,.person_detail .table-box .item-list1 .r-box .t2 {
        margin-right: 15px
    }

    .person_detail .table-box .item-list1 .r-box {
        width: calc(6em + 30px)
    }
}

.picture {
    background: #f5f5f5
}

.picture .dd {
    margin-top: 60px
}

.picture .tab-cont {
    margin-top: 100px
}

.picture .list {
    width: 100%;
    margin-top: 100px
}

.picture .list-width,.picture .list-item {
    width: calc((100% - 60px)/3)
}

.picture .list-space {
    width: 30px
}

.picture .list-item {
    margin-bottom: 30px;
    background-color: #fff
}

.picture .div {
    padding: 30px 38px
}

.picture .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.picture .more img {
    width: 50px
}

.picture .pic {
    overflow: hidden
}

.picture .pic img {
    width: 100%
}

.picture .icon-load {
    margin-right: 16px
}

.picture .icon-load::before {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .picture .icon-load::before {
        font-size:26px
    }
}

.picture .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .picture .t {
        font-size:18px
    }
}

.picture .y {
    font-family: "times new roman";
    font-size: 20px;
    margin-top: 6px
}

@media screen and (max-width: 768px) {
    .picture .y {
        font-size:18px
    }
}

@media screen and (min-width: 1025px) {
    .picture .list-item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1024px) {
    .picture .div {
        padding:30px 15px
    }

    .picture .list-width,.picture .list-item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 768px) {
    .picture .dd {
        margin-top:30px
    }

    .picture .tab-cont {
        margin-top: 30px
    }

    .picture .div {
        padding: 30px 15px
    }

    .picture .list {
        margin-top: 30px
    }

    .picture .list-width,.picture .list-item {
        width: 100%
    }
}

.recruit1 {
    padding: 140px 0;
    background: #f5f5f5 url(../image/by/png33.png) no-repeat right top
}

.recruit1 .content {
    margin-top: 50px;
    position: relative
}

.recruit1 .content .pic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.recruit1 .content .pic img {
    width: 100%
}

.recruit1 .content .d1 {
    padding-left: 50%;
    height: 255px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit1 .content .d1 .item {
    width: calc(50% - 10px);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: 10px
}

.recruit1 .content .d1 .item:nth-child(1) {
    background: #476585
}

.recruit1 .content .d1 .item:nth-child(2) {
    background: #5b7897
}

.recruit1 .content .d1 .item .ico {
    margin-top: 20px
}

.recruit1 .content .d1 .item .ico img {
    height: 80px
}

.recruit1 .content .d1 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d1 .item .h {
        font-size:22px
    }
}

.recruit1 .content .d2 {
    margin-left: calc(50% + 10px);
    background: #fff;
    position: relative;
    padding-bottom: 80px
}

.recruit1 .content .d2 .tit {
    position: absolute;
    right: 100%;
    top: 0;
    width: 28%;
    height: 100%;
    background: #fff;
    font-size: 30px;
    font-family: sh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body:not(.lang-en) .recruit1 .content .d2 .tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .tit {
        font-size:22px
    }
}

.recruit1 .content .d2 .list {
    border-left: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
    position: relative
}

.recruit1 .content .d2 .list::after {
    content: "";
    position: absolute;
    left: -6px;
    bottom: 0;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: 1px solid #ddd;
    background: #fff
}

.recruit1 .content .d2 .list .item {
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
    position: relative
}

.recruit1 .content .d2 .list .item .ico img {
    height: 60px
}

.recruit1 .content .d2 .list .item .h {
    margin-top: 10px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .list .item .h {
        font-size:18px
    }
}

.recruit1 .bb {
    position: absolute;
    left: 80px;
    top: 175px
}

.recruit1 .bb .more1.red2:after {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    height: 433px;
    position: absolute;
    left: 20px;
    bottom: 100%;
    display: none
}

.recruit2 {
    background: #314561 url(../image/by/png29.png) no-repeat left bottom 5%;
    color: #fff;
    position: relative;
    padding-bottom: 150px
}

.recruit2 .x-wrap {
    padding: 140px 0 0
}

.recruit2 .title {
    position: relative
}

.recruit2 .pic {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: right
}

.recruit2 .pic img {
    height: 100%
}

.recruit2 .content {
    margin-top: 50px;
    padding-right: calc(50% + 10px);
    position: relative
}

.recruit2 .d1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #6f8aa8;
    padding: 80px
}

.recruit2 .d1 .item {
    text-align: center;
    position: relative
}

.recruit2 .d1 .item .ico img {
    height: 60px
}

.recruit2 .d1 .item .h {
    margin-top: 10px;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .recruit2 .d1 .item .h {
        font-size:16px
    }
}

.recruit2 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 235px;
    margin-top: 10px
}

.recruit2 .d2 .item {
    width: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.recruit2 .d2 .item:nth-child(1) {
    background: #476585
}

.recruit2 .d2 .item:nth-child(2) {
    background: #5b7897
}

.recruit2 .d2 .item .ico img {
    height: 90px
}

.recruit2 .d2 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit2 .d2 .item .h {
        font-size:22px
    }
}

.recruit2 .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.recruit2 .bottom a {
    margin: 0 20px
}

.recruit3 {
    padding: 140px 0 160px
}

.recruit3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit3 .list .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    color: #fff
}

.recruit3 .list .item:nth-child(n+2) {
    margin-left: 10px
}

.recruit3 .list .item .pic {
    position: relative;
    overflow: hidden
}

.recruit3 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 112.52525%
}

.recruit3 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.recruit3 .list .item .text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 18%
}

.recruit3 .list .item .text .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text .h {
        font-size:28px
    }
}

.recruit3 .list .item .text ul {
    padding: 0
}

.recruit3 .list .item .text li {
    margin-top: 25px;
    font-size: 20px;
    list-style-position: outside
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text li {
        font-size:18px
    }
}

.recruit3 .list .item .b {
    position: relative;
    margin-top: 25px;
    padding-top: 40%
}

.recruit3 .list .item .b:before {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0px;
    margin-left: -5px
}

.recruit3 .list .item .b .more1.red2 {
    margin-top: 25px;
    padding: 0;
    display: block
}

.recruit3 .list .item .b .more1.red2:before {
    position: static;
    display: block
}

@media screen and (min-width: 1025px) {
    .recruit1 .item:hover .ico {
        -webkit-transform:rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }

    .recruit2 .item:hover .ico {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }
}

@media screen and (max-width: 1500px) {
    .recruit1 {
        padding:100px 0
    }

    .recruit2 {
        padding-bottom: 100px
    }

    .recruit2 .x-wrap {
        padding-top: 100px
    }

    .recruit3 {
        padding: 100px 0 160px
    }
}

@media screen and (max-width: 1400px) {
    .recruit3 .list .item .text {
        padding:18% 40px 0
    }
}

@media screen and (max-width: 1300px) {
    .recruit1 {
        padding:80px 0
    }

    .recruit2 {
        padding-bottom: 80px
    }

    .recruit2 .x-wrap {
        padding-top: 80px
    }

    .recruit3 {
        padding: 80px 0 160px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 60px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 24px
    }

    .recruit1 .content .d2 {
        padding-bottom: 40px
    }

    .recruit1 .content .d2 .list .item .ico img {
        height: 40px
    }

    .recruit1 .content .d2 .list .item .h {
        font-size: 16px
    }

    .recruit1 .bb {
        left: 15px
    }

    .recruit2 .d1 {
        padding: 60px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 60px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .recruit2 .d1 {
        padding:40px
    }

    .recruit2 .d2 {
        height: 200px
    }

    .recruit1 .content .d1 {
        height: 200px
    }

    .recruit1 .content .d2 .list .item {
        margin-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .recruit1 {
        padding:60px 0
    }

    .recruit2 {
        padding-bottom: 60px
    }

    .recruit2 .x-wrap {
        padding-top: 60px
    }

    .recruit3 {
        padding: 60px 0 8%
    }

    .recruit1 .content {
        margin-top: 30px
    }

    .recruit1 .bb {
        position: static;
        text-align: center;
        margin-top: 20px
    }

    .recruit1 .bb .more1 {
        color: #333
    }

    .recruit1 .bb .more1::after {
        display: none
    }

    .recruit1 .content .d1 {
        padding-left: 40%
    }

    .recruit1 .content .d2 {
        margin-left: 30%
    }

    .recruit2 .content {
        padding-right: 30%;
        margin-top: 30px
    }

    .recruit2 .bottom a {
        margin: 0 15px
    }

    .recruit3 .list .item .b {
        padding-top: 20%
    }

    .recruit3 .list .item .text li {
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    .recruit2 {
        padding-bottom:40px
    }

    .recruit3 {
        padding: 15px 0 8%
    }

    .recruit1 .content {
        margin-top: 20px
    }

    .recruit2 .content {
        margin-top: 20px
    }

    .recruit1 .content .pic {
        display: none
    }

    .recruit1 .content .d1 {
        padding: 0;
        height: 150px
    }

    .recruit1 .content .d1 .item {
        width: calc(50% - 7.5px);
        margin: 0
    }

    .recruit1 .content .d1 .item:last-child {
        margin-left: 15px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 45px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 20px
    }

    .recruit1 .content .d2 {
        margin: 0;
        margin-top: 15px;
        padding: 0;
        background: none
    }

    .recruit1 .content .d2 .tit {
        position: static;
        width: auto;
        height: auto;
        padding-top: 20px;
        background: none
    }

    body:not(.lang-en) .recruit1 .content .d2 .tit {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .recruit1 .content .d2 .list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-left: none;
        padding: 0 0 15px;
        margin-top: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit1 .content .d2 .list::after {
        display: none
    }

    .recruit1 .content .d2 .list .item {
        width: calc(50% - 5px);
        margin: 0;
        padding: 25px 0;
        background: #fff
    }

    .recruit1 .content .d2 .list .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit1 .content .d2 .list .item .h {
        padding: 0 10px;
        text-align: center;
        margin-top: 5px
    }

    .recruit2 .pic {
        left: -15px;
        right: -15px
    }

    .recruit2 .content {
        padding: 0
    }

    .recruit2 .d1 {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 0;
        background: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit2 .d1 .item {
        width: calc(50% - 5px);
        padding: 25px 0;
        background: #6f8aa8
    }

    .recruit2 .d1 .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit2 .d1 .item .h {
        line-height: 1
    }

    .recruit2 .d1 .item .ico img {
        height: 45px
    }

    .recruit2 .d2 {
        height: 150px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 45px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 20px
    }

    .recruit2 .bottom {
        margin-top: 20px;
        display: block
    }

    .recruit2 .bottom .more1 {
        margin-top: 10px
    }

    .recruit3 .list {
        display: block
    }

    .recruit3 .list .item:nth-child(n+2) {
        margin-left: 0;
        margin-top: 15px
    }

    .recruit3 .list .item .pic {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .recruit3 .list .item .pic::before {
        padding-top: 0
    }

    .recruit3 .list .item .text {
        position: relative;
        padding: 40px 30px
    }

    .recruit3 .list .item .b {
        padding-top: 5%
    }

    .recruit3 .list .item ul {
        margin: 5px 0
    }
}

.research_institutions {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.research_institutions .cont {
    margin-top: 18px
}

.research_institutions .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .research_institutions .cont .item {
        font-size:16px
    }
}

.research_institutions .cont .list-width {
    width: calc((100% - 21px) / 2)
}

.research_institutions .cont .list-space {
    width: 20px
}

.research_institutions .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.research_institutions .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.research_institutions .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.research_institutions .cont .icustom0 .list .li {
    min-width: 55%
}

.research_institutions .cont .icustom0 .list .li:nth-child(2n) {
    min-width: 45%
}

.research_institutions .cont .icustom1 .list .li {
    min-width: 40%
}

.research_institutions .cont .icustom1 .list .li:nth-child(2n) {
    min-width: 60%
}

.research_institutions .cont .icustom2 {
    height: 243px
}

@media screen and (max-width: 1500px) {
    .research_institutions .cont .item {
        font-size:16px
    }

    .research_institutions .cont .list {
        padding: 10px 0 0
    }

    .research_institutions .cont .icustom2 {
        height: 195px
    }
}

@media screen and (max-width: 1300px) {
    .research_institutions {
        padding:50px 0 90px;
        margin: 0
    }

    .research_institutions .cont {
        margin-top: 20px
    }

    .research_institutions .cont .item {
        padding: 30px 20px;
        border-top: 3px solid #aa1332;
        background: #fff;
        width: 100%
    }

    .research_institutions .cont .list {
        padding: 10px 15px 0;
        display: block
    }

    .research_institutions .cont .list .li {
        margin-bottom: 10px;
        padding: 0 10px 0 24px;
        position: relative
    }

    .research_institutions .cont .list .li::after {
        content: '';
        width: 15px;
        border-top: 1px solid #aa1332;
        position: absolute;
        top: 12px;
        left: 0
    }

    .research_institutions .cont .s_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .research_institutions .cont .s_list .sli {
        width: 50%;
        margin-top: 10px;
        padding: 0 1em
    }

    .research_institutions .cont .icustom2 {
        height: auto
    }

    .research_institutions .cont .icustom1 .list .li:nth-child(2n),.research_institutions .cont .icustom1 .list .li {
        min-width: auto
    }
}

@media screen and (max-width: 767px) {
    .research_institutions .cont .list {
        padding:10px 0 0
    }

    .research_institutions .cont .item {
        padding: 20px
    }

    .research_institutions .cont .s_list {
        display: block
    }

    .research_institutions .cont .s_list .sli {
        width: 100%
    }
}

.result-page {
    padding: 220px 0 150px;
    background: #f5f5f5
}

.result-page .result-head {
    padding: 0 5%
}

.result-page .result-head .t {
    font-size: 1.7em
}

.result-page .result-head .s {
    margin-left: 30px;
    font-size: 1.2em;
    color: #707070
}

.result-page .result-list {
    padding: 0 5%;
    margin-top: 30px
}

.result-page .result-list .list-item {
    padding: 30px 0;
    background: #fff;
    padding: 30px
}

.result-page .result-list .list-item:nth-child(n+2) {
    margin-top: 20px
}

.result-page .result-list .p {
    color: #707070;
    text-align: justify;
    text-justify: inter-ideograph
}

.result-page .key {
    color: #aa1332
}

.result-page .liner {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.result-page .liner .t {
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.2em
}

.result-page .liner .d {
    font-family: tj;
    margin-left: 100px;
    font-size: 1em
}

@media screen and (max-width: 1600px) {
    .result-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .result-page .result-list .liner:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .result-page {
        padding:50px 0 8%
    }

    .result-page .result-head {
        padding: 0
    }

    .result-page .result-head .s {
        display: block;
        margin: 15px 0 0
    }

    .result-page .result-list {
        padding: 0
    }

    .result-page .result-list .list-item {
        padding: 20px
    }

    .result-page .liner {
        display: block
    }

    .result-page .liner .t {
        width: 100%
    }

    .result-page .liner .d {
        margin-left: 0;
        font-size: 14px
    }
}

.school_enterprise {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.school_enterprise .cont {
    margin-top: 18px
}

.school_enterprise .cont .item {
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px
}

@media screen and (max-width: 768px) {
    .school_enterprise .cont .item {
        font-size:16px
    }
}

.school_enterprise .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.school_enterprise .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 36.231%;
    margin-bottom: 18px
}

.school_enterprise .cont .list .li:nth-child(3n) {
    min-width: 27.538%
}

.school_enterprise .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width:50%
    }
}

@media screen and (max-width: 1500px) {
    .school_enterprise .cont .item {
        font-size:16px
    }

    .school_enterprise .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .school_enterprise {
        margin:0
    }

    .school_enterprise .cont .list .li {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .school_enterprise {
        padding:50px 0 70px
    }

    .school_enterprise .cont .list {
        display: block
    }

    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width: 100%
    }
}

.sitemap-page {
    padding: 220px 0;
    background: url(../image/lys/png60.jpg) no-repeat center;
    background-size: cover
}

.sitemap-page .list {
    padding: 0 5%
}

.sitemap-page .dl {
    padding: 1.5em 0;
    border-bottom: 1px solid #ddd
}

.sitemap-page .dt {
    font-size: 1.1em
}

.sitemap-page .dd {
    margin-top: 0.6em;
    padding-left: 2em
}

.sitemap-page .link {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s
}

.sitemap-page .link {
    margin-right: 20px
}

.sitemap-page .link:last-child {
    margin-right: 0
}

@media screen and (max-width: 1600px) {
    .sitemap-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .sitemap-page .link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .sitemap-page {
        padding:50px 0
    }
}

.successive_leadership1 {
    padding: 150px 0 38px
}

.successive_leadership1 img {
    width: 100%;
    display: block
}

.successive_leadership2 {
    padding: 165px 0 160px;
    background: url(../image/lys/jpg38-1.jpg) no-repeat top center;
    margin-bottom: -132px
}

.successive_leadership2 .img {
    margin-top: 115px
}

.successive_leadership2 img {
    width: 100%;
    display: block
}

@media screen and (max-width: 1024px) {
    .successive_leadership1 {
        padding:50px 0 0
    }

    .successive_leadership2 {
        margin: 0;
        padding: 50px 0 100px;
        background: #fff
    }

    .successive_leadership2 .img {
        margin-top: 50px
    }
}.x-footer {
    color: #fff;
    position: relative
}

.x-footer .qrimg {
    position: absolute;
    z-index: 99;
    top: 195px;
    width: 160px;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-footer .qrimg.show {
    opacity: 1;
    visibility: visible
}

.x-footer .qrimg::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    content: '';
    position: absolute
}

.x-footer .qrimg .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.x-footer .qrimg .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.x-footer .qrimg .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .w-wrap {
    z-index: 9
}

.x-footer .cont {
    position: relative;
    z-index: 2;
    background-color: #7c3030
}

.x-footer .cont::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -101px;
    background: url(../image/lys/png84.png) no-repeat left top;
    background-size: 100% auto;
    bottom: 0;
    pointer-events: none;
    z-index: 1
}

.x-footer .cont a:hover {
    color: #ce8a8a
}

.x-footer .cont .share-box .share-item {
    border: 2px solid #6f383c;
    background: #613131 no-repeat center center;
    background-size: contain
}

.x-footer .cont .share-box .gotop {
    background-color: #783333
}

.x-footer .slot {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display:flex; */
    height: 200px;
    /* -webkit-box-align:end; */
    -ms-flex-align: end;
    /* align-items:flex-end; */
    overflow: hidden;
}

.x-footer .slot.m-show {
    display: none
}

.x-footer .slot .slot-track {
    width: calc(100% / 21);
    position: relative;
    height: 100%;
}

.x-footer .slot .slot-track .slot-item {
    will-change: top, bottom;
    top: 106px;
    bottom: 0;
    position: relative;
    height: 100%;
    width: 101%;
    left: -0.5%
}

.x-footer .slot .slot-track .s7 {
    top: 85px;
}

.x-footer .slot .slot-track .s8 {
    top: 60px;
}

.x-footer .slot .slot-track .s9 {
    top: 40px;
}

.x-footer .slot .slot-track .s10,.x-footer .slot .slot-track .s12 {
    top: 16px;
}

.x-footer .slot .slot-track .s11 {
    top: 0px
}

.x-footer .slot .slot-track .s13 {
    top: 40px;
}

.x-footer .slot .slot-track .s14 {
    top: 65px;
}

.x-footer .slot .slot-track .s15 {
    top: 85px;
}

.x-footer .slot .s1,.x-footer .slot .s4,.x-footer .slot .s9,.x-footer .slot .s14,.x-footer .slot .s18,.x-footer .slot .s21 {
    background: #c13132
}

.x-footer .slot .s2,.x-footer .slot .s5,.x-footer .slot .s7,.x-footer .slot .s10,.x-footer .slot .s12,.x-footer .slot .s15,.x-footer .slot .s17,.x-footer .slot .s20 {
    background: #7f2425
}

.x-footer .slot .s3,.x-footer .slot .s6,.x-footer .slot .s8,.x-footer .slot .s11,.x-footer .slot .s13,.x-footer .slot .s16,.x-footer .slot .s19 {
    background: #9e2829
}

.x-footer .slot .icon {
    width: 72%;
    position: relative;
    overflow: hidden;
    margin: auto;
    top: 32px
}

.x-footer .slot .icon::before {
    content: '';
    display: block;
    padding-top: 67.16418%
}

.x-footer .slot .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .slot .icon img.i {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-footer .logo {
    width: 390px;
    margin: auto;
    padding: 5.5vw 0 0
}

.x-footer .logo img {
    width: 100%
}

.x-footer .friend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.x-footer .friend .tracker-mod {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.x-footer .friend .tracker-mod .tracker-box {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px
}

.x-footer .friend .tracker-mod .tracker-item {
    margin: 0 13px
}

.x-footer .friend .tracker-mod .tracker-item.cur {
    color: inherit
}

.x-footer .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 90px 0 120px
}

.x-footer .bottom .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-footer .bottom .m_i_n {
    margin-bottom: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .x-footer .bottom .m_i_n {
        font-size:16px
    }
}

.x-footer .bottom .m_i_n .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.x-footer .bottom .m_i_n .item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0)
}

.x-footer .bottom .m_i_n .item+.item {
    margin-left: 45px
}

.x-footer .bottom .m_i_n .icon {
    width: 25px;
    position: relative;
    overflow: hidden;
    margin-right: 15px
}

.x-footer .bottom .m_i_n .icon::before {
    content: '';
    display: block;
    padding-top: 80%
}

.x-footer .bottom .m_i_n .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .bottom .nav_foot a {
    padding: 0 25px;
    position: relative
}

.x-footer .bottom .nav_foot a::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 0.6em;
    border-left: 1px solid #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.x-footer .bottom .nav_foot a:first-child {
    padding-left: 0
}

.x-footer .bottom .nav_foot a:first-child::before {
    display: none
}

.x-footer .bottom .p {
    margin-top: 20px
}

.x-footer .bottom .p span {
    margin-right: 25px;
    display: inline-block
}

.x-footer .bottom .p span:last-child {
    margin-left: 0
}

.x-footer .share-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    float: none
}

.x-footer .share-box .suds-pop {
    border-radius: 0
}

.x-footer .share-box .suds-pop::before {
    border: none
}

.x-footer .share-box .suds-pop::after {
    border-radius: 0
}

.x-footer .share-box .code {
    width: 160px;
    height: 160px;
    padding: 5px
}

.x-footer .share-box .share-item {
    width: 53px;
    height: 53px;
    border-radius: 100%;
    margin-right: 20px
}

.x-footer .share-box .share-item::before {
    display: none
}

.x-footer .share-box .share-item.icon-dy {
    background-image: url(../image/syb/icon_01.png)
}

.x-footer .share-box .share-item.icon-wb {
    background-image: url(../image/syb/icon_02.png)
}

.x-footer .share-box .share-item.icon-wx {
    background-image: url(../image/syb/icon_03.png)
}

.x-footer .share-box .gotop {
    width: 69px;
    height: 69px;
    border-radius: 100%;
    background-image: url(../image/ico_gotop.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

@media screen and (max-width: 1720px) {
    .x-footer .bottom {
        padding:50px 0
    }

    .x-footer .cont::before {
        top: -70px
    }
}

@media screen and (max-width: 1400px) {
    .x-footer .cont::before {
        top:-50px
    }
}

@media screen and (max-width: 1024px) {
    .x-footer {
        font-size:14px;
        margin-top: auto
    }

    .x-footer.smod {
        padding-bottom: 56px
    }

    .x-footer .qrimg {
        top: 100px
    }

    .x-footer .w-wrap {
        padding: 0
    }

    .x-footer .tracker-mod.dir-hor .tracker-item {
        font-size: 14px
    }

    .x-footer .logo {
        width: 40%;
        padding-top: 120px
    }

    .x-footer .bottom {
        padding: 20px 0 0;
        display: block;
        text-align: center
    }

    .x-footer .bottom .m_i_n {
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin-left: 20px
    }

    .x-footer .bottom .m_i_n .icon {
        margin-right: 10px
    }

    .x-footer .bottom .nav_foot {
        margin-bottom: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 20px !important
    }

    .x-footer .bottom .p span {
        margin: 0 5px !important
    }

    .x-footer .bottom .p {
        margin-top: 0px
    }

    .x-footer .share-box {
        margin: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 5px
    }

    .x-footer .share-box .gotop {
        width: 46px;
        height: 46px
    }

    .x-footer .slot {
        height: 50px;
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        z-index: 9;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .slot.p-show {
        display: none
    }

    .x-footer .slot.m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        padding: 0 15px
    }

    .x-footer .slot.m-show .slick-list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 48px;
        height: 48px;
        border: 1px solid #fff;
        border-radius: 99px;
        font-family: xfont;
        color: #fff;
        position: relative;
        margin-right: 20px
    }

    .x-footer .slot.m-show .slick-arrow::before {
        content: '<';
        position: absolute;
        font-family: '\5b8b\4f53';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 20px
    }

    .x-footer .slot.m-show .slick-next::before {
        content: '>'
    }

    .x-footer .slot .icon {
        top: auto;
        margin: 0
    }

    .x-footer .slot .slot-track {
        margin: 0
    }

    .x-footer .slot .slot-track .slot-item {
        top: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none !important;
        transform: none !important;
        width: 50px;
        height: 50px;
        border-radius: 99px;
        margin: auto
    }

    .x-footer .share-box .gotop {
        background-size: 20px auto
    }
.container02-1{
    padding-bottom: 130px;
}
.container02-1 .w1200 {
    padding: 2rem 0 0;
}
}

@media screen and (max-width: 850px) {
    .x-footer .cont::before {
        top:-40px
    }
}

@media screen and (max-width: 767px) {
    .x-footer .w-wrap {
        padding:10px 0
    }

    .x-footer .logo {
        padding-top: 100px;
        width: 60%
    }

    .x-footer .share-box .suds-pop {
        padding: 5px
    }

    .x-footer .share-box .code {
        width: 100px;
        height: 100px;
        padding: 0
    }

    .x-footer .cont::before {
        top: -20px
    }

    .x-footer .bottom .m_i_n {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .x-footer .bottom .m_i_n .item {
        width: 50%;
        padding-left: 30px;
        margin-top: 5px;
        font-weight: normal
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin: 5px 0 0
    }

    .x-footer .slot.m-show .slick-arrow {
        margin-right: 10px
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 10px !important
    }

    .x-footer .bottom {
        padding-top: 10px
    }

    .x-footer .bottom .m_i_n .icon {
        width: 15px
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 40px;
        height: 40px
    }
}

.x-header_new {
    z-index: 9;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin: auto
}

.x-header_new.home {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    color: #fff
}

.x-header_new.home .x-wrap {
    max-width: 1500px
}

.x-header_new.home .nav-mod {
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15)
}

.x-header_new.home .nav-mod .nav-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none
}

.x-header_new.home .nav-mod .nav-lv1-item {
    padding: 0 32px
}

.x-header_new.home .nav-mod .nav-lv2 {
    color: #333
}

.x-header_new.home .nav-mod .splite {
    display: none
}

.x-header_new .box-1 {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 2
}

.x-header_new .box-1 .box1-logo {
    width: 598px;
    padding-top: 7.1875%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    position: absolute
}

.x-header_new .box-1 .box1-logo .syx {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 100%;
    white-space: nowrap;
    top: 22px;
    line-height: 40px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-logo .syx {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-logo .box1-bg {
    pointer-events: none
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box img {
    width: 100%;
    height: auto
}

.x-header_new .box-1 .box1-logo .box1-bg .svgbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 25.91973%;
    background: url(../image/lys/png115-1.png) no-repeat top left;
    background-size: contain
}

.x-header_new .box-1 .box1-logo .logo-box {
    width: 248px;
    position: relative;
    overflow: hidden;
    margin-left: -17px;
    position: absolute;
    top: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-1 .box1-logo .logo-box::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .box-1 .box1-logo .logo-box .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-top {
    border-bottom: 2px solid #c9784c;
    background: #7c3030;
    position: relative;
    z-index: 9
}

.x-header_new .box-1 .box1-top .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0
}

.x-header_new .box-1 .box1-top .flexbox .item+.item {
    margin-left: 40px
}

.x-header_new .box-1 .box1-top .flexbox .ffar {
    font-family: 'Arial'
}

.x-header_new .box-1 .box1-top .search-mod .search-tap {
    background: #923838
}

.x-header_new .box-1 .box1-bot {
    border-bottom: 1px solid rgba(124,48,48,0.07);
    position: relative
}

.x-header_new .box-1 .box1-bot::before {
    content: '';
    height: 214px;
    background: url(../image/lys/png116.png) no-repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    display: none;
    pointer-events: none
}

.x-header_new .box-1 .box1-bot a {
    display: block
}

.x-header_new .box-1 .box1-bot .box1-navbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.x-header_new .box-1 .box1-bot .nav-lv1-tit {
    color: #7c3030
}

.x-header_new .box-1 .box1-bot .nav-lv1-item {
    font-size: 22px;
    position: relative
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size:18px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv1-item::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
    border-top: 1px solid #7c3030;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
    margin-left: 35px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item.cur::before {
    left: 0;
    right: 0
}

.x-header_new .box-1 .box1-bot .nav-lv1-item .nav-lv1-link {
    padding: 26px 0 7px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
    left: auto;
    margin: 0;
    right: -60%;
    -webkit-transform: none;
    transform: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 20px;
    margin-left: 93px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
    padding: 20px 60px 36px 47px;
    width: 788px;
    background: url(../image/lys/jpg77.jpg) no-repeat left bottom;
    background-size: cover
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-lbox {
    width: 59.765%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 40px;
    margin-top: 54px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .p {
    font-size: 16px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox {
    position: relative;
    display: inline-block;
    margin-top: 17px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: 10px;
    border-radius: 0 50px 0 50px;
    z-index: 1;
    background-color: rgba(99,21,19,0.3)
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img {
    width: 207px;
    position: relative;
    overflow: hidden;
    border-radius: 0 50px 0 50px;
    z-index: 2
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img::before {
    content: '';
    display: block;
    padding-top: 56.03865%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item {
    width: calc((100% - 41px) / 2);
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item::after {
    content: '';
    border-top: 1px solid #c26060;
    position: absolute;
    right: 0;
    left: 27px;
    top: 0
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a {
    padding: 12px 0 12px 27px;
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #c26060;
    position: absolute;
    left: 0px;
    top: 25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-size: contain
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::after {
    content: '';
    background: url(../image/lys/png77.png) no-repeat center;
    -webkit-transform: none;
    transform: none;
    width: 21px;
    height: 19px;
    top: 18px;
    left: -7px;
    position: absolute;
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(2n) {
    margin-left: 40px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(-n+2)::after {
    border-top: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::before {
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::after {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot {
    border-bottom-color: rgba(255,255,255,0.07)
}

.x-header_new.header-fixed .box-1 .box1-bot::before {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-tit {
    color: #fff
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-item::before {
    border-color: #fff
}

.x-header_new .box-2 {
    background-color: #7e2f2f;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    right: 0;
    border-bottom: 2px solid #c9784c
}

.x-header_new .box-2 .nav-mod .nav-lv2 {
    padding-top: 34px
}

.x-header_new .box-2 .nav-mod .nav-lv2::after {
    top: 2px
}

.x-header_new .box-2 .slogan {
    width: 415px;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 33px;
    right: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(../image/lys/png80.png) no-repeat center;
    background-size: contain
}

.x-header_new .box-2 .slogan::before {
    content: '';
    display: block;
    padding-top: 6.71506%
}

.x-header_new .box-2 .slogan .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-2-logobox {
    width: 475px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-2-logobox::before {
    content: '';
    width: 100%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-2.png) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    display: block;
    pointer-events: none
}

.x-header_new .box-2-logobox::after {
    content: '';
    width: 125.89473%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-1.gif) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.x-header_new .logo {
    width: 248px;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 24px;
    z-index: 3
}

.x-header_new .logo::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .logo .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .logo img {
    width: 100%;
    display: block
}

.x-header_new .logo img:nth-child(2) {
    opacity: 0
}

.x-header_new .logo img.i-show {
    opacity: 1
}

.x-header_new .logo img.i-hid {
    opacity: 0
}

.x-header_new .splite {
    width: 418px;
    margin-left: 32px
}

.x-header_new .top {
    background-color: #7c3030
}

.x-header_new .top .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 57px;
    position: relative;
    z-index: 1;
    line-height: 57px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.x-header_new .top .x-wrap::after {
    display: none
}

.x-header_new .top .l .item:nth-child(n+2) {
    margin-left: 38px
}

.x-header_new .bottom {
    display: none
}

.x-header_new .tools-mod {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .tools-mod .tools-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.x-header_new .tools-mod .tools-item+.tools-item {
    margin-left: 38px
}

.x-header_new .search-mod .search-tap {
    width: 75px;
    height: 40px;
    background-color: #c64141;
    border-radius: 99px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .x-header_new .search-mod .search-tap {
        font-size:16px
    }
}

.x-header_new .search-mod .search-tap::before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../image/lys/png62.png) no-repeat;
    background-size: contain;
    -webkit-transform: none;
    transform: none;
    position: static;
    vertical-align: middle
}

.x-header_new .search-mod .search-tap:hover {
    color: #fff
}

.x-header_new .search-mod .search-tap ~ .search-box {
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    right: 0px;
    overflow: visible;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    width: 487px;
    background-color: #314769;
    height: 70px;
    border-radius: 999px;
    margin-top: 28px
}

.x-header_new .search-mod .search-btn {
    width: 75px;
    color: #fff;
    background-color: #466495;
    border-radius: 999px
}

.x-header_new .search-mod .search-submit {
    width: 100%
}

.x-header_new .search-mod .search-txt,.x-header_new .search-mod .search-btn {
    display: block
}

.x-header_new .search-mod .search-txt {
    padding: 0 1em 0 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-header_new .search-mod .search-input {
    height: 100%;
    color: #fff
}

.x-header_new .search-mod .search-input::-webkit-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-moz-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input:-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::placeholder {
    color: #6984ad
}

.x-header_new .search-tap {
    -webkit-transition: none;
    transition: none
}

.x-header_new.white {
    background: rgba(255,255,255,0.8)
}

.x-header_new.white .search-mod .search-tap {
    background: #7c3030;
    color: #fff
}

.x-header_new.white .search-mod .search-tap ~ .search-box {
    background: #7c3030
}

.x-header_new.white .search-mod .search-input::-webkit-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-moz-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input:-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-btn {
    color: #7c3030;
    background-color: #fff
}

.x-header_new.white .logo img:nth-child(2) {
    opacity: 1
}

.x-header_new.white .nav-mod {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2 {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2::after {
    background: rgba(255,255,255,0.7)
}

.x-header_new.white .nav-mod .nav-lv1-item .nav-lv1-link::after {
    border-color: #ab0d29
}

.x-header_new.white .nav-mod .nav-lv2-item .nav-lv2-link::before {
    background-image: url(../image/lys/png67-1.png)
}

.x-header_new.white .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
    background-image: url(../image/lys/png68-1.png)
}

.x-header_new .logo .syx {
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
    color: #fff
}

@media screen and (min-width: 1025px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::before {
        display:none
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::after {
        display: block
    }

    .x-header_new.wht {
        position: fixed
    }

    .x-header_new.wht .box-1 {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        display: none
    }

    .x-header_new.wht .box-2 {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

    .x-header_new {
        color: #fff
    }

    .x-header_new .box-1 .box1-top a:hover {
        color: #ce5656
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover::before {
        left: 0;
        right: 0
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover .nav-lv2 {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover::before {
        background: url(../image/lys/png77.png) no-repeat center;
        -webkit-transform: none;
        transform: none;
        width: 21px;
        height: 19px;
        top: 19px;
        left: -34px
    }

    .x-header_new .box-2 .slogan.show {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-2 .slogan.lshow {
        opacity: 1;
        visibility: visible;
        right: auto;
        left: 0px
    }

    .x-header_new .top a:hover {
        color: #ce5656
    }

    .x-header_new .nav-mod {
        border: none;
        padding-top: 0 !important
    }

    .x-header_new .nav-mod .nav-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border: none
    }

    .x-header_new .nav-mod .nav-box::after {
        display: none
    }

    .x-header_new .nav-mod .nav-tit .arr {
        display: none
    }

    .x-header_new .nav-mod .nav-link {
        display: block;
        white-space: nowrap
    }

    .x-header_new .nav-mod .nav-lv {
        position: absolute;
        min-width: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden
    }

    .x-header_new .nav-mod .nav-lv1 {
        text-align: center;
        font-size: 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        display: inline-block;
        font-size: 16px
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link {
        position: relative
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link::after {
        content: '';
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        border-top: 3px solid #c13f3f;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .x-header_new .nav-mod .nav-lv1-item.cur .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 93px
    }

    .x-header_new .nav-mod .nav-lv2 {
        position: absolute;
        background: none;
        border-bottom: none;
        padding: 32px 0;
        width: auto;
        top: 100%;
        left: 0;
        min-width: 0;
        color: #fff
    }

    .x-header_new .nav-mod .nav-lv2::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2000px;
        right: -2000px;
        background-color: rgba(130,50,50,0.9)
    }

    .x-header_new .nav-mod .nav-grp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 2
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 50px
    }

    .x-header_new .nav-mod .nav-lv2-item:last-child {
        margin-right: 0
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        text-align: center
    }

    .x-header_new .nav-mod .nav-lv2-link {
        padding-left: 30px;
        position: relative
    }

    .x-header_new .nav-mod .nav-lv2-link::before {
        content: "";
        position: absolute;
        left: 13px;
        top: 50%;
        background: #c64141;
        width: 7px;
        height: 7px;
        margin-top: -4px
    }

    .x-header_new .nav-mod .nav-lv2-link::after {
        content: '';
        background-image: url(../image/lys/png79.png);
        width: 21px;
        height: 19px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px;
        display: none
    }

    .x-header_new .nav-mod .nav-lv3 {
        left: 100%;
        top: 0
    }

    .x-header_new .nav-mod .nav-lv3-item {
        position: relative;
        float: left
    }

    .x-header_new .nav-mod .nav-lv3-item+.nav-lv3-item {
        margin-top: 8px
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-lv {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #fff
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new.white .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        background-image: url(../image/lys/png68-1.png)
    }
}

@media screen and (max-width: 1920px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(3) .nav-lv2 {
        left:auto;
        margin: 0;
        right: -80%;
        -webkit-transform: none;
        transform: none
    }

    .x-header_new .box-2 .slogan {
        width: 415px;
        top: 32px
    }
}

@media screen and (max-width: 1700px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 {
        margin:0
    }
}

@media screen and (max-width: 1600px) {
    .x-header_new .search-mod .search-tap {
        padding:6px 15px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 20px
    }

    .x-header_new .box-1 .box1-top .flexbox {
        padding: 15px 0
    }

    .x-header_new .box-1 .box1-logo .syx {
        top: 15px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size: 20px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
        margin-left: 20px
    }

    .x-header_new .box-1 .box1-logo {
        width: 500px
    }

    .x-header_new .box-1 .box1-logo .logo-box {
        top: 20px;
        width: 200px;
        margin-left: -30px
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
        width: 700px
    }
}

@media screen and (max-width: 1500px) {
    .x-header_new .box-2 .slogan {
        width:375px;
        top: 34px
    }
}

@media screen and (max-width: 1400px) {
    .x-header_new .nav-mod .nav-lv1-link {
        line-height:70px
    }

    .x-header_new .splite {
        width: 300px
    }

    .x-header_new .logo {
        width: 200px;
        top: 20px
    }

    .x-header_new .box-2-logobox {
        width: 360px
    }

    .x-header_new .box-1 .box1-top .flexbox .item+.item {
        margin-left: 30px
    }

    .x-header_new .box-1 .box1-logo {
        width: 440px
    }

    .x-header_new .box-2 .slogan {
        width: 330px;
        top: 35px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 10px
    }
}

@media screen and (max-width: 1300px) {
    .x-header_new.home .logo {
        height:60px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 30px
    }

    .x-header_new .top .x-wrap {
        height: 60px;
        line-height: 60px;
        font-size: 14px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 70px
    }

    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left: 30px
    }

    .nav-mod .nav-lv2 {
        width: 600px
    }

    .x-header_new .tools-mod .search-mod .search-box {
        width: 370px;
        height: 61px;
        padding: 10px 10px 10px 0
    }

    .x-header_new .box-2-logobox {
        width: 320px
    }

    .x-header_new .logo {
        top: 15px
    }

    .x-header_new .box-2 .slogan {
        width: 300px;
        top: 37px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
        right: 0%
    }

    .x-header_new .box-1 .box1-logo {
        width: 430px
    }
}

@media screen and (max-width: 1200px) {
    .x-header_new .box-1 .box1-logo {
        width:400px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 15px
    }

    .x-header_new .nav-mod .nav-lv1-item {
        font-size: 14px
    }

    .x-header_new .box-2 .slogan {
        width: 250px;
        top: 36px
    }
}

@media screen and (max-width: 1100px) {
    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left:25px
    }

    .x-header_new .box-1 .box1-logo .syx {
        margin-left: -80px
    }

    .x-header_new .box-2 .slogan {
        width: 200px;
        top: 39px
    }
}

@media screen and (max-width: 1024px) {
    .x-layout {
        padding-top:0px
    }

    .x-header_new.home {
        color: #333;
        position: relative
    }

    .x-header_new .box-2 {
        opacity: 1;
        visibility: visible;
        position: relative;
        border-width: 0px
    }

    .x-header_new .box-2 .slogan-wrap {
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0
    }

    .x-header_new .box-2 .slogan {
        width: 50.1333%;
        position: relative;
        overflow: hidden;
        position: absolute;
        right: 9%;
        left: auto;
        z-index: 9;
        background-image: url(../image/lys/png122.png);
        opacity: 1;
        visibility: visible;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .x-header_new .box-2 .slogan::before {
        content: '';
        display: block;
        padding-top: 7.18085%
    }

    .x-header_new .box-2 .slogan .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .box-2 .nav-mod .nav-lv2 {
        padding-top: 10px
    }

    .x-header_new .x-wrap {
        margin: 0
    }

    .x-header_new .splite {
        width: auto
    }

    .x-header_new .top {
        display: none
    }

    .x-header_new .bottom {
        display: block;
        height: auto;
        line-height: 1;
        background-color: #fff
    }

    .x-header_new .bottom .l {
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #ddd
    }

    .x-header_new .bottom .l .item {
        margin: 0 !important
    }

    .x-header_new .bottom .tools-mod {
        border-top: 1px solid #b36563;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .x-header_new .bottom .tools-mod::after {
        display: none
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 0 !important
    }

    .x-header_new .bottom .search-mod .search-tap {
        width: 20px;
        height: 20px
    }

    .x-header_new .menu-mod {
        position: relative;
        padding: 10px 15px;
        height: 60px;
        z-index: 2
    }

    .x-header_new .menu-mod::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #bc7b54
    }

    .x-header_new .menu-mod .logo {
        width: 48.58156%;
        left: 13.47517%;
        -webkit-transform: none;
        transform: none;
        top: 20%
    }

    .x-header_new .menu-mod .logo a {
        padding: 0
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0
    }

    .x-header_new.home .tools-mod .eml {
        background-image: url(../image/ico_mail.png)
    }

    .x-header_new .menu-btn {
        position: absolute;
        width: 40px;
        overflow: hidden;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px
    }

    .x-header_new .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .x-header_new .menu-btn .line {
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .x-header_new .menu-btn .line,.x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #fff;
        border-radius: 1px
    }

    .x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .x-header_new .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        transform: translateY(-400%)
    }

    .x-header_new .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        transform: translateY(400%)
    }

    .x-header_new .search-box,.x-header_new .share-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        padding: 5px 15px
    }

    .x-header_new .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc;
        background-color: #fff
    }

    .x-header_new .search-box>* {
        width: 0;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .x-header_new .search-box>:last-child {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .x-header_new .search-box .search-input {
        display: block;
        width: 100%;
        height: 30px
    }

    .x-header_new .search-box .search-input::-webkit-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-moz-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input:-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-submit {
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px
    }

    .x-header_new .share-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #ccc
    }

    .x-header_new .share-box .share-item {
        font-size: 1.2em
    }

    .x-header_new .nav-mod {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        padding-top: 135px;
        background: url(../image/lys/jpg79.jpg) no-repeat bottom center;
        background-size: 100% auto;
        color: #fff;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    .x-header_new .nav-mod .x-wrap {
        margin: 0 15px
    }

    .x-header_new .nav-mod .search-box,.x-header_new .nav-mod .nav-box,.x-header_new .nav-mod .bottom {
        background: transparent
    }

    .x-header_new .nav-mod .search-box {
        background: #b36563;
        border-radius: 999px;
        border: none;
        margin-bottom: 10px;
        padding-right: 10px
    }

    .x-header_new .nav-mod .x-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .x-header_new .nav-mod .splite {
        display: none
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 1.8;
        padding: 10px 0
    }

    .x-header_new .nav-mod .nav-lv2 {
        width: auto;
        color: #b36563
    }

    .x-header_new .nav-box {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        background-color: #fff
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::before {
        display: none
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::after {
        display: block
    }

    .x-header_new .nav-box .nav-lv2-item.cur .nav-lv2-link {
        color: #fff
    }

    .x-header_new .nav-item.act>.nav-tit .arr {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .x-header_new .nav-item.act>.nav-tit .arr::before {
        right: auto;
        left: 0
    }

    .x-header_new .nav-lv1-item {
        padding: 0 0 0 35px
    }

    .x-header_new .nav-tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .x-header_new .nav-tit .arr {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 40px;
        height: auto;
        color: #b36563
    }

    .x-header_new .nav-tit .arr::before {
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }

    .x-header_new .nav-tit .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .x-header_new .nav-tit+.nav-lv {
        display: none
    }

    .x-header_new .nav-lv1-tit {
        border-bottom: 1px solid #b36563;
        position: relative
    }

    .x-header_new .nav-lv1-tit::before,.x-header_new .nav-lv1-tit::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .x-header_new .nav-lv1-tit::before {
        width: 7px;
        height: 7px;
        background-image: url(../image/lys/png135.png);
        right: calc(100% + 19px)
    }

    .x-header_new .nav-lv1-tit::after {
        width: 21px;
        height: 19px;
        background-image: url(../image/lys/png134.png);
        right: calc(100% + 14px);
        display: none
    }

    .x-header_new .nav-lv1-link {
        font-size: 1.125em
    }

    .x-header_new .nav-lv2 {
        padding: 10px 15px
    }

    .x-header_new .nav-lv2-tit {
        padding: 5px 0
    }

    .x-header_new.menu-open {
        z-index: 999
    }

    .x-header_new.menu-open .line {
        background-color: transparent
    }

    .x-header_new.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .x-header_new.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .x-header_new.menu-open .nav-mod {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    .x-header_new.white .menu-btn .line,.x-header_new.white .menu-btn .line::before,.x-header_new.white .menu-btn .line::after {
        background: #7c3030
    }

    .x-header_new.white.menu-open .line {
        background-color: transparent
    }

    .x-header_new .box-2-logobox {
        -webkit-transform: none;
        transform: none;
        top: 0;
        left: 0;
        width: 37.6%
    }

    .x-header_new .box-2-logobox::before {
        background-image: url(../image/lys/png121.png);
        padding-top: 26.5957%;
        background-position: left top
    }

    .x-header_new .box-2-logobox::after {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .x-header_new .box-2-logobox {
        width:40%
    }
}

@media screen and (max-width: 767px) {
    .x-header_new .menu-mod .logo {
        left:15px;
        width: 40%;
        overflow: inherit
    }

    .x-header_new .menu-mod .logo .syx {
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff;
        font-size: 14px;
        white-space: nowrap;
        margin-left: 10px
    }

    .x-header_new .box-2-logobox {
        width: 60%
    }

    .x-header_new .box-2-logobox::before {
        background-position: right top;
        margin-left: -85px
    }

    .x-header_new .box-2 .slogan {
        width: 35%;
        right: 13%
    }

    .x-header_new .nav-mod {
        padding: 95px 0 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        padding-left: 20px
    }

    .x-header_new .nav-mod .nav-lv2 {
        padding: 0px 10px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        padding: 5px 0
    }

    .x-header_new .nav-mod .nav-lv1-tit::before {
        right: calc(100% + 9px)
    }

    .x-header_new .nav-mod .nav-lv1-tit::after {
        width: 13px;
        height: 13px;
        right: calc(100% + 5px)
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        padding: 3px 0
    }

    .x-header_new .menu-btn {
        right: 5px
    }

    .x-header_new .logo .syx {
        text-align: center;
        margin-top: 0
    }

    .x-header_new .bottom .tools-mod {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 15px
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 5px !important
    }
}

@media screen and (max-width: 500px) {
    .x-header_new .box-2-logobox {
        width:75%
    }
}

.audio-mod.ui {
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 5px
}

.audio-mod .audio-title {
    padding: 1em;
    text-align: center
}

.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
    border: 0;
    height: 30px
}

.audio-mod .audio-list .select-cont {
    left: auto;
    width: 300px
}

.audio-mod .audio-control {
    float: left
}

.audio-mod .audio-play {
    border: 1px solid;
    border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
    -webkit-animation: animat-ring 3s linear infinite;
    animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,.audio-mod .audio-next.disable {
    background: #ccc;
    cursor: default;
    pointer-events: none
}

.audio-mod .audio-volume {
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 1em 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
    position: relative;
    margin: auto;
    width: 4px;
    height: 50px;
    background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 999px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
    opacity: 1;
    visibility: visible
}

.audio-mod .audio-panel {
    margin-left: 4em;
    margin-top: 5px
}

.audio-mod .audio-progress {
    position: relative;
    margin-bottom: 5px;
    height: 4px;
    background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 999px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.audio-mod .audio-time {
    position: relative;
    font-family: arial;
    line-height: 1;
    overflow: hidden
}

.audio-mod .audio-current {
    float: left
}

.audio-mod .audio-duration {
    float: right
}

.audio-mod .audio-surplus {
    float: right
}

@media screen and (max-width: 1024px) {
    .audio-mod .audio-volume-box {
        display:none
    }
}

.banner_page {
    height: 818px;
    position: relative;
    color: #fff;
    overflow: hidden
}

.banner_page .bread-mod {
    color: inherit
}

.banner_page .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: no-repeat center center / cover
}

.banner_page .bg .mask {
    background: #000
}

.banner_page .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

.banner_page .head .lt {
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 1em;
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .lb {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 1.1em;
    -webkit-transition: all 1s ease-out 2s;
    transition: all 1s ease-out 2s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -1em;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    opacity: 0
}

.banner_page .head .title {
    position: relative;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.banner_page.showd .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page.showd .head {
        font-size:28px
    }
}

.banner_page.showd .head .lt {
    clip: rect(0, 200px, 500px, 0)
}

.banner_page.showd .head .lb {
    clip: rect(0, 200px, 300px, 0)
}

.banner_page.showd .head .img {
    opacity: 1
}

.banner_page.showd .head .title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.banner_page .nav {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 30px;
    bottom: 2em;
    text-align: center;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .banner_page .nav {
        font-size:22px
    }
}

.banner_page .nav a {
    margin: 0 1em;
    display: inline-block
}

.banner_page .nav a.now {
    font-size: 1.3em
}

.banner_page .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.banner_page .box1 .b {
    margin-top: 3.5em
}

@media screen and (max-width: 1400px) {
    .banner_page {
        height:708px
    }

    .banner_page .head {
        font-size: 38px
    }

    .banner_page .head .img {
        -webkit-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95)
    }

    .banner_page .nav {
        bottom: 1em;
        font-size: 26px
    }

    .banner_page .head .img {
        margin-top: -0.5em
    }

    .banner_page .head .lt {
        bottom: 44%
    }

    .banner_page .head .lb {
        top: 53%
    }

    .banner_page .head .title {
        margin-top: 36px
    }
}

@media screen and (max-width: 1200px) {
    .banner_page .nav {
        font-size:24px
    }
}

@media screen and (max-width: 1100px) {
    .banner_page .head .title {
        font-size:33px
    }
}

@media screen and (min-width: 1025px) {
    .banner_page .nav a:hover {
        font-size:1.3em
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head {
        position:absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 48px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head .lt {
        clip:rect(0, 200px, 500px, 0)
    }

    .banner_page .head .lb {
        clip: rect(0, 200px, 300px, 0)
    }

    .banner_page .head .img {
        opacity: 1
    }

    .banner_page .head .title {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width: 1023px) {
    .banner_page {
        height:300px
    }

    .banner_page.showd .head {
        top: 0
    }

    .banner_page.showd .title {
        font-size: 26px
    }

    .banner_page .head {
        font-size: 26px;
        top: 0
    }

    .banner_page .img {
        width: 200px
    }

    .banner_page .lt {
        width: 60px
    }

    .banner_page .lb {
        width: 6px
    }

    .banner_page .nav {
        font-size: 18px
    }

    .banner_page .nav a {
        margin: 0 0.8em
    }

    .banner_page .head .title {
        margin-top: 0
    }

    .banner_page .head .lb {
        top: 45%
    }
}

@media screen and (max-width: 768px) {
    .banner_page .head .lt {
        bottom:50%
    }

    .banner_page .head .lb {
        top: 50%
    }
}

div[data-search] * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,div[data-search] .BMapLib_sms_pnl_phone button,div[data-search] .BMapLib_sms_pnl_phone textarea,div[data-search] .BMapLib_sms_pnl_phone select {
    min-height: auto;
    border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
    overflow: auto
}

div[data-search] .infoBox {
    padding: 10px;
    width: 290px;
    background-color: #fff
}

div[data-search] .infoBox>img {
    top: 10px;
    right: 10px !important
}

.bdmap {
    height: 600px
}

.bread-mod {
    position: absolute;
    left: 0;
    top: 35px;
    right: 0;
    color: #999;
    z-index: 2
}

.bread-mod .bread-item {
    display: inline-block
}

.bread-mod .bread-item+.bread-item::before {
    content: '>';
    padding: 0 5px;
    font-family: Arial
}

@media screen and (min-width: 1025px) {
    .bread-mod .bread-link:hover {
        color:#aa1332
    }
}

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

.paging-mod {
    text-align: center;
    margin: 75px 0
}

.paging-mod .paging-box {
    display: inline-block;
    vertical-align: top
}

.paging-mod .paging-item {
    float: left;
    min-width: 36px;
    font-family: Arial;
    font-size: 16px;
    line-height: 34px
}

.paging-mod .paging-arrow,.paging-mod .paging-link {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.paging-mod .paging-arrow:first-child {
    margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
    margin-left: 12px
}

.paging-mod .paging-link+.paging-arrow {
    margin-left: 10px
}

.paging-mod .paging-link.cur {
    background-color: #aa1332;
    border-color: #aa1332;
    color: #fff;
    cursor: default;
    pointer-events: none
}

.paging-mod .paging-dot {
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.2em
}

.paging-mod .paging-jump {
    margin-left: 26px;
    width: 120px;
    height: 40px;
    border: 1px solid #aa1332;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    top: -2px
}

.paging-mod .paging-table {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff
}

.paging-mod .paging-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.paging-mod .paging-cell:first-child {
    border-radius: 4px 0 0 4px;
    border-right: none
}

.paging-mod .paging-input {
    display: block;
    padding: 0 10px;
    width: 100%;
    line-height: 1.5;
    text-align: center
}

.paging-mod .paging-btn {
    display: block;
    width: 55px;
    cursor: pointer;
    border-radius: 4px;
    background: #aa1332;
    color: #fff;
    height: 34px;
    margin-right: 2px;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif
}

.paging-mod .paging-more {
    display: none
}

@media screen and (min-width: 1025px) {
    .paging-mod .paging-link:not(.cur):hover,.paging-mod .paging-arrow:hover {
        background-color:#aa1332;
        border-color: #aa1332;
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .paging-mod {
        margin:30px 0
    }

    .paging-mod .paging-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 34px;
        display: none
    }

    .paging-mod .paging-item,.paging-mod .paging-input {
        line-height: normal
    }

    .paging-mod .paging-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .paging-mod .paging-more {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #ddd;
        border-radius: 999px;
        background: #ddd;
        width: 120px
    }
}

.scroll-mod {
    position: relative;
    overflow: hidden
}

.scroll-mod.scroll-axis-x {
    padding-bottom: 10px
}

.scroll-mod.scroll-axis-y {
    padding-right: 10px
}

.scroll-cont {
    height: 100%;
    max-height: inherit;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scroll-cont::-webkit-scrollbar {
    display: none
}

.scroll-track-x,.scroll-track-y {
    position: absolute;
    background-color: rgba(0,0,0,0.1)
}

.scroll-bar-x,.scroll-bar-y {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.scroll-track-x {
    bottom: 0;
    left: 0;
    right: 0
}

.scroll-bar-x {
    width: 0;
    height: 5px
}

.scroll-track-y {
    top: 0;
    bottom: 0;
    right: 0
}

.scroll-bar-y {
    width: 5px;
    height: 0
}

.scroll-track-disable {
    display: none
}

@media screen and (min-width: 1025px) {
    .scroll-mod .scroll-bar-x {
        width:0
    }
}

.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
    position: absolute;
    right: 0px;
    bottom: 100%;
    margin-bottom: 10px;
    font-size: 26px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.pop-mod .pop-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.pop-mod .pop-panel::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pop-mod .pop-dialog {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.pop-mod .video-native {
    display: none
}

.pop-mod video,.pop-mod iframe {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%
}

.pop-mod.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,.pop-mod.x-show iframe,.pop-mod.x-show .video-native {
    display: block
}

@media screen and (min-width: 1025px) {
    .pop-mod.x-show .pop-panel {
        overflow-y:scroll
    }

    .pop-mod.x-show>.pop-close {
        margin-right: 17px
    }

    .full-screen .pop-mod.x-show>.pop-close {
        margin-right: 0
    }

    .full-screen .pop-mod.x-show .pop-panel {
        overflow: auto
    }
}

@media screen and (max-width: 1024px) {
    .pop-mod .pop-panel {
        padding:0 15px;
        overflow: auto;
        overscroll-behavior-y: contain
    }

    .pop-mod .pop-panel .pop-dialog {
        width: 100%
    }
}

.search-mod {
    position: relative;
    z-index: 2
}

.search-mod .search-tap {
    z-index: 1
}

.search-mod .search-tap ~ .search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: -17px;
    width: 200px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.search-mod.at-l .search-tap ~ .search-box {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    width: 0;
    -webkit-transition-property: width, opacity, visibility;
    transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap ~ .search-box .search-submit {
    visibility: hidden
}

.search-mod .search-box {
    display: table;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.search-mod .search-txt,.search-mod .search-btn {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.search-mod .search-txt {
    padding: 0 1em;
    width: 100%
}

.search-mod .search-btn {
    width: 1%
}

.search-mod .search-input {
    width: 100%
}

.search-mod .search-submit {
    display: block;
    height: 100%;
    cursor: pointer
}

.search-mod.x-show .search-tap ~ .search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
    z-index: -1;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap ~ .search-box {
    width: 200px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
    visibility: visible;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media screen and (min-width: 1025px) {
    .search-mod .search-tap:hover,.search-mod .search-submit:hover {
        color:#aa1332
    }
}

.select-mod {
    position: relative
}

.select-mod .select-bar {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.select-mod .select-native {
    display: none
}

.select-mod .select-trigger {
    cursor: pointer
}

.select-mod .select-btn {
    float: right;
    height: 100%
}

.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden
}

.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-mod .select-cont,.select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.select-mod .select-cont::before,.select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
    right: 12px
}

.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer
}

.select-mod .select-item.cur {
    color: #aa1332
}

.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%
}

.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px
}

.select-mod.sc-show {
    z-index: 1
}

.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,.select-mod.sc-show .select-trigger.select-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible
}

.select-mod .mCSB_scrollTools {
    right: 12px
}

@media screen and (min-width: 1025px) {
    .select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .select-mod .select-native {
        display:block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto
    }
}

.icon-wx::before {
    content: '\e601'
}

.icon-wb::before {
    content: '\e602'
}

.icon-qq::before {
    content: '\e603'
}

.icon-qz::before {
    content: '\e604'
}

.icon-twitter::before {
    content: '\e605'
}

.icon-facebook::before {
    content: '\e606'
}

.icon-linkedin::before {
    content: '\e607'
}

.icon-share::before {
    content: '\e608'
}

.share-mod .share-label,.share-mod .share-label ~ .share-box {
    display: inline-block;
    vertical-align: middle
}

.share-box .share-item {
    float: left
}

.share-box .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.share-box .code img,.share-box .code canvas {
    width: 100%
}

@media screen and (min-width: 1025px) {
    .share-box .share-item:hover {
        color:#aa1332
    }
}

.sidebar-mod {
    position: fixed;
    top: 50%;
    right: 40px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    padding-top: 60px;
    -webkit-transition-property: opacity, visibility, right;
    transition-property: opacity, visibility, right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod::before {
    content: '';
    width: 61px;
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 61px;
    background: url(../image/lys/png60.png) no-repeat top center;
    z-index: 1
}

.sidebar-mod .sidebar-item {
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 2
}

.sidebar-mod .sidebar-item {
    margin-top: 10px
}

.sidebar-mod .s1 {
    margin-top: 0
}

.sidebar-mod .s8 {
    display: none
}

.sidebar-mod .icon {
    width: 35px;
    margin: auto
}

.sidebar-mod .icon img {
    width: 100%;
    display: block
}

.sidebar-mod .t {
    width: 80px;
    margin-top: 5px;
    border-radius: 30px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px;
    color: #fff;
    font-size: 14px
}

.sidebar-mod .t span {
    line-height: 1
}

.sidebar-mod .s1 .t {
    background-color: #556f98
}

.sidebar-mod .s2 .t {
    background-color: #972f2f
}

.sidebar-mod .s3 .t {
    background-color: #556f98
}

.sidebar-mod .s4 .t {
    background-color: #c9784c
}

.sidebar-mod .s5 .t {
    background-color: #556f98
}

.sidebar-mod .s6 .t {
    background-color: #742b2b
}

.sidebar-mod .s7 .t {
    background-color: #c9784c
}

.sidebar-mod .s8 .t {
    background-color: #7b9471
}

.sidebar-mod .xfont {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    border-radius: 50%
}

.sidebar-mod .top-icon {
    background-color: #c9784c
}

.sidebar-mod .top-icon img {
    width: 23px;
    height: auto
}

.sidebar-mod .icon-up {
    background-color: #7b9471;
    color: #fff
}

.sidebar-mod.op .icon-up {
    background-color: #972f2f
}

.sidebar-mod.op .icon-up::before {
    content: '\e507'
}

.sidebar-mod.op .s8 .t {
    background-color: #972f2f
}

.sidebar-mod .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.sidebar-mod .code img {
    display: block;
    width: 100%
}

.sidebar-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .sidebar-mod {
    z-index: -1
}

@media screen and (max-width: 1770px) {
    .sidebar-mod {
        right:0
    }
}

@media screen and (max-width: 1200px) {
    .sidebar-mod {
        padding:0
    }

    .sidebar-mod::before {
        display: none
    }

    .sidebar-mod .icon,.sidebar-mod .xfont {
        display: none
    }

    .sidebar-mod .t {
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px
    }

    .sidebar-mod .t span {
        width: 100%;
        display: block;
        text-align: center;
        line-height: 1.1
    }

    .sidebar-mod .sidebar-item {
        margin-top: 10px
    }

    .sidebar-mod .s1 {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .sidebar-mod {
        left:0;
        -webkit-transform: none;
        transform: none;
        bottom: 0;
        transform: none;
        top: auto
    }

    .sidebar-mod .h {
        height: auto !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sidebar-mod .icon {
        display: block;
        width: 47px;
        position: relative;
        overflow: hidden;
        margin: 0 15px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .sidebar-mod .icon::before {
        content: '';
        display: block;
        padding-top: 78.7234%
    }

    .sidebar-mod .icon .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .sidebar-mod .icon img {
        display: none
    }

    .sidebar-mod .sidebar-item {
        font-size: 14px;
        width: 20%;
        height: 56px;
        margin: 0
    }

    .sidebar-mod .sidebar-item.s7,.sidebar-mod .sidebar-item.s8 {
        display: none
    }

    .sidebar-mod .sidebar-item .t {
        background: transparent;
        width: auto;
        height: auto;
        padding: 0
    }

    .sidebar-mod .sidebar-item .sidebar-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

    .sidebar-mod .s1 {
        background: #763735
    }

    .sidebar-mod .s1 .icon {
        background-image: url(../image/lys/png137.png);
        width: 35px
    }

    .sidebar-mod .s2 {
        background: #913834
    }

    .sidebar-mod .s2 .icon {
        background-image: url(../image/lys/png123.png);
        margin-right: 0
    }

    .sidebar-mod .s3 {
        background: #763735
    }

    .sidebar-mod .s3 .icon {
        background-image: url(../image/lys/png141.png)
    }

    .sidebar-mod .s4 {
        background: #913834
    }

    .sidebar-mod .s4 .icon {
        background-image: url(../image/lys/png140.png)
    }

    .sidebar-mod .s5 {
        background: #763735
    }

    .sidebar-mod .s5 .icon {
        background-image: url(../image/lys/png126.png)
    }

    .sidebar-mod .s6 {
        background: #913834
    }

    .sidebar-mod .s6 .icon {
        background-image: url(../image/lys/png127.png)
    }
}

@media screen and (max-width: 850px) {
    .sidebar-mod .sidebar-item {
        font-size:10px
    }

    .sidebar-mod .icon {
        margin: 0 5px 0 0;
        width: 20px;
        display: none
    }

    .sidebar-mod .s2 .icon {
        margin-right: 5px
    }

    .sidebar-mod .t span {
        font-size: 12px
    }
}

.slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-item {
    position: relative
}

.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden
}

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

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

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

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

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

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

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

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    cursor: pointer
}

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

.slick-loading .slick-list {
    background: #fff
}

.slick-dots {
    margin: 0;
    padding: 0;
    z-index: 3
}

.slick-dot {
    cursor: pointer
}

.slick-arrow.slick-disabled,.slick-arrow.slick-disabled:hover {
    opacity: 0.5;
    cursor: initial
}

.suds-mod {
    position: relative
}

.suds-mod .suds-pop {
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.suds-mod .suds-pop::before,.suds-mod .suds-pop::after {
    content: '';
    position: absolute;
    z-index: -1
}

.suds-mod .suds-pop::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 5px
}

.suds-mod .suds-pop.at-t {
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
    right: 100%;
    top: 50%;
    margin-right: 10px;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
    left: 100%;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
    position: relative;
    z-index: 1
}

.suds-mod.x-show,.suds-mod:hover {
    z-index: 1
}

.suds-mod.x-show>.suds-pop,.suds-mod:hover>.suds-pop {
    opacity: 1;
    visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,.suds-mod:hover>.suds-pop.at-t {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,.suds-mod:hover>.suds-pop.at-b {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,.suds-mod:hover>.suds-pop.at-l {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,.suds-mod:hover>.suds-pop.at-r {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
    opacity: 0;
    visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
    opacity: 1;
    visibility: visible
}

.tab-mod .tab-term {
    cursor: pointer
}

.tab-mod .tab-term.cur {
    color: #aa1332
}

.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden
}

.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible
}

.topping-mod {
    position: fixed;
    right: 15px;
    bottom: 10px;
    padding: 5px;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topping-mod .s {
    font-family: Arial;
    text-transform: uppercase
}

.topping-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .topping-mod {
    z-index: -1
}

@media screen and (min-width: 1025px) {
    .topping-mod:hover {
        background-color:#aa1332
    }

    .lock-screen .topping-mod {
        margin-right: 17px
    }

    .lock-screen.full-screen .topping-mod {
        margin-right: 0
    }
}

.tracker-mod {
    margin-top: 50px
}

.tracker-mod:first-child {
    margin-top: 0
}

.tracker-mod .tracker-prev {
    cursor: pointer
}

.tracker-mod .tracker-next {
    cursor: pointer
}

.tracker-mod .tracker-box {
    overflow: hidden
}

.tracker-mod .tracker-track {
    min-width: 100%;
    min-height: 100%
}

.tracker-mod .tracker-item {
    cursor: pointer
}

.tracker-mod.dir-hor .tracker-prev {
    float: left
}

.tracker-mod.dir-hor .tracker-next {
    float: right
}

.tracker-mod.dir-hor .tracker-box {
    text-align: center
}

.tracker-mod.dir-hor .tracker-track {
    display: table;
    white-space: nowrap;
    font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
    display: inline-block;
    vertical-align: middle;
    background: #fff no-repeat right center;
    margin: 0 5px;
    font-size: 16px
}

.tracker-mod.dir-hor .tracker-item.cur {
    background-image: url(../../news/image/lys/jpg17.jpg);
    background-color: #7e2f2f;
    color: #fff
}

.tracker-mod.dir-hor .tracker-item a {
    display: block;
    height: 100%;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 215px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:18px
    }
}

.tracker-mod.dir-ver .tracker-box {
    height: 300px
}

.tracker-mod.dir-ver .tracker-item {
    margin: 10px 0
}

@media screen and (max-width: 1024px) {
    .tracker-mod {
        margin-top:40px
    }

    .tracker-mod.dir-hor .tracker-item {
        background-size: 30% auto
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 15px 25px;
        min-width: 180px;
        font-size: 18px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 1023px) {
    .tracker-mod.dir-hor .tracker-item a {
        padding:15px 25px;
        min-width: 140px;
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .tracker-mod {
        margin-top:20px
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 10px 15px;
        min-width: 0
    }
}

.video-mod {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.video-mod::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.video-mod .video-js {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.video-mod .vjs-ended .vjs-poster {
    display: block
}

.video-mod.mini .video-js .vjs-control-bar {
    position: static;
    visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
    position: static;
    display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
    position: static
}

.video-mod.mini .video-js .vjs-load-progress,.video-mod.mini .video-js .vjs-mouse-display,.video-mod.mini .video-js .vjs-play-progress::before,.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
    display: none
}

.video-mod.mini .video-js .vjs-play-progress {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: .3em;
    opacity: .5;
    visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .vjs-no-flex .vjs-button {
        padding-bottom:3em
    }
}

@media screen and (max-width: 1024px) {
    .video-js .vjs-big-play-button {
        font-size:3em
    }

    .video-js .vjs-control-bar {
        height: 2em
    }

    .video-js .vjs-control {
        width: 2em
    }

    .vjs-button>.vjs-icon-placeholder::before {
        font-size: 1em
    }

    .video-js .vjs-remaining-time {
        display: block;
        margin: 0 0.5em;
        width: auto;
        line-height: 2em
    }

    .vjs-current-time,.vjs-duration,.vjs-time-divider,.video-js .vjs-volume-panel {
        display: none
    }
}

.about1 .part1 {
    position: relative;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part1::after {
    content: "";
    background: #eedddd;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%
}

.about1 .part1 .t {
    position: absolute;
    left: 0;
    top: 0;
    width: 33%
}

.about1 .part1 .t img {
    width: 100%
}

.about1 .part1 .content {
    margin-left: 38%;
    position: relative;
    padding: 120px 50px 120px 80px
}

.about1 .part1 .content::after {
    content: "";
    background: url(../image/by/png26.png);
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 9px;
    height: 9px
}

.about1 .part1 .content:before {
    content: "";
    border-left: 1px solid #f1c3c3;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: -130px
}

.about1 .part1 .content .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part1 .content .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part1 .content .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part1 .content .p {
    color: #666;
    margin-bottom: 30px
}

body:not(.lang-en) .about1 .part1 .content .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 {
    position: relative;
    padding: 100px 0 0;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part2::before {
    content: "";
    background: #eedddd;
    height: 180px;
    left: 0;
    bottom: 0;
    width: 27%;
    position: absolute
}

.about1 .part2 .title {
    text-align: right;
    padding-right: 50px;
    margin-top: -1em
}

.about1 .part2 .content {
    border-left: 1px solid #f1c3c3;
    margin-left: 12%;
    padding: 0 50px 90px 80px
}

.about1 .part2 .content::before {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    top: -33%;
    height: 60%;
    content: ""
}

.about1 .part2 .content::after {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 30%;
    content: ""
}

.about1 .part2 .pic {
    float: left;
    width: 47%;
    margin-right: 80px;
    margin-top: -90px;
    margin-bottom: 60px;
    margin-left: -21%
}

.about1 .part2 .pic img {
    width: 100%
}

.about1 .part2 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part2 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part2 .b {
    margin-top: 110px
}

.about1 .part2 .b img {
    width: 100%
}

.about1 .part3 {
    position: relative;
    padding-bottom: 8%
}

.about1 .part3::before {
    content: "";
    background: url(../image/by/png25.png) no-repeat center center/contain;
    width: 851px;
    height: 537px;
    position: absolute;
    left: 0;
    top: 0
}

.about1 .part3 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about1 .part3 .x-wrap:after {
    content: "";
    display: block;
    background: url(../image/by/pic14_3-1.jpg) no-repeat center top/100% auto;
    width: 18%
}

.about1 .part3 .content {
    padding: 140px 100px 70px 180px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.about1 .part3 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part3 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part3 .text p:nth-child(n+2) {
    margin-top: 3em
}

@media screen and (max-width: 1600px) {
    .about1 .part1 .content {
        padding:80px 40px 120px 80px
    }

    .about1 .part2 .content {
        margin-left: 0;
        margin-left: 40px
    }

    .about1 .part2 .pic {
        margin-left: -81px
    }

    .about1 .part3 .content {
        padding: 100px 80px 20px 40px
    }
}

@media screen and (max-width: 1400px) {
    .about1 .part1 .content .text {
        margin-top:40px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .text {
        margin-top: 40px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .b {
        margin-top: 80px
    }

    .about1 .part3 .text {
        margin-top: 40px
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 2em
    }
}

@media screen and (max-width: 1024px) {
    .about1 .part1 .content {
        padding:60px 40px 100px 50px
    }

    .about1 .part2 .content {
        padding: 0 40px 60px 40px
    }

    .about1 .part2 .pic {
        margin-right: 40px;
        margin-left: -41px;
        margin-bottom: 40px
    }

    .about1 .part3 .content {
        padding: 60px 60px 20px 40px
    }
}

@media screen and (max-width: 1023px) {
    .about1 .h img {
        height:30px
    }

    .about2 .h img {
        height: 30px
    }

    .about3 .h img {
        height: 30px
    }

    .about1 .part1 .t {
        width: 22%
    }

    .about1 .part1 .content {
        margin-left: 25%
    }

    .about1 .part3 .content {
        padding-right: 40px
    }
}

@media screen and (max-width: 767px) {
    .about1 .part1::after {
        display:none
    }

    .about1 .part1 .t {
        display: none
    }

    .about1 .part1 .content {
        margin-left: 0;
        padding: 40px 0
    }

    .about1 .part1 .content::before {
        display: none
    }

    .about1 .part1 .content::after {
        display: none
    }

    .about1 .part1 .content .text {
        margin-top: 20px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part1 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 {
        padding: 40px 0
    }

    .about1 .part2 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part3 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 .pic {
        margin: 0 20px 20px 0
    }

    .about1 .part2 .content {
        margin: auto;
        padding: 0;
        border-left: none
    }

    .about1 .part2 .content::before {
        display: none
    }

    .about1 .part2 .content::after {
        display: none
    }

    .about1 .part1 .content .p {
        margin-bottom: 20px
    }

    .about1 .part2 .text {
        margin-top: 20px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part2::before {
        display: none
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part3 .content {
        padding: 40px 0
    }

    .about1 .part3 .x-wrap::after {
        display: none
    }

    .about1 .part3 .text {
        margin-top: 20px
    }

    .about1 .part2 .b {
        margin-top: 30px
    }
}

.art1 {
    padding: 220px 0
}

.article-page {
    padding: 220px 0;
    background: #f7f7f7
}

.article-page .h1 {
    font-size: 28px;
    color: #555;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .article-page .h1 {
        font-size:20px
    }
}

.article-page .h2 {
    font-size: 28px;
    color: #555;
    font-family: sh;
    margin-top: 9px
}

@media screen and (max-width: 768px) {
    .article-page .h2 {
        font-size:20px
    }
}

.article-page .article-head {
    margin-bottom: 30px;
    text-align: center
}

.article-page .article-head .t {
    font-size: 32px;
    font-family: sh;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .article-page .article-head .t {
        font-size:22px
    }
}

.article-page .article-head .info {
    margin-top: 10px;
    color: #707070
}

.article-page .article-head .s {
    margin: 0 15px
}

.article-page .article-cont {
    margin-top: 40px;
    line-height: 1.8
}

.article-page .article-cont p,.article-page .article-cont .p {
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph
}

.article-page .article-cont p+p,.article-page .article-cont .p+.p {
    margin-top: 1.2em
}

.article-page .article-cont .img {
    margin: 1em 0
}

.article-page .article-cont iframe,.article-page .article-cont video {
    display: block;
    margin: auto;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    border: 0
}

.article-page .article-cont .video-mod {
    margin-bottom: 1em
}

.article-page .article-cont img {
    display: block;
    margin: auto;
    max-width: 100%;
    border: 0
}

.article-page .article-paging {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: none
}

.article-page .article-paging .article-link {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s
}

.article-page .article-paging .article-prev {
    float: left;
    padding-left: 30px
}

.article-page .article-paging .article-next {
    float: right;
    padding-right: 30px
}

.article-page .article-paging .xfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article-page .article-paging .article-prev .xfont {
    left: 0
}

.article-page .article-paging .article-next .xfont {
    right: 0
}

.article-page .share-mod {
    text-align: center;
    margin-top: 40px
}

.article-page .share-mod .share-item {
    width: 29px;
    margin-left: 22px
}

.article-page .share-mod .share-item img {
    width: 100%
}

.article-page .share-mod .share-item::before {
    display: none
}

.article-page .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.article-page .ul .li {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .article-page .ul .li {
        font-size:16px
    }
}

.article-page .ul .li+.li {
    margin-left: 45px
}

@media screen and (max-width: 1600px) {
    .art1,.article-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .article-page .article-paging .article-link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .art1,.article-page {
        padding:40px 0 8%
    }

    .article-page .article-head .t {
        font-size: 1.5em
    }

    .article-page .article-head .info {
        margin-top: 5px
    }

    .article-page .article-head .s {
        margin: 0 5px
    }

    .article-page .article-cont {
        margin-bottom: 20px
    }

    .article-page .article-paging {
        padding: 10px 0
    }

    .article-page .share-mod {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1023px) {
    .article-page {
        padding:40px 0 8%
    }
}

.calender1 {
    padding: 140px 0 0;
    background: #f5f5f5;
    position: relative
}

.calender1::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50px;
    background: url(../image/by/png31.png) no-repeat center center;
    width: 681px;
    height: 301px
}

.calender1 .info {
    margin-top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d0baba;
    padding: 0 0 40px;
    position: relative
}

.calender1 .info::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    border-right: 1px dashed #d0baba
}

.calender1 .info .logo img {
    width: 98px
}

.calender1 .info .text {
    padding: 10px 120px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0
}

.calender1 .info .text .h {
    font-size: 22px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .calender1 .info .text .h {
        font-size:18px
    }
}

.calender1 .info .text .ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .info .text .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.33%;
    margin-bottom: 15px;
    padding-right: 15px;
    font-size: 18px
}

.calender1 .info .text .ul .li span {
    display: block;
    width: 100px;
    color: #666;
    white-space: nowrap
}

.calender1 .info .text .ul .li span img {
    margin-right: 20px
}

.calender1 .info .text .ul .li em {
    display: block;
    width: 0;
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #999;
    display: block
}

.calender1 .info .text .ul .li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .letters {
    margin: 45px 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .letters a {
    font-size: 22px;
    margin: 0 12px;
    display: block
}

@media screen and (max-width: 768px) {
    .calender1 .letters a {
        font-size:18px
    }
}

.calender1 .letters a.now {
    color: #aa1332;
    text-decoration: underline
}

.calender1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.calender1 .list .item {
    background: #fff;
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
    padding: 50px 60px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.calender1 .list .item.s {
    visibility: visible;
    opacity: 1;
    position: relative
}

.calender1 .list .item .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item .hd .h {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .calender1 .list .item .hd .h {
        font-size:18px
    }
}

.calender1 .list .item .hd img {
    width: 45px
}

.calender1 .list .item ul {
    padding: 0;
    margin-top: 30px
}

.calender1 .list .item li {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    color: #666
}

@media screen and (max-width: 768px) {
    .calender1 .list .item li {
        font-size:16px
    }
}

.calender1 .list .item li:nth-child(n+2) {
    margin-top: 1em
}

.calender1 .list .item li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item li img {
    margin-right: 15px
}

.calender1 .list .item li em {
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-style: normal;
    color: #999;
    margin-left: 15px;
    word-break: break-all
}

.calender1 .list .item li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 75px
}

.calender1 .nav::before {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav::after {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav span {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    line-height: 42px;
    text-align: center;
    border: 1px solid #ddd;
    font-family: xfont;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.calender1 .nav span:last-child {
    margin-left: 30px
}

.calender3 {
    padding: 140px 0 150px;
    background: #f5f5f5
}

.calender3 .map {
    position: relative;
    overflow: hidden;
    margin-top: 56px
}

.calender3 .map::before {
    content: '';
    display: block;
    padding-top: 45%
}

.calender3 .map .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.calender2 {
    background: url(../image/by/bg8.jpg) no-repeat center top/cover;
    padding: 140px 0 11%;
    color: #fff
}

.calender2 .map {
    position: relative;
    margin-top: 50px
}

.calender2 .map .inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.calender2 .map .i {
    width: 100%
}

.calender2 .part2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 140px
}

.calender2 .part2 .hd {
    width: 30%;
    padding-right: 20px
}

.calender2 .part2 .hd .p {
    margin-top: 20px
}

.calender2 .part2 .list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender2 .part2 .list .item {
    width: calc(50% - 35px)
}

.calender2 .part2 .list .item:nth-child(n+3) {
    margin-top: 2.5em
}

.calender2 .part2 .list .item .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .calender2 .part2 .list .item .h {
        font-size:18px
    }
}

.calender2 .part2 .list .item .p {
    margin-top: 15px;
    line-height: 1.8
}

.calender2 .part2 .list .item .p span {
    margin-right: 1.1em;
    color: #fff
}

.calender2 .part2 .list .item .p span.now {
    color: #7ba0d4;
    display: inline-block
}

.calender2 .part3 {
    padding-top: 144px
}

.calender2 .part3 .img {
    margin-top: 60px
}

.calender2 .part3 .img img {
    width: 100%;
    display: block
}

@media screen and (min-width: 1025px) {
    .calender1 .nav span:hover {
        background:#b50022;
        border-color: #b50022;
        color: #fff
    }
}

@media screen and (max-width: 1500px) {
    .calender1 {
        padding:100px 0 0
    }

    .calender3 {
        padding: 100px 0 0
    }

    .calender1 .info {
        margin-top: 80px
    }

    .calender1 .info .text {
        padding: 10px 80px
    }

    .calender1 .list .item {
        padding: 30px
    }

    .calender2 {
        padding: 100px 0 11%
    }
}

@media screen and (max-width: 1300px) {
    .calender1 {
        padding:80px 0 0
    }

    .calender3 {
        padding: 80px 0
    }

    .calender1 .info {
        margin-top: 60px
    }

    .calender1 .info .text {
        padding: 10px 40px
    }

    .calender1 .list .item li {
        font-size: 16px
    }

    .calender1 .info .logo {
        width: 160px
    }

    .calender1 .info .logo img {
        width: 70px
    }

    .calender1 .letters a {
        margin: 0 8px
    }

    .calender1 .info .text .ul .li {
        width: 50%
    }

    .calender1 .nav {
        margin-top: 50px
    }

    .calender2 {
        padding: 80px 0 11%
    }

    .calender2 .part2 {
        display: block;
        margin-top: 50px
    }

    .calender2 .part2 .hd {
        width: auto
    }

    .calender2 .part2 .list {
        margin-top: 30px
    }

    .calender2 .part3 {
        padding-top: 50px
    }

    .calender2 .part3 .img {
        margin-top: 40px
    }
}

@media screen and (max-width: 1041px) {
    .calender1 .list .item {
        width:calc(50% - 20px)
    }
}

@media screen and (max-width: 1023px) {
    .calender1 {
        padding:62px 0 0
    }

    .calender1 .info {
        margin-top: 30px
    }

    .calender1 .info .logo {
        width: 100px
    }

    .calender1 .info .text {
        padding: 10px 0 10px 30px
    }

    .calender1 .info .text .ul {
        margin-top: 20px
    }

    .calender1 .letters a {
        font-size: 16px
    }

    .calender2 {
        padding: 40px 0 10%
    }

    .calender2 .part2 .list .item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 767px) {
    .calender1 .info {
        padding-bottom:20px
    }

    .calender1 .info .logo {
        display: none
    }

    .calender1 .info .text {
        padding: 0
    }

    .calender1 .info .text .ul .li {
        width: 100%;
        margin-bottom: 10px
    }

    .calender1 .letters {
        margin: 25px 0
    }

    .calender1 .list {
        display: block;
        overflow: auto;
        max-height: 120vw
    }

    .calender1 .list .item {
        width: auto;
        margin: 0 !important;
        padding: 20px;
        position: static;
        visibility: visible;
        opacity: 1
    }

    .calender1 .list .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .calender1 .nav {
        display: none
    }

    .calender2 {
        padding-top: 62px
    }

    .calender2 .map {
        margin-top: 20px
    }

    .calender2 .part2 .list {
        display: block
    }

    .calender2 .part2 .list .item {
        width: auto
    }

    .calender2 .part2 .list .item:nth-child(n+2) {
        margin-top: 15px
    }

    .calender2 .part3 .img {
        margin-top: 20px
    }

    .calender3 {
        padding-bottom: 40px;
        padding-top: 62px
    }

    .calender3 .map {
        margin-top: 20px
    }
}

.cooperation {
    background: #f5f5f5;
    padding: 0 0 220px
}

.cooperation .x-wrap {
    padding-top: 100px
}

.cooperation .recom {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .recom .l {
    position: relative;
    width: 50%
}

.cooperation .recom .l .focus {
    position: relative;
    height: 100%
}

.cooperation .recom .l .focus .frame {
    height: 100%
}

.cooperation .recom .l .focus .child {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cooperation .recom .l .focus .slick-list,.cooperation .recom .l .focus .slick-track,.cooperation .recom .l .focus .slick-slide,.cooperation .recom .l .focus .slick-slide>div {
    height: 100%
}

.cooperation .recom .l .focus .nav {
    position: absolute;
    right: 0;
    top: 55%;
    z-index: 1
}

.cooperation .recom .l .focus .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px
}

.cooperation .recom .l .focus .nav ul li {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #fff;
    list-style: none
}

.cooperation .recom .l .focus .nav ul li:nth-child(n+2) {
    margin-left: 20px
}

.cooperation .recom .l .focus .nav ul li.slick-active {
    border-color: #bd002d;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cooperation .recom .l .focus .nav ul li.slick-active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #bd002d;
    border-radius: 100%;
    display: block
}

.cooperation .recom .l .pic {
    position: relative;
    overflow: hidden
}

.cooperation .recom .l .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .l .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .l .text {
    padding: 35px;
    background: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cooperation .recom .l .text .date {
    color: #b50023;
    font-size: 24px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date {
        font-size:18px
    }
}

.cooperation .recom .l .text .date b {
    font-size: 48px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date b {
        font-size:28px
    }
}

.cooperation .recom .l .text .h {
    font-size: 20px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .h {
        font-size:18px
    }
}

.cooperation .recom .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px
}

.cooperation .recom .r .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    position: relative
}

.cooperation .recom .r .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .recom .r .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .recom .r .item .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.cooperation .recom .r .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .r .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .r .item .text {
    padding: 0 35px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cooperation .recom .r .item .text .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .h {
        font-size:16px
    }
}

.cooperation .recom .r .item .text .date {
    font-family: tj;
    font-size: 18px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .date {
        font-size:16px
    }
}

.cooperation .list {
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .list .item {
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 204px
}

.cooperation .list .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .list .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .list .item .pic {
    position: relative;
    overflow: hidden;
    width: 370px
}

.cooperation .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .list .item .text {
    padding: 0 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.cooperation .list .item .text .date {
    font-family: tj;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .date {
        font-size:16px
    }
}

.cooperation .list .item .text .h {
    font-size: 20px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }
}

.cooperation .list .item .text .p {
    margin-top: 10px;
    color: #707070
}

@media screen and (min-width: 1025px) {
    .cooperation .recom .r .item:hover::after {
        opacity:1
    }

    .cooperation .recom .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover::after {
        opacity: 1
    }
}

@media screen and (max-width: 1500px) {
    .cooperation {
        padding:0 0 180px
    }

    .cooperation .recom {
        margin-top: 50px
    }

    .cooperation .recom .r {
        margin-left: 20px
    }
}

@media screen and (max-width: 1400px) {
    .cooperation .recom .l .text {
        padding:20px
    }

    .cooperation .recom .l .text .date {
        font-size: 18px
    }

    .cooperation .recom .l .text .date b {
        font-size: 34px
    }

    .cooperation .list .item .text {
        padding: 30px 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 18px
    }

    .cooperation .recom .r .item .text {
        padding: 0 20px
    }

    .cooperation .recom .r .item .text .h {
        font-size: 16px
    }

    .cooperation .recom .r .item .text .date {
        font-size: 16px;
        margin-top: 5px
    }
}

@media screen and (max-width: 1300px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }

    .cooperation .list .item .text {
        padding: 15px 30px
    }
}

@media screen and (max-width: 1024px) {
    .cooperation {
        padding:0 0 80px
    }

    .cooperation .x-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .cooperation .recom {
        margin-top:30px;
        display: block
    }

    .cooperation .recom .l {
        width: auto
    }

    .cooperation .recom .r {
        margin: 15px 0 0
    }

    .cooperation .list {
        margin-top: 30px
    }

    .cooperation .list .item {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: 40%
    }

    .cooperation .list .item .text .p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .cooperation .recom .l .focus .nav {
        top: 65%
    }
}

@media screen and (max-width: 767px) {
    .cooperation .x-wrap {
        padding-top:40px
    }

    .cooperation {
        padding: 0 0 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 16px;
        margin-top: 5px
    }

    .cooperation .recom .l .focus .nav {
        top: 60%
    }

    .cooperation .recom .r .item {
        display: block
    }

    .cooperation .recom .r .item .pic {
        width: auto
    }

    .cooperation .recom .r .item .text {
        padding: 15px
    }

    .cooperation .list {
        display: block
    }

    .cooperation .list .item {
        padding: 0;
        min-height: 0;
        display: block
    }

    .cooperation .list .item .text {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: auto
    }

    .cooperation .list .item .text .h {
        font-size: 14px
    }

    .cooperation .list .item .text .date,.cooperation .list .item .text .p,.cooperation .recom .r .item .text .date {
        font-size: 14px
    }
}

@media screen and (max-width: 567px) {
    .cooperation .recom .l .focus .nav {
        top:55%
    }
}

@media screen and (max-width: 467px) {
    .cooperation .recom .l .focus .nav {
        top:40%
    }
}

.data {
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    color: #fff
}

.data .back {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #96ae94
}

.data .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.data .back img {
    margin-right: 15px
}

.data .back span {
    font-family: sh;
    font-size: 1.1vw;
    line-height: 1;
    letter-spacing: 3px
}

body:not(.lang-en) .data .back span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.data .list {
    height: 100%
}

.data .list .item {
    border: 1px solid rgba(255,255,255,0.4);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    opacity: 0;
    border-radius: 100%
}

.data .list .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    border-radius: 100%;
    -webkit-transition: all 2s ease-out 0s;
    transition: all 2s ease-out 0s
}

.data .list .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/by/pic21.jpg) no-repeat center center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 100%
}

.data .list .item .bg.s {
    opacity: 1
}

.data .list .item:nth-child(7) {
    width: 20vw;
    height: 20vw;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.data .list .item:nth-child(7) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(1) span {
    padding-right: 0.2em;
    top: -0.35em;
    right: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(2) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(2) span {
    left: 100%;
    padding-left: 0.2em;
    top: -0.35em
}

.data .list .item:nth-child(7) .dot:nth-child(3) {
    left: 50%;
    top: 0%
}

.data .list .item:nth-child(7) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(7) .dot:nth-child(4) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(4) span {
    top: 100%;
    padding-top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) {
    width: 29vw;
    height: 29vw;
    border-color: rgba(255,255,255,0.35);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.data .list .item:nth-child(6) .dot:nth-child(1) {
    left: 17%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(1) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(2) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(6) .dot:nth-child(2) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(3) {
    left: 83%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(3) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(5) {
    width: 38.5vw;
    height: 38.5vw;
    border-color: rgba(255,255,255,0.3);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.data .list .item:nth-child(5) .dot:nth-child(1) {
    left: 10%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(1) span {
    top: -0.6em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(5) .dot:nth-child(2) {
    left: 33%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(2) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.5em
}

.data .list .item:nth-child(5) .dot:nth-child(3) {
    left: 66%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.1em
}

.data .list .item:nth-child(5) .dot:nth-child(4) {
    left: 90%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(4) span {
    top: -0.6em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(4) {
    width: 48.5vw;
    height: 48.5vw;
    border-color: rgba(255,255,255,0.25);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.data .list .item:nth-child(4) .dot:nth-child(1) {
    left: 1%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(1) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(2) {
    left: 99%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(2) span {
    top: -0.3em;
    left: 100%;
    padding-left: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(3) {
    left: 13%;
    top: 84%
}

.data .list .item:nth-child(4) .dot:nth-child(3) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(3) {
    width: 61vw;
    height: 61vw;
    border-color: rgba(255,255,255,0.2);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.data .list .item:nth-child(3) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(3) .dot:nth-child(1) span {
    top: -0.3em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(2) {
    width: 75vw;
    height: 75vw;
    border-color: rgba(255,255,255,0.15);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.data .list .item:nth-child(2) .dot:nth-child(1) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(2) .dot:nth-child(1) span {
    top: -0.3em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(1) {
    width: 92.5vw;
    height: 92.5vw;
    border-color: rgba(255,255,255,0.1);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.data .list .item.cc .t {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.data .list .item.cc .content {
    height: 100%
}

.data .list .item.cc .content .d {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1vw;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.data .list .item.cc .content .d.s {
    opacity: 1
}

.data .list .item.cc .content .d b {
    color: #ffec82;
    font-family: Impact;
    margin: 0 8px;
    line-height: 1.2;
    font-size: 1.6em
}

.data .list .item.cc.s .bg {
    opacity: 1
}

.data .list .item.cc.s .t {
    opacity: 0
}

.data .list .dot {
    width: 26px;
    height: 26px;
    position: absolute;
    margin: -13px 0 0 -13px;
    cursor: pointer;
    font-size: 2.4vw;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/by/png37.png) no-repeat center center/contain;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot span {
    position: absolute;
    font-family: Impact;
    line-height: 1;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot.h {
    opacity: 0.2
}

.data.showd .list .item {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

@media screen and (min-width: 1025px) {
    .data .list .item:hover::before {
        -webkit-transform:rotate(30deg);
        transform: rotate(30deg)
    }

    .data .list .dot:hover {
        opacity: 1
    }

    .data .list .dot:hover::before {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (max-width: 1023px) {
    .data {
        background-image:url(../image/by/bg9b.jpg)
    }

    .data .back {
        position: absolute;
        left: 0;
        top: 10%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #96ae94;
        background: #2e4a38;
        padding: 12px 15px 12px 0;
        border-radius: 0 10px 10px 0
    }

    .data .back img {
        margin-right: 5px;
        width: 10px
    }

    .data .back span {
        font-size: 14px
    }

    .data .list .item:nth-child(1) {
        width: 90vw;
        height: 90vw;
        border-color: rgba(255,255,255,0.1)
    }

    .data .list .item:nth-child(2) {
        width: 80vw;
        height: 80vw;
        border-color: rgba(255,255,255,0.12)
    }

    .data .list .item:nth-child(3) {
        width: 70vw;
        height: 70vw;
        border-color: rgba(255,255,255,0.15)
    }

    .data .list .item:nth-child(4) {
        width: 60vw;
        height: 60vw;
        border-color: rgba(255,255,255,0.16)
    }

    .data .list .item:nth-child(5) {
        width: 50vw;
        height: 50vw;
        border-color: rgba(255,255,255,0.17)
    }

    .data .list .item:nth-child(6) {
        width: 40vw;
        height: 40vw;
        border-color: rgba(255,255,255,0.18)
    }

    .data .list .item:nth-child(7) {
        width: 30vw;
        height: 30vw;
        border-color: rgba(255,255,255,0.2)
    }

    .data .list .item {
        background-image: url(../image/by/bg9b.jpg)
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) {
        left: 0;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) span {
        padding-right: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        right: 100%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) {
        left: 100%;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) span {
        left: 100%;
        padding-left: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(3) {
        left: 50%;
        top: -1%
    }

    .data .list .item:nth-child(7) .dot:nth-child(4) {
        left: 50%;
        top: 99%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) {
        left: 10%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) span {
        top: 100%;
        padding-top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) {
        left: 50%;
        top: 100%
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) {
        left: 90%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) {
        left: 10%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-right: 0.2em;
        right: 100%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) {
        left: 33%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) span {
        bottom: 100%;
        padding-bottom: 0;
        left: -0.5em
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) {
        left: 66%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) span {
        bottom: 100%;
        padding-bottom: 0.2em;
        left: -0.1em
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) {
        left: 90%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-left: 0.2em;
        left: 100%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) {
        left: 17%;
        top: 87%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) span {
        top: 0.3em;
        right: 100%;
        padding-right: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) {
        left: 83%;
        top: 11%
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 100%;
        padding-left: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(3) {
        left: 6%;
        top: 73%
    }

    .data .list .item:nth-child(3) .dot:nth-child(1) span {
        right: 80%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) {
        left: 67%;
        top: 97%
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) span {
        left: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .dot {
        font-size: 5vw;
        width: 20px;
        margin: -10px 0 0 -10px
    }

    .data .list .item.cc .content .d {
        font-size: 10px
    }
}

.education_teaching1 {
    padding-top: 145px
}

.education_teaching1 .cont {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .child+.child {
    margin-left: 1.333%
}

.education_teaching1 .cont .child:first-child {
    width: 54.455%
}

.education_teaching1 .cont .child:nth-child(2) {
    width: 25.733%
}

.education_teaching1 .cont .child:last-child {
    width: 17.178%
}

.education_teaching1 .cont .item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    position: relative;
    margin-top: 20px
}

.education_teaching1 .cont .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.education_teaching1 .cont .i1 {
    background-image: url(../image/lys/jpg26-1.jpg);
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i3 {
    background-image: url(../image/lys/jpg27-1.jpg);
    padding-bottom: 49.325%
}

.education_teaching1 .cont .i4 {
    background-image: url(../image/lys/jpg28-1.jpg);
    padding-bottom: 105.454%
}

.education_teaching1 .cont .i7 {
    background-image: url(../image/lys/jpg29-1.jpg);
    padding-bottom: 156.42%
}

.education_teaching1 .cont .i2 {
    background-color: #c9784b;
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i5 {
    background-image: url(../image/lys/jpg99-1.jpg);
    padding-bottom: 67.013%
}

.education_teaching1 .cont .i6 {
    background-image: url(../image/lys/jpg98-1.jpg);
    padding-bottom: 101.945%
}

.education_teaching1 .cont .t1 span {
    font-family: tj;
    font-size: 60px;
    line-height: 1.2;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 span {
        font-size:30px
    }
}

.education_teaching1 .cont .ctop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .ctop .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching1 .cont .ctop .item+.item {
    margin-left: 20px
}

.education_teaching1 .cont .t1 {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 {
        font-size:18px
    }
}

.education_teaching1 .cont .t2 {
    font-size: 20px;
    margin-top: 7px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:18px
    }
}

.education_teaching1 .cont .i4 .t2,.education_teaching1 .cont .i7 .t2 {
    width: 8em
}

.education_teaching2 {
    padding: 145px 0 140px
}

.education_teaching2 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 78px
}

.education_teaching2 .cont .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.education_teaching2 .cont .li+.li {
    margin-left: 30px
}

.education_teaching2 .cont .imgbox {
    position: relative
}

.education_teaching2 .cont .imgbox .ri {
    position: absolute;
    width: 102.832%;
    padding-bottom: 102.832%;
    position: absolute;
    top: -9%;
    left: -2.2%
}

.education_teaching2 .cont .imgbox .ri::after {
    content: '';
    background: url(../image/lys/png29.png) no-repeat center;
    background-size: contain;
    z-index: 2;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: ro 6s linear 0s infinite;
    animation: ro 6s linear 0s infinite;
    opacity: 0;
    visibility: hidden
}

.education_teaching2 .cont .imgbox .ri::before {
    content: '';
    width: 97.245%;
    padding-bottom: 97.245%;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.education_teaching2 .cont .img {
    width: 87.252%;
    position: relative;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    margin: auto
}

.education_teaching2 .cont .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.education_teaching2 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching2 .cont .p {
    font-family: sh;
    font-size: 30px;
    margin-top: 54px
}

@media screen and (max-width: 768px) {
    .education_teaching2 .cont .p {
        font-size:22px
    }
}

.education_teaching3 {
    padding: 140px 0 170px;
    background-color: #f5f5f5
}

.education_teaching3 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.education_teaching3 .cont .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
    background-color: #668863;
    overflow: hidden;
    border-radius: 0 0 30px 0;
    position: relative;
    padding: 47px 65px 73px
}

.education_teaching3 .cont .item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18.911%;
    border-left: 1px solid #668863;
    z-index: 1
}

.education_teaching3 .cont .item:first-child {
    margin-left: 0;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child::after {
    border-color: #95ae93
}

.education_teaching3 .cont .icon {
    width: 14.285%;
    position: absolute;
    top: 50%;
    right: 11.972%;
    padding: 6px 0 11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child .icon {
    background-color: #668863
}

.education_teaching3 .cont .icon img {
    display: block;
    width: 100%
}

.education_teaching3 .cont .i_tit {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .i_tit {
        font-size:22px
    }
}

.education_teaching3 .cont .list {
    margin-top: 35px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .list {
        font-size:18px
    }
}

.education_teaching3 .cont .list .li+.li {
    margin-top: 18px
}

.education_teaching3 .cont .list .li a {
    display: inline-block;
    padding-left: 17px;
    position: relative
}

.education_teaching3 .cont .list .li a::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
}

.education_teaching4 {
    background-color: #f5f5f5;
    padding: 0 0 280px;
    background: #f5f5f5 url(../image/lys/jpg37.jpg) no-repeat center 353px;
    margin-bottom: -132px
}

.education_teaching4 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching4 .cont .item {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching4 .cont .item::before {
    content: '';
    display: block;
    padding-top: 53.125%
}

.education_teaching4 .cont .item .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching4 .cont .item+.item {
    margin-left: 30px
}

@media screen and (min-width: 1025px) {
    .education_teaching2 .cont .li:hover .ri::after {
        opacity:1;
        visibility: visible
    }

    .education_teaching2 .cont .li:hover .ri::before {
        border-color: #44a3e6
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching1 {
        padding-top:60px
    }

    .education_teaching2 {
        padding: 80px 0
    }

    .education_teaching1 .cont .t1 span {
        font-size: 40px
    }

    .education_teaching1 .cont .t2 {
        font-size: 18px
    }
}

@media screen and (max-width: 1300px) and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching3 {
        padding-top:70px
    }

    .education_teaching4 {
        padding: 0 0 160px;
        background-position-y: 280px
    }
}

@media screen and (max-width: 1024px) {
    .education_teaching1 .cont {
        padding-top:10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching1 .cont .i6 {
        display: none
    }

    .education_teaching1 .cont .child+.child {
        margin: 0
    }

    .education_teaching1 .cont .child:first-child {
        width: 66.5%
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: calc(33.5% - 20px);
        margin-left: 20px
    }

    .education_teaching1 .cont .child:last-child {
        width: 100%
    }

    .education_teaching1 .cont .i7 {
        padding-bottom: 20%
    }

    .education_teaching2 .cont {
        margin-top: 35px
    }

    .education_teaching2 .cont .p {
        margin-top: 30px
    }

    .education_teaching3 {
        padding-bottom: 70px
    }

    .education_teaching3 .cont .item {
        padding: 40px 30px 60px
    }

    .education_teaching3 .cont .icon {
        width: 50px
    }

    .education_teaching3 .cont .list {
        margin-top: 20px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 10px
    }

    .education_teaching4 {
        margin: 0;
        padding-bottom: 120px
    }

    .education_teaching3 .cont .icon {
        right: 50px
    }

    .education_teaching3 .cont .item::after {
        right: 75px
    }
}

@media screen and (max-width: 767px) {
    .education_teaching1 .cont {
        display:block
    }

    .education_teaching1 .cont .child:first-child {
        width: 100%
    }

    .education_teaching1 .cont .t1 span {
        font-size: 30px
    }

    .education_teaching1 .cont .t2 {
        line-height: 1.4
    }

    .education_teaching1 .cont .inner {
        padding: 0 15px
    }

    .education_teaching1 .cont .item {
        margin-top: 10px
    }

    .education_teaching1 .cont .ctop .item,.education_teaching1 .cont .i3 {
        padding-bottom: 40%
    }

    .education_teaching1 .cont .ctop .item+.item {
        margin-left: 10px
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: 100%;
        margin: 0
    }

    .education_teaching1 .cont .i4,.education_teaching1 .cont .i5,.education_teaching1 .cont .i7 {
        padding-bottom: 40%
    }

    .education_teaching2 {
        padding: 60px 0 20px
    }

    .education_teaching2 .cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching2 .cont .li {
        width: 48%;
        margin: 0 4% 30px 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .education_teaching2 .cont .li+.li {
        margin-right: 4%;
        margin-left: 0
    }

    .education_teaching2 .cont .li:nth-child(2n) {
        margin-right: 0
    }

    .education_teaching2 .cont .p {
        margin-top: 20px
    }

    .education_teaching3 {
        padding: 60px 0
    }

    .education_teaching3 .cont {
        margin-top: 30px;
        display: block
    }

    .education_teaching3 .cont .item {
        margin: 20px 0 0;
        padding: 20px 20px 30px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 5px
    }

    .education_teaching3 .cont .list {
        margin-top: 10px
    }

    .education_teaching4 {
        padding: 60px 0 80px;
        background-size: cover
    }

    .education_teaching4 .cont {
        margin-top: 20px;
        display: block
    }

    .education_teaching4 .cont .item {
        width: 100%
    }

    .education_teaching4 .cont .item+.item {
        margin: 20px 0 0
    }
}

.figure {
    padding: 120px 0 150px;
    background: #f5f5f5 url(../image/lys/jpg25.jpg) no-repeat top center;
    margin-bottom: -132px
}

.figure .tab-mod .inner {
    width: 6em
}

.figure .tabcont {
    margin-top: 30px;
    position: relative
}

.figure .tabcont .pbox .p+.p {
    margin-top: 10px
}

.figure .tabcont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 55px
}

.figure .tabcont .list .li {
    width: calc((100% - 80px) / 5);
    margin: 20px 20px 0 0
}

.figure .tabcont .list .li:nth-child(5n) {
    margin-right: 0
}

.figure .tabcont .list .img {
    position: relative;
    overflow: hidden
}

.figure .tabcont .list .img::before {
    content: '';
    display: block;
    padding-top: 116.96113%
}

.figure .tabcont .list .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.figure .tabcont .list .name {
    font-size: 24px;
    text-align: center;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .figure .tabcont .list .name {
        font-size:18px
    }
}

.figure .load_more {
    margin-top: 70px
}

.figure .load_more img {
    margin-right: 15px
}

.figure .load_more span {
    width: auto;
    height: auto;
    border: none;
    border-radius: 0
}

@media screen and (max-width: 1300px) {
    .figure {
        padding-top:80px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 60px) / 4)
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 20px
    }

    .figure .tabcont .list .li:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .figure {
        margin:0;
        padding-bottom: 70px
    }
}

@media screen and (max-width: 767px) {
    .figure {
        padding-top:50px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 10px) / 2);
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(2n) {
        margin-right: 0
    }

    .figure .tabcont {
        margin-top: 20px
    }

    .figure .tabcont .pbox .p+.p {
        margin-top: 5px
    }

    .figure .tabcont .list {
        padding-top: 25px
    }

    .figure .tabcont .list .name {
        margin-top: 10px
    }

    .figure .load_more {
        margin-top: 30px
    }
}

.first_class1 {
    padding: 150px 0;
    background: url(../image/lys/jpg96.jpg) no-repeat center;
    overflow: hidden
}

.first_class1 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.first_class1 .img {
    width: 34.6666666%;
    height: 783px;
    background: url() no-repeat center;
    background-size: cover
}

.first_class1 .r-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-left: 40px;
    padding-top: 7px
}

.first_class1 .title {
    position: relative;
    z-index: 2
}

.first_class1 .cont {
    position: relative;
    margin-top: 23px;
    padding: 61px 0;
    z-index: 1
}

.first_class1 .line-box {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.first_class1 .line-box::after,.first_class1 .line-box::before {
    content: '';
    position: absolute;
    top: -250px;
    bottom: -250px;
    left: 100%;
    border-right: 1px solid #f1c3c3
}

.first_class1 .line-box::before {
    right: auto;
    left: 0
}

.first_class1 .line-box .item {
    width: 25%;
    border-left: 1px solid #f1c3c3;
    position: relative
}

.first_class1 .line-box .item .zs {
    position: absolute;
    left: 100%;
    top: -4px;
    z-index: 9
}

.first_class1 .line-box .item .zs::before {
    content: '';
    display: block;
    border-left: 1px solid #af213c;
    height: 9px
}

.first_class1 .line-box .item .zs::after {
    content: '';
    position: absolute;
    bottom: 4px;
    width: 9px;
    border-top: 1px solid #af213c;
    left: -4px
}

.first_class1 .line-box .item .zs:nth-child(2) {
    top: auto;
    bottom: -4px
}

.first_class1 .line-box .item:nth-child(3)::before,.first_class1 .line-box .item:nth-child(3)::after {
    content: '';
    width: 1240px;
    height: 70px;
    background: rgba(202,160,158,0.3);
    position: absolute;
    right: 100%;
    bottom: 100%
}

.first_class1 .line-box .item:nth-child(3)::after {
    top: 100%;
    bottom: auto;
    left: 100%;
    right: auto;
    width: 445px
}

.first_class1 .line-box .h-line {
    border-top: 1px solid #f1c3c3;
    position: absolute;
    top: 0;
    width: 1920px;
    right: -210px
}

.first_class1 .line-box .h-line.b {
    top: auto;
    bottom: 0
}

.first_class1 .list {
    font-size: 24px;
    font-family: 'sh';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .first_class1 .list {
        font-size:18px
    }
}

.first_class1 .list .li {
    width: 25%;
    padding: 41px 15px;
    position: relative
}

.first_class1 .list .li::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border-left: 3px solid #af213c;
    height: 20px;
    border-radius: 99px
}

.first_class-bg {
    background: #fcfbf8
}

.first_class2 {
    padding-top: 142px;
    background: url(../image/xf/bg27.jpg) center top no-repeat;
    color: #fff
}

.first_class2 .title {
    text-align: center
}

.first_class2 .unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

.first_class2 .unit-item {
    padding: 60px 70px;
    width: 50%
}

.first_class2 .unit-item:nth-child(1) {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(1) .unit-tit .t {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(2) {
    background-color: #5c7557
}

.first_class2 .unit-item:nth-child(2) .unit-tit .t {
    background-color: #5c7557
}

.first_class2 .unit-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.first_class2 .unit-tit .t {
    position: relative;
    padding-right: 20px;
    font-family: sh;
    font-size: 30px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .first_class2 .unit-tit .t {
        font-size:22px
    }
}

.first_class2 .unit-tit .more1 {
    margin-left: auto
}

.first_class2 .unit-tit .more1::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 9999px;
    border-top: 1px solid #95ae93
}

.first_class2 .ol {
    position: relative;
    margin-top: 40px
}

.first_class2 .ol::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    border-left: 1px solid #5f7a59
}

.first_class2 .ol .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 14px 0;
    padding-left: 55px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ol .li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 48px;
    border: 1px solid #5f7a59;
    border-right: 0
}

.first_class2 .ol .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px;
    font-family: tj
}

.first_class2 .ol .b {
    font-size: 60px;
    line-height: 1
}

.first_class2 .ol .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 0;
    line-height: 1.75
}

.first_class2 .ol .link {
    display: block;
    height: 3.5em;
    overflow: hidden
}

.first_class2 .ol .arr {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 15px;
    width: 47px;
    height: 9px;
    background: url(../image/xf/png46.png);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ul {
    margin-top: 30px
}

.first_class2 .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0;
    border-top: 1px solid rgba(149,174,147,0.4);
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .first_class2 .ul .li {
        font-size:16px
    }
}

.first_class2 .ul .li:first-child {
    border-top: 0
}

.first_class2 .ul .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    font-family: tj;
    line-height: 1.8
}

.first_class2 .ul .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 58px
}

.first_class3 {
    background: url() no-repeat center;
    padding: 150px 0
}

.first_class3 .cont {
    position: relative
}

.first_class3 .cont img {
    max-width: 100%;
    display: block;
    margin: auto
}

.first_class3 .cont .title-box {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.first_class3 .more1 {
    margin-top: 38px
}

.first_class3 .more1::before {
    background-color: #466685;
    border-color: #466685;
    background-image: url(../image/more1a.png)
}

.first_class4 {
    padding: 150px 0;
    background: url(../image/xf/img86.jpg) center top no-repeat;
    color: #fff
}

.first_class4 .title {
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    line-height: 1
}

.first_class4 .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 156px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .li {
    padding-right: 28px;
    width: 33.33%
}

.first_class4 .ul .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .tit {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 120px;
    min-width: 50px;
    text-align: center
}

.first_class4 .ul .n {
    font-family: tj;
    font-size: 50px
}

.first_class4 .ul .n::after {
    content: '';
    display: block;
    margin: auto;
    width: 0;
    height: 215px;
    border-left: 1px solid rgba(255,255,255,0.3)
}

.first_class4 .ul .t {
    margin: auto;
    margin-top: 30px;
    width: 1em;
    font-family: sh;
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .first_class4 .ul .t {
        font-size:18px
    }
}

.first_class4 .ul .img {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 300px
}

.first_class4 .ul .img::before {
    content: '';
    display: block;
    padding-top: 190.66667%
}

.first_class4 .ul .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

@media screen and (min-width: 1025px) {
    .first_class1 .ul1 .li:hover {
        color:#fff
    }

    .first_class1 .ul1 .li:hover .cir::before {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .cir::after {
        opacity: 1
    }

    .first_class1 .ul1 .li:hover .lv {
        color: #7c3030;
        opacity: 0.5
    }

    .first_class1 .ul1 .li:hover .line {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(1) {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(2) {
        opacity: 1
    }

    .first_class2 .ol .li:hover {
        margin-bottom: 26px
    }

    .first_class2 .ol .li:hover::before {
        border-width: 2px;
        border-right: 0
    }

    .first_class2 .ol .li:hover .arr {
        opacity: 1;
        visibility: visible
    }

    .first_class3 .unit .li:hover {
        background-color: #5b7897
    }

    .first_class3 .unit .more1:hover::before {
        background-color: #aa1332;
        background-image: url(../image/more1a.png);
        border-color: #aa1332
    }
}

@media screen and (max-width: 1600px) {
    .first_class4 .ul {
        margin-right:60px
    }

    .first_class4 .ul .n::after {
        height: 10vw
    }
}

@media screen and (max-width: 1280px) {
    .first_class1 .list .li {
        padding:30px 15px
    }

    .first_class4 .title {
        position: static;
        width: 100%;
        text-align: center
    }

    .first_class4 .ul {
        margin: 0;
        margin-top: 50px;
        width: 100%
    }

    .first_class4 .ul .li:nth-child(n) {
        padding: 0;
        width: 33.33%
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }
}

@media screen and (max-width: 1400px) {
    .first_class1 .img {
        width:30%
    }
}

@media screen and (max-width: 1300px) {
    .first_class1 {
        padding:60px 0
    }

    .first_class2 {
        padding: 60px 0 0
    }

    .first_class3 {
        padding: 60px 0
    }

    .first_class4 {
        padding-top: 60px
    }
}

@media screen and (max-width: 1024px) {
    .first_class2 .unit {
        display:block;
        margin-top: 50px
    }

    .first_class2 .unit-item {
        padding: 50px;
        width: 100%
    }

    .first_class2 .ol {
        margin-top: 30px
    }

    .first_class2 .ol::before {
        display: none
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ol .li::before {
        display: none
    }

    .first_class2 .ol .d {
        margin-right: 10px
    }

    .first_class2 .ol .b {
        font-size: 30px
    }

    .first_class2 .ul {
        margin-top: 30px
    }

    .first_class3 .unit .view {
        text-align: left
    }

    .first_class3 .unit .more1 {
        margin-left: 5%
    }
}

@media screen and (max-width: 1023px) {
    .first_class1 .img {
        display:none
    }

    .first_class1 .r-box {
        margin-left: 0
    }

    .first_class1 .cont {
        padding: 15px 0
    }

    .first_class1 .list .li {
        padding: 15px
    }

    .first_class3 {
        background-size: cover
    }

    .first_class3 .more1 {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .first_class1 {
        padding:60px 0 50px
    }

    .first_class1 .line-box .item {
        width: 50%
    }

    .first_class1 .line-box .item:nth-child(1),.first_class1 .line-box .item:nth-child(2) {
        display: none
    }

    .first_class1 .line-box .item:nth-child(3)::before {
        right: 0
    }

    .first_class1 .list .li {
        width: 50%;
        padding: 10px 15px
    }

    .first_class2 {
        padding-top: 60px
    }

    .first_class2 .unit {
        margin-top: 20px
    }

    .first_class2 .unit-item {
        padding: 20px
    }

    .first_class2 .ol {
        margin-top: 20px
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ul {
        margin-top: 10px
    }

    .first_class2 .ul .li {
        padding: 15px 0
    }

    .first_class3 {
        padding: 60px 0 50px
    }

    .first_class3 .unit {
        margin-top: 20px;
        padding-top: 0
    }

    .first_class3 .unit .ul {
        display: block;
        margin-left: 0;
        padding: 20px 0;
        background: #476585
    }

    .first_class3 .unit .li {
        width: 100%
    }

    .first_class3 .unit .link {
        padding: 10px 20px
    }

    .first_class3 .unit .view {
        position: static;
        margin-right: 0
    }

    .first_class4 {
        padding: 60px 0 50px;
        background-size: cover
    }

    .first_class4 .ul {
        display: block;
        margin-top: 30px
    }

    .first_class4 .ul .li:nth-child(n) {
        margin-bottom: 20px;
        width: 100%
    }

    .first_class4 .ul .tit {
        width: 4em
    }

    .first_class4 .ul .img {
        margin-right: 10px
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }

    .first_class3 .unit .view {
        text-align: center
    }

    .first_class3 .unit .more1 {
        margin-left: 0%
    }

    .first_class2 .ul .t {
        height: auto
    }
}

.nav_history {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    color: #c98787;
    text-align: right;
    font-size: 14px;
    pointer-events: none;
    display: none
}

.nav_history::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 4px;
    background: url(../image/by/png35.png) repeat-y center center;
    width: 3px
}

.nav_history .item {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav_history .item span {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.nav_history .item.now span {
    opacity: 1
}

.nav_history .item::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #c98787;
    -webkit-transform: rotate(45deg) translateY(2px);
    transform: rotate(45deg) translateY(2px);
    margin-left: 20px
}

.nav_history .item:first-child {
    margin-top: 0
}

.history0 {
    position: relative;
    color: #fff
}

.history0 .bg {
    display: block;
    width: 100%;
    height: auto
}

.history0 .bg.m-show {
    display: none
}

.history0 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 9
}

.history0 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history0 .back img {
    margin-left: 15px
}

.history0 .x-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history0 .pad {
    width: 370px
}

.history0 .p-box {
    font-size: 18px;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .history0 .p-box {
        font-size:16px
    }
}

body:not(.lang-en) .history0 .p-box {
    text-align: justify;
    text-justify: inter-ideograph
}

.history0 .p-box .p+.p {
    margin-top: 15px
}

.history0 .more1 {
    padding: 0 70px 0 0;
    margin-top: 40px
}

.history0 .more1::before {
    left: auto;
    right: 0;
    background-color: #aa1332;
    border-color: #aa1332;
    background-image: url(../image/more1a.png)
}

.history1 {
    background: #fffcf6;
    padding: 150px 0;
    position: relative
}

.history1::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 66.6666666%;
    background: url(../image/by/bg4.jpg) no-repeat center left;
    background-size: cover
}

.history1 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history1 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 3
}

.history1 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history1 .back img {
    margin-left: 15px
}

.history1 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

.history1 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history1 .head .p {
        font-size:22px
    }
}

.history1 .head .r {
    margin-left: 60px
}

.history1 .head .code {
    background: #7c3030;
    color: #fff;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.history1 .head .code img {
    margin-left: 10px;
    max-width: 150px
}

.history1 .head .code .c {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px
}

.history1 .head .code:hover .c {
    display: block
}

.history1 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 50px;
    position: relative;
    z-index: 1
}

.history1 .tabs {
    border-left: 1px solid #aaa
}

.history1 .tabs .item {
    padding-left: 40px;
    position: relative;
    line-height: 1.1;
    margin-left: -1px;
    cursor: pointer
}

.history1 .tabs .item:nth-child(n+2) {
    margin-top: 1.5em
}

.history1 .tabs .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item.now {
    border-left: 2px solid #a91231;
    color: #a91231
}

.history1 .tabs .item.now::before {
    border-top: 2px solid #a91231
}

.history1 .tabs .item.now::after {
    border-top: 2px solid #a91231
}

.history1 .div {
    width: 50%;
    margin-top: -160px
}

.history1 .d {
    position: absolute;
    visibility: hidden;
    width: 100%;
    opacity: 0
}

.history1 .d.act {
    position: relative;
    visibility: visible;
    opacity: 1
}

.history1 .d .pic {
    width: 85%;
    background: url(../image/by/png19.png) no-repeat left bottom 15%/contain;
    padding: 5% 5% 8% 8%
}

.history1 .d .pic .frame {
    overflow: hidden
}

.history1 .d .pic .child {
    height: 100%
}

.history1 .d .pic .child .img {
    height: 100%
}

.history1 .d .pic img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.history1 .d .text {
    right: 100%;
    bottom: 0;
    position: absolute;
    width: 40%
}

body:not(.lang-en) .history1 .d .text {
    text-align: justify;
    text-justify: inter-ideograph
}

.history1 .d .text .more1 {
    margin-top: 25px
}

.history2 {
    background: #fffcf6;
    padding: 200px 0 350px;
    position: relative
}

.history2 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history2::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%
}

.history2 .map {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 49%;
    background: url(../image/by/png13.png) no-repeat center bottom/contain
}

.history2 .head {
    padding-left: 65%
}

.history2 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history2 .head .p {
        font-size:22px
    }
}

.history2 .focus {
    padding-left: 65%
}

.history2 .focus .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #ac9f92
}

.history2 .focus .nav span {
    font-family: xfont;
    width: 35px;
    height: 40px;
    position: relative;
    line-height: 40px;
    text-align: center;
    font-size: 20px
}

.history2 .focus .nav .next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #ac9f92
}

.history2 .focus .slick-list {
    overflow: visible
}

.history2 .focus .frame {
    margin-top: 10px
}

.history2 .focus .child {
    position: relative
}

.history2 .focus .child .h {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 30px;
    font-size: 24px;
    color: #495a47
}

body:not(.lang-en) .history2 .focus .child .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history2 .focus .child .h {
        font-size:18px
    }
}

.history2 .focus .child .pics {
    position: relative
}

.history2 .focus .child .pics .item:first-child {
    width: 100%;
    padding-top: 100%
}

.history2 .focus .child .pics .item:last-child {
    position: absolute;
    right: 85%;
    top: 60%;
    width: 65%
}

.history2 .focus .child .pics .item:last-child::after {
    content: "";
    background: #7c3030;
    width: 30%;
    padding-top: 30%;
    position: absolute;
    left: 100%;
    top: 100%
}

.history2 .focus .child .pics img {
    width: 100%;
    height: auto;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.history2 .focus .child .btns {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history2 .focus .child .btns a {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #e2d4c6;
    position: relative
}

.history2 .focus .child .btns a:nth-child(n+2) {
    margin-left: 2px
}

.history2 .focus .child .btns a img:first-child {
    max-width: 80%
}

.history2 .focus .child .btns a .c {
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.history2 .focus .child .btns a:hover .c {
    display: block
}

.history3 {
    background: #fffcf6;
    position: relative;
    padding: 150px 0 133px;
    color: #fff;
    display: none
}

.history3 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 66.6666666%;
    bottom: 0;
    background: url(../image/by/bg5_1.jpg) no-repeat center top/contain;
    z-index: 3;
    pointer-events: none
}

.history3::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%;
    z-index: 4;
    pointer-events: none
}

.history3 .bg-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 30.71%;
    top: 299px;
    background: url(../image/lys/jpg93.jpg) no-repeat center;
    background-size: cover
}

.history3 .bg-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30.71%;
    height: 402px;
    background: #fffcf6 url(../image/lys/png148.png) no-repeat left bottom;
    z-index: 2;
    background-size: contain
}

.history3 .head {
    text-align: center;
    position: relative;
    z-index: 9
}

.history3 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history3 .head .p {
        font-size:22px
    }
}

.history3 .content {
    margin-top: 75px;
    position: relative;
    z-index: 9
}

.history3 .slick-slide {
    margin: 0 -10px
}

.history3 .child {
    padding: 0 10px 10px;
    position: relative;
    margin-top: 10px;
    display: inline-block
}

.history3 .child a.a {
    left: 10px;
    right: 10px;
    bottom: 20px
}

.history3 .child .pic {
    position: relative;
    overflow: hidden
}

.history3 .child .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.history3 .child .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history3 .child .h {
    position: absolute;
    left: 10px;
    bottom: 20px;
    right: 10px;
    background: url(../image/by/png20.png) repeat-x center center;
    padding: 18px 0;
    text-align: center
}

.history3 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    color: #a9927b;
    position: relative;
    z-index: 1
}

.history3 .nav::before {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav::after {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav .prev {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .next {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .num {
    padding: 0 25px
}

.history3 .nav .num * {
    font-style: normal;
    font-weight: normal;
    margin: 0 5px
}

.history4 {
    background: #fffcf6;
    position: relative;
    padding: 200px 0
}

.history4 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history4::before {
    content: "";
    position: absolute;
    left: 0;
    top: -60px;
    width: 28%;
    bottom: 0;
    background: url(../image/by/png14.png) no-repeat center top/contain
}

.history4::after {
    content: "";
    background: url(../image/by/png15.png) no-repeat center center/contain;
    right: 0;
    bottom: 0;
    width: 28%;
    padding-top: 28%;
    position: absolute
}

.history4 .head {
    position: absolute;
    left: 0;
    top: 80px;
    right: 0
}

.history4 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history4 .head .p {
        font-size:22px
    }
}

.history4 .x-wrap {
    height: auto
}

.history4 .list {
    position: relative;
    z-index: 1;
    height: 59.3268vw
}

.history4 .list .item {
    width: calc(25% - 30px);
    cursor: pointer
}

.history4 .list .item .pic {
    overflow: hidden
}

.history4 .list .item .pic img {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history4 .list .item:first-child {
    margin-right: 40px
}

.history4 .list .item img {
    width: 100%
}

.history4.noData #photo_wap {
    display: none
}

.history4.noData .load_more a {
    display: none
}

.history5 {
    background: #fffcf6 url(../image/by/bg6-1.jpg) no-repeat center center/cover;
    padding: 40px 0 180px;
    position: relative
}

.history5 .fix_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history5 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -170px
}

.history5 .head .p {
    font-size: 30px;
    margin-left: 10px
}

body:not(.lang-en) .history5 .head .p {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history5 .head .p {
        font-size:22px
    }
}

.history5 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48.9424vw;
    height: auto
}

.history5 .x-wrap::after {
    display: none
}

.history5 .list-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    position: relative
}

.history5 .list-box::before {
    content: '';
    position: absolute;
    left: 48px;
    top: calc(50% - 46px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1608px;
    height: 164px;
    background: url(../image/by/png40.png) no-repeat left center
}

.history5 .list {
    margin-left: 100px;
    overflow: auto;
    margin-right: -200px
}

.history5 .list .inner {
    display: table;
    white-space: nowrap
}

.history5 .list .item {
    position: relative;
    max-width: 30vw;
    display: inline-block;
    vertical-align: top
}

.history5 .list .item .pic {
    background: #fffcf6;
    padding: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3);
    box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3)
}

.history5 .list .item .pic img {
    width: 100%
}

.history5 .list .item .h {
    font-size: 18px;
    margin-top: 0.6em
}

@media screen and (max-width: 768px) {
    .history5 .list .item .h {
        font-size:16px
    }
}

.history5 .list .item:nth-child(5n-4) {
    margin-top: 1.45833333vw
}

.history5 .list .item:nth-child(5n-3) {
    margin-top: 10.67708333vw;
    margin-left: -6.25vw
}

.history5 .list .item:nth-child(5n-2) {
    margin-top: 4.6875vw;
    margin-left: 2.34375vw
}

.history5 .list .item:nth-child(5n-1) {
    margin-top: 16.35416666vw;
    margin-left: -5.05208333vw
}

.history5 .list .item:nth-child(5n) {
    margin-left: 1.5625vw;
    margin-right: 2.8645833vw
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 1px;
    background: #a85a5a;
    position: relative;
    margin: 0 10px;
    width: auto;
    margin-top: 17px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 60px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 36px;
    width: 40%;
    margin: auto
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    background: url(../image/by/png16.png) no-repeat center;
    background-size: contain;
    width: 36px;
    height: 36px;
    top: 0
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    display: none
}

.history6 {
    background: #fffcf6;
    position: relative;
    padding: 190px 0
}

.history6 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history6 .head {
    text-align: center
}

.history6 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history6 .head .p {
        font-size:22px
    }
}

.history6 .list {
    margin-top: 120px;
    position: relative;
    min-height: 59.99999vw
}

.history6 .list .bg {
    position: absolute;
    top: 75%;
    left: 5%;
    width: 41%
}

.history6 .list .d1 {
    position: relative;
    padding-top: 60%
}

.history6 .list .d1 .item {
    position: absolute;
    cursor: pointer
}

.history6 .list .d1 .item.i1 {
    width: 44%;
    left: 0;
    top: 0;
    z-index: 1;
    margin-right: 40px
}

.history6 .list .d1 .item.i2 {
    width: 23%;
    left: 50%;
    top: 0
}

.history6 .list .d1 .item.i3 {
    width: 16%;
    right: 0;
    top: 0
}

.history6 .list .d1 .item.i4 {
    width: 30%;
    left: 37%;
    bottom: 0
}

.history6 .list .d1 .item.i5 {
    width: 27%;
    right: 0;
    top: 36.3%
}

.history6 .list .d2 {
    margin-top: 40px
}

.history6 .list .d2 .item {
    width: calc(20% - 22.5px);
    position: relative;
    cursor: pointer
}

.history6 .list .d2 .item:first-child {
    margin-right: 30px
}

.history6 .list .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.history6 .list .pic::before {
    content: '';
    display: block;
    padding-top: 94.61078%
}

.history6 .list .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history6 .list .h {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))
}

@media screen and (max-width: 768px) {
    .history6 .list .h {
        font-size:16px
    }
}

.history6 .list .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: rgba(255,255,255,0.2) url(../image/by/png21.png) no-repeat left 55% center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.history6.noData #six_wap {
    display: none
}

.history6.noData .load_more a {
    display: none
}

@media screen and (min-width: 1025px) {
    .history4 .list .item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .history6 .list .item:hover {
        z-index: 1
    }

    .history6 .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1720px) {
    .history2 {
        padding:140px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 120px 0
    }

    .history6 {
        padding: 120px 0
    }
}

@media screen and (max-width: 1600px) {
    .history5 {
        padding-bottom:150px
    }

    .history5 .list {
        margin-right: -50px
    }
}

@media screen and (max-width: 1500px) {
    .history1 .div {
        width:45%
    }

    .history1 .d .pic {
        width: auto
    }
}

@media screen and (max-width: 1300px) {
    .history0 .p-box {
        margin-top:30px
    }

    .history0 .more1 {
        margin-top: 20px
    }

    .history2 {
        padding: 80px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 80px 0
    }

    .history6 {
        padding: 80px 0
    }

    .history6 .list {
        margin-top: 80px
    }

    .history1 .div {
        width: 42%
    }

    .history1 .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history1 .head .r {
        margin: 20px 0 0
    }

    .history2 .focus {
        margin-top: 30px
    }

    .history4 .list .item {
        width: calc(25% - 15px)
    }

    .history4 .list .item:first-child {
        margin-right: 20px
    }

    .history5 .list {
        margin-right: -20px
    }

    .history6 .list .h {
        padding: 10px;
        font-size: 16px
    }
}

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

    .history1 {
        padding: 80px 0 60px
    }

    .history1::before {
        left: 85%
    }

    .history1 .d .text {
        position: static
    }

    .history1 .div {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        margin-left: 10%
    }

    .history1 .d .text {
        width: 65%
    }

    .history2 {
        padding: 80px 0 220px
    }

    .history6 {
        padding: 60px 0
    }

    .history6 .list {
        margin-top: 40px
    }

    .history5 {
        padding-bottom: 80px
    }

    .history5 .list .item .pic {
        padding: 15px;
        max-width: 50vw
    }

    .history5 .list .item .pic img {
        max-width: 100%
    }

    .history5 .list .item:nth-child(n+2) {
        margin: 0 0 0 20px !important
    }

    .history1 .head .p {
        font-size: 24px
    }

    .history2 .head .p {
        font-size: 24px
    }

    .history3 .head .p {
        font-size: 24px
    }

    .history4 .head .p {
        font-size: 24px
    }

    .history5 .head .p {
        font-size: 24px
    }

    .history6 .head .p {
        font-size: 24px
    }

    .history5 .list {
        margin-right: 0px
    }
}

@media screen and (max-width: 767px) {
    .history0 .pad {
        width:100%;
        padding-bottom: 40px
    }

    .history0 .p-box {
        margin-top: 15px
    }

    .history0 .p-box .p+.p {
        margin-top: 5px
    }

    .history0 .x-wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .history0 .more1 {
        margin-top: 10px;
        padding-right: 45px
    }

    .history0 .back {
        position: absolute;
        height: 40px;
        padding-left: 20px;
        top: 20px
    }

    .history0 .back img {
        width: 20px
    }

    .history0 .bg {
        display: none
    }

    .history0 .bg.m-show {
        display: block
    }

    .history1 {
        background-position: left top;
        padding: 40px 0;
        margin-top: 0
    }

    .history1::before {
        display: none
    }

    .history1 .content {
        display: block;
        margin-top: 30px
    }

    .history1 .d .text {
        width: auto;
        margin-top: 20px
    }

    .history1 .div {
        margin: 30px 0 0
    }

    .history1 .d .pic {
        background: none;
        padding: 0;
        width: 80%;
        margin: auto
    }

    .history1 .d .pic .frame {
        border-radius: 0
    }

    .history2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0
    }

    .history2 .head {
        padding: 0;
        text-align: center
    }

    .history2 .map {
        position: static;
        height: 130vw;
        background-position: center top 20%;
        background-size: 160% auto
    }

    .history2 .focus {
        padding-left: 35%
    }

    .history3 {
        padding: 40px 0
    }

    .history3::after {
        width: 100%;
        background-size: cover
    }

    .history3::before {
        display: none
    }

    .history3 .bg-1,.history3 .bg-2 {
        display: none
    }

    .history3 .nav {
        margin-top: 10px
    }

    .history4 {
        padding: 40px 0
    }

    .history4::before {
        display: none
    }

    .history4 .head {
        position: static;
        text-align: center
    }

    .history4 .list {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important
    }

    .history4 .list .item {
        width: calc(50% - 7.5px);
        position: static !important
    }

    .history3 .content {
        margin-top: 30px
    }

    .history4 .list {
        padding: 0 15px;
        min-height: 140vw
    }

    .history4 .list .item {
        width: calc(50% - 7.5px)
    }

    .history4 .list .item:nth-child(1) {
        margin-right: 0
    }

    .history4 .list .item:nth-child(even) {
        margin-left: 15px
    }

    .history4 .list .item:nth-child(n+3) {
        margin-top: 15px
    }

    .history5 {
        padding: 40px 0
    }

    .history5 .head {
        margin: 0
    }

    .history5 .head .title img {
        max-height: none
    }

    .history5 .head .p {
        margin-left: 0
    }

    .history5 .x-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history5 .list-box::before {
        display: none
    }

    .history5 .list {
        margin-left: 15px
    }

    .history5 .list .item {
        max-width: 240px
    }

    .history5 .list .item:nth-child(5n-4) {
        margin-top: 0
    }

    .history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 50px
    }

    .history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 80%
    }

    .history5 .list .item .pic {
        max-width: none;
        width: 100%;
        padding: 10px
    }

    .history5 .list .item .pic img {
        width: 100%
    }

    .history5 .list .item .h {
        margin-top: 5px
    }

    .history6 .list {
        padding: 0 15px;
        margin-top: 30px
    }

    .history6 .list .d1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0
    }

    .history6 .item {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important
    }

    .history6 .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .history6 .list .d1 .item:nth-child(1) {
        margin-right: 0
    }

    .history6 .list .d2 {
        margin-top: 15px;
        height: auto !important
    }

    .history6 .list .bg {
        display: none
    }

    .history6 .list .play {
        width: 60px;
        height: 60px;
        background-size: 30% auto
    }

    .title>img {
        max-width: 80%
    }

    .history6 .list .d1::before {
        display: none
    }

    .history2 .x-wrap {
        height: auto
    }

    .history2 .x-wrap::after {
        display: none
    }

    .history3::after {
        bottom: initial;
        height: 100%;
        display: none
    }

    .history3 {
        background: url(../image/by/bg5_1.jpg) no-repeat center top/cover
    }

    .history3 .x-wrap {
        height: auto
    }
}

.home1 {
    position: relative;
    margin-top: -147px
}

.home1 .child {
    height: 100vh;
    background: no-repeat center center / cover;
    position: relative
}

.home1 .child .mask {
    background: #000;
    opacity: 0
}

.home1 .child .a {
    z-index: 2
}

.home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home1 .nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1
}

.home1 .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home1 .slick-dot {
    width: 50px;
    height: 4px;
    background: #fff;
    opacity: 0.4;
    padding: 0;
    list-style: none;
    margin: 0 10px
}

.home1 .slick-dot.slick-active {
    opacity: 1
}

.home1 .btn_l {
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_l::before {
    content: "";
    background: url(../image/by/png1_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_l::after {
    content: "";
    background: url(../image/by/png1_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_l a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.home1 .btn_r {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_r::before {
    content: "";
    background: url(../image/by/png2_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_r::after {
    content: "";
    background: url(../image/by/png2_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_r a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.title1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .title1 {
        font-size:28px
    }
}

.title1::before {
    content: "";
    background: no-repeat center bottom;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: 0.5em;
    -webkit-transition: all 1.5s ease-out 0s;
    transition: all 1.5s ease-out 0s;
    clip: rect(0, 120px, 0, 0)
}

.title1::after {
    content: "";
    background: no-repeat center top;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 5.3em;
    -webkit-transition: all 3s ease-out 3s;
    transition: all 3s ease-out 3s;
    clip: rect(0, 120px, 0, 0)
}

.title1 .h {
    font-family: sh;
    line-height: inherit;
    line-height: 1.2;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    margin-left: -0.5em;
    -webkit-transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

body:not(.lang-en) .title1 .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.title1 .more1 {
    opacity: 0;
    -webkit-transition: all 1s ease-out 2.5s;
    transition: all 1s ease-out 2.5s
}

.showd .title1::after {
    clip: rect(0, 120px, 1000px, 0)
}

.showd .title1 .h {
    -webkit-transform: none;
    transform: none
}

.showd .title1 .more1 {
    opacity: 1
}

.home2.showd .title1::before {
    clip: rect(0, 120px, 350px, 0)
}

.home3.showd .title1::before {
    clip: rect(0, 120px, 270px, 0)
}

.home4.showd .title1::before {
    clip: rect(0, 120px, 570px, 0)
}

.home5.showd .title1::before {
    clip: rect(0, 120px, 300px, 0)
}

.home6.showd .title1::before {
    clip: rect(0, 120px, 700px, 0)
}

.home2 {
    position: relative;
    background: #f5f5f5
}

.home2 .w-wrap {
    padding-top: 110px;
    padding-bottom: 110px
}

.home2 .title1::before {
    background-image: url(../image/by/png3_1.png);
    bottom: 70%
}

.home2 .title1::after {
    background-image: url(../image/by/png3_1b.png);
    top: 30%
}

.home2 .title1 .h {
    top: 30%
}

.home2 .title1 .more1 {
    background: #f5f5f5;
    padding-top: 15px;
    color: #333;
    font-size: 16px;
    position: absolute;
    top: 63%;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home2 .list .dl {
    width: calc(50% - 10px)
}

.home2 .list .dl .item {
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.home2 .list .dl .pic {
    position: relative;
    overflow: hidden
}

.home2 .list .dl .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home2 .list .dl .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .list .dl .text {
    background: #fff;
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home2 .list .dl .text .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .h {
        font-size:18px
    }
}

.home2 .list .dl .text .p {
    font-size: 14px;
    margin-top: 0.5em
}

.home2 .list .dl .text .date {
    font-size: 18px;
    text-align: center;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date {
        font-size:16px
    }
}

.home2 .list .dl .text .date b {
    font-size: 60px;
    line-height: 1.2;
    display: block;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date b {
        font-size:30px
    }
}

.home2 .list .dl .text .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home2 .list .dr {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home2 .list .dr .item {
    position: relative;
    background: #fff;
    width: calc(50% - 5px);
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home2 .list .dr .item:nth-child(n+3) {
    margin-top: 10px
}

.home2 .list .dr .item .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .h {
        font-size:16px
    }
}

.home2 .list .dr .item .date {
    font-size: 18px;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date {
        font-size:16px
    }
}

.home2 .list .dr .item .date b {
    font-size: 48px;
    line-height: 1.2;
    display: block;
    font-weight: normal;
    display: inline;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date b {
        font-size:28px
    }
}

.home2 .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.home2 .links .item {
    background: no-repeat left center / cover;
    width: 10.35%;
    overflow: hidden;
    position: relative;
    padding-top: 13.33%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .links .item img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.home2 .links .item.s {
    width: 68.93%
}

.home2 .links .item.s img {
    width: 100%;
    height: auto;
    position: static
}

.home3 {
    background: url(../image/by/bg1.jpg) no-repeat center top;
    color: #fff;
    height: 835px;
    position: relative;
    z-index: 1
}

.home3 .title1::before {
    background-image: url(../image/by/png3_2.png);
    bottom: 65%
}

.home3 .title1::after {
    background-image: url(../image/by/png3_2b.png);
    top: 35%
}

.home3 .title1 .h {
    top: 35%
}

.home3 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.home3 .box2 {
    width: 50%;
    margin-left: 50%;
    background: #7c3030;
    padding: 100px
}

.home3 .box2 .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home3 .box2 .hd .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home3 .box2 .hd .title:after {
    content: "";
    display: block;
    border-top: 1px solid #a95555;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px
}

.home3 .box2 .list {
    margin-top: 60px;
    border-left: 1px solid #a95555;
    position: relative
}

.home3 .box2 .list:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 0%
}

.home3 .box2 .list:after {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    bottom: 0%
}

.home3 .box2 .list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px
}

.home3 .box2 .list .item:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box2 .list .item:nth-child(n+2) {
    margin-top: 15px
}

.home3 .box2 .list .item .date {
    white-space: nowrap;
    font-family: tj
}

.home3 .box2 .list .item .date b {
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home3 .box2 .list .item .date b {
        font-size:30px
    }
}

.home3 .box2 .list .item .h {
    margin-left: 30px;
    line-height: 1.8;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home3 .box2 .list .item .h:after {
    content: "";
    background: url(../image/by/png36.png) no-repeat right center;
    width: 0;
    height: 9px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box1 {
    width: 50%;
    background: #883736;
    padding: 70px 90px;
    position: relative
}

.home3 .box1::before {
    content: "";
    background: url(../image/by/png4.png) no-repeat center center;
    width: 467px;
    height: 416px;
    right: 10px;
    top: -40px;
    position: absolute
}

.home3 .box1::after {
    content: "";
    width: 120px;
    height: 120px;
    background: #aa1332;
    left: 100%;
    top: 100%;
    position: absolute
}

.home3 .box1 .text {
    line-height: 1.8;
    position: relative
}

body:not(.lang-en) .home3 .box1 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.home3 .box1 .text p:nth-child(n+2) {
    margin-top: 1.5em
}

.home3 .box1 .more1 {
    margin-top: 40px
}

.home3 .more1:before {
    background-color: #a95555;
    border-color: #a95555
}

.home4 {
    background: url(../image/by/png5.png) no-repeat right 1% top
}

.home4 .title1::before {
    background-image: url(../image/by/png3_3.png);
    bottom: 60%
}

.home4 .title1::after {
    background-image: url(../image/by/png3_3b.png);
    top: 40%
}

.home4 .title1 .h {
    top: 40%
}

.home4 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 380px;
    padding-bottom: 180px
}

.home4 .dl {
    width: 47%
}

.home4 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 6%
}

.home4 .d1 {
    position: relative
}

.home4 .d1 .pic {
    width: 100%
}

.home4 .d1 .text {
    position: absolute;
    left: -1px;
    top: 70%;
    background: #fff;
    padding-left: 0
}

.home4 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
}

.home4 .d2 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home4 .d3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.home4 .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.home4 .pic::before {
    content: '';
    display: block;
    padding-top: 105.21127%
}

.home4 .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home4 .text {
    padding: 50px 45px;
    width: 50%
}

.home4 .text .h {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .home4 .text .h {
        font-size:22px
    }
}

.home4 .text .p {
    margin-top: 15px
}

.home4 .text .date {
    font-family: tj;
    margin-top: 10px
}

.home4 .text .more1 {
    margin-top: 20px
}

.home5 {
    background: url(../image/by/bg2.jpg) no-repeat center center/cover;
    color: #fff
}

.home5 .title1::before {
    background-image: url(../image/by/png3_4.png);
    bottom: 65%
}

.home5 .title1::after {
    background-image: url(../image/by/png3_4b.png);
    top: 35%
}

.home5 .title1 .h {
    top: 35%
}

.home5 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 110px;
    padding-bottom: 110px
}

.home5 .dl {
    width: 28%;
    padding-top: 100px;
    min-width: 355px
}

.home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.home5 .dl .h b {
    font-weight: normal;
    font-size: 140px;
    line-height: 0.6
}

.home5 .dl .h span {
    display: block
}

.home5 .dl .box {
    margin-top: 30px;
    background: #95ae93
}

.home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.home5 .dl .hd span {
    font-family: xfont;
    width: 90px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.home5 .dl .hd strong {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 330px
}

.home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0
}

.home5 .dl .calendar .fc-calendar .fc-row>div,.home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 0;
    right: 0;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: Arial;
    top: 0px;
    width: 1.4em;
    height: 1.4em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.5em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px
}

.home5 .dl .calendar .fc-today .fc-date {
    background: #495a46;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #668863;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #9a5252;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #5a759b;
    margin: 0 2px
}

.home5 .dl .calendar .fc-content {
    cursor: pointer
}

.home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .bb {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.15);
    font-size: 14px;
    color: #495a46
}

.home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.home5 .dl .bb span:nth-child(1):before {
    background: #668863
}

.home5 .dl .bb span:nth-child(2):before {
    background: #9a5252
}

.home5 .dl .bb span:nth-child(3):before {
    background: #5a759b
}

.home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 90px
}

.home5 .dr .list {
    height: 700px;
    overflow: hidden
}

.home5 .dr .mCSB_inside>.mCSB_container {
    margin-right: 20px
}

.home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home5 .dr .item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 48%
}

.home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home5 .dr .item .text {
    padding: 50px 40px;
    width: 48%
}

.home5 .dr .item .text .h {
    font-size: 18px
}

.home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 50px
}

.home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px
}

.home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #638460;
    width: 4px
}

.home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #384837;
    width: 2px
}

.home6 {
    background: url(../image/by/png6.png) no-repeat center top/100% auto;
    position: relative;
    color: #fff
}

.home6 .title1::before {
    background-image: url(../image/by/png3_5.png);
    bottom: 45%
}

.home6 .title1::after {
    background-image: url(../image/by/png3_5b.png);
    top: 55%
}

.home6 .title1 .h {
    top: 55%
}

.home6::before {
    content: "";
    background: url(../image/by/bg3.jpg) no-repeat center top/cover;
    position: absolute;
    left: 0;
    top: 26vw;
    right: 0;
    bottom: 0
}

.home6 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 26vw;
    padding-bottom: 312px
}

.home6 .tabs {
    background: #6f8aa8;
    padding: 50px 0;
    width: 30%
}

.home6 .tabs .item {
    height: 76px;
    line-height: 76px;
    font-size: 22px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-align: center;
    padding-right: 30px
}

@media screen and (max-width: 768px) {
    .home6 .tabs .item {
        font-size:18px
    }
}

.home6 .tabs .item i {
    margin-right: 25px;
    display: inline-block;
    width: 44px;
    text-align: center
}

.home6 .tabs .item i img {
    max-width: 100%
}

.home6 .tabs .item.now {
    background: #5b7897;
    padding-left: 50px
}

.home6 .tabs .item.now::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    background: url(../image/more1a.png);
    width: 13px;
    height: 12px;
    margin-top: -6px
}

.home6 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home6 .dr::before {
    content: "";
    background: url(../image/by/png7.png) no-repeat center bottom/cover;
    width: 22%;
    padding-top: 50%;
    position: absolute;
    left: 50%;
    bottom: 25%
}

.home6 .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden
}

.home6 .list.act {
    opacity: 1;
    visibility: visible
}

.home6 .list .item {
    position: relative;
    width: 55%
}

.home6 .list .item:hover {
    z-index: 1
}

.home6 .list .item:last-child {
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    width: 57%
}

.home6 .list .item .pic {
    position: relative;
    overflow: hidden
}

.home6 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 70.9507%
}

.home6 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home6 .list .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6))
}

.home6 .list .item .text .h {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none
}

.home6 .list .item .text .more {
    background: url(../image/by/png8.png);
    width: 41px;
    height: 41px;
    display: inline-block
}

@media screen and (min-width: 1025px) {
    .transT {
        -webkit-transform:translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transB {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transL {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transR {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .td2 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .td3 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .td4 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    .transTs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transTs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transTs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transTs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transTs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transLs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transLs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transLs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transLs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transLs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transS {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transSs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transSs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transSs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .showd .transT,.showd .transB,.showd .transL,.showd .transR,.showd .transS,.showd .transTs>div,.showd .transLs>div,.showd .transSs>div {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    .btn_l:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .btn_r:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .home2 .list .item:hover {
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.15);
        box-shadow: 0 0 30px rgba(0,0,0,0.15)
    }

    .home3 .box2 .list .item:hover .h:after {
        width: 47px
    }

    .home4 .d1:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d2:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d3:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home6 .list .item:hover .h {
        display: block
    }
}

@media screen and (max-width: 1720px) {
    .home2 .w-wrap {
        padding-top:80px;
        padding-bottom: 80px
    }

    .home3 .box2 {
        padding: 80px
    }

    .home3 .box1 {
        padding: 60px 80px
    }

    .home4 .w-wrap {
        padding-top: 300px;
        padding-bottom: 100px
    }

    .home5 .w-wrap {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 1500px) {
    .home3 .box1 {
        -webkit-transform:translateY(-20%);
        transform: translateY(-20%)
    }

    .home6 .w-wrap {
        padding-bottom: 250px;
        padding-top: 320px
    }

    .home5 .dr .item .text ul {
        margin-top: 30px
    }

    .home6::before {
        top: 320px
    }
}

@media screen and (max-width: 1400px) {
    .home5 .dl {
        padding-top:50px
    }

    .home5 .dr {
        margin-left: 60px;
        width: 380px
    }

    .home5 .dr .item .text {
        padding: 30px 10px
    }

    .home5 .dr .item .text ul {
        margin-top: 20px
    }
}

@media screen and (max-width: 1300px) {
    .title1 {
        font-size:42px
    }

    .home3 .box1 {
        padding: 40px 60px
    }

    .home3 .box2 {
        padding: 60px
    }

    .home4 .text {
        padding: 30px 40px
    }

    .home4 .d2 .text {
        padding: 30px 40px
    }

    .home5 .dl .fc-calendar-container {
        height: 330px
    }

    .home6 .tabs {
        padding: 30px 0
    }

    .home6 .tabs .item {
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }

    .home6 .tabs .item.now {
        padding-left: 0px
    }

    .home6 .tabs .item i {
        margin-right: 15px
    }

    .home6 .tabs .item i {
        width: 34px
    }
}

@media screen and (max-width: 1200px) {
    .home3 .box2 {
        padding:40px
    }

    .home3 .box1 {
        padding: 40px
    }
}

@media screen and (max-width: 1100px) {
    .title1 .h {
        font-size:42px
    }

    .home3 .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 60px 0
    }

    .home3 .content .box1 {
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .home3 .content .box2 {
        width: auto;
        margin: auto;
        margin-top: 60px
    }

    .home4 .d1 .text {
        width: auto;
        position: static
    }

    .home4 .text {
        padding: 20px 30px !important
    }

    .home2 .w-wrap {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .home3 .box2 {
        padding: 40px
    }

    .home3 .box1 {
        padding: 40px 40px
    }

    .home4 .w-wrap {
        padding-top: 160px;
        padding-bottom: 40px
    }

    .home5 .w-wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .home6 .w-wrap {
        padding-top: 200px
    }

    .home6::before {
        top: 200px
    }
}

@media screen and (max-width: 1024px) {
    .title1 {
        position:static;
        width: auto;
        background: none !important;
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px
    }

    .title1::before {
        display: none
    }

    .title1::after {
        display: none
    }

    .title1 .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .title1 .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .title1 .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .title1 .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .w-wrap {
        padding: 40px 0;
        display: block !important
    }

    .home1 {
        margin-top: 0px
    }

    .home2 .w-wrap {
        padding: 40px 0
    }

    .home2 .title1 .more1 {
        padding: 0 0 0 50px;
        -webkit-writing-mode: unset !important;
        -ms-writing-mode: unset !important;
        writing-mode: unset !important;
        width: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        left: auto
    }

    .home2 .list .dl .text {
        padding: 25px
    }

    .home2 .list .dr .item {
        padding: 25px
    }

    .home3 {
        height: auto
    }

    .home3 .content {
        padding: 0
    }

    .home3 .box1 {
        padding: 30px
    }

    .home3 .box1::before {
        display: none
    }

    .home3 .box1 .more1 {
        margin-top: 20px
    }

    .home3 .content .box2 {
        margin: 20px 0 0;
        padding: 30px
    }

    .home3 .box2 .list {
        margin-top: 30px
    }

    .home4 .w-wrap {
        padding: 40px 0
    }

    .home4 .pic {
        width: 50% !important
    }

    .home4 .dl {
        width: auto
    }

    .home4 .dl .d1 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home4 .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .home4 .d1 .pic {
        width: 30%
    }

    .home4 .dr {
        padding: 0
    }

    .home5 .w-wrap {
        padding: 40px 0
    }

    .home5 .dl {
        width: auto;
        padding-top: 0;
        min-width: auto
    }

    .home5 .dr {
        margin: 20px 0 0;
        width: auto
    }

    .home5 .dl .h b {
        font-size: 100px;
        line-height: 1
    }

    .home5 .dr .item .text {
        padding: 30px 10px;
        width: calc(50% - 15px)
    }

    .home5 .dr .item .pic {
        width: calc(50% - 15px)
    }

    .home6 .w-wrap {
        padding: 40px 0 9%
    }

    .home6::before {
        top: 0
    }

    .home6 .dr::before {
        display: none
    }

    .home6 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden
    }

    .home6 .list.act {
        position: static;
        visibility: visible
    }

    .home6 .tabs {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0
    }

    .home6 .tabs .item {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px
    }

    .home6 .tabs .item i {
        margin-right: 10px;
        width: 25px
    }

    .home6 .tabs .item::after {
        display: none
    }

    .home6 .list .item {
        width: 33.33% !important
    }

    .home6 .list .item:last-child {
        -webkit-transform: none;
        transform: none;
        position: relative
    }

    .home6 .list .item .text {
        padding: 15px
    }

    .home6 .list .item .text .h {
        display: block
    }

    .home6 .list .item .text .more {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .home1 .btn_l {
        left:15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_l::before {
        display: none
    }

    .home1 .btn_l::after {
        background-size: contain
    }

    .home1 .btn_r {
        right: 15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_r::before {
        display: none
    }

    .home1 .btn_r::after {
        background-size: contain
    }

    .title1 {
        margin-bottom: 20px
    }

    .title1 .h {
        font-size: 28px
    }

    .home1 .nav {
        bottom: 15px
    }

    .home1 .child {
        height: 56.5vw
    }

    .home1 .slick-dot {
        width: 25px;
        margin: 0 5px
    }

    .home2 .list {
        display: block
    }

    .home2 .list .dl {
        width: auto;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dl .text .date {
        margin-right: 20px;
        text-align: left
    }

    .home2 .list .dl .text .date b {
        display: inline-block;
        margin-right: 15px
    }

    .home2 .list .dr {
        width: auto;
        margin-top: 10px
    }

    .home2 .list .dl .text {
        padding: 20px;
        display: block
    }

    .home2 .list .dr .item {
        padding: 20px;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dr .item .h {
        margin-top: 5px;
        font-size: 14px
    }

    .home2 .links {
        display: block;
        margin-top: 20px
    }

    .home2 .links .item {
        width: 100% !important
    }

    .home2 .links .item:nth-child(n+2) {
        margin-top: 10px
    }

    .home3 .box1 {
        padding: 20px
    }

    .home3 .box1 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .home3 .content .box2 {
        padding: 20px
    }

    .home3 .box2 .list {
        border: none;
        margin-top: 20px
    }

    .home3 .box2 .list::before {
        display: none
    }

    .home3 .box2 .list::after {
        display: none
    }

    .home3 .box2 .list .item {
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home3 .box2 .list .item::before {
        display: none
    }

    .home3 .box2 .list .item .h {
        margin-left: 10px
    }

    .home4 .d1 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .d2 .text {
        padding: 0 15px 0 0 !important
    }

    .home4 .d3 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .text .p {
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .home4 .text .date {
        margin-top: 0
    }

    .home4 .text .more1 {
        margin-top: 10px
    }

    .home5 .dl .fc-calendar-container {
        height: 280px
    }

    .home5 .fc-calendar .fc-row>div>span.fc-date {
        font-size: 18px
    }

    .home5 .dl .calendar .fc-calendar .fc-content>div {
        font-size: 18px
    }

    .home5 .dl .h b {
        font-size: 40px;
        margin-right: 19px
    }

    .home5 .dl .box {
        margin-top: 15px
    }

    .home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .home5 .dl .hd span {
        width: 60px
    }

    .home5 .dr .item {
        display: block
    }

    .home5 .dr .item:nth-child(n+2) {
        margin-top: 20px
    }

    .home5 .dl .bb span {
        margin-left: 0px
    }

    .home5 .dl .bb span:nth-child(1) {
        margin-left: 0
    }

    .home5 .dr .item .pic {
        width: auto
    }

    .home5 .dr .item .text {
        width: auto;
        padding: 0;
        margin-top: 15px
    }

    .home5 .dr .item .text ul {
        margin-top: 15px
    }

    .home6 .tabs {
        padding: 0;
        display: block;
        white-space: nowrap;
        overflow: auto;
        background: none;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .home6 .tabs .item {
        display: inline-block;
        height: auto;
        line-height: 1;
        opacity: 0.7
    }

    .home6 .tabs .item.now {
        background: none;
        opacity: 1;
        font-size: 1.1em
    }

    .home6 .tabs .item:nth-child(n+2) {
        margin-left: 10px
    }

    .home6 .tabs .item i {
        display: none
    }

    .home6 .list {
        display: block
    }

    .home6 .list .item {
        width: auto !important
    }

    .home6 .list .item:nth-child(n+2) {
        margin-top: 15px
    }
}

.demo1 {
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    position: fixed;
    width: 350px;
    bottom: 20px;
    right: 100px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.demo1 .pop-dialog {
    width: 430px;
    background-color: transparent;
    vertical-align: bottom;
    margin-left: 63.4%;
    margin-bottom: 20px
}

.demo1 .pop-close {
    position: absolute;
    top: 14px;
    right: 33px;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.demo1 .h {
    font-size: 24px;
    color: #fff;
    height: 54px;
    text-align: center;
    line-height: 54px;
    background: url(../image/syb/bg1.png) no-repeat center center
}

@media screen and (max-width: 768px) {
    .demo1 .h {
        font-size:18px
    }
}

.demo1 .cookie {
    background: url(../image/syb/bg2.png) no-repeat center center;
    padding: 15px 20px;
    background-size: 100% 100%
}

.demo1 .p {
    font-size: 16px;
    color: #ffb0b0;
    text-indent: 2em
}

body:not(.lang-en) .demo1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.demo1 a {
    display: block;
    width: 118px;
    margin: 16px auto 0
}

.demo1 .sub {
    font-size: 18px;
    color: #ffb0b0;
    background-color: #b73334;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .demo1 .sub {
        font-size:16px
    }
}

.demo1.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.new_title {
    text-align: center
}

.new_title .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh;
    color: #5d2727
}

@media screen and (max-width: 768px) {
    .new_title .h {
        font-size:28px
    }
}

.new_title .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px 0 5px
}

.new_title .icon-box::before,.new_title .icon-box::after {
    content: '';
    width: 127px;
    border-top: 1px dashed rgba(184,31,43,0.3);
    height: 0
}

.new_title .icon-box .icon {
    width: 21px;
    height: 19px;
    background: url(../image/lys/png68-1.png) no-repeat center;
    margin: 0 15px;
    background-size: contain
}

.new_title .t {
    font-size: 24px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_title .t {
        font-size:18px
    }
}

.new_home1 {
    position: relative
}

.new_home1 .frame-box {
    position: relative;
    z-index: 2
}

.new_home1 .child {
    height: 100vh;
    position: relative
}

.new_home1 .child .bg {
    background: no-repeat center center / cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home1 .child .mask {
    z-index: 2
}

.new_home1 .child .txtbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    text-align: center;
    color: #fff5af;
    font-family: yzq;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-shadow: 2.868px 4.096px 79px rgba(0,0,0,0.19)
}

.new_home1 .child .txtbox .t1 {
    margin: 5px;
    font-size: 80px
}

.new_home1 .child .txtbox .t2 {
    margin: 5px;
    font-size: 60px
}

.new_home1 .child .tit {
    font-size: 114px;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: 70px;
    z-index: 3;
    color: #fff;
    font-family: 'sh';
    width: 5em
}

.new_home1 .child .a {
    z-index: 9
}

.new_home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0
}

.new_home1 .slick-current .txtbox {
    opacity: 1;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.new_home1 .banner-tools {
    position: absolute;
    bottom: 50px;
    right: 10.9375%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9
}

.new_home1 .nav {
    padding: 6px 19px;
    margin-left: 15px;
    position: relative
}

.new_home1 .nav::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 99px;
    background: #000;
    opacity: 0.2;
    z-index: 1
}

.new_home1 .slick-dots {
    font-size: 0;
    position: relative;
    z-index: 2
}

.new_home1 .slick-dot {
    width: 15px;
    height: 15px;
    background: #c64141;
    padding: 0;
    list-style: none;
    margin: 0 5px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new_home1 .slick-dot::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #eec6c6;
    border-radius: 50%;
    opacity: 0
}

.new_home1 .slick-dot.slick-active::after {
    opacity: 1
}

.new_home1 .banner-btn {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(147,44,44,0.9);
    z-index: 99;
    color: #ffe8dc;
    font-size: 14px;
    cursor: pointer
}

.new_home1 .banner-btn::before {
    content: '\e522';
    font-family: xfont;
    font-style: normal
}

.new_home1 .banner-btn.pause::before {
    content: '\e521'
}

.new_home1 .banner-pro {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 0;
    border-top: 8px solid #c64141;
    z-index: 9
}

.new_home1 .banner-pro.ani {
    -webkit-animation-name: anil;
    animation-name: anil;
    -webkit-animation-duration: 5.8s;
    animation-duration: 5.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100%
}

.new_home1 .banner-pro.play {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.new_home1 .banner-pro.pause {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.new_home1 .banner-map {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 58px;
    z-index: 9
}

.new_home1 .banner-map .img {
    width: 106px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    cursor: pointer
}

.new_home1 .banner-map .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home1 .banner-map .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home1 .banner-map .line {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px dashed #aa5656;
    border-radius: 999px
}

.new_home1 .banner-map .line img {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto
}

.new_home1 .banner-map .line::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png72.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: r 9s infinite linear;
    animation: r 9s infinite linear;
    background-size: contain
}

.new_home1 .banner-map .item {
    position: relative
}

.new_home1 .banner-map .item:hover .item-menubox {
    right: 100%;
    opacity: 1;
    visibility: visible
}

.new_home1 .banner-map .item+.item {
    margin-top: 20px
}

.new_home1 .banner-map .item:nth-child(2) .line {
    border-color: #587199
}

.new_home1 .banner-map .item:nth-child(2) .line::after {
    background-image: url(../image/lys/png73.png);
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.new_home1 .banner-map .item:nth-child(3) .line::after {
    -webkit-animation-duration: 9.4s;
    animation-duration: 9.4s
}

.new_home1 .banner-map .item-menubox {
    position: absolute;
    top: 5px;
    right: 80%;
    padding-right: 17px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 768px) {
    .new_home1 .banner-map .item-menubox {
        font-size:16px
    }
}

.new_home1 .banner-map .item-menubox .item-menu {
    background: rgba(124,48,48,0.9);
    border-radius: 25px;
    width: 210px;
    padding: 19px 0 28px 50px
}

.new_home1 .banner-map .item-menubox .item-link {
    border-bottom: 1px solid #a04141;
    position: relative
}

.new_home1 .banner-map .item-menubox .item-link::before {
    content: '';
    width: 21px;
    height: 19px;
    background: url(../image/lys/png90.png) no-repeat center 3px;
    position: absolute;
    top: 23px;
    right: calc(100% + 13px)
}

.new_home1 .banner-map .item-menubox .item-link.on::before {
    background-image: url(../image/lys/png91.png);
    background-position: center
}

.new_home1 .banner-map .item-menubox .item-link:last-child {
    border: none
}

.new_home1 .banner-map .item-menubox .item-link a {
    display: block;
    padding: 17px 0;
    padding-right: 10px
}

.new_home1 .banner-map .item-menubox .item-link+.item-link {
    margin-top: 5px
}

@-webkit-keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.new_home2.showd .new_title::before {
    clip: rect(0, 111px, 390px, 0)
}

.new_home3.showd .new_title::before {
    clip: rect(0, 111px, 446px, 0)
}

.new_home4.showd .new_title::before {
    clip: rect(0, 111px, 545px, 0)
}

.new_home5.showd .new_title::before {
    clip: rect(0, 111px, 444px, 0)
}

.new_home6.showd .new_title::before {
    clip: rect(0, 111px, 282px, 0)
}

.new_bg {
    background-color: #faf8f2
}

.new_home2 {
    position: relative;
    color: #481c1c
}

.new_home2::before {
    content: '';
    width: 100%;
    padding-top: 83.125%;
    background: url(../image/lys/png93.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home2 .n-wrap {
    padding-top: 110px
}

.new_home2 .new_title::before {
    bottom: 70.4769%;
    background-image: url(../image/lys/png54.png)
}

.new_home2 .new_title .h {
    top: 30%
}

.new_home2 .new_title::after {
    top: 30%
}

.new_home2 .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 22px
}

.new_home2 .box1.m-show {
    display: none
}

.new_home2 .box1 .item {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(201,120,76,0.09);
    box-shadow: 0 0 20px rgba(201,120,76,0.09)
}

.new_home2 .box1 .item::before {
    content: '';
    height: 54px;
    border-left: 10px solid #9c7856;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .l {
    width: 50%
}

.new_home2 .box1 .l .l_top {
    position: relative
}

.new_home2 .box1 .l .l_top .item a {
    display: block
}

.new_home2 .box1 .l .l_top .item .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .item .img::before {
    content: '';
    display: block;
    padding-top: 56.08108%
}

.new_home2 .box1 .l .l_top .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .l .l_top .item .t {
    font-size: 24px;
    padding: 17px 38px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_top .item .t {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_top .item .t .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .slick-dots {
    position: absolute;
    right: 22px;
    font-size: 0;
    bottom: 90px
}

.new_home2 .box1 .l .l_top .slick-dots li {
    list-style: none;
    width: 32px;
    height: 7px;
    background: #fff;
    opacity: 0.4;
    border-radius: 9px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.new_home2 .box1 .l .l_top .slick-dots li.slick-active {
    opacity: 1
}

.new_home2 .box1 .l .l_bottom .item {
    margin-top: 10px;
    font-size: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_bottom .item {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_bottom .item a {
    display: block;
    padding: 12px 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_bottom .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 22px;
    color: #481c1c;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r {
        font-size:18px
    }
}

.new_home2 .box1 .r .item {
    margin: 10px 0 0 10px;
    width: calc((100% - 20px) / 2);
    height: calc((100% - 20px) / 3);
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.new_home2 .box1 .r .item::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png66.png) no-repeat bottom right;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1
}

.new_home2 .box1 .r .item a {
    padding: 50px;
    display: block;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-right: 25px
}

.new_home2 .box1 .r .item:nth-child(-n+2) {
    margin-top: 0
}

.new_home2 .box1 .r .item .n {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r-img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-img-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-img-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-img-box .item-txt {
    height: 200px
}

.new_home2 .box1 .r-img-box .item-img {
    width: calc(100% - 10px);
    height: auto
}

.new_home2 .box1 .r-img-box .item-img a {
    padding: 29px 44px
}

.new_home2 .box1 .r-img-box .item-img .img {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-img-box .item-img .img::before {
    content: '';
    display: block;
    padding-top: 56.40244%
}

.new_home2 .box1 .r-img-box .item-img .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-img-box .item-img .img .mask {
    background: url(../image/lys/png70.png) no-repeat center
}

.new_home2 .box1 .r-img-box .item-img .t {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 22px
}

.new_home2 .box1 .r-imgtxt-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-imgtxt-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-imgtxt-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-imgtxt-box .item-txt {
    height: 100%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt {
    height: auto
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt::before {
    display: none
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt a {
    padding: 0
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img {
    position: relative;
    z-index: 2
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a::before {
    content: '';
    display: block;
    padding-top: 56.13079%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    position: relative;
    z-index: 2;
    padding: 43.5px 50px;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
    content: '';
    height: 54px;
    border-left: 10px solid #c64141;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
    font-size: 24px;
    line-height: 1.3333
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size:18px
    }
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
    font-size: 18px;
    color: #714646;
    margin-top: 8px;
    line-height: 1.6666
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size:16px
    }
}

.new_home2 .box2 {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li {
    width: 90px;
    height: 330px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li .l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 20px 0;
    width: 90px
}

.new_home2 .box2 .li .l-t .t {
    color: #fff;
    font-size: 24px;
    line-height: 1.1;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home2 .box2 .li .l-t .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home2 .box2 .li .l-t a {
    display: block
}

.new_home2 .box2 .li .bg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0
}

.new_home2 .box2 .li .bg a {
    display: block;
    width: 100%;
    height: 100%
}

.new_home2 .box2 .li.cur {
    width: calc(100% - 270px)
}

.new_home2 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.new_home3 {
    color: #fff;
    position: relative
}

.new_home3::before {
    content: '';
    width: 26.875%;
    padding-top: 53.80208%;
    background: url(../image/lys/png111.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 2.442%
}

.new_home3 .n-wrap {
    padding-top: 80px
}

.new_home3 .new_title::before {
    bottom: 58.5502%;
    background-image: url(../image/lys/png56.png)
}

.new_home3 .new_title .h {
    top: 43.6802%
}

.new_home3 .new_title::after {
    top: 43.6802%
}

.new_home3 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.new_home3 .cont .img-box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.new_home3 .cont .img-box .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 107px
}

.new_home3 .cont .txt-box {
    color: #fff;
    padding: 80px 110px 87px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.new_home3 .cont .txt-box .l-t {
    font-size: 24px;
    line-height: 1.5;
    height: 72px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .l-t {
        font-size:18px
    }
}

.new_home3 .cont .txt-box .p {
    font-size: 18px;
    margin-top: 44px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .p {
        font-size:16px
    }
}

body:not(.lang-en) .new_home3 .cont .txt-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.new_home3 .cont .img {
    width: 70.2666%;
    position: relative;
    overflow: hidden;
    margin: auto;
    z-index: 2
}

.new_home3 .cont .img::before {
    content: '';
    display: block;
    padding-top: 74.95256%
}

.new_home3 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home3 .cont .l-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new_home3 .cont .l-box .img-box .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home3 .cont .l-box .img-box .bg::before,.new_home3 .cont .l-box .img-box .bg::after {
    content: '';
    width: 50%;
    height: 100%;
    display: block
}

.new_home3 .cont .l-box .img-box .bg::before {
    background-color: #953535
}

.new_home3 .cont .l-box .img-box .bg::after {
    background-color: #612525
}

.new_home3 .cont .l-box .txt-box {
    background-color: #5d2727
}

.new_home3 .cont .r-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.new_home3 .cont .r-box .img-box .bg {
    top: 0;
    bottom: 107px;
    background: #9c7856
}

.new_home3 .cont .r-box .txt-box {
    background-color: #942c2c
}

.new_home3 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 74px
}

.new_home4 {
    position: relative
}

.new_home4::before {
    content: '';
    position: absolute;
    width: 25.67708%;
    padding-top: 53.33333%;
    background: url(../image/lys/png110.png) no-repeat center;
    background-size: contain;
    left: 0;
    bottom: 52.28891%
}

.new_home4 .n-wrap {
    padding-top: 104px
}

.new_home4 .new_title {
    left: 1px
}

.new_home4 .new_title::before {
    bottom: 47.8427%;
    background-image: url(../image/lys/png57.png)
}

.new_home4 .new_title .h {
    top: 52.1573%
}

.new_home4 .new_title::after {
    top: 52.1573%
}

.new_home4 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.new_home4 .cont.pshow {
    margin-top: 70px
}

.new_home4 .cont.mshow {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new_home4 .cont .item {
    position: relative;
    width: calc(100% / 3);
    padding-left: 95px;
    -webkit-transition: all 1.4s;
    transition: all 1.4s
}

.new_home4 .cont .item:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.new_home4 .cont .item:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.new_home4 .cont .item .l-box .l-tit {
    font-size: 36px;
    font-family: sh;
    color: #481b1b;
    position: absolute;
    overflow: hidden;
    width: 95px;
    height: 207px;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    padding: 0 15px 0 7px
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .l-box .l-tit {
        font-size:24px
    }
}

body:not(.lang-en) .new_home4 .cont .item .l-box .l-tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .l-box .l-tit::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    position: absolute;
    top: 0;
    right: -1px;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home4 .cont .item .l-box .bg {
    width: 95px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    top: 17.23625%;
    bottom: 130px;
    left: 0;
    z-index: 1
}

.new_home4 .cont .item .img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home4 .cont .item .img::before {
    content: '';
    display: block;
    padding-top: 166.17284%
}

.new_home4 .cont .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home4 .cont .item .img a {
    display: block
}

.new_home4 .cont .item .img .txtbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 45px 43px
}

.new_home4 .cont .item .img .txtbox .t {
    font-size: 20px;
    color: #fff;
    line-height: 1.8
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .img .txtbox .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .t {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.new_home4 .cont .item .img .txtbox .new_more {
    position: absolute;
    right: 30px;
    bottom: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-shadow: 0px 0px 15px #000000
}

.new_home4 .cont .item .img .txtbox .new_more .icon {
    margin: 0 0 14px
}

.new_home4 .cont .item .img .txtbox .new_more .t {
    font-size: 16px
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .new_more .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .img .txtbox .new_more .icon::before {
    -webkit-box-shadow: 0px 0px 50px 0px #000000;
    box-shadow: 0px 0px 50px 0px #000000;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%
}

.new_home4 .cont .item:nth-child(1) .l-box .bg {
    background-image: url(../image/lys/jpg50.jpg)
}

.new_home4 .cont .item:nth-child(1) .l-box .l-tit::before {
    border-color: #b08b68
}

.new_home4 .cont .item:nth-child(2) .l-box .bg {
    background-image: url(../image/lys/jpg51.jpg)
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit {
    bottom: 83px
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit::before {
    border-color: #c64141
}

.new_home4 .cont .item:nth-child(3) .l-box .bg {
    background-image: url(../image/lys/jpg52.jpg)
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit {
    top: 0px
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit::before {
    border-color: #556f98
}

.new_home5 {
    position: relative;
    overflow: hidden
}

.new_home5::before {
    content: '';
    position: absolute;
    width: 28.17708%;
    padding-top: 52.60416%;
    background: url(../image/lys/png109.png) no-repeat center;
    background-size: contain;
    right: 0;
    bottom: 13.162878%
}

.new_home5 .new_title::before {
    background-image: url(../image/lys/png58.png);
    bottom: 57.6886%
}

.new_home5 .new_title::after {
    top: 42.3114%
}

.new_home5 .new_title .h {
    top: 42.3114%
}

.new_home5 .n-wrap {
    padding-top: 100px
}

.new_home5 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background: url(../image/lys/jpg55-1.jpg) no-repeat center;
    background-size: cover;
    padding: 126px 80px 153px;
    margin-top: 34px;
    position: relative
}

.new_home5 .cont::before {
    content: '';
    position: absolute;
    bottom: 60px;
    left: 80px;
    right: 90px;
    height: 40px;
    background: url(../image/lys/png81.gif);
    background-size: contain
}

.new_home5 .dl {
    width: 30.076%;
    min-width: 355px;
    padding-top: 34px;
    position: relative
}

.new_home5 .dl::before {
    content: '';
    width: 81.75%;
    padding-top: 73%;
    position: absolute;
    left: 100%;
    top: 0;
    background: url(../image/lys/png82.gif.png) no-repeat center;
    background-size: contain
}

.new_home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.new_home5 .dl .h b {
    font-weight: normal;
    font-size: 143px;
    line-height: 0.6;
    margin-left: 45px
}

.new_home5 .dl .h span {
    display: block
}

.new_home5 .dl .box {
    background: #942c2c
}

.new_home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(179,147,141,0.2)
}

.new_home5 .dl .hd span {
    font-family: xfont;
    width: 80px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.new_home5 .dl .hd strong {
    border-left: 1px solid rgba(179,147,141,0.2);
    border-right: 1px solid rgba(179,147,141,0.2);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.new_home5 .dl .hd .disp {
    opacity: 0;
    visibility: hidden
}

.new_home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 322px
}

.new_home5 .dl .calendar .fc-calendar .fc-head {
    font-size: 18px
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0;
    pointer-events: none
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div,.new_home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 50%;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    top: 0px;
    width: 2.75em;
    height: 2.75em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    padding-top: 0.75em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.new_home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.8em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px;
    position: relative;
    z-index: 2
}

.new_home5 .dl .calendar .fc-today .fc-date {
    background: #9c7856;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #7db879;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #dc6868;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #537db7;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-content {
    cursor: pointer
}

.new_home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .fc-row .fc-content {
    pointer-events: visible
}

.new_home5 .dl .bb {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(179,147,141,0.2);
    font-size: 14px
}

.new_home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.new_home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.new_home5 .dl .bb span:nth-child(1):before {
    background: #7db879
}

.new_home5 .dl .bb span:nth-child(2):before {
    background: #dc6868
}

.new_home5 .dl .bb span:nth-child(3):before {
    background: #537db7
}

.new_home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 140px;
    width: 0;
    position: relative
}

.new_home5 .dr .list {
    margin-top: 22px
}

.new_home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px
}

.new_home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 43.7%;
    margin-top: 6px
}

.new_home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 141.69096%
}

.new_home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home5 .dr .item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 95px
}

.new_home5 .dr .item .text .h {
    font-size: 22px;
    line-height: 1.45
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text .h {
        font-size:18px
    }
}

.new_home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 28px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text ul {
        font-size:18px
    }
}

.new_home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 5px
}

.new_home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.new_home5 .dr .item .text li i img {
    width: 100%;
    height: auto;
    display: block
}

.new_home5 .dr .slick-tools {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: calc(43.7% + 95px);
    bottom: 75px
}

.new_home5 .dr .slick-tools .slick-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow {
    width: 50px;
    height: 50px;
    background: url(../image/lys/png36.png) no-repeat center;
    background-size: contain;
    font-family: xfont
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
    margin-left: 20px
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow::before {
    content: '\e504';
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home5 .dr .slick-tools .slick-nav .slick-next::before {
    content: '\e505'
}

.new_home5 .dr .slick-tools .slick-paging {
    margin-left: 20px;
    font-size: 24px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .slick-tools .slick-paging {
        font-size:18px
    }
}

.new_home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #612525;
    width: 4px
}

.new_home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #942c2c;
    width: 2px
}

.new_home6 {
    position: relative
}

.new_home6 .new_title {
    left: -2px
}

.new_home6 .new_title::before {
    background-image: url(../image/lys/png59.png);
    bottom: 76.4261%
}

.new_home6 .new_title::after {
    top: 23.5739%;
    bottom: 38.7583%
}

.new_home6 .new_title .h {
    top: 23.5739%
}

.new_home6 .n-wrap {
    padding-top: 107px
}

.new_home6 .cont {
    margin-top: 26px
}

.new_home6 .cont .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home6 .cont .tabs .item {
    position: relative;
    width: 10.6%;
    margin: 0 4.4666%;
    text-align: center
}

.new_home6 .cont .tabs .item::before {
    content: '';
    padding-top: 94.96855%;
    display: block
}

.new_home6 .cont .tabs .item+.item .line {
    border-top: 1px solid #e0d9ce;
    position: absolute;
    bottom: 42px;
    width: 66.0377%;
    right: calc(100% + 13px)
}

.new_home6 .cont .tabs .item+.item .line::before,.new_home6 .cont .tabs .item+.item .line::after {
    content: '';
    position: absolute;
    top: 50%;
    border-left: 1px solid #e0d9ce;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 11px
}

.new_home6 .cont .tabs .item+.item .line::before {
    left: -1px
}

.new_home6 .cont .tabs .item+.item .line::after {
    right: -1px
}

.new_home6 .cont .tabs .item a {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent
}

.new_home6 .cont .tabs .item .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

.new_home6 .cont .tabs .item .bg .bg-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 1.2s;
    transition: all 1.2s
}

.new_home6 .cont .tabs .item .bg .be {
    background-image: url(../image/lys/png113.png);
    -webkit-animation: hd 5s infinite linear;
    animation: hd 5s infinite linear
}

.new_home6 .cont .tabs .item .bg .af {
    background-image: url(../image/lys/png112.png);
    -webkit-animation: hd1 5s infinite linear;
    animation: hd1 5s infinite linear
}

.new_home6 .cont .tabs .item .ipd {
    position: absolute;
    z-index: 2;
    padding-bottom: 26px;
    bottom: 0;
    left: 0;
    width: 100%
}

.new_home6 .cont .tabs .item .icon {
    width: 32.7044%;
    position: relative;
    overflow: hidden;
    margin: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.new_home6 .cont .tabs .item .icon::before {
    content: '';
    display: block;
    padding-top: 105.76923%
}

.new_home6 .cont .tabs .item .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .tabs .item .icon .i2 {
    opacity: 0
}

.new_home6 .cont .tabs .item .t {
    font-size: 22px;
    color: #481b1b;
    margin-top: 3px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:18px
    }
}

.new_home6 .cont .tabs .item.now .bg {
    opacity: 1;
    visibility: visible
}

.new_home6 .cont .tabs .item.now .icon .i2 {
    opacity: 1
}

.new_home6 .cont .tabs .item.now .icon .i1 {
    opacity: 0
}

.new_home6 .cont .tabs .item.now .t {
    color: #fff
}

.new_home6 .cont .dr {
    position: relative;
    margin-top: 80px
}

.new_home6 .cont .dr .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new_home6 .cont .dr .list.act {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2
}

.new_home6 .cont .dr .list .item {
    position: relative;
    width: calc(100% / 3)
}

.new_home6 .cont .dr .list .item:hover {
    z-index: 1
}

.new_home6 .cont .dr .list .item .pic {
    position: relative;
    overflow: hidden
}

.new_home6 .cont .dr .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 74%
}

.new_home6 .cont .dr .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .dr .list .item .text .h {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    font-family: 'sh';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:28px
    }
}

.new_home6 .cont .dr .list .item .text .new_more {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.new_home6 .cont .dr .list .item .text .new_more .icon {
    margin: 0
}

@-webkit-keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

@keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

.new_home7 {
    position: relative
}

.new_home7::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png92.png) no-repeat bottom center;
    background-size: contain;
    padding-top: 37.0833%
}

.new_home7 .n-wrap {
    padding-top: 88px;
    padding-bottom: 128px
}

.new_home7 .cont {
    margin-top: 82px;
    position: relative
}

.new_home7 .line-box {
    position: absolute;
    left: 50%;
    bottom: 25.792%;
    padding-top: 14.3229%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.new_home7 .line-box .slick-mod {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.new_home7 .line-box img {
    width: 100%;
    height: auto
}

.new_home7 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home7 .list .item {
    width: calc((100% - 100px) / 3);
    position: relative
}

.new_home7 .list .item+.item {
    margin-left: 50px
}

.new_home7 .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.new_home7 .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home7 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home7 .img img {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.new_home7 .txt-box {
    text-align: center;
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    padding: 55px 10px 0
}

.new_home7 .txt-box .t1 {
    font-size: 36px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t1 {
        font-size:24px
    }
}

.new_home7 .txt-box .t2 {
    font-size: 22px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t2 {
        font-size:18px
    }
}

.new_home8 {
    position: relative
}

.new_home8::before {
    content: '';
    width: 19.7916%;
    padding-top: 54.9479%;
    position: absolute;
    left: 0;
    top: -8.714%;
    background: url(../image/lys/png106.png) no-repeat center;
    background-size: contain
}

.new_home8::after {
    content: '';
    width: 11.4583%;
    padding-top: 14.7916%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png107.png) no-repeat center;
    background-size: contain
}

.new_home8 .n-wrap {
    padding: 108px 0 300px
}

.new_home8 .cont {
    position: relative;
    margin-top: 59px
}

.new_home8 .cont::after {
    content: '';
    width: 100vw;
    padding-top: 13.2%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../image/lys/png108.png);
    z-index: 1
}

.new_home8 .cont .imgbox {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding-top: 98.86364%;
    position: relative
}

.new_home8 .cont .img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    overflow: hidden;
    border-radius: 0 150px 0 150px
}

.new_home8 .cont .img img {
    width: 100%;
    height: auto
}

.new_home8 .cont .i2 {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.new_home8 .cont .tbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 25px 38px;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home8 .cont .tbox .t {
    font-size: 24px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:18px
    }
}

.new_home8 .cont .list {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home8 .cont .list .li {
    position: relative;
    width: calc((100% - 180px) / 3)
}

.new_home8 .cont .list .li+.li {
    margin-left: 90px
}

.new_home8 .cont .list .li .zs {
    position: absolute;
    top: 42.0689%;
    left: 100%;
    height: 47.5862%;
    overflow: hidden
}

.new_home8 .cont .list .li .zs::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    -webkit-transform: skewY(-32deg);
    transform: skewY(-32deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    display: block
}

.new_home8 .cont .list .li:nth-child(1) .zs::before {
    border-color: #c64141
}

.new_home8 .cont .list .li:nth-child(1) .tbox {
    background-image: url(../image/lys/png103.png)
}

.new_home8 .cont .list .li:nth-child(2) {
    -webkit-transform: translateY(83px);
    transform: translateY(83px)
}

.new_home8 .cont .list .li:nth-child(2) .zs::before {
    border-color: #b08b68
}

.new_home8 .cont .list .li:nth-child(2) .tbox {
    background-image: url(../image/lys/png104-1.png)
}

.new_home8 .cont .list .li:nth-child(3) .zs::before {
    border-color: #556f98
}

.new_home8 .cont .list .li:nth-child(3) .tbox {
    background-image: url(../image/lys/png105.png)
}

@media screen and (min-width: 1025px) {
    .new_home1 .banner-map .item-menubox .item-link:hover::before {
        background-image:url(../image/lys/png91.png);
        background-position: center
    }

    .new_home2 .box1 .r .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .r .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r .item:hover::after {
        top: 0;
        left: 0;
        opacity: 1
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt:hover .p {
        color: #fff
    }

    .new_home2 .box1 .l .l_bottom .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .l .l_bottom .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover {
        background: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover::after {
        opacity: 0
    }

    .new_home4 .cont .item:hover .l-box .l-tit {
        -webkit-transform: translateY(-94px);
        transform: translateY(-94px);
        -webkit-transition-delay: 0.02s;
        transition-delay: 0.02s
    }

    .new_home4 .cont .item:hover .img {
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px)
    }

    .new_home4 .cont .item .img:hover .i {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .new_home6 .cont .tabs .item:hover .icon {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .new_home6 .cont .tabs .item:hover .bg .af {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .new_home6 .cont .tabs .item:hover .bg .be {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .new_home6 .cont .dr .list .item:hover .text .h {
        opacity: 1;
        margin-top: 0
    }

    .new_home7 .item:hover .i {
        width: 105%
    }

    .new_home8 .cont .list .li:hover .i2 {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .new_home8 .cont .list .li:hover .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 1720px) {
    .new_title {
        font-size:40px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1720px) and (max-width: 768px) {
    .new_title {
        font-size:26px
    }
}

@media screen and (max-width: 1720px) {
    .new_home2 .n-wrap {
        padding-top:80px
    }

    .new_home3 .n-wrap {
        padding-top: 80px
    }

    .new_home4 .n-wrap {
        padding-top: 80px
    }

    .new_home5 .n-wrap {
        padding-top: 80px
    }

    .new_home6 .n-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1600px) {
    .new_home2 .box1 .l .l_top .item .img .t {
        padding:15px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding-left: 35px;
        padding-right: 35px
    }

    .new_home2 .box1 .r .item a {
        padding: 25px;
        line-height: 1.5
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t a {
        padding: 0
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 25px 25px 44px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 189px
    }

    .new_home3 .cont .r .r-box {
        padding: 50px
    }

    .new_home3 .cont .r .r-box .list {
        margin-top: 40px
    }

    .new_home3 .cont .l .l-box {
        padding: 50px
    }

    .new_home3 .cont .l .l-box .morebox {
        margin-top: 40px
    }

    .new_home4 .cont .item {
        padding-left: 80px
    }

    .new_home4 .cont .item .img .txtbox {
        padding: 20px
    }

    .new_home4 .cont .item .l-box .bg {
        width: 80px
    }

    .new_home4 .cont .item .l-box .l-tit {
        width: 80px
    }

    .new_home4 .cont .item .img .txtbox .new_more {
        right: 20px;
        bottom: 20px
    }

    .new_home5 .cont {
        padding: 68px 50px 76px
    }

    .new_home5 .cont::before {
        left: 50px;
        right: 50px;
        bottom: 30px
    }

    .new_home5 .dr {
        margin-left: 100px
    }

    .new_home5 .dr .item .pic {
        width: 50%
    }

    .new_home5 .dr .item .text {
        margin-left: 20px
    }

    .new_home5 .dr .item:nth-child(even) .text {
        padding: 35px;
        margin: 0;
        padding-left: 0
    }

    .new_home5 .dr .item .text ul {
        margin-top: 15px
    }

    .new_home5 .dr .slick-tools {
        left: calc(50% + 20px)
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:16px
    }
}

@media screen and (max-width: 1600px) {
    .new_home6 .cont .dr {
        margin-top:40px
    }
}

@media screen and (max-width: 1500px) {
    .new_home1 .child .txtbox .t1 {
        font-size:60px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 40px
    }

    .new_home1 .child .tit {
        font-size: 80px;
        margin-left: 30px
    }

    .new_home5 .dr .item .text .h {
        font-size: 20px
    }

    .new_home5 .dr .item .text ul {
        font-size: 16px
    }

    .new_home3 .cont .txt-box {
        padding: 40px 50px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 20px
    }
}

@media screen and (max-width: 1400px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding-bottom:45px
    }

    .new_home8 .cont .list .li {
        width: calc((100% - 80px) / 3)
    }

    .new_home8 .cont .list .li+.li {
        margin-left: 40px
    }

    .new_home8 .cont .tbox {
        padding: 20px
    }

    .new_home8 .cont .img {
        border-radius: 0 120px 0 120px
    }

    .new_home8 .cont .tbox .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1400px) and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .new_home1 .child .tit {
        font-size:60px;
        margin-left: 10px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 160px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt {
        height: auto
    }

    .new_home2 .box1 .r {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .item .t {
        font-size: 18px
    }

    .new_home2 .box1 .r .item a {
        padding: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 20px 20px 30px
    }

    .new_home2 .box1 .l .l_bottom .item,.new_home2 .box1 .l .l_top .item .img .t {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .slick-dots {
        bottom: 78px
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 18px;
        padding: 15px 0 0 15px
    }

    .new_home3 .cont .l .l-box .l-t,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size: 18px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size: 16px
    }

    .new_home4 .cont .item .l-box .l-tit {
        font-size: 28px;
        height: 120px
    }

    .new_home4 .cont .item .img .txtbox .t {
        font-size: 16px
    }
}

@media screen and (max-width: 1200px) {
    .demo1 {
        right:60px
    }
}

@media screen and (max-width: 1100px) {
    .new_home2 .n-wrap {
        padding-top:60px
    }

    .new_home3 .n-wrap {
        padding-top: 60px
    }

    .new_home4 .n-wrap {
        padding-top: 60px
    }

    .new_home5 .n-wrap {
        padding-top: 60px
    }

    .new_home7 .n-wrap {
        padding-top: 60px;
        padding-bottom: 0
    }

    .new_home8 .n-wrap {
        padding-top: 60px;
        padding-bottom: 260px
    }

    .new_home6 .cont .tabs .item .ipd {
        padding-bottom: 15px
    }
}

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

    .nh_line {
        display: none
    }

    .new_title {
        position: static;
        width: auto;
        margin-bottom: 30px
    }

    .new_title::before {
        display: none
    }

    .new_title::after {
        display: none
    }

    .new_title .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .new_title .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_title .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .new_title .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home1 .child {
        height: calc(100vh - 62px)
    }

    .new_home2 .n-wrap {
        padding-top: 50px
    }

    .new_home3 .n-wrap {
        padding-top: 40px
    }

    .new_home4 .n-wrap {
        padding-top: 40px
    }

    .new_home5 .n-wrap {
        padding-top: 40px
    }

    .new_home6 .n-wrap {
        padding-top: 40px
    }

    .new_home1 {
        margin-top: 0
    }

    .new_home1 .child .tit {
        font-size: 40px;
        margin-left: 0
    }

    .new_home2 .box1 .item::before {
        display: none
    }

    .new_home2 .box2 {
        display: block
    }

    .new_home2 .box2 .li {
        width: 100% !important;
        height: 250px
    }

    .new_home2 .box2 .li .l-t {
        padding: 20px 0
    }

    .new_home2 .box2 .li .l-t .t {
        font-size: 18px
    }

    .new_home2 .box2 .li+.li {
        margin-top: 10px
    }

    .new_home2 .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r .item a {
        padding: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 15px
    }

    .new_home3 .cont .txt-box .l-t {
        height: auto
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 35px
    }

    .new_home3 .cont .r .r-box .list,.new_home3 .cont .l .l-box .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
        display: none
    }

    .new_home4 .cont .item {
        padding-left: 60px
    }

    .new_home4 .cont .item .l-box .l-tit {
        padding: 0;
        top: 0 !important;
        bottom: auto;
        width: 60px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .new_home4 .cont .item .l-box .bg {
        width: 60px
    }

    .new_home4 .cont .item .l-box .l-tit::before {
        display: none
    }

    .new_home4 .cont .item:nth-child(2) .img,.new_home4 .cont .item:nth-child(1) .img {
        top: 0
    }

    .new_home5 .cont {
        padding: 20px 20px 60px;
        display: block
    }

    .new_home5 .cont::before {
        left: 20px;
        right: 20px;
        height: 20px
    }

    .new_home5 .dl {
        width: 100%;
        min-width: auto;
        padding-top: 0
    }

    .new_home5 .dl::before {
        display: none
    }

    .new_home5 .dl .h b {
        font-size: 100px;
        margin-left: 0
    }

    .new_home5 .dl .box {
        margin-top: 0px
    }

    .new_home5 .dr {
        margin: 30px 0 0;
        width: 100%
    }

    .new_home5 .dr .item {
        padding-left: 0
    }

    .new_home6 .cont {
        display: block
    }

    .new_home6 .cont .tabs {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .new_home6 .cont .tabs .item {
        width: 15%;
        margin: 0 10px
    }

    .new_home6 .cont .dr {
        margin-top: 20px
    }

    .new_home6 .cont .dr .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .dr .list .item {
        width: 50% !important;
        margin: 0 !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        left: auto !important
    }

    .new_home6 .cont .dr .list .m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 15px
    }

    .new_home6 .cont .dr .list .item .text .h {
        margin: 0;
        opacity: 1;
        visibility: visible;
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:18px
    }
}

@media screen and (max-width: 1024px) {
    .new_home6 .cont .dr .list .item .text {
        padding:0
    }

    .new_home6 .cont .tabs .item::before {
        height: 5px;
        width: 100%;
        top: auto;
        bottom: 0
    }

    .new_home6 .cont .tabs .item.now::before {
        height: 100%
    }

    .new_home6 .cont .tabs .item+.item .line {
        display: none
    }

    .new_home1 .banner-map {
        right: 20px
    }

    .new_home1 .banner-map .img {
        width: 80px
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        padding: 10px 10px 10px 30px
    }

    .new_home1 .banner-map .item-menubox .item-link::before {
        top: 11px;
        right: 100%
    }

    .new_home1 .banner-map .item-menubox .item-link a {
        padding: 5px 0
    }

    .new_home7 .cont {
        padding-top: 0
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home7 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .new_home7 .list .item {
        position: relative;
        width: calc((100% - 20px) / 2);
        height: auto;
        padding: 0;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home7 .list .item:nth-child(2) {
        margin-left: 20px
    }

    .new_home7 .list .img,.new_home7 .list.on .img {
        width: 100%;
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        -webkit-transition: none;
        transition: none
    }

    .new_home7 .list .txt-box,.new_home7 .list.on .txt-box {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: none;
        transition: none;
        padding-top: 0
    }

    .new_home7 .txt-box .t2 {
        margin-top: 5px
    }

    .new_home7 .item::after {
        display: none
    }

    .new_home7 .txt-box .t1,.new_home7 .txt-box .t2 {
        color: #fff
    }

    .new_home7 .img .mask {
        background: rgba(0,0,0,0.3)
    }

    .new_home8 .n-wrap {
        padding-bottom: 160px
    }

    .new_home8 .cont {
        margin-top: 20px
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home8 .cont .i2 {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 850px) {
    .new_home2 .box1 {
        display:none
    }

    .new_home2 .box1.m-show {
        display: block
    }

    .new_home2 .box1.m-show .item .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box1.m-show .item .img::before {
        content: '';
        display: block;
        padding-top: 56.08108%
    }

    .new_home2 .box1.m-show .item .img .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box1.m-show .item+.item {
        margin-top: 10px
    }

    .new_home2 .box1.m-show .item.item-img a {
        padding: 0
    }

    .new_home2 .box1.m-show .item.item-img .t {
        padding: 10px 20px
    }

    .new_home2 .box1.m-show .item a {
        padding: 10px 20px;
        display: block
    }

    .new_home2 .box1 .l {
        width: 100%
    }

    .new_home2 .box1 .l .slick-track {
        width: 100% !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide {
        margin-top: 10px
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide .img {
        display: none
    }

    .new_home2 .box1 .l .l_top .item .t {
        padding: 10px 20px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding: 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r {
        display: block;
        position: relative;
        width: 100%
    }

    .new_home2 .box1 .r .item {
        margin: 10px 0 0;
        width: 100%
    }

    .new_home2 .box1 .r .item a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r .item:nth-child(-n+2) {
        margin-top: 10px
    }

    .new_home2 .box1 .r-img-box .t-box {
        display: block
    }

    .new_home2 .box1 .r-img-box .b-box {
        margin: 0
    }

    .new_home2 .box1 .r-img-box .item {
        min-height: auto;
        height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item {
        min-height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item .txt {
        padding-bottom: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .t-box,.new_home2 .box1 .r-imgtxt-box .b-box {
        display: block
    }

    .new_home2 .box2 .li {
        display: block;
        height: auto
    }

    .new_home2 .box2 .li .l-t {
        width: 100%;
        padding: 10px 20px;
        background-size: cover
    }

    .new_home2 .box2 .li .l-t .t {
        text-align: center
    }

    body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home2 .box2 .li .bg {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box2 .li .bg::before {
        content: '';
        display: block;
        padding-top: 34.375%
    }

    .new_home2 .box2 .li .bg .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box2 .li .bg a {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home2 .box1 .r-img-box .item-img .img::before {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .img img,.new_home2 .box1 .r-img-box .item-img .img .mask {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .t {
        position: static;
        padding: 0;
        color: #481c1c
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        display: none
    }

    .new_home3 .cont {
        display: block
    }

    .new_home3 .cont .img-box .bg {
        display: none
    }

    .new_home3 .cont .img {
        width: 100%
    }

    .new_home3 .cont .txt-box {
        padding: 20px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 10px
    }

    .new_home3 .cont .r-box,.new_home3 .cont .l-box {
        width: 100%;
        display: block
    }

    .new_home3 .cont .r-box {
        margin-top: 30px
    }

    .new_home3 .cont .l-box .img-box .bg {
        display: none
    }

    .new_home3 .morebox {
        margin-top: 20px
    }

    .new_home8 .n-wrap {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .new_home8 .cont::after {
        display: none
    }

    .new_home8 .cont .list {
        display: block
    }

    .new_home8 .cont .list .li {
        width: 100%
    }

    .new_home8 .cont .list .li+.li {
        margin: 20px 0 0
    }

    .new_home8 .cont .list .li:nth-child(2) {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .list .li .zs {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .new_home2 .box1 .item .n {
        display:-webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_title .h {
        font-size: 28px
    }

    .new_home1 .child {
        height: calc(100vh - 60px)
    }

    .new_home1 .child video {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home1 .child .tit {
        margin-left: 10px;
        font-size: 24px
    }

    .new_home1 .banner-tools {
        bottom: 15px;
        right: 10px
    }

    .new_home1 .banner-tools .nav {
        padding: 5px
    }

    .new_home1 .slick-dot {
        margin: 0 5px
    }

    .new_home1 .child .txtbox {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .new_home1 .child .txtbox .t1 {
        font-size: 24px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 20px
    }

    .new_home1 .banner-map {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home1 .banner-map .item-menubox {
        right: auto;
        left: 0px;
        top: calc(100% + 5px)
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        width: 160px
    }

    .new_home1 .banner-map .item {
        z-index: 1
    }

    .new_home1 .banner-map .item:first-child {
        z-index: 9
    }

    .new_home1 .banner-map .item .img {
        width: 70px
    }

    .new_home1 .banner-map .item+.item {
        margin: 0 0 0 10px
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 20px
    }

    .new_home3 .cont .r .r-box .list .li a {
        display: block
    }

    .new_home3 .cont .r .r-box .list .li .img {
        width: 100%
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 16px;
        padding: 5px 0 0
    }

    .new_home3 .cont .l .l-box .p {
        margin-top: 5px
    }

    .new_home3 .cont .txt-box .l-t {
        font-size: 18px
    }

    .new_home3 .cont .txt-box .p {
        font-size: 14px
    }

    .new_home4 .cont {
        display: block
    }

    .new_home4 .cont.mshow {
        opacity: 1;
        visibility: visible;
        position: relative;
        z-index: 2
    }

    .new_home4 .cont.pshow {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: -1
    }

    .new_home4 .cont .item {
        width: 100%;
        padding-left: 0
    }

    .new_home4 .cont .item+.item {
        margin-top: 15px
    }

    .new_home4 .cont .item .l-box .bg {
        display: none
    }

    .new_home4 .cont .item .img {
        margin-left: 60px
    }

    .new_home4 .cont .item .img .i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox .slick-arrow {
        width: 40px;
        height: 40px;
        background: url(../image/lys/png36.png) no-repeat center;
        background-size: contain;
        font-family: xfont
    }

    .new_home4 .m-arrbox .slick-arrow::before {
        content: '\e504';
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff
    }

    .new_home4 .m-arrbox .slick-next {
        margin-left: 20px
    }

    .new_home4 .m-arrbox .slick-next::before {
        content: '\e505'
    }

    .new_home5 .dr {
        margin-top: 20px
    }

    .new_home5 .dr .item {
        display: block
    }

    .new_home5 .dr .item .pic {
        width: 100%;
        margin-top: 0
    }

    .new_home5 .dr .item .text {
        padding: 10px 0 0;
        margin: 0
    }

    .new_home5 .dr .item .text .h {
        font-size: 18px
    }

    .new_home5 .dr .item .text ul {
        margin-top: 5px
    }

    .new_home5 .dr .slick-tools {
        margin-top: 20px;
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-paging {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0
    }

    .new_home5 .dr .slick-tools .slick-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow {
        width: 40px;
        height: 40px
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
        margin-left: 80px
    }

    .new_home5 .cont {
        padding: 20px 10px 40px
    }

    .new_home5 .cont::before {
        bottom: 15px
    }

    .new_home5 .dl .calendar {
        height: 280px
    }

    .new_home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .new_home5 .dl .hd span {
        width: 60px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
        width: 2em;
        height: 2em;
        padding-top: 0.25em;
        font-size: 18px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-content>div {
        padding-top: 1.5rem
    }

    .new_home5 .dl .calendar .fc-calendar .fc-head {
        font-size: 16px
    }

    .new_home5 .dl .h b {
        font-size: 40px
    }

    .new_home5 .dl .box {
        margin-top: 20px
    }

    .new_home5 .dl .calendar .fc-calendar .a,.new_home5 .dl .calendar .fc-calendar .b,.new_home5 .dl .calendar .fc-calendar .c {
        width: 4px;
        height: 4px
    }

    .new_home5 .dl .bb span {
        padding-left: 10px;
        margin: 0 5px;
        font-size: 12px
    }

    .new_home5 .dl .bb span:before {
        width: 5px;
        height: 5px
    }

    .new_home6 .n-wrap {
        padding-bottom: 0px
    }

    .new_home6 .cont .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .tabs .item {
        width: 30%;
        height: auto;
        padding: 0 2px;
        margin: 0 0 10px
    }

    .new_home6 .cont .tabs .item .icon {
        width: 28.7044%
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 16px
    }

    .new_home6 .cont .dr .list .item {
        width: 100% !important
    }

    .new_home6 .cont .dr .list .item+.item {
        margin-top: 15px !important
    }

    .new_home7 .n-wrap {
        padding-top: 40px
    }

    .new_home2 .box2 .li .l-t .t br {
        display: block
    }

    .new_home2 .box2 .li .l-t {
        padding: 10px 10px
    }
}

.humanities1 {
    position: relative;
    height: 790px;
    background: #fff url(../image/xf/bg8.jpg) center top no-repeat
}

.humanities1::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5%;
    height: 96px;
    background: url(../image/xf/png11.png) center no-repeat;
    pointer-events: none;
    z-index: 1
}

.humanities1 .x-wrap {
    z-index: 2
}

.humanities1 .line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.humanities1 .line .i {
    width: 1px;
    background-color: #d6d6d6
}

.humanities1 .li {
    position: absolute;
    padding: 40px 38px;
    cursor: pointer
}

.humanities1 .li::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 40px 0;
    background: transparent;
    border-left: 8px solid;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities1 .li .t {
    position: relative;
    font-family: sh;
    font-size: 24px;
    color: #333;
    line-height: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

body:not(.lang-en) .humanities1 .li .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .humanities1 .li .t {
        font-size:18px
    }
}

.humanities1 .li1 {
    left: calc((100% / 6) * 1);
    top: 120px;
    color: #903e3d
}

.humanities1 .li2 {
    left: calc((100% / 6) * 1);
    top: 378px;
    color: #5c7557
}

.humanities1 .li3 {
    left: calc((100% / 6) * 2);
    top: 246px;
    color: #476585
}

.humanities1 .li4 {
    left: calc((100% / 6) * 2);
    top: 450px;
    color: #476585
}

.humanities1 .li5 {
    left: calc((100% / 6) * 3);
    top: 136px;
    color: #5c7557
}

.humanities1 .li6 {
    left: calc((100% / 6) * 3);
    top: 434px;
    color: #903e3d
}

.humanities1 .li7 {
    left: calc((100% / 6) * 4);
    top: 240px;
    color: #476585
}

.humanities1 .li8 {
    left: calc((100% / 6) * 4);
    top: 440px;
    color: #903e3d
}

.humanities1 .li9 {
    left: calc((100% / 6) * 5);
    top: 110px;
    color: #476585
}

.humanities1 .li10 {
    left: calc((100% / 6) * 5);
    top: 368px;
    color: #5c7557
}

.humanities2 {
    position: relative;
    padding-bottom: 140px
}

.humanities2 .tracker-mod {
    background-color: #7c3030;
    color: #da9292;
    padding: 0 180px
}

.humanities2 .tracker-mod .tracker-track {
    display: table;
    white-space: nowrap;
    text-align: center
}

.humanities2 .tracker-mod .tracker-item {
    position: relative;
    margin: 0 50px;
    padding: 34px 0;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width: 768px) {
    .humanities2 .tracker-mod .tracker-item {
        font-size:16px
    }
}

.humanities2 .tracker-mod .tracker-item::before,.humanities2 .tracker-mod .tracker-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities2 .tracker-mod .tracker-item::before {
    left: 0;
    right: 0;
    bottom: 30px;
    border-bottom: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item::after {
    left: 50%;
    height: 30px;
    border-left: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item.cur {
    color: #fff
}

.humanities2 .tracker-mod .tracker-item.cur::before,.humanities2 .tracker-mod .tracker-item.cur::after {
    opacity: 1
}

.humanities2 .unit {
    position: relative
}

.humanities2 .slick-item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.humanities2 .slick-item .cont {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 50px;
    padding-bottom: 90px;
    width: 32%
}

.humanities2 .slick-item .t {
    font-family: sh;
    font-size: 30px
}

@media screen and (max-width: 768px) {
    .humanities2 .slick-item .t {
        font-size:22px
    }
}

.humanities2 .slick-item .p {
    margin-top: 24px;
    line-height: 1.75
}

body:not(.lang-en) .humanities2 .slick-item .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.humanities2 .slick-item .p .scroll-mod {
    height: 220px
}

.humanities2 .slick-item .p .scroll-mod .scroll-track-x {
    display: none
}

.humanities2 .slick-item .more1 {
    margin-top: 56px
}

.humanities2 .slick-item .img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 68%
}

.humanities2 .slick-item .img::before {
    content: '';
    display: block;
    padding-top: 80.19608%
}

.humanities2 .slick-item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-item .line {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 2.4%;
    background: center no-repeat;
    background-size: contain
}

.humanities2 .slick-item .line::before {
    content: '';
    display: block;
    padding-top: 15.625%
}

.humanities2 .slick-item .line .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.humanities2 .slick-arrow::before,.humanities2 .slick-arrow::after {
    display: block;
    width: 76px;
    height: 67px;
    background: url(../image/xf/png12.png) no-repeat;
    background-size: contain
}

.humanities2 .slick-arrow .t {
    margin: 0 18px;
    width: 1em;
    line-height: 1
}

.humanities2 .slick-prev {
    left: 0
}

.humanities2 .slick-prev::before {
    content: ''
}

.humanities2 .slick-next {
    right: 0
}

.humanities2 .slick-next::after {
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 1025px) {
    .humanities1 .li:hover::before {
        margin:0;
        background-color: #85a082
    }

    .humanities1 .li:hover .t {
        color: #fff
    }

    .humanities2 .slick-arrow:hover {
        color: #883736
    }

    .humanities2 .tracker-mod.f {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9;
        top: 0
    }
}

@media screen and (max-width: 1680px) {
    .humanities2 .tracker-mod {
        padding:0 100px
    }

    .humanities2 .slick-item .box {
        margin: 0 90px
    }
}

@media screen and (max-width: 1500px) {
    .humanities2 .tracker-mod .tracker-item {
        margin:0 30px
    }
}

@media screen and (max-width: 1280px) {
    .humanities2 .tracker-mod {
        padding:0 70px
    }

    .humanities2 .slick-item .box {
        display: block
    }

    .humanities2 .slick-item .cont {
        padding: 50px;
        padding-bottom: 0;
        width: 100%
    }

    .humanities2 .slick-item .img {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .humanities2 .tracker-mod {
        padding:0 15px
    }

    .humanities2 .tracker-mod .tracker-item {
        margin: 0 10px
    }
}

@media screen and (max-width: 767px) {
    .humanities1 {
        display:none
    }

    .humanities1::after {
        height: auto;
        background-size: cover
    }

    .humanities2 {
        padding-bottom: 50px;
        padding-top: 0 !important
    }

    .humanities2 .tracker-box {
        overflow: auto
    }

    .humanities2 .tracker-item {
        padding: 20px 0
    }

    .humanities2 .tracker-item::before {
        bottom: 15px
    }

    .humanities2 .tracker-item::after {
        height: 15px
    }

    .humanities2 .slick-item .line {
        display: none
    }

    .humanities2 .slick-item .box {
        margin: 0
    }

    .humanities2 .slick-item .cont {
        padding: 20px 0
    }

    .humanities2 .slick-item .p {
        margin-top: 10px
    }

    .humanities2 .slick-item .more1 {
        margin-top: 20px
    }

    .humanities2 .slick-arrow {
        visibility: hidden
    }
}

.identification {
    background: url(../image/lys/jpg15-1.jpg) no-repeat top center;
    margin-bottom: -132px;
    padding: 235px 0 237px
}

.identification .line {
    width: 11px;
    height: 118px;
    background: url(../image/lys/png25.png) no-repeat center;
    background-size: contain;
    margin: auto
}

.identification .img {
    margin: auto
}

.identification .img img {
    width: 100%
}

.identification .fw {
    font-weight: bold
}

.identification .pbox {
    line-height: 1.75;
    max-width: 1118px;
    margin: auto
}

.identification .box1 {
    padding-bottom: 40px
}

.identification .box1 .img {
    margin: 22px 0
}

.identification .box1 .p {
    margin-top: 20px
}

.identification .box1 img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: auto
}

.identification .box1 .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.identification .box1 .img-box img {
    margin: 0 80px;
    width: 27.53333%
}

.identification .box1 .img-box img:nth-child(1) {
    width: 36%
}

.identification .box2 {
    padding: 34px 0
}

.identification .box2 .s_title+.s_title {
    margin-top: 10px
}

.identification .box2 .img {
    width: 297px;
    margin-top: 19px
}

.identification .box2 .img-1 {
    margin: 20px auto 0;
    width: 929px
}

.identification .box2 .img-1 img {
    display: block;
    width: 100%
}

.identification .box2 .rp {
    text-align: right;
    margin-top: 20px
}

.identification .box2 .school-anniversary-day {
    margin-top: 20px;
    font-family: sh;
    font-size: 42px;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width: 768px) {
    .identification .box2 .school-anniversary-day {
        font-size:26px
    }
}

.identification .box2 .pbox {
    margin-top: 22px
}

.identification .box3 {
    padding-top: 35px
}

.identification .box3 .img {
    width: 929px;
    margin-top: 93px
}

.identification .box3 .pbox {
    margin-top: 14px
}

@media screen and (max-width: 1600px) {
    .identification {
        padding:160px 0
    }
}

@media screen and (max-width: 1200px) {
    .identification .box3 .img,.identification .box2 .img-1 {
        width:100%
    }

    .identification .pbox {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .identification {
        padding:80px 0 160px;
        background-position: center -100px
    }

    .identification .box1 .img {
        width: 180px;
        margin: 20px auto
    }
}

@media screen and (max-width: 767px) {
    .identification {
        padding:50px 0 160px;
        background-size: cover;
        background-position: center -40px
    }

    .identification .line {
        display: none
    }

    .identification .box1 {
        padding-bottom: 0
    }

    .identification .box1 .img-box {
        display: block
    }

    .identification .box1 .img-box img {
        width: 100% !important;
        margin: 0
    }

    .identification .box1 .img-box img+img {
        margin-top: 15px
    }

    .identification .box2 {
        padding: 50px 0 0
    }

    .identification .box3 {
        padding: 50px 0 0
    }

    .identification .box3 .img {
        margin-top: 45px
    }

    .identification .box2 .img {
        width: 40%
    }
}

.jzzjg1 {
    padding: 150px 0 215px
}

.jzzjg1 .box+.box {
    margin-top: 30px
}

.jzzjg1 .title2 {
    color: #fff;
    text-align: center;
    padding: 15px;
    background: url(../image/bar1.jpg) no-repeat center;
    background-size: cover
}

.jzzjg1 .title2 .t1 {
    font-size: 30px;
    line-height: 1.3;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:22px
    }
}

.jzzjg1 .list {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jzzjg1 .list .item {
    margin-left: 30px;
    padding: 25px 0;
    position: relative
}

.jzzjg1 .list .item.item1 {
    width: 32.4%
}

.jzzjg1 .list .item.item2 {
    width: 30.6%
}

.jzzjg1 .list .item.item3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.jzzjg1 .list .item .box {
    height: 100%;
    position: relative
}

.jzzjg1 .list .item+.item::before {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    top: 30px
}

.jzzjg1 .list .item+.item::after {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    bottom: 30px
}

.jzzjg1 .list .item+.item .box::before {
    content: '';
    border-left: 1px solid #d1d1d1;
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: -15px
}

.jzzjg1 .list .item .link1+.link1 {
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link1-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link1-tit::before {
    content: '\e521';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #7d2f2f
}

.jzzjg1 .list .item .link1 .link2 {
    padding-left: 25px;
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link2 .link2-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link2 .link2-tit::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    background-color: #7d2f2f;
    width: 12px;
    height: 3px
}

@media screen and (max-width: 1600px) {
    .jzzjg1 .list .item {
        margin-left:20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1500px) {
    .jzzjg1 {
        padding-top:100px
    }

    .jzzjg1 .list .item .link1+.link1 {
        margin-top: 15px
    }

    .jzzjg1 .list .item .link1 .link2 {
        margin-top: 15px
    }
}

@media screen and (max-width: 1300px) {
    .jzzjg1 {
        padding-top:80px
    }
}

@media screen and (max-width: 1024px) {
    .jzzjg1 {
        padding-top:60px
    }

    .jzzjg1 .list .item {
        width: 100% !important
    }

    .jzzjg1 .list .item+.item::before,.jzzjg1 .list .item+.item::after,.jzzjg1 .list .item+.item .box::before {
        content: none
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 {
        padding-bottom:60px
    }

    .jzzjg1 .title2 {
        padding: 15px 10px
    }

    .jzzjg1 .title2 .t1 {
        font-size: 28px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:20px
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 .list {
        display:block;
        padding: 10px 15px 25px
    }

    .jzzjg1 .list .item {
        padding: 15px 0 0;
        margin: 0 !important
    }
}

.leader {
    padding: 115px 0 300px;
    background: #faf8f2
}

.leader .x-wrap {
    width: 100%;
    max-width: none
}

.leader .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.leader .l {
    width: 50%;
    position: relative;
    padding: 0 9% 0 18%
}

.leader .l .l1 {
    position: absolute;
    left: 0;
    top: 0%;
    bottom: 0;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l .l2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: -50px;
    border-bottom: 1px solid #f1c3c3;
    display: none
}

.leader .l .l3 {
    position: absolute;
    top: 100%;
    margin-top: -60px;
    right: 0;
    height: 10000px;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l::after {
    content: "";
    background: url(../image/by/png26.png);
    width: 9px;
    height: 9px;
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: none
}

.leader .r {
    width: 50%;
    padding: 0 18% 0 9%
}

.leader .item {
    position: relative;
    width: 100%
}

.leader .item:nth-child(n+2) {
    margin-top: 43px
}

.leader .item .h {
    font-size: 24px;
    min-height: 75px;
    background: url(../image/lys/png146.png) no-repeat left center;
    position: relative;
    line-height: 1.333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px
}

@media screen and (max-width: 768px) {
    .leader .item .h {
        font-size:18px
    }
}

.leader .item .h::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 5px solid #7c302f
}

.leader .item .cont {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.leader .item .cont .pic {
    width: 180px;
    position: relative;
    overflow: hidden
}

.leader .item .cont .pic::before {
    content: '';
    display: block;
    padding-top: 139.82808%
}

.leader .item .cont .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.leader .item .cont .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 30px;
    position: absolute;
    top: 0;
    left: 200px;
    bottom: 0
}

.leader .item .cont .text .name {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .name {
        font-size:18px
    }
}

.leader .item .cont .text .p {
    margin-top: 10px;
    font-size: 18px;
    color: #666666;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .p {
        font-size:16px
    }
}

.leader .item .cont .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.leader .item .cont .more::after {
    content: "";
    background: url(../image/by/png28.png);
    width: 10px;
    height: 16px;
    display: inline-block;
    margin-left: 10px
}

.leader .name-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 18% 25px
}

.leader .name-list .name-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.leader .name-list .name-cont .li {
    font-size: 22px;
    margin: 0 35px 10px 0
}

@media screen and (max-width: 768px) {
    .leader .name-list .name-cont .li {
        font-size:18px
    }
}

@media screen and (max-width: 1720px) {
    .leader .x-wrap {
        width:auto
    }

    .leader .l {
        padding: 0 5% 0 10%
    }

    .leader .r {
        padding: 0 10% 0 5%
    }
}

@media screen and (max-width: 1400px) {
    .leader .item .cont .text {
        margin-left:25px;
        padding-top: 30px
    }
}

@media screen and (max-width: 1300px) {
    .leader {
        padding:80px 0 150px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 24px
    }

    .leader .item .h {
        padding-left: 15px
    }

    .leader .l {
        padding: 0 5%
    }

    .leader .l .l2 {
        right: -20px
    }

    .leader .l .l3 {
        margin-top: -20px
    }

    .leader .r {
        padding: 0 5%
    }

    .leader .item .cont .pic {
        width: 50%
    }

    .leader .item .cont .text {
        left: 50%;
        padding-top: 0px;
        margin-left: 15px
    }

    .leader .item .cont .text .p {
        font-size: 20px;
        margin-top: 5px
    }

    .leader .name-list {
        padding-left: 5%;
        padding-right: 5%
    }

    .leader .name-list .name-cont .li {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .leader {
        padding:80px 0
    }
}

@media screen and (max-width: 1023px) {
    .leader .l {
        padding:0 3% 5%
    }

    .leader .r {
        padding: 0 3%
    }

    .leader .item:nth-child(n+2) {
        margin-top: 25px
    }

    .leader .item .cont .more {
        bottom: -16px;
        font-size: 16px
    }

    .leader .name-list {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media screen and (max-width: 767px) {
    .leader {
        padding:40px 0
    }

    .leader .list .l {
        padding: 0 5px 0 0
    }

    .leader .list .l::after {
        display: none
    }

    .leader .list .l .l1 {
        display: none
    }

    .leader .list .l .l2 {
        display: none
    }

    .leader .list .l .l3 {
        display: none
    }

    .leader .list .r {
        padding: 0 0 0 5px
    }

    .leader .item {
        padding-bottom: 0
    }

    .leader .item .cont {
        display: block;
        margin-top: 10px
    }

    .leader .item .cont .pic {
        width: auto
    }

    .leader .item .cont .text {
        margin: 15px 0 0;
        padding-bottom: 0;
        position: static
    }

    .leader .item .cont .text .p {
        font-size: 14px;
        height: calc(1em*1.5*5)
    }

    .leader .item .cont .more {
        position: static;
        margin: 10px 0 0
    }

    .leader .name-list {
        padding: 30px 0 20px
    }

    .leader .name-list .name-cont {
        margin-top: 10px
    }

    .leader .name-list .name-cont .li {
        margin-bottom: 5px;
        margin-right: 15px;
        font-size: 14px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 14px
    }

    .leader .item .h {
        padding-left: 10px
    }
}

@media screen and (max-width: 550px) {
    .leader .item .h {
        min-height:1.5em;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 4.5em;
        line-height: 1.5;
        display: block
    }
}

.management_services {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.management_services .cont {
    margin-top: 18px;
    position: relative
}

.management_services .cont .item {
    width: 56%;
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .management_services .cont .item {
        font-size:16px
    }
}

.management_services .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 55%;
    margin-bottom: 19px
}

.management_services .cont .list .li:nth-child(2n) {
    min-width: 45%
}

.management_services .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.management_services .cont .icustom4 {
    width: 42.666%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.management_services .cont .icustom4 .li {
    width: 100%
}

.management_services .cont .icustom4 .li,.management_services .cont .icustom4 .li:nth-child(2n) {
    min-width: 100%
}

.management_services .s_list {
    padding-left: 35px;
    font-size: 16px;
    color: #474747;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .s_list .sli {
    min-width: 50%;
    margin-top: 20px
}

@media screen and (max-width: 1500px) {
    .management_services .cont .item {
        font-size:16px
    }

    .management_services .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .management_services .cont .item {
        width:100%
    }

    .management_services .cont .icustom4 {
        position: static;
        margin-bottom: 20px
    }

    .management_services .cont .list .li {
        margin-bottom: 10px
    }

    .management_services .s_list .sli {
        margin-top: 5px
    }

    .management_services .cont .item {
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .management_services {
        margin:0;
        padding: 50px 0 70px
    }
}

@media screen and (max-width: 767px) {
    .management_services .cont .item {
        padding:20px
    }

    .management_services .cont .list,.management_services .s_list {
        display: block
    }

    .management_services .cont .list .li,.management_services .cont .list .li:nth-child(2n),.management_services .s_list .sli {
        min-width: 100%
    }

    .management_services .s_list {
        padding-left: 15px
    }
}

.message1 {
    padding: 17vw 0 216px;
    background-color: #fffcf6
}

.message1 .x-wrap {
    padding: 0 184px
}

.message1 .desc {
    max-width: 965px;
    margin: 68px auto 0
}

.message1 .p {
    font-size: 18px;
    color: #666;
    text-indent: 2em
}

@media screen and (max-width: 768px) {
    .message1 .p {
        font-size:16px
    }
}

.message1 .form {
    margin-top: 34px
}

.message1 .textarea {
    width: 100%;
    height: 383px;
    padding: 10px;
    background-color: #fffefc;
    margin: 0 auto;
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea
}

@media screen and (max-width: 768px) {
    .message1 .textarea {
        font-size:18px
    }
}

.message1 .textarea {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -ms-scroll-rails: none
}

.message1 .textarea::-webkit-scrollbar {
    display: none
}

.message1 .textarea .scrollbar-rails {
    position: fixed;
    z-index: 9;
    background-color: rgba(0,0,0,0.02)
}

.message1 .textarea .scrollbar-rails-x {
    left: 0;
    right: 0;
    bottom: 0
}

.message1 .textarea .scrollbar-rails-y {
    top: 0;
    bottom: 0;
    right: 0
}

.message1 .textarea .scrollbar-thumb {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.message1 .textarea .scrollbar-thumb-x {
    height: 10px
}

.message1 .textarea .scrollbar-thumb-y {
    width: 10px
}

.message1 .textarea .scrollbar-rails-disable {
    display: none
}

.message1 .textarea * {
    -ms-overflow-style: scrollbar
}

.message1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 82px
}

.message1 .li+.li {
    margin-top: 30px
}

.message1 .li1 {
    height: auto
}

.message1 .name {
    font-size: 22px;
    color: #8d2d2e;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 22px 20px;
    background: #fffefc;
    width: 142px;
    text-align: center;
    border: 1px solid #eaeaea;
    border-right: none
}

@media screen and (max-width: 768px) {
    .message1 .name {
        font-size:18px
    }
}

.message1 input {
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea;
    background: #fffefc;
    padding: 0 20px;
    width: calc(100% - 142px);
    border-radius: 0
}

@media screen and (max-width: 768px) {
    .message1 input {
        font-size:18px
    }
}

.message1 .img {
    position: relative;
    overflow: hidden;
    width: 229px;
    border: 1px solid #eaeaea;
    margin-left: 30px;
    cursor: pointer
}

.message1 .img::before {
    content: '';
    display: block;
    padding-top: 35.80786%
}

.message1 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.message1 .img .i {
    width: 100%;
    height: 100%
}

.message1 .sub {
    height: 60px;
    background-color: #7e2f2f;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    border-radius: 50px
}

@media screen and (max-width: 768px) {
    .message1 .sub {
        font-size:18px
    }
}

.message1 a {
    display: block;
    width: 212px;
    margin: 60px auto 0
}

@media screen and (max-width: 1300px) {
    .message1 {
        padding-top:20vw
    }

    .message1 .x-wrap {
        padding: 0 50px
    }
}

@media screen and (max-width: 1024px) {
    .message1 {
        padding-top:160px
    }
}

@media screen and (max-width: 767px) {
    .message1 {
        padding:50px 0 70px
    }

    .message1 .x-wrap {
        padding: 0
    }

    .message1 .desc {
        margin-top: 20px
    }

    .message1 .textarea {
        height: 200px
    }

    .message1 .li {
        width: 100%;
        height: 50px;
        line-height: 50px
    }

    .message1 .li1 {
        height: auto
    }

    .message1 .li+.li {
        margin-top: 10px
    }

    .message1 .name {
        padding: 0 10px;
        width: 120px
    }

    .message1 input {
        padding: 0 10px;
        width: calc(100% - 120px)
    }

    .message1 .img {
        width: 100px;
        margin-left: 5px
    }

    .message1 .li2 input {
        width: calc(100% - 180px)
    }

    .message1 a {
        margin-top: 30px
    }
}

.organizational {
    padding: 120px 0 204px;
    background-color: #f5f5f5;
    margin-bottom: -132px
}

.organizational .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.organizational .cont .img {
    width: 24%;
    margin-left: 20px;
    margin-top: 30px
}

.organizational .cont .img img {
    width: 100%;
    display: block
}

.organizational .cont .child2 {
    width: 24%;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .item {
    margin-top: 30px;
    background: #fff
}

.organizational .cont .itit {
    font-size: 30px;
    font-family: sh;
    height: 70px;
    background: #7e2f2f url(../image/lys/jpg17.jpg) no-repeat right center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .organizational .cont .itit {
        font-size:22px
    }
}

.organizational .cont .icont {
    padding: 22px 25px 22px 80px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .organizational .cont .icont {
        font-size:16px
    }
}

.organizational .cont .icont .ili {
    margin-bottom: 18px;
    width: 100%;
    padding-right: 10px
}

.organizational .cont .icont .w50 {
    width: 50%
}

.organizational .cont .icont .ili a {
    position: relative;
    padding-left: 30px;
    display: inline-block
}

.organizational .cont .icont .ili a::after {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../image/lys/png26.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 5.5px;
    left: 0
}

.organizational .cont .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child2 .item:last-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.organizational .cont .child1 .item:first-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1400px) {
    .organizational {
        padding-top:50px
    }

    .organizational .cont .itit {
        padding-left: 40px
    }

    .organizational .cont .icont {
        padding-left: 40px
    }
}

@media screen and (max-width: 1024px) {
    .organizational {
        margin:0;
        padding-bottom: 120px
    }

    .organizational .cont .img {
        display: none
    }

    .organizational .cont .child2 {
        width: 40%
    }
}

@media screen and (max-width: 767px) {
    .organizational {
        padding:30px 0 70px
    }

    .organizational .cont {
        display: block
    }

    .organizational .cont .itit {
        height: 60px;
        padding-left: 20px
    }

    .organizational .cont .icont {
        padding: 20px
    }

    .organizational .cont .icont .ili {
        margin-bottom: 10px
    }

    .organizational .cont .child2 {
        display: block;
        width: 100%;
        margin: 0
    }

    .organizational .cont .icont .w50 {
        width: 100%
    }
}

.organizational_division {
    background-color: #f5f5f5;
    padding: 145px 0 185px;
    margin-bottom: -132px
}

.organizational_division .cont {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    margin-right: 20px;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .item {
        font-size:16px
    }
}

.organizational_division .cont .item:nth-child(2n) {
    margin-right: 0
}

.organizational_division .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.organizational_division .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .organizational_division {
        padding-top:95px
    }
}

@media screen and (max-width: 1500px) {
    .organizational_division .cont .item {
        font-size:16px
    }

    .organizational_division .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .organizational_division .cont {
        display:block
    }

    .organizational_division .cont .item {
        width: 100%;
        margin-right: 0;
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .organizational_division {
        margin-bottom:0;
        padding: 50px 0 70px
    }

    .organizational_division .cont .list .li {
        margin-bottom: 10px
    }

    .organizational_division .cont .list .li::after {
        top: 12px
    }
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .list {
        display:block;
        padding: 10px 0 0
    }

    .organizational_division .cont .item {
        width: 100%;
        padding: 20px;
        margin-right: 0
    }

    .organizational_division .cont .list .li,.organizational_division .cont .list .li:nth-child(2n) {
        width: 100%;
        padding-right: 0
    }
}

.person_detail {
    background: #fffcf6;
    padding: 160px 0
}

.person_detail .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.person_detail .des .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.person_detail .des .pic {
    position: relative;
    overflow: hidden;
    width: 250px;
    margin-top: 40px
}

.person_detail .des .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.person_detail .des .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.person_detail .des .hd {
    padding: 30px 70px
}

.person_detail .des .hd .p {
    font-size: 30px;
    color: #e3cfcf;
    font-family: tj;
    line-height: 1;
    margin-top: 0.5em
}

@media screen and (max-width: 768px) {
    .person_detail .des .hd .p {
        font-size:22px
    }
}

.person_detail .des .text {
    background: url(../image/by/bg7.jpg);
    color: #fff;
    padding: 50px 70px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.person_detail .des .text .h {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .person_detail .des .text .h {
        font-size:18px
    }
}

.person_detail .des .text .p {
    margin-top: 15px;
    line-height: 1.8
}

body:not(.lang-en) .person_detail .des .text .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.person_detail .des .title {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .person_detail .des .title {
        font-size:26px
    }
}

.person_detail .list {
    padding: 80px 0
}

.person_detail .list .item {
    padding-bottom: 50px;
    padding-left: 55px;
    position: relative
}

.person_detail .list .item::before {
    content: "";
    border-left: 1px solid #ae0a29;
    left: 9px;
    top: 20px;
    bottom: -5px;
    position: absolute
}

.person_detail .list .item::after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #ae0a29;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    background: #fffcf6
}

.person_detail .list .item:last-child {
    padding-bottom: 0
}

.person_detail .list .item .text {
    margin-top: 20px
}

.person_detail .list .item .h {
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .person_detail .list .item .h {
        font-size:18px
    }
}

.person_detail .list .item .p {
    margin-top: 0.5em
}

.person_detail .table-box {
    padding: 44px 0 0 360px
}

.person_detail .table-box .item+.item {
    margin-top: 25px
}

.person_detail .table-box .item-tit {
    font-size: 32px;
    color: #942c2c;
    border-bottom: 1px solid #d7bdb9;
    padding-bottom: 28px;
    margin-bottom: 32px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-tit {
        font-size:22px
    }
}

.person_detail .table-box .t2 {
    color: #9c7856
}

.person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
        font-size:18px
    }
}

.person_detail .table-box .item-list1 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.person_detail .table-box .item-list1 .row+.row {
    margin-top: 32px
}

.person_detail .table-box .item-list1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 42px
}

.person_detail .table-box .item-list1 .li:nth-child(1) {
    margin-right: 95px
}

.person_detail .table-box .item-list1 .li:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.person_detail .table-box .item-list1 .r-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(6em + 40px)
}

.person_detail .table-box .item-list1 .r-box .t2 {
    margin-right: 20px
}

.person_detail .table-box .item-list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.person_detail .table-box .item-list2 .t2 {
    margin-right: 23px
}

@media screen and (max-width: 1300px) {
    .person_detail {
        padding:100px 0 160px
    }

    .person_detail .des .hd {
        padding: 30px 40px
    }

    .person_detail .des .text {
        padding: 30px 40px
    }

    .person_detail .table-box .item-list1 .li {
        padding-right: 20px
    }

    .person_detail .table-box .item-list1 .li:nth-child(1) {
        margin-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .person_detail .table-box {
        padding-left:0
    }
}

@media screen and (max-width: 1024px) {
    .person_detail {
        padding:60px 0 8.8%
    }

    .person_detail .table-box {
        padding: 20px 0 0
    }

    .person_detail .table-box .item-tit {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .person_detail .table-box .item-list1 .row {
        display: block
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 15px
    }

    .person_detail .table-box .item-list1 .li {
        width: 100%;
        padding-right: 0
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 15px
    }
}

@media screen and (max-width: 1023px) {
    .person_detail .des {
        display:block
    }

    .person_detail .des .pic {
        width: 240px;
        float: left;
        margin: 0 30px 30px 0
    }

    .person_detail .des .content {
        display: block
    }

    .person_detail .list {
        padding: 40px 0
    }
}

@media screen and (max-width: 767px) {
    .person_detail {
        padding:40px 0 8.8%
    }

    .person_detail .des .pic {
        width: 160px;
        margin: 0 20px 0 0
    }

    .person_detail .des .hd {
        padding: 15px
    }

    .person_detail .des .hd .p {
        font-size: 20px;
        overflow: hidden;
        line-height: 1.2
    }

    .person_detail .des .text {
        padding: 20px 20px;
        clear: both
    }

    .person_detail .list .item {
        padding: 0 0 30px 40px
    }

    .person_detail .list .item::after {
        top: 0px
    }

    .person_detail .list .item::before {
        top: 0
    }

    .person_detail .list .item .text {
        margin-top: 10px;
        font-size: 14px
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 10px
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 10px
    }

    .person_detail .table-box .item-list2 .t2,.person_detail .table-box .item-list1 .r-box .t2 {
        margin-right: 15px
    }

    .person_detail .table-box .item-list1 .r-box {
        width: calc(6em + 30px)
    }
}

.picture {
    background: #f5f5f5
}

.picture .dd {
    margin-top: 60px
}

.picture .tab-cont {
    margin-top: 100px
}

.picture .list {
    width: 100%;
    margin-top: 100px
}

.picture .list-width,.picture .list-item {
    width: calc((100% - 60px)/3)
}

.picture .list-space {
    width: 30px
}

.picture .list-item {
    margin-bottom: 30px;
    background-color: #fff
}

.picture .div {
    padding: 30px 38px
}

.picture .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.picture .more img {
    width: 50px
}

.picture .pic {
    overflow: hidden
}

.picture .pic img {
    width: 100%
}

.picture .icon-load {
    margin-right: 16px
}

.picture .icon-load::before {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .picture .icon-load::before {
        font-size:26px
    }
}

.picture .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .picture .t {
        font-size:18px
    }
}

.picture .y {
    font-family: "times new roman";
    font-size: 20px;
    margin-top: 6px
}

@media screen and (max-width: 768px) {
    .picture .y {
        font-size:18px
    }
}

@media screen and (min-width: 1025px) {
    .picture .list-item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1024px) {
    .picture .div {
        padding:30px 15px
    }

    .picture .list-width,.picture .list-item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 768px) {
    .picture .dd {
        margin-top:30px
    }

    .picture .tab-cont {
        margin-top: 30px
    }

    .picture .div {
        padding: 30px 15px
    }

    .picture .list {
        margin-top: 30px
    }

    .picture .list-width,.picture .list-item {
        width: 100%
    }
}

.recruit1 {
    padding: 140px 0;
    background: #f5f5f5 url(../image/by/png33.png) no-repeat right top
}

.recruit1 .content {
    margin-top: 50px;
    position: relative
}

.recruit1 .content .pic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.recruit1 .content .pic img {
    width: 100%
}

.recruit1 .content .d1 {
    padding-left: 50%;
    height: 255px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit1 .content .d1 .item {
    width: calc(50% - 10px);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: 10px
}

.recruit1 .content .d1 .item:nth-child(1) {
    background: #476585
}

.recruit1 .content .d1 .item:nth-child(2) {
    background: #5b7897
}

.recruit1 .content .d1 .item .ico {
    margin-top: 20px
}

.recruit1 .content .d1 .item .ico img {
    height: 80px
}

.recruit1 .content .d1 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d1 .item .h {
        font-size:22px
    }
}

.recruit1 .content .d2 {
    margin-left: calc(50% + 10px);
    background: #fff;
    position: relative;
    padding-bottom: 80px
}

.recruit1 .content .d2 .tit {
    position: absolute;
    right: 100%;
    top: 0;
    width: 28%;
    height: 100%;
    background: #fff;
    font-size: 30px;
    font-family: sh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body:not(.lang-en) .recruit1 .content .d2 .tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .tit {
        font-size:22px
    }
}

.recruit1 .content .d2 .list {
    border-left: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
    position: relative
}

.recruit1 .content .d2 .list::after {
    content: "";
    position: absolute;
    left: -6px;
    bottom: 0;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: 1px solid #ddd;
    background: #fff
}

.recruit1 .content .d2 .list .item {
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
    position: relative
}

.recruit1 .content .d2 .list .item .ico img {
    height: 60px
}

.recruit1 .content .d2 .list .item .h {
    margin-top: 10px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .list .item .h {
        font-size:18px
    }
}

.recruit1 .bb {
    position: absolute;
    left: 80px;
    top: 175px
}

.recruit1 .bb .more1.red2:after {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    height: 433px;
    position: absolute;
    left: 20px;
    bottom: 100%;
    display: none
}

.recruit2 {
    background: #314561 url(../image/by/png29.png) no-repeat left bottom 5%;
    color: #fff;
    position: relative;
    padding-bottom: 150px
}

.recruit2 .x-wrap {
    padding: 140px 0 0
}

.recruit2 .title {
    position: relative
}

.recruit2 .pic {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: right
}

.recruit2 .pic img {
    height: 100%
}

.recruit2 .content {
    margin-top: 50px;
    padding-right: calc(50% + 10px);
    position: relative
}

.recruit2 .d1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #6f8aa8;
    padding: 80px
}

.recruit2 .d1 .item {
    text-align: center;
    position: relative
}

.recruit2 .d1 .item .ico img {
    height: 60px
}

.recruit2 .d1 .item .h {
    margin-top: 10px;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .recruit2 .d1 .item .h {
        font-size:16px
    }
}

.recruit2 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 235px;
    margin-top: 10px
}

.recruit2 .d2 .item {
    width: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.recruit2 .d2 .item:nth-child(1) {
    background: #476585
}

.recruit2 .d2 .item:nth-child(2) {
    background: #5b7897
}

.recruit2 .d2 .item .ico img {
    height: 90px
}

.recruit2 .d2 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit2 .d2 .item .h {
        font-size:22px
    }
}

.recruit2 .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.recruit2 .bottom a {
    margin: 0 20px
}

.recruit3 {
    padding: 140px 0 160px
}

.recruit3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit3 .list .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    color: #fff
}

.recruit3 .list .item:nth-child(n+2) {
    margin-left: 10px
}

.recruit3 .list .item .pic {
    position: relative;
    overflow: hidden
}

.recruit3 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 112.52525%
}

.recruit3 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.recruit3 .list .item .text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 18%
}

.recruit3 .list .item .text .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text .h {
        font-size:28px
    }
}

.recruit3 .list .item .text ul {
    padding: 0
}

.recruit3 .list .item .text li {
    margin-top: 25px;
    font-size: 20px;
    list-style-position: outside
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text li {
        font-size:18px
    }
}

.recruit3 .list .item .b {
    position: relative;
    margin-top: 25px;
    padding-top: 40%
}

.recruit3 .list .item .b:before {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0px;
    margin-left: -5px
}

.recruit3 .list .item .b .more1.red2 {
    margin-top: 25px;
    padding: 0;
    display: block
}

.recruit3 .list .item .b .more1.red2:before {
    position: static;
    display: block
}

@media screen and (min-width: 1025px) {
    .recruit1 .item:hover .ico {
        -webkit-transform:rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }

    .recruit2 .item:hover .ico {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }
}

@media screen and (max-width: 1500px) {
    .recruit1 {
        padding:100px 0
    }

    .recruit2 {
        padding-bottom: 100px
    }

    .recruit2 .x-wrap {
        padding-top: 100px
    }

    .recruit3 {
        padding: 100px 0 160px
    }
}

@media screen and (max-width: 1400px) {
    .recruit3 .list .item .text {
        padding:18% 40px 0
    }
}

@media screen and (max-width: 1300px) {
    .recruit1 {
        padding:80px 0
    }

    .recruit2 {
        padding-bottom: 80px
    }

    .recruit2 .x-wrap {
        padding-top: 80px
    }

    .recruit3 {
        padding: 80px 0 160px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 60px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 24px
    }

    .recruit1 .content .d2 {
        padding-bottom: 40px
    }

    .recruit1 .content .d2 .list .item .ico img {
        height: 40px
    }

    .recruit1 .content .d2 .list .item .h {
        font-size: 16px
    }

    .recruit1 .bb {
        left: 15px
    }

    .recruit2 .d1 {
        padding: 60px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 60px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .recruit2 .d1 {
        padding:40px
    }

    .recruit2 .d2 {
        height: 200px
    }

    .recruit1 .content .d1 {
        height: 200px
    }

    .recruit1 .content .d2 .list .item {
        margin-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .recruit1 {
        padding:60px 0
    }

    .recruit2 {
        padding-bottom: 60px
    }

    .recruit2 .x-wrap {
        padding-top: 60px
    }

    .recruit3 {
        padding: 60px 0 8%
    }

    .recruit1 .content {
        margin-top: 30px
    }

    .recruit1 .bb {
        position: static;
        text-align: center;
        margin-top: 20px
    }

    .recruit1 .bb .more1 {
        color: #333
    }

    .recruit1 .bb .more1::after {
        display: none
    }

    .recruit1 .content .d1 {
        padding-left: 40%
    }

    .recruit1 .content .d2 {
        margin-left: 30%
    }

    .recruit2 .content {
        padding-right: 30%;
        margin-top: 30px
    }

    .recruit2 .bottom a {
        margin: 0 15px
    }

    .recruit3 .list .item .b {
        padding-top: 20%
    }

    .recruit3 .list .item .text li {
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    .recruit2 {
        padding-bottom:40px
    }

    .recruit3 {
        padding: 15px 0 8%
    }

    .recruit1 .content {
        margin-top: 20px
    }

    .recruit2 .content {
        margin-top: 20px
    }

    .recruit1 .content .pic {
        display: none
    }

    .recruit1 .content .d1 {
        padding: 0;
        height: 150px
    }

    .recruit1 .content .d1 .item {
        width: calc(50% - 7.5px);
        margin: 0
    }

    .recruit1 .content .d1 .item:last-child {
        margin-left: 15px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 45px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 20px
    }

    .recruit1 .content .d2 {
        margin: 0;
        margin-top: 15px;
        padding: 0;
        background: none
    }

    .recruit1 .content .d2 .tit {
        position: static;
        width: auto;
        height: auto;
        padding-top: 20px;
        background: none
    }

    body:not(.lang-en) .recruit1 .content .d2 .tit {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .recruit1 .content .d2 .list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-left: none;
        padding: 0 0 15px;
        margin-top: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit1 .content .d2 .list::after {
        display: none
    }

    .recruit1 .content .d2 .list .item {
        width: calc(50% - 5px);
        margin: 0;
        padding: 25px 0;
        background: #fff
    }

    .recruit1 .content .d2 .list .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit1 .content .d2 .list .item .h {
        padding: 0 10px;
        text-align: center;
        margin-top: 5px
    }

    .recruit2 .pic {
        left: -15px;
        right: -15px
    }

    .recruit2 .content {
        padding: 0
    }

    .recruit2 .d1 {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 0;
        background: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit2 .d1 .item {
        width: calc(50% - 5px);
        padding: 25px 0;
        background: #6f8aa8
    }

    .recruit2 .d1 .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit2 .d1 .item .h {
        line-height: 1
    }

    .recruit2 .d1 .item .ico img {
        height: 45px
    }

    .recruit2 .d2 {
        height: 150px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 45px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 20px
    }

    .recruit2 .bottom {
        margin-top: 20px;
        display: block
    }

    .recruit2 .bottom .more1 {
        margin-top: 10px
    }

    .recruit3 .list {
        display: block
    }

    .recruit3 .list .item:nth-child(n+2) {
        margin-left: 0;
        margin-top: 15px
    }

    .recruit3 .list .item .pic {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .recruit3 .list .item .pic::before {
        padding-top: 0
    }

    .recruit3 .list .item .text {
        position: relative;
        padding: 40px 30px
    }

    .recruit3 .list .item .b {
        padding-top: 5%
    }

    .recruit3 .list .item ul {
        margin: 5px 0
    }
}

.research_institutions {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.research_institutions .cont {
    margin-top: 18px
}

.research_institutions .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .research_institutions .cont .item {
        font-size:16px
    }
}

.research_institutions .cont .list-width {
    width: calc((100% - 21px) / 2)
}

.research_institutions .cont .list-space {
    width: 20px
}

.research_institutions .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.research_institutions .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.research_institutions .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.research_institutions .cont .icustom0 .list .li {
    min-width: 55%
}

.research_institutions .cont .icustom0 .list .li:nth-child(2n) {
    min-width: 45%
}

.research_institutions .cont .icustom1 .list .li {
    min-width: 40%
}

.research_institutions .cont .icustom1 .list .li:nth-child(2n) {
    min-width: 60%
}

.research_institutions .cont .icustom2 {
    height: 243px
}

@media screen and (max-width: 1500px) {
    .research_institutions .cont .item {
        font-size:16px
    }

    .research_institutions .cont .list {
        padding: 10px 0 0
    }

    .research_institutions .cont .icustom2 {
        height: 195px
    }
}

@media screen and (max-width: 1300px) {
    .research_institutions {
        padding:50px 0 90px;
        margin: 0
    }

    .research_institutions .cont {
        margin-top: 20px
    }

    .research_institutions .cont .item {
        padding: 30px 20px;
        border-top: 3px solid #aa1332;
        background: #fff;
        width: 100%
    }

    .research_institutions .cont .list {
        padding: 10px 15px 0;
        display: block
    }

    .research_institutions .cont .list .li {
        margin-bottom: 10px;
        padding: 0 10px 0 24px;
        position: relative
    }

    .research_institutions .cont .list .li::after {
        content: '';
        width: 15px;
        border-top: 1px solid #aa1332;
        position: absolute;
        top: 12px;
        left: 0
    }

    .research_institutions .cont .s_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .research_institutions .cont .s_list .sli {
        width: 50%;
        margin-top: 10px;
        padding: 0 1em
    }

    .research_institutions .cont .icustom2 {
        height: auto
    }

    .research_institutions .cont .icustom1 .list .li:nth-child(2n),.research_institutions .cont .icustom1 .list .li {
        min-width: auto
    }
}

@media screen and (max-width: 767px) {
    .research_institutions .cont .list {
        padding:10px 0 0
    }

    .research_institutions .cont .item {
        padding: 20px
    }

    .research_institutions .cont .s_list {
        display: block
    }

    .research_institutions .cont .s_list .sli {
        width: 100%
    }
}

.result-page {
    padding: 220px 0 150px;
    background: #f5f5f5
}

.result-page .result-head {
    padding: 0 5%
}

.result-page .result-head .t {
    font-size: 1.7em
}

.result-page .result-head .s {
    margin-left: 30px;
    font-size: 1.2em;
    color: #707070
}

.result-page .result-list {
    padding: 0 5%;
    margin-top: 30px
}

.result-page .result-list .list-item {
    padding: 30px 0;
    background: #fff;
    padding: 30px
}

.result-page .result-list .list-item:nth-child(n+2) {
    margin-top: 20px
}

.result-page .result-list .p {
    color: #707070;
    text-align: justify;
    text-justify: inter-ideograph
}

.result-page .key {
    color: #aa1332
}

.result-page .liner {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.result-page .liner .t {
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.2em
}

.result-page .liner .d {
    font-family: tj;
    margin-left: 100px;
    font-size: 1em
}

@media screen and (max-width: 1600px) {
    .result-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .result-page .result-list .liner:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .result-page {
        padding:50px 0 8%
    }

    .result-page .result-head {
        padding: 0
    }

    .result-page .result-head .s {
        display: block;
        margin: 15px 0 0
    }

    .result-page .result-list {
        padding: 0
    }

    .result-page .result-list .list-item {
        padding: 20px
    }

    .result-page .liner {
        display: block
    }

    .result-page .liner .t {
        width: 100%
    }

    .result-page .liner .d {
        margin-left: 0;
        font-size: 14px
    }
}

.school_enterprise {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.school_enterprise .cont {
    margin-top: 18px
}

.school_enterprise .cont .item {
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px
}

@media screen and (max-width: 768px) {
    .school_enterprise .cont .item {
        font-size:16px
    }
}

.school_enterprise .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.school_enterprise .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 36.231%;
    margin-bottom: 18px
}

.school_enterprise .cont .list .li:nth-child(3n) {
    min-width: 27.538%
}

.school_enterprise .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width:50%
    }
}

@media screen and (max-width: 1500px) {
    .school_enterprise .cont .item {
        font-size:16px
    }

    .school_enterprise .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .school_enterprise {
        margin:0
    }

    .school_enterprise .cont .list .li {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .school_enterprise {
        padding:50px 0 70px
    }

    .school_enterprise .cont .list {
        display: block
    }

    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width: 100%
    }
}

.sitemap-page {
    padding: 220px 0;
    background: url(../image/lys/png60.jpg) no-repeat center;
    background-size: cover
}

.sitemap-page .list {
    padding: 0 5%
}

.sitemap-page .dl {
    padding: 1.5em 0;
    border-bottom: 1px solid #ddd
}

.sitemap-page .dt {
    font-size: 1.1em
}

.sitemap-page .dd {
    margin-top: 0.6em;
    padding-left: 2em
}

.sitemap-page .link {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s
}

.sitemap-page .link {
    margin-right: 20px
}

.sitemap-page .link:last-child {
    margin-right: 0
}

@media screen and (max-width: 1600px) {
    .sitemap-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .sitemap-page .link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .sitemap-page {
        padding:50px 0
    }
}

.successive_leadership1 {
    padding: 150px 0 38px
}

.successive_leadership1 img {
    width: 100%;
    display: block
}

.successive_leadership2 {
    padding: 165px 0 160px;
    background: url(../image/lys/jpg38-1.jpg) no-repeat top center;
    margin-bottom: -132px
}

.successive_leadership2 .img {
    margin-top: 115px
}

.successive_leadership2 img {
    width: 100%;
    display: block
}

@media screen and (max-width: 1024px) {
    .successive_leadership1 {
        padding:50px 0 0
    }

    .successive_leadership2 {
        margin: 0;
        padding: 50px 0 100px;
        background: #fff
    }

    .successive_leadership2 .img {
        margin-top: 50px
    }
}.x-footer {
    color: #fff;
    position: relative
}

.x-footer .qrimg {
    position: absolute;
    z-index: 99;
    top: 195px;
    width: 160px;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-footer .qrimg.show {
    opacity: 1;
    visibility: visible
}

.x-footer .qrimg::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    content: '';
    position: absolute
}

.x-footer .qrimg .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.x-footer .qrimg .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.x-footer .qrimg .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .w-wrap {
    z-index: 9
}

.x-footer .cont {
    position: relative;
    z-index: 2;
    background-color: #7c3030
}

.x-footer .cont::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -101px;
    background: url(../image/lys/png84.png) no-repeat left top;
    background-size: 100% auto;
    bottom: 0;
    pointer-events: none;
    z-index: 1
}

.x-footer .cont a:hover {
    color: #ce8a8a
}

.x-footer .cont .share-box .share-item {
    border: 2px solid #6f383c;
    background: #613131 no-repeat center center;
    background-size: contain
}

.x-footer .cont .share-box .gotop {
    background-color: #783333
}

.x-footer .slot {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display:flex; */
    height: 200px;
    /* -webkit-box-align:end; */
    -ms-flex-align: end;
    /* align-items:flex-end; */
}

.x-footer .slot.m-show {
    display: none
}

.x-footer .slot .slot-track {
    width: calc(100% / 21);
    position: relative;
    height: 100%;
}

.x-footer .slot .slot-track .slot-item {
    will-change: top, bottom;
    top: 106px;
    bottom: 0;
    position: relative;
    height: 100%;
    width: 101%;
    left: -0.5%
}

.x-footer .slot .slot-track .s7 {
    top: 85px;
}

.x-footer .slot .slot-track .s8 {
    top: 60px;
}

.x-footer .slot .slot-track .s9 {
    top: 40px;
}

.x-footer .slot .slot-track .s10,.x-footer .slot .slot-track .s12 {
    top: 16px;
}

.x-footer .slot .slot-track .s11 {
    top: 0px
}

.x-footer .slot .slot-track .s13 {
    top: 40px;
}

.x-footer .slot .slot-track .s14 {
    top: 65px;
}

.x-footer .slot .slot-track .s15 {
    top: 85px;
}

.x-footer .slot .s1,.x-footer .slot .s4,.x-footer .slot .s9,.x-footer .slot .s14,.x-footer .slot .s18,.x-footer .slot .s21 {
    background: #c13132
}

.x-footer .slot .s2,.x-footer .slot .s5,.x-footer .slot .s7,.x-footer .slot .s10,.x-footer .slot .s12,.x-footer .slot .s15,.x-footer .slot .s17,.x-footer .slot .s20 {
    background: #7f2425
}

.x-footer .slot .s3,.x-footer .slot .s6,.x-footer .slot .s8,.x-footer .slot .s11,.x-footer .slot .s13,.x-footer .slot .s16,.x-footer .slot .s19 {
    background: #9e2829
}

.x-footer .slot .icon {
    width: 72%;
    position: relative;
    overflow: hidden;
    margin: auto;
    top: 32px
}

.x-footer .slot .icon::before {
    content: '';
    display: block;
    padding-top: 67.16418%
}

.x-footer .slot .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .slot .icon img.i {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-footer .logo {
    width: 390px;
    margin: auto;
    padding: 5.5vw 0 0
}

.x-footer .logo img {
    width: 100%
}

.x-footer .friend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.x-footer .friend .tracker-mod {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.x-footer .friend .tracker-mod .tracker-box {
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px
}

.x-footer .friend .tracker-mod .tracker-item {
    margin: 0 13px
}

.x-footer .friend .tracker-mod .tracker-item.cur {
    color: inherit
}

.x-footer .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 90px 0 120px
}

.x-footer .bottom .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-footer .bottom .m_i_n {
    margin-bottom: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .x-footer .bottom .m_i_n {
        font-size:16px
    }
}

.x-footer .bottom .m_i_n .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.x-footer .bottom .m_i_n .item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0)
}

.x-footer .bottom .m_i_n .item+.item {
    margin-left: 45px
}

.x-footer .bottom .m_i_n .icon {
    width: 25px;
    position: relative;
    overflow: hidden;
    margin-right: 15px
}

.x-footer .bottom .m_i_n .icon::before {
    content: '';
    display: block;
    padding-top: 80%
}

.x-footer .bottom .m_i_n .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .bottom .nav_foot a {
    padding: 0 25px;
    position: relative
}

.x-footer .bottom .nav_foot a::before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 0.6em;
    border-left: 1px solid #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.x-footer .bottom .nav_foot a:first-child {
    padding-left: 0
}

.x-footer .bottom .nav_foot a:first-child::before {
    display: none
}

.x-footer .bottom .p {
    margin-top: 20px
}

.x-footer .bottom .p span {
    margin-right: 25px;
    display: inline-block
}

.x-footer .bottom .p span:last-child {
    margin-left: 0
}

.x-footer .share-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    float: none
}

.x-footer .share-box .suds-pop {
    border-radius: 0
}

.x-footer .share-box .suds-pop::before {
    border: none
}

.x-footer .share-box .suds-pop::after {
    border-radius: 0
}

.x-footer .share-box .code {
    width: 160px;
    height: 160px;
    padding: 5px
}

.x-footer .share-box .share-item {
    width: 53px;
    height: 53px;
    border-radius: 100%;
    margin-right: 20px
}

.x-footer .share-box .share-item::before {
    display: none
}

.x-footer .share-box .share-item.icon-dy {
    background-image: url(../image/syb/icon_01.png)
}

.x-footer .share-box .share-item.icon-wb {
    background-image: url(../image/syb/icon_02.png)
}

.x-footer .share-box .share-item.icon-wx {
    background-image: url(../image/syb/icon_03.png)
}

.x-footer .share-box .gotop {
    width: 69px;
    height: 69px;
    border-radius: 100%;
    background-image: url(../image/ico_gotop.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

@media screen and (max-width: 1720px) {
    .x-footer .bottom {
        padding:50px 0
    }

    .x-footer .cont::before {
        top: -70px
    }
}

@media screen and (max-width: 1400px) {
    .x-footer .cont::before {
        top:-50px
    }
}

@media screen and (max-width: 1024px) {
    .x-footer {
        font-size:14px;
        margin-top: auto
    }

    .x-footer.smod {
        padding-bottom: 56px
    }

    .x-footer .qrimg {
        top: 100px
    }

    .x-footer .w-wrap {
        padding: 0
    }

    .x-footer .tracker-mod.dir-hor .tracker-item {
        font-size: 14px
    }

    .x-footer .logo {
        width: 40%;
        padding-top: 120px
    }

    .x-footer .bottom {
        padding: 20px 0 0;
        display: block;
        text-align: center
    }

    .x-footer .bottom .m_i_n {
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin-left: 20px
    }

    .x-footer .bottom .m_i_n .icon {
        margin-right: 10px
    }

    .x-footer .bottom .nav_foot {
        margin-bottom: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 20px !important
    }

    .x-footer .bottom .p span {
        margin: 0 5px !important
    }

    .x-footer .bottom .p {
        margin-top: 0px
    }

    .x-footer .share-box {
        margin: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 5px
    }

    .x-footer .share-box .gotop {
        width: 46px;
        height: 46px
    }

    .x-footer .slot {
        height: 97px;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 9;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x-footer .slot.p-show {
        display: none
    }

    .x-footer .slot.m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        padding: 0 15px;
        flex-wrap: wrap;
    }

    .x-footer .slot.m-show .slick-list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 48px;
        height: 48px;
        border: 1px solid #fff;
        border-radius: 99px;
        font-family: xfont;
        color: #fff;
        position: relative;
        margin-right: 20px
    }

    .x-footer .slot.m-show .slick-arrow::before {
        content: '<';
        position: absolute;
        font-family: '\5b8b\4f53';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 20px
    }

    .x-footer .slot.m-show .slick-next::before {
        content: '>'
    }

    .x-footer .slot .icon {
        top: auto;
        margin: 0
    }

    .x-footer .slot .slot-track {
        margin: 0
    }

    .x-footer .slot .slot-track .slot-item {
        top: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none !important;
        transform: none !important;
        width: 39px;
        height: 39px;
        border-radius: 99px;
        margin: auto
    }

    .x-footer .share-box .gotop {
        background-size: 20px auto
    }
.container02-1{
    padding-bottom: 130px;
}
.container02-1 .w1200 {
    padding: 2rem 0 0;
}
}

@media screen and (max-width: 850px) {
    .x-footer .cont::before {
        top:-40px
    }
}

@media screen and (max-width: 767px) {
    .x-footer .w-wrap {
        padding:10px 0
    }

    .x-footer .logo {
        padding-top: 100px;
        width: 60%
    }

    .x-footer .share-box .suds-pop {
        padding: 5px
    }

    .x-footer .share-box .code {
        width: 100px;
        height: 100px;
        padding: 0
    }

    .x-footer .cont::before {
        top: -20px
    }

    .x-footer .bottom .m_i_n {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .x-footer .bottom .m_i_n .item {
        width: 50%;
        padding-left: 30px;
        margin-top: 5px;
        font-weight: normal
    }

    .x-footer .bottom .m_i_n .item+.item {
        margin: 5px 0 0
    }

    .x-footer .slot.m-show .slick-arrow {
        margin-right: 10px
    }

    .x-footer .slot.m-show .slick-next {
        margin: 0;
        margin-left: 10px
    }

    .x-footer .bottom .nav_foot a {
        padding: 0 10px !important
    }

    .x-footer .bottom {
        padding-top: 10px
    }

    .x-footer .bottom .m_i_n .icon {
        width: 15px
    }

    .x-footer .slot.m-show .slick-arrow {
        width: 40px;
        height: 40px
    }
}

.x-header_new {
    z-index: 9;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin: auto
}

.x-header_new.home {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    color: #fff
}

.x-header_new.home .x-wrap {
    max-width: 1500px
}

.x-header_new.home .nav-mod {
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15)
}

.x-header_new.home .nav-mod .nav-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none
}

.x-header_new.home .nav-mod .nav-lv1-item {
    padding: 0 32px
}

.x-header_new.home .nav-mod .nav-lv2 {
    color: #333
}

.x-header_new.home .nav-mod .splite {
    display: none
}

.x-header_new .box-1 {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 2
}

.x-header_new .box-1 .box1-logo {
    width: 598px;
    padding-top: 7.1875%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    position: absolute
}

.x-header_new .box-1 .box1-logo .syx {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 100%;
    white-space: nowrap;
    top: 22px;
    line-height: 40px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-logo .syx {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-logo .box1-bg {
    pointer-events: none
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box img {
    width: 100%;
    height: auto
}

.x-header_new .box-1 .box1-logo .box1-bg .svgbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 25.91973%;
    background: url(../image/lys/png115-1.png) no-repeat top left;
    background-size: contain
}

.x-header_new .box-1 .box1-logo .logo-box {
    width: 248px;
    position: relative;
    overflow: hidden;
    margin-left: -17px;
    position: absolute;
    top: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-1 .box1-logo .logo-box::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .box-1 .box1-logo .logo-box .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-top {
    border-bottom: 2px solid #c9784c;
    background: #7c3030;
    position: relative;
    z-index: 9
}

.x-header_new .box-1 .box1-top .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0
}

.x-header_new .box-1 .box1-top .flexbox .item+.item {
    margin-left: 40px
}

.x-header_new .box-1 .box1-top .flexbox .ffar {
    font-family: 'Arial'
}

.x-header_new .box-1 .box1-top .search-mod .search-tap {
    background: #923838
}

.x-header_new .box-1 .box1-bot {
    border-bottom: 1px solid rgba(124,48,48,0.07);
    position: relative
}

.x-header_new .box-1 .box1-bot::before {
    content: '';
    height: 214px;
    background: url(../image/lys/png116.png) no-repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    display: none;
    pointer-events: none
}

.x-header_new .box-1 .box1-bot a {
    display: block
}

.x-header_new .box-1 .box1-bot .box1-navbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.x-header_new .box-1 .box1-bot .nav-lv1-tit {
    color: #7c3030
}

.x-header_new .box-1 .box1-bot .nav-lv1-item {
    font-size: 22px;
    position: relative
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size:18px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv1-item::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
    border-top: 1px solid #7c3030;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
    margin-left: 35px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item.cur::before {
    left: 0;
    right: 0
}

.x-header_new .box-1 .box1-bot .nav-lv1-item .nav-lv1-link {
    padding: 26px 0 7px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
    left: auto;
    margin: 0;
    right: -60%;
    -webkit-transform: none;
    transform: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 20px;
    margin-left: 93px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
    padding: 20px 60px 36px 47px;
    width: 788px;
    background: url(../image/lys/jpg77.jpg) no-repeat left bottom;
    background-size: cover
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-lbox {
    width: 59.765%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 40px;
    margin-top: 54px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .p {
    font-size: 16px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox {
    position: relative;
    display: inline-block;
    margin-top: 17px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: 10px;
    border-radius: 0 50px 0 50px;
    z-index: 1;
    background-color: rgba(99,21,19,0.3)
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img {
    width: 207px;
    position: relative;
    overflow: hidden;
    border-radius: 0 50px 0 50px;
    z-index: 2
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img::before {
    content: '';
    display: block;
    padding-top: 56.03865%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
        font-size:16px
    }
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item {
    width: calc((100% - 41px) / 2);
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item::after {
    content: '';
    border-top: 1px solid #c26060;
    position: absolute;
    right: 0;
    left: 27px;
    top: 0
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a {
    padding: 12px 0 12px 27px;
    position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #c26060;
    position: absolute;
    left: 0px;
    top: 25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-size: contain
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::after {
    content: '';
    background: url(../image/lys/png77.png) no-repeat center;
    -webkit-transform: none;
    transform: none;
    width: 21px;
    height: 19px;
    top: 18px;
    left: -7px;
    position: absolute;
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(2n) {
    margin-left: 40px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(-n+2)::after {
    border-top: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::before {
    display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::after {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot {
    border-bottom-color: rgba(255,255,255,0.07)
}

.x-header_new.header-fixed .box-1 .box1-bot::before {
    display: block
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-tit {
    color: #fff
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-item::before {
    border-color: #fff
}

.x-header_new .box-2 {
    background-color: #7e2f2f;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    right: 0;
    border-bottom: 2px solid #c9784c
}

.x-header_new .box-2 .nav-mod .nav-lv2 {
    padding-top: 34px
}

.x-header_new .box-2 .nav-mod .nav-lv2::after {
    top: 2px
}

.x-header_new .box-2 .slogan {
    width: 415px;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 33px;
    right: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: url(../image/lys/png80.png) no-repeat center;
    background-size: contain
}

.x-header_new .box-2 .slogan::before {
    content: '';
    display: block;
    padding-top: 6.71506%
}

.x-header_new .box-2 .slogan .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .box-2-logobox {
    width: 475px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9
}

.x-header_new .box-2-logobox::before {
    content: '';
    width: 100%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-2.png) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    display: block;
    pointer-events: none
}

.x-header_new .box-2-logobox::after {
    content: '';
    width: 125.89473%;
    padding-top: 29.05263%;
    background: url(../image/lys/png120-1.gif) no-repeat top center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.x-header_new .logo {
    width: 248px;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 24px;
    z-index: 3
}

.x-header_new .logo::before {
    content: '';
    display: block;
    padding-top: 20.56452%
}

.x-header_new .logo .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header_new .logo img {
    width: 100%;
    display: block
}

.x-header_new .logo img:nth-child(2) {
    opacity: 0
}

.x-header_new .logo img.i-show {
    opacity: 1
}

.x-header_new .logo img.i-hid {
    opacity: 0
}

.x-header_new .splite {
    width: 418px;
    margin-left: 32px
}

.x-header_new .top {
    background-color: #7c3030
}

.x-header_new .top .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 57px;
    position: relative;
    z-index: 1;
    line-height: 57px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.x-header_new .top .x-wrap::after {
    display: none
}

.x-header_new .top .l .item:nth-child(n+2) {
    margin-left: 38px
}

.x-header_new .bottom {
    display: none
}

.x-header_new .tools-mod {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header_new .tools-mod .tools-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.x-header_new .tools-mod .tools-item+.tools-item {
    margin-left: 38px
}

.x-header_new .search-mod .search-tap {
    width: 75px;
    height: 40px;
    background-color: #c64141;
    border-radius: 99px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .x-header_new .search-mod .search-tap {
        font-size:16px
    }
}

.x-header_new .search-mod .search-tap::before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../image/lys/png62.png) no-repeat;
    background-size: contain;
    -webkit-transform: none;
    transform: none;
    position: static;
    vertical-align: middle
}

.x-header_new .search-mod .search-tap:hover {
    color: #fff
}

.x-header_new .search-mod .search-tap ~ .search-box {
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    right: 0px;
    overflow: visible;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    width: 487px;
    background-color: #314769;
    height: 70px;
    border-radius: 999px;
    margin-top: 28px
}

.x-header_new .search-mod .search-btn {
    width: 75px;
    color: #fff;
    background-color: #466495;
    border-radius: 999px
}

.x-header_new .search-mod .search-submit {
    width: 100%
}

.x-header_new .search-mod .search-txt,.x-header_new .search-mod .search-btn {
    display: block
}

.x-header_new .search-mod .search-txt {
    padding: 0 1em 0 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-header_new .search-mod .search-input {
    height: 100%;
    color: #fff
}

.x-header_new .search-mod .search-input::-webkit-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-moz-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input:-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::-ms-input-placeholder {
    color: #6984ad
}

.x-header_new .search-mod .search-input::placeholder {
    color: #6984ad
}

.x-header_new .search-tap {
    -webkit-transition: none;
    transition: none
}

.x-header_new.white {
    background: rgba(255,255,255,0.8)
}

.x-header_new.white .search-mod .search-tap {
    background: #7c3030;
    color: #fff
}

.x-header_new.white .search-mod .search-tap ~ .search-box {
    background: #7c3030
}

.x-header_new.white .search-mod .search-input::-webkit-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-moz-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input:-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::-ms-input-placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-input::placeholder {
    color: #fff
}

.x-header_new.white .search-mod .search-btn {
    color: #7c3030;
    background-color: #fff
}

.x-header_new.white .logo img:nth-child(2) {
    opacity: 1
}

.x-header_new.white .nav-mod {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2 {
    color: #7c3030
}

.x-header_new.white .nav-mod .nav-lv2::after {
    background: rgba(255,255,255,0.7)
}

.x-header_new.white .nav-mod .nav-lv1-item .nav-lv1-link::after {
    border-color: #ab0d29
}

.x-header_new.white .nav-mod .nav-lv2-item .nav-lv2-link::before {
    background-image: url(../image/lys/png67-1.png)
}

.x-header_new.white .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
    background-image: url(../image/lys/png68-1.png)
}

.x-header_new .logo .syx {
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
    color: #fff
}

@media screen and (min-width: 1025px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::before {
        display:none
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::after {
        display: block
    }

    .x-header_new.wht {
        position: fixed
    }

    .x-header_new.wht .box-1 {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        display: none
    }

    .x-header_new.wht .box-2 {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

    .x-header_new {
        color: #fff
    }

    .x-header_new .box-1 .box1-top a:hover {
        color: #ce5656
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover::before {
        left: 0;
        right: 0
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:hover .nav-lv2 {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover::before {
        background: url(../image/lys/png77.png) no-repeat center;
        -webkit-transform: none;
        transform: none;
        width: 21px;
        height: 19px;
        top: 19px;
        left: -34px
    }

    .x-header_new .box-2 .slogan.show {
        opacity: 1;
        visibility: visible
    }

    .x-header_new .box-2 .slogan.lshow {
        opacity: 1;
        visibility: visible;
        right: auto;
        left: 0px
    }

    .x-header_new .top a:hover {
        color: #ce5656
    }

    .x-header_new .nav-mod {
        border: none;
        padding-top: 0 !important
    }

    .x-header_new .nav-mod .nav-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border: none
    }

    .x-header_new .nav-mod .nav-box::after {
        display: none
    }

    .x-header_new .nav-mod .nav-tit .arr {
        display: none
    }

    .x-header_new .nav-mod .nav-link {
        display: block;
        white-space: nowrap
    }

    .x-header_new .nav-mod .nav-lv {
        position: absolute;
        min-width: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden
    }

    .x-header_new .nav-mod .nav-lv1 {
        text-align: center;
        font-size: 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        display: inline-block;
        font-size: 16px
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link {
        position: relative
    }

    .x-header_new .nav-mod .nav-lv1-item .nav-lv1-link::after {
        content: '';
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        border-top: 3px solid #c13f3f;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .x-header_new .nav-mod .nav-lv1-item.cur .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 93px
    }

    .x-header_new .nav-mod .nav-lv2 {
        position: absolute;
        background: none;
        border-bottom: none;
        padding: 32px 0;
        width: auto;
        top: 100%;
        left: 0;
        min-width: 0;
        color: #fff
    }

    .x-header_new .nav-mod .nav-lv2::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -2000px;
        right: -2000px;
        background-color: rgba(130,50,50,0.9)
    }

    .x-header_new .nav-mod .nav-grp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 2
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 50px
    }

    .x-header_new .nav-mod .nav-lv2-item:last-child {
        margin-right: 0
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
        display: none
    }

    .x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::after {
        display: block
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        text-align: center
    }

    .x-header_new .nav-mod .nav-lv2-link {
        padding-left: 30px;
        position: relative
    }

    .x-header_new .nav-mod .nav-lv2-link::before {
        content: "";
        position: absolute;
        left: 13px;
        top: 50%;
        background: #c64141;
        width: 7px;
        height: 7px;
        margin-top: -4px
    }

    .x-header_new .nav-mod .nav-lv2-link::after {
        content: '';
        background-image: url(../image/lys/png79.png);
        width: 21px;
        height: 19px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -11px;
        display: none
    }

    .x-header_new .nav-mod .nav-lv3 {
        left: 100%;
        top: 0
    }

    .x-header_new .nav-mod .nav-lv3-item {
        position: relative;
        float: left
    }

    .x-header_new .nav-mod .nav-lv3-item+.nav-lv3-item {
        margin-top: 8px
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-lv {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #fff
    }

    .x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::after {
        left: -20px;
        right: -20px
    }

    .x-header_new.white .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link {
        color: #7c3030
    }

    .x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
        background-image: url(../image/lys/png68-1.png)
    }
}

@media screen and (max-width: 1920px) {
    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(3) .nav-lv2 {
        left:auto;
        margin: 0;
        right: -80%;
        -webkit-transform: none;
        transform: none
    }

    .x-header_new .box-2 .slogan {
        width: 415px;
        top: 32px
    }
}

@media screen and (max-width: 1700px) {
    .x-header_new .box-1 .box1-bot .nav-lv2 {
        margin:0
    }
}

@media screen and (max-width: 1600px) {
    .x-header_new .search-mod .search-tap {
        padding:6px 15px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 20px
    }

    .x-header_new .box-1 .box1-top .flexbox {
        padding: 15px 0
    }

    .x-header_new .box-1 .box1-logo .syx {
        top: 15px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item {
        font-size: 20px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
        margin-left: 20px
    }

    .x-header_new .box-1 .box1-logo {
        width: 500px
    }

    .x-header_new .box-1 .box1-logo .logo-box {
        top: 20px;
        width: 200px;
        margin-left: -30px
    }

    .x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
        width: 700px
    }
}

@media screen and (max-width: 1500px) {
    .x-header_new .box-2 .slogan {
        width:375px;
        top: 34px
    }
}

@media screen and (max-width: 1400px) {
    .x-header_new .nav-mod .nav-lv1-link {
        line-height:70px
    }

    .x-header_new .splite {
        width: 300px
    }

    .x-header_new .logo {
        width: 200px;
        top: 20px
    }

    .x-header_new .box-2-logobox {
        width: 360px
    }

    .x-header_new .box-1 .box1-top .flexbox .item+.item {
        margin-left: 30px
    }

    .x-header_new .box-1 .box1-logo {
        width: 440px
    }

    .x-header_new .box-2 .slogan {
        width: 330px;
        top: 35px
    }

    .x-header_new .nav-mod .nav-lv2-item {
        margin-right: 10px
    }
}

@media screen and (max-width: 1300px) {
    .x-header_new.home .logo {
        height:60px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 30px
    }

    .x-header_new .top .x-wrap {
        height: 60px;
        line-height: 60px;
        font-size: 14px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 70px
    }

    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left: 30px
    }

    .nav-mod .nav-lv2 {
        width: 600px
    }

    .x-header_new .tools-mod .search-mod .search-box {
        width: 370px;
        height: 61px;
        padding: 10px 10px 10px 0
    }

    .x-header_new .box-2-logobox {
        width: 320px
    }

    .x-header_new .logo {
        top: 15px
    }

    .x-header_new .box-2 .slogan {
        width: 300px;
        top: 37px
    }

    .x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
        right: 0%
    }

    .x-header_new .box-1 .box1-logo {
        width: 430px
    }
}

@media screen and (max-width: 1200px) {
    .x-header_new .box-1 .box1-logo {
        width:400px
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0 15px
    }

    .x-header_new .nav-mod .nav-lv1-item {
        font-size: 14px
    }

    .x-header_new .box-2 .slogan {
        width: 250px;
        top: 36px
    }
}

@media screen and (max-width: 1100px) {
    .x-header_new .top .l .item:nth-child(n+2) {
        margin-left:25px
    }

    .x-header_new .box-1 .box1-logo .syx {
        margin-left: -80px
    }

    .x-header_new .box-2 .slogan {
        width: 200px;
        top: 39px
    }
}

@media screen and (max-width: 1024px) {
    .x-layout {
        padding-top:0px
    }

    .x-header_new.home {
        color: #333;
        position: relative
    }

    .x-header_new .box-2 {
        opacity: 1;
        visibility: visible;
        position: relative;
        border-width: 0px
    }

    .x-header_new .box-2 .slogan-wrap {
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0
    }

    .x-header_new .box-2 .slogan {
        width: 50.1333%;
        position: relative;
        overflow: hidden;
        position: absolute;
        right: 9%;
        left: auto;
        z-index: 9;
        background-image: url(../image/lys/png122.png);
        opacity: 1;
        visibility: visible;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .x-header_new .box-2 .slogan::before {
        content: '';
        display: block;
        padding-top: 7.18085%
    }

    .x-header_new .box-2 .slogan .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .x-header_new .box-2 .nav-mod .nav-lv2 {
        padding-top: 10px
    }

    .x-header_new .x-wrap {
        margin: 0
    }

    .x-header_new .splite {
        width: auto
    }

    .x-header_new .top {
        display: none
    }

    .x-header_new .bottom {
        display: block;
        height: auto;
        line-height: 1;
        background-color: #fff
    }

    .x-header_new .bottom .l {
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #ddd
    }

    .x-header_new .bottom .l .item {
        margin: 0 !important
    }

    .x-header_new .bottom .tools-mod {
        border-top: 1px solid #b36563;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .x-header_new .bottom .tools-mod::after {
        display: none
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 0 !important
    }

    .x-header_new .bottom .search-mod .search-tap {
        width: 20px;
        height: 20px
    }

    .x-header_new .menu-mod {
        position: relative;
        padding: 10px 15px;
        height: 60px;
        z-index: 2
    }

    .x-header_new .menu-mod::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #bc7b54
    }

    .x-header_new .menu-mod .logo {
        width: 48.58156%;
        left: 13.47517%;
        -webkit-transform: none;
        transform: none;
        top: 20%
    }

    .x-header_new .menu-mod .logo a {
        padding: 0
    }

    .x-header_new.home .nav-mod .nav-lv1-item {
        padding: 0
    }

    .x-header_new.home .tools-mod .eml {
        background-image: url(../image/ico_mail.png)
    }

    .x-header_new .menu-btn {
        position: absolute;
        width: 40px;
        overflow: hidden;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px
    }

    .x-header_new .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .x-header_new .menu-btn .line {
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .x-header_new .menu-btn .line,.x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #fff;
        border-radius: 1px
    }

    .x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .x-header_new .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        transform: translateY(-400%)
    }

    .x-header_new .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        transform: translateY(400%)
    }

    .x-header_new .search-box,.x-header_new .share-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        padding: 5px 15px
    }

    .x-header_new .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc;
        background-color: #fff
    }

    .x-header_new .search-box>* {
        width: 0;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .x-header_new .search-box>:last-child {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .x-header_new .search-box .search-input {
        display: block;
        width: 100%;
        height: 30px
    }

    .x-header_new .search-box .search-input::-webkit-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-moz-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input:-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::-ms-input-placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-input::placeholder {
        color: #fff
    }

    .x-header_new .search-box .search-submit {
        width: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px
    }

    .x-header_new .share-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #ccc
    }

    .x-header_new .share-box .share-item {
        font-size: 1.2em
    }

    .x-header_new .nav-mod {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        padding-top: 135px;
        background: url(../image/lys/jpg79.jpg) no-repeat bottom center;
        background-size: 100% auto;
        color: #fff;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    .x-header_new .nav-mod .x-wrap {
        margin: 0 15px
    }

    .x-header_new .nav-mod .search-box,.x-header_new .nav-mod .nav-box,.x-header_new .nav-mod .bottom {
        background: transparent
    }

    .x-header_new .nav-mod .search-box {
        background: #b36563;
        border-radius: 999px;
        border: none;
        margin-bottom: 10px;
        padding-right: 10px
    }

    .x-header_new .nav-mod .x-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .x-header_new .nav-mod .splite {
        display: none
    }

    .x-header_new .nav-mod .nav-lv1-link {
        line-height: 1.8;
        padding: 10px 0
    }

    .x-header_new .nav-mod .nav-lv2 {
        width: auto;
        color: #b36563
    }

    .x-header_new .nav-box {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        background-color: #fff
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::before {
        display: none
    }

    .x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::after {
        display: block
    }

    .x-header_new .nav-box .nav-lv2-item.cur .nav-lv2-link {
        color: #fff
    }

    .x-header_new .nav-item.act>.nav-tit .arr {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .x-header_new .nav-item.act>.nav-tit .arr::before {
        right: auto;
        left: 0
    }

    .x-header_new .nav-lv1-item {
        padding: 0 0 0 35px
    }

    .x-header_new .nav-tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .x-header_new .nav-tit .arr {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 40px;
        height: auto;
        color: #b36563
    }

    .x-header_new .nav-tit .arr::before {
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }

    .x-header_new .nav-tit .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .x-header_new .nav-tit+.nav-lv {
        display: none
    }

    .x-header_new .nav-lv1-tit {
        border-bottom: 1px solid #b36563;
        position: relative
    }

    .x-header_new .nav-lv1-tit::before,.x-header_new .nav-lv1-tit::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .x-header_new .nav-lv1-tit::before {
        width: 7px;
        height: 7px;
        background-image: url(../image/lys/png135.png);
        right: calc(100% + 19px)
    }

    .x-header_new .nav-lv1-tit::after {
        width: 21px;
        height: 19px;
        background-image: url(../image/lys/png134.png);
        right: calc(100% + 14px);
        display: none
    }

    .x-header_new .nav-lv1-link {
        font-size: 1.125em
    }

    .x-header_new .nav-lv2 {
        padding: 10px 15px
    }

    .x-header_new .nav-lv2-tit {
        padding: 5px 0
    }

    .x-header_new.menu-open {
        z-index: 999
    }

    .x-header_new.menu-open .line {
        background-color: transparent
    }

    .x-header_new.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .x-header_new.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .x-header_new.menu-open .nav-mod {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    .x-header_new.white .menu-btn .line,.x-header_new.white .menu-btn .line::before,.x-header_new.white .menu-btn .line::after {
        background: #7c3030
    }

    .x-header_new.white.menu-open .line {
        background-color: transparent
    }

    .x-header_new .box-2-logobox {
        -webkit-transform: none;
        transform: none;
        top: 0;
        left: 0;
        width: 37.6%
    }

    .x-header_new .box-2-logobox::before {
        background-image: url(../image/lys/png121.png);
        padding-top: 26.5957%;
        background-position: left top
    }

    .x-header_new .box-2-logobox::after {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .x-header_new .box-2-logobox {
        width:40%
    }
}

@media screen and (max-width: 767px) {
    .x-header_new .menu-mod .logo {
        left:15px;
        width: 40%;
        overflow: inherit
    }

    .x-header_new .menu-mod .logo .syx {
        position: absolute;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff;
        font-size: 14px;
        white-space: nowrap;
        margin-left: 10px
    }

    .x-header_new .box-2-logobox {
        width: 60%
    }

    .x-header_new .box-2-logobox::before {
        background-position: right top;
        margin-left: -85px
    }

    .x-header_new .box-2 .slogan {
        width: 35%;
        right: 13%
    }

    .x-header_new .nav-mod {
        padding: 95px 0 0
    }

    .x-header_new .nav-mod .nav-lv1-item {
        padding-left: 20px
    }

    .x-header_new .nav-mod .nav-lv2 {
        padding: 0px 10px
    }

    .x-header_new .nav-mod .nav-lv1-link {
        padding: 5px 0
    }

    .x-header_new .nav-mod .nav-lv1-tit::before {
        right: calc(100% + 9px)
    }

    .x-header_new .nav-mod .nav-lv1-tit::after {
        width: 13px;
        height: 13px;
        right: calc(100% + 5px)
    }

    .x-header_new .nav-mod .nav-lv2-tit {
        padding: 3px 0
    }

    .x-header_new .menu-btn {
        right: 5px
    }

    .x-header_new .logo .syx {
        text-align: center;
        margin-top: 0
    }

    .x-header_new .bottom .tools-mod {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 15px
    }

    .x-header_new .bottom .tools-mod .tools-item {
        margin: 5px !important
    }
}

@media screen and (max-width: 500px) {
    .x-header_new .box-2-logobox {
        width:75%
    }
}

.audio-mod.ui {
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 5px
}

.audio-mod .audio-title {
    padding: 1em;
    text-align: center
}

.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
    border: 0;
    height: 30px
}

.audio-mod .audio-list .select-cont {
    left: auto;
    width: 300px
}

.audio-mod .audio-control {
    float: left
}

.audio-mod .audio-play {
    border: 1px solid;
    border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
    -webkit-animation: animat-ring 3s linear infinite;
    animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,.audio-mod .audio-next.disable {
    background: #ccc;
    cursor: default;
    pointer-events: none
}

.audio-mod .audio-volume {
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 1em 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
    position: relative;
    margin: auto;
    width: 4px;
    height: 50px;
    background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 999px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
    opacity: 1;
    visibility: visible
}

.audio-mod .audio-panel {
    margin-left: 4em;
    margin-top: 5px
}

.audio-mod .audio-progress {
    position: relative;
    margin-bottom: 5px;
    height: 4px;
    background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 999px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.audio-mod .audio-time {
    position: relative;
    font-family: arial;
    line-height: 1;
    overflow: hidden
}

.audio-mod .audio-current {
    float: left
}

.audio-mod .audio-duration {
    float: right
}

.audio-mod .audio-surplus {
    float: right
}

@media screen and (max-width: 1024px) {
    .audio-mod .audio-volume-box {
        display:none
    }
}

.banner_page {
    height: 818px;
    position: relative;
    color: #fff;
    overflow: hidden
}

.banner_page .bread-mod {
    color: inherit
}

.banner_page .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: no-repeat center center / cover
}

.banner_page .bg .mask {
    background: #000
}

.banner_page .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

.banner_page .head .lt {
    position: absolute;
    left: 50%;
    bottom: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 1em;
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .lb {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 1.1em;
    -webkit-transition: all 1s ease-out 2s;
    transition: all 1s ease-out 2s;
    clip: rect(0, 200px, 0, 0)
}

.banner_page .head .img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -1em;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    opacity: 0
}

.banner_page .head .title {
    position: relative;
    -webkit-transition: all 1.5s ease-out 1s;
    transition: all 1.5s ease-out 1s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.banner_page.showd .head {
    position: absolute;
    left: 0;
    top: 160px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .banner_page.showd .head {
        font-size:28px
    }
}

.banner_page.showd .head .lt {
    clip: rect(0, 200px, 500px, 0)
}

.banner_page.showd .head .lb {
    clip: rect(0, 200px, 300px, 0)
}

.banner_page.showd .head .img {
    opacity: 1
}

.banner_page.showd .head .title {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.banner_page .nav {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 30px;
    bottom: 2em;
    text-align: center;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .banner_page .nav {
        font-size:22px
    }
}

.banner_page .nav a {
    margin: 0 1em;
    display: inline-block
}

.banner_page .nav a.now {
    font-size: 1.3em
}

.banner_page .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.banner_page .box1 .b {
    margin-top: 3.5em
}

@media screen and (max-width: 1400px) {
    .banner_page {
        height:708px
    }

    .banner_page .head {
        font-size: 38px
    }

    .banner_page .head .img {
        -webkit-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95)
    }

    .banner_page .nav {
        bottom: 1em;
        font-size: 26px
    }

    .banner_page .head .img {
        margin-top: -0.5em
    }

    .banner_page .head .lt {
        bottom: 44%
    }

    .banner_page .head .lb {
        top: 53%
    }

    .banner_page .head .title {
        margin-top: 36px
    }
}

@media screen and (max-width: 1200px) {
    .banner_page .nav {
        font-size:24px
    }
}

@media screen and (max-width: 1100px) {
    .banner_page .head .title {
        font-size:33px
    }
}

@media screen and (min-width: 1025px) {
    .banner_page .nav a:hover {
        font-size:1.3em
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head {
        position:absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 48px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .banner_page .head {
        font-size:28px
    }
}

@media screen and (max-width: 1024px) {
    .banner_page .head .lt {
        clip:rect(0, 200px, 500px, 0)
    }

    .banner_page .head .lb {
        clip: rect(0, 200px, 300px, 0)
    }

    .banner_page .head .img {
        opacity: 1
    }

    .banner_page .head .title {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width: 1023px) {
    .banner_page {
        height:300px
    }

    .banner_page.showd .head {
        top: 0
    }

    .banner_page.showd .title {
        font-size: 26px
    }

    .banner_page .head {
        font-size: 26px;
        top: 0
    }

    .banner_page .img {
        width: 200px
    }

    .banner_page .lt {
        width: 60px
    }

    .banner_page .lb {
        width: 6px
    }

    .banner_page .nav {
        font-size: 18px
    }

    .banner_page .nav a {
        margin: 0 0.8em
    }

    .banner_page .head .title {
        margin-top: 0
    }

    .banner_page .head .lb {
        top: 45%
    }
}

@media screen and (max-width: 768px) {
    .banner_page .head .lt {
        bottom:50%
    }

    .banner_page .head .lb {
        top: 50%
    }
}

div[data-search] * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,div[data-search] .BMapLib_sms_pnl_phone button,div[data-search] .BMapLib_sms_pnl_phone textarea,div[data-search] .BMapLib_sms_pnl_phone select {
    min-height: auto;
    border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
    overflow: auto
}

div[data-search] .infoBox {
    padding: 10px;
    width: 290px;
    background-color: #fff
}

div[data-search] .infoBox>img {
    top: 10px;
    right: 10px !important
}

.bdmap {
    height: 600px
}

.bread-mod {
    position: absolute;
    left: 0;
    top: 35px;
    right: 0;
    color: #999;
    z-index: 2
}

.bread-mod .bread-item {
    display: inline-block
}

.bread-mod .bread-item+.bread-item::before {
    content: '>';
    padding: 0 5px;
    font-family: Arial
}

@media screen and (min-width: 1025px) {
    .bread-mod .bread-link:hover {
        color:#aa1332
    }
}

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

.paging-mod {
    text-align: center;
    margin: 75px 0
}

.paging-mod .paging-box {
    display: inline-block;
    vertical-align: top
}

.paging-mod .paging-item {
    float: left;
    min-width: 36px;
    font-family: Arial;
    font-size: 16px;
    line-height: 34px
}

.paging-mod .paging-arrow,.paging-mod .paging-link {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.paging-mod .paging-arrow:first-child {
    margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
    margin-left: 12px
}

.paging-mod .paging-link+.paging-arrow {
    margin-left: 10px
}

.paging-mod .paging-link.cur {
    background-color: #aa1332;
    border-color: #aa1332;
    color: #fff;
    cursor: default;
    pointer-events: none
}

.paging-mod .paging-dot {
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.2em
}

.paging-mod .paging-jump {
    margin-left: 26px;
    width: 120px;
    height: 40px;
    border: 1px solid #aa1332;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    top: -2px
}

.paging-mod .paging-table {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff
}

.paging-mod .paging-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.paging-mod .paging-cell:first-child {
    border-radius: 4px 0 0 4px;
    border-right: none
}

.paging-mod .paging-input {
    display: block;
    padding: 0 10px;
    width: 100%;
    line-height: 1.5;
    text-align: center
}

.paging-mod .paging-btn {
    display: block;
    width: 55px;
    cursor: pointer;
    border-radius: 4px;
    background: #aa1332;
    color: #fff;
    height: 34px;
    margin-right: 2px;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif
}

.paging-mod .paging-more {
    display: none
}

@media screen and (min-width: 1025px) {
    .paging-mod .paging-link:not(.cur):hover,.paging-mod .paging-arrow:hover {
        background-color:#aa1332;
        border-color: #aa1332;
        color: #fff
    }
}

@media screen and (max-width: 1024px) {
    .paging-mod {
        margin:30px 0
    }

    .paging-mod .paging-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 34px;
        display: none
    }

    .paging-mod .paging-item,.paging-mod .paging-input {
        line-height: normal
    }

    .paging-mod .paging-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .paging-mod .paging-more {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #ddd;
        border-radius: 999px;
        background: #ddd;
        width: 120px
    }
}

.scroll-mod {
    position: relative;
    overflow: hidden
}

.scroll-mod.scroll-axis-x {
    padding-bottom: 10px
}

.scroll-mod.scroll-axis-y {
    padding-right: 10px
}

.scroll-cont {
    height: 100%;
    max-height: inherit;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scroll-cont::-webkit-scrollbar {
    display: none
}

.scroll-track-x,.scroll-track-y {
    position: absolute;
    background-color: rgba(0,0,0,0.1)
}

.scroll-bar-x,.scroll-bar-y {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.scroll-track-x {
    bottom: 0;
    left: 0;
    right: 0
}

.scroll-bar-x {
    width: 0;
    height: 5px
}

.scroll-track-y {
    top: 0;
    bottom: 0;
    right: 0
}

.scroll-bar-y {
    width: 5px;
    height: 0
}

.scroll-track-disable {
    display: none
}

@media screen and (min-width: 1025px) {
    .scroll-mod .scroll-bar-x {
        width:0
    }
}

.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
    position: absolute;
    right: 0px;
    bottom: 100%;
    margin-bottom: 10px;
    font-size: 26px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.pop-mod .pop-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.pop-mod .pop-panel::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pop-mod .pop-dialog {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.pop-mod .video-native {
    display: none
}

.pop-mod video,.pop-mod iframe {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%
}

.pop-mod.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,.pop-mod.x-show iframe,.pop-mod.x-show .video-native {
    display: block
}

@media screen and (min-width: 1025px) {
    .pop-mod.x-show .pop-panel {
        overflow-y:scroll
    }

    .pop-mod.x-show>.pop-close {
        margin-right: 17px
    }

    .full-screen .pop-mod.x-show>.pop-close {
        margin-right: 0
    }

    .full-screen .pop-mod.x-show .pop-panel {
        overflow: auto
    }
}

@media screen and (max-width: 1024px) {
    .pop-mod .pop-panel {
        padding:0 15px;
        overflow: auto;
        overscroll-behavior-y: contain
    }

    .pop-mod .pop-panel .pop-dialog {
        width: 100%
    }
}

.search-mod {
    position: relative;
    z-index: 2
}

.search-mod .search-tap {
    z-index: 1
}

.search-mod .search-tap ~ .search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: -17px;
    width: 200px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.search-mod.at-l .search-tap ~ .search-box {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    width: 0;
    -webkit-transition-property: width, opacity, visibility;
    transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap ~ .search-box .search-submit {
    visibility: hidden
}

.search-mod .search-box {
    display: table;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.search-mod .search-txt,.search-mod .search-btn {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.search-mod .search-txt {
    padding: 0 1em;
    width: 100%
}

.search-mod .search-btn {
    width: 1%
}

.search-mod .search-input {
    width: 100%
}

.search-mod .search-submit {
    display: block;
    height: 100%;
    cursor: pointer
}

.search-mod.x-show .search-tap ~ .search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
    z-index: -1;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap ~ .search-box {
    width: 200px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
    visibility: visible;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media screen and (min-width: 1025px) {
    .search-mod .search-tap:hover,.search-mod .search-submit:hover {
        color:#aa1332
    }
}

.select-mod {
    position: relative
}

.select-mod .select-bar {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.select-mod .select-native {
    display: none
}

.select-mod .select-trigger {
    cursor: pointer
}

.select-mod .select-btn {
    float: right;
    height: 100%
}

.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden
}

.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-mod .select-cont,.select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.select-mod .select-cont::before,.select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
    right: 12px
}

.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer
}

.select-mod .select-item.cur {
    color: #aa1332
}

.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%
}

.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px
}

.select-mod.sc-show {
    z-index: 1
}

.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,.select-mod.sc-show .select-trigger.select-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible
}

.select-mod .mCSB_scrollTools {
    right: 12px
}

@media screen and (min-width: 1025px) {
    .select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .select-mod .select-native {
        display:block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto
    }
}

.icon-wx::before {
    content: '\e601'
}

.icon-wb::before {
    content: '\e602'
}

.icon-qq::before {
    content: '\e603'
}

.icon-qz::before {
    content: '\e604'
}

.icon-twitter::before {
    content: '\e605'
}

.icon-facebook::before {
    content: '\e606'
}

.icon-linkedin::before {
    content: '\e607'
}

.icon-share::before {
    content: '\e608'
}

.share-mod .share-label,.share-mod .share-label ~ .share-box {
    display: inline-block;
    vertical-align: middle
}

.share-box .share-item {
    float: left
}

.share-box .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.share-box .code img,.share-box .code canvas {
    width: 100%
}

@media screen and (min-width: 1025px) {
    .share-box .share-item:hover {
        color:#aa1332
    }
}

.sidebar-mod {
    position: fixed;
    top: 50%;
    right: 40px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    padding-top: 60px;
    -webkit-transition-property: opacity, visibility, right;
    transition-property: opacity, visibility, right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod::before {
    content: '';
    width: 61px;
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 61px;
    background: url(../image/lys/png60.png) no-repeat top center;
    z-index: 1
}

.sidebar-mod .sidebar-item {
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 2
}

.sidebar-mod .sidebar-item {
    margin-top: 10px
}

.sidebar-mod .s1 {
    margin-top: 0
}

.sidebar-mod .s8 {
    display: none
}

.sidebar-mod .icon {
    width: 35px;
    margin: auto
}

.sidebar-mod .icon img {
    width: 100%;
    display: block
}

.sidebar-mod .t {
    width: 80px;
    margin-top: 5px;
    border-radius: 30px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px;
    color: #fff;
    font-size: 14px
}

.sidebar-mod .t span {
    line-height: 1
}

.sidebar-mod .s1 .t {
    background-color: #556f98
}

.sidebar-mod .s2 .t {
    background-color: #972f2f
}

.sidebar-mod .s3 .t {
    background-color: #556f98
}

.sidebar-mod .s4 .t {
    background-color: #c9784c
}

.sidebar-mod .s5 .t {
    background-color: #556f98
}

.sidebar-mod .s6 .t {
    background-color: #742b2b
}

.sidebar-mod .s7 .t {
    background-color: #c9784c
}

.sidebar-mod .s8 .t {
    background-color: #7b9471
}

.sidebar-mod .xfont {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    border-radius: 50%
}

.sidebar-mod .top-icon {
    background-color: #c9784c
}

.sidebar-mod .top-icon img {
    width: 23px;
    height: auto
}

.sidebar-mod .icon-up {
    background-color: #7b9471;
    color: #fff
}

.sidebar-mod.op .icon-up {
    background-color: #972f2f
}

.sidebar-mod.op .icon-up::before {
    content: '\e507'
}

.sidebar-mod.op .s8 .t {
    background-color: #972f2f
}

.sidebar-mod .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.sidebar-mod .code img {
    display: block;
    width: 100%
}

.sidebar-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .sidebar-mod {
    z-index: -1
}

@media screen and (max-width: 1770px) {
    .sidebar-mod {
        right:0
    }
}

@media screen and (max-width: 1200px) {
    .sidebar-mod {
        padding:0
    }

    .sidebar-mod::before {
        display: none
    }

    .sidebar-mod .icon,.sidebar-mod .xfont {
        display: none
    }

    .sidebar-mod .t {
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px
    }

    .sidebar-mod .t span {
        width: 100%;
        display: block;
        text-align: center;
        line-height: 1.1
    }

    .sidebar-mod .sidebar-item {
        margin-top: 10px
    }

    .sidebar-mod .s1 {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .sidebar-mod {
        left:0;
        -webkit-transform: none;
        transform: none;
        bottom: 0;
        transform: none;
        top: auto
    }

    .sidebar-mod .h {
        height: auto !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sidebar-mod .icon {
        display: block;
        width: 47px;
        position: relative;
        overflow: hidden;
        margin: 0 15px 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .sidebar-mod .icon::before {
        content: '';
        display: block;
        padding-top: 78.7234%
    }

    .sidebar-mod .icon .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .sidebar-mod .icon img {
        display: none
    }

    .sidebar-mod .sidebar-item {
        font-size: 14px;
        width: 20%;
        height: 56px;
        margin: 0
    }

    .sidebar-mod .sidebar-item.s7,.sidebar-mod .sidebar-item.s8 {
        display: none
    }

    .sidebar-mod .sidebar-item .t {
        background: transparent;
        width: auto;
        height: auto;
        padding: 0
    }

    .sidebar-mod .sidebar-item .sidebar-cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

    .sidebar-mod .s1 {
        background: #763735
    }

    .sidebar-mod .s1 .icon {
        background-image: url(../image/lys/png137.png);
        width: 35px
    }

    .sidebar-mod .s2 {
        background: #913834
    }

    .sidebar-mod .s2 .icon {
        background-image: url(../image/lys/png123.png);
        margin-right: 0
    }

    .sidebar-mod .s3 {
        background: #763735
    }

    .sidebar-mod .s3 .icon {
        background-image: url(../image/lys/png141.png)
    }

    .sidebar-mod .s4 {
        background: #913834
    }

    .sidebar-mod .s4 .icon {
        background-image: url(../image/lys/png140.png)
    }

    .sidebar-mod .s5 {
        background: #763735
    }

    .sidebar-mod .s5 .icon {
        background-image: url(../image/lys/png126.png)
    }

    .sidebar-mod .s6 {
        background: #913834
    }

    .sidebar-mod .s6 .icon {
        background-image: url(../image/lys/png127.png)
    }
}

@media screen and (max-width: 850px) {
    .sidebar-mod .sidebar-item {
        font-size:10px
    }

    .sidebar-mod .icon {
        margin: 0 5px 0 0;
        width: 20px;
        display: none
    }

    .sidebar-mod .s2 .icon {
        margin-right: 5px
    }

    .sidebar-mod .t span {
        font-size: 12px
    }
}

.slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-item {
    position: relative
}

.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden
}

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

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

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

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

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

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

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

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    cursor: pointer
}

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

.slick-loading .slick-list {
    background: #fff
}

.slick-dots {
    margin: 0;
    padding: 0;
    z-index: 3
}

.slick-dot {
    cursor: pointer
}

.slick-arrow.slick-disabled,.slick-arrow.slick-disabled:hover {
    opacity: 0.5;
    cursor: initial
}

.suds-mod {
    position: relative
}

.suds-mod .suds-pop {
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.suds-mod .suds-pop::before,.suds-mod .suds-pop::after {
    content: '';
    position: absolute;
    z-index: -1
}

.suds-mod .suds-pop::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 5px
}

.suds-mod .suds-pop.at-t {
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
    right: 100%;
    top: 50%;
    margin-right: 10px;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
    left: 100%;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
    position: relative;
    z-index: 1
}

.suds-mod.x-show,.suds-mod:hover {
    z-index: 1
}

.suds-mod.x-show>.suds-pop,.suds-mod:hover>.suds-pop {
    opacity: 1;
    visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,.suds-mod:hover>.suds-pop.at-t {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,.suds-mod:hover>.suds-pop.at-b {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,.suds-mod:hover>.suds-pop.at-l {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,.suds-mod:hover>.suds-pop.at-r {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
    opacity: 0;
    visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
    opacity: 1;
    visibility: visible
}

.tab-mod .tab-term {
    cursor: pointer
}

.tab-mod .tab-term.cur {
    color: #aa1332
}

.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden
}

.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible
}

.topping-mod {
    position: fixed;
    right: 15px;
    bottom: 10px;
    padding: 5px;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topping-mod .s {
    font-family: Arial;
    text-transform: uppercase
}

.topping-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .topping-mod {
    z-index: -1
}

@media screen and (min-width: 1025px) {
    .topping-mod:hover {
        background-color:#aa1332
    }

    .lock-screen .topping-mod {
        margin-right: 17px
    }

    .lock-screen.full-screen .topping-mod {
        margin-right: 0
    }
}

.tracker-mod {
    margin-top: 50px
}

.tracker-mod:first-child {
    margin-top: 0
}

.tracker-mod .tracker-prev {
    cursor: pointer
}

.tracker-mod .tracker-next {
    cursor: pointer
}

.tracker-mod .tracker-box {
    overflow: hidden
}

.tracker-mod .tracker-track {
    min-width: 100%;
    min-height: 100%
}

.tracker-mod .tracker-item {
    cursor: pointer
}

.tracker-mod.dir-hor .tracker-prev {
    float: left
}

.tracker-mod.dir-hor .tracker-next {
    float: right
}

.tracker-mod.dir-hor .tracker-box {
    text-align: center
}

.tracker-mod.dir-hor .tracker-track {
    display: table;
    white-space: nowrap;
    font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
    display: inline-block;
    vertical-align: middle;
    background: #fff no-repeat right center;
    margin: 0 5px;
    font-size: 16px
}

.tracker-mod.dir-hor .tracker-item.cur {
    background-image: url(../../news/image/lys/jpg17.jpg);
    background-color: #7e2f2f;
    color: #fff
}

.tracker-mod.dir-hor .tracker-item a {
    display: block;
    height: 100%;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 215px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:18px
    }
}

.tracker-mod.dir-ver .tracker-box {
    height: 300px
}

.tracker-mod.dir-ver .tracker-item {
    margin: 10px 0
}

@media screen and (max-width: 1024px) {
    .tracker-mod {
        margin-top:40px
    }

    .tracker-mod.dir-hor .tracker-item {
        background-size: 30% auto
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 15px 25px;
        min-width: 180px;
        font-size: 18px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 1023px) {
    .tracker-mod.dir-hor .tracker-item a {
        padding:15px 25px;
        min-width: 140px;
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .tracker-mod.dir-hor .tracker-item a {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .tracker-mod {
        margin-top:20px
    }

    .tracker-mod.dir-hor .tracker-item a {
        padding: 10px 15px;
        min-width: 0
    }
}

.video-mod {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.video-mod::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.video-mod .video-js {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.video-mod .vjs-ended .vjs-poster {
    display: block
}

.video-mod.mini .video-js .vjs-control-bar {
    position: static;
    visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
    position: static;
    display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
    position: static
}

.video-mod.mini .video-js .vjs-load-progress,.video-mod.mini .video-js .vjs-mouse-display,.video-mod.mini .video-js .vjs-play-progress::before,.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
    display: none
}

.video-mod.mini .video-js .vjs-play-progress {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: .3em;
    opacity: .5;
    visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
    visibility: hidden
}

@media screen and (min-width: 1025px) {
    .vjs-no-flex .vjs-button {
        padding-bottom:3em
    }
}

@media screen and (max-width: 1024px) {
    .video-js .vjs-big-play-button {
        font-size:3em
    }

    .video-js .vjs-control-bar {
        height: 2em
    }

    .video-js .vjs-control {
        width: 2em
    }

    .vjs-button>.vjs-icon-placeholder::before {
        font-size: 1em
    }

    .video-js .vjs-remaining-time {
        display: block;
        margin: 0 0.5em;
        width: auto;
        line-height: 2em
    }

    .vjs-current-time,.vjs-duration,.vjs-time-divider,.video-js .vjs-volume-panel {
        display: none
    }
}

.about1 .part1 {
    position: relative;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part1::after {
    content: "";
    background: #eedddd;
    height: 70px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%
}

.about1 .part1 .t {
    position: absolute;
    left: 0;
    top: 0;
    width: 33%
}

.about1 .part1 .t img {
    width: 100%
}

.about1 .part1 .content {
    margin-left: 38%;
    position: relative;
    padding: 120px 50px 120px 80px
}

.about1 .part1 .content::after {
    content: "";
    background: url(../image/by/png26.png);
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 9px;
    height: 9px
}

.about1 .part1 .content:before {
    content: "";
    border-left: 1px solid #f1c3c3;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: -130px
}

.about1 .part1 .content .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part1 .content .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part1 .content .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part1 .content .p {
    color: #666;
    margin-bottom: 30px
}

body:not(.lang-en) .about1 .part1 .content .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 {
    position: relative;
    padding: 100px 0 0;
    border-bottom: 1px solid #f1c3c3
}

.about1 .part2::before {
    content: "";
    background: #eedddd;
    height: 180px;
    left: 0;
    bottom: 0;
    width: 27%;
    position: absolute
}

.about1 .part2 .title {
    text-align: right;
    padding-right: 50px;
    margin-top: -1em
}

.about1 .part2 .content {
    border-left: 1px solid #f1c3c3;
    margin-left: 12%;
    padding: 0 50px 90px 80px
}

.about1 .part2 .content::before {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    top: -33%;
    height: 60%;
    content: ""
}

.about1 .part2 .content::after {
    border-left: 1px solid #f1c3c3;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 30%;
    content: ""
}

.about1 .part2 .pic {
    float: left;
    width: 47%;
    margin-right: 80px;
    margin-top: -90px;
    margin-bottom: 60px;
    margin-left: -21%
}

.about1 .part2 .pic img {
    width: 100%
}

.about1 .part2 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part2 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part2 .text p:nth-child(n+2) {
    margin-top: 3em
}

.about1 .part2 .b {
    margin-top: 110px
}

.about1 .part2 .b img {
    width: 100%
}

.about1 .part3 {
    position: relative;
    padding-bottom: 8%
}

.about1 .part3::before {
    content: "";
    background: url(../image/by/png25.png) no-repeat center center/contain;
    width: 851px;
    height: 537px;
    position: absolute;
    left: 0;
    top: 0
}

.about1 .part3 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about1 .part3 .x-wrap:after {
    content: "";
    display: block;
    background: url(../image/by/pic14_3-1.jpg) no-repeat center top/100% auto;
    width: 18%
}

.about1 .part3 .content {
    padding: 140px 100px 70px 180px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.about1 .part3 .text {
    margin-top: 80px;
    color: #666
}

body:not(.lang-en) .about1 .part3 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .part3 .text p:nth-child(n+2) {
    margin-top: 3em
}

@media screen and (max-width: 1600px) {
    .about1 .part1 .content {
        padding:80px 40px 120px 80px
    }

    .about1 .part2 .content {
        margin-left: 0;
        margin-left: 40px
    }

    .about1 .part2 .pic {
        margin-left: -81px
    }

    .about1 .part3 .content {
        padding: 100px 80px 20px 40px
    }
}

@media screen and (max-width: 1400px) {
    .about1 .part1 .content .text {
        margin-top:40px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .text {
        margin-top: 40px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 2em
    }

    .about1 .part2 .b {
        margin-top: 80px
    }

    .about1 .part3 .text {
        margin-top: 40px
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 2em
    }
}

@media screen and (max-width: 1024px) {
    .about1 .part1 .content {
        padding:60px 40px 100px 50px
    }

    .about1 .part2 .content {
        padding: 0 40px 60px 40px
    }

    .about1 .part2 .pic {
        margin-right: 40px;
        margin-left: -41px;
        margin-bottom: 40px
    }

    .about1 .part3 .content {
        padding: 60px 60px 20px 40px
    }
}

@media screen and (max-width: 1023px) {
    .about1 .h img {
        height:30px
    }

    .about2 .h img {
        height: 30px
    }

    .about3 .h img {
        height: 30px
    }

    .about1 .part1 .t {
        width: 22%
    }

    .about1 .part1 .content {
        margin-left: 25%
    }

    .about1 .part3 .content {
        padding-right: 40px
    }
}

@media screen and (max-width: 767px) {
    .about1 .part1::after {
        display:none
    }

    .about1 .part1 .t {
        display: none
    }

    .about1 .part1 .content {
        margin-left: 0;
        padding: 40px 0
    }

    .about1 .part1 .content::before {
        display: none
    }

    .about1 .part1 .content::after {
        display: none
    }

    .about1 .part1 .content .text {
        margin-top: 20px
    }

    .about1 .part1 .content .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part1 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 {
        padding: 40px 0
    }

    .about1 .part2 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part3 .title {
        margin-top: 0;
        text-align: center;
        padding: 0
    }

    .about1 .part2 .pic {
        margin: 0 20px 20px 0
    }

    .about1 .part2 .content {
        margin: auto;
        padding: 0;
        border-left: none
    }

    .about1 .part2 .content::before {
        display: none
    }

    .about1 .part2 .content::after {
        display: none
    }

    .about1 .part1 .content .p {
        margin-bottom: 20px
    }

    .about1 .part2 .text {
        margin-top: 20px
    }

    .about1 .part2 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part2::before {
        display: none
    }

    .about1 .part3 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .about1 .part3 .content {
        padding: 40px 0
    }

    .about1 .part3 .x-wrap::after {
        display: none
    }

    .about1 .part3 .text {
        margin-top: 20px
    }

    .about1 .part2 .b {
        margin-top: 30px
    }
}

.art1 {
    padding: 220px 0
}

.article-page {
    padding: 220px 0;
    background: #f7f7f7
}

.article-page .h1 {
    font-size: 28px;
    color: #555;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .article-page .h1 {
        font-size:20px
    }
}

.article-page .h2 {
    font-size: 28px;
    color: #555;
    font-family: sh;
    margin-top: 9px
}

@media screen and (max-width: 768px) {
    .article-page .h2 {
        font-size:20px
    }
}

.article-page .article-head {
    margin-bottom: 30px;
    text-align: center
}

.article-page .article-head .t {
    font-size: 32px;
    font-family: sh;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .article-page .article-head .t {
        font-size:22px
    }
}

.article-page .article-head .info {
    margin-top: 10px;
    color: #707070
}

.article-page .article-head .s {
    margin: 0 15px
}

.article-page .article-cont {
    margin-top: 40px;
    line-height: 1.8
}

.article-page .article-cont p,.article-page .article-cont .p {
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph
}

.article-page .article-cont p+p,.article-page .article-cont .p+.p {
    margin-top: 1.2em
}

.article-page .article-cont .img {
    margin: 1em 0
}

.article-page .article-cont iframe,.article-page .article-cont video {
    display: block;
    margin: auto;
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    border: 0
}

.article-page .article-cont .video-mod {
    margin-bottom: 1em
}

.article-page .article-cont img {
    display: block;
    margin: auto;
    max-width: 100%;
    border: 0
}

.article-page .article-paging {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: none
}

.article-page .article-paging .article-link {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s
}

.article-page .article-paging .article-prev {
    float: left;
    padding-left: 30px
}

.article-page .article-paging .article-next {
    float: right;
    padding-right: 30px
}

.article-page .article-paging .xfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article-page .article-paging .article-prev .xfont {
    left: 0
}

.article-page .article-paging .article-next .xfont {
    right: 0
}

.article-page .share-mod {
    text-align: center;
    margin-top: 40px
}

.article-page .share-mod .share-item {
    width: 29px;
    margin-left: 22px
}

.article-page .share-mod .share-item img {
    width: 100%
}

.article-page .share-mod .share-item::before {
    display: none
}

.article-page .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.article-page .ul .li {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .article-page .ul .li {
        font-size:16px
    }
}

.article-page .ul .li+.li {
    margin-left: 45px
}

@media screen and (max-width: 1600px) {
    .art1,.article-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .article-page .article-paging .article-link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .art1,.article-page {
        padding:40px 0 8%
    }

    .article-page .article-head .t {
        font-size: 1.5em
    }

    .article-page .article-head .info {
        margin-top: 5px
    }

    .article-page .article-head .s {
        margin: 0 5px
    }

    .article-page .article-cont {
        margin-bottom: 20px
    }

    .article-page .article-paging {
        padding: 10px 0
    }

    .article-page .share-mod {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1023px) {
    .article-page {
        padding:40px 0 8%
    }
}

.calender1 {
    padding: 140px 0 0;
    background: #f5f5f5;
    position: relative
}

.calender1::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50px;
    background: url(../image/by/png31.png) no-repeat center center;
    width: 681px;
    height: 301px
}

.calender1 .info {
    margin-top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d0baba;
    padding: 0 0 40px;
    position: relative
}

.calender1 .info::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #d0baba;
    border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #f5f5f5
}

.calender1 .info .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    border-right: 1px dashed #d0baba
}

.calender1 .info .logo img {
    width: 98px
}

.calender1 .info .text {
    padding: 10px 120px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0
}

.calender1 .info .text .h {
    font-size: 22px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .calender1 .info .text .h {
        font-size:18px
    }
}

.calender1 .info .text .ul {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .info .text .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.33%;
    margin-bottom: 15px;
    padding-right: 15px;
    font-size: 18px
}

.calender1 .info .text .ul .li span {
    display: block;
    width: 100px;
    color: #666;
    white-space: nowrap
}

.calender1 .info .text .ul .li span img {
    margin-right: 20px
}

.calender1 .info .text .ul .li em {
    display: block;
    width: 0;
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #999;
    display: block
}

.calender1 .info .text .ul .li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .letters {
    margin: 45px 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender1 .letters a {
    font-size: 22px;
    margin: 0 12px;
    display: block
}

@media screen and (max-width: 768px) {
    .calender1 .letters a {
        font-size:18px
    }
}

.calender1 .letters a.now {
    color: #aa1332;
    text-decoration: underline
}

.calender1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.calender1 .list .item {
    background: #fff;
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
    padding: 50px 60px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.calender1 .list .item.s {
    visibility: visible;
    opacity: 1;
    position: relative
}

.calender1 .list .item .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item .hd .h {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .calender1 .list .item .hd .h {
        font-size:18px
    }
}

.calender1 .list .item .hd img {
    width: 45px
}

.calender1 .list .item ul {
    padding: 0;
    margin-top: 30px
}

.calender1 .list .item li {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    color: #666
}

@media screen and (max-width: 768px) {
    .calender1 .list .item li {
        font-size:16px
    }
}

.calender1 .list .item li:nth-child(n+2) {
    margin-top: 1em
}

.calender1 .list .item li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calender1 .list .item li img {
    margin-right: 15px
}

.calender1 .list .item li em {
    display: block;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-style: normal;
    color: #999;
    margin-left: 15px;
    word-break: break-all
}

.calender1 .list .item li em i {
    font-style: normal;
    display: block;
    width: 100%;
    word-break: break-all
}

.calender1 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 75px
}

.calender1 .nav::before {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav::after {
    content: "";
    border-top: 1px solid #ddd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block
}

.calender1 .nav span {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    line-height: 42px;
    text-align: center;
    border: 1px solid #ddd;
    font-family: xfont;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.calender1 .nav span:last-child {
    margin-left: 30px
}

.calender3 {
    padding: 140px 0 150px;
    background: #f5f5f5
}

.calender3 .map {
    position: relative;
    overflow: hidden;
    margin-top: 56px
}

.calender3 .map::before {
    content: '';
    display: block;
    padding-top: 45%
}

.calender3 .map .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.calender2 {
    background: url(../image/by/bg8.jpg) no-repeat center top/cover;
    padding: 140px 0 11%;
    color: #fff
}

.calender2 .map {
    position: relative;
    margin-top: 50px
}

.calender2 .map .inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.calender2 .map .i {
    width: 100%
}

.calender2 .part2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 140px
}

.calender2 .part2 .hd {
    width: 30%;
    padding-right: 20px
}

.calender2 .part2 .hd .p {
    margin-top: 20px
}

.calender2 .part2 .list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calender2 .part2 .list .item {
    width: calc(50% - 35px)
}

.calender2 .part2 .list .item:nth-child(n+3) {
    margin-top: 2.5em
}

.calender2 .part2 .list .item .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .calender2 .part2 .list .item .h {
        font-size:18px
    }
}

.calender2 .part2 .list .item .p {
    margin-top: 15px;
    line-height: 1.8
}

.calender2 .part2 .list .item .p span {
    margin-right: 1.1em;
    color: #fff
}

.calender2 .part2 .list .item .p span.now {
    color: #7ba0d4;
    display: inline-block
}

.calender2 .part3 {
    padding-top: 144px
}

.calender2 .part3 .img {
    margin-top: 60px
}

.calender2 .part3 .img img {
    width: 100%;
    display: block
}

@media screen and (min-width: 1025px) {
    .calender1 .nav span:hover {
        background:#b50022;
        border-color: #b50022;
        color: #fff
    }
}

@media screen and (max-width: 1500px) {
    .calender1 {
        padding:100px 0 0
    }

    .calender3 {
        padding: 100px 0 0
    }

    .calender1 .info {
        margin-top: 80px
    }

    .calender1 .info .text {
        padding: 10px 80px
    }

    .calender1 .list .item {
        padding: 30px
    }

    .calender2 {
        padding: 100px 0 11%
    }
}

@media screen and (max-width: 1300px) {
    .calender1 {
        padding:80px 0 0
    }

    .calender3 {
        padding: 80px 0
    }

    .calender1 .info {
        margin-top: 60px
    }

    .calender1 .info .text {
        padding: 10px 40px
    }

    .calender1 .list .item li {
        font-size: 16px
    }

    .calender1 .info .logo {
        width: 160px
    }

    .calender1 .info .logo img {
        width: 70px
    }

    .calender1 .letters a {
        margin: 0 8px
    }

    .calender1 .info .text .ul .li {
        width: 50%
    }

    .calender1 .nav {
        margin-top: 50px
    }

    .calender2 {
        padding: 80px 0 11%
    }

    .calender2 .part2 {
        display: block;
        margin-top: 50px
    }

    .calender2 .part2 .hd {
        width: auto
    }

    .calender2 .part2 .list {
        margin-top: 30px
    }

    .calender2 .part3 {
        padding-top: 50px
    }

    .calender2 .part3 .img {
        margin-top: 40px
    }
}

@media screen and (max-width: 1041px) {
    .calender1 .list .item {
        width:calc(50% - 20px)
    }
}

@media screen and (max-width: 1023px) {
    .calender1 {
        padding:62px 0 0
    }

    .calender1 .info {
        margin-top: 30px
    }

    .calender1 .info .logo {
        width: 100px
    }

    .calender1 .info .text {
        padding: 10px 0 10px 30px
    }

    .calender1 .info .text .ul {
        margin-top: 20px
    }

    .calender1 .letters a {
        font-size: 16px
    }

    .calender2 {
        padding: 40px 0 10%
    }

    .calender2 .part2 .list .item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 767px) {
    .calender1 .info {
        padding-bottom:20px
    }

    .calender1 .info .logo {
        display: none
    }

    .calender1 .info .text {
        padding: 0
    }

    .calender1 .info .text .ul .li {
        width: 100%;
        margin-bottom: 10px
    }

    .calender1 .letters {
        margin: 25px 0
    }

    .calender1 .list {
        display: block;
        overflow: auto;
        max-height: 120vw
    }

    .calender1 .list .item {
        width: auto;
        margin: 0 !important;
        padding: 20px;
        position: static;
        visibility: visible;
        opacity: 1
    }

    .calender1 .list .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .calender1 .nav {
        display: none
    }

    .calender2 {
        padding-top: 62px
    }

    .calender2 .map {
        margin-top: 20px
    }

    .calender2 .part2 .list {
        display: block
    }

    .calender2 .part2 .list .item {
        width: auto
    }

    .calender2 .part2 .list .item:nth-child(n+2) {
        margin-top: 15px
    }

    .calender2 .part3 .img {
        margin-top: 20px
    }

    .calender3 {
        padding-bottom: 40px;
        padding-top: 62px
    }

    .calender3 .map {
        margin-top: 20px
    }
}

.cooperation {
    background: #f5f5f5;
    padding: 0 0 220px
}

.cooperation .x-wrap {
    padding-top: 100px
}

.cooperation .recom {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .recom .l {
    position: relative;
    width: 50%
}

.cooperation .recom .l .focus {
    position: relative;
    height: 100%
}

.cooperation .recom .l .focus .frame {
    height: 100%
}

.cooperation .recom .l .focus .child {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cooperation .recom .l .focus .slick-list,.cooperation .recom .l .focus .slick-track,.cooperation .recom .l .focus .slick-slide,.cooperation .recom .l .focus .slick-slide>div {
    height: 100%
}

.cooperation .recom .l .focus .nav {
    position: absolute;
    right: 0;
    top: 55%;
    z-index: 1
}

.cooperation .recom .l .focus .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px
}

.cooperation .recom .l .focus .nav ul li {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 1px solid #fff;
    list-style: none
}

.cooperation .recom .l .focus .nav ul li:nth-child(n+2) {
    margin-left: 20px
}

.cooperation .recom .l .focus .nav ul li.slick-active {
    border-color: #bd002d;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cooperation .recom .l .focus .nav ul li.slick-active::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #bd002d;
    border-radius: 100%;
    display: block
}

.cooperation .recom .l .pic {
    position: relative;
    overflow: hidden
}

.cooperation .recom .l .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .l .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .l .text {
    padding: 35px;
    background: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cooperation .recom .l .text .date {
    color: #b50023;
    font-size: 24px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date {
        font-size:18px
    }
}

.cooperation .recom .l .text .date b {
    font-size: 48px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .date b {
        font-size:28px
    }
}

.cooperation .recom .l .text .h {
    font-size: 20px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .l .text .h {
        font-size:18px
    }
}

.cooperation .recom .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px
}

.cooperation .recom .r .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    position: relative
}

.cooperation .recom .r .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .recom .r .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .recom .r .item .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.cooperation .recom .r .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .recom .r .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .recom .r .item .text {
    padding: 0 35px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cooperation .recom .r .item .text .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .h {
        font-size:16px
    }
}

.cooperation .recom .r .item .text .date {
    font-family: tj;
    font-size: 18px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .cooperation .recom .r .item .text .date {
        font-size:16px
    }
}

.cooperation .list {
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cooperation .list .item {
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 204px
}

.cooperation .list .item::after {
    content: "";
    border-right: 3px solid #bd002d;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.cooperation .list .item:nth-child(n+2) {
    margin-top: 12px
}

.cooperation .list .item .pic {
    position: relative;
    overflow: hidden;
    width: 370px
}

.cooperation .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 55.35248%
}

.cooperation .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.cooperation .list .item .text {
    padding: 0 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.cooperation .list .item .text .date {
    font-family: tj;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .date {
        font-size:16px
    }
}

.cooperation .list .item .text .h {
    font-size: 20px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }
}

.cooperation .list .item .text .p {
    margin-top: 10px;
    color: #707070
}

@media screen and (min-width: 1025px) {
    .cooperation .recom .r .item:hover::after {
        opacity:1
    }

    .cooperation .recom .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .cooperation .list .item:hover::after {
        opacity: 1
    }
}

@media screen and (max-width: 1500px) {
    .cooperation {
        padding:0 0 180px
    }

    .cooperation .recom {
        margin-top: 50px
    }

    .cooperation .recom .r {
        margin-left: 20px
    }
}

@media screen and (max-width: 1400px) {
    .cooperation .recom .l .text {
        padding:20px
    }

    .cooperation .recom .l .text .date {
        font-size: 18px
    }

    .cooperation .recom .l .text .date b {
        font-size: 34px
    }

    .cooperation .list .item .text {
        padding: 30px 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 18px
    }

    .cooperation .recom .r .item .text {
        padding: 0 20px
    }

    .cooperation .recom .r .item .text .h {
        font-size: 16px
    }

    .cooperation .recom .r .item .text .date {
        font-size: 16px;
        margin-top: 5px
    }
}

@media screen and (max-width: 1300px) {
    .cooperation .list .item .text .h {
        font-size:18px
    }

    .cooperation .list .item .text {
        padding: 15px 30px
    }
}

@media screen and (max-width: 1024px) {
    .cooperation {
        padding:0 0 80px
    }

    .cooperation .x-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .cooperation .recom {
        margin-top:30px;
        display: block
    }

    .cooperation .recom .l {
        width: auto
    }

    .cooperation .recom .r {
        margin: 15px 0 0
    }

    .cooperation .list {
        margin-top: 30px
    }

    .cooperation .list .item {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: 40%
    }

    .cooperation .list .item .text .p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .cooperation .recom .l .focus .nav {
        top: 65%
    }
}

@media screen and (max-width: 767px) {
    .cooperation .x-wrap {
        padding-top:40px
    }

    .cooperation {
        padding: 0 0 60px
    }

    .cooperation .recom .l .text .h {
        font-size: 16px;
        margin-top: 5px
    }

    .cooperation .recom .l .focus .nav {
        top: 60%
    }

    .cooperation .recom .r .item {
        display: block
    }

    .cooperation .recom .r .item .pic {
        width: auto
    }

    .cooperation .recom .r .item .text {
        padding: 15px
    }

    .cooperation .list {
        display: block
    }

    .cooperation .list .item {
        padding: 0;
        min-height: 0;
        display: block
    }

    .cooperation .list .item .text {
        padding: 15px
    }

    .cooperation .list .item .pic {
        width: auto
    }

    .cooperation .list .item .text .h {
        font-size: 14px
    }

    .cooperation .list .item .text .date,.cooperation .list .item .text .p,.cooperation .recom .r .item .text .date {
        font-size: 14px
    }
}

@media screen and (max-width: 567px) {
    .cooperation .recom .l .focus .nav {
        top:55%
    }
}

@media screen and (max-width: 467px) {
    .cooperation .recom .l .focus .nav {
        top:40%
    }
}

.data {
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    color: #fff
}

.data .back {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #96ae94
}

.data .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.data .back img {
    margin-right: 15px
}

.data .back span {
    font-family: sh;
    font-size: 1.1vw;
    line-height: 1;
    letter-spacing: 3px
}

body:not(.lang-en) .data .back span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.data .list {
    height: 100%
}

.data .list .item {
    border: 1px solid rgba(255,255,255,0.4);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
    opacity: 0;
    border-radius: 100%
}

.data .list .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../image/by/bg9a.jpg) no-repeat center center;
    border-radius: 100%;
    -webkit-transition: all 2s ease-out 0s;
    transition: all 2s ease-out 0s
}

.data .list .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/by/pic21.jpg) no-repeat center center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 100%
}

.data .list .item .bg.s {
    opacity: 1
}

.data .list .item:nth-child(7) {
    width: 20vw;
    height: 20vw;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.data .list .item:nth-child(7) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(1) span {
    padding-right: 0.2em;
    top: -0.35em;
    right: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(2) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(2) span {
    left: 100%;
    padding-left: 0.2em;
    top: -0.35em
}

.data .list .item:nth-child(7) .dot:nth-child(3) {
    left: 50%;
    top: 0%
}

.data .list .item:nth-child(7) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(7) .dot:nth-child(4) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(4) span {
    top: 100%;
    padding-top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) {
    width: 29vw;
    height: 29vw;
    border-color: rgba(255,255,255,0.35);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.data .list .item:nth-child(6) .dot:nth-child(1) {
    left: 17%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(1) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(2) {
    left: 50%;
    top: 100%
}

.data .list .item:nth-child(6) .dot:nth-child(2) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(3) {
    left: 83%;
    top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(3) span {
    top: 100%;
    padding-top: 0.2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.data .list .item:nth-child(5) {
    width: 38.5vw;
    height: 38.5vw;
    border-color: rgba(255,255,255,0.3);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.data .list .item:nth-child(5) .dot:nth-child(1) {
    left: 10%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(1) span {
    top: -0.6em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(5) .dot:nth-child(2) {
    left: 33%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(2) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.5em
}

.data .list .item:nth-child(5) .dot:nth-child(3) {
    left: 66%;
    top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(3) span {
    bottom: 100%;
    padding-bottom: 0.2em;
    left: -0.1em
}

.data .list .item:nth-child(5) .dot:nth-child(4) {
    left: 90%;
    top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(4) span {
    top: -0.6em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(4) {
    width: 48.5vw;
    height: 48.5vw;
    border-color: rgba(255,255,255,0.25);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.data .list .item:nth-child(4) .dot:nth-child(1) {
    left: 1%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(1) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(2) {
    left: 99%;
    top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(2) span {
    top: -0.3em;
    left: 100%;
    padding-left: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(3) {
    left: 13%;
    top: 84%
}

.data .list .item:nth-child(4) .dot:nth-child(3) span {
    top: -0.3em;
    right: 100%;
    padding-right: 0.2em
}

.data .list .item:nth-child(3) {
    width: 61vw;
    height: 61vw;
    border-color: rgba(255,255,255,0.2);
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.data .list .item:nth-child(3) .dot:nth-child(1) {
    left: 0;
    top: 50%
}

.data .list .item:nth-child(3) .dot:nth-child(1) span {
    top: -0.3em;
    padding-right: 0.2em;
    right: 100%
}

.data .list .item:nth-child(2) {
    width: 75vw;
    height: 75vw;
    border-color: rgba(255,255,255,0.15);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.data .list .item:nth-child(2) .dot:nth-child(1) {
    left: 100%;
    top: 50%
}

.data .list .item:nth-child(2) .dot:nth-child(1) span {
    top: -0.3em;
    padding-left: 0.2em;
    left: 100%
}

.data .list .item:nth-child(1) {
    width: 92.5vw;
    height: 92.5vw;
    border-color: rgba(255,255,255,0.1);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.data .list .item.cc .t {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.data .list .item.cc .content {
    height: 100%
}

.data .list .item.cc .content .d {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1vw;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.data .list .item.cc .content .d.s {
    opacity: 1
}

.data .list .item.cc .content .d b {
    color: #ffec82;
    font-family: Impact;
    margin: 0 8px;
    line-height: 1.2;
    font-size: 1.6em
}

.data .list .item.cc.s .bg {
    opacity: 1
}

.data .list .item.cc.s .t {
    opacity: 0
}

.data .list .dot {
    width: 26px;
    height: 26px;
    position: absolute;
    margin: -13px 0 0 -13px;
    cursor: pointer;
    font-size: 2.4vw;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/by/png37.png) no-repeat center center/contain;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot span {
    position: absolute;
    font-family: Impact;
    line-height: 1;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.data .list .dot.h {
    opacity: 0.2
}

.data.showd .list .item {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

@media screen and (min-width: 1025px) {
    .data .list .item:hover::before {
        -webkit-transform:rotate(30deg);
        transform: rotate(30deg)
    }

    .data .list .dot:hover {
        opacity: 1
    }

    .data .list .dot:hover::before {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (max-width: 1023px) {
    .data {
        background-image:url(../image/by/bg9b.jpg)
    }

    .data .back {
        position: absolute;
        left: 0;
        top: 10%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #96ae94;
        background: #2e4a38;
        padding: 12px 15px 12px 0;
        border-radius: 0 10px 10px 0
    }

    .data .back img {
        margin-right: 5px;
        width: 10px
    }

    .data .back span {
        font-size: 14px
    }

    .data .list .item:nth-child(1) {
        width: 90vw;
        height: 90vw;
        border-color: rgba(255,255,255,0.1)
    }

    .data .list .item:nth-child(2) {
        width: 80vw;
        height: 80vw;
        border-color: rgba(255,255,255,0.12)
    }

    .data .list .item:nth-child(3) {
        width: 70vw;
        height: 70vw;
        border-color: rgba(255,255,255,0.15)
    }

    .data .list .item:nth-child(4) {
        width: 60vw;
        height: 60vw;
        border-color: rgba(255,255,255,0.16)
    }

    .data .list .item:nth-child(5) {
        width: 50vw;
        height: 50vw;
        border-color: rgba(255,255,255,0.17)
    }

    .data .list .item:nth-child(6) {
        width: 40vw;
        height: 40vw;
        border-color: rgba(255,255,255,0.18)
    }

    .data .list .item:nth-child(7) {
        width: 30vw;
        height: 30vw;
        border-color: rgba(255,255,255,0.2)
    }

    .data .list .item {
        background-image: url(../image/by/bg9b.jpg)
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) {
        left: 0;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(1) span {
        padding-right: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        right: 100%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) {
        left: 100%;
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(2) span {
        left: 100%;
        padding-left: 0.2em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .item:nth-child(7) .dot:nth-child(3) {
        left: 50%;
        top: -1%
    }

    .data .list .item:nth-child(7) .dot:nth-child(4) {
        left: 50%;
        top: 99%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) {
        left: 10%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(1) span {
        top: 100%;
        padding-top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) {
        left: 50%;
        top: 100%
    }

    .data .list .item:nth-child(6) .dot:nth-child(2) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) {
        left: 90%;
        top: 80%
    }

    .data .list .item:nth-child(6) .dot:nth-child(3) span {
        top: 100%;
        padding-top: 0.2em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) {
        left: 10%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(1) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-right: 0.2em;
        right: 100%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) {
        left: 33%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(2) span {
        bottom: 100%;
        padding-bottom: 0;
        left: -0.5em
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) {
        left: 66%;
        top: 3%
    }

    .data .list .item:nth-child(5) .dot:nth-child(3) span {
        bottom: 100%;
        padding-bottom: 0.2em;
        left: -0.1em
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) {
        left: 90%;
        top: 20%
    }

    .data .list .item:nth-child(5) .dot:nth-child(4) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding-left: 0.2em;
        left: 100%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) {
        left: 17%;
        top: 87%
    }

    .data .list .item:nth-child(4) .dot:nth-child(1) span {
        top: 0.3em;
        right: 100%;
        padding-right: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) {
        left: 83%;
        top: 11%
    }

    .data .list .item:nth-child(4) .dot:nth-child(2) span {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 100%;
        padding-left: 0.2em
    }

    .data .list .item:nth-child(4) .dot:nth-child(3) {
        left: 6%;
        top: 73%
    }

    .data .list .item:nth-child(3) .dot:nth-child(1) span {
        right: 80%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) {
        left: 67%;
        top: 97%
    }

    .data .list .item:nth-child(2) .dot:nth-child(1) span {
        left: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%
    }

    .data .list .dot {
        font-size: 5vw;
        width: 20px;
        margin: -10px 0 0 -10px
    }

    .data .list .item.cc .content .d {
        font-size: 10px
    }
}

.education_teaching1 {
    padding-top: 145px
}

.education_teaching1 .cont {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .child+.child {
    margin-left: 1.333%
}

.education_teaching1 .cont .child:first-child {
    width: 54.455%
}

.education_teaching1 .cont .child:nth-child(2) {
    width: 25.733%
}

.education_teaching1 .cont .child:last-child {
    width: 17.178%
}

.education_teaching1 .cont .item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    position: relative;
    margin-top: 20px
}

.education_teaching1 .cont .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.education_teaching1 .cont .i1 {
    background-image: url(../image/lys/jpg26-1.jpg);
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i3 {
    background-image: url(../image/lys/jpg27-1.jpg);
    padding-bottom: 49.325%
}

.education_teaching1 .cont .i4 {
    background-image: url(../image/lys/jpg28-1.jpg);
    padding-bottom: 105.454%
}

.education_teaching1 .cont .i7 {
    background-image: url(../image/lys/jpg29-1.jpg);
    padding-bottom: 156.42%
}

.education_teaching1 .cont .i2 {
    background-color: #c9784b;
    padding-bottom: 32.147%
}

.education_teaching1 .cont .i5 {
    background-image: url(../image/lys/jpg99-1.jpg);
    padding-bottom: 67.013%
}

.education_teaching1 .cont .i6 {
    background-image: url(../image/lys/jpg98-1.jpg);
    padding-bottom: 101.945%
}

.education_teaching1 .cont .t1 span {
    font-family: tj;
    font-size: 60px;
    line-height: 1.2;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 span {
        font-size:30px
    }
}

.education_teaching1 .cont .ctop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching1 .cont .ctop .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching1 .cont .ctop .item+.item {
    margin-left: 20px
}

.education_teaching1 .cont .t1 {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t1 {
        font-size:18px
    }
}

.education_teaching1 .cont .t2 {
    font-size: 20px;
    margin-top: 7px
}

@media screen and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:18px
    }
}

.education_teaching1 .cont .i4 .t2,.education_teaching1 .cont .i7 .t2 {
    width: 8em
}

.education_teaching2 {
    padding: 145px 0 140px
}

.education_teaching2 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 78px
}

.education_teaching2 .cont .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.education_teaching2 .cont .li+.li {
    margin-left: 30px
}

.education_teaching2 .cont .imgbox {
    position: relative
}

.education_teaching2 .cont .imgbox .ri {
    position: absolute;
    width: 102.832%;
    padding-bottom: 102.832%;
    position: absolute;
    top: -9%;
    left: -2.2%
}

.education_teaching2 .cont .imgbox .ri::after {
    content: '';
    background: url(../image/lys/png29.png) no-repeat center;
    background-size: contain;
    z-index: 2;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: ro 6s linear 0s infinite;
    animation: ro 6s linear 0s infinite;
    opacity: 0;
    visibility: hidden
}

.education_teaching2 .cont .imgbox .ri::before {
    content: '';
    width: 97.245%;
    padding-bottom: 97.245%;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.education_teaching2 .cont .img {
    width: 87.252%;
    position: relative;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    margin: auto
}

.education_teaching2 .cont .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.education_teaching2 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching2 .cont .p {
    font-family: sh;
    font-size: 30px;
    margin-top: 54px
}

@media screen and (max-width: 768px) {
    .education_teaching2 .cont .p {
        font-size:22px
    }
}

.education_teaching3 {
    padding: 140px 0 170px;
    background-color: #f5f5f5
}

.education_teaching3 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.education_teaching3 .cont .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
    background-color: #668863;
    overflow: hidden;
    border-radius: 0 0 30px 0;
    position: relative;
    padding: 47px 65px 73px
}

.education_teaching3 .cont .item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 18.911%;
    border-left: 1px solid #668863;
    z-index: 1
}

.education_teaching3 .cont .item:first-child {
    margin-left: 0;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child::after {
    border-color: #95ae93
}

.education_teaching3 .cont .icon {
    width: 14.285%;
    position: absolute;
    top: 50%;
    right: 11.972%;
    padding: 6px 0 11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    background-color: #495a46
}

.education_teaching3 .cont .item:last-child .icon {
    background-color: #668863
}

.education_teaching3 .cont .icon img {
    display: block;
    width: 100%
}

.education_teaching3 .cont .i_tit {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .i_tit {
        font-size:22px
    }
}

.education_teaching3 .cont .list {
    margin-top: 35px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .education_teaching3 .cont .list {
        font-size:18px
    }
}

.education_teaching3 .cont .list .li+.li {
    margin-top: 18px
}

.education_teaching3 .cont .list .li a {
    display: inline-block;
    padding-left: 17px;
    position: relative
}

.education_teaching3 .cont .list .li a::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
}

.education_teaching4 {
    background-color: #f5f5f5;
    padding: 0 0 280px;
    background: #f5f5f5 url(../image/lys/jpg37.jpg) no-repeat center 353px;
    margin-bottom: -132px
}

.education_teaching4 .cont {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.education_teaching4 .cont .item {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.education_teaching4 .cont .item::before {
    content: '';
    display: block;
    padding-top: 53.125%
}

.education_teaching4 .cont .item .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.education_teaching4 .cont .item+.item {
    margin-left: 30px
}

@media screen and (min-width: 1025px) {
    .education_teaching2 .cont .li:hover .ri::after {
        opacity:1;
        visibility: visible
    }

    .education_teaching2 .cont .li:hover .ri::before {
        border-color: #44a3e6
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching1 {
        padding-top:60px
    }

    .education_teaching2 {
        padding: 80px 0
    }

    .education_teaching1 .cont .t1 span {
        font-size: 40px
    }

    .education_teaching1 .cont .t2 {
        font-size: 18px
    }
}

@media screen and (max-width: 1300px) and (max-width: 768px) {
    .education_teaching1 .cont .t2 {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .education_teaching3 {
        padding-top:70px
    }

    .education_teaching4 {
        padding: 0 0 160px;
        background-position-y: 280px
    }
}

@media screen and (max-width: 1024px) {
    .education_teaching1 .cont {
        padding-top:10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching1 .cont .i6 {
        display: none
    }

    .education_teaching1 .cont .child+.child {
        margin: 0
    }

    .education_teaching1 .cont .child:first-child {
        width: 66.5%
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: calc(33.5% - 20px);
        margin-left: 20px
    }

    .education_teaching1 .cont .child:last-child {
        width: 100%
    }

    .education_teaching1 .cont .i7 {
        padding-bottom: 20%
    }

    .education_teaching2 .cont {
        margin-top: 35px
    }

    .education_teaching2 .cont .p {
        margin-top: 30px
    }

    .education_teaching3 {
        padding-bottom: 70px
    }

    .education_teaching3 .cont .item {
        padding: 40px 30px 60px
    }

    .education_teaching3 .cont .icon {
        width: 50px
    }

    .education_teaching3 .cont .list {
        margin-top: 20px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 10px
    }

    .education_teaching4 {
        margin: 0;
        padding-bottom: 120px
    }

    .education_teaching3 .cont .icon {
        right: 50px
    }

    .education_teaching3 .cont .item::after {
        right: 75px
    }
}

@media screen and (max-width: 767px) {
    .education_teaching1 .cont {
        display:block
    }

    .education_teaching1 .cont .child:first-child {
        width: 100%
    }

    .education_teaching1 .cont .t1 span {
        font-size: 30px
    }

    .education_teaching1 .cont .t2 {
        line-height: 1.4
    }

    .education_teaching1 .cont .inner {
        padding: 0 15px
    }

    .education_teaching1 .cont .item {
        margin-top: 10px
    }

    .education_teaching1 .cont .ctop .item,.education_teaching1 .cont .i3 {
        padding-bottom: 40%
    }

    .education_teaching1 .cont .ctop .item+.item {
        margin-left: 10px
    }

    .education_teaching1 .cont .child:nth-child(2) {
        width: 100%;
        margin: 0
    }

    .education_teaching1 .cont .i4,.education_teaching1 .cont .i5,.education_teaching1 .cont .i7 {
        padding-bottom: 40%
    }

    .education_teaching2 {
        padding: 60px 0 20px
    }

    .education_teaching2 .cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .education_teaching2 .cont .li {
        width: 48%;
        margin: 0 4% 30px 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .education_teaching2 .cont .li+.li {
        margin-right: 4%;
        margin-left: 0
    }

    .education_teaching2 .cont .li:nth-child(2n) {
        margin-right: 0
    }

    .education_teaching2 .cont .p {
        margin-top: 20px
    }

    .education_teaching3 {
        padding: 60px 0
    }

    .education_teaching3 .cont {
        margin-top: 30px;
        display: block
    }

    .education_teaching3 .cont .item {
        margin: 20px 0 0;
        padding: 20px 20px 30px
    }

    .education_teaching3 .cont .list .li+.li {
        margin-top: 5px
    }

    .education_teaching3 .cont .list {
        margin-top: 10px
    }

    .education_teaching4 {
        padding: 60px 0 80px;
        background-size: cover
    }

    .education_teaching4 .cont {
        margin-top: 20px;
        display: block
    }

    .education_teaching4 .cont .item {
        width: 100%
    }

    .education_teaching4 .cont .item+.item {
        margin: 20px 0 0
    }
}

.figure {
    padding: 120px 0 150px;
    background: #f5f5f5 url(../image/lys/jpg25.jpg) no-repeat top center;
    margin-bottom: -132px
}

.figure .tab-mod .inner {
    width: 6em
}

.figure .tabcont {
    margin-top: 30px;
    position: relative
}

.figure .tabcont .pbox .p+.p {
    margin-top: 10px
}

.figure .tabcont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 55px
}

.figure .tabcont .list .li {
    width: calc((100% - 80px) / 5);
    margin: 20px 20px 0 0
}

.figure .tabcont .list .li:nth-child(5n) {
    margin-right: 0
}

.figure .tabcont .list .img {
    position: relative;
    overflow: hidden
}

.figure .tabcont .list .img::before {
    content: '';
    display: block;
    padding-top: 116.96113%
}

.figure .tabcont .list .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.figure .tabcont .list .name {
    font-size: 24px;
    text-align: center;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .figure .tabcont .list .name {
        font-size:18px
    }
}

.figure .load_more {
    margin-top: 70px
}

.figure .load_more img {
    margin-right: 15px
}

.figure .load_more span {
    width: auto;
    height: auto;
    border: none;
    border-radius: 0
}

@media screen and (max-width: 1300px) {
    .figure {
        padding-top:80px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 60px) / 4)
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 20px
    }

    .figure .tabcont .list .li:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .figure {
        margin:0;
        padding-bottom: 70px
    }
}

@media screen and (max-width: 767px) {
    .figure {
        padding-top:50px
    }

    .figure .tabcont .list .li {
        width: calc((100% - 10px) / 2);
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(5n) {
        margin-right: 10px
    }

    .figure .tabcont .list .li:nth-child(2n) {
        margin-right: 0
    }

    .figure .tabcont {
        margin-top: 20px
    }

    .figure .tabcont .pbox .p+.p {
        margin-top: 5px
    }

    .figure .tabcont .list {
        padding-top: 25px
    }

    .figure .tabcont .list .name {
        margin-top: 10px
    }

    .figure .load_more {
        margin-top: 30px
    }
}

.first_class1 {
    padding: 150px 0;
    background: url(../image/lys/jpg96.jpg) no-repeat center;
    overflow: hidden
}

.first_class1 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.first_class1 .img {
    width: 34.6666666%;
    height: 783px;
    background: url() no-repeat center;
    background-size: cover
}

.first_class1 .r-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-left: 40px;
    padding-top: 7px
}

.first_class1 .title {
    position: relative;
    z-index: 2
}

.first_class1 .cont {
    position: relative;
    margin-top: 23px;
    padding: 61px 0;
    z-index: 1
}

.first_class1 .line-box {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.first_class1 .line-box::after,.first_class1 .line-box::before {
    content: '';
    position: absolute;
    top: -250px;
    bottom: -250px;
    left: 100%;
    border-right: 1px solid #f1c3c3
}

.first_class1 .line-box::before {
    right: auto;
    left: 0
}

.first_class1 .line-box .item {
    width: 25%;
    border-left: 1px solid #f1c3c3;
    position: relative
}

.first_class1 .line-box .item .zs {
    position: absolute;
    left: 100%;
    top: -4px;
    z-index: 9
}

.first_class1 .line-box .item .zs::before {
    content: '';
    display: block;
    border-left: 1px solid #af213c;
    height: 9px
}

.first_class1 .line-box .item .zs::after {
    content: '';
    position: absolute;
    bottom: 4px;
    width: 9px;
    border-top: 1px solid #af213c;
    left: -4px
}

.first_class1 .line-box .item .zs:nth-child(2) {
    top: auto;
    bottom: -4px
}

.first_class1 .line-box .item:nth-child(3)::before,.first_class1 .line-box .item:nth-child(3)::after {
    content: '';
    width: 1240px;
    height: 70px;
    background: rgba(202,160,158,0.3);
    position: absolute;
    right: 100%;
    bottom: 100%
}

.first_class1 .line-box .item:nth-child(3)::after {
    top: 100%;
    bottom: auto;
    left: 100%;
    right: auto;
    width: 445px
}

.first_class1 .line-box .h-line {
    border-top: 1px solid #f1c3c3;
    position: absolute;
    top: 0;
    width: 1920px;
    right: -210px
}

.first_class1 .line-box .h-line.b {
    top: auto;
    bottom: 0
}

.first_class1 .list {
    font-size: 24px;
    font-family: 'sh';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .first_class1 .list {
        font-size:18px
    }
}

.first_class1 .list .li {
    width: 25%;
    padding: 41px 15px;
    position: relative
}

.first_class1 .list .li::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border-left: 3px solid #af213c;
    height: 20px;
    border-radius: 99px
}

.first_class-bg {
    background: #fcfbf8
}

.first_class2 {
    padding-top: 142px;
    background: url(../image/xf/bg27.jpg) center top no-repeat;
    color: #fff
}

.first_class2 .title {
    text-align: center
}

.first_class2 .unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

.first_class2 .unit-item {
    padding: 60px 70px;
    width: 50%
}

.first_class2 .unit-item:nth-child(1) {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(1) .unit-tit .t {
    background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(2) {
    background-color: #5c7557
}

.first_class2 .unit-item:nth-child(2) .unit-tit .t {
    background-color: #5c7557
}

.first_class2 .unit-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.first_class2 .unit-tit .t {
    position: relative;
    padding-right: 20px;
    font-family: sh;
    font-size: 30px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .first_class2 .unit-tit .t {
        font-size:22px
    }
}

.first_class2 .unit-tit .more1 {
    margin-left: auto
}

.first_class2 .unit-tit .more1::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    width: 9999px;
    border-top: 1px solid #95ae93
}

.first_class2 .ol {
    position: relative;
    margin-top: 40px
}

.first_class2 .ol::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    border-left: 1px solid #5f7a59
}

.first_class2 .ol .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 14px 0;
    padding-left: 55px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ol .li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 48px;
    border: 1px solid #5f7a59;
    border-right: 0
}

.first_class2 .ol .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 32px;
    font-family: tj
}

.first_class2 .ol .b {
    font-size: 60px;
    line-height: 1
}

.first_class2 .ol .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 0;
    line-height: 1.75
}

.first_class2 .ol .link {
    display: block;
    height: 3.5em;
    overflow: hidden
}

.first_class2 .ol .arr {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 15px;
    width: 47px;
    height: 9px;
    background: url(../image/xf/png46.png);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.first_class2 .ul {
    margin-top: 30px
}

.first_class2 .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0;
    border-top: 1px solid rgba(149,174,147,0.4);
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .first_class2 .ul .li {
        font-size:16px
    }
}

.first_class2 .ul .li:first-child {
    border-top: 0
}

.first_class2 .ul .d {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 30px;
    font-family: tj;
    line-height: 1.8
}

.first_class2 .ul .t {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 58px
}

.first_class3 {
    background: url() no-repeat center;
    padding: 150px 0
}

.first_class3 .cont {
    position: relative
}

.first_class3 .cont img {
    max-width: 100%;
    display: block;
    margin: auto
}

.first_class3 .cont .title-box {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.first_class3 .more1 {
    margin-top: 38px
}

.first_class3 .more1::before {
    background-color: #466685;
    border-color: #466685;
    background-image: url(../image/more1a.png)
}

.first_class4 {
    padding: 150px 0;
    background: url(../image/xf/img86.jpg) center top no-repeat;
    color: #fff
}

.first_class4 .title {
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    line-height: 1
}

.first_class4 .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 156px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .li {
    padding-right: 28px;
    width: 33.33%
}

.first_class4 .ul .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.first_class4 .ul .tit {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    width: 120px;
    min-width: 50px;
    text-align: center
}

.first_class4 .ul .n {
    font-family: tj;
    font-size: 50px
}

.first_class4 .ul .n::after {
    content: '';
    display: block;
    margin: auto;
    width: 0;
    height: 215px;
    border-left: 1px solid rgba(255,255,255,0.3)
}

.first_class4 .ul .t {
    margin: auto;
    margin-top: 30px;
    width: 1em;
    font-family: sh;
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .first_class4 .ul .t {
        font-size:18px
    }
}

.first_class4 .ul .img {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 300px
}

.first_class4 .ul .img::before {
    content: '';
    display: block;
    padding-top: 190.66667%
}

.first_class4 .ul .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

@media screen and (min-width: 1025px) {
    .first_class1 .ul1 .li:hover {
        color:#fff
    }

    .first_class1 .ul1 .li:hover .cir::before {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .cir::after {
        opacity: 1
    }

    .first_class1 .ul1 .li:hover .lv {
        color: #7c3030;
        opacity: 0.5
    }

    .first_class1 .ul1 .li:hover .line {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(1) {
        opacity: 0
    }

    .first_class1 .ul1 .li:hover .icon .i:nth-child(2) {
        opacity: 1
    }

    .first_class2 .ol .li:hover {
        margin-bottom: 26px
    }

    .first_class2 .ol .li:hover::before {
        border-width: 2px;
        border-right: 0
    }

    .first_class2 .ol .li:hover .arr {
        opacity: 1;
        visibility: visible
    }

    .first_class3 .unit .li:hover {
        background-color: #5b7897
    }

    .first_class3 .unit .more1:hover::before {
        background-color: #aa1332;
        background-image: url(../image/more1a.png);
        border-color: #aa1332
    }
}

@media screen and (max-width: 1600px) {
    .first_class4 .ul {
        margin-right:60px
    }

    .first_class4 .ul .n::after {
        height: 10vw
    }
}

@media screen and (max-width: 1280px) {
    .first_class1 .list .li {
        padding:30px 15px
    }

    .first_class4 .title {
        position: static;
        width: 100%;
        text-align: center
    }

    .first_class4 .ul {
        margin: 0;
        margin-top: 50px;
        width: 100%
    }

    .first_class4 .ul .li:nth-child(n) {
        padding: 0;
        width: 33.33%
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }
}

@media screen and (max-width: 1400px) {
    .first_class1 .img {
        width:30%
    }
}

@media screen and (max-width: 1300px) {
    .first_class1 {
        padding:60px 0
    }

    .first_class2 {
        padding: 60px 0 0
    }

    .first_class3 {
        padding: 60px 0
    }

    .first_class4 {
        padding-top: 60px
    }
}

@media screen and (max-width: 1024px) {
    .first_class2 .unit {
        display:block;
        margin-top: 50px
    }

    .first_class2 .unit-item {
        padding: 50px;
        width: 100%
    }

    .first_class2 .ol {
        margin-top: 30px
    }

    .first_class2 .ol::before {
        display: none
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ol .li::before {
        display: none
    }

    .first_class2 .ol .d {
        margin-right: 10px
    }

    .first_class2 .ol .b {
        font-size: 30px
    }

    .first_class2 .ul {
        margin-top: 30px
    }

    .first_class3 .unit .view {
        text-align: left
    }

    .first_class3 .unit .more1 {
        margin-left: 5%
    }
}

@media screen and (max-width: 1023px) {
    .first_class1 .img {
        display:none
    }

    .first_class1 .r-box {
        margin-left: 0
    }

    .first_class1 .cont {
        padding: 15px 0
    }

    .first_class1 .list .li {
        padding: 15px
    }

    .first_class3 {
        background-size: cover
    }

    .first_class3 .more1 {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .first_class1 {
        padding:60px 0 50px
    }

    .first_class1 .line-box .item {
        width: 50%
    }

    .first_class1 .line-box .item:nth-child(1),.first_class1 .line-box .item:nth-child(2) {
        display: none
    }

    .first_class1 .line-box .item:nth-child(3)::before {
        right: 0
    }

    .first_class1 .list .li {
        width: 50%;
        padding: 10px 15px
    }

    .first_class2 {
        padding-top: 60px
    }

    .first_class2 .unit {
        margin-top: 20px
    }

    .first_class2 .unit-item {
        padding: 20px
    }

    .first_class2 .ol {
        margin-top: 20px
    }

    .first_class2 .ol .li {
        padding: 10px 0
    }

    .first_class2 .ul {
        margin-top: 10px
    }

    .first_class2 .ul .li {
        padding: 15px 0
    }

    .first_class3 {
        padding: 60px 0 50px
    }

    .first_class3 .unit {
        margin-top: 20px;
        padding-top: 0
    }

    .first_class3 .unit .ul {
        display: block;
        margin-left: 0;
        padding: 20px 0;
        background: #476585
    }

    .first_class3 .unit .li {
        width: 100%
    }

    .first_class3 .unit .link {
        padding: 10px 20px
    }

    .first_class3 .unit .view {
        position: static;
        margin-right: 0
    }

    .first_class4 {
        padding: 60px 0 50px;
        background-size: cover
    }

    .first_class4 .ul {
        display: block;
        margin-top: 30px
    }

    .first_class4 .ul .li:nth-child(n) {
        margin-bottom: 20px;
        width: 100%
    }

    .first_class4 .ul .tit {
        width: 4em
    }

    .first_class4 .ul .img {
        margin-right: 10px
    }

    .first_class4 .ul .n {
        font-size: 30px
    }

    .first_class4 .ul .n::after {
        height: 100px
    }

    .first_class3 .unit .view {
        text-align: center
    }

    .first_class3 .unit .more1 {
        margin-left: 0%
    }

    .first_class2 .ul .t {
        height: auto
    }
}

.nav_history {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    color: #c98787;
    text-align: right;
    font-size: 14px;
    pointer-events: none;
    display: none
}

.nav_history::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 4px;
    background: url(../image/by/png35.png) repeat-y center center;
    width: 3px
}

.nav_history .item {
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav_history .item span {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.nav_history .item.now span {
    opacity: 1
}

.nav_history .item::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #c98787;
    -webkit-transform: rotate(45deg) translateY(2px);
    transform: rotate(45deg) translateY(2px);
    margin-left: 20px
}

.nav_history .item:first-child {
    margin-top: 0
}

.history0 {
    position: relative;
    color: #fff
}

.history0 .bg {
    display: block;
    width: 100%;
    height: auto
}

.history0 .bg.m-show {
    display: none
}

.history0 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 9
}

.history0 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history0 .back img {
    margin-left: 15px
}

.history0 .x-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history0 .pad {
    width: 370px
}

.history0 .p-box {
    font-size: 18px;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .history0 .p-box {
        font-size:16px
    }
}

body:not(.lang-en) .history0 .p-box {
    text-align: justify;
    text-justify: inter-ideograph
}

.history0 .p-box .p+.p {
    margin-top: 15px
}

.history0 .more1 {
    padding: 0 70px 0 0;
    margin-top: 40px
}

.history0 .more1::before {
    left: auto;
    right: 0;
    background-color: #aa1332;
    border-color: #aa1332;
    background-image: url(../image/more1a.png)
}

.history1 {
    background: #fffcf6;
    padding: 150px 0;
    position: relative
}

.history1::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 66.6666666%;
    background: url(../image/by/bg4.jpg) no-repeat center left;
    background-size: cover
}

.history1 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history1 .back {
    position: fixed;
    right: 0;
    top: 40px;
    height: 50px;
    padding: 0 0 0 30px;
    background: #934040;
    border-radius: 25px 0 0 25px;
    color: #fff;
    font-family: sh;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    z-index: 3
}

.history1 .back a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.history1 .back img {
    margin-left: 15px
}

.history1 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}

.history1 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history1 .head .p {
        font-size:22px
    }
}

.history1 .head .r {
    margin-left: 60px
}

.history1 .head .code {
    background: #7c3030;
    color: #fff;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.history1 .head .code img {
    margin-left: 10px;
    max-width: 150px
}

.history1 .head .code .c {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px
}

.history1 .head .code:hover .c {
    display: block
}

.history1 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 50px;
    position: relative;
    z-index: 1
}

.history1 .tabs {
    border-left: 1px solid #aaa
}

.history1 .tabs .item {
    padding-left: 40px;
    position: relative;
    line-height: 1.1;
    margin-left: -1px;
    cursor: pointer
}

.history1 .tabs .item:nth-child(n+2) {
    margin-top: 1.5em
}

.history1 .tabs .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    border-top: 1px solid #aaa
}

.history1 .tabs .item.now {
    border-left: 2px solid #a91231;
    color: #a91231
}

.history1 .tabs .item.now::before {
    border-top: 2px solid #a91231
}

.history1 .tabs .item.now::after {
    border-top: 2px solid #a91231
}

.history1 .div {
    width: 50%;
    margin-top: -160px
}

.history1 .d {
    position: absolute;
    visibility: hidden;
    width: 100%;
    opacity: 0
}

.history1 .d.act {
    position: relative;
    visibility: visible;
    opacity: 1
}

.history1 .d .pic {
    width: 85%;
    background: url(../image/by/png19.png) no-repeat left bottom 15%/contain;
    padding: 5% 5% 8% 8%
}

.history1 .d .pic .frame {
    overflow: hidden
}

.history1 .d .pic .child {
    height: 100%
}

.history1 .d .pic .child .img {
    height: 100%
}

.history1 .d .pic img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.history1 .d .text {
    right: 100%;
    bottom: 0;
    position: absolute;
    width: 40%
}

body:not(.lang-en) .history1 .d .text {
    text-align: justify;
    text-justify: inter-ideograph
}

.history1 .d .text .more1 {
    margin-top: 25px
}

.history2 {
    background: #fffcf6;
    padding: 200px 0 350px;
    position: relative
}

.history2 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history2::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%
}

.history2 .map {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 49%;
    background: url(../image/by/png13.png) no-repeat center bottom/contain
}

.history2 .head {
    padding-left: 65%
}

.history2 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history2 .head .p {
        font-size:22px
    }
}

.history2 .focus {
    padding-left: 65%
}

.history2 .focus .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #ac9f92
}

.history2 .focus .nav span {
    font-family: xfont;
    width: 35px;
    height: 40px;
    position: relative;
    line-height: 40px;
    text-align: center;
    font-size: 20px
}

.history2 .focus .nav .next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 10px;
    margin-top: -5px;
    border-left: 1px solid #ac9f92
}

.history2 .focus .slick-list {
    overflow: visible
}

.history2 .focus .frame {
    margin-top: 10px
}

.history2 .focus .child {
    position: relative
}

.history2 .focus .child .h {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 30px;
    font-size: 24px;
    color: #495a47
}

body:not(.lang-en) .history2 .focus .child .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history2 .focus .child .h {
        font-size:18px
    }
}

.history2 .focus .child .pics {
    position: relative
}

.history2 .focus .child .pics .item:first-child {
    width: 100%;
    padding-top: 100%
}

.history2 .focus .child .pics .item:last-child {
    position: absolute;
    right: 85%;
    top: 60%;
    width: 65%
}

.history2 .focus .child .pics .item:last-child::after {
    content: "";
    background: #7c3030;
    width: 30%;
    padding-top: 30%;
    position: absolute;
    left: 100%;
    top: 100%
}

.history2 .focus .child .pics img {
    width: 100%;
    height: auto;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

.history2 .focus .child .btns {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history2 .focus .child .btns a {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #e2d4c6;
    position: relative
}

.history2 .focus .child .btns a:nth-child(n+2) {
    margin-left: 2px
}

.history2 .focus .child .btns a img:first-child {
    max-width: 80%
}

.history2 .focus .child .btns a .c {
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.history2 .focus .child .btns a:hover .c {
    display: block
}

.history3 {
    background: #fffcf6;
    position: relative;
    padding: 150px 0 133px;
    color: #fff;
    display: none
}

.history3 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 66.6666666%;
    bottom: 0;
    background: url(../image/by/bg5_1.jpg) no-repeat center top/contain;
    z-index: 3;
    pointer-events: none
}

.history3::before {
    content: "";
    background: url(../image/by/png9.png) no-repeat center center/contain;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 39%;
    width: 27%;
    z-index: 4;
    pointer-events: none
}

.history3 .bg-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 30.71%;
    top: 299px;
    background: url(../image/lys/jpg93.jpg) no-repeat center;
    background-size: cover
}

.history3 .bg-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30.71%;
    height: 402px;
    background: #fffcf6 url(../image/lys/png148.png) no-repeat left bottom;
    z-index: 2;
    background-size: contain
}

.history3 .head {
    text-align: center;
    position: relative;
    z-index: 9
}

.history3 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history3 .head .p {
        font-size:22px
    }
}

.history3 .content {
    margin-top: 75px;
    position: relative;
    z-index: 9
}

.history3 .slick-slide {
    margin: 0 -10px
}

.history3 .child {
    padding: 0 10px 10px;
    position: relative;
    margin-top: 10px;
    display: inline-block
}

.history3 .child a.a {
    left: 10px;
    right: 10px;
    bottom: 20px
}

.history3 .child .pic {
    position: relative;
    overflow: hidden
}

.history3 .child .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.history3 .child .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history3 .child .h {
    position: absolute;
    left: 10px;
    bottom: 20px;
    right: 10px;
    background: url(../image/by/png20.png) repeat-x center center;
    padding: 18px 0;
    text-align: center
}

.history3 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    color: #a9927b;
    position: relative;
    z-index: 1
}

.history3 .nav::before {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav::after {
    content: "";
    display: block;
    border-top: 1px solid #a9927b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.history3 .nav .prev {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .next {
    font-family: xfont;
    font-size: 28px;
    cursor: pointer
}

.history3 .nav .num {
    padding: 0 25px
}

.history3 .nav .num * {
    font-style: normal;
    font-weight: normal;
    margin: 0 5px
}

.history4 {
    background: #fffcf6;
    position: relative;
    padding: 200px 0
}

.history4 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history4::before {
    content: "";
    position: absolute;
    left: 0;
    top: -60px;
    width: 28%;
    bottom: 0;
    background: url(../image/by/png14.png) no-repeat center top/contain
}

.history4::after {
    content: "";
    background: url(../image/by/png15.png) no-repeat center center/contain;
    right: 0;
    bottom: 0;
    width: 28%;
    padding-top: 28%;
    position: absolute
}

.history4 .head {
    position: absolute;
    left: 0;
    top: 80px;
    right: 0
}

.history4 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history4 .head .p {
        font-size:22px
    }
}

.history4 .x-wrap {
    height: auto
}

.history4 .list {
    position: relative;
    z-index: 1;
    height: 59.3268vw
}

.history4 .list .item {
    width: calc(25% - 30px);
    cursor: pointer
}

.history4 .list .item .pic {
    overflow: hidden
}

.history4 .list .item .pic img {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history4 .list .item:first-child {
    margin-right: 40px
}

.history4 .list .item img {
    width: 100%
}

.history4.noData #photo_wap {
    display: none
}

.history4.noData .load_more a {
    display: none
}

.history5 {
    background: #fffcf6 url(../image/by/bg6-1.jpg) no-repeat center center/cover;
    padding: 40px 0 180px;
    position: relative
}

.history5 .fix_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history5 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -170px
}

.history5 .head .p {
    font-size: 30px;
    margin-left: 10px
}

body:not(.lang-en) .history5 .head .p {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .history5 .head .p {
        font-size:22px
    }
}

.history5 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48.9424vw;
    height: auto
}

.history5 .x-wrap::after {
    display: none
}

.history5 .list-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    position: relative
}

.history5 .list-box::before {
    content: '';
    position: absolute;
    left: 48px;
    top: calc(50% - 46px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1608px;
    height: 164px;
    background: url(../image/by/png40.png) no-repeat left center
}

.history5 .list {
    margin-left: 100px;
    overflow: auto;
    margin-right: -200px
}

.history5 .list .inner {
    display: table;
    white-space: nowrap
}

.history5 .list .item {
    position: relative;
    max-width: 30vw;
    display: inline-block;
    vertical-align: top
}

.history5 .list .item .pic {
    background: #fffcf6;
    padding: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3);
    box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3)
}

.history5 .list .item .pic img {
    width: 100%
}

.history5 .list .item .h {
    font-size: 18px;
    margin-top: 0.6em
}

@media screen and (max-width: 768px) {
    .history5 .list .item .h {
        font-size:16px
    }
}

.history5 .list .item:nth-child(5n-4) {
    margin-top: 1.45833333vw
}

.history5 .list .item:nth-child(5n-3) {
    margin-top: 10.67708333vw;
    margin-left: -6.25vw
}

.history5 .list .item:nth-child(5n-2) {
    margin-top: 4.6875vw;
    margin-left: 2.34375vw
}

.history5 .list .item:nth-child(5n-1) {
    margin-top: 16.35416666vw;
    margin-left: -5.05208333vw
}

.history5 .list .item:nth-child(5n) {
    margin-left: 1.5625vw;
    margin-right: 2.8645833vw
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 1px;
    background: #a85a5a;
    position: relative;
    margin: 0 10px;
    width: auto;
    margin-top: 17px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #a85a5a;
    border-radius: 100%;
    margin-top: -5px
}

.history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 60px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 36px;
    width: 40%;
    margin: auto
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    background: url(../image/by/png16.png) no-repeat center;
    background-size: contain;
    width: 36px;
    height: 36px;
    top: 0
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    display: none
}

.history6 {
    background: #fffcf6;
    position: relative;
    padding: 190px 0
}

.history6 .all_anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.history6 .head {
    text-align: center
}

.history6 .head .p {
    font-size: 30px;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .history6 .head .p {
        font-size:22px
    }
}

.history6 .list {
    margin-top: 120px;
    position: relative;
    min-height: 59.99999vw
}

.history6 .list .bg {
    position: absolute;
    top: 75%;
    left: 5%;
    width: 41%
}

.history6 .list .d1 {
    position: relative;
    padding-top: 60%
}

.history6 .list .d1 .item {
    position: absolute;
    cursor: pointer
}

.history6 .list .d1 .item.i1 {
    width: 44%;
    left: 0;
    top: 0;
    z-index: 1;
    margin-right: 40px
}

.history6 .list .d1 .item.i2 {
    width: 23%;
    left: 50%;
    top: 0
}

.history6 .list .d1 .item.i3 {
    width: 16%;
    right: 0;
    top: 0
}

.history6 .list .d1 .item.i4 {
    width: 30%;
    left: 37%;
    bottom: 0
}

.history6 .list .d1 .item.i5 {
    width: 27%;
    right: 0;
    top: 36.3%
}

.history6 .list .d2 {
    margin-top: 40px
}

.history6 .list .d2 .item {
    width: calc(20% - 22.5px);
    position: relative;
    cursor: pointer
}

.history6 .list .d2 .item:first-child {
    margin-right: 30px
}

.history6 .list .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.history6 .list .pic::before {
    content: '';
    display: block;
    padding-top: 94.61078%
}

.history6 .list .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.history6 .list .h {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))
}

@media screen and (max-width: 768px) {
    .history6 .list .h {
        font-size:16px
    }
}

.history6 .list .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: rgba(255,255,255,0.2) url(../image/by/png21.png) no-repeat left 55% center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.history6.noData #six_wap {
    display: none
}

.history6.noData .load_more a {
    display: none
}

@media screen and (min-width: 1025px) {
    .history4 .list .item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .history6 .list .item:hover {
        z-index: 1
    }

    .history6 .list .item:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1720px) {
    .history2 {
        padding:140px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 120px 0
    }

    .history6 {
        padding: 120px 0
    }
}

@media screen and (max-width: 1600px) {
    .history5 {
        padding-bottom:150px
    }

    .history5 .list {
        margin-right: -50px
    }
}

@media screen and (max-width: 1500px) {
    .history1 .div {
        width:45%
    }

    .history1 .d .pic {
        width: auto
    }
}

@media screen and (max-width: 1300px) {
    .history0 .p-box {
        margin-top:30px
    }

    .history0 .more1 {
        margin-top: 20px
    }

    .history2 {
        padding: 80px 0 280px
    }

    .history3 {
        padding: 80px 0 40px
    }

    .history4 {
        padding: 80px 0
    }

    .history6 {
        padding: 80px 0
    }

    .history6 .list {
        margin-top: 80px
    }

    .history1 .div {
        width: 42%
    }

    .history1 .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history1 .head .r {
        margin: 20px 0 0
    }

    .history2 .focus {
        margin-top: 30px
    }

    .history4 .list .item {
        width: calc(25% - 15px)
    }

    .history4 .list .item:first-child {
        margin-right: 20px
    }

    .history5 .list {
        margin-right: -20px
    }

    .history6 .list .h {
        padding: 10px;
        font-size: 16px
    }
}

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

    .history1 {
        padding: 80px 0 60px
    }

    .history1::before {
        left: 85%
    }

    .history1 .d .text {
        position: static
    }

    .history1 .div {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden;
        margin-left: 10%
    }

    .history1 .d .text {
        width: 65%
    }

    .history2 {
        padding: 80px 0 220px
    }

    .history6 {
        padding: 60px 0
    }

    .history6 .list {
        margin-top: 40px
    }

    .history5 {
        padding-bottom: 80px
    }

    .history5 .list .item .pic {
        padding: 15px;
        max-width: 50vw
    }

    .history5 .list .item .pic img {
        max-width: 100%
    }

    .history5 .list .item:nth-child(n+2) {
        margin: 0 0 0 20px !important
    }

    .history1 .head .p {
        font-size: 24px
    }

    .history2 .head .p {
        font-size: 24px
    }

    .history3 .head .p {
        font-size: 24px
    }

    .history4 .head .p {
        font-size: 24px
    }

    .history5 .head .p {
        font-size: 24px
    }

    .history6 .head .p {
        font-size: 24px
    }

    .history5 .list {
        margin-right: 0px
    }
}

@media screen and (max-width: 767px) {
    .history0 .pad {
        width:100%;
        padding-bottom: 40px
    }

    .history0 .p-box {
        margin-top: 15px
    }

    .history0 .p-box .p+.p {
        margin-top: 5px
    }

    .history0 .x-wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .history0 .more1 {
        margin-top: 10px;
        padding-right: 45px
    }

    .history0 .back {
        position: absolute;
        height: 40px;
        padding-left: 20px;
        top: 20px
    }

    .history0 .back img {
        width: 20px
    }

    .history0 .bg {
        display: none
    }

    .history0 .bg.m-show {
        display: block
    }

    .history1 {
        background-position: left top;
        padding: 40px 0;
        margin-top: 0
    }

    .history1::before {
        display: none
    }

    .history1 .content {
        display: block;
        margin-top: 30px
    }

    .history1 .d .text {
        width: auto;
        margin-top: 20px
    }

    .history1 .div {
        margin: 30px 0 0
    }

    .history1 .d .pic {
        background: none;
        padding: 0;
        width: 80%;
        margin: auto
    }

    .history1 .d .pic .frame {
        border-radius: 0
    }

    .history2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0
    }

    .history2 .head {
        padding: 0;
        text-align: center
    }

    .history2 .map {
        position: static;
        height: 130vw;
        background-position: center top 20%;
        background-size: 160% auto
    }

    .history2 .focus {
        padding-left: 35%
    }

    .history3 {
        padding: 40px 0
    }

    .history3::after {
        width: 100%;
        background-size: cover
    }

    .history3::before {
        display: none
    }

    .history3 .bg-1,.history3 .bg-2 {
        display: none
    }

    .history3 .nav {
        margin-top: 10px
    }

    .history4 {
        padding: 40px 0
    }

    .history4::before {
        display: none
    }

    .history4 .head {
        position: static;
        text-align: center
    }

    .history4 .list {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important
    }

    .history4 .list .item {
        width: calc(50% - 7.5px);
        position: static !important
    }

    .history3 .content {
        margin-top: 30px
    }

    .history4 .list {
        padding: 0 15px;
        min-height: 140vw
    }

    .history4 .list .item {
        width: calc(50% - 7.5px)
    }

    .history4 .list .item:nth-child(1) {
        margin-right: 0
    }

    .history4 .list .item:nth-child(even) {
        margin-left: 15px
    }

    .history4 .list .item:nth-child(n+3) {
        margin-top: 15px
    }

    .history5 {
        padding: 40px 0
    }

    .history5 .head {
        margin: 0
    }

    .history5 .head .title img {
        max-height: none
    }

    .history5 .head .p {
        margin-left: 0
    }

    .history5 .x-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .history5 .list-box::before {
        display: none
    }

    .history5 .list {
        margin-left: 15px
    }

    .history5 .list .item {
        max-width: 240px
    }

    .history5 .list .item:nth-child(5n-4) {
        margin-top: 0
    }

    .history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 50px
    }

    .history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 80%
    }

    .history5 .list .item .pic {
        max-width: none;
        width: 100%;
        padding: 10px
    }

    .history5 .list .item .pic img {
        width: 100%
    }

    .history5 .list .item .h {
        margin-top: 5px
    }

    .history6 .list {
        padding: 0 15px;
        margin-top: 30px
    }

    .history6 .list .d1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0
    }

    .history6 .item {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important
    }

    .history6 .item:nth-child(n+2) {
        margin-top: 15px !important
    }

    .history6 .list .d1 .item:nth-child(1) {
        margin-right: 0
    }

    .history6 .list .d2 {
        margin-top: 15px;
        height: auto !important
    }

    .history6 .list .bg {
        display: none
    }

    .history6 .list .play {
        width: 60px;
        height: 60px;
        background-size: 30% auto
    }

    .title>img {
        max-width: 80%
    }

    .history6 .list .d1::before {
        display: none
    }

    .history2 .x-wrap {
        height: auto
    }

    .history2 .x-wrap::after {
        display: none
    }

    .history3::after {
        bottom: initial;
        height: 100%;
        display: none
    }

    .history3 {
        background: url(../image/by/bg5_1.jpg) no-repeat center top/cover
    }

    .history3 .x-wrap {
        height: auto
    }
}

.home1 {
    position: relative;
    margin-top: -147px
}

.home1 .child {
    height: 100vh;
    background: no-repeat center center / cover;
    position: relative
}

.home1 .child .mask {
    background: #000;
    opacity: 0
}

.home1 .child .a {
    z-index: 2
}

.home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home1 .nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1
}

.home1 .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home1 .slick-dot {
    width: 50px;
    height: 4px;
    background: #fff;
    opacity: 0.4;
    padding: 0;
    list-style: none;
    margin: 0 10px
}

.home1 .slick-dot.slick-active {
    opacity: 1
}

.home1 .btn_l {
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_l::before {
    content: "";
    background: url(../image/by/png1_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_l::after {
    content: "";
    background: url(../image/by/png1_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_l a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.home1 .btn_r {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 1;
    cursor: pointer;
    width: 106px;
    height: 106px
}

.home1 .btn_r::before {
    content: "";
    background: url(../image/by/png2_2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_r::after {
    content: "";
    background: url(../image/by/png2_1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.home1 .btn_r a {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.title1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 48px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .title1 {
        font-size:28px
    }
}

.title1::before {
    content: "";
    background: no-repeat center bottom;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-bottom: 0.5em;
    -webkit-transition: all 1.5s ease-out 0s;
    transition: all 1.5s ease-out 0s;
    clip: rect(0, 120px, 0, 0)
}

.title1::after {
    content: "";
    background: no-repeat center top;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 5.3em;
    -webkit-transition: all 3s ease-out 3s;
    transition: all 3s ease-out 3s;
    clip: rect(0, 120px, 0, 0)
}

.title1 .h {
    font-family: sh;
    line-height: inherit;
    line-height: 1.2;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    margin-left: -0.5em;
    -webkit-transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

body:not(.lang-en) .title1 .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.title1 .more1 {
    opacity: 0;
    -webkit-transition: all 1s ease-out 2.5s;
    transition: all 1s ease-out 2.5s
}

.showd .title1::after {
    clip: rect(0, 120px, 1000px, 0)
}

.showd .title1 .h {
    -webkit-transform: none;
    transform: none
}

.showd .title1 .more1 {
    opacity: 1
}

.home2.showd .title1::before {
    clip: rect(0, 120px, 350px, 0)
}

.home3.showd .title1::before {
    clip: rect(0, 120px, 270px, 0)
}

.home4.showd .title1::before {
    clip: rect(0, 120px, 570px, 0)
}

.home5.showd .title1::before {
    clip: rect(0, 120px, 300px, 0)
}

.home6.showd .title1::before {
    clip: rect(0, 120px, 700px, 0)
}

.home2 {
    position: relative;
    background: #f5f5f5
}

.home2 .w-wrap {
    padding-top: 110px;
    padding-bottom: 110px
}

.home2 .title1::before {
    background-image: url(../image/by/png3_1.png);
    bottom: 70%
}

.home2 .title1::after {
    background-image: url(../image/by/png3_1b.png);
    top: 30%
}

.home2 .title1 .h {
    top: 30%
}

.home2 .title1 .more1 {
    background: #f5f5f5;
    padding-top: 15px;
    color: #333;
    font-size: 16px;
    position: absolute;
    top: 63%;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home2 .list .dl {
    width: calc(50% - 10px)
}

.home2 .list .dl .item {
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.home2 .list .dl .pic {
    position: relative;
    overflow: hidden
}

.home2 .list .dl .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home2 .list .dl .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .list .dl .text {
    background: #fff;
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home2 .list .dl .text .h {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .h {
        font-size:18px
    }
}

.home2 .list .dl .text .p {
    font-size: 14px;
    margin-top: 0.5em
}

.home2 .list .dl .text .date {
    font-size: 18px;
    text-align: center;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date {
        font-size:16px
    }
}

.home2 .list .dl .text .date b {
    font-size: 60px;
    line-height: 1.2;
    display: block;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home2 .list .dl .text .date b {
        font-size:30px
    }
}

.home2 .list .dl .text .r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home2 .list .dr {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home2 .list .dr .item {
    position: relative;
    background: #fff;
    width: calc(50% - 5px);
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home2 .list .dr .item:nth-child(n+3) {
    margin-top: 10px
}

.home2 .list .dr .item .h {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .h {
        font-size:16px
    }
}

.home2 .list .dr .item .date {
    font-size: 18px;
    margin-right: 40px;
    font-family: tj
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date {
        font-size:16px
    }
}

.home2 .list .dr .item .date b {
    font-size: 48px;
    line-height: 1.2;
    display: block;
    font-weight: normal;
    display: inline;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .home2 .list .dr .item .date b {
        font-size:28px
    }
}

.home2 .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.home2 .links .item {
    background: no-repeat left center / cover;
    width: 10.35%;
    overflow: hidden;
    position: relative;
    padding-top: 13.33%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .links .item img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.home2 .links .item.s {
    width: 68.93%
}

.home2 .links .item.s img {
    width: 100%;
    height: auto;
    position: static
}

.home3 {
    background: url(../image/by/bg1.jpg) no-repeat center top;
    color: #fff;
    height: 835px;
    position: relative;
    z-index: 1
}

.home3 .title1::before {
    background-image: url(../image/by/png3_2.png);
    bottom: 65%
}

.home3 .title1::after {
    background-image: url(../image/by/png3_2b.png);
    top: 35%
}

.home3 .title1 .h {
    top: 35%
}

.home3 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.home3 .box2 {
    width: 50%;
    margin-left: 50%;
    background: #7c3030;
    padding: 100px
}

.home3 .box2 .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home3 .box2 .hd .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home3 .box2 .hd .title:after {
    content: "";
    display: block;
    border-top: 1px solid #a95555;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px
}

.home3 .box2 .list {
    margin-top: 60px;
    border-left: 1px solid #a95555;
    position: relative
}

.home3 .box2 .list:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 0%
}

.home3 .box2 .list:after {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    bottom: 0%
}

.home3 .box2 .list .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px
}

.home3 .box2 .list .item:before {
    content: "";
    border-top: 1px solid #a95555;
    width: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box2 .list .item:nth-child(n+2) {
    margin-top: 15px
}

.home3 .box2 .list .item .date {
    white-space: nowrap;
    font-family: tj
}

.home3 .box2 .list .item .date b {
    font-size: 60px;
    line-height: 1.2;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .home3 .box2 .list .item .date b {
        font-size:30px
    }
}

.home3 .box2 .list .item .h {
    margin-left: 30px;
    line-height: 1.8;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home3 .box2 .list .item .h:after {
    content: "";
    background: url(../image/by/png36.png) no-repeat right center;
    width: 0;
    height: 9px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s
}

.home3 .box1 {
    width: 50%;
    background: #883736;
    padding: 70px 90px;
    position: relative
}

.home3 .box1::before {
    content: "";
    background: url(../image/by/png4.png) no-repeat center center;
    width: 467px;
    height: 416px;
    right: 10px;
    top: -40px;
    position: absolute
}

.home3 .box1::after {
    content: "";
    width: 120px;
    height: 120px;
    background: #aa1332;
    left: 100%;
    top: 100%;
    position: absolute
}

.home3 .box1 .text {
    line-height: 1.8;
    position: relative
}

body:not(.lang-en) .home3 .box1 .text p {
    text-align: justify;
    text-justify: inter-ideograph
}

.home3 .box1 .text p:nth-child(n+2) {
    margin-top: 1.5em
}

.home3 .box1 .more1 {
    margin-top: 40px
}

.home3 .more1:before {
    background-color: #a95555;
    border-color: #a95555
}

.home4 {
    background: url(../image/by/png5.png) no-repeat right 1% top
}

.home4 .title1::before {
    background-image: url(../image/by/png3_3.png);
    bottom: 60%
}

.home4 .title1::after {
    background-image: url(../image/by/png3_3b.png);
    top: 40%
}

.home4 .title1 .h {
    top: 40%
}

.home4 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 380px;
    padding-bottom: 180px
}

.home4 .dl {
    width: 47%
}

.home4 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 6%
}

.home4 .d1 {
    position: relative
}

.home4 .d1 .pic {
    width: 100%
}

.home4 .d1 .text {
    position: absolute;
    left: -1px;
    top: 70%;
    background: #fff;
    padding-left: 0
}

.home4 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative
}

.home4 .d2 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home4 .d3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.home4 .pic {
    position: relative;
    overflow: hidden;
    width: 50%
}

.home4 .pic::before {
    content: '';
    display: block;
    padding-top: 105.21127%
}

.home4 .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home4 .text {
    padding: 50px 45px;
    width: 50%
}

.home4 .text .h {
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .home4 .text .h {
        font-size:22px
    }
}

.home4 .text .p {
    margin-top: 15px
}

.home4 .text .date {
    font-family: tj;
    margin-top: 10px
}

.home4 .text .more1 {
    margin-top: 20px
}

.home5 {
    background: url(../image/by/bg2.jpg) no-repeat center center/cover;
    color: #fff
}

.home5 .title1::before {
    background-image: url(../image/by/png3_4.png);
    bottom: 65%
}

.home5 .title1::after {
    background-image: url(../image/by/png3_4b.png);
    top: 35%
}

.home5 .title1 .h {
    top: 35%
}

.home5 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 110px;
    padding-bottom: 110px
}

.home5 .dl {
    width: 28%;
    padding-top: 100px;
    min-width: 355px
}

.home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.home5 .dl .h b {
    font-weight: normal;
    font-size: 140px;
    line-height: 0.6
}

.home5 .dl .h span {
    display: block
}

.home5 .dl .box {
    margin-top: 30px;
    background: #95ae93
}

.home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.home5 .dl .hd span {
    font-family: xfont;
    width: 90px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.home5 .dl .hd strong {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 330px
}

.home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0
}

.home5 .dl .calendar .fc-calendar .fc-row>div,.home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 0;
    right: 0;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: Arial;
    top: 0px;
    width: 1.4em;
    height: 1.4em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.5em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px
}

.home5 .dl .calendar .fc-today .fc-date {
    background: #495a46;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #668863;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #9a5252;
    margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #5a759b;
    margin: 0 2px
}

.home5 .dl .calendar .fc-content {
    cursor: pointer
}

.home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.home5 .dl .bb {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.15);
    font-size: 14px;
    color: #495a46
}

.home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.home5 .dl .bb span:nth-child(1):before {
    background: #668863
}

.home5 .dl .bb span:nth-child(2):before {
    background: #9a5252
}

.home5 .dl .bb span:nth-child(3):before {
    background: #5a759b
}

.home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 90px
}

.home5 .dr .list {
    height: 700px;
    overflow: hidden
}

.home5 .dr .mCSB_inside>.mCSB_container {
    margin-right: 20px
}

.home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home5 .dr .item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 48%
}

.home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home5 .dr .item .text {
    padding: 50px 40px;
    width: 48%
}

.home5 .dr .item .text .h {
    font-size: 18px
}

.home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 50px
}

.home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px
}

.home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #638460;
    width: 4px
}

.home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #384837;
    width: 2px
}

.home6 {
    background: url(../image/by/png6.png) no-repeat center top/100% auto;
    position: relative;
    color: #fff
}

.home6 .title1::before {
    background-image: url(../image/by/png3_5.png);
    bottom: 45%
}

.home6 .title1::after {
    background-image: url(../image/by/png3_5b.png);
    top: 55%
}

.home6 .title1 .h {
    top: 55%
}

.home6::before {
    content: "";
    background: url(../image/by/bg3.jpg) no-repeat center top/cover;
    position: absolute;
    left: 0;
    top: 26vw;
    right: 0;
    bottom: 0
}

.home6 .w-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 26vw;
    padding-bottom: 312px
}

.home6 .tabs {
    background: #6f8aa8;
    padding: 50px 0;
    width: 30%
}

.home6 .tabs .item {
    height: 76px;
    line-height: 76px;
    font-size: 22px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-align: center;
    padding-right: 30px
}

@media screen and (max-width: 768px) {
    .home6 .tabs .item {
        font-size:18px
    }
}

.home6 .tabs .item i {
    margin-right: 25px;
    display: inline-block;
    width: 44px;
    text-align: center
}

.home6 .tabs .item i img {
    max-width: 100%
}

.home6 .tabs .item.now {
    background: #5b7897;
    padding-left: 50px
}

.home6 .tabs .item.now::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    background: url(../image/more1a.png);
    width: 13px;
    height: 12px;
    margin-top: -6px
}

.home6 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.home6 .dr::before {
    content: "";
    background: url(../image/by/png7.png) no-repeat center bottom/cover;
    width: 22%;
    padding-top: 50%;
    position: absolute;
    left: 50%;
    bottom: 25%
}

.home6 .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden
}

.home6 .list.act {
    opacity: 1;
    visibility: visible
}

.home6 .list .item {
    position: relative;
    width: 55%
}

.home6 .list .item:hover {
    z-index: 1
}

.home6 .list .item:last-child {
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    width: 57%
}

.home6 .list .item .pic {
    position: relative;
    overflow: hidden
}

.home6 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 70.9507%
}

.home6 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home6 .list .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6))
}

.home6 .list .item .text .h {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none
}

.home6 .list .item .text .more {
    background: url(../image/by/png8.png);
    width: 41px;
    height: 41px;
    display: inline-block
}

@media screen and (min-width: 1025px) {
    .transT {
        -webkit-transform:translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transB {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transL {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transR {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .td2 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .td3 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .td4 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    .transTs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transTs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transTs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transTs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transTs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transLs>div {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transLs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transLs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transLs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transLs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .transS {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .transSs>div:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    .transSs>div:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .transSs>div:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .transSs>div:nth-child(5) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .showd .transT,.showd .transB,.showd .transL,.showd .transR,.showd .transS,.showd .transTs>div,.showd .transLs>div,.showd .transSs>div {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    .btn_l:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .btn_r:hover::before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .home2 .list .item:hover {
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.15);
        box-shadow: 0 0 30px rgba(0,0,0,0.15)
    }

    .home3 .box2 .list .item:hover .h:after {
        width: 47px
    }

    .home4 .d1:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d2:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home4 .d3:hover .pic img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .home6 .list .item:hover .h {
        display: block
    }
}

@media screen and (max-width: 1720px) {
    .home2 .w-wrap {
        padding-top:80px;
        padding-bottom: 80px
    }

    .home3 .box2 {
        padding: 80px
    }

    .home3 .box1 {
        padding: 60px 80px
    }

    .home4 .w-wrap {
        padding-top: 300px;
        padding-bottom: 100px
    }

    .home5 .w-wrap {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 1500px) {
    .home3 .box1 {
        -webkit-transform:translateY(-20%);
        transform: translateY(-20%)
    }

    .home6 .w-wrap {
        padding-bottom: 250px;
        padding-top: 320px
    }

    .home5 .dr .item .text ul {
        margin-top: 30px
    }

    .home6::before {
        top: 320px
    }
}

@media screen and (max-width: 1400px) {
    .home5 .dl {
        padding-top:50px
    }

    .home5 .dr {
        margin-left: 60px;
        width: 380px
    }

    .home5 .dr .item .text {
        padding: 30px 10px
    }

    .home5 .dr .item .text ul {
        margin-top: 20px
    }
}

@media screen and (max-width: 1300px) {
    .title1 {
        font-size:42px
    }

    .home3 .box1 {
        padding: 40px 60px
    }

    .home3 .box2 {
        padding: 60px
    }

    .home4 .text {
        padding: 30px 40px
    }

    .home4 .d2 .text {
        padding: 30px 40px
    }

    .home5 .dl .fc-calendar-container {
        height: 330px
    }

    .home6 .tabs {
        padding: 30px 0
    }

    .home6 .tabs .item {
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }

    .home6 .tabs .item.now {
        padding-left: 0px
    }

    .home6 .tabs .item i {
        margin-right: 15px
    }

    .home6 .tabs .item i {
        width: 34px
    }
}

@media screen and (max-width: 1200px) {
    .home3 .box2 {
        padding:40px
    }

    .home3 .box1 {
        padding: 40px
    }
}

@media screen and (max-width: 1100px) {
    .title1 .h {
        font-size:42px
    }

    .home3 .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 60px 0
    }

    .home3 .content .box1 {
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .home3 .content .box2 {
        width: auto;
        margin: auto;
        margin-top: 60px
    }

    .home4 .d1 .text {
        width: auto;
        position: static
    }

    .home4 .text {
        padding: 20px 30px !important
    }

    .home2 .w-wrap {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .home3 .box2 {
        padding: 40px
    }

    .home3 .box1 {
        padding: 40px 40px
    }

    .home4 .w-wrap {
        padding-top: 160px;
        padding-bottom: 40px
    }

    .home5 .w-wrap {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .home6 .w-wrap {
        padding-top: 200px
    }

    .home6::before {
        top: 200px
    }
}

@media screen and (max-width: 1024px) {
    .title1 {
        position:static;
        width: auto;
        background: none !important;
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px
    }

    .title1::before {
        display: none
    }

    .title1::after {
        display: none
    }

    .title1 .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .title1 .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .title1 .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .title1 .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .w-wrap {
        padding: 40px 0;
        display: block !important
    }

    .home1 {
        margin-top: 0px
    }

    .home2 .w-wrap {
        padding: 40px 0
    }

    .home2 .title1 .more1 {
        padding: 0 0 0 50px;
        -webkit-writing-mode: unset !important;
        -ms-writing-mode: unset !important;
        writing-mode: unset !important;
        width: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        left: auto
    }

    .home2 .list .dl .text {
        padding: 25px
    }

    .home2 .list .dr .item {
        padding: 25px
    }

    .home3 {
        height: auto
    }

    .home3 .content {
        padding: 0
    }

    .home3 .box1 {
        padding: 30px
    }

    .home3 .box1::before {
        display: none
    }

    .home3 .box1 .more1 {
        margin-top: 20px
    }

    .home3 .content .box2 {
        margin: 20px 0 0;
        padding: 30px
    }

    .home3 .box2 .list {
        margin-top: 30px
    }

    .home4 .w-wrap {
        padding: 40px 0
    }

    .home4 .pic {
        width: 50% !important
    }

    .home4 .dl {
        width: auto
    }

    .home4 .dl .d1 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .home4 .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .home4 .d1 .pic {
        width: 30%
    }

    .home4 .dr {
        padding: 0
    }

    .home5 .w-wrap {
        padding: 40px 0
    }

    .home5 .dl {
        width: auto;
        padding-top: 0;
        min-width: auto
    }

    .home5 .dr {
        margin: 20px 0 0;
        width: auto
    }

    .home5 .dl .h b {
        font-size: 100px;
        line-height: 1
    }

    .home5 .dr .item .text {
        padding: 30px 10px;
        width: calc(50% - 15px)
    }

    .home5 .dr .item .pic {
        width: calc(50% - 15px)
    }

    .home6 .w-wrap {
        padding: 40px 0 9%
    }

    .home6::before {
        top: 0
    }

    .home6 .dr::before {
        display: none
    }

    .home6 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden
    }

    .home6 .list.act {
        position: static;
        visibility: visible
    }

    .home6 .tabs {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0
    }

    .home6 .tabs .item {
        padding: 0 !important;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px
    }

    .home6 .tabs .item i {
        margin-right: 10px;
        width: 25px
    }

    .home6 .tabs .item::after {
        display: none
    }

    .home6 .list .item {
        width: 33.33% !important
    }

    .home6 .list .item:last-child {
        -webkit-transform: none;
        transform: none;
        position: relative
    }

    .home6 .list .item .text {
        padding: 15px
    }

    .home6 .list .item .text .h {
        display: block
    }

    .home6 .list .item .text .more {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .home1 .btn_l {
        left:15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_l::before {
        display: none
    }

    .home1 .btn_l::after {
        background-size: contain
    }

    .home1 .btn_r {
        right: 15px;
        bottom: -25px;
        width: 50px;
        height: 50px
    }

    .home1 .btn_r::before {
        display: none
    }

    .home1 .btn_r::after {
        background-size: contain
    }

    .title1 {
        margin-bottom: 20px
    }

    .title1 .h {
        font-size: 28px
    }

    .home1 .nav {
        bottom: 15px
    }

    .home1 .child {
        height: 56.5vw
    }

    .home1 .slick-dot {
        width: 25px;
        margin: 0 5px
    }

    .home2 .list {
        display: block
    }

    .home2 .list .dl {
        width: auto;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dl .text .date {
        margin-right: 20px;
        text-align: left
    }

    .home2 .list .dl .text .date b {
        display: inline-block;
        margin-right: 15px
    }

    .home2 .list .dr {
        width: auto;
        margin-top: 10px
    }

    .home2 .list .dl .text {
        padding: 20px;
        display: block
    }

    .home2 .list .dr .item {
        padding: 20px;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px rgba(0,0,0,0.1)
    }

    .home2 .list .dr .item .h {
        margin-top: 5px;
        font-size: 14px
    }

    .home2 .links {
        display: block;
        margin-top: 20px
    }

    .home2 .links .item {
        width: 100% !important
    }

    .home2 .links .item:nth-child(n+2) {
        margin-top: 10px
    }

    .home3 .box1 {
        padding: 20px
    }

    .home3 .box1 .text p:nth-child(n+2) {
        margin-top: 1em
    }

    .home3 .content .box2 {
        padding: 20px
    }

    .home3 .box2 .list {
        border: none;
        margin-top: 20px
    }

    .home3 .box2 .list::before {
        display: none
    }

    .home3 .box2 .list::after {
        display: none
    }

    .home3 .box2 .list .item {
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home3 .box2 .list .item::before {
        display: none
    }

    .home3 .box2 .list .item .h {
        margin-left: 10px
    }

    .home4 .d1 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .d2 .text {
        padding: 0 15px 0 0 !important
    }

    .home4 .d3 .text {
        padding: 0 0 0 15px !important
    }

    .home4 .text .p {
        margin-top: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .home4 .text .date {
        margin-top: 0
    }

    .home4 .text .more1 {
        margin-top: 10px
    }

    .home5 .dl .fc-calendar-container {
        height: 280px
    }

    .home5 .fc-calendar .fc-row>div>span.fc-date {
        font-size: 18px
    }

    .home5 .dl .calendar .fc-calendar .fc-content>div {
        font-size: 18px
    }

    .home5 .dl .h b {
        font-size: 40px;
        margin-right: 19px
    }

    .home5 .dl .box {
        margin-top: 15px
    }

    .home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .home5 .dl .hd span {
        width: 60px
    }

    .home5 .dr .item {
        display: block
    }

    .home5 .dr .item:nth-child(n+2) {
        margin-top: 20px
    }

    .home5 .dl .bb span {
        margin-left: 0px
    }

    .home5 .dl .bb span:nth-child(1) {
        margin-left: 0
    }

    .home5 .dr .item .pic {
        width: auto
    }

    .home5 .dr .item .text {
        width: auto;
        padding: 0;
        margin-top: 15px
    }

    .home5 .dr .item .text ul {
        margin-top: 15px
    }

    .home6 .tabs {
        padding: 0;
        display: block;
        white-space: nowrap;
        overflow: auto;
        background: none;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .home6 .tabs .item {
        display: inline-block;
        height: auto;
        line-height: 1;
        opacity: 0.7
    }

    .home6 .tabs .item.now {
        background: none;
        opacity: 1;
        font-size: 1.1em
    }

    .home6 .tabs .item:nth-child(n+2) {
        margin-left: 10px
    }

    .home6 .tabs .item i {
        display: none
    }

    .home6 .list {
        display: block
    }

    .home6 .list .item {
        width: auto !important
    }

    .home6 .list .item:nth-child(n+2) {
        margin-top: 15px
    }
}

.demo1 {
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    position: fixed;
    width: 350px;
    bottom: 20px;
    right: 100px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.demo1 .pop-dialog {
    width: 430px;
    background-color: transparent;
    vertical-align: bottom;
    margin-left: 63.4%;
    margin-bottom: 20px
}

.demo1 .pop-close {
    position: absolute;
    top: 14px;
    right: 33px;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    color: #fff
}

.demo1 .h {
    font-size: 24px;
    color: #fff;
    height: 54px;
    text-align: center;
    line-height: 54px;
    background: url(../image/syb/bg1.png) no-repeat center center
}

@media screen and (max-width: 768px) {
    .demo1 .h {
        font-size:18px
    }
}

.demo1 .cookie {
    background: url(../image/syb/bg2.png) no-repeat center center;
    padding: 15px 20px;
    background-size: 100% 100%
}

.demo1 .p {
    font-size: 16px;
    color: #ffb0b0;
    text-indent: 2em
}

body:not(.lang-en) .demo1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.demo1 a {
    display: block;
    width: 118px;
    margin: 16px auto 0
}

.demo1 .sub {
    font-size: 18px;
    color: #ffb0b0;
    background-color: #b73334;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .demo1 .sub {
        font-size:16px
    }
}

.demo1.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.new_title {
    text-align: center
}

.new_title .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh;
    color: #5d2727
}

@media screen and (max-width: 768px) {
    .new_title .h {
        font-size:28px
    }
}

.new_title .icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px 0 5px
}

.new_title .icon-box::before,.new_title .icon-box::after {
    content: '';
    width: 127px;
    border-top: 1px dashed rgba(184,31,43,0.3);
    height: 0
}

.new_title .icon-box .icon {
    width: 21px;
    height: 19px;
    background: url(../image/lys/png68-1.png) no-repeat center;
    margin: 0 15px;
    background-size: contain
}

.new_title .t {
    font-size: 24px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_title .t {
        font-size:18px
    }
}

.new_home1 {
    position: relative
}

.new_home1 .frame-box {
    position: relative;
    z-index: 2
}

.new_home1 .child {
    height: 100vh;
    position: relative
}

.new_home1 .child .bg {
    background: no-repeat center center / cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home1 .child .mask {
    z-index: 2
}

.new_home1 .child .txtbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    text-align: center;
    color: #fff5af;
    font-family: yzq;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-shadow: 2.868px 4.096px 79px rgba(0,0,0,0.19)
}

.new_home1 .child .txtbox .t1 {
    margin: 5px;
    font-size: 80px
}

.new_home1 .child .txtbox .t2 {
    margin: 5px;
    font-size: 60px
}

.new_home1 .child .tit {
    font-size: 114px;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: 70px;
    z-index: 3;
    color: #fff;
    font-family: 'sh';
    width: 5em
}

.new_home1 .child .a {
    z-index: 9
}

.new_home1 .child video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0
}

.new_home1 .slick-current .txtbox {
    opacity: 1;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.new_home1 .banner-tools {
    position: absolute;
    bottom: 50px;
    right: 10.9375%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9
}

.new_home1 .nav {
    padding: 6px 19px;
    margin-left: 15px;
    position: relative
}

.new_home1 .nav::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 99px;
    background: #000;
    opacity: 0.2;
    z-index: 1
}

.new_home1 .slick-dots {
    font-size: 0;
    position: relative;
    z-index: 2
}

.new_home1 .slick-dot {
    width: 15px;
    height: 15px;
    background: #c64141;
    padding: 0;
    list-style: none;
    margin: 0 5px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new_home1 .slick-dot::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #eec6c6;
    border-radius: 50%;
    opacity: 0
}

.new_home1 .slick-dot.slick-active::after {
    opacity: 1
}

.new_home1 .banner-btn {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(147,44,44,0.9);
    z-index: 99;
    color: #ffe8dc;
    font-size: 14px;
    cursor: pointer
}

.new_home1 .banner-btn::before {
    content: '\e522';
    font-family: xfont;
    font-style: normal
}

.new_home1 .banner-btn.pause::before {
    content: '\e521'
}

.new_home1 .banner-pro {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 0;
    border-top: 8px solid #c64141;
    z-index: 9
}

.new_home1 .banner-pro.ani {
    -webkit-animation-name: anil;
    animation-name: anil;
    -webkit-animation-duration: 5.8s;
    animation-duration: 5.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 100%
}

.new_home1 .banner-pro.play {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.new_home1 .banner-pro.pause {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.new_home1 .banner-map {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 58px;
    z-index: 9
}

.new_home1 .banner-map .img {
    width: 106px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    cursor: pointer
}

.new_home1 .banner-map .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home1 .banner-map .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home1 .banner-map .line {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px dashed #aa5656;
    border-radius: 999px
}

.new_home1 .banner-map .line img {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto
}

.new_home1 .banner-map .line::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png72.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: r 9s infinite linear;
    animation: r 9s infinite linear;
    background-size: contain
}

.new_home1 .banner-map .item {
    position: relative
}

.new_home1 .banner-map .item:hover .item-menubox {
    right: 100%;
    opacity: 1;
    visibility: visible
}

.new_home1 .banner-map .item+.item {
    margin-top: 20px
}

.new_home1 .banner-map .item:nth-child(2) .line {
    border-color: #587199
}

.new_home1 .banner-map .item:nth-child(2) .line::after {
    background-image: url(../image/lys/png73.png);
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.new_home1 .banner-map .item:nth-child(3) .line::after {
    -webkit-animation-duration: 9.4s;
    animation-duration: 9.4s
}

.new_home1 .banner-map .item-menubox {
    position: absolute;
    top: 5px;
    right: 80%;
    padding-right: 17px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 768px) {
    .new_home1 .banner-map .item-menubox {
        font-size:16px
    }
}

.new_home1 .banner-map .item-menubox .item-menu {
    background: rgba(124,48,48,0.9);
    border-radius: 25px;
    width: 210px;
    padding: 19px 0 28px 50px
}

.new_home1 .banner-map .item-menubox .item-link {
    border-bottom: 1px solid #a04141;
    position: relative
}

.new_home1 .banner-map .item-menubox .item-link::before {
    content: '';
    width: 21px;
    height: 19px;
    background: url(../image/lys/png90.png) no-repeat center 3px;
    position: absolute;
    top: 23px;
    right: calc(100% + 13px)
}

.new_home1 .banner-map .item-menubox .item-link.on::before {
    background-image: url(../image/lys/png91.png);
    background-position: center
}

.new_home1 .banner-map .item-menubox .item-link:last-child {
    border: none
}

.new_home1 .banner-map .item-menubox .item-link a {
    display: block;
    padding: 17px 0;
    padding-right: 10px
}

.new_home1 .banner-map .item-menubox .item-link+.item-link {
    margin-top: 5px
}

@-webkit-keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anil {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.new_home2.showd .new_title::before {
    clip: rect(0, 111px, 390px, 0)
}

.new_home3.showd .new_title::before {
    clip: rect(0, 111px, 446px, 0)
}

.new_home4.showd .new_title::before {
    clip: rect(0, 111px, 545px, 0)
}

.new_home5.showd .new_title::before {
    clip: rect(0, 111px, 444px, 0)
}

.new_home6.showd .new_title::before {
    clip: rect(0, 111px, 282px, 0)
}

.new_bg {
    background-color: #faf8f2
}

.new_home2 {
    position: relative;
    color: #481c1c
}

.new_home2::before {
    content: '';
    width: 100%;
    padding-top: 83.125%;
    background: url(../image/lys/png93.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.new_home2 .n-wrap {
    padding-top: 110px
}

.new_home2 .new_title::before {
    bottom: 70.4769%;
    background-image: url(../image/lys/png54.png)
}

.new_home2 .new_title .h {
    top: 30%
}

.new_home2 .new_title::after {
    top: 30%
}

.new_home2 .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 22px
}

.new_home2 .box1.m-show {
    display: none
}

.new_home2 .box1 .item {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(201,120,76,0.09);
    box-shadow: 0 0 20px rgba(201,120,76,0.09)
}

.new_home2 .box1 .item::before {
    content: '';
    height: 54px;
    border-left: 10px solid #9c7856;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .l {
    width: 50%
}

.new_home2 .box1 .l .l_top {
    position: relative
}

.new_home2 .box1 .l .l_top .item a {
    display: block
}

.new_home2 .box1 .l .l_top .item .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .item .img::before {
    content: '';
    display: block;
    padding-top: 56.08108%
}

.new_home2 .box1 .l .l_top .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .l .l_top .item .t {
    font-size: 24px;
    padding: 17px 38px;
    color: #481c1c
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_top .item .t {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_top .item .t .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_top .slick-dots {
    position: absolute;
    right: 22px;
    font-size: 0;
    bottom: 90px
}

.new_home2 .box1 .l .l_top .slick-dots li {
    list-style: none;
    width: 32px;
    height: 7px;
    background: #fff;
    opacity: 0.4;
    border-radius: 9px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.new_home2 .box1 .l .l_top .slick-dots li.slick-active {
    opacity: 1
}

.new_home2 .box1 .l .l_bottom .item {
    margin-top: 10px;
    font-size: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .l .l_bottom .item {
        font-size:18px
    }
}

.new_home2 .box1 .l .l_bottom .item a {
    display: block;
    padding: 12px 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .l .l_bottom .n {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 22px;
    color: #481c1c;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r {
        font-size:18px
    }
}

.new_home2 .box1 .r .item {
    margin: 10px 0 0 10px;
    width: calc((100% - 20px) / 2);
    height: calc((100% - 20px) / 3);
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.new_home2 .box1 .r .item::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/lys/png66.png) no-repeat bottom right;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1
}

.new_home2 .box1 .r .item a {
    padding: 50px;
    display: block;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-right: 25px
}

.new_home2 .box1 .r .item:nth-child(-n+2) {
    margin-top: 0
}

.new_home2 .box1 .r .item .n {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.new_home2 .box1 .r-img-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-img-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-img-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-img-box .item-txt {
    height: 200px
}

.new_home2 .box1 .r-img-box .item-img {
    width: calc(100% - 10px);
    height: auto
}

.new_home2 .box1 .r-img-box .item-img a {
    padding: 29px 44px
}

.new_home2 .box1 .r-img-box .item-img .img {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-img-box .item-img .img::before {
    content: '';
    display: block;
    padding-top: 56.40244%
}

.new_home2 .box1 .r-img-box .item-img .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-img-box .item-img .img .mask {
    background: url(../image/lys/png70.png) no-repeat center
}

.new_home2 .box1 .r-img-box .item-img .t {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 22px
}

.new_home2 .box1 .r-imgtxt-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new_home2 .box1 .r-imgtxt-box .t-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box1 .r-imgtxt-box .b-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.new_home2 .box1 .r-imgtxt-box .item-txt {
    height: 100%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt {
    height: auto
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt::before {
    display: none
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt a {
    padding: 0
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img {
    position: relative;
    z-index: 2
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a {
    position: relative;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a::before {
    content: '';
    display: block;
    padding-top: 56.13079%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
    position: relative;
    z-index: 2;
    padding: 43.5px 50px;
    overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
    content: '';
    height: 54px;
    border-left: 10px solid #c64141;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
    font-size: 24px;
    line-height: 1.3333
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size:18px
    }
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
    font-size: 18px;
    color: #714646;
    margin-top: 8px;
    line-height: 1.6666
}

@media screen and (max-width: 768px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size:16px
    }
}

.new_home2 .box2 {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li {
    width: 90px;
    height: 330px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home2 .box2 .li .l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 20px 0;
    width: 90px
}

.new_home2 .box2 .li .l-t .t {
    color: #fff;
    font-size: 24px;
    line-height: 1.1;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home2 .box2 .li .l-t .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home2 .box2 .li .l-t a {
    display: block
}

.new_home2 .box2 .li .bg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0
}

.new_home2 .box2 .li .bg a {
    display: block;
    width: 100%;
    height: 100%
}

.new_home2 .box2 .li.cur {
    width: calc(100% - 270px)
}

.new_home2 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.new_home3 {
    color: #fff;
    position: relative
}

.new_home3::before {
    content: '';
    width: 26.875%;
    padding-top: 53.80208%;
    background: url(../image/lys/png111.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 2.442%
}

.new_home3 .n-wrap {
    padding-top: 80px
}

.new_home3 .new_title::before {
    bottom: 58.5502%;
    background-image: url(../image/lys/png56.png)
}

.new_home3 .new_title .h {
    top: 43.6802%
}

.new_home3 .new_title::after {
    top: 43.6802%
}

.new_home3 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.new_home3 .cont .img-box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.new_home3 .cont .img-box .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 107px
}

.new_home3 .cont .txt-box {
    color: #fff;
    padding: 80px 110px 87px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.new_home3 .cont .txt-box .l-t {
    font-size: 24px;
    line-height: 1.5;
    height: 72px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .l-t {
        font-size:18px
    }
}

.new_home3 .cont .txt-box .p {
    font-size: 18px;
    margin-top: 44px
}

@media screen and (max-width: 768px) {
    .new_home3 .cont .txt-box .p {
        font-size:16px
    }
}

body:not(.lang-en) .new_home3 .cont .txt-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.new_home3 .cont .img {
    width: 70.2666%;
    position: relative;
    overflow: hidden;
    margin: auto;
    z-index: 2
}

.new_home3 .cont .img::before {
    content: '';
    display: block;
    padding-top: 74.95256%
}

.new_home3 .cont .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home3 .cont .l-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.new_home3 .cont .l-box .img-box .bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home3 .cont .l-box .img-box .bg::before,.new_home3 .cont .l-box .img-box .bg::after {
    content: '';
    width: 50%;
    height: 100%;
    display: block
}

.new_home3 .cont .l-box .img-box .bg::before {
    background-color: #953535
}

.new_home3 .cont .l-box .img-box .bg::after {
    background-color: #612525
}

.new_home3 .cont .l-box .txt-box {
    background-color: #5d2727
}

.new_home3 .cont .r-box {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.new_home3 .cont .r-box .img-box .bg {
    top: 0;
    bottom: 107px;
    background: #9c7856
}

.new_home3 .cont .r-box .txt-box {
    background-color: #942c2c
}

.new_home3 .morebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 74px
}

.new_home4 {
    position: relative
}

.new_home4::before {
    content: '';
    position: absolute;
    width: 25.67708%;
    padding-top: 53.33333%;
    background: url(../image/lys/png110.png) no-repeat center;
    background-size: contain;
    left: 0;
    bottom: 52.28891%
}

.new_home4 .n-wrap {
    padding-top: 104px
}

.new_home4 .new_title {
    left: 1px
}

.new_home4 .new_title::before {
    bottom: 47.8427%;
    background-image: url(../image/lys/png57.png)
}

.new_home4 .new_title .h {
    top: 52.1573%
}

.new_home4 .new_title::after {
    top: 52.1573%
}

.new_home4 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.new_home4 .cont.pshow {
    margin-top: 70px
}

.new_home4 .cont.mshow {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new_home4 .cont .item {
    position: relative;
    width: calc(100% / 3);
    padding-left: 95px;
    -webkit-transition: all 1.4s;
    transition: all 1.4s
}

.new_home4 .cont .item:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.new_home4 .cont .item:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.new_home4 .cont .item .l-box .l-tit {
    font-size: 36px;
    font-family: sh;
    color: #481b1b;
    position: absolute;
    overflow: hidden;
    width: 95px;
    height: 207px;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    padding: 0 15px 0 7px
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .l-box .l-tit {
        font-size:24px
    }
}

body:not(.lang-en) .new_home4 .cont .item .l-box .l-tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .l-box .l-tit::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    position: absolute;
    top: 0;
    right: -1px;
    -webkit-transform: skewY(-50deg);
    transform: skewY(-50deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.new_home4 .cont .item .l-box .bg {
    width: 95px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    top: 17.23625%;
    bottom: 130px;
    left: 0;
    z-index: 1
}

.new_home4 .cont .item .img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home4 .cont .item .img::before {
    content: '';
    display: block;
    padding-top: 166.17284%
}

.new_home4 .cont .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home4 .cont .item .img a {
    display: block
}

.new_home4 .cont .item .img .txtbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 45px 43px
}

.new_home4 .cont .item .img .txtbox .t {
    font-size: 20px;
    color: #fff;
    line-height: 1.8
}

@media screen and (max-width: 768px) {
    .new_home4 .cont .item .img .txtbox .t {
        font-size:18px
    }
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .t {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.new_home4 .cont .item .img .txtbox .new_more {
    position: absolute;
    right: 30px;
    bottom: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-shadow: 0px 0px 15px #000000
}

.new_home4 .cont .item .img .txtbox .new_more .icon {
    margin: 0 0 14px
}

.new_home4 .cont .item .img .txtbox .new_more .t {
    font-size: 16px
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .new_more .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.new_home4 .cont .item .img .txtbox .new_more .icon::before {
    -webkit-box-shadow: 0px 0px 50px 0px #000000;
    box-shadow: 0px 0px 50px 0px #000000;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%
}

.new_home4 .cont .item:nth-child(1) .l-box .bg {
    background-image: url(../image/lys/jpg50.jpg)
}

.new_home4 .cont .item:nth-child(1) .l-box .l-tit::before {
    border-color: #b08b68
}

.new_home4 .cont .item:nth-child(2) .l-box .bg {
    background-image: url(../image/lys/jpg51.jpg)
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit {
    bottom: 83px
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit::before {
    border-color: #c64141
}

.new_home4 .cont .item:nth-child(3) .l-box .bg {
    background-image: url(../image/lys/jpg52.jpg)
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit {
    top: 0px
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit::before {
    border-color: #556f98
}

.new_home5 {
    position: relative;
    overflow: hidden
}

.new_home5::before {
    content: '';
    position: absolute;
    width: 28.17708%;
    padding-top: 52.60416%;
    background: url(../image/lys/png109.png) no-repeat center;
    background-size: contain;
    right: 0;
    bottom: 13.162878%
}

.new_home5 .new_title::before {
    background-image: url(../image/lys/png58.png);
    bottom: 57.6886%
}

.new_home5 .new_title::after {
    top: 42.3114%
}

.new_home5 .new_title .h {
    top: 42.3114%
}

.new_home5 .n-wrap {
    padding-top: 100px
}

.new_home5 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background: url(../image/lys/jpg55-1.jpg) no-repeat center;
    background-size: cover;
    padding: 126px 80px 153px;
    margin-top: 34px;
    position: relative
}

.new_home5 .cont::before {
    content: '';
    position: absolute;
    bottom: 60px;
    left: 80px;
    right: 90px;
    height: 40px;
    background: url(../image/lys/png81.gif);
    background-size: contain
}

.new_home5 .dl {
    width: 30.076%;
    min-width: 355px;
    padding-top: 34px;
    position: relative
}

.new_home5 .dl::before {
    content: '';
    width: 81.75%;
    padding-top: 73%;
    position: absolute;
    left: 100%;
    top: 0;
    background: url(../image/lys/png82.gif.png) no-repeat center;
    background-size: contain
}

.new_home5 .dl .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: tj;
    padding-right: 30px
}

.new_home5 .dl .h b {
    font-weight: normal;
    font-size: 143px;
    line-height: 0.6;
    margin-left: 45px
}

.new_home5 .dl .h span {
    display: block
}

.new_home5 .dl .box {
    background: #942c2c
}

.new_home5 .dl .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(179,147,141,0.2)
}

.new_home5 .dl .hd span {
    font-family: xfont;
    width: 80px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    display: block
}

.new_home5 .dl .hd strong {
    border-left: 1px solid rgba(179,147,141,0.2);
    border-right: 1px solid rgba(179,147,141,0.2);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    display: block
}

.new_home5 .dl .hd .disp {
    opacity: 0;
    visibility: hidden
}

.new_home5 .dl .calendar {
    margin: 15px 25px;
    width: auto;
    height: 322px
}

.new_home5 .dl .calendar .fc-calendar .fc-head {
    font-size: 18px
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div {
    padding: 0;
    pointer-events: none
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div,.new_home5 .dl .calendar .fc-calendar .fc-head>div {
    width: calc(99% / 7)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
    left: 50%;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    top: 0px;
    width: 2.75em;
    height: 2.75em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    padding-top: 0.75em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.new_home5 .dl .calendar .fc-calendar .fc-content>div {
    padding: 1.8em 0 0;
    text-align: center;
    line-height: 0;
    font-size: 20px;
    position: relative;
    z-index: 2
}

.new_home5 .dl .calendar .fc-today .fc-date {
    background: #9c7856;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #7db879;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .b {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #dc6868;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .c {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    background: #537db7;
    margin: 0 2px
}

.new_home5 .dl .calendar .fc-content {
    cursor: pointer
}

.new_home5 .dl .calendar .fc-content.act span.fc-date {
    background: #668664;
    border-radius: 100%;
    color: #fff
}

.new_home5 .dl .calendar .fc-calendar .fc-row .fc-content {
    pointer-events: visible
}

.new_home5 .dl .bb {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(179,147,141,0.2);
    font-size: 14px
}

.new_home5 .dl .bb span {
    margin: 0 10px;
    position: relative;
    padding-left: 13px
}

.new_home5 .dl .bb span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 7px
}

.new_home5 .dl .bb span:nth-child(1):before {
    background: #7db879
}

.new_home5 .dl .bb span:nth-child(2):before {
    background: #dc6868
}

.new_home5 .dl .bb span:nth-child(3):before {
    background: #537db7
}

.new_home5 .dr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 140px;
    width: 0;
    position: relative
}

.new_home5 .dr .list {
    margin-top: 22px
}

.new_home5 .dr .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px
}

.new_home5 .dr .item .pic {
    position: relative;
    overflow: hidden;
    width: 43.7%;
    margin-top: 6px
}

.new_home5 .dr .item .pic::before {
    content: '';
    display: block;
    padding-top: 141.69096%
}

.new_home5 .dr .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home5 .dr .item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 95px
}

.new_home5 .dr .item .text .h {
    font-size: 22px;
    line-height: 1.45
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text .h {
        font-size:18px
    }
}

.new_home5 .dr .item .text ul {
    padding: 0;
    margin: 0;
    margin-top: 28px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .item .text ul {
        font-size:18px
    }
}

.new_home5 .dr .item .text li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 5px
}

.new_home5 .dr .item .text li i {
    margin-right: 15px;
    text-align: center;
    display: inline-block;
    width: 20px
}

.new_home5 .dr .item .text li i img {
    width: 100%;
    height: auto;
    display: block
}

.new_home5 .dr .slick-tools {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: calc(43.7% + 95px);
    bottom: 75px
}

.new_home5 .dr .slick-tools .slick-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow {
    width: 50px;
    height: 50px;
    background: url(../image/lys/png36.png) no-repeat center;
    background-size: contain;
    font-family: xfont
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
    margin-left: 20px
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow::before {
    content: '\e504';
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home5 .dr .slick-tools .slick-nav .slick-next::before {
    content: '\e505'
}

.new_home5 .dr .slick-tools .slick-paging {
    margin-left: 20px;
    font-size: 24px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .new_home5 .dr .slick-tools .slick-paging {
        font-size:18px
    }
}

.new_home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #612525;
    width: 4px
}

.new_home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
    background: #942c2c;
    width: 2px
}

.new_home6 {
    position: relative
}

.new_home6 .new_title {
    left: -2px
}

.new_home6 .new_title::before {
    background-image: url(../image/lys/png59.png);
    bottom: 76.4261%
}

.new_home6 .new_title::after {
    top: 23.5739%;
    bottom: 38.7583%
}

.new_home6 .new_title .h {
    top: 23.5739%
}

.new_home6 .n-wrap {
    padding-top: 107px
}

.new_home6 .cont {
    margin-top: 26px
}

.new_home6 .cont .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new_home6 .cont .tabs .item {
    position: relative;
    width: 10.6%;
    margin: 0 4.4666%;
    text-align: center
}

.new_home6 .cont .tabs .item::before {
    content: '';
    padding-top: 94.96855%;
    display: block
}

.new_home6 .cont .tabs .item+.item .line {
    border-top: 1px solid #e0d9ce;
    position: absolute;
    bottom: 42px;
    width: 66.0377%;
    right: calc(100% + 13px)
}

.new_home6 .cont .tabs .item+.item .line::before,.new_home6 .cont .tabs .item+.item .line::after {
    content: '';
    position: absolute;
    top: 50%;
    border-left: 1px solid #e0d9ce;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 11px
}

.new_home6 .cont .tabs .item+.item .line::before {
    left: -1px
}

.new_home6 .cont .tabs .item+.item .line::after {
    right: -1px
}

.new_home6 .cont .tabs .item a {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent
}

.new_home6 .cont .tabs .item .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

.new_home6 .cont .tabs .item .bg .bg-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 1.2s;
    transition: all 1.2s
}

.new_home6 .cont .tabs .item .bg .be {
    background-image: url(../image/lys/png113.png);
    -webkit-animation: hd 5s infinite linear;
    animation: hd 5s infinite linear
}

.new_home6 .cont .tabs .item .bg .af {
    background-image: url(../image/lys/png112.png);
    -webkit-animation: hd1 5s infinite linear;
    animation: hd1 5s infinite linear
}

.new_home6 .cont .tabs .item .ipd {
    position: absolute;
    z-index: 2;
    padding-bottom: 26px;
    bottom: 0;
    left: 0;
    width: 100%
}

.new_home6 .cont .tabs .item .icon {
    width: 32.7044%;
    position: relative;
    overflow: hidden;
    margin: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.new_home6 .cont .tabs .item .icon::before {
    content: '';
    display: block;
    padding-top: 105.76923%
}

.new_home6 .cont .tabs .item .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .tabs .item .icon .i2 {
    opacity: 0
}

.new_home6 .cont .tabs .item .t {
    font-size: 22px;
    color: #481b1b;
    margin-top: 3px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:18px
    }
}

.new_home6 .cont .tabs .item.now .bg {
    opacity: 1;
    visibility: visible
}

.new_home6 .cont .tabs .item.now .icon .i2 {
    opacity: 1
}

.new_home6 .cont .tabs .item.now .icon .i1 {
    opacity: 0
}

.new_home6 .cont .tabs .item.now .t {
    color: #fff
}

.new_home6 .cont .dr {
    position: relative;
    margin-top: 80px
}

.new_home6 .cont .dr .list {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new_home6 .cont .dr .list.act {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 2
}

.new_home6 .cont .dr .list .item {
    position: relative;
    width: calc(100% / 3)
}

.new_home6 .cont .dr .list .item:hover {
    z-index: 1
}

.new_home6 .cont .dr .list .item .pic {
    position: relative;
    overflow: hidden
}

.new_home6 .cont .dr .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 74%
}

.new_home6 .cont .dr .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home6 .cont .dr .list .item .text .h {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    font-family: 'sh';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:28px
    }
}

.new_home6 .cont .dr .list .item .text .new_more {
    position: absolute;
    bottom: 30px;
    left: 30px
}

.new_home6 .cont .dr .list .item .text .new_more .icon {
    margin: 0
}

@-webkit-keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

@keyframes bgani {
    0% {
        background-position: 0 center
    }

    100% {
        background-position: -1920px center
    }
}

.new_home7 {
    position: relative
}

.new_home7::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png92.png) no-repeat bottom center;
    background-size: contain;
    padding-top: 37.0833%
}

.new_home7 .n-wrap {
    padding-top: 88px;
    padding-bottom: 128px
}

.new_home7 .cont {
    margin-top: 82px;
    position: relative
}

.new_home7 .line-box {
    position: absolute;
    left: 50%;
    bottom: 25.792%;
    padding-top: 14.3229%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.new_home7 .line-box .slick-mod {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.new_home7 .line-box img {
    width: 100%;
    height: auto
}

.new_home7 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home7 .list .item {
    width: calc((100% - 100px) / 3);
    position: relative
}

.new_home7 .list .item+.item {
    margin-left: 50px
}

.new_home7 .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.new_home7 .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.new_home7 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.new_home7 .img img {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.new_home7 .txt-box {
    text-align: center;
    position: absolute;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    padding: 55px 10px 0
}

.new_home7 .txt-box .t1 {
    font-size: 36px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t1 {
        font-size:24px
    }
}

.new_home7 .txt-box .t2 {
    font-size: 22px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .new_home7 .txt-box .t2 {
        font-size:18px
    }
}

.new_home8 {
    position: relative
}

.new_home8::before {
    content: '';
    width: 19.7916%;
    padding-top: 54.9479%;
    position: absolute;
    left: 0;
    top: -8.714%;
    background: url(../image/lys/png106.png) no-repeat center;
    background-size: contain
}

.new_home8::after {
    content: '';
    width: 11.4583%;
    padding-top: 14.7916%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../image/lys/png107.png) no-repeat center;
    background-size: contain
}

.new_home8 .n-wrap {
    padding: 108px 0 300px
}

.new_home8 .cont {
    position: relative;
    margin-top: 59px
}

.new_home8 .cont::after {
    content: '';
    width: 100vw;
    padding-top: 13.2%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../image/lys/png108.png);
    z-index: 1
}

.new_home8 .cont .imgbox {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding-top: 98.86364%;
    position: relative
}

.new_home8 .cont .img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    overflow: hidden;
    border-radius: 0 150px 0 150px
}

.new_home8 .cont .img img {
    width: 100%;
    height: auto
}

.new_home8 .cont .i2 {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.new_home8 .cont .tbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 25px 38px;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.new_home8 .cont .tbox .t {
    font-size: 24px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:18px
    }
}

.new_home8 .cont .list {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new_home8 .cont .list .li {
    position: relative;
    width: calc((100% - 180px) / 3)
}

.new_home8 .cont .list .li+.li {
    margin-left: 90px
}

.new_home8 .cont .list .li .zs {
    position: absolute;
    top: 42.0689%;
    left: 100%;
    height: 47.5862%;
    overflow: hidden
}

.new_home8 .cont .list .li .zs::before {
    content: '';
    height: 100%;
    border-left: 15px solid;
    -webkit-transform: skewY(-32deg);
    transform: skewY(-32deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    display: block
}

.new_home8 .cont .list .li:nth-child(1) .zs::before {
    border-color: #c64141
}

.new_home8 .cont .list .li:nth-child(1) .tbox {
    background-image: url(../image/lys/png103.png)
}

.new_home8 .cont .list .li:nth-child(2) {
    -webkit-transform: translateY(83px);
    transform: translateY(83px)
}

.new_home8 .cont .list .li:nth-child(2) .zs::before {
    border-color: #b08b68
}

.new_home8 .cont .list .li:nth-child(2) .tbox {
    background-image: url(../image/lys/png104-1.png)
}

.new_home8 .cont .list .li:nth-child(3) .zs::before {
    border-color: #556f98
}

.new_home8 .cont .list .li:nth-child(3) .tbox {
    background-image: url(../image/lys/png105.png)
}

@media screen and (min-width: 1025px) {
    .new_home1 .banner-map .item-menubox .item-link:hover::before {
        background-image:url(../image/lys/png91.png);
        background-position: center
    }

    .new_home2 .box1 .r .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .r .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r .item:hover::after {
        top: 0;
        left: 0;
        opacity: 1
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt:hover .p {
        color: #fff
    }

    .new_home2 .box1 .l .l_bottom .item:hover {
        background-color: #942c2c
    }

    .new_home2 .box1 .l .l_bottom .item:hover a {
        color: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover {
        background: #fff
    }

    .new_home2 .box1 .r-img-box .item-img:hover::after {
        opacity: 0
    }

    .new_home4 .cont .item:hover .l-box .l-tit {
        -webkit-transform: translateY(-94px);
        transform: translateY(-94px);
        -webkit-transition-delay: 0.02s;
        transition-delay: 0.02s
    }

    .new_home4 .cont .item:hover .img {
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px)
    }

    .new_home4 .cont .item .img:hover .i {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .new_home6 .cont .tabs .item:hover .icon {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .new_home6 .cont .tabs .item:hover .bg .af {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .new_home6 .cont .tabs .item:hover .bg .be {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .new_home6 .cont .dr .list .item:hover .text .h {
        opacity: 1;
        margin-top: 0
    }

    .new_home7 .item:hover .i {
        width: 105%
    }

    .new_home8 .cont .list .li:hover .i2 {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .new_home8 .cont .list .li:hover .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 1720px) {
    .new_title {
        font-size:40px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1720px) and (max-width: 768px) {
    .new_title {
        font-size:26px
    }
}

@media screen and (max-width: 1720px) {
    .new_home2 .n-wrap {
        padding-top:80px
    }

    .new_home3 .n-wrap {
        padding-top: 80px
    }

    .new_home4 .n-wrap {
        padding-top: 80px
    }

    .new_home5 .n-wrap {
        padding-top: 80px
    }

    .new_home6 .n-wrap {
        padding-top: 80px
    }
}

@media screen and (max-width: 1600px) {
    .new_home2 .box1 .l .l_top .item .img .t {
        padding:15px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding-left: 35px;
        padding-right: 35px
    }

    .new_home2 .box1 .r .item a {
        padding: 25px;
        line-height: 1.5
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t a {
        padding: 0
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 25px 25px 44px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 189px
    }

    .new_home3 .cont .r .r-box {
        padding: 50px
    }

    .new_home3 .cont .r .r-box .list {
        margin-top: 40px
    }

    .new_home3 .cont .l .l-box {
        padding: 50px
    }

    .new_home3 .cont .l .l-box .morebox {
        margin-top: 40px
    }

    .new_home4 .cont .item {
        padding-left: 80px
    }

    .new_home4 .cont .item .img .txtbox {
        padding: 20px
    }

    .new_home4 .cont .item .l-box .bg {
        width: 80px
    }

    .new_home4 .cont .item .l-box .l-tit {
        width: 80px
    }

    .new_home4 .cont .item .img .txtbox .new_more {
        right: 20px;
        bottom: 20px
    }

    .new_home5 .cont {
        padding: 68px 50px 76px
    }

    .new_home5 .cont::before {
        left: 50px;
        right: 50px;
        bottom: 30px
    }

    .new_home5 .dr {
        margin-left: 100px
    }

    .new_home5 .dr .item .pic {
        width: 50%
    }

    .new_home5 .dr .item .text {
        margin-left: 20px
    }

    .new_home5 .dr .item:nth-child(even) .text {
        padding: 35px;
        margin: 0;
        padding-left: 0
    }

    .new_home5 .dr .item .text ul {
        margin-top: 15px
    }

    .new_home5 .dr .slick-tools {
        left: calc(50% + 20px)
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
    .new_home6 .cont .tabs .item .t {
        font-size:16px
    }
}

@media screen and (max-width: 1600px) {
    .new_home6 .cont .dr {
        margin-top:40px
    }
}

@media screen and (max-width: 1500px) {
    .new_home1 .child .txtbox .t1 {
        font-size:60px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 40px
    }

    .new_home1 .child .tit {
        font-size: 80px;
        margin-left: 30px
    }

    .new_home5 .dr .item .text .h {
        font-size: 20px
    }

    .new_home5 .dr .item .text ul {
        font-size: 16px
    }

    .new_home3 .cont .txt-box {
        padding: 40px 50px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 20px
    }
}

@media screen and (max-width: 1400px) {
    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding-bottom:45px
    }

    .new_home8 .cont .list .li {
        width: calc((100% - 80px) / 3)
    }

    .new_home8 .cont .list .li+.li {
        margin-left: 40px
    }

    .new_home8 .cont .tbox {
        padding: 20px
    }

    .new_home8 .cont .img {
        border-radius: 0 120px 0 120px
    }

    .new_home8 .cont .tbox .t {
        font-size: 18px
    }
}

@media screen and (max-width: 1400px) and (max-width: 768px) {
    .new_home8 .cont .tbox .t {
        font-size:16px
    }
}

@media screen and (max-width: 1300px) {
    .new_home1 .child .tit {
        font-size:60px;
        margin-left: 10px
    }

    .new_home2 .box1 .r-img-box .item-txt {
        height: 160px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt {
        height: auto
    }

    .new_home2 .box1 .r {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .item .t {
        font-size: 18px
    }

    .new_home2 .box1 .r .item a {
        padding: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 20px 20px 30px
    }

    .new_home2 .box1 .l .l_bottom .item,.new_home2 .box1 .l .l_top .item .img .t {
        font-size: 18px
    }

    .new_home2 .box1 .l .l_top .slick-dots {
        bottom: 78px
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 18px;
        padding: 15px 0 0 15px
    }

    .new_home3 .cont .l .l-box .l-t,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
        font-size: 18px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        font-size: 16px
    }

    .new_home4 .cont .item .l-box .l-tit {
        font-size: 28px;
        height: 120px
    }

    .new_home4 .cont .item .img .txtbox .t {
        font-size: 16px
    }
}

@media screen and (max-width: 1200px) {
    .demo1 {
        right:60px
    }
}

@media screen and (max-width: 1100px) {
    .new_home2 .n-wrap {
        padding-top:60px
    }

    .new_home3 .n-wrap {
        padding-top: 60px
    }

    .new_home4 .n-wrap {
        padding-top: 60px
    }

    .new_home5 .n-wrap {
        padding-top: 60px
    }

    .new_home7 .n-wrap {
        padding-top: 60px;
        padding-bottom: 0
    }

    .new_home8 .n-wrap {
        padding-top: 60px;
        padding-bottom: 260px
    }

    .new_home6 .cont .tabs .item .ipd {
        padding-bottom: 15px
    }
}

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

    .nh_line {
        display: none
    }

    .new_title {
        position: static;
        width: auto;
        margin-bottom: 30px
    }

    .new_title::before {
        display: none
    }

    .new_title::after {
        display: none
    }

    .new_title .h {
        -webkit-transform: none !important;
        transform: none !important;
        margin: 0;
        font-size: 38px;
        transform: none;
        position: static
    }

    body:not(.lang-en) .new_title .h {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_title .more1 {
        margin-top: 10px !important;
        opacity: 1;
        position: static
    }

    body:not(.lang-en) .new_title .more1 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home1 .child {
        height: calc(100vh - 62px)
    }

    .new_home2 .n-wrap {
        padding-top: 50px
    }

    .new_home3 .n-wrap {
        padding-top: 40px
    }

    .new_home4 .n-wrap {
        padding-top: 40px
    }

    .new_home5 .n-wrap {
        padding-top: 40px
    }

    .new_home6 .n-wrap {
        padding-top: 40px
    }

    .new_home1 {
        margin-top: 0
    }

    .new_home1 .child .tit {
        font-size: 40px;
        margin-left: 0
    }

    .new_home2 .box1 .item::before {
        display: none
    }

    .new_home2 .box2 {
        display: block
    }

    .new_home2 .box2 .li {
        width: 100% !important;
        height: 250px
    }

    .new_home2 .box2 .li .l-t {
        padding: 20px 0
    }

    .new_home2 .box2 .li .l-t .t {
        font-size: 18px
    }

    .new_home2 .box2 .li+.li {
        margin-top: 10px
    }

    .new_home2 .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r .item a {
        padding: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
        padding: 15px
    }

    .new_home3 .cont .txt-box .l-t {
        height: auto
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 35px
    }

    .new_home3 .cont .r .r-box .list,.new_home3 .cont .l .l-box .morebox {
        margin-top: 20px
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
        display: none
    }

    .new_home4 .cont .item {
        padding-left: 60px
    }

    .new_home4 .cont .item .l-box .l-tit {
        padding: 0;
        top: 0 !important;
        bottom: auto;
        width: 60px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .new_home4 .cont .item .l-box .bg {
        width: 60px
    }

    .new_home4 .cont .item .l-box .l-tit::before {
        display: none
    }

    .new_home4 .cont .item:nth-child(2) .img,.new_home4 .cont .item:nth-child(1) .img {
        top: 0
    }

    .new_home5 .cont {
        padding: 20px 20px 60px;
        display: block
    }

    .new_home5 .cont::before {
        left: 20px;
        right: 20px;
        height: 20px
    }

    .new_home5 .dl {
        width: 100%;
        min-width: auto;
        padding-top: 0
    }

    .new_home5 .dl::before {
        display: none
    }

    .new_home5 .dl .h b {
        font-size: 100px;
        margin-left: 0
    }

    .new_home5 .dl .box {
        margin-top: 0px
    }

    .new_home5 .dr {
        margin: 30px 0 0;
        width: 100%
    }

    .new_home5 .dr .item {
        padding-left: 0
    }

    .new_home6 .cont {
        display: block
    }

    .new_home6 .cont .tabs {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .new_home6 .cont .tabs .item {
        width: 15%;
        margin: 0 10px
    }

    .new_home6 .cont .dr {
        margin-top: 20px
    }

    .new_home6 .cont .dr .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .dr .list .item {
        width: 50% !important;
        margin: 0 !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        left: auto !important
    }

    .new_home6 .cont .dr .list .m-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 15px
    }

    .new_home6 .cont .dr .list .item .text .h {
        margin: 0;
        opacity: 1;
        visibility: visible;
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
    .new_home6 .cont .dr .list .item .text .h {
        font-size:18px
    }
}

@media screen and (max-width: 1024px) {
    .new_home6 .cont .dr .list .item .text {
        padding:0
    }

    .new_home6 .cont .tabs .item::before {
        height: 5px;
        width: 100%;
        top: auto;
        bottom: 0
    }

    .new_home6 .cont .tabs .item.now::before {
        height: 100%
    }

    .new_home6 .cont .tabs .item+.item .line {
        display: none
    }

    .new_home1 .banner-map {
        right: 20px
    }

    .new_home1 .banner-map .img {
        width: 80px
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        padding: 10px 10px 10px 30px
    }

    .new_home1 .banner-map .item-menubox .item-link::before {
        top: 11px;
        right: 100%
    }

    .new_home1 .banner-map .item-menubox .item-link a {
        padding: 5px 0
    }

    .new_home7 .cont {
        padding-top: 0
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home7 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .new_home7 .list .item {
        position: relative;
        width: calc((100% - 20px) / 2);
        height: auto;
        padding: 0;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home7 .list .item:nth-child(2) {
        margin-left: 20px
    }

    .new_home7 .list .img,.new_home7 .list.on .img {
        width: 100%;
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        -webkit-transition: none;
        transition: none
    }

    .new_home7 .list .txt-box,.new_home7 .list.on .txt-box {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: none;
        transition: none;
        padding-top: 0
    }

    .new_home7 .txt-box .t2 {
        margin-top: 5px
    }

    .new_home7 .item::after {
        display: none
    }

    .new_home7 .txt-box .t1,.new_home7 .txt-box .t2 {
        color: #fff
    }

    .new_home7 .img .mask {
        background: rgba(0,0,0,0.3)
    }

    .new_home8 .n-wrap {
        padding-bottom: 160px
    }

    .new_home8 .cont {
        margin-top: 20px
    }

    .new_home7 .line-box {
        display: none
    }

    .new_home8 .cont .i2 {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .tbox {
        opacity: 1
    }
}

@media screen and (max-width: 850px) {
    .new_home2 .box1 {
        display:none
    }

    .new_home2 .box1.m-show {
        display: block
    }

    .new_home2 .box1.m-show .item .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box1.m-show .item .img::before {
        content: '';
        display: block;
        padding-top: 56.08108%
    }

    .new_home2 .box1.m-show .item .img .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box1.m-show .item+.item {
        margin-top: 10px
    }

    .new_home2 .box1.m-show .item.item-img a {
        padding: 0
    }

    .new_home2 .box1.m-show .item.item-img .t {
        padding: 10px 20px
    }

    .new_home2 .box1.m-show .item a {
        padding: 10px 20px;
        display: block
    }

    .new_home2 .box1 .l {
        width: 100%
    }

    .new_home2 .box1 .l .slick-track {
        width: 100% !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide {
        margin-top: 10px
    }

    .new_home2 .box1 .l .l_top .slick-slide+.slick-slide .img {
        display: none
    }

    .new_home2 .box1 .l .l_top .item .t {
        padding: 10px 20px
    }

    .new_home2 .box1 .l .l_bottom .item a {
        padding: 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r {
        display: block;
        position: relative;
        width: 100%
    }

    .new_home2 .box1 .r .item {
        margin: 10px 0 0;
        width: 100%
    }

    .new_home2 .box1 .r .item a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_home2 .box1 .r .item:nth-child(-n+2) {
        margin-top: 10px
    }

    .new_home2 .box1 .r-img-box .t-box {
        display: block
    }

    .new_home2 .box1 .r-img-box .b-box {
        margin: 0
    }

    .new_home2 .box1 .r-img-box .item {
        min-height: auto;
        height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item {
        min-height: auto
    }

    .new_home2 .box1 .r-imgtxt-box .item .txt {
        padding-bottom: 15px
    }

    .new_home2 .box1 .r-imgtxt-box .t-box,.new_home2 .box1 .r-imgtxt-box .b-box {
        display: block
    }

    .new_home2 .box2 .li {
        display: block;
        height: auto
    }

    .new_home2 .box2 .li .l-t {
        width: 100%;
        padding: 10px 20px;
        background-size: cover
    }

    .new_home2 .box2 .li .l-t .t {
        text-align: center
    }

    body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .new_home2 .box2 .li .bg {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .new_home2 .box2 .li .bg::before {
        content: '';
        display: block;
        padding-top: 34.375%
    }

    .new_home2 .box2 .li .bg .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .new_home2 .box2 .li .bg a {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home2 .box1 .r-img-box .item-img .img::before {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .img img,.new_home2 .box1 .r-img-box .item-img .img .mask {
        display: none
    }

    .new_home2 .box1 .r-img-box .item-img .t {
        position: static;
        padding: 0;
        color: #481c1c
    }

    .new_home2 .box1 .r-imgtxt-box .item-imgtxt .img,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
        display: none
    }

    .new_home3 .cont {
        display: block
    }

    .new_home3 .cont .img-box .bg {
        display: none
    }

    .new_home3 .cont .img {
        width: 100%
    }

    .new_home3 .cont .txt-box {
        padding: 20px
    }

    .new_home3 .cont .txt-box .p {
        margin-top: 10px
    }

    .new_home3 .cont .r-box,.new_home3 .cont .l-box {
        width: 100%;
        display: block
    }

    .new_home3 .cont .r-box {
        margin-top: 30px
    }

    .new_home3 .cont .l-box .img-box .bg {
        display: none
    }

    .new_home3 .morebox {
        margin-top: 20px
    }

    .new_home8 .n-wrap {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .new_home8 .cont::after {
        display: none
    }

    .new_home8 .cont .list {
        display: block
    }

    .new_home8 .cont .list .li {
        width: 100%
    }

    .new_home8 .cont .list .li+.li {
        margin: 20px 0 0
    }

    .new_home8 .cont .list .li:nth-child(2) {
        -webkit-transform: none;
        transform: none
    }

    .new_home8 .cont .list .li .zs {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .new_home2 .box1 .item .n {
        display:-webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .new_title .h {
        font-size: 28px
    }

    .new_home1 .child {
        height: calc(100vh - 60px)
    }

    .new_home1 .child video {
        position: absolute;
        top: 0;
        left: 0
    }

    .new_home1 .child .tit {
        margin-left: 10px;
        font-size: 24px
    }

    .new_home1 .banner-tools {
        bottom: 15px;
        right: 10px
    }

    .new_home1 .banner-tools .nav {
        padding: 5px
    }

    .new_home1 .slick-dot {
        margin: 0 5px
    }

    .new_home1 .child .txtbox {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .new_home1 .child .txtbox .t1 {
        font-size: 24px
    }

    .new_home1 .child .txtbox .t2 {
        font-size: 20px
    }

    .new_home1 .banner-map {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home1 .banner-map .item-menubox {
        right: auto;
        left: 0px;
        top: calc(100% + 5px)
    }

    .new_home1 .banner-map .item-menubox .item-menu {
        width: 160px
    }

    .new_home1 .banner-map .item {
        z-index: 1
    }

    .new_home1 .banner-map .item:first-child {
        z-index: 9
    }

    .new_home1 .banner-map .item .img {
        width: 70px
    }

    .new_home1 .banner-map .item+.item {
        margin: 0 0 0 10px
    }

    .new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
        padding: 20px
    }

    .new_home3 .cont .r .r-box .list .li a {
        display: block
    }

    .new_home3 .cont .r .r-box .list .li .img {
        width: 100%
    }

    .new_home3 .cont .r .r-box .list .li .t {
        font-size: 16px;
        padding: 5px 0 0
    }

    .new_home3 .cont .l .l-box .p {
        margin-top: 5px
    }

    .new_home3 .cont .txt-box .l-t {
        font-size: 18px
    }

    .new_home3 .cont .txt-box .p {
        font-size: 14px
    }

    .new_home4 .cont {
        display: block
    }

    .new_home4 .cont.mshow {
        opacity: 1;
        visibility: visible;
        position: relative;
        z-index: 2
    }

    .new_home4 .cont.pshow {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: -1
    }

    .new_home4 .cont .item {
        width: 100%;
        padding-left: 0
    }

    .new_home4 .cont .item+.item {
        margin-top: 15px
    }

    .new_home4 .cont .item .l-box .bg {
        display: none
    }

    .new_home4 .cont .item .img {
        margin-left: 60px
    }

    .new_home4 .cont .item .img .i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0
    }

    .new_home4 .m-arrbox .slick-arrow {
        width: 40px;
        height: 40px;
        background: url(../image/lys/png36.png) no-repeat center;
        background-size: contain;
        font-family: xfont
    }

    .new_home4 .m-arrbox .slick-arrow::before {
        content: '\e504';
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff
    }

    .new_home4 .m-arrbox .slick-next {
        margin-left: 20px
    }

    .new_home4 .m-arrbox .slick-next::before {
        content: '\e505'
    }

    .new_home5 .dr {
        margin-top: 20px
    }

    .new_home5 .dr .item {
        display: block
    }

    .new_home5 .dr .item .pic {
        width: 100%;
        margin-top: 0
    }

    .new_home5 .dr .item .text {
        padding: 10px 0 0;
        margin: 0
    }

    .new_home5 .dr .item .text .h {
        font-size: 18px
    }

    .new_home5 .dr .item .text ul {
        margin-top: 5px
    }

    .new_home5 .dr .slick-tools {
        margin-top: 20px;
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-paging {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0
    }

    .new_home5 .dr .slick-tools .slick-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow {
        width: 40px;
        height: 40px
    }

    .new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
        margin-left: 80px
    }

    .new_home5 .cont {
        padding: 20px 10px 40px
    }

    .new_home5 .cont::before {
        bottom: 15px
    }

    .new_home5 .dl .calendar {
        height: 280px
    }

    .new_home5 .dl .hd {
        height: 50px;
        line-height: 50px
    }

    .new_home5 .dl .hd span {
        width: 60px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
        width: 2em;
        height: 2em;
        padding-top: 0.25em;
        font-size: 18px
    }

    .new_home5 .dl .calendar .fc-calendar .fc-content>div {
        padding-top: 1.5rem
    }

    .new_home5 .dl .calendar .fc-calendar .fc-head {
        font-size: 16px
    }

    .new_home5 .dl .h b {
        font-size: 40px
    }

    .new_home5 .dl .box {
        margin-top: 20px
    }

    .new_home5 .dl .calendar .fc-calendar .a,.new_home5 .dl .calendar .fc-calendar .b,.new_home5 .dl .calendar .fc-calendar .c {
        width: 4px;
        height: 4px
    }

    .new_home5 .dl .bb span {
        padding-left: 10px;
        margin: 0 5px;
        font-size: 12px
    }

    .new_home5 .dl .bb span:before {
        width: 5px;
        height: 5px
    }

    .new_home6 .n-wrap {
        padding-bottom: 0px
    }

    .new_home6 .cont .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .new_home6 .cont .tabs .item {
        width: 30%;
        height: auto;
        padding: 0 2px;
        margin: 0 0 10px
    }

    .new_home6 .cont .tabs .item .icon {
        width: 28.7044%
    }

    .new_home6 .cont .tabs .item .t {
        font-size: 16px
    }

    .new_home6 .cont .dr .list .item {
        width: 100% !important
    }

    .new_home6 .cont .dr .list .item+.item {
        margin-top: 15px !important
    }

    .new_home7 .n-wrap {
        padding-top: 40px
    }

    .new_home2 .box2 .li .l-t .t br {
        display: block
    }

    .new_home2 .box2 .li .l-t {
        padding: 10px 10px
    }
}

.humanities1 {
    position: relative;
    height: 790px;
    background: #fff url(../image/xf/bg8.jpg) center top no-repeat
}

.humanities1::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5%;
    height: 96px;
    background: url(../image/xf/png11.png) center no-repeat;
    pointer-events: none;
    z-index: 1
}

.humanities1 .x-wrap {
    z-index: 2
}

.humanities1 .line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.humanities1 .line .i {
    width: 1px;
    background-color: #d6d6d6
}

.humanities1 .li {
    position: absolute;
    padding: 40px 38px;
    cursor: pointer
}

.humanities1 .li::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 40px 0;
    background: transparent;
    border-left: 8px solid;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities1 .li .t {
    position: relative;
    font-family: sh;
    font-size: 24px;
    color: #333;
    line-height: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

body:not(.lang-en) .humanities1 .li .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .humanities1 .li .t {
        font-size:18px
    }
}

.humanities1 .li1 {
    left: calc((100% / 6) * 1);
    top: 120px;
    color: #903e3d
}

.humanities1 .li2 {
    left: calc((100% / 6) * 1);
    top: 378px;
    color: #5c7557
}

.humanities1 .li3 {
    left: calc((100% / 6) * 2);
    top: 246px;
    color: #476585
}

.humanities1 .li4 {
    left: calc((100% / 6) * 2);
    top: 450px;
    color: #476585
}

.humanities1 .li5 {
    left: calc((100% / 6) * 3);
    top: 136px;
    color: #5c7557
}

.humanities1 .li6 {
    left: calc((100% / 6) * 3);
    top: 434px;
    color: #903e3d
}

.humanities1 .li7 {
    left: calc((100% / 6) * 4);
    top: 240px;
    color: #476585
}

.humanities1 .li8 {
    left: calc((100% / 6) * 4);
    top: 440px;
    color: #903e3d
}

.humanities1 .li9 {
    left: calc((100% / 6) * 5);
    top: 110px;
    color: #476585
}

.humanities1 .li10 {
    left: calc((100% / 6) * 5);
    top: 368px;
    color: #5c7557
}

.humanities2 {
    position: relative;
    padding-bottom: 140px
}

.humanities2 .tracker-mod {
    background-color: #7c3030;
    color: #da9292;
    padding: 0 180px
}

.humanities2 .tracker-mod .tracker-track {
    display: table;
    white-space: nowrap;
    text-align: center
}

.humanities2 .tracker-mod .tracker-item {
    position: relative;
    margin: 0 50px;
    padding: 34px 0;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width: 768px) {
    .humanities2 .tracker-mod .tracker-item {
        font-size:16px
    }
}

.humanities2 .tracker-mod .tracker-item::before,.humanities2 .tracker-mod .tracker-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.humanities2 .tracker-mod .tracker-item::before {
    left: 0;
    right: 0;
    bottom: 30px;
    border-bottom: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item::after {
    left: 50%;
    height: 30px;
    border-left: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item.cur {
    color: #fff
}

.humanities2 .tracker-mod .tracker-item.cur::before,.humanities2 .tracker-mod .tracker-item.cur::after {
    opacity: 1
}

.humanities2 .unit {
    position: relative
}

.humanities2 .slick-item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.humanities2 .slick-item .cont {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 50px;
    padding-bottom: 90px;
    width: 32%
}

.humanities2 .slick-item .t {
    font-family: sh;
    font-size: 30px
}

@media screen and (max-width: 768px) {
    .humanities2 .slick-item .t {
        font-size:22px
    }
}

.humanities2 .slick-item .p {
    margin-top: 24px;
    line-height: 1.75
}

body:not(.lang-en) .humanities2 .slick-item .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.humanities2 .slick-item .p .scroll-mod {
    height: 220px
}

.humanities2 .slick-item .p .scroll-mod .scroll-track-x {
    display: none
}

.humanities2 .slick-item .more1 {
    margin-top: 56px
}

.humanities2 .slick-item .img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    width: 68%
}

.humanities2 .slick-item .img::before {
    content: '';
    display: block;
    padding-top: 80.19608%
}

.humanities2 .slick-item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-item .line {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 2.4%;
    background: center no-repeat;
    background-size: contain
}

.humanities2 .slick-item .line::before {
    content: '';
    display: block;
    padding-top: 15.625%
}

.humanities2 .slick-item .line .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.humanities2 .slick-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.humanities2 .slick-arrow::before,.humanities2 .slick-arrow::after {
    display: block;
    width: 76px;
    height: 67px;
    background: url(../image/xf/png12.png) no-repeat;
    background-size: contain
}

.humanities2 .slick-arrow .t {
    margin: 0 18px;
    width: 1em;
    line-height: 1
}

.humanities2 .slick-prev {
    left: 0
}

.humanities2 .slick-prev::before {
    content: ''
}

.humanities2 .slick-next {
    right: 0
}

.humanities2 .slick-next::after {
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 1025px) {
    .humanities1 .li:hover::before {
        margin:0;
        background-color: #85a082
    }

    .humanities1 .li:hover .t {
        color: #fff
    }

    .humanities2 .slick-arrow:hover {
        color: #883736
    }

    .humanities2 .tracker-mod.f {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9;
        top: 0
    }
}

@media screen and (max-width: 1680px) {
    .humanities2 .tracker-mod {
        padding:0 100px
    }

    .humanities2 .slick-item .box {
        margin: 0 90px
    }
}

@media screen and (max-width: 1500px) {
    .humanities2 .tracker-mod .tracker-item {
        margin:0 30px
    }
}

@media screen and (max-width: 1280px) {
    .humanities2 .tracker-mod {
        padding:0 70px
    }

    .humanities2 .slick-item .box {
        display: block
    }

    .humanities2 .slick-item .cont {
        padding: 50px;
        padding-bottom: 0;
        width: 100%
    }

    .humanities2 .slick-item .img {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .humanities2 .tracker-mod {
        padding:0 15px
    }

    .humanities2 .tracker-mod .tracker-item {
        margin: 0 10px
    }
}

@media screen and (max-width: 767px) {
    .humanities1 {
        display:none
    }

    .humanities1::after {
        height: auto;
        background-size: cover
    }

    .humanities2 {
        padding-bottom: 50px;
        padding-top: 0 !important
    }

    .humanities2 .tracker-box {
        overflow: auto
    }

    .humanities2 .tracker-item {
        padding: 20px 0
    }

    .humanities2 .tracker-item::before {
        bottom: 15px
    }

    .humanities2 .tracker-item::after {
        height: 15px
    }

    .humanities2 .slick-item .line {
        display: none
    }

    .humanities2 .slick-item .box {
        margin: 0
    }

    .humanities2 .slick-item .cont {
        padding: 20px 0
    }

    .humanities2 .slick-item .p {
        margin-top: 10px
    }

    .humanities2 .slick-item .more1 {
        margin-top: 20px
    }

    .humanities2 .slick-arrow {
        visibility: hidden
    }
}

.identification {
    background: url(../image/lys/jpg15-1.jpg) no-repeat top center;
    margin-bottom: -132px;
    padding: 235px 0 237px
}

.identification .line {
    width: 11px;
    height: 118px;
    background: url(../image/lys/png25.png) no-repeat center;
    background-size: contain;
    margin: auto
}

.identification .img {
    margin: auto
}

.identification .img img {
    width: 100%
}

.identification .fw {
    font-weight: bold
}

.identification .pbox {
    line-height: 1.75;
    max-width: 1118px;
    margin: auto
}

.identification .box1 {
    padding-bottom: 40px
}

.identification .box1 .img {
    margin: 22px 0
}

.identification .box1 .p {
    margin-top: 20px
}

.identification .box1 img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: auto
}

.identification .box1 .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.identification .box1 .img-box img {
    margin: 0 80px;
    width: 27.53333%
}

.identification .box1 .img-box img:nth-child(1) {
    width: 36%
}

.identification .box2 {
    padding: 34px 0
}

.identification .box2 .s_title+.s_title {
    margin-top: 10px
}

.identification .box2 .img {
    width: 297px;
    margin-top: 19px
}

.identification .box2 .img-1 {
    margin: 20px auto 0;
    width: 929px
}

.identification .box2 .img-1 img {
    display: block;
    width: 100%
}

.identification .box2 .rp {
    text-align: right;
    margin-top: 20px
}

.identification .box2 .school-anniversary-day {
    margin-top: 20px;
    font-family: sh;
    font-size: 42px;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width: 768px) {
    .identification .box2 .school-anniversary-day {
        font-size:26px
    }
}

.identification .box2 .pbox {
    margin-top: 22px
}

.identification .box3 {
    padding-top: 35px
}

.identification .box3 .img {
    width: 929px;
    margin-top: 93px
}

.identification .box3 .pbox {
    margin-top: 14px
}

@media screen and (max-width: 1600px) {
    .identification {
        padding:160px 0
    }
}

@media screen and (max-width: 1200px) {
    .identification .box3 .img,.identification .box2 .img-1 {
        width:100%
    }

    .identification .pbox {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .identification {
        padding:80px 0 160px;
        background-position: center -100px
    }

    .identification .box1 .img {
        width: 180px;
        margin: 20px auto
    }
}

@media screen and (max-width: 767px) {
    .identification {
        padding:50px 0 160px;
        background-size: cover;
        background-position: center -40px
    }

    .identification .line {
        display: none
    }

    .identification .box1 {
        padding-bottom: 0
    }

    .identification .box1 .img-box {
        display: block
    }

    .identification .box1 .img-box img {
        width: 100% !important;
        margin: 0
    }

    .identification .box1 .img-box img+img {
        margin-top: 15px
    }

    .identification .box2 {
        padding: 50px 0 0
    }

    .identification .box3 {
        padding: 50px 0 0
    }

    .identification .box3 .img {
        margin-top: 45px
    }

    .identification .box2 .img {
        width: 40%
    }
}

.jzzjg1 {
    padding: 150px 0 215px
}

.jzzjg1 .box+.box {
    margin-top: 30px
}

.jzzjg1 .title2 {
    color: #fff;
    text-align: center;
    padding: 15px;
    background: url(../image/bar1.jpg) no-repeat center;
    background-size: cover
}

.jzzjg1 .title2 .t1 {
    font-size: 30px;
    line-height: 1.3;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:22px
    }
}

.jzzjg1 .list {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jzzjg1 .list .item {
    margin-left: 30px;
    padding: 25px 0;
    position: relative
}

.jzzjg1 .list .item.item1 {
    width: 32.4%
}

.jzzjg1 .list .item.item2 {
    width: 30.6%
}

.jzzjg1 .list .item.item3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.jzzjg1 .list .item .box {
    height: 100%;
    position: relative
}

.jzzjg1 .list .item+.item::before {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    top: 30px
}

.jzzjg1 .list .item+.item::after {
    content: '';
    background: url(../image/ico_nav2.png) center no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -22px;
    bottom: 30px
}

.jzzjg1 .list .item+.item .box::before {
    content: '';
    border-left: 1px solid #d1d1d1;
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: -15px
}

.jzzjg1 .list .item .link1+.link1 {
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link1-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link1-tit::before {
    content: '\e521';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #7d2f2f
}

.jzzjg1 .list .item .link1 .link2 {
    padding-left: 25px;
    margin-top: 20px
}

.jzzjg1 .list .item .link1 .link2 .link2-tit {
    padding-left: 20px;
    position: relative
}

.jzzjg1 .list .item .link1 .link2 .link2-tit::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    background-color: #7d2f2f;
    width: 12px;
    height: 3px
}

@media screen and (max-width: 1600px) {
    .jzzjg1 .list .item {
        margin-left:20px;
        margin-right: 20px
    }
}

@media screen and (max-width: 1500px) {
    .jzzjg1 {
        padding-top:100px
    }

    .jzzjg1 .list .item .link1+.link1 {
        margin-top: 15px
    }

    .jzzjg1 .list .item .link1 .link2 {
        margin-top: 15px
    }
}

@media screen and (max-width: 1300px) {
    .jzzjg1 {
        padding-top:80px
    }
}

@media screen and (max-width: 1024px) {
    .jzzjg1 {
        padding-top:60px
    }

    .jzzjg1 .list .item {
        width: 100% !important
    }

    .jzzjg1 .list .item+.item::before,.jzzjg1 .list .item+.item::after,.jzzjg1 .list .item+.item .box::before {
        content: none
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 {
        padding-bottom:60px
    }

    .jzzjg1 .title2 {
        padding: 15px 10px
    }

    .jzzjg1 .title2 .t1 {
        font-size: 28px
    }
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
    .jzzjg1 .title2 .t1 {
        font-size:20px
    }
}

@media screen and (max-width: 1023px) {
    .jzzjg1 .list {
        display:block;
        padding: 10px 15px 25px
    }

    .jzzjg1 .list .item {
        padding: 15px 0 0;
        margin: 0 !important
    }
}

.leader {
    padding: 115px 0 300px;
    background: #faf8f2
}

.leader .x-wrap {
    width: 100%;
    max-width: none
}

.leader .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.leader .l {
    width: 50%;
    position: relative;
    padding: 0 9% 0 18%
}

.leader .l .l1 {
    position: absolute;
    left: 0;
    top: 0%;
    bottom: 0;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l .l2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: -50px;
    border-bottom: 1px solid #f1c3c3;
    display: none
}

.leader .l .l3 {
    position: absolute;
    top: 100%;
    margin-top: -60px;
    right: 0;
    height: 10000px;
    border-left: 1px solid #f1c3c3;
    display: none
}

.leader .l::after {
    content: "";
    background: url(../image/by/png26.png);
    width: 9px;
    height: 9px;
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: none
}

.leader .r {
    width: 50%;
    padding: 0 18% 0 9%
}

.leader .item {
    position: relative;
    width: 100%
}

.leader .item:nth-child(n+2) {
    margin-top: 43px
}

.leader .item .h {
    font-size: 24px;
    min-height: 75px;
    background: url(../image/lys/png146.png) no-repeat left center;
    position: relative;
    line-height: 1.333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px
}

@media screen and (max-width: 768px) {
    .leader .item .h {
        font-size:18px
    }
}

.leader .item .h::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 5px solid #7c302f
}

.leader .item .cont {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.leader .item .cont .pic {
    width: 180px;
    position: relative;
    overflow: hidden
}

.leader .item .cont .pic::before {
    content: '';
    display: block;
    padding-top: 139.82808%
}

.leader .item .cont .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.leader .item .cont .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 30px;
    position: absolute;
    top: 0;
    left: 200px;
    bottom: 0
}

.leader .item .cont .text .name {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .name {
        font-size:18px
    }
}

.leader .item .cont .text .p {
    margin-top: 10px;
    font-size: 18px;
    color: #666666;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .leader .item .cont .text .p {
        font-size:16px
    }
}

.leader .item .cont .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.leader .item .cont .more::after {
    content: "";
    background: url(../image/by/png28.png);
    width: 10px;
    height: 16px;
    display: inline-block;
    margin-left: 10px
}

.leader .name-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 18% 25px
}

.leader .name-list .name-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.leader .name-list .name-cont .li {
    font-size: 22px;
    margin: 0 35px 10px 0
}

@media screen and (max-width: 768px) {
    .leader .name-list .name-cont .li {
        font-size:18px
    }
}

@media screen and (max-width: 1720px) {
    .leader .x-wrap {
        width:auto
    }

    .leader .l {
        padding: 0 5% 0 10%
    }

    .leader .r {
        padding: 0 10% 0 5%
    }
}

@media screen and (max-width: 1400px) {
    .leader .item .cont .text {
        margin-left:25px;
        padding-top: 30px
    }
}

@media screen and (max-width: 1300px) {
    .leader {
        padding:80px 0 150px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 24px
    }

    .leader .item .h {
        padding-left: 15px
    }

    .leader .l {
        padding: 0 5%
    }

    .leader .l .l2 {
        right: -20px
    }

    .leader .l .l3 {
        margin-top: -20px
    }

    .leader .r {
        padding: 0 5%
    }

    .leader .item .cont .pic {
        width: 50%
    }

    .leader .item .cont .text {
        left: 50%;
        padding-top: 0px;
        margin-left: 15px
    }

    .leader .item .cont .text .p {
        font-size: 20px;
        margin-top: 5px
    }

    .leader .name-list {
        padding-left: 5%;
        padding-right: 5%
    }

    .leader .name-list .name-cont .li {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .leader {
        padding:80px 0
    }
}

@media screen and (max-width: 1023px) {
    .leader .l {
        padding:0 3% 5%
    }

    .leader .r {
        padding: 0 3%
    }

    .leader .item:nth-child(n+2) {
        margin-top: 25px
    }

    .leader .item .cont .more {
        bottom: -16px;
        font-size: 16px
    }

    .leader .name-list {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media screen and (max-width: 767px) {
    .leader {
        padding:40px 0
    }

    .leader .list .l {
        padding: 0 5px 0 0
    }

    .leader .list .l::after {
        display: none
    }

    .leader .list .l .l1 {
        display: none
    }

    .leader .list .l .l2 {
        display: none
    }

    .leader .list .l .l3 {
        display: none
    }

    .leader .list .r {
        padding: 0 0 0 5px
    }

    .leader .item {
        padding-bottom: 0
    }

    .leader .item .cont {
        display: block;
        margin-top: 10px
    }

    .leader .item .cont .pic {
        width: auto
    }

    .leader .item .cont .text {
        margin: 15px 0 0;
        padding-bottom: 0;
        position: static
    }

    .leader .item .cont .text .p {
        font-size: 14px;
        height: calc(1em*1.5*5)
    }

    .leader .item .cont .more {
        position: static;
        margin: 10px 0 0
    }

    .leader .name-list {
        padding: 30px 0 20px
    }

    .leader .name-list .name-cont {
        margin-top: 10px
    }

    .leader .name-list .name-cont .li {
        margin-bottom: 5px;
        margin-right: 15px;
        font-size: 14px
    }

    .leader .item .h,.leader .item .cont .text .name {
        font-size: 14px
    }

    .leader .item .h {
        padding-left: 10px
    }
}

@media screen and (max-width: 550px) {
    .leader .item .h {
        min-height:1.5em;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 4.5em;
        line-height: 1.5;
        display: block
    }
}

.management_services {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.management_services .cont {
    margin-top: 18px;
    position: relative
}

.management_services .cont .item {
    width: 56%;
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .management_services .cont .item {
        font-size:16px
    }
}

.management_services .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 55%;
    margin-bottom: 19px
}

.management_services .cont .list .li:nth-child(2n) {
    min-width: 45%
}

.management_services .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.management_services .cont .icustom4 {
    width: 42.666%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.management_services .cont .icustom4 .li {
    width: 100%
}

.management_services .cont .icustom4 .li,.management_services .cont .icustom4 .li:nth-child(2n) {
    min-width: 100%
}

.management_services .s_list {
    padding-left: 35px;
    font-size: 16px;
    color: #474747;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.management_services .s_list .sli {
    min-width: 50%;
    margin-top: 20px
}

@media screen and (max-width: 1500px) {
    .management_services .cont .item {
        font-size:16px
    }

    .management_services .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .management_services .cont .item {
        width:100%
    }

    .management_services .cont .icustom4 {
        position: static;
        margin-bottom: 20px
    }

    .management_services .cont .list .li {
        margin-bottom: 10px
    }

    .management_services .s_list .sli {
        margin-top: 5px
    }

    .management_services .cont .item {
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .management_services {
        margin:0;
        padding: 50px 0 70px
    }
}

@media screen and (max-width: 767px) {
    .management_services .cont .item {
        padding:20px
    }

    .management_services .cont .list,.management_services .s_list {
        display: block
    }

    .management_services .cont .list .li,.management_services .cont .list .li:nth-child(2n),.management_services .s_list .sli {
        min-width: 100%
    }

    .management_services .s_list {
        padding-left: 15px
    }
}

.message1 {
    padding: 17vw 0 216px;
    background-color: #fffcf6
}

.message1 .x-wrap {
    padding: 0 184px
}

.message1 .desc {
    max-width: 965px;
    margin: 68px auto 0
}

.message1 .p {
    font-size: 18px;
    color: #666;
    text-indent: 2em
}

@media screen and (max-width: 768px) {
    .message1 .p {
        font-size:16px
    }
}

.message1 .form {
    margin-top: 34px
}

.message1 .textarea {
    width: 100%;
    height: 383px;
    padding: 10px;
    background-color: #fffefc;
    margin: 0 auto;
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea
}

@media screen and (max-width: 768px) {
    .message1 .textarea {
        font-size:18px
    }
}

.message1 .textarea {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -ms-scroll-rails: none
}

.message1 .textarea::-webkit-scrollbar {
    display: none
}

.message1 .textarea .scrollbar-rails {
    position: fixed;
    z-index: 9;
    background-color: rgba(0,0,0,0.02)
}

.message1 .textarea .scrollbar-rails-x {
    left: 0;
    right: 0;
    bottom: 0
}

.message1 .textarea .scrollbar-rails-y {
    top: 0;
    bottom: 0;
    right: 0
}

.message1 .textarea .scrollbar-thumb {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.message1 .textarea .scrollbar-thumb-x {
    height: 10px
}

.message1 .textarea .scrollbar-thumb-y {
    width: 10px
}

.message1 .textarea .scrollbar-rails-disable {
    display: none
}

.message1 .textarea * {
    -ms-overflow-style: scrollbar
}

.message1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 82px
}

.message1 .li+.li {
    margin-top: 30px
}

.message1 .li1 {
    height: auto
}

.message1 .name {
    font-size: 22px;
    color: #8d2d2e;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 22px 20px;
    background: #fffefc;
    width: 142px;
    text-align: center;
    border: 1px solid #eaeaea;
    border-right: none
}

@media screen and (max-width: 768px) {
    .message1 .name {
        font-size:18px
    }
}

.message1 input {
    font-size: 22px;
    color: #666;
    border: 1px solid #eaeaea;
    background: #fffefc;
    padding: 0 20px;
    width: calc(100% - 142px);
    border-radius: 0
}

@media screen and (max-width: 768px) {
    .message1 input {
        font-size:18px
    }
}

.message1 .img {
    position: relative;
    overflow: hidden;
    width: 229px;
    border: 1px solid #eaeaea;
    margin-left: 30px;
    cursor: pointer
}

.message1 .img::before {
    content: '';
    display: block;
    padding-top: 35.80786%
}

.message1 .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.message1 .img .i {
    width: 100%;
    height: 100%
}

.message1 .sub {
    height: 60px;
    background-color: #7e2f2f;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    border-radius: 50px
}

@media screen and (max-width: 768px) {
    .message1 .sub {
        font-size:18px
    }
}

.message1 a {
    display: block;
    width: 212px;
    margin: 60px auto 0
}

@media screen and (max-width: 1300px) {
    .message1 {
        padding-top:20vw
    }

    .message1 .x-wrap {
        padding: 0 50px
    }
}

@media screen and (max-width: 1024px) {
    .message1 {
        padding-top:160px
    }
}

@media screen and (max-width: 767px) {
    .message1 {
        padding:50px 0 70px
    }

    .message1 .x-wrap {
        padding: 0
    }

    .message1 .desc {
        margin-top: 20px
    }

    .message1 .textarea {
        height: 200px
    }

    .message1 .li {
        width: 100%;
        height: 50px;
        line-height: 50px
    }

    .message1 .li1 {
        height: auto
    }

    .message1 .li+.li {
        margin-top: 10px
    }

    .message1 .name {
        padding: 0 10px;
        width: 120px
    }

    .message1 input {
        padding: 0 10px;
        width: calc(100% - 120px)
    }

    .message1 .img {
        width: 100px;
        margin-left: 5px
    }

    .message1 .li2 input {
        width: calc(100% - 180px)
    }

    .message1 a {
        margin-top: 30px
    }
}

.organizational {
    padding: 120px 0 204px;
    background-color: #f5f5f5;
    margin-bottom: -132px
}

.organizational .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.organizational .cont .img {
    width: 24%;
    margin-left: 20px;
    margin-top: 30px
}

.organizational .cont .img img {
    width: 100%;
    display: block
}

.organizational .cont .child2 {
    width: 24%;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .item {
    margin-top: 30px;
    background: #fff
}

.organizational .cont .itit {
    font-size: 30px;
    font-family: sh;
    height: 70px;
    background: #7e2f2f url(../image/lys/jpg17.jpg) no-repeat right center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .organizational .cont .itit {
        font-size:22px
    }
}

.organizational .cont .icont {
    padding: 22px 25px 22px 80px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .organizational .cont .icont {
        font-size:16px
    }
}

.organizational .cont .icont .ili {
    margin-bottom: 18px;
    width: 100%;
    padding-right: 10px
}

.organizational .cont .icont .w50 {
    width: 50%
}

.organizational .cont .icont .ili a {
    position: relative;
    padding-left: 30px;
    display: inline-block
}

.organizational .cont .icont .ili a::after {
    content: '';
    width: 17px;
    height: 17px;
    background: url(../image/lys/png26.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 5.5px;
    left: 0
}

.organizational .cont .item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.organizational .cont .child2 .item:last-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.organizational .cont .child1 .item:first-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1400px) {
    .organizational {
        padding-top:50px
    }

    .organizational .cont .itit {
        padding-left: 40px
    }

    .organizational .cont .icont {
        padding-left: 40px
    }
}

@media screen and (max-width: 1024px) {
    .organizational {
        margin:0;
        padding-bottom: 120px
    }

    .organizational .cont .img {
        display: none
    }

    .organizational .cont .child2 {
        width: 40%
    }
}

@media screen and (max-width: 767px) {
    .organizational {
        padding:30px 0 70px
    }

    .organizational .cont {
        display: block
    }

    .organizational .cont .itit {
        height: 60px;
        padding-left: 20px
    }

    .organizational .cont .icont {
        padding: 20px
    }

    .organizational .cont .icont .ili {
        margin-bottom: 10px
    }

    .organizational .cont .child2 {
        display: block;
        width: 100%;
        margin: 0
    }

    .organizational .cont .icont .w50 {
        width: 100%
    }
}

.organizational_division {
    background-color: #f5f5f5;
    padding: 145px 0 185px;
    margin-bottom: -132px
}

.organizational_division .cont {
    margin-top: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    margin-right: 20px;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .item {
        font-size:16px
    }
}

.organizational_division .cont .item:nth-child(2n) {
    margin-right: 0
}

.organizational_division .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.organizational_division .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.organizational_division .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .organizational_division {
        padding-top:95px
    }
}

@media screen and (max-width: 1500px) {
    .organizational_division .cont .item {
        font-size:16px
    }

    .organizational_division .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .organizational_division .cont {
        display:block
    }

    .organizational_division .cont .item {
        width: 100%;
        margin-right: 0;
        padding: 30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .organizational_division {
        margin-bottom:0;
        padding: 50px 0 70px
    }

    .organizational_division .cont .list .li {
        margin-bottom: 10px
    }

    .organizational_division .cont .list .li::after {
        top: 12px
    }
}

@media screen and (max-width: 768px) {
    .organizational_division .cont .list {
        display:block;
        padding: 10px 0 0
    }

    .organizational_division .cont .item {
        width: 100%;
        padding: 20px;
        margin-right: 0
    }

    .organizational_division .cont .list .li,.organizational_division .cont .list .li:nth-child(2n) {
        width: 100%;
        padding-right: 0
    }
}

.person_detail {
    background: #fffcf6;
    padding: 160px 0
}

.person_detail .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.person_detail .des .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.person_detail .des .pic {
    position: relative;
    overflow: hidden;
    width: 250px;
    margin-top: 40px
}

.person_detail .des .pic::before {
    content: '';
    display: block;
    padding-top: 116.66667%
}

.person_detail .des .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.person_detail .des .hd {
    padding: 30px 70px
}

.person_detail .des .hd .p {
    font-size: 30px;
    color: #e3cfcf;
    font-family: tj;
    line-height: 1;
    margin-top: 0.5em
}

@media screen and (max-width: 768px) {
    .person_detail .des .hd .p {
        font-size:22px
    }
}

.person_detail .des .text {
    background: url(../image/by/bg7.jpg);
    color: #fff;
    padding: 50px 70px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.person_detail .des .text .h {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .person_detail .des .text .h {
        font-size:18px
    }
}

.person_detail .des .text .p {
    margin-top: 15px;
    line-height: 1.8
}

body:not(.lang-en) .person_detail .des .text .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.person_detail .des .title {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .person_detail .des .title {
        font-size:26px
    }
}

.person_detail .list {
    padding: 80px 0
}

.person_detail .list .item {
    padding-bottom: 50px;
    padding-left: 55px;
    position: relative
}

.person_detail .list .item::before {
    content: "";
    border-left: 1px solid #ae0a29;
    left: 9px;
    top: 20px;
    bottom: -5px;
    position: absolute
}

.person_detail .list .item::after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #ae0a29;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    background: #fffcf6
}

.person_detail .list .item:last-child {
    padding-bottom: 0
}

.person_detail .list .item .text {
    margin-top: 20px
}

.person_detail .list .item .h {
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .person_detail .list .item .h {
        font-size:18px
    }
}

.person_detail .list .item .p {
    margin-top: 0.5em
}

.person_detail .table-box {
    padding: 44px 0 0 360px
}

.person_detail .table-box .item+.item {
    margin-top: 25px
}

.person_detail .table-box .item-tit {
    font-size: 32px;
    color: #942c2c;
    border-bottom: 1px solid #d7bdb9;
    padding-bottom: 28px;
    margin-bottom: 32px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-tit {
        font-size:22px
    }
}

.person_detail .table-box .t2 {
    color: #9c7856
}

.person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
    font-size: 22px
}

@media screen and (max-width: 768px) {
    .person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
        font-size:18px
    }
}

.person_detail .table-box .item-list1 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.person_detail .table-box .item-list1 .row+.row {
    margin-top: 32px
}

.person_detail .table-box .item-list1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 42px
}

.person_detail .table-box .item-list1 .li:nth-child(1) {
    margin-right: 95px
}

.person_detail .table-box .item-list1 .li:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.person_detail .table-box .item-list1 .r-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(6em + 40px)
}

.person_detail .table-box .item-list1 .r-box .t2 {
    margin-right: 20px
}

.person_detail .table-box .item-list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.person_detail .table-box .item-list2 .t2 {
    margin-right: 23px
}

@media screen and (max-width: 1300px) {
    .person_detail {
        padding:100px 0 160px
    }

    .person_detail .des .hd {
        padding: 30px 40px
    }

    .person_detail .des .text {
        padding: 30px 40px
    }

    .person_detail .table-box .item-list1 .li {
        padding-right: 20px
    }

    .person_detail .table-box .item-list1 .li:nth-child(1) {
        margin-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    .person_detail .table-box {
        padding-left:0
    }
}

@media screen and (max-width: 1024px) {
    .person_detail {
        padding:60px 0 8.8%
    }

    .person_detail .table-box {
        padding: 20px 0 0
    }

    .person_detail .table-box .item-tit {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .person_detail .table-box .item-list1 .row {
        display: block
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 15px
    }

    .person_detail .table-box .item-list1 .li {
        width: 100%;
        padding-right: 0
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 15px
    }
}

@media screen and (max-width: 1023px) {
    .person_detail .des {
        display:block
    }

    .person_detail .des .pic {
        width: 240px;
        float: left;
        margin: 0 30px 30px 0
    }

    .person_detail .des .content {
        display: block
    }

    .person_detail .list {
        padding: 40px 0
    }
}

@media screen and (max-width: 767px) {
    .person_detail {
        padding:40px 0 8.8%
    }

    .person_detail .des .pic {
        width: 160px;
        margin: 0 20px 0 0
    }

    .person_detail .des .hd {
        padding: 15px
    }

    .person_detail .des .hd .p {
        font-size: 20px;
        overflow: hidden;
        line-height: 1.2
    }

    .person_detail .des .text {
        padding: 20px 20px;
        clear: both
    }

    .person_detail .list .item {
        padding: 0 0 30px 40px
    }

    .person_detail .list .item::after {
        top: 0px
    }

    .person_detail .list .item::before {
        top: 0
    }

    .person_detail .list .item .text {
        margin-top: 10px;
        font-size: 14px
    }

    .person_detail .table-box .item-list1 .row+.row {
        margin-top: 10px
    }

    .person_detail .table-box .item-list1 .li+.li {
        margin-top: 10px
    }

    .person_detail .table-box .item-list2 .t2,.person_detail .table-box .item-list1 .r-box .t2 {
        margin-right: 15px
    }

    .person_detail .table-box .item-list1 .r-box {
        width: calc(6em + 30px)
    }
}

.picture {
    background: #f5f5f5
}

.picture .dd {
    margin-top: 60px
}

.picture .tab-cont {
    margin-top: 100px
}

.picture .list {
    width: 100%;
    margin-top: 100px
}

.picture .list-width,.picture .list-item {
    width: calc((100% - 60px)/3)
}

.picture .list-space {
    width: 30px
}

.picture .list-item {
    margin-bottom: 30px;
    background-color: #fff
}

.picture .div {
    padding: 30px 38px
}

.picture .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.picture .more img {
    width: 50px
}

.picture .pic {
    overflow: hidden
}

.picture .pic img {
    width: 100%
}

.picture .icon-load {
    margin-right: 16px
}

.picture .icon-load::before {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .picture .icon-load::before {
        font-size:26px
    }
}

.picture .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .picture .t {
        font-size:18px
    }
}

.picture .y {
    font-family: "times new roman";
    font-size: 20px;
    margin-top: 6px
}

@media screen and (max-width: 768px) {
    .picture .y {
        font-size:18px
    }
}

@media screen and (min-width: 1025px) {
    .picture .list-item:hover .pic img {
        -webkit-transform:scale(1.07);
        transform: scale(1.07);
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1024px) {
    .picture .div {
        padding:30px 15px
    }

    .picture .list-width,.picture .list-item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 768px) {
    .picture .dd {
        margin-top:30px
    }

    .picture .tab-cont {
        margin-top: 30px
    }

    .picture .div {
        padding: 30px 15px
    }

    .picture .list {
        margin-top: 30px
    }

    .picture .list-width,.picture .list-item {
        width: 100%
    }
}

.recruit1 {
    padding: 140px 0;
    background: #f5f5f5 url(../image/by/png33.png) no-repeat right top
}

.recruit1 .content {
    margin-top: 50px;
    position: relative
}

.recruit1 .content .pic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.recruit1 .content .pic img {
    width: 100%
}

.recruit1 .content .d1 {
    padding-left: 50%;
    height: 255px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit1 .content .d1 .item {
    width: calc(50% - 10px);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: 10px
}

.recruit1 .content .d1 .item:nth-child(1) {
    background: #476585
}

.recruit1 .content .d1 .item:nth-child(2) {
    background: #5b7897
}

.recruit1 .content .d1 .item .ico {
    margin-top: 20px
}

.recruit1 .content .d1 .item .ico img {
    height: 80px
}

.recruit1 .content .d1 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d1 .item .h {
        font-size:22px
    }
}

.recruit1 .content .d2 {
    margin-left: calc(50% + 10px);
    background: #fff;
    position: relative;
    padding-bottom: 80px
}

.recruit1 .content .d2 .tit {
    position: absolute;
    right: 100%;
    top: 0;
    width: 28%;
    height: 100%;
    background: #fff;
    font-size: 30px;
    font-family: sh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body:not(.lang-en) .recruit1 .content .d2 .tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .tit {
        font-size:22px
    }
}

.recruit1 .content .d2 .list {
    border-left: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
    position: relative
}

.recruit1 .content .d2 .list::after {
    content: "";
    position: absolute;
    left: -6px;
    bottom: 0;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    border: 1px solid #ddd;
    background: #fff
}

.recruit1 .content .d2 .list .item {
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
    position: relative
}

.recruit1 .content .d2 .list .item .ico img {
    height: 60px
}

.recruit1 .content .d2 .list .item .h {
    margin-top: 10px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .recruit1 .content .d2 .list .item .h {
        font-size:18px
    }
}

.recruit1 .bb {
    position: absolute;
    left: 80px;
    top: 175px
}

.recruit1 .bb .more1.red2:after {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    height: 433px;
    position: absolute;
    left: 20px;
    bottom: 100%;
    display: none
}

.recruit2 {
    background: #314561 url(../image/by/png29.png) no-repeat left bottom 5%;
    color: #fff;
    position: relative;
    padding-bottom: 150px
}

.recruit2 .x-wrap {
    padding: 140px 0 0
}

.recruit2 .title {
    position: relative
}

.recruit2 .pic {
    position: absolute;
    text-align: right;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: right
}

.recruit2 .pic img {
    height: 100%
}

.recruit2 .content {
    margin-top: 50px;
    padding-right: calc(50% + 10px);
    position: relative
}

.recruit2 .d1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #6f8aa8;
    padding: 80px
}

.recruit2 .d1 .item {
    text-align: center;
    position: relative
}

.recruit2 .d1 .item .ico img {
    height: 60px
}

.recruit2 .d1 .item .h {
    margin-top: 10px;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .recruit2 .d1 .item .h {
        font-size:16px
    }
}

.recruit2 .d2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 235px;
    margin-top: 10px
}

.recruit2 .d2 .item {
    width: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.recruit2 .d2 .item:nth-child(1) {
    background: #476585
}

.recruit2 .d2 .item:nth-child(2) {
    background: #5b7897
}

.recruit2 .d2 .item .ico img {
    height: 90px
}

.recruit2 .d2 .item .h {
    margin-top: 10px;
    font-size: 30px;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit2 .d2 .item .h {
        font-size:22px
    }
}

.recruit2 .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.recruit2 .bottom a {
    margin: 0 20px
}

.recruit3 {
    padding: 140px 0 160px
}

.recruit3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recruit3 .list .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    color: #fff
}

.recruit3 .list .item:nth-child(n+2) {
    margin-left: 10px
}

.recruit3 .list .item .pic {
    position: relative;
    overflow: hidden
}

.recruit3 .list .item .pic::before {
    content: '';
    display: block;
    padding-top: 112.52525%
}

.recruit3 .list .item .pic .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.recruit3 .list .item .text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 18%
}

.recruit3 .list .item .text .h {
    font-size: 48px;
    line-height: 1.2;
    font-family: sh
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text .h {
        font-size:28px
    }
}

.recruit3 .list .item .text ul {
    padding: 0
}

.recruit3 .list .item .text li {
    margin-top: 25px;
    font-size: 20px;
    list-style-position: outside
}

@media screen and (max-width: 768px) {
    .recruit3 .list .item .text li {
        font-size:18px
    }
}

.recruit3 .list .item .b {
    position: relative;
    margin-top: 25px;
    padding-top: 40%
}

.recruit3 .list .item .b:before {
    content: "";
    background: url(../image/by/png30.png) no-repeat center top;
    width: 11px;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0px;
    margin-left: -5px
}

.recruit3 .list .item .b .more1.red2 {
    margin-top: 25px;
    padding: 0;
    display: block
}

.recruit3 .list .item .b .more1.red2:before {
    position: static;
    display: block
}

@media screen and (min-width: 1025px) {
    .recruit1 .item:hover .ico {
        -webkit-transform:rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }

    .recruit2 .item:hover .ico {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s
    }
}

@media screen and (max-width: 1500px) {
    .recruit1 {
        padding:100px 0
    }

    .recruit2 {
        padding-bottom: 100px
    }

    .recruit2 .x-wrap {
        padding-top: 100px
    }

    .recruit3 {
        padding: 100px 0 160px
    }
}

@media screen and (max-width: 1400px) {
    .recruit3 .list .item .text {
        padding:18% 40px 0
    }
}

@media screen and (max-width: 1300px) {
    .recruit1 {
        padding:80px 0
    }

    .recruit2 {
        padding-bottom: 80px
    }

    .recruit2 .x-wrap {
        padding-top: 80px
    }

    .recruit3 {
        padding: 80px 0 160px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 60px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 24px
    }

    .recruit1 .content .d2 {
        padding-bottom: 40px
    }

    .recruit1 .content .d2 .list .item .ico img {
        height: 40px
    }

    .recruit1 .content .d2 .list .item .h {
        font-size: 16px
    }

    .recruit1 .bb {
        left: 15px
    }

    .recruit2 .d1 {
        padding: 60px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 60px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 24px
    }
}

@media screen and (max-width: 1024px) {
    .recruit2 .d1 {
        padding:40px
    }

    .recruit2 .d2 {
        height: 200px
    }

    .recruit1 .content .d1 {
        height: 200px
    }

    .recruit1 .content .d2 .list .item {
        margin-top: 20px
    }
}

@media screen and (max-width: 1023px) {
    .recruit1 {
        padding:60px 0
    }

    .recruit2 {
        padding-bottom: 60px
    }

    .recruit2 .x-wrap {
        padding-top: 60px
    }

    .recruit3 {
        padding: 60px 0 8%
    }

    .recruit1 .content {
        margin-top: 30px
    }

    .recruit1 .bb {
        position: static;
        text-align: center;
        margin-top: 20px
    }

    .recruit1 .bb .more1 {
        color: #333
    }

    .recruit1 .bb .more1::after {
        display: none
    }

    .recruit1 .content .d1 {
        padding-left: 40%
    }

    .recruit1 .content .d2 {
        margin-left: 30%
    }

    .recruit2 .content {
        padding-right: 30%;
        margin-top: 30px
    }

    .recruit2 .bottom a {
        margin: 0 15px
    }

    .recruit3 .list .item .b {
        padding-top: 20%
    }

    .recruit3 .list .item .text li {
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    .recruit2 {
        padding-bottom:40px
    }

    .recruit3 {
        padding: 15px 0 8%
    }

    .recruit1 .content {
        margin-top: 20px
    }

    .recruit2 .content {
        margin-top: 20px
    }

    .recruit1 .content .pic {
        display: none
    }

    .recruit1 .content .d1 {
        padding: 0;
        height: 150px
    }

    .recruit1 .content .d1 .item {
        width: calc(50% - 7.5px);
        margin: 0
    }

    .recruit1 .content .d1 .item:last-child {
        margin-left: 15px
    }

    .recruit1 .content .d1 .item .ico img {
        height: 45px
    }

    .recruit1 .content .d1 .item .h {
        font-size: 20px
    }

    .recruit1 .content .d2 {
        margin: 0;
        margin-top: 15px;
        padding: 0;
        background: none
    }

    .recruit1 .content .d2 .tit {
        position: static;
        width: auto;
        height: auto;
        padding-top: 20px;
        background: none
    }

    body:not(.lang-en) .recruit1 .content .d2 .tit {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .recruit1 .content .d2 .list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-left: none;
        padding: 0 0 15px;
        margin-top: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit1 .content .d2 .list::after {
        display: none
    }

    .recruit1 .content .d2 .list .item {
        width: calc(50% - 5px);
        margin: 0;
        padding: 25px 0;
        background: #fff
    }

    .recruit1 .content .d2 .list .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit1 .content .d2 .list .item .h {
        padding: 0 10px;
        text-align: center;
        margin-top: 5px
    }

    .recruit2 .pic {
        left: -15px;
        right: -15px
    }

    .recruit2 .content {
        padding: 0
    }

    .recruit2 .d1 {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 0;
        background: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit2 .d1 .item {
        width: calc(50% - 5px);
        padding: 25px 0;
        background: #6f8aa8
    }

    .recruit2 .d1 .item:nth-child(n+3) {
        margin-top: 10px
    }

    .recruit2 .d1 .item .h {
        line-height: 1
    }

    .recruit2 .d1 .item .ico img {
        height: 45px
    }

    .recruit2 .d2 {
        height: 150px
    }

    .recruit2 .content .d2 .item .ico img {
        height: 45px
    }

    .recruit2 .content .d2 .item .h {
        font-size: 20px
    }

    .recruit2 .bottom {
        margin-top: 20px;
        display: block
    }

    .recruit2 .bottom .more1 {
        margin-top: 10px
    }

    .recruit3 .list {
        display: block
    }

    .recruit3 .list .item:nth-child(n+2) {
        margin-left: 0;
        margin-top: 15px
    }

    .recruit3 .list .item .pic {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .recruit3 .list .item .pic::before {
        padding-top: 0
    }

    .recruit3 .list .item .text {
        position: relative;
        padding: 40px 30px
    }

    .recruit3 .list .item .b {
        padding-top: 5%
    }

    .recruit3 .list .item ul {
        margin: 5px 0
    }
}

.research_institutions {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.research_institutions .cont {
    margin-top: 18px
}

.research_institutions .cont .item {
    width: calc((100% - 21px) / 2);
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .research_institutions .cont .item {
        font-size:16px
    }
}

.research_institutions .cont .list-width {
    width: calc((100% - 21px) / 2)
}

.research_institutions .cont .list-space {
    width: 20px
}

.research_institutions .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.research_institutions .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 50%;
    margin-bottom: 18px
}

.research_institutions .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

.research_institutions .cont .icustom0 .list .li {
    min-width: 55%
}

.research_institutions .cont .icustom0 .list .li:nth-child(2n) {
    min-width: 45%
}

.research_institutions .cont .icustom1 .list .li {
    min-width: 40%
}

.research_institutions .cont .icustom1 .list .li:nth-child(2n) {
    min-width: 60%
}

.research_institutions .cont .icustom2 {
    height: 243px
}

@media screen and (max-width: 1500px) {
    .research_institutions .cont .item {
        font-size:16px
    }

    .research_institutions .cont .list {
        padding: 10px 0 0
    }

    .research_institutions .cont .icustom2 {
        height: 195px
    }
}

@media screen and (max-width: 1300px) {
    .research_institutions {
        padding:50px 0 90px;
        margin: 0
    }

    .research_institutions .cont {
        margin-top: 20px
    }

    .research_institutions .cont .item {
        padding: 30px 20px;
        border-top: 3px solid #aa1332;
        background: #fff;
        width: 100%
    }

    .research_institutions .cont .list {
        padding: 10px 15px 0;
        display: block
    }

    .research_institutions .cont .list .li {
        margin-bottom: 10px;
        padding: 0 10px 0 24px;
        position: relative
    }

    .research_institutions .cont .list .li::after {
        content: '';
        width: 15px;
        border-top: 1px solid #aa1332;
        position: absolute;
        top: 12px;
        left: 0
    }

    .research_institutions .cont .s_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .research_institutions .cont .s_list .sli {
        width: 50%;
        margin-top: 10px;
        padding: 0 1em
    }

    .research_institutions .cont .icustom2 {
        height: auto
    }

    .research_institutions .cont .icustom1 .list .li:nth-child(2n),.research_institutions .cont .icustom1 .list .li {
        min-width: auto
    }
}

@media screen and (max-width: 767px) {
    .research_institutions .cont .list {
        padding:10px 0 0
    }

    .research_institutions .cont .item {
        padding: 20px
    }

    .research_institutions .cont .s_list {
        display: block
    }

    .research_institutions .cont .s_list .sli {
        width: 100%
    }
}

.result-page {
    padding: 220px 0 150px;
    background: #f5f5f5
}

.result-page .result-head {
    padding: 0 5%
}

.result-page .result-head .t {
    font-size: 1.7em
}

.result-page .result-head .s {
    margin-left: 30px;
    font-size: 1.2em;
    color: #707070
}

.result-page .result-list {
    padding: 0 5%;
    margin-top: 30px
}

.result-page .result-list .list-item {
    padding: 30px 0;
    background: #fff;
    padding: 30px
}

.result-page .result-list .list-item:nth-child(n+2) {
    margin-top: 20px
}

.result-page .result-list .p {
    color: #707070;
    text-align: justify;
    text-justify: inter-ideograph
}

.result-page .key {
    color: #aa1332
}

.result-page .liner {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.result-page .liner .t {
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.2em
}

.result-page .liner .d {
    font-family: tj;
    margin-left: 100px;
    font-size: 1em
}

@media screen and (max-width: 1600px) {
    .result-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .result-page .result-list .liner:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .result-page {
        padding:50px 0 8%
    }

    .result-page .result-head {
        padding: 0
    }

    .result-page .result-head .s {
        display: block;
        margin: 15px 0 0
    }

    .result-page .result-list {
        padding: 0
    }

    .result-page .result-list .list-item {
        padding: 20px
    }

    .result-page .liner {
        display: block
    }

    .result-page .liner .t {
        width: 100%
    }

    .result-page .liner .d {
        margin-left: 0;
        font-size: 14px
    }
}

.school_enterprise {
    background-color: #f5f5f5;
    padding: 140px 0 205px;
    margin-bottom: -132px
}

.school_enterprise .cont {
    margin-top: 18px
}

.school_enterprise .cont .item {
    border-top: 3px solid #aa1332;
    background: #fff;
    font-size: 18px;
    padding: 37px 30px 20px
}

@media screen and (max-width: 768px) {
    .school_enterprise .cont .item {
        font-size:16px
    }
}

.school_enterprise .cont .list {
    padding: 10px 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.school_enterprise .cont .list .li {
    padding: 0 10px 0 24px;
    position: relative;
    min-width: 36.231%;
    margin-bottom: 18px
}

.school_enterprise .cont .list .li:nth-child(3n) {
    min-width: 27.538%
}

.school_enterprise .cont .list .li::after {
    content: '';
    width: 15px;
    border-top: 1px solid #aa1332;
    position: absolute;
    top: 13.5px;
    left: 0
}

@media screen and (max-width: 1600px) {
    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width:50%
    }
}

@media screen and (max-width: 1500px) {
    .school_enterprise .cont .item {
        font-size:16px
    }

    .school_enterprise .cont .list {
        padding: 10px 0 0
    }
}

@media screen and (max-width: 1300px) {
    .school_enterprise {
        margin:0
    }

    .school_enterprise .cont .list .li {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .school_enterprise {
        padding:50px 0 70px
    }

    .school_enterprise .cont .list {
        display: block
    }

    .school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
        width: 100%
    }
}

.sitemap-page {
    padding: 220px 0;
    background: url(../image/lys/png60.jpg) no-repeat center;
    background-size: cover
}

.sitemap-page .list {
    padding: 0 5%
}

.sitemap-page .dl {
    padding: 1.5em 0;
    border-bottom: 1px solid #ddd
}

.sitemap-page .dt {
    font-size: 1.1em
}

.sitemap-page .dd {
    margin-top: 0.6em;
    padding-left: 2em
}

.sitemap-page .link {
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s
}

.sitemap-page .link {
    margin-right: 20px
}

.sitemap-page .link:last-child {
    margin-right: 0
}

@media screen and (max-width: 1600px) {
    .sitemap-page {
        padding-top:180px
    }
}

@media screen and (min-width: 1025px) {
    .sitemap-page .link:hover {
        color:#aa1332
    }
}

@media screen and (max-width: 1024px) {
    .sitemap-page {
        padding:50px 0
    }
}

.successive_leadership1 {
    padding: 150px 0 38px
}

.successive_leadership1 img {
    width: 100%;
    display: block
}

.successive_leadership2 {
    padding: 165px 0 160px;
    background: url(../image/lys/jpg38-1.jpg) no-repeat top center;
    margin-bottom: -132px
}

.successive_leadership2 .img {
    margin-top: 115px
}

.successive_leadership2 img {
    width: 100%;
    display: block
}

@media screen and (max-width: 1024px) {
    .successive_leadership1 {
        padding:50px 0 0
    }

    .successive_leadership2 {
        margin: 0;
        padding: 50px 0 100px;
        background: #fff
    }

    .successive_leadership2 .img {
        margin-top: 50px
    }
}