.banner {
    position: relative
}

.banner .mask {
    left: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    z-index: 3
}

.banner .swiper-slide {
    overflow: hidden
}

.banner .swiper-slide .bat {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner .swiper-slide .bat img {
    max-height: 68%
}

.banner .swiper-slide a {
    display: block;
    position: relative
}

.banner .item .slideImg {
    padding-bottom: 0;
    min-height: 6rem;
    height: 100vh;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.banner .swiDots {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner .swiDots span {
    width: .1rem;
    height: .1rem;
    background: #fff;
    opacity: .6;
    border-radius: .2rem;
    position: relative;
    margin: 0 .1rem
}

.banner .swiDots span.active {
    width: .4rem;
    opacity: 1
}

.banner .swiDots span.active:before {
    opacity: 0;
    visibility: hidden
}

.banner .swiTool {
    position: absolute;
    right: 5%;
    bottom: 1.35rem;
    z-index: 8;
    color: #fff;
    left: 5%
}

.home .swiTool a {
    color: #fff;
    display: block;
    width: .36rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    border-radius: 50%
}

.banner .slideImg video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.isIpadAir .banner .item .slideImg,.isIpadPro .banner .item .slideImg {
    height: 50vw
}

.banner .slog1 {
    right: 0;
    bottom: -.25rem;
    z-index: 5;
    width: 2.87rem
}

@media (min-width: 1025px) {
    .banner .swiper-slide .sc {
        -webkit-transition:8s linear 1s;
        -webkit-transform: scale(1)
    }

    .banner .swiper-slide-active .sc {
        -webkit-transform: scale(1.1)
    }
}

@media (max-width: 1024px) {
    .banner .swiper-slide a:before {
        opacity:1;
        height: 30%
    }

    .banner .item .slideImg {
        padding-bottom: 0;
        height: 50vw;
        min-height: inherit
    }

    .banner {
        padding-left: 0
    }

    .banner .link {
        display: none
    }
}

@media (max-width: 992px) {
    .banner .item .slideImg {
        height:55vw
    }

    .banner .swiTool {
        bottom: .2rem
    }

    .banner .swiDots span {
        background: #2c7e5c
    }

    .banner .swiper-slide .bat img {
        max-height: 60%
    }
}

.iconfont {
    font-size: inherit
}

:root {
    --color:#9c0808;--width:calc((100vw - 14.5rem)/2)}

.content {
    width: 100%;
    min-height: 5rem;
    z-index: 3
}

.content,.intit {
    position: relative
}

.intit {
    margin-bottom: .4rem
}

.intit .h3 .en {
    text-transform: uppercase;
    font-size: .3rem;
    font-weight: 700;
    text-align: center;
    line-height: 1em
}

.intit .h3 .en.liner {
    background: linear-gradient(90deg,#00601b 0,#d29e6f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block
}

.intit .h3 .cn {
    font-size: .44rem;
    font-weight: 700;
    text-align: center
}

.intit .h3 .cn span {
    color: #0062f6
}

.intit .more.ab {
    position: absolute;
    right: 0;
    top: .3rem;
    z-index: 5
}

.intit .more a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #2d7f5c
}

.intit .more a i {
    display: block;
    width: .34rem;
    height: .34rem;
    text-align: center;
    line-height: .34rem;
    background: #e2f0f0;
    border-radius: 50%;
    margin-left: .1rem
}

.intit .more.w a {
    color: #fff
}

.intit .more.w a i {
    background: hsla(0,0%,100%,.2)
}

.calendar .calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
    color: #fff;
    margin-bottom: .2rem
}

.calendar .calendar-header a {
    color: #fff;
    font-size: .2rem
}

.calendar .calendar-title {
    font-size: .24rem;
    font-weight: 700
}

.calendar .calendar-nav button {
    background: #f0f0f0;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer
}

.calendar .calendar-weekdays {
    display: flex;
    width: 100%;
    background: rgba(0,0,0,.3);
    color: #fff;
    padding: .2rem .9rem;
    text-align: center;
    margin-bottom: .1rem
}

.calendar .calendar-weekdays div {
    width: 14.28%
}

.calendar .calendar-days {
    padding: 0 .9rem
}

.calendar .calendar-row {
    display: flex
}

.calendar .calendar-day {
    cursor: pointer;
    width: 14.28%;
    color: #fff;
    padding: .02rem 0
}

.calendar .calendar-day,.calendar .calendar-day span {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.calendar .calendar-day.on span {
    background-color: #d4af65;
}

.calendar .calendar-day span {
    width: .46rem;
    height: .46rem;
    border-radius: 50%;
    border: 1px solid transparent
}

.calendar .other-month {
    color: hsla(0,0%,100%,.4)
}

.calendar .today span {
    background-color: #d4af65;
    color: #fff;
    font-weight: 700
}

.calendar .has span,.calendar .selected span {
    border-color: #5bc0de;
    color: #fff
}

.homea {
    position: relative;
    padding-top: .4rem;
    padding-bottom: 2.6rem;
    z-index: 5
}

.homea:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1.2rem;
    bottom: 0;
    background: url(../images/bg2.png) no-repeat top;
    background-size: 100% auto;
    z-index: 1;
    pointer-events: none
}

@keyframes wave {
    0% {
        background-position-x: 0;
        transform: scaleX(100%)
    }

    50% {
        transform: scaleX(135%)
    }

    to {
        background-position-x: 132%;
        transform: scaleX(100%)
    }
}

@keyframes scaleta {
    0% {
        transform: scale(1);
        opacity: .6
    }

    to {
        transform: scale(3);
        opacity: 0
    }
}

@keyframes scaletb {
    0% {
        transform: scale(1);
        opacity: .8
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

.homea .waves {
    overflow: hidden;
    height: 1.5rem;
    position: relative;
    position: absolute;
    left: 0;
    right: 0;
    top: -1.2rem;
    z-index: 0;
    pointer-events: none
}

.homea .wave1 {
    background: url(../images/wave.png) repeat-x;
    background-position-y: 0;
    background-size: auto 100%
}

.homea .wave1,.homea .wave2 {
    animation: wave 80s linear infinite;
    height: 100%;
    width: 800%
}

.homea .wave2 {
    background: url(../images/wave1.png) repeat-x;
    background-position-y: 0;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.homeb .waves {
    overflow: hidden;
    height: 1.5rem;
    position: relative;
    position: absolute;
    left: 0;
    right: 0;
    top: -1.2rem;
    z-index: 0;
    pointer-events: none
}

.homeb .wave1 {
    background: url(../images/waves.png) repeat-x;
    background-position-y: 0;
    background-size: auto 100%
}

.homeb .wave1,.homeb .wave2 {
    animation: wave 80s linear infinite;
    height: 100%;
    width: 800%
}

.homeb .wave2 {
    background: url(../images/wave1s.png) repeat-x;
    background-position-y: 0;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.homea .intit {
    padding-left: 56.8%;
    margin-bottom: 0
}

.calendar .dot {
    position: absolute;
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    z-index: 6
}

.calendar .dot i {
    z-index: 4
}

.calendar .dot i,.calendar .dot:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #2d7f5c;
    border-radius: 50%
}

.calendar .dot:after {
    content: "";
    opacity: .4;
    animation: scaleta 1.5s infinite
}

.calendar .dot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #2d7f5c;
    animation: scaletb 1.5s infinite
}

.calendar .dot.d1 {
    top: 28%;
    right: -.56rem
}

.calendar .dot.d2 {
    top: 68%;
    right: -.6rem
}

.homea .calendar {
    width: 5.5rem;
    height: 5.5rem;
    position: relative;
    z-index: 4
}

.homea .calendar:after {
    left: -.7rem;
    top: -.7rem;
    right: -.7rem;
    bottom: -.7rem;
    border: 1px dashed #bbcdc5;
    border-radius: 50%;
    z-index: 1;
    background: #eaf1ee;
    animation: roteds 80s linear infinite
}

.homea .calendar:after,.homea .calendar:before {
    content: "";
    position: absolute;
    pointer-events: none
}

.homea .calendar:before {
    left: -2.8rem;
    top: -2.8rem;
    right: -2.8rem;
    bottom: -2.8rem;
    background: url(../images/cir.png) no-repeat 50%;
    background-size: 100% 100%;
    border-radius: 50%;
    z-index: 0
}

.homea .calendar-container {
    width: 100%;
    background: url(../images/rlbg.jpg) no-repeat 50%;
    background-size: cover;
    height: 100%;
    padding: .5rem 0;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.homea .slideData {
    width: calc(100% - 5.5rem);
    position: relative;
    z-index: 2
}

.homea .slide-rili {
    height: 4.6rem;
    width: calc(100% + 1.8rem);
    left: -.25rem
}

.homea .slide-rili .swiper-slide {
    padding-left: 1.4rem
}

.homea .slide-rili .swiper-slide a {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: .3rem 2rem .3rem 2.45rem;
    z-index: 3
}

.homea .slide-rili .swiper-slide time {
    font-size: .18rem;
    color: #2d7f5c;
    text-align: right;
    position: absolute;
    left: 0;
    top: .7rem
}

.homea .slide-rili .swiper-slide time span {
    font-size: .44rem;
    font-weight: 700;
    display: block;
    line-height: 1em
}

.homea .slide-rili .swiper-slide h4 {
    font-size: .22rem;
    margin-bottom: .2rem;
    line-height: 1.4em
}

.homea .slide-rili .swiper-slide .info {
    color: #666
}

.homea .slide-rili .swiper-slide .info p {
    line-height: .22rem;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: .22rem .22rem;
    padding-left: .35rem
}

.homea .slide-rili .swiper-slide .info p+p {
    margin-top: .15rem
}

.homea .slide-rili .swiper-slide .info p:first-child {
    background-image: url(../images/i1.png)
}

.homea .slide-rili .swiper-slide .info p:nth-child(2) {
    background-image: url(../images/i2.png)
}

.homea .slide-rili .swiper-slide .info p:nth-child(3) {
    background-image: url(../images/i3.png)
}

@media (min-width: 993px) {
    .homea .slide-rili .swiper-slide:after {
        content:"";
        position: absolute;
        left: -.4rem;
        top: 0;
        bottom: 0;
        width: 0;
        background: url(../images/56.png) no-repeat 0;
        background-size: 100% 100%;
        z-index: 0;
        pointer-events: none;
        transition: .3s
    }

    .homea .slide-rili .swiper-slide:hover:after {
        width: calc(100% + .4rem)
    }
}

@media (max-width: 992px) {
    .homea .calendar {
        width:100%;
        margin-bottom: .5rem;
        height: auto
    }

    .homea .slideData {
        width: 100%
    }

    .homea .calendar-container {
        border-radius: .15rem
    }

    .calendar .calendar-weekdays {
        font-size: .24rem
    }

    .calendar .calendar-day .day-number {
        width: .8rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem
    }

    .calendar .calendar-title {
        font-size: .36rem
    }

    .calendar .calendar-header img {
        height: .24rem
    }

    .calendar .calendar-header {
        padding: 0 .8rem
    }

    .calendar .calendar-header a {
        font-size: .3rem
    }

    .calendar .calendar-weekdays {
        padding: .2rem .5rem
    }

    .calendar .calendar-day span {
        width: .6rem;
        height: .6rem
    }

    .calendar .calendar-days {
        padding: .2rem .5rem
    }

    .calendar .calendar-day {
        padding: .05rem 0
    }

    .slideData .swiDots {
        display: flex;
        justify-content: center;
        position: relative;
        width: 1rem;
        margin: .3rem auto 0
    }

    .slideData .swiDots.swiper-pagination-lock {
        display: none
    }

    .slideData .swiDots span {
        background: #2c7e5c
    }

    .calendar .dot,.homea .calendar:after,.homea .calendar:before {
        display: none
    }

    .homea .slide-rili {
        height: auto
    }

    .homea .slide-rili .swiper-slide a {
        padding: .2rem 0
    }

    .homea .slide-rili .swiper-slide time {
        position: relative;
        left: 0;
        top: 0;
        text-align: left
    }

    .homea .slide-rili .swiper-slide {
        padding: 0
    }

    .homea .slide-rili {
        left: 0;
        width: 100%
    }

    .homea .intit {
        padding-left: 0;
        margin-bottom: .3rem
    }

    .homea .intit .h3 {
        text-align: left
    }

    .intit .more a {
        font-size: .22rem
    }

    .intit .more a i {
        width: .5rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .24rem
    }

    .homea .slide-rili .swiper-slide time {
        font-size: .26rem;
        margin-bottom: .2rem
    }

    .homea .slide-rili .swiper-slide time span {
        display: inline-block;
        margin-right: .1rem;
        font-size: .5rem
    }

    .homea .slide-rili .swiper-slide h4 {
        font-size: .26rem;
        line-height: 1.5em
    }

    .homea .slide-rili .swiper-slide .info p {
        line-height: .3rem;
        background-size: .3rem .3rem;
        padding-left: .4rem
    }

    .homea:after {
        top: -8vw;
        background: url(../images/bg2s.png) no-repeat top;
        background-size: 100% auto
    }

    .intit .h3 .en {
        font-size: .32rem
    }

    .intit .h3 .cn {
        font-size: .5rem
    }

    .homea .waves {
        height: 1rem;
        top: -9vw
    }

    .homea {
        padding-bottom: 2.2rem
    }
}

@media (max-width: 597px) {
    .calendar .calendar-header {
        padding:0 .4rem
    }

    .calendar .calendar-header a {
        font-size: .3rem
    }

    .calendar .calendar-days,.calendar .calendar-weekdays {
        padding: .2rem
    }

    .homea .calendar-container {
        padding: .3rem 0
    }

    .calendar .calendar-title {
        font-size: .42rem
    }

    .calendar .calendar-header img {
        height: .3rem
    }

    .calendar .calendar-weekdays {
        font-size: .28rem
    }

    .calendar .calendar-day .day-number {
        width: .8rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .28rem
    }

    .intit .more a,.intit .more a i {
        font-size: .26rem
    }

    .homea .slide-rili .swiper-slide h4 {
        font-size: .32rem
    }

    .homea .slide-rili .swiper-slide .info p {
        line-height: .44rem;
        background-size: .4rem .4rem;
        padding-left: .46rem
    }
}

.homeb {
    height: 9.6rem;
    padding-top: .2rem;
    position: relative;
    z-index: 6
}

.homeb .intit .en {
    color: #fff;
    opacity: .5
}

.homeb .intit .cn {
    color: #fff
}

.homeb:after {
    content: "";
    right: 0;
    top: -1.25rem;
    background: url(../images/bg3.png) no-repeat top;
    background-size: 100% 100%;
    z-index: 1;
    pointer-events: none
}

.homeb:after,.slide-list {
    position: absolute;
    left: 0;
    bottom: 0
}

.slide-list {
    right: 3.2rem;
    background: hsla(0,0%,100%,0);
    top: 1.5rem;
    color: #fff;
    z-index: 3
}

.slide-list .swiBtn a {
    position: absolute;
    z-index: 7;
    top: 2.1rem
}

.slide-list .swiBtn a.swiper-button-disabled {
    opacity: .5
}

.slide-list .swiBtn a img {
    height: .4rem;
    display: block
}

.slide-list .swiBtn a.next img {
    transform: rotate(180deg)
}

.slide-list .swiBtn a.next {
    left: 1rem;
}

.slide-list .swiBtn a.prev {
    right: -.6rem
}

.slide-list .swiper-container {
    height: 100%
}

.slide-list .item {
    padding-left: .4rem;
    height: 100%;
    position: relative;
    transition: .3s
}

.slide-list .item:after {
    content: "";
    width: 6.68rem;
    height: .72rem;
    background: url(../images/hon.png) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    bottom: 1.9rem;
    left: -3.25rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(.5rem) scale(0)
}

.slide-list .item:before {
    content: "";
    width: .2rem;
    height: 100%;
    background: url(../images/hline.png) no-repeat 0 0;
    background-size: .2rem auto;
    position: absolute;
    top: .2rem;
    left: 0;
    opacity: .5
}

.slide-list.aos-animate .item {
    transition: .3s
}

.slide-list .item h4 {
    font-size: .24rem;
    margin-bottom: .15rem
}

.slide-list .item h4 span {
    font-family: can;
    font-size: .5rem
}

.slide-list .item .desc {
    font-size: .22rem;
    margin-bottom: .2rem
}

.slide-list .item .img {
    height: 3rem;
    background: #2b2416
}

.slide-list .item .img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: .08rem solid hsla(0,0%,100%,.5);
    z-index: 2
}

.slide-list .swiper-slide .item {
    transform: scale(.6) translate3d(-.5rem,-.8rem,0);
    opacity: 1;
    filter: blur(0px)
}

.slide-list .swiper-slide-next+.swiper-slide .item {
    color: #ffc853
}

.slide-list .swiper-slide-next+.swiper-slide .item:before {
    background: url(../images/hlineon.png) no-repeat 0 0;
    background-size: .2rem auto
}

.slide-list .swiper-slide-next+.swiper-slide+.swiper-slide .item {
    opacity: 0
}

.videoBg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    pointer-events: none
}

.videoBg video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bgs {
    position: absolute;
    left: .6rem;
    bottom: .6rem;
    width: 0;
    overflow: hidden;
    z-index: 1
}

.bgs,.bgs img {
    height: 3.52rem
}

.bgs img {
    width: calc(100vw - .6rem);
    z-index: 0;
    pointer-events: none;
    max-width: inherit
}

.bgs.aos-animate {
    width: calc(100vw - .6rem);
    transition: 2s linear .3s
}

@media (min-width: 993px) {
    .slide-nav {
        position:absolute;
        right: .6rem;
        width: 1.8rem;
        height: 4.8rem;
        background: url(../images/tt.png) no-repeat 50%;
        background-size: 100% 100%;
        top: 15%;
        color: #fff;
        padding: .35rem .2rem;
        z-index: 3;
        border-radius: 1rem;
    }

    .slide-nav .swiper-container {
        height: 4.1rem
    }

    .slide-nav .swiper-slide {
        display: flex;
        align-items: center;
        position: relative;
        padding-left: .25rem;
        cursor: pointer
    }

    .slide-nav .swiper-slide.on {
        font-size: .18rem;
        font-weight: 700;
        color: #ffdf05;
    }

    .slide-nav .swiper-slide .lines {
        position: absolute;
        left: 0;
        width: .18rem;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end
    }

    .slide-nav .swiper-slide .lines span {
        display: block;
        height: 1px;
        background: hsla(0,0%,100%,.2);
        width: .1rem
    }

    .slide-nav .swiper-slide .lines span:last-child {
        opacity: 0
    }

    .slide-nav .swiper-slide .lines span:nth-child(5) {
        height: 2px;
        width: 100%
    }

    .slide-nav .swiper-slide.on .lines span:nth-child(5) {
        background: #ffdf05
    }

    .slide-list .item .img {
        -webkit-box-reflect: below .6rem linear-gradient(transparent,transparent 50%,hsla(0,0%,100%,.3))
    }

    .slide-list .swiper-slide-next .item {
        transform: scale(.8) translate3d(-.8rem,-.3rem,0);
        opacity: 1;
        filter: blur(0px)
    }

    .slide-list .swiper-slide-next .item h4,.slide-list .swiper-slide-next .item:before {
        opacity: 1;
    }

    .slide-list .swiper-slide-next .item .img:after {
        border-color: hsla(0,0%,100%,.7)
    }

    .slide-list .swiper-slide-next .item .img img {
        opacity: .7
    }

    .slide-list .swiper-slide-next+.swiper-slide .item:after {
        opacity: .2;
        visibility: visible;
        transform: translateY(0) scale(1);
        transition: .5s .3s
    }

    .slide-list .swiper-slide-next+.swiper-slide .item:before {
        opacity: 1
    }

    .slide-list .swiper-slide-next+.swiper-slide .item {
        transform: scale(1);
        opacity: 1;
        filter: blur(0)
    }

    .slide-list .swiper-slide-next+.swiper-slide .item h4 {
        opacity: 1
    }

    .slide-list .swiper-slide-next+.swiper-slide .item .img:after {
        border-color: #fff
    }

    .slide-list .swiper-slide-next+.swiper-slide .item .img img {
        opacity: 1
    }
}

@media (max-width: 992px) {
    .bgs {
        width:calc(100vw - .6rem);
        transition: 2s linear .3s;
        opacity: .6
    }

    .slide-nav {
        left: .5rem;
        border-radius: 1rem;
        background: url(../images/tt.png) no-repeat 50%;
        background-size: 100% 100%;
        top: auto;
        color: #fff;
        padding: .15rem .3rem;
        z-index: 3;
        right: .5rem;
        bottom: .4rem;
        position: absolute
    }

    .slide-nav .swiper-slide {
        display: flex;
        align-items: center;
        position: relative;
        padding-top: .25rem;
        cursor: pointer;
        justify-content: center;
        line-height: .4rem;
        font-size: .2rem;
    }

    .slide-nav .swiper-slide.on {
        font-size: .24rem;
        font-weight: 700;
        color: #f7d0a1;
    }

    .slide-nav .swiper-slide .lines {
        position: absolute;
        left: 0;
        height: .18rem;
        top: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .slide-nav .swiper-slide .lines span {
        display: block;
        height: .1rem;
        background: hsla(0,0%,100%,.2);
        width: 1px
    }

    .slide-nav .swiper-slide .lines span:last-child {
        opacity: 0
    }

    .slide-nav .swiper-slide .lines span:nth-child(5) {
        width: 2px;
        height: 100%
    }

    .slide-nav .swiper-slide.on .lines span:nth-child(5) {
        background: #f7d0a1
    }

    .slide-list {
        right: 0;
        top: 2rem;
        left: 0
    }

    .slide-list .swiper-slide .item {
        transition: .3s
    }

    .slide-list .item .img {
        height: 2.2rem
    }

    .homeb {
        padding-top: 0
    }

    .homeb .waves {
        height: 1rem;
        top: -11vw
    }
}

@media (max-width: 992px) {
    .memoBox {
        padding-top:30%;
        padding-bottom: 1rem
    }

    .bgs {
        bottom: 15%
    }

    .slide-list {
        position: relative;
        top: 0;
        bottom: 0;
        margin-right: 5%;
        z-index: 5
    }

    .slide-list .item {
        padding-bottom: 1rem
    }

    .slide-list .item:before {
        background-size: auto 100%
    }

    .slide-list .item .img {
        height: 28vw
    }

    .slide-list .swiper-slide .item {
        transform: scale(.8) translate3d(-.2rem,0,0)
    }

    .slide-list .swiper-slide .item h4 {
        opacity: .7
    }

    .slide-list .swiper-slide .item .img {
        border-color: hsla(0,0%,100%,.7)
    }

    .slide-list .swiper-slide .item .img img {
        opacity: .7
    }

    .slide-list .swiper-slide .item {
        opacity: 1;
    }

    .slide-list .item h4 {
        font-size: .24rem
    }

    .slide-list .swiper-slide-next .item {
        transform: scale(1) translateZ(0);
        opacity: 1;
        filter: blur(0)
    }

    .slide-list .swiper-slide-next .item:before {
        opacity: 1
    }

    .slide-list .swiper-slide-next .item:after {
        opacity: .5;
        visibility: visible;
        transform: translateY(0) scale(1);
        transition: .5s .3s
    }

    .slide-list .swiper-slide-next .item h4 {
        opacity: 1
    }

    .slide-list .swiper-slide-next .item .img:after {
        border-color: #fff
    }

    .slide-list .swiper-slide-next .item .img img {
        opacity: 1
    }

    .slide-nav {
        position: relative;
        bottom: 0;
        left: 0;
        margin: .5rem 5% 0;
        background: url(../images/tts.png) no-repeat 50%;
        background-size: 100% 100%
    }

    .slide-list .item:after {
        content: "";
        width: 50vw;
        height: .4rem;
        bottom: 0;
        left: -25vw
    }

    .slide-list .swiper-slide-next+.swiper-slide .item {
        opacity: 0
    }

    .slide-list .swiBtn a {
        top: auto;
        bottom: .2rem
    }

    .slide-list .swiBtn a.next {
        left: .4rem
    }

    .slide-list .swiBtn a.prev {
        right: .4rem
    }

    .slide-list .swiper-slide-next .item {
        color: #ffc853
    }

    .slide-list .swiper-slide-next .item:before {
        background: url(../images/hlineon.png) no-repeat 0 0;
        background-size: .2rem auto
    }

    .homeb {
        height: auto;
        padding-bottom: .5rem
    }

    .homeb .intit {
        justify-content: space-between
    }

    .homeb:after {
        background: url(../images/bg3m.png) no-repeat top;
        background-size: 100% 100%
    }
}

@media (max-width: 597px) {
    .slide-list .item .desc {
        font-size:.26rem
    }

    .slide-list .item {
        padding-bottom: 0
    }

    .slide-list .item .img {
        height: 50vw
    }

    .slide-list .swiper-slide-active .item {
        transform: scale(1) translateZ(0);
        opacity: 1;
        filter: blur(0)
    }

    .slide-list .swiper-slide-active .item:before {
        opacity: 1
    }

    .slide-list .swiper-slide-active .item:after {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        transition: .5s .3s;
        display: none
    }

    .slide-list .swiper-slide-active .item h4 {
        opacity: 1
    }

    .slide-list .swiper-slide-active .item .img:after {
        border-color: #fff
    }

    .slide-list .swiper-slide-active .item .img img {
        opacity: 1
    }

    .slide-list .swiper-slide-next .item {
        opacity: 0
    }

    .slide-list {
        margin-right: 5vw;
        margin-left: 5vw
    }

    .slide-nav {
        padding: .15rem 1rem
    }

    .slide-list .swiBtn a {
        top: auto;
        bottom: -1.15rem
    }

    .slide-list .swiBtn a.next {
        left: .3rem
    }

    .slide-list .swiBtn a.prev {
        right: .3rem
    }

    .slide-list .swiper-slide .item {
        color: #ffc853
    }

    .slide-list .swiper-slide .item:before {
        background: url(../images/hlineon.png) no-repeat 0 0;
        background-size: .2rem auto
    }

    .homeb .waves {
        top: -17vw
    }
}

.homec {
    background: url(../images/bg4.jpg) no-repeat bottom;
    background-size: 100% auto;
    padding: .2rem 0 1rem
}

.homec .txts li+li {
    display: none
}

.homec .txts {
    text-align: center;
    max-width: 6.7rem;
    margin: 0 auto
}

.homec .txts h4 {
    font-size: .3rem
}

.homec .txts .desc {
    font-size: .18rem;
    line-height: 1.8em;
    margin-top: .2rem
}

.homec .txts .desc a {
    font-size: .18rem;
    color: #2d7f5c;
    display: inline-block;
    margin-top: .2rem
}

.carousel {
    position: relative;
    margin: 0 auto
}

.carousel .slide-c1 {
    perspective: 1000px;
    touch-action: pan-y;
    padding: .28rem 0
}

.carousel .slide-c1 .swiper-slide .img {
    height: 4.8rem;
    border-radius: .15rem
}

.carousel .slide-c1,.carousel .slide-c1 .swiper-slide,.carousel .slide-c1 .swiper-wrapper {
    transform-style: preserve-3d
}

.carousel .slide-c1 .swiper-slide-active {
    transform: translateZ(-2.8rem) rotateY(0);
    transition: .5s
}

.carousel .slide-c1 .swiper-slide-prev {
    transform: translate3d(-.3rem,0,-2.5rem) rotateY(20deg);
    transition: .5s
}

.carousel .slide-c1 .swiper-slide-next {
    transform: translate3d(.3rem,0,-2.5rem) rotateY(-20deg);
    transition: .5s
}

.carousel .slide-c1 .swiper-slide.pr2 {
    transform: translate3d(-.3rem,0,-1.6rem) rotateY(35deg);
    transition: .5s
}

.carousel .slide-c1 .swiper-slide.ne2 {
    transform: translate3d(.3rem,0,-1.6rem) rotateY(-35deg);
    transition: .5s
}

.carousel .slide-c1 .swiper-slide.pr3 {
    transform: translate3d(.15rem,0,-.2rem) rotateY(50deg);
    transition: .5s
}

.carousel .slide-c1 .swiper-slide.ne3 {
    transform: translate3d(-.15rem,0,-.2rem) rotateY(-50deg);
    transition: .5s
}

.carousel .slide-c1 .swiper-slide.pr4 {
    transform: translate3d(.15rem,0,-.2rem) rotateY(50deg);
    transition: .5s;
    opacity: 0
}

.carousel .slide-c1 .swiper-slide.ne4 {
    transform: translate3d(-.15rem,0,-.2rem) rotateY(-50deg);
    transition: .5s;
    opacity: 0
}

.homec .slide-c2 {
    width: 7.36rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.68rem;
    margin-top: -2.2rem;
    z-index: 5;
    border-radius: .1rem;
    box-shadow: 0 .1rem .4rem rgba(76,98,189,.5)
}

.homec .slide-c2 .img {
    height: 4.4rem;
    border-radius: .1rem
}

.homec .slide-c2 .img:after {
    content: "";
    width: .69rem;
    height: .69rem;
    background: url(../images/play.png) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.35rem;
    margin-top: -.35rem;
    z-index: 5;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,.2)
}

.homec .slide-c2 .swiBtn a {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -.2rem;
    z-index: 5
}

.homec .slide-c2 .swiBtn a img {
    display: block;
    height: .4rem;
    filter: drop-shadow(0 0 5px rgba(0,0,0,.1))
}

.homec .slide-c2 .swiBtn a.prev {
    left: .2rem
}

.homec .slide-c2 .swiBtn a.next {
    right: .2rem
}

.homec .slide-c2 .swiBtn a.prev img {
    transform: rotate(180deg)
}

@media (min-width: 2000px) {
    .carousel .slide-c1 .swiper-slide.pr2 {
        transform:translate3d(-.2rem,0,-1.6rem) rotateY(35deg);
        transition: .5s
    }

    .carousel .slide-c1 .swiper-slide.ne2 {
        transform: translate3d(.2rem,0,-1.6rem) rotateY(-35deg);
        transition: .5s
    }

    .carousel .slide-c1 .swiper-slide.pr3 {
        transform: translate3d(.3rem,0,-.2rem) rotateY(50deg);
        transition: .5s
    }

    .carousel .slide-c1 .swiper-slide.ne3 {
        transform: translate3d(-.3rem,0,-.2rem) rotateY(-50deg);
        transition: .5s
    }

    .carousel .slide-c1 .swiper-slide.pr4 {
        transform: translate3d(.3rem,0,-.2rem) rotateY(50deg);
        transition: .5s;
        opacity: 0
    }

    .carousel .slide-c1 .swiper-slide.ne4 {
        transform: translate3d(-.3rem,0,-.2rem) rotateY(-50deg);
        transition: .5s;
        opacity: 0
    }
}

@media(max-width: 992px) {
    .carousel .slide-c1 {
        display:none
    }

    .homec .slide-c2 {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: .3rem
    }

    .homec .slide-c2 .img {
        height: 55vw
    }

    .homec {
        padding-top: .4rem
    }

    .linetxt {
        width: 100%;
        text-align: right;
        margin-top: .2rem
    }

    .homec .intit {
        justify-content: space-between
    }

    .homec .intit .h3 {
        text-align: left
    }

    .intit .more.ab {
        position: relative;
        top: 0
    }

    .homec .txts h4 {
        font-size: .36rem
    }

    .homec .txts .desc,.homec .txts .desc a {
        font-size: .22rem
    }

    .homec .slide-c2 .img:after {
        width: .9rem;
        height: .9rem;
        margin-left: -.45rem;
        margin-top: -.45rem
    }
}

@media(max-width: 597px) {
    .homec .slide-c2 .img {
        height:55vw;
    }

    .homec .txts .desc, .homec .txts .desc a {
        font-size: .26rem;
        line-height: 1.6em
    }
}

@keyframes ups {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.ani1s {
    animation: ups 2s linear infinite
}

.ani2s {
    animation: ups 1.8s linear infinite
}

.ani3s {
    animation: ups 2.2s linear infinite
}

.ani4s {
    animation: ups 1.4s linear infinite
}

.ani5s {
    animation: ups 1.6s linear infinite
}

.ani6s {
    animation: ups 2.6s linear infinite
}