@charset "utf-8";.n_header::before {
    background: url(../images/n_head-bg.png) center no-repeat;
    background-size: 100% 99%
}

.n_pad1 {
    padding: .8rem 0 1.2rem
}

.in-main {
    overflow: hidden
}

.n_banner {
    position: relative;
    z-index: 1
}

.n_banner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/n_ba_h.png) center bottom no-repeat;
    background-size: 100% auto;
    pointer-events: none;
}

.n_banner .imgBox .img {
    padding-bottom: 34.94%
}

.n_banner .imgBox .img img {
    transform: scale(1.15);
    animation: small1 40s infinite linear
}

@keyframes small1 {
    0% {
        transform: scale(1.15)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.15)
    }
}

.n_banner .top {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 .4rem;
    z-index: 2;
}

.n_banner .top .wp {
    align-items: flex-end
}

.n_banner .top .wp .left {
    max-width: 36vw;
}

.breadcrumb {
    align-items: baseline;
    line-height: 1.35
}

.breadcrumb * {
    font-size: .16rem;
    color: #b0b0b0 !important;
    transition: .5s
}

.breadcrumb *:hover {
    color: #fff !important
}

.breadcrumb img {
    width: .22rem;
    margin: 0 .1rem 0 0
}

.breadcrumb span {
    margin: 0 .03rem
}

.breadcrumb em {
    color: #fff
}

.siji {
    margin: -.56rem 0 0;
    position: relative;
    z-index: 1
}

.siji ul {
    background: url(../images/siji.jpg) center no-repeat;
    background-size: cover
}

.siji ul li {
    flex: 1;
    padding: .56rem 0
}

.siji .a {
    height: 1.72rem;
    align-items: center;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 .1rem
}

.siji .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    bottom: 0
}

.siji img {
    width: .8rem;
    opacity: .4;
    transition: .5s
}

.siji h4 {
    font-size: .16rem;
    color: #fff !important;
    line-height: 1.35;
    margin: .15rem 0 0;
    opacity: .4;
    transition: .5s
}

.siji li:last-child .a:before {
    display: none
}

.siji .a:hover img, .siji .a:hover h4 {
    opacity: 1
}

.h3-1 {
    font-size: .6rem;
    color: #333333;
    line-height: 1.25;
    font-family: 'Gilroy bold';
    margin-bottom: .4rem;
    align-items: center
}

.arc-con_t1 {
    margin: .75rem 0 1rem
}

.arc-con_tab1 table tr {
    background: #f7f7f7;
    transition: .5s
}

.arc-con_tab1 table tr:nth-child(2n) {
    background: #fff
}

.arc-con_tab1 table tr th {
    background: url(../images/arc-con_tab1.jpg);
    background-size: 19.60rem 1.02rem;
    font-size: .3rem;
    font-family: 'Gilroy bold';
    color: #fff;
    text-align: left;
    padding: .25rem .5rem;
    line-height: 1.25
}

.arc-con_tab1 table tr td {
    font-size: .2rem;
    color: #333333 !important;
    text-align: left;
    padding: 0.2rem 0.5rem !important;
    transition: .5s;
    line-height: 1.25
}

.list8 {
    margin: 0 -1.14vw
}

.list8 li {
    width: 33.33%;
    padding: 0 1.14vw
}

.list8 .txt {
    background: #eeeeee;
    padding: .3rem .36rem;
    min-height: 1.4rem;
    transition: .5s
}

.list8 h4 {
    font-size: .2rem
}

@media(min-width: 1024px) {
    .arc-con_tab1 table tr:hover {
        background: #c09b73;
        box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3)
    }

    .arc-con_tab1 table tr:hover td {
        color: #fff !important
    }

    .list8 .a:hover .txt {
        background: #a72235
    }

    .list8 .a:hover .txt h4 {
        color: #fff
    }
}

@media(max-width: 1024px) {
    .siji img {
        width: .6rem
    }

    .n_banner .imgBox .img {
        padding-bottom: 56%
    }

    .siji {
        margin: .3rem 0 0
    }

    .n_banner .top {
        padding: 0 0 .1rem !important;
    }

    .list22 li .num {
        display: none !important;
    }
}

@media(max-width: 800px) {
    .siji ul {
        padding: .3rem 0
    }

    .siji img {
        width: .4rem
    }

    .siji ul li {
        width: 33.33%;
        flex: auto;
        padding: 0
    }

    .siji .a:before {
        display: none
    }

    .siji .a {
        height: 1.2rem
    }

    .h3-1 {
        font-size: .32rem;
        margin-bottom: .25rem
    }

    .n_pad1 {
        padding: .4rem 0
    }

    .arc-con_t1 {
        margin: .3rem 0 .45rem
    }

    .arc-con table {
        min-width: 100%
    }

    .arc-con_tab1 table tr th {
        padding: .2rem;
        font-size: .2rem
    }

    .arc-con_tab1 table tr td {
        padding: .1rem .2rem;
        font-size: .16rem
    }

    .list8 li {
        width: 100%;
        margin-bottom: .25rem
    }

    .siji h4 {
        margin: .1rem 0 0
    }
}

.list9 {
    margin: .24rem -.27rem
}

.list9 li {
    width: 25%;
    padding: .24rem .27rem
}

.list9 .a {
    display: flex;
    height: 1.5rem;
    border: rgba(0, 0, 0, .2) 1px solid;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: .5s;
    padding: 0 .2rem
}

.list9 .a::before {
    content: "";
    position: absolute;
    top: -.28rem;
    right: -.28rem;
    bottom: -.28rem;
    left: -.28rem;
    background: url(../images/list9_b1.jpg) center no-repeat;
    z-index: -1;
    transform: scale(.8);
    opacity: 0;
    transition: .5s
}

.list9 h4 {
    font-size: .2rem;
    color: #333333;
    transition: .5s
}

.list9 i {
    display: inline-block;
    width: .18rem;
    height: .18rem;
    margin: 0 0 0 .2rem;
    position: relative;
    overflow: hidden;
    min-width: .18rem
}

.list9 i::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list9_i1.png) center no-repeat;
    background-size: 100% 100%;
    transition: .5s
}

.list9 i::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list9_i1_on.png) center no-repeat;
    background-size: 100% 100%;
    transform: translate(-101%, 101%);
    transition: .5s
}

@media(min-width: 1024px) {
    .list9 .a:hover {
        border: transparent 1px solid
    }

    .list9 .a:hover::before {
        transform: scale(1);
        opacity: 1
    }

    .list9 .a:hover h4 {
        color: #fff
    }

    .list9 .a:hover i:before {
        transform: translate(101%, -101%)
    }

    .list9 .a:hover i:after {
        transform: translate(0, 0)
    }
}

@media(max-width: 1024px) {
    .list9 {
        margin: -.1rem -.1rem 0
    }

    .list9 li {
        width: 50%;
        padding: .1rem .1rem
    }

    .list9 .a {
        height: .9rem
    }
}

@media(max-width: 800px) {
    .list9 i {
        width: .14rem;
        height: .14rem;
        min-width: .14rem
    }
}

.n_banner .top h2 {
    font-size: .5rem;
    color: #fff;
    font-weight: bold
}

.n_banner .top h6 {
    font-size: .18rem;
    color: #fff
}

.siji1 {
    margin: 0;
    position: relative;
    z-index: 2;
}

.siji1 ul li {
    flex: 1;
    padding: 0
}

.siji1 .a {
    height: 3.06rem;
    align-items: center;
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 .4rem
}

.siji1 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/siji1_b1.jpg) center no-repeat;
    background-size: cover;
    z-index: -1
}

.siji1 .a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/siji1_b1s.png) center top no-repeat;
    background-size: 100% auto;
    z-index: -2;
    opacity: 1;
    transform: translateY(calc(100%)) rotateX(90deg);
    transform-origin: top;
    transition: .5s;
    pointer-events: none
}

.siji1 img {
    width: 1.81rem;
    transition: .5s
}

.siji1 h4 {
    font-size: .2rem;
    color: #fff !important;
    line-height: 1.35;
    margin: -.1rem 0 0;
    transition: .5s;
    height: .54rem;
    font-family: 'Gilroy Medium'
}

.siji1 li:nth-child(2) .a:before {
    background: url(../images/siji1_b2.jpg) center no-repeat;
    background-size: cover
}



.siji1 li:nth-child(2) .a::after {
    background: url(../images/siji1_b2s.png) center top no-repeat;
    background-size: 100% auto
}




.siji1 li:nth-child(5) .a:before {
    background: url(../images/siji1_b2.jpg) center no-repeat;
    background-size: cover
}

.siji1 li:nth-child(4) .a:before {
    background: url(../images/siji1_b3.jpg) center no-repeat;
    background-size: cover
}

.siji1 li:nth-child(5) .a::after {
    background: url(../images/siji1_b2s.png) center top no-repeat;
    background-size: 100% auto
}

.siji1 li:nth-child(4) .a::after {
    background: url(../images/siji1_b3s.png) center top no-repeat;
    background-size: 100% auto
}

.siji1 li.on {
    position: relative;
    z-index: 2
}

.siji1 li.on .a::after, .siji1 li .a:hover::after {
    opacity: 1;
    transform: translateY(calc(100%)) rotateX(0deg);
    filter: drop-shadow(0 0 .2rem rgba(0, 0, 0, 0.26))
}

.wuji {
    background: #083f48;
    padding: 2.62rem 0 .4rem;
    position: relative
}

.wuji_i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.wuji .h4-1 {
    font-size: .36rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -.25rem;
    width: 100%;
    padding: 0 15px;
    text-align: center
}

.wuji ul {
    justify-content: space-between;
    width: 9.1rem;
    margin: 0 auto;
    max-width: 100%
}

.wuji li {
    padding: 0 .1rem
}

.wuji .a {
    font-size: .18rem;
    color: #fff !important;
    display: flex;
    height: .54rem;
    align-items: center;
    border-radius: 50vw;
    justify-content: center;
    background: rgba(255, 255, 255, .2);
    width: 1.9rem;
    border: #fff 1px solid;
    transition: .5s;
    max-width: 100%
}

.wuji li.on .a, .wuji li .a:hover {
    background: #7c0d2b;
    border: #7c0d2b 1px solid;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61);
    color: #fff
}

.wuji li.on .a h4, .wuji li .a:hover h4 {
    color: #fff
}

.wujis {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.wujis ul {
    justify-content: space-between;
    width: 9.1rem;
    margin: 0 auto;
    max-width: 100%
}

.wujis li {
    padding: 0 .1rem
}

.wujis .a {
    font-size: .18rem;
    color: #fff !important;
    display: flex;
    height: .54rem;
    align-items: center;
    border-radius: 50vw;
    justify-content: center;
    background: rgba(255, 255, 255, .2);
    width: 1.9rem;
    border: #fff 1px solid;
    transition: .5s;
    max-width: 100%
}

.wujis li.on .a, .wujis li .a:hover {
    background: #7c0d2b;
    border: #7c0d2b 1px solid;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61);
    color: #fff
}

.wujis li.on .a h4, .wujis li .a:hover h4 {
    color: #fff
}

.list10 {
    margin: 0 -1.92vw -.38rem
}

.list10 li {
    width: 33.33%;
    padding: 0 1.92vw;
    margin-bottom: .38rem
}

.list10 .imgBox .img {
    padding-bottom: 62.57%
}

.list10 .txt {
    background: #eeeeee;
    padding: .2rem .36rem;
    min-height: 2.64rem;
    transition: .5s
}

.list10 h4 {
    font-size: .2rem;
    margin: .1rem 0
}

.list10 h6 {
    font-size: .14rem;
    color: #333333
}

.j_pages {
    margin: .8rem auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.j_pages .box {
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.j_pages .box * {
    font-size: .16rem
}

.j_pages a {
    padding: 0 .1rem;
    height: .36rem;
    display: flex;
    margin: 0 .03rem;
    box-sizing: border-box;
    border-radius: 0;
    transition: .5s;
    min-width: .36rem;
    border: #d2d5da 1px solid;
    color: #333;
    align-items: center;
    border-radius: .04rem;
    justify-content: center
}

.j_pages a font {
    padding: 0 10px
}

.j_pages a svg {
    width: .16rem;
    height: .16rem
}

.j_pages a:hover, .j_pages a.on {
    background: #0062b3;
    color: #fff!important;
    border: #0062b3 1px solid
}

.pagebar {
    margin: .8rem auto 0 auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.pagebar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    background: #eaeaea;
    transform: translateX(-50%);
}

.pagebar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    background: #eaeaea;
    transform: translateX(-50%);
}

.p_pages {
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.pagebar * {
    font-size: .16rem;
}

.p_pages span {
    padding: 0 .1rem;
    height: .5rem;
    display: flex;
    margin: 0 .03rem;
    box-sizing: border-box;
    border-radius: 0;
    min-width: .36rem;
    color: #333;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.p_pages span:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    left: 0;
    background: #7c0d2b;
    border-radius: .04rem;
    z-index: -1;
    height: 1px;
}

.p_pages span.p_no_d:before {
    width: 100%
}

.p_pages span.p_no_d {
    color: #7c0d2b
}

.p_pages span a {
    display: flex;
    align-items: center;
    border-radius: .04rem;
    justify-content: center;
    margin: 0 -.1rem;
    height: 100%;
    width: calc(100% + .2rem);
    padding: 0 .1rem;
    transition: .5s
}

.p_pages svg {
    width: .16rem;
    height: .16rem;
    transition: .5s
}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover {
    color: #7c0d2b!important
}

.p_pages a:hover svg {
    fill: #fff
}

.p_goto {
    margin: 0 .03rem
}

.p_goto input {
    display: flex;
    align-items: center;
    border-radius: .04rem;
    justify-content: center;
    height: .36rem;
    padding: 0 .1rem;
    transition: .5s;
    position: relative;
    z-index: 1;
    border: #d2d5da 1px solid;
    border-radius: .04rem;
    width: .6rem
}

.p_goto a {
    display: flex;
    align-items: center;
    border-radius: .04rem;
    justify-content: center;
    height: .36rem;
    padding: 0 .1rem;
    transition: .5s;
    position: relative;
    z-index: 1
}

.p_goto a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #d2d5da 1px solid;
    border-radius: .04rem;
    z-index: -1;
    transition: .5s
}

.p_goto a:hover::before {
    border: #0062b3 1px solid
}

.p_first_d, .p_last_d, .p_first, .p_last {
    display: none !important;
}

.p_prev_d, .p_prev {
    position: absolute !important;
    left: 0;
    font-size: .14rem;
}

.p_prev_d a, .p_prev a {
    font-size: .14rem
}

.p_next_d, .p_next {
    position: absolute !important;
    right: 0;
    font-size: .14rem;
}

.p_next_d a, .p_next a {
    font-size: .14rem
}

@media(min-width: 1024px) {
    .list10 .a:hover .txt {
        background: #7c0d2b
    }

    .list10 .a:hover .txt * {
        color: #fff
    }
}

@media(max-width: 800px) {
    .j_pages {
        margin: .4rem auto 0
    }
}

@media(max-width: 1024px) {
    .wuji {
        padding: 1.6rem 0 .4rem;
        background-position-y: -.3rem;
    }

    .n_banner .top .left {
        width: 100%;
        margin-bottom: .15rem;
        max-width: 100% !important
    }

    .n_banner .top h2 {
        font-size: .22rem
    }
}

@media(max-width: 800px) {
    .pagebar {
        margin: .4rem auto 0 auto !important;
    }

    .list10 {
        margin: 0 -1.92vw -.25rem
    }

    .list10 li {
        width: 100%;
        margin-bottom: .25rem
    }

    .list10 .txt {
        padding: .2rem .2rem;
        min-height: 2.64rem;
        transition: .5s
    }

    .wuji li {
        width: 33.33%
    }

    .wuji li.on .bg {
        background-size: 150% auto !important;
    }

    .wujis {
        width: 94%;
    }

    .wujis li {
        width: 33.33%;
        margin-bottom: .2rem;
    }

    .wujis .a {
        height: .44rem
    }

    .siji1 ul {
        white-space: nowrap;
        display: block;
        font-size: 0;
        overflow: hidden;
        overflow-x: scroll;
        margin-bottom: -.3rem;
        position: relative;
        z-index: 1;
    }

    .siji1 ul li {
        flex: auto;
        width: 50%;
        display: inline-block;
        white-space: normal;
        vertical-align: top
    }

    .siji1 img {
        width: .8rem
    }

    .siji1 h4 {
        margin: 0;
        height: .9rem;
        font-size: .18rem;
    }

    .siji1 .a {
        height: 2rem;
        padding: 0 .1rem;
        margin-bottom: .3rem;
    }

    .breadcrumb {
        display: none
    }

    .breadcrumb * {
        font-size: .13rem;
        color: #fff !important;
    }

    .breadcrumb img {
        width: .16rem
    }

    .wuji .h4-1 {
        font-size: .26rem;
        margin-top: -.4rem
    }
}

.n_banner .top h3 {
    font-size: .6rem;
    color: #fff;
    font-family: 'Gilroy bold'
}

.h3-2 {
    text-align: center;
    font-size: .48rem;
    color: #222222;
    font-family: 'Gilroy Medium';
    font-weight: normal;
    margin-bottom: .6rem
}

.OurSchools .box {
    margin-bottom: .3rem
}

.list11 {
    margin: 0 -1.5625vw
}

.list11 li {
    width: 33.33%;
    padding: 0 1.5625vw;
    margin-bottom: .48rem
}

.list11 .a {
    display: flex;
    height: .81rem;
    align-items: center;
    box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.1);
    padding: 0 .88rem 0 .24rem;
    position: relative;
    z-index: 1;
    border-radius: .05rem;
    overflow: hidden;
    transition: .5s
}

.list11 .a:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .06rem;
    background: #ce975c;
    transform-origin: right bottom;
    transition: .5s;
    z-index: -1
}

.list11 h4 {
    font-size: .2rem;
    color: #000000;
    line-height: 1.2;
    transition: .5s
}

.list11 i {
    position: absolute;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%)
}

.list11 i svg {
    width: .24rem;
    height: .24rem;
    fill: #333;
    transition: .5s;
    transition: .5s
}

.list11 li:nth-child(4n-3) .a:before {
    background: #ce975c
}

.list11 li:nth-child(4n-2) .a:before {
    background: #8a062a
}

.list11 li:nth-child(4n-1) .a:before {
    background: #0c3f97
}

.list11 li:nth-child(4n) .a:before {
    background: #699669
}

@media(min-width: 1024px) {
    .list11 .a:hover:before {
        width: .9rem;
        transform: skewX(-18deg)
    }

    .list11 .a:hover svg {
        fill: #fff
    }
}

@media(max-width: 1024px) {
    .list11 li {
        width: 50%
    }
}

@media(max-width: 800px) {
    .n_banner .top h3 {
        font-size: .3rem
    }

    .h3-2 {
        font-size: .32rem;
        margin-bottom: .3rem
    }

    .list11 li {
        width: 100%;
        margin-bottom: .2rem
    }
}

.New .wp {
    max-width: 14.5rem
}

.list12 .a {
    align-items: center
}

.list12 .imgBox {
    width: 60.68%;
    margin: 0 0 0 .3rem;
    order: 1
}

.list12 .imgBox .img {
    padding-bottom: 60.68%
}

.list12 .txt {
    flex: 1
}

.list12 h4 {
    margin: 0 0 .75rem;
    font-size: .26rem;
    color: #000000;
    line-height: .4rem;
    max-height: calc(.4rem*3)\0
}

.list12 h6 span {
    display: inline-block;
    position: relative;
    font-size: .24rem;
    color: #000000;
    padding-bottom: .06rem
}

.list12 h6 span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .04rem;
    background: #8a062a
}

.list13 {
    margin: .56rem -.26rem 0
}

.list13 li {
    width: 33.33%;
    padding: 0 .26rem;
    margin: .32rem 0
}

.list13 li::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #d2d2d2
}

.list13 .imgBox .img {
    padding-bottom: 66.88%
}

.list13 hr {
    width: calc(100% - .52rem);
    margin: 0 auto;
    border-top: #ededed 1px solid
}

.list13 .txt {
    padding: .2rem .1rem
}

.list13 h4 {
    min-height: .48rem
}

.list13 p {
    margin: .15rem 0 .5rem;
    min-height: .78rem
}

.list13 h6 span {
    display: inline-block;
    position: relative;
    font-size: .16rem;
    color: #000000;
    padding-bottom: .04rem
}

.list13 h6 span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .03rem;
    background: #8a062a
}

.list13 li:nth-child(4)::before, .list13 li:nth-child(8)::before {
    display: none
}

@media(max-width: 800px) {
    .list12 h4 {
        margin-bottom: .25rem
    }

    .list12 h6 span {
        font-size: .16rem
    }

    .list12 .imgBox {
        margin: 0 0 0 .15rem
    }

    .list12 h6 span:before {
        height: .03rem
    }

    .list13 li {
        width: 50%
    }

    .list13 hr {
        display: none
    }

    .list13 {
        margin: .36rem -7px 0
    }

    .list13 li {
        padding: 0 7px;
        margin: .05rem 0
    }

    .list13 li:before {
        display: none
    }

    .list13 p {
        margin: .1rem 0 .2rem
    }
}

.n_ba1 {
    position: relative;
    z-index: 1
}

.list14 .imgBox:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/n_ba_h.png) center bottom no-repeat;
    background-size: 100% 101%
}

.list14 .imgBox .img {
}

.list14 .imgBox .img img {
    transform: scale(1.25);
    transition: 2s
}

.list14 li.swiper-slide-active .imgBox .img img {
    transform: scale(1)
}

.list15Box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

.list15 .a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center
}

.list15 .img {
    transition: .5s;
    opacity: 0;
    height: 4rem;
    display: flex;
    align-items: center;
    display: none;
}

.list15 .img svg {
    height: 4rem;
    fill: none;
    stroke: #fff;
    stroke-width: 1.5
}

.list15 li:nth-child(3) .img svg, .list15 li:nth-child(4) .img svg, .list15 li:nth-child(5) .img svg, .list15 li:nth-child(6) .img svg {
    height: 3rem
}

.list15 h6 {
    font-size: .24rem;
    color: #fff;
    transition: .5s;
    opacity: 0;
    margin: .1rem 0 0
}

.list15 h3 {
    font-size: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
    transition: .5s;
    opacity: .4;
    line-height: 1;
    font-family: 'Gilroy Medium';
    font-weight: normal;
    white-space: nowrap
}

.list15 .arrow {
    width: .51rem;
    height: .51rem;
    cursor: pointer;
    display: flex;
    align-items: center
}

.list15 .arrow img {
    width: 100%;
    transition: .5s;
    opacity: 0
}

.list15 .arrow.prev {
    margin-right: .8rem
}

.list15 .arrow.next {
    margin-left: .8rem
}

.list15 li.swiper-slide-active .img {
    opacity: 1
}

.list15 li.swiper-slide-active h6 {
    opacity: 1
}

.list15 li.swiper-slide-active h3 {
    opacity: 1;
    font-family: 'Gilroy bold'
}

.list15 li.swiper-slide-active .arrow img {
    opacity: .4
}

@media(min-width: 1024px) {
    .list15 li.swiper-slide-active .arrow:hover img {
        opacity: .8
    }
}

@media(max-width: 800px) {
    .list15 .arrow.prev {
        margin-right: .3rem
    }

    .list15 .arrow.next {
        margin-left: .3rem
    }
}

.Members .tab_li {
    display: none
}

.Members .tab_li.on {
    display: block
}

.listazW .listazBox_li.on {
    display: block
}

.stickyBox {
    position: absolute;
    top: 0;
    left: -1.95rem
}

.Members .left {
    width: 1.95rem;
    margin: 0;
    padding: 2.4rem 0 0
}

.Members .sticky {
    position: sticky;
    top: 1rem;
    width: .8rem;
    background: #f9f7f2;
    border-radius: 50vw;
    text-align: center;
    padding: .16rem 0 .3rem
}

.Members .sticky .ico {
    width: .56rem;
    height: .56rem;
    background: #7c0d2b;
    border-radius: 50vw;
    margin: 0 auto
}

.listaz {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: .42rem 0 0
}

.listaz::before {
    content: "";
    position: absolute;
    top: -.2rem;
    width: .45rem;
    height: 1px;
    background: #e0d6bd;
    left: 50%;
    transform: translateX(-50%)
}

.listaz li {
    margin-bottom: .1rem
}

.listaz .a {
    display: inline-block;
    width: .56rem;
    line-height: .56rem;
    position: relative;
    z-index: 1;
    font-size: .34rem;
    color: #21191a;
    font-family: 'Gilroy Medium'
}

.listaz .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ebe4d3;
    border-radius: 50vw;
    z-index: -1;
    transform: scale(0);
    transition: .5s
}

.Members .right {
    flex: calc(100% - 1.95rem);
    padding: .3rem 0 0
}

.Members .bd_li {
    position: relative;
    height: 0;
    visibility: hidden;
    display: none
}

.Members .bd_li.on {
    height: auto;
    visibility: visible;
    display: block
}

.n_wuji {
    padding: 0 0 0 1.5rem
}

.n_wuji li {
    width: 12.16%;
    text-align: center;
    position: relative;
    z-index: 1
}

.n_wuji li:before {
    content: "";
    position: absolute;
    width: .22rem;
    height: .04rem;
    background: #ebebeb;
    right: -.11rem;
    top: 50%;
    margin-top: -.02rem
}

.n_wuji .a {
    font-size: .6rem;
    color: #d5d5d5;
    font-family: 'Gilroy Medium';
    transition: .5s
}

.n_wuji li.on .a, .n_wuji li .a:hover {
    color: #7c0d2b
}

.n_wuji li:last-child:before {
    display: none
}

.listazBox {
    padding: .35rem 0 0
}

.listazBox .box {
    align-items: flex-start;
    border-bottom: #f2ebe3 1px solid;
    padding: .35rem 0
}

.listazBox .ll {
    width: 1.25rem;
    font-size: .9rem;
    color: #c09b73;
    font-family: 'Gilroy Medium';
    line-height: .9rem;
    position: relative;
    z-index: 1;
    margin: 0 .44rem 0 0
}

.listazBox .ll:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e6d7c7
}

.listazBox .cc {
    flex: 1;
    overflow: hidden
}

.listazBox .cc h3 {
    font-size: .6rem;
    color: #7c0d2b;
    font-family: 'Gilroy Medium';
    line-height: .9rem;
    font-weight: normal;
    position: relative;
    z-index: 1;
    padding: 0 1rem 0 0
}

.listazBox .rr {
    width: .36rem;
    line-height: .9rem;
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%)
}

.listazBox .rr img {
    transition: .5s;
    width: 100%;
    cursor: pointer;
    opacity: .5
}

.listazBox .box:last-child {
    border: none
}

.listazBox .box .active .rr img {
    opacity: 1;
    transform: rotate(90deg)
}

.list16 {
    margin: .1rem 0 0;
    display: none
}

.list16 li {
    padding: .15rem 0
}

.list16 .a {
    font-size: .26rem;
    color: #222222;
    line-height: .3rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 .5rem 0 0;
    transition: .5s
}

.list16 .a::before {
    content: "";
    position: absolute;
    width: .36rem;
    height: .1rem;
    background: url(../images/list16_s.png) center no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 50%;
    margin: -.05rem 0 0;
    opacity: 0;
    transition: .5s
}

@media(min-width: 1024px) {
    .list16 .a:hover {
        color: #c09b73
    }

    .list16 .a:hover:before {
        opacity: 1
    }
}

@media(max-width: 1024px) {
    .list15 .img svg {
        height: 2rem
    }

    .list15 h3 {
        font-size: .3rem
    }

    .list14 .imgBox .img {
        padding-bottom: 80%
    }

    .Members .left {
        margin: 0 .3rem 0 0;
        width: .6rem;
        padding: .7rem 0 0
    }

    .Members .left .sticky {
        width: 100%
    }

    .Members .left .sticky .ico, .listaz .a {
        width: .4rem;
        height: .4rem;
        line-height: .4rem
    }

    .n_wuji li {
        width: 33.33%;
        margin-bottom: .1rem
    }

    .n_wuji .a {
        font-size: .24rem
    }

    .listaz .a {
        font-size: .22rem
    }

    .listazBox .ll {
        font-size: .4rem;
        width: .6rem;
        margin: 0 .25rem 0 0;
        line-height: .6rem
    }

    .listazBox .cc h3 {
        font-size: .3rem;
        line-height: .6rem;
        padding: 0 .5rem 0 0
    }

    .listazBox .rr {
        line-height: .6rem
    }
}

@media(max-width: 800px) {
    .list15 .img {
        height: 1.5rem
    }

    .list15 .img svg {
        height: 1.5rem
    }

    .list15 li:nth-child(3) .img svg, .list15 li:nth-child(4) .img svg, .list15 li:nth-child(5) .img svg, .list15 li:nth-child(6) .img svg {
        height: 1.25rem
    }

    .list15 .arrow {
        width: .36rem;
        height: .36rem
    }

    .list15 h6 {
        margin: -.1rem 0 0;
        font-size: .2rem
    }

    .n_wuji {
        padding: 0
    }

    .listazBox .box {
        padding: .15rem 0
    }

    .listazBox .ll {
        font-size: .26rem;
        width: .45rem;
        margin: 0 .25rem 0 0;
        line-height: .5rem
    }

    .listazBox .cc h3 {
        font-size: .22rem;
        line-height: .5rem
    }

    .listazBox .rr {
        line-height: .5rem;
        width: .24rem
    }

    .list16 li {
        padding: .05rem 0
    }

    .list16 .a {
        font-size: .2rem;
        padding: 0
    }

    .Members .right {
        padding: 0
    }
}

.ar_tit {
    text-align: center;
    margin-bottom: .6rem
}

.ar_tit h3 {
    font-size: .6rem;
    color: #333333;
    line-height: 1.25;
    font-family: 'Gilroy Medium'
}

.ar_tit h6 {
    font-size: .24rem;
    color: #747474;
    line-height: 1.35;
    margin: .2rem 0 0
}

.ar_tit h6 span {
    margin: 0 .1rem
}

.links {
    margin: .8rem 0 0;
    padding: 0 0 .5rem;
    position: relative
}

.links:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1.2rem;
    right: -1.2rem;
    height: 1px;
    background: #dbdbdb
}

.links li {
    font-size: .16rem;
    color: #747474;
    line-height: 1.5;
    position: relative;
    margin-right: .2rem
}

.links li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: .16rem;
    background: #747474;
    top: 50%;
    right: -.1rem;
    transform: translateY(-50%)
}

.links li:last-child:before {
    display: none
}

.tj1 {
    padding-bottom: 0 !important
}

.list17 .imgBox .img {
    padding-bottom: 62.66%
}

.list17 .txt {
    background: #fff;
    margin: -.7rem 2.6vw 0 0;
    position: relative;
    z-index: 1;
    padding: .3rem .2rem;
    border-top: #7f1230 2px solid
}

.list17 h6 {
    margin: .25rem 0 0
}

@media(max-width: 1024px) {
    .ar_tit h3 {
        font-size: .26rem
    }

    .ar_tit h6 {
        font-size: .16rem
    }
}

@media(max-width: 800px) {
    .ar_tit {
        margin-bottom: .4rem
    }
}

.list18Box {
    margin: 0 0 .6rem
}

.list19 {
    margin: 0 -.15rem -.3rem
}

.list19 li {
    width: 50%;
    padding: 0 .15rem;
    margin-bottom: .3rem
}

.list19 .a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    height: 1.9rem;
    padding: 0 .4rem;
    transition: .5s
}

.list19 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #d3d3d3 1px solid;
    z-index: -1
}

.list19 .a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #8a062a 1px solid;
    z-index: -1;
    transform: rotateX(90deg);
    transition: .5s;
    opacity: 0
}

.list19 .txt {
    width: 100%
}

.list19 h6 {
    margin: .35rem 0 0
}

.list19 h6 span {
    display: inline-block;
    position: relative;
    font-size: .16rem;
    color: #000000;
    padding-bottom: .04rem
}

.list19 h6 span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .03rem;
    background: #8a062a
}

@media(min-width: 1024px) {
    .list19 .a:hover {
        box-shadow: .05rem .05rem 0 #dfdfdf
    }

    .list19 .a:hover::after {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@media(max-width: 800px) {
    .list19 li {
        width: 100%;
        margin-bottom: .2rem
    }

    .list19 .a {
        padding: 0 .25rem;
        height: 1.6rem
    }

    .list19 h6 {
        margin: .25rem 0 0
    }

    .list18Box {
        margin: 0 0 .5rem
    }
}

.erji {
    margin: .3rem 0 .8rem
}

.erji ul li {
    flex: 1
}

.erji .a {
    font-size: .4rem;
    color: #fff;
    font-family: 'Gilroy Medium';
    display: flex;
    height: 1.2rem;
    background: #c09b73;
    padding: 0 .5rem;
    align-items: center;
    position: relative;
    transition: .5s
}

.erji .a::before {
    content: "";
    position: absolute;
    background: url(../images/erji_b.png) center right no-repeat;
    background-size: auto 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .5s
}

.erji .a::after {
    content: "";
    position: absolute;
    left: .6rem;
    border-left: transparent .18rem solid;
    border-right: transparent .18rem solid;
    border-top: #7c0d2b .22rem solid;
    top: 100%;
    opacity: 0;
    transition: .5s
}

.erji li.on .a, .erji li:hover .a {
    background: #7c0d2b
}

.erji li.on .a::before, .erji li.on .a::after, .erji li:hover .a::before, .erji li:hover .a::after {
    opacity: 1
}

.list20 {
    margin: 0 .68rem
}

.list20 li {
    margin-bottom: .12rem
}

.list20 .top {
    background: #f2f2f2;
    padding: 0 .3rem 0 .54rem;
    position: relative;
    z-index: 1;
    transition: .5s;
    cursor: pointer
}

.list20 .top h4 {
    font-size: .28rem;
    color: #2e2e2e;
    line-height: 1.35;
    padding: .16rem 0;
    transition: .5s
}

.list20 .top i {
    display: inline-block;
    position: absolute;
    left: .25rem;
    top: 50%;
    width: .16rem;
    height: .16rem;
    transform: translateY(-50%)
}

.list20 .top i:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #999999;
    transform: translateY(-50%);
    transition: .5s
}

.list20 .top i:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #999999;
    transform: translateX(-50%);
    transition: .5s
}

.list20 .bottom {
    padding: .3rem .25rem;
    display: none
}

.list20 .arc-con p {
    font-size: .16rem;
    color: #000000
}

.list20 li.on .top {
    background: #7c0d2b
}

.list20 li.on .top h4 {
    color: #fff
}

.list20 li.on .top i:before {
    background: #fff
}

.list20 li.on .top i:after {
    transform: rotate(90deg);
    background: #fff
}

@media(max-width: 1024px) {
    .erji .a {
        height: .8rem;
        font-size: .28rem;
        padding: 0 .25rem
    }

    .erji .a::after {
        left: .25rem;
        border-left: transparent 0.1rem solid;
        border-right: transparent 0.1rem solid;
        border-top: #7c0d2b 0.12rem solid
    }
}

@media(max-width: 800px) {
    .erji {
        margin: .1rem 0 .4rem
    }

    .list20 {
        margin: 0 0
    }

    .list20 .top h4 {
        font-size: .2rem
    }

    .erji .a {
        font-size: .24rem;
        height: .7rem
    }

    .list20 .top i {
        left: .2rem
    }
}

.w1350 .wp {
    max-width: 13.5rem
}

.list21 {
    margin: 0 0 -.2rem
}

.list21 li {
    width: 25%;
    padding: 0;
    margin-bottom: .2rem
}

.list21 .a {
    display: block;
    padding: .33rem;
    position: relative;
    z-index: 1
}

.list21 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list21_b1.png) center no-repeat;
    background-size: cover;
    z-index: -1
}

.list21 .imgBox .img {
    padding-bottom: 126.93%
}

.list21 h4 {
    margin: .2rem 0 .1rem;
    color: #000000
}

.list21 p {
    font-size: .16rem;
    color: #666666;
    line-height: .24rem;
    max-height: calc(.24rem*2)
}

@media(max-width: 1024px) {
    .list21 li {
        width: 33.33%
    }
}

@media(max-width: 800px) {
    .list21 li {
        width: 50%
    }

    .list21 .a {
        padding: 15px
    }
}

.h2-1 {
    font-size: .9rem;
    color: #222222;
    margin-bottom: .2rem
}

.n_banner.n_ba2 {
    overflow: hidden
}

.n_banner.n_ba2 .imgBox .img {
    padding-bottom: 4rem;
    background: none;
}

.n_banner.n_ba2 .imgBox .img img {
    animation: none;
    transform: none;
    opacity: 0;
}

.n_banner.n_ba2:after {
    display: none
}

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

.list22 li {
    position: absolute;
    z-index: 1;
    cursor: pointer
}

.list22 li img {
    width: 100%;
    transition: .5s;
    opacity: 0
}

.list22 li .num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .1rem;
    height: .1rem;
    background: #ffffff;
    border-radius: 50%;
    transition: .5s;
    opacity: 0
}

.list22 li .num .line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.list22 li .num .line:before {
    content: "";
    position: absolute;
    right: .05rem;
    width: 0;
    height: 1px;
    top: .05rem;
    background: #fff;
    transform-origin: right top;
    transform: rotate(-55deg)
}

.list22 li .num .line:after {
    content: "";
    position: absolute;
    right: .05rem;
    width: 0;
    height: 1px;
    top: .05rem;
    background: #fff;
    transform-origin: right top;
    transform: translate(-.38rem, .55rem)
}

.list22 li .num span {
    position: absolute;
    top: -.3rem;
    right: 1.5rem;
    font-size: .7rem;
    color: #fff;
    font-family: 'Gilroy Medium';
    transition: .5s;
    opacity: 0
}

.list22 li:nth-child(1) {
    top: 38.6%;
    left: 16.8%;
    width: 2.38rem;
    max-width: 12.3959%
}

.list22 li:nth-child(2) {
    top: 20.4%;
    left: 21.1%;
    width: 3.36rem;
    max-width: 17.5%;
    z-index: 3
}

.list22 li:nth-child(3) {
    top: 22.1%;
    left: 26.8%;
    width: 5.38rem;
    max-width: 28.02%;
    z-index: 2
}

.list22 li:nth-child(4) {
    top: 59.35%;
    left: 41.65%;
    width: 2.59rem;
    max-width: 13.49%
}

.list22 li:nth-child(5) {
    top: 18.35%;
    left: 25.2%;
    width: 9.91rem;
    max-width: 51.62%
}

.list22 li:nth-child(6) {
    top: 52.2%;
    left: 71.1%;
    width: 5.38rem;
    max-width: 12.03125%
}

.list22 li:nth-child(2) .num {
    left: 25%;
    top: 65%
}

.list22 li:nth-child(4) .num {
    left: 28%;
    top: 50%
}

.list22 li:nth-child(5) .num {
    left: 80%;
    top: 55%
}

.list22 li:nth-child(3) .num span {
    left: 1.5rem;
    right: auto
}

.list22 li:nth-child(3) .num .line:before {
    left: .05rem;
    right: auto;
    transform: rotate(55deg);
    transform-origin: left top
}

.list22 li:nth-child(3) .num .line::after {
    left: .05rem;
    right: auto;
    transform: translate(.38rem, .55rem)
}

.more3 {
    width: 1.7rem;
    height: .47rem;
    border: #bfbfbf 1px solid;
    font-size: .16rem;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50vw;
    font-weight: normal;
    font-family: 'Gilroy';
    transition: .5s
}

.more3W {
    width: 3.56rem;
}

@media(min-width: 1024px) {
    .list22 li:hover img {
        opacity: 1
    }

    .list22 li:hover .num {
        opacity: 1
    }

    .list22 li:hover .num .line:before {
        width: .68rem;
        transition: .5s
    }

    .list22 li:hover .num .line:after {
        width: 1.46rem;
        transition: .5s ease-out;
        transition-delay: .5s
    }

    .list22 li:hover .num span {
        opacity: 1;
        transition-delay: 1s
    }

    .more3:hover {
        background: #7c0d2b;
        color: #fff;
        border: #7c0d2b 1px solid
    }
}

@media(max-width: 800px) {
    .h2-1 {
        font-size: .4rem;
        margin-bottom: -.1rem
    }
}

.map1 {
    position: relative;
    z-index: 1;
    margin: 0 0 0;
}

.list23 {
    position: absolute;
    right: 0;
    bottom: 9vw;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 13%;
}

.list23 li {
    flex: 1;
    z-index: 1;
    position: relative;
}

.list23 li h3 {
    font-size: .36rem;
    color: #333333;
    position: absolute;
    bottom: 1.9rem;
    left: 50%;
    transform: translateX(-50%) scale(1);
    transition: .5s;
    font-family: 'Gilroy bold';
}

.list23 li .imgw {
    position: absolute;
    width: 1.72rem;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, -.3rem);
    background: url(../images/map1.svg) center no-repeat;
    height: 1.72rem;
    background-size: 100% 100%;
    padding: .06rem 0 0;
    opacity: 0;
    transition: .5s
}

.list23 li .img {
    border-radius: 50%;
    overflow: hidden;
    width: 1.12rem;
    height: 1.12rem;
    margin: 0 auto;
    transform: translateX(-.015rem)
}

.list23 li .img img {
    width: 100%;
    height: 100%
}

.list23 li:nth-child(2) {
    transform: translateY(-10vw)
}

.list23 li:nth-child(3) {
    transform: translateY(-13vw)
}

.list23 li:nth-child(4) {
    transform: translateY(-10vw)
}

.UABR .fl1 {
    padding-bottom: .3rem !important
}

.UABR .fl2 .wp {
    align-items: center;
    justify-content: space-between
}

.UABR .fl2 h3 {
    width: 20%;
    font-size: .48rem;
    margin-bottom: 0
}

.UABR .fl2 .list24Box {
    width: 74.5%;
    padding: .4rem 0 .4rem 1px;
    margin: -.4rem 0
}

.UABR .fl2 .wp1 {
    margin-top: .7rem
}

.UABR .fl2 .wp1 h3 {
    order: 1;
    text-align: right
}

.list24 .a {
    display: block;
    position: relative;
    z-index: 1;
    transition: .5s
}

.list24 .imgBox {
    opacity: 0;
    transition: .5s
}

.list24 .imgBox .img {
    padding-bottom: 63.54%
}

.list24 .imgBox .img:after {
    content: "";
    background: url(../images/list24_b.png) center top no-repeat;
    background-size: 100% 1rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.list24 .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #bcbcbc 1px solid;
    flex-direction: column;
    justify-content: center;
    padding: 0 .35rem;
    opacity: 1;
    transition: .5s;
    z-index: 2
}

.list24 h4 {
    min-height: .6rem
}

.list24 h6 {
    margin: .55rem 0 0;
    transition: .5s
}

.list24 h6 span {
    display: inline-block;
    position: relative;
    font-size: .16rem;
    color: #000000;
    padding: .04rem
}

.list24 h6 span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .03rem;
    background: #8a062a
}

.UABR .fl3 {
    position: relative;
    z-index: 1
}

.UABR .fl3 .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.UABR .fl3 h3 {
    padding: 4% 36% 0 0;
}

.list25 {
    margin: 0 -.9375vw
}

.list25 li {
    width: 25%;
    padding: 0 .9375vw
}

.list25 .imgBox .img {
    padding-bottom: 133.41%
}

.list25 .txt {
    background: #e7e7e7;
    height: 1.4rem;
    padding: .2rem .25rem 0;
    transition: .5s
}

.list25 h6 {
    margin: .2rem 0 0;
    font-size: .14rem
}

.circles {
    width: .12rem;
    height: .12rem;
    background: #a41010;
    position: relative;
    z-index: 1;
    border-radius: 50vw;
    left: 50%;
    transform: translateX(-50%);
}

.circles:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 1.84rem;
    background: #a41010;
    margin-left: -.05px
}

.circles span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50vw;
    border: #a41010 1px solid;
    transform: scale(1);
    animation: circleScale 3s linear infinite;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1
}

.circles span:nth-of-type(2) {
    animation-delay: 1s
}

.circles span:nth-of-type(3) {
    animation-delay: 2s
}

@keyframes circleScale {
    0% {
        opacity: .5;
        transform: scale(1)
    }

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

@media(min-width: 1024px) {
    .list24 li:hover .imgBox {
        opacity: 1
    }

    .list24 li:hover .txt {
        border: transparent 1px solid
    }

    .list24 li:hover h6 {
        opacity: 0
    }

    .list24 li:hover h4 {
        transform: translateY(-.25rem);
        color: #fff !important
    }

    .list23 li:hover h3 {
        color: #7c0d2b;
    }

    .list23 li:hover .imgw {
    }

    .list24 .a:hover {
        box-shadow: 0px 0 .4rem 0px rgba(0, 0, 0, 0.45)
    }

    .UABR .fl3 .more3 {
        background: #a41010;
        color: #fff;
        border: #a41010 1px solid
    }

    .UABR .fl3 .more3:last-child {
        background: #114487;
        border: #114487;
        1px solid}

    .list25 .a: hover .txt {
        background: #7c0d2b
    }

    .list25 .a:hover .txt * {
        color: #fff
    }

    .UABR .fl3 .more3:hover {
        opacity: .8
    }
}

@media(max-width: 1024px) {
    .UABR .fl2 h3 {
        width: 100%;
        text-align: center !important;
        margin-bottom: .25rem;
        font-size: .32rem
    }

    .UABR .fl2 .list24Box {
        width: 100%;
        order: 1;
        padding-bottom: .1rem
    }

    .UABR .fl3 {
        margin: .8rem 0 0;
    }

    .UABR .fl3 h3 {
        padding: 0 36% 0 0;
        margin-top: -9vw;
    }

    .UABR .fl3 .more3 {
        margin: 0;
    }

    .list25 li {
        width: 50%;
        margin-bottom: .1rem
    }

    .n_banner.n_ba2 .imgBox .img {
        padding-bottom: 3rem;
    }

    .list23 li h3 {
        bottom: .5rem;
        font-size: .2rem;
    }

    .circles:after {
        height: .45rem
    }
}

@media(max-width: 800px) {
    .more3 {
        width: 1.4rem;
        font-size: .14rem
    }

    .more3W {
        width: 2.9rem;
    }

    .list24 .imgBox .img {
        padding-bottom: 40%
    }

    .list24 h6 {
        margin: .25rem 0 0
    }

    .list23 li h3 {
        font-size: .16rem;
    }

    .h3-1 .rr .more3 {
        width: 31%
    }
}

.Annual-Forum .fl1 {
    padding: 1.75rem 0 2.2rem;
    background: url(../images/Annual-Forum_b1.png) left center no-repeat, url(../images/Annual-Forum_b2.png) right center no-repeat;
    background-size: auto 100%
}

.Annual-Forum .fl1 .content {
    position: relative;
    z-index: 1
}

.Annual-Forum .bg::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/sidai.png) center no-repeat;
    background-size: cover
}

.Annual-Forum .fl1 img {
    opacity: 0
}

.list26W {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 8vw
}

.list26Box {
    height: 100%;
    overflow: visible
}

.list26 .a {
    display: flex;
    position: absolute;
    left: 0;
    flex-direction: column
}

.list26 .a h3 {
    font-size: .36rem;
    color: #afafaf;
    font-family: 'Gilroy Light';
    font-weight: normal
}

.list26 li {
    height: 50%
}

.list26 li .a {
    padding: 0 0 0 .2rem
}

.list26 li .a:before {
    content: "";
    position: absolute;
    top: .24rem;
    bottom: .24rem;
    left: .05rem;
    width: 1px;
    background: #b0b0b0
}

.list26 li .a:after {
    content: "";
    position: absolute;
    top: .15rem;
    bottom: 0;
    left: 0;
    width: .11rem;
    height: .11rem;
    background: #b0b0b0;
    border-radius: 50%
}

.list26 li.swiper-slide-prev .a {
    top: 3%;
    height: 1.68rem;
    justify-content: flex-end;
    transform: translateX(-5vw)
}

.list26 li.swiper-slide-active .a {
    bottom: -.25vw;
    height: 1.1rem
}

.list26 li.swiper-slide-active+li .a {
    top: .7vw;
    height: 2.68rem;
    justify-content: flex-end;
    transform: translateX(5vw)
}

.list26 li.swiper-slide-active+li+li .a {
    bottom: -2vw;
    height: 2.4rem;
    transform: translateX(12vw)
}

.list26 li.swiper-slide-active+li+li+li .a {
    top: 15.6vw;
    height: 1.6rem;
    justify-content: flex-end;
    transform: translateX(12vw)
}

.list26 li.swiper-slide-active+li+li+li+li .a {
    bottom: -5.6vw;
    height: 3.8rem;
    transform: translateX(9vw)
}

.list26 li.swiper-slide-active+li+li+li+li+li .a {
    top: 7.35vw;
    height: 2.48rem;
    justify-content: flex-end;
    transform: translateX(9vw)
}

.list26 li.swiper-slide-active+li+li+li+li+li+li .a {
    bottom: -4.4vw;
    height: 2.4rem;
    transform: translateX(12vw)
}

.list26 li.swiper-slide-active+li+li+li+li+li+li+li .a {
    top: 36%;
    height: 2.48rem;
    justify-content: flex-end;
    transform: translateX(9vw)
}

.list26 li.swiper-slide-active+li .a:after {
    top: auto;
    bottom: .15rem
}

.list26 li.swiper-slide-active+li+li+li .a:after {
    top: auto;
    bottom: .15rem
}

.list26 li.swiper-slide-active+li+li+li+li+li .a:after {
    top: auto;
    bottom: .15rem
}

.list26 li.swiper-slide-active .a:after, .list26 li .a:hover:after {
    background: #7c0d2b
}

.list26 li.swiper-slide-active .a:before, .list26 li .a:hover:before {
    background: #7c0d2b
}

.list26 li.swiper-slide-active .a h3, .list26 li .a:hover h3 {
    color: #7c0d2b
}

.Annual-Forum .fl2 {
    padding-top: 0
}

.list27 {
    margin: 0 -1.5vw
}

.list27 li {
    width: 33.33%;
    padding: 0 1.5vw;
    margin-bottom: .7rem
}

.list27 .txt {
    background: #eeeeee;
    height: .7rem;
    padding: .15rem .25rem 0;
    transition: .5s
}

.partner {
    background: url(../images/partner.png) calc(100% - .4rem) center no-repeat
}

@media(min-width: 1024px) {
    .list27 .a:hover .txt {
        background: #7c0d2b
    }

    .list27 .a:hover .txt * {
        color: #fff
    }
}

@media(max-width: 1024px) {
    .list27 li {
        width: 50%;
        margin-bottom: .2rem
    }

    .partner {
        background-size: auto 40vh
    }
}

@media(max-width: 800px) {
    .list26 li.swiper-slide-active .a {
        bottom: -.25vw;
        height: .9rem
    }

    .list26 li.swiper-slide-active+li .a {
        top: -0vw;
        height: 1.1rem;
        justify-content: flex-end;
        transform: translateX(5vw)
    }

    .list26 li.swiper-slide-active+li+li .a {
        bottom: -1.5vw;
        height: 1.1rem;
        transform: translateX(12vw)
    }

    .list26 li.swiper-slide-active+li+li+li .a {
        top: 15.6vw;
        height: .8rem;
        justify-content: flex-end;
        transform: translateX(7vw)
    }

    .list26 li.swiper-slide-active+li+li+li+li .a {
        bottom: -4.3vw;
        height: .8rem;
        transform: translateX(3vw)
    }

    .list26 li.swiper-slide-active+li+li+li+li+li .a {
        top: 11.35vw;
        height: .8rem;
        justify-content: flex-end;
        transform: translateX(4vw)
    }

    .list26 li.swiper-slide-active+li+li+li+li+li+li .a {
        bottom: 4.4vw;
        height: .7rem;
        transform: translateX(2vw)
    }

    .list26 .a h3 {
        font-size: .22rem
    }

    .list26 li .a:after {
        transform: scale(.7)
    }

    .list26 li.swiper-slide-prev .a {
        transform: translateX(-20vw)
    }

    .Annual-Forum .fl1 {
        padding: .9rem 0 1rem
    }

    .list26 li .a:before {
        bottom: .12rem;
        top: .12rem
    }

    .list26 li .a:after {
        top: .07rem
    }

    .list26 li.swiper-slide-active+li .a:after {
        bottom: .07rem
    }

    .list26 li.swiper-slide-active+li+li+li .a:after {
        bottom: .07rem
    }

    .list26 li.swiper-slide-active+li+li+li+li+li .a:after {
        bottom: .07rem
    }
}

.sanji {
    position: relative
}

.sanji ul {
    margin-bottom: .6rem
}

.sanji li {
    margin: 0 2.6vw .2rem 0
}

.sanji li:last-child {
    margin-right: 0
}

.sanji .a {
    font-size: .2rem;
    color: #000000;
    display: flex;
    height: .54rem;
    align-items: center;
    border-radius: 50vw;
    justify-content: center;
    background: rgba(255, 255, 255, .2);
    border: #c6c6c6 1px solid;
    transition: .5s;
    max-width: 100%;
    font-family: 'Gilroy Medium';
    padding: 0 .25rem
}

.sanji li.on .a, .sanji li .a:hover {
    background: #c09b73;
    border: #c09b73 1px solid;
    color: #fff
}

.sanji li.on .a h4, .sanji li .a:hover h4 {
    color: #fff
}

@media(max-width: 800px) {
    .sanji ul {
        justify-content: space-between;
        margin-bottom: .25rem
    }

    .sanji li {
        width: 48.5%;
        margin: 0 0 .15rem
    }

    .sanji .a {
        font-size: .16rem;
        padding: 0 .15rem;
        text-align: center
    }
}

.Moments .wp {
    max-width: 14.1rem
}

.wall-column {
    display: inline-block;
    width: 33.333333%;
    vertical-align: top;
    padding: 0 .35rem
}

.wall-column .article {
    margin-bottom: .5rem
}

.list28 {
    margin: 0 -.35rem
}

.list28 .a {
    display: block;
    position: relative;
    z-index: 1;
    border-radius: .4rem;
    transition: .5s
}

.list28 .a .trans {
    background: #fff;
    border-radius: .26rem;
    overflow: hidden;
    width: 100%;
    padding: .1rem
}

.list28 .a .img {
    border-radius: .2rem;
    overflow: hidden
}

.list28 .a .img img {
    width: 100%;
    transition: .5s
}

.list28 .txt {
    position: absolute;
    top: .1rem;
    right: .1rem;
    bottom: .1rem;
    left: .1rem;
    flex-direction: column;
    justify-content: space-between;
    padding: .06rem .4rem .2rem;
    z-index: 1;
    border-radius: .2rem;
    overflow: hidden
}

.list28 .txt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/list28_t1.png) left top no-repeat;
    background-size: 100% auto;
    z-index: -1;
    transform: translateX(.1rem);
    transition: .5s;
    filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, .8));
    opacity: 0
}

.list28 .a1 .txt:before {
    opacity: 1
}

.list28 .txt:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/list28_b1.png) bottom center no-repeat;
    background-size: 100% auto;
    z-index: -1;
    transition: .5s
}

.list28 h6 {
    font-size: .15rem;
    color: #fff;
    padding: 0 0 0 .35rem;
    font-family: 'Gilroy Medium';
    transition: .5s
}

.list28 h4 {
    font-size: .16rem;
    color: #fff !important
}

.wall-column:nth-child(1) {
    margin-top: .38rem
}

.wall-column:nth-child(2) {
    margin-top: 1.16rem
}

.list28 .wall-column:nth-child(1) .article:nth-child(2n-1) .txt:before {
    background: url(../images/list28_t1.png) left top no-repeat;
    background-size: 100% auto
}

.list28 .wall-column:nth-child(1) .article:nth-child(2n) .txt:before {
    background: url(../images/list28_t4.png) left top no-repeat;
    background-size: 100% auto
}

.list28 .wall-column:nth-child(2) .article:nth-child(2n-1) .txt:before {
    background: url(../images/list28_t2.png) left top no-repeat;
    background-size: 100% auto
}

.list28 .wall-column:nth-child(2) .article:nth-child(2n) .txt:before {
    background: url(../images/list28_t5.png) left top no-repeat;
    background-size: 100% auto
}

.list28 .wall-column:nth-child(3) .article:nth-child(2n-1) .txt:before {
    background: url(../images/list28_t3.png) left top no-repeat;
    background-size: 100% auto
}

.list28 .wall-column:nth-child(3) .article:nth-child(2n) .txt:before {
    background: url(../images/list28_t6.png) left top no-repeat;
    background-size: 100% auto
}

@media(min-width: 1024px) {
    .list28 .a:hover {
        box-shadow: 0px 0px 1.4rem 0px rgba(165, 98, 116, 0.6)
    }

    .list28 .a:hover .img img {
        transform: scale(1.08)
    }

    .list28 .a:hover .txt:before {
        background: url(../images/list28_t_on.png) left top no-repeat !important;
        background-size: 100% auto !important
    }

    .list28 .wall-column:nth-child(1) .article:nth-child(2n-1) .a:hover h6 {
        color: #8c072b
    }

    .list28 .wall-column:nth-child(1) .article:nth-child(2n) .a:hover h6 {
        color: #b27c40
    }

    .list28 .wall-column:nth-child(2) .article:nth-child(2n-1) .a:hover h6 {
        color: #7c0d2b
    }

    .list28 .wall-column:nth-child(2) .article:nth-child(2n) .a:hover h6 {
        color: #1c4981
    }

    .list28 .wall-column:nth-child(3) .article:nth-child(2n-1) .a:hover h6 {
        color: #035866
    }

    .list28 .wall-column:nth-child(3) .article:nth-child(2n) .a:hover h6 {
        color: #5d885d
    }
}

@media(max-width: 1024px) {
    .wall-column {
        padding: 0 .1rem
    }

    .wall-column .article {
        margin-bottom: .25rem
    }

    .list28 {
        margin: 0 -.1rem
    }
}

@media(max-width: 640px) {
    .wall-column {
        width: 100%;
        margin: 0 !important
    }

    .wall-column .article {
        margin-bottom: .1rem
    }
}

.siji1s .a {
    height: 2.3rem
}

.siji1s h4 {
    height: auto
}

.more3s {
    margin: 0 0 0 .2rem
}

.about .n_pad1 {
    padding: 1.2rem 0
}

.about .arc-con p span {
    font-size: .48rem;
    color: #7f1230;
    display: inline-block;
    margin: -.25rem .04rem -.25rem 0;
    font-family: 'Gilroy bold'
}

.list29 {
    margin: .5rem 0 0
}

.list29 a {
    margin: 0 .2rem 0 0;
    width: auto;
    padding: 0 .2rem;
}

@media(max-width: 800px) {
    .siji1s .a {
        height: 1.2rem;
        margin-bottom: .5rem;
    }

    .about .n_pad1 {
        padding: .4rem 0
    }

    .h3-1 .rr {
        margin: .1rem 0 0;
        width: 100%;
    }

    .more3s {
        margin: 0 0 0 .1rem
    }

    .list29 a {
        margin: 0 .1rem .1rem 0
    }

    .about .arc-con p span {
        font-size: .36rem
    }
}