@charset "utf-8"; .banner {
    position: relative;
    width: 100%
}

.banner:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: 1.5rem;
    background: linear-gradient(180deg, #7D1C4A 0%, rgba(125, 28, 74, 0) 100%);
    opacity: .8;
    z-index: 3;
    pointer-events: none;
    display: none;
}

.swiper-container {
    width: 100%
}

/*.banner .slide-ba:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:30%;background:url(../images/794.png) repeat-x top center;background-size:100% 100%;z-index:2;opacity:.65;pointer-events:none;}*/
.banner .swiper-slide {
    overflow: hidden
}

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

.banner .swiper-slide a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 3rem;
    background: url(../images/topms.png) repeat-x top center;
    background-size: auto 100%;
    z-index: 2;
    opacity: 1;
    pointer-events: none;
    display: none
}

.banner .swiper-slide a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    height: 30%;
    background: url(../images/794.png) repeat-x top center;
    background-size: auto 100%;
    z-index: 2;
    opacity: .4;
    pointer-events: none;
}

.banner .swiper-slide .txt {
    position: absolute;
    left: .8rem;
    right: 30%;
    bottom: .5rem;
    z-index: 5;
    z-index: 5;
    color: #fff;
    font-size: .32rem
}

.banner .swiper-slide .txt h4 {
    font-weight: bold;
    line-height: 1em
}

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

.banner .swiDots {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 .3rem;
    overflow: hidden;
    color: rgba(255,255,255,.5);
    font-size: .2rem
}

.banner .swiDots .swiper-pagination-current {
    font-size: .36rem;
    color: #fff
}

.banner .swiDots .line {
    margin: 0 .1rem
}

.banner .swiDots span {
    width: .36rem;
    height: .28rem;
    background: url(../images/dot.png) no-repeat center;
    background-size: 100% 100%;
    margin: 0 .1rem;
    transition: .3s;
    transform: scale(.9);
}

.banner .swiDots span.active {
    opacity: 1;
    transform: scale(1);
}

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

.banner .toall img {
    width: 100%
}

.banner .toall {
    position: absolute;
    z-index: 7;
    left: 50%;
    margin-left: .16rem;
    bottom: .2rem;
    width: .33rem;
    animation: up 2s infinite;
    cursor: pointer
}

.banner .swiBtn {
    position: absolute;
    right: .45rem;
    z-index: 8;
    top: 50%;
    margin-top: -1.6rem
}

.banner .swiBtn a {
    display: block;
    width: .5rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    border-radius: 50%;
    background: rgba(0,0,0,.6);
    color: #fff;
    margin: .2rem 0
}

.banner .swiBtn a:hover {
    animation: beat 0.5s 1
}

.banner .swiTool a {
    color: #fff
}

.banner .swiTool {
    position: absolute;
    right: .8rem;
    z-index: 5;
    bottom: .4rem;
    left: .8rem
}

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

.isIpadPro .banner .toall,.isIpadAir .banner .toall {
    display: none
}

@media (max-width: 992px) {
    .banner .swiBtn {
        position:absolute;
        right: .45rem;
        z-index: 8;
        top: auto;
        margin-top: 0;
        left: .45rem;
        width: auto;
        bottom: .3rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .banner .swiBtn a {
        display: block;
        width: .7rem;
        height: .7rem;
        text-align: center;
        line-height: .7rem;
        color: #fff;
        margin: 0 .2rem
    }
}

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

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

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

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

    .banner .swiDots span {
    }

    .banner .toall {
        display: none
    }

    .banner:before {
        display: none
    }
}

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

    .banner .swiper-slide .txt {
        bottom: .25rem;
        left: .5rem
    }

    .banner .swiDots {
        font-size: .24rem
    }

    .banner .swiTool {
        bottom: .25rem;
        right: .5rem
    }

    .swiTool .prev svg,.swiTool .next svg {
        height: .4rem;
        display: block;
    }
}

@media (max-width: 597px) {
    .banner .swiBtn img {
        height:.12rem
    }

    .banner .swiper-slide .txt {
        font-size: .3rem;
        left: .3rem
    }

    .banner .swiTool {
        bottom: .2rem;
        right: .3rem
    }

    .swiTool .prev svg,.swiTool .next svg {
        height: .4rem;
        display: block;
    }

    .banner .swiper-slide a:after {
        height: 50%
    }
}

.iconfont {
    font-size: inherit
}

#content {
    width: 100%;
    position: relative;
    overflow: hidden!important;
}

.more a {
    display: flex;
    align-items: center;
    color: #7d1c4a
}

.more a img {
    height: .18rem;
    margin-left: .05rem
}

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

time.mon span {
    font-weight: bold;
}

.intit {
    margin-bottom: .5rem
}

.intit .h3 {
    font-size: .4rem;
    font-weight: bold;
    position: relative;
    padding-left: .3rem;
    line-height: 1em
}

.intit .h3 img {
    height: .88rem;
    position: absolute;
    left: 0;
    top: 0;
    max-height: inherit;
    top: -.28rem;
    max-width: inherit;
}

.intit .h3 span {
    color: #7d1c4a
}

.intit.w .h3 {
    color: #fff
}

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

.homea {
    padding: .9rem 0 .95rem;
    position: relative;
}

.homea .bg {
    position: absolute;
    right: 0;
    bottom: -.6rem;
    z-index: 0;
    pointer-events: none;
    user-select: none
}

.homea .left {
    width: 8.66rem
}

.homea .right {
    width: 6.66rem
}

.homea .left .txts {
    width: 100%;
    height: 1.22rem;
    background: url(../images/txtbg.png) no-repeat right center;
    background-size: 100% 100%;
    position: relative;
    z-index: 5;
    padding: .2rem .66rem .2rem .3rem;
    display: flex;
    align-items: center;
}

.homea .left .txts ul {
    width: 100%
}

.homea .left .txts ul li a {
    color: #fff;
    display: flex;
    align-items: flex-start;
}

.homea time.mon {
    text-align: center;
    position: relative;
    display: block;
    padding-right: .3rem;
    margin-right: .2rem;
    min-width: 1.16rem;
    flex-shrink: 0
}

.homea time.mon:after {
    content: '';
    width: .07rem;
    height: 0.54rem;
    background: url(../images/tline.png) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    top: .03rem;
    position: absolute;
}

.homea time.mon span {
    font-size: .24rem;
    display: block;
    line-height: 1.3em;
}

.homea .left .txts ul li .txt {
    flex: 1;
    overflow: hidden;
}

.homea .left .txts ul li .txt h4 {
    font-size: .26rem
}

.homea .left .txts ul li .txt p {
    margin-top: .1rem;
    color: rgba(255,255,255,.7);
    font-size: 0.18rem;
}

.homea .left .img {
    height: 5.16rem
}

.homea .left .swiBtn a {
    display: block;
    width: .4rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7d1c4a;
    border-radius: 50%;
    color: #7d1c4a;
    transition: .3s
}

.homea .right .list li a {
    display: flex;
    align-items: center;
}

.homea .right .list li h4 {
    font-size: .24rem;
    /*max-height: 2.8em;*/
    line-height: 1.4em;
    /* white-space: nowrap; */
    -ms-text-overflow: ellipsis;
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
}

.homea .right .list li time {
    color: rgba(102,102,102,.4);
}

.homea .right .list li time span {
    color: #7d1c4a
}

.homea .right .list li+li {
    margin-top: .3rem;
}

.homeb {
    position: relative;
    z-index: 5;
    padding-top: .8rem
}

.homeb .left {
    width: 10.48rem;
    position: relative;
}
.homeb .left .mores{
    position: absolute;
    left: 0;
    bottom: .1rem;
    z-index: 6;
}
.homeb .right {
    width: 5.12rem;
    padding-top: .35rem
}

.homeb .left .bd {
    height: 6.91rem;
    background: url(../images/bookbg.png) no-repeat center;
    background-size: 100% 100%;
    padding: .6rem .55rem
}

.homeb .left .bd ul {
    width: 46%
}

.homeb .left .bd ul li h4 {
    font-size: .22rem;
    line-height: 1.4em;
    /* height: 2.8em; */
    margin-bottom: .1rem;
    /* display: block; */
    /* white-space: nowrap; */
}

.homeb .left .bd ul li time {
    display: flex;
    align-items: center;
    color: #999
}

.homeb .left .bd ul li time img {
    height: .18rem;
    margin-right: .1rem
}

.homeb .left .bd ul li+li {
    margin-top: 0.3rem;
}

.homeb .right .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    color: #fff;
    padding: .35rem;
    display: flex;
    align-items: flex-start;
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(5px);
    box-shadow: 0 -.07rem .12rem .02rem rgba(2, 6, 35, 0.58);
}

.homeb .right .txt h4 {
    font-size: .22rem;
    line-height: 1.4;
    max-height: 4.2em;
    text-align: justify;
}

.homeb .right .intit {
    margin-bottom: 0;
}

.homeb .right .intit .h3 {
    padding-left: 0;
    position: absolute;
    z-index: 5;
    top: .75rem;
    left: .4rem;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0,0,0,.7)
}

.homeb .right .swiBtn a {
    display: block;
    width: .4rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7d1c4a;
    border-radius: 50%;
    color: #7d1c4a;
    transition: .3s
}

.homeb .right .swiBtn {
    margin-top: .3rem;
}

.homeb .right .swiBtn a.next {
    margin-left: .2rem
}

.homeb .right .more {
    position: absolute;
    left: 0;
    bottom: .1rem;
    z-index: 6
}

.homeb .right .slide-br {
    overflow: visible;
}

.homeb .right .slide-br .img {
    height: 7.2rem
}
.homeb .right .slide-br .img:after{

}
.homeb .right .slide-br:after {
    content: '';
    position: absolute;
    right: -.25rem;
    top: .3rem;
    bottom: .3rem;
    background: #31469d;
    width: .25rem
}

.homeb .right time.mon {
    text-align: center;
    position: relative;
    display: block;
    padding-right: .3rem;
    margin-right: .2rem;
    flex-shrink: 0
}

.homeb .right time.mon:after {
    content: '';
    width: .09rem;
    height: .68rem;
    background: url(../images/tline.png) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    top: 0;
    position: absolute;
}

.homeb .right time.mon span {
    font-size: .32rem;
    display: block;
    line-height: 1.2em
}

.homeb .left .hd {
    margin-bottom: .35rem
}

.homeb .left .hd ul li {
    font-size: .4rem;
    font-weight: bold;
    position: relative;
    padding-left: .3rem;
    line-height: 1em;
    color: #c1c1c1;
    position: relative;
}

.homeb .left .hd ul li+li {
    margin-left: .5rem;
    padding-left: .4rem
}

.homeb .left .hd ul li+li:before {
    content: '|';
    position: absolute;
    left: -.1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #ccc;
    font-size: .3rem;
    font-weight: normal;
}

.homeb .left .hd ul li .h3 {
    position: relative;
    z-index: 5
}

.homeb .left .hd ul li a {
    color: #c1c1c1
}

.homeb .left .hd ul li img {
    height: .88rem;
    position: absolute;
    left: 0;
    top: 0;
    max-height: inherit;
    top: -.28rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.homeb .left .hd ul li.on a span {
    color: #7d1c4a
}

.homeb .left .hd ul li.on a {
    color: #222
}

.homeb .left .hd ul li.on img {
    opacity: 1;
    visibility: visible;
}

.bgbc {
    background: url(../images/1025.jpg) no-repeat bottom center;
    background-size: 100% auto
}

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

.homec .swiDots {
    margin-top: .4rem
}

.homec .swiBtn a.prev {
    left: .3rem
}

.homec .swiBtn a.next {
    right: .3rem
}

.homec .swiBtn a {
    display: block;
    width: .6rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #7d1c4a;
    transition: .3s ;
    background: #fff;
    box-shadow: 0 .1rem .1rem rgba(0,63,172,.1);
    position: absolute;
    top: 2.3rem;
    margin-top: -.3rem;
    z-index: 5;
    transition: .3s
}

.homec .slide-c .swiper-slide {
    width: 7.3rem
}

.homec .slide-c .swiper-slide .img {
    height: 4.6rem
}

.homec .txts {
    margin-top: .3rem;
    position: relative;
    z-index: 5
}

.homec .txts ul {
    max-width: 7rem;
    margin: 0 auto;
    width: 90%
}

.homec .txts ul li h4 {
    font-size: .26rem;
    line-height: 1.4em;
    margin-top: .1rem;
    height: 2.8em;
    /* display: block; */
    /* white-space: nowrap; */
}

.homec .txts ul li .tlog {
    color: #fff;
    background: #7d1c4a;
    padding: 0 .15rem;
    line-height: .28rem;
    display: inline-block;
}

.homec .txts ul li p {
    color: #888;
    margin-top: .15rem;
    line-height: 1.6em
}

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

.homec .txts ul li time.mon span {
    font-size: .26rem;
    display: block;
    line-height: 1.2em
}

.homec .cls-1 {
    stroke: #7d1c4a;
    stroke-miterlimit: 10
}

.homec .cls-1,.homec .cls-2 {
    fill: none;
    stroke-width: 2px
}

.homec .cls-3 {
    fill: #7d1c4a
}

.homec .cls-2 {
    stroke: #e5d2db
}

.homec .svgCir {
    margin-top: -1.92rem;
    position: relative;
    pointer-events: none
}

.homec .svgCir .cirs {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background: url(../images/879.png) no-repeat 50%;
    background-size: 100% 100%;
    bottom: -.5rem;
    left: 50%;
    margin-left: -.6rem;
    position: absolute;
    animation: roted 30s linear infinite
}

.homec .svgCir .cirs:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #7d1c4a;
    border-radius: 50%;
    left: 50%;
    margin-left: -5px;
    top: -5px
}

.homec .svgCir svg {
    width: 100%
}

.homed {
    background: url(../images/dbg.jpg) no-repeat center;
    background-size: cover;
    padding: 1.1rem 0 1.6rem
}

.homed .codes a {
    display: block;
}

.homed .codes a+a {
    margin-top: .2rem
}

.homed .codes a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .48rem;
    height: .48rem;
    background: #fff;
    color: #7d1c4a;
    border-radius: 50%;
    font-size: .24rem
}

.homed .items {
    align-items: flex-start;
}

.homed .items .item {
    position: relative;
}

.homed .items .item .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    color: #fff;
    display: flex;
    align-items: center;
    padding: .2rem
}

.homed .items .item .txt h4 {
    font-size: .2rem;
    flex: 1;
    overflow: hidden;
    margin-left: .1rem
}

.homed .items .item .txt .ico {
    display: block;
    width: .42rem;
    height: .42rem;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homed .items .item .txt .ico img {
    height: .25rem
}

.homed .items .it1 {
    width: 8rem;
}

.homed .items .it2 {
    width: 3.5rem;
    background: url(../images/d2bg.png) no-repeat top center;
    background-size: 100% 100%;
    height: 5.76rem;
    position: relative;
    padding-left: .25rem;
    padding-right: .25rem;
    padding-top: .3rem
}

.homed .items .it2:before {
    content: '';
    position: absolute;
    left: .25rem;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #a9bfe3
}

.homed .items .it2 li {
    padding-left: .2rem;
    position: relative;
}

.homed .items .it2 li a {
    display: block;
}

.homed .items .it2 li a:before {
    content: '';
    position: absolute;
    width: .07rem;
    height: .07rem;
    border: 1px solid #7d1c4a;
    border-radius: 50%;
    top: .08rem;
    left: -.04rem;
    background: #fff;
    transition: .3s
}

.homed .items .it2 li time {
    color: #b789a2
}

.homed .items .it2 li h4 {
    font-size: .22rem;
    line-height: 1.4em;
    height: 2.8em;
    margin-top: .08rem;
    text-align: justify;
    /* display: block; */
    /* white-space: nowrap; */
}

.homed .items .it2 li+li {
    margin-top: 0.1rem;
}

.homed .items .it3 {
    width: 4.25rem;
}

.homed .items .it4 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 4.25rem;
}

.homed .items .it4 a {
    display: block;
    position: relative;
}

.homed .items .it3 a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    background: url(../images/play.png) no-repeat center;
    background-size: 100% 100%;
    width: .9rem;
    height: .9rem;
    margin-left: -.45rem;
    margin-top: -.45rem
}

.homed .items .it1 .img {
    height: 5.76rem
}

.homed .items .it3 .img {
    height: 3.06rem
}

.homed .items .it4 .img {
    height: 2.58rem
}

@media (max-width: 1440px) {
    .homec .swiBtn a.prev {
        left:.2rem
    }

    .homec .swiBtn a.next {
        right: .2rem
    }
}

@media (min-width: 993px) {
    .homea .left .swiBtn a.prev {
        transform: rotate(90deg);
    }

    .homea .left .swiBtn a.next {
        transform: rotate(90deg);
        margin-top: .2rem
    }

    .homea .left .swiBtn a:hover,.homeb .right .swiBtn a:hover {
        background: #7d1c4a;
        color: #fff
    }

    .homec .swiBtn a:hover {
        background: #7d1c4a;
        color: #fff
    }

    .homed .codes {
        position: absolute;
        left: -.7rem;
        bottom: 0;
        z-index: 6
    }

    .homed .codes span {
        bottom: auto;
        left: calc(100% + .2rem);
        transform: translateX(0) translateY(-50%);
        top: 50%
    }

    .homed .codes span:before {
        content: '';
        border: 10px solid transparent;
        border-right-color: #fff;
        position: absolute;
        left: auto;
        top: 50%;
        transform: translateX(0) translateY(-50%);
        right: 100%
    }

    .homed .codes a:hover i {
        background: #ffc935;
        color: #fff
    }

    .homed .items .it2 li a:hover:before {
        background: #7d1c4a
    }

    .homea .left .swiBtn {
        position: absolute;
        left: -.9rem;
        bottom: 0;
        z-index: 6
    }

    .homec .txts ul li time.mon {
        text-align: center;
        position: absolute;
        display: flex;
        width: .84rem;
        height: .84rem;
        border-radius: 50%;
        background: #7d1c4a ;
        color: #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 50%;
        margin-left: -.42rem;
        bottom: -1.25rem
    }
}

@media (max-width: 992px) {
    .more a img {
        height: .26rem;
    }

    .homea .left {
        width: 100%;
        margin-bottom: .5rem
    }

    .homea .right {
        width: 100%
    }

    .homea .left .txts {
        left: 0;
        width: 100%;
        height: 1.4rem;
        margin-top: 0
    }

    .homea .left .swiBtn {
        display: flex;
        justify-content: center;
        margin-top: .4rem
    }

    .homea .left .swiBtn a {
        width: .64rem;
        height: .64rem;
        margin: 0 .2rem
    }

    .homea .right .list li h4 {
        font-size: .26rem
    }

    .homea time.mon span {
        font-size: .36rem
    }

    .homea .bg {
        bottom: 0
    }

    .homea .left .img {
        height: 55vw
    }

    .homea .left .txts ul li .txt h4 {
        font-size: .26rem
    }

    .homea .left .txts ul li .txt p {
        font-size: .22rem;
        line-height: 1em
    }

    .homeb .left {
        width: 100%;
        padding-bottom: .64rem;
    }

    .homeb .right {
        width: 100%
    }

    .homeb .left .bd {
        height: auto
    }

    .homeb .right .slide-br {
        overflow: hidden;
    }

    .homeb .right .swiBtn a {
        width: .64rem;
        height: .64rem;
    }

    .homeb .right .txt h4 {
        font-size: .24rem
    }

    .homeb .right time.mon span {
        font-size: .36rem
    }

    .homeb {
        padding-top: .3rem
    }

    .homeb .left .bd ul li h4 {
        font-size: .24rem
    }

    .homec .intit {
        justify-content: flex-start;
    }

    .homed .intit {
        justify-content: flex-start;
    }

    .homec .slide-c {
        width: calc(100% + 1.2rem);
        left: -.6rem
    }

    .homec .svgCir {
        display: none
    }

    .homec .txts ul {
        max-width: inherit;
        width: 70%
    }

    .homec .txts ul li h4 {
        margin-bottom: .1rem
    }

    .homec .txts ul li .tlog {
        line-height: .36rem;
        font-size: .22rem
    }

    .homec .txts ul li time.mon span {
        display: inline-block;
        margin-right: .1rem;
        color: #7d1c4a;
        font-size: .28rem
    }

    .homec .txts ul li h4 {
        font-size: .26rem
    }

    .homed .codes {
        display: flex;
        justify-content: center;
        margin-bottom: .4rem
    }

    .homed .codes a+a {
        margin-top: 0;
        margin-left: .3rem
    }

    .homed .codes a i {
        width: .7rem;
        height: .7rem;
        font-size: .35rem
    }

    .homed .items .it1 {
        width: 100%;
        margin-bottom: .2rem
    }

    .homed .items .it1 .img {
        height: 58vw
    }

    .homed .items .item .txt h4 {
        font-size: .26rem
    }

    .homed .items .item .txt .ico {
        width: .6rem;
        height: .6rem
    }

    .homed .items .item .txt .ico img {
        height: .3rem
    }

    .homed .items .it2 {
        width: 100%;
        height: auto;
        padding: .3rem .25rem;
        margin-bottom: .2rem;
        background-size: cover
    }

    .homed .items .it3,.homed .items .it4 {
        width: calc(50% - .1rem)
    }

    .homed .items .it4 {
        position: relative;
    }

    .homed .items .it2 li h4 {
        font-size: .26rem;
        height: auto
    }

    .homed .items .it3 .img {
        height: 28vw
    }

    .homed .items .it4 .img {
        height: 28vw
    }
    .homea time.mon:after{
        width:.09rem;
        height:.64rem;
        top:.1rem;
    }
}

@media (max-width: 597px) {
    .intit .h3,.homeb .left .hd ul li {
        font-size: .46rem
    }

    .homeb .right .txt {
        opacity: 0;
        transition: .3s
    }

    .homeb .right .txt h4 {
        font-size: .3rem;
        max-height: none;
        white-space:nowrap;
        display:block
    }
    .homeb .right .swiper-slide-active .txt{
        align-items:center;
    }
    .homeb .right time.mon:after{
        top:.07rem;
    }

    .homeb .right .slide-br {
        width: 100%;
    }

    .homeb .right .swiper-slide-active .txt {
        opacity: 1
    }

    .homeb .left .bd ul {
        width: 100%
    }

    .homeb .left .bd ul+ul {
        display: none
    }

    .homea .right .list li h4 {
        font-size: .3rem;
        max-height:none;
        display:block;
        white-space:nowrap;
    }
    .homeb .left .bd ul li h4{
        font-size: .3rem;
        height:auto;
        display:block;
        white-space:nowrap
    }
    .homea .left .txts ul li .txt p {
        display: none
    }

    .homea .left .txts ul li .txt h4 {
        font-size: .3rem;
        height: auto;
    }
    .homea .left .txts ul li a{
        align-items:center;
    }
    .homea time.mon:after{
        /* top:.06rem; */
    }

    .homec .slide-c .swiper-slide {
        width: 90vw
    }

    .homec .slide-c .swiper-slide .img {
        height: 54vw
    }

    .homec .swiBtn a {
        top: 27vw
    }

    .homec .txts ul {
        max-width: inherit;
        width: 90%
    }

    .homec .txts ul li h4 {
        font-size: .3rem;
        height: auto;
        display:block;
        white-space:nowrap
    }

    .homed .items .it3 {
        margin-bottom: .2rem
    }

    .homed .items .it3,.homed .items .it4 {
        width: 100%
    }

    .homed .items .it3 .img {
        height: 55vw
    }

    .homed .items .it4 .img {
        height: 55vw
    }

    .homed .items .item .txt h4,.homed .items .it2 li h4 {
        font-size: .3rem
    }
    .homed .items .it2 li h4{
        display:block;
        white-space:nowrap;
    }
}

.swiDots {
    text-align: center;
    margin-top: .4rem
}

.swiDots span {
    background: #7d1c4a;
    margin: 0 .06rem
}

.swiDots span.active {
    opacity: 1
}

.homee {
    background: url(../images/sjbg.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding: 1.2rem 0 1.6rem
}

.homee .left {
    width: 6.25rem;
    position: relative;
}

.homee .right {
    width: 6.25rem;
    position: relative;
}

.homee .mid {
    width: 5.8rem;
    height: 5.8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2.9rem;
    margin-top: -2.9rem;
    z-index: 0;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homee .mid img {
    height: 4.58rem
}

.homee .mid:before {
    content: '';
    border: 1px dashed #ac8ac1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    opacity: .5;
    animation: roted 80s linear infinite
}

.homee .mid:after {
    content: '';
    border: 1px dashed #ac8ac1;
    position: absolute;
    top: .24rem;
    left: .24rem;
    right: .24rem;
    bottom: .24rem;
    border-radius: 50%;
    animation: roteds 80s linear infinite
}

.homee .left .slide-el {
    padding-right: 2.3rem;
    background: url(../images/huxianl.png) no-repeat right center;
    background-size: 1.63rem auto;
    height: 6.2rem
}

.homee .right .slide-er {
    padding-left: 2.3rem;
    background: url(../images/huxianr.png) no-repeat left center;
    background-size: 1.63rem auto;
    height: 6.2rem
}

.homee .left .slide-el .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    background: rgba(0,0,0,0)
}

.homee .swiper-slide .i {
    width: .12rem;
    height: .12rem;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #7d1c4a;
    position: absolute;
    top: 50%;
    margin-top: -.06rem;
    transition: .3s
}

.homee .left .slide-el .swiper-slide .i {
    right: -1.02rem
}

.homee .left .slide-el .swiper-slide-active .i {
    right: -.74rem
}

.homee .left .slide-el .swiper-slide-prev .i,.homee .left .slide-el .swiper-slide-next .i {
    right: -.58rem
}

.homee .right .slide-er .swiper-slide .i {
    left: -1.02rem
}

.homee .right .slide-er .swiper-slide-active .i {
    left: -.74rem
}

.homee .right .slide-er .swiper-slide-prev .i,.homee .right .slide-er .swiper-slide-next .i {
    left: -.58rem
}

.homee .right .slide-er .swiper-slide {
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0)
}

.homee .right .slide-er .swiper-slide p {
    font-size: .2rem;
    position: relative;
    z-index: 3
}

.homee .right .slide-er .swiper-slide p span {
    color: #7d1c4a;
    font-size: .44rem;
    font-weight: bold;
}

.homee .left .slide-el .swiper-slide .txt {
    flex: 1;
    margin-right: .2rem;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.homee .left .slide-el .swiper-slide .num {
    color: #7d1c4a;
    font-size: .44rem;
    font-weight: bold;
}

.homee .left .slide-el .swiper-slide .ico {
    width: .88rem;
    height: .88rem;
    border: 1px solid #7d1c4a;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3
}

.homee .left .slide-el .swiper-slide .ico:after {
    content: '';
    position: absolute;
    left: .08rem;
    top: .08rem;
    right: .08rem;
    bottom: .08rem;
    border-radius: 50%;
    background: #7d1c4a;
    opacity: .12;
    transition: .5s;
    z-index: 0
}

.homee .left .slide-el .swiper-slide .icoCo {
    width: .48rem;
    height: .48rem;
    z-index: 5;
    position: relative;
}

.homee .left .slide-el .swiper-slide p {
    font-size: .22rem
}

.homee .swiBtn a {
    display: block;
    width: .6rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7d1c4a;
    border-radius: 50%;
    color: #7d1c4a;
    transition: .3s
}

.homee .swiBtn {
    display: flex;
    position: absolute;
    bottom: -.9rem;
    width: 100%;
    z-index: 5
}

.homee .swiBtn a.next {
    margin-left: .25rem
}

.homee .left .swiBtn {
    justify-content: flex-end;
}

.homee .swiper-slide:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/hover.png) no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0
}

.homef {
    background: url(../images/ztbg.jpg) no-repeat bottom center;
    background-size: 100% auto;
    padding: .8rem 0 1.2rem
}

.homef-1 {
    padding-bottom: 1rem
}

.homef-1 .wp {
    padding-left: 2.2rem
}

.homef-1 .slide-f {
    padding-bottom: .3rem
}

.homef-1 .slide-f .swiper-slide {
    width: 3rem;
    margin-right: .6rem
}

.homef-1 .slide-f .swiper-slide .img {
    height: 4.65rem
}

.homef-1 .slide-f .swiper-slide:nth-child(2n+1) {
    clip-path: polygon(0 .25rem, 100% 0, 100% calc(100% - .25rem), 0 100% );
}

.homef-1 .slide-f .swiper-slide:nth-child(2n) {
    clip-path: polygon(0 0, 100% .25rem, 100% 100%, 0 calc(100% - .25rem) );
    transform: translateY(.3rem)
}

.homef-2 {
    position: relative;
}

.homef-2:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #d5c2d4;
    top: .6rem;
    z-index: 0
}

.homef-2 .wp {
    padding: 0 .4rem
}

.homef-2 .slide-g .ico {
    width: 1.2rem;
    height: 1.2rem;
    background: #7d1c4a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .1rem;
    position: relative;
    transition: .3s
}

.homef-2 .slide-g .ico:before {
    content: '';
    position: absolute;
    left: .07rem;
    top: .07rem;
    right: .07rem;
    bottom: .07rem;
    background: url(../images/icocir.svg) no-repeat center;
    background-size: 100% 100%;
    animation: roted 30s linear infinite;
    pointer-events: none
}

.homef-2 .slide-g .ico img {
    height: .56rem;
    position: relative;
    z-index: 5
}

.homef-2 .slide-g h4 {
    font-size: .22rem;
    text-align: center;
}

.homef-2 .swiBtn a {
    display: block;
    width: .44rem;
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #7d1c4a;
    transition: .3s ;
    position: absolute;
    top: .6rem;
    margin-top: -.22rem;
    z-index: 5;
    transition: .3s;
    color: #fff
}

.homef-2 .swiBtn a.prev {
    left: 0
}

.homef-2 .swiBtn a.next {
    right: 0
}

@media (min-width: 993px) {
    .homef-2 .slide-g a:hover .ico {
        background: #ffc935
    }

    .homef-2 .slide-g a:hover {
        color: #222
    }

    .homef-1 .wp .intit {
        position: absolute;
        left: 0;
        top: 0
    }

    .homef-1 .wp .intit .h3 {
        writing-mode: tb-lr;
        writing-mode: vertical-lr;
        letter-spacing: .1em
    }

    .homef-1 .wp .intit .more {
        margin-left: .35rem;
        margin-top: .4rem
    }

    .homef-1 .wp .intit .more a {
        writing-mode: tb-lr;
        writing-mode: vertical-lr;
        letter-spacing: .1em
    }

    .homef-1 .wp .intit .more a img {
        transform: rotate(90deg);
        position: relative;
        left: -.03rem;
    }

    .homee .left .slide-el .swiper-slide:hover .ico:after {
        opacity: 1
    }

    .homee .swiBtn a:hover {
        border: 1px solid #7d1c4a;
        background: #7d1c4a;
        color: #fff
    }

    .homee .swiper-slide:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        background: url(../images/hover.png) no-repeat center;
        background-size: 100% 100%;
        width: 100%;
        z-index: 0;
        pointer-events: none;
        opacity: 0;
        transition: .5s
    }

    .homee .swiper-slide:hover:after {
        opacity: 1
    }

    .homee .swiper-slide:hover .i {
        background: #7d1c4a;
    }

    .homee .swiper-slide .i:after {
        transform: scale(0);
        background: #7d1c4a;
        content: '';
        position: absolute;
        left: -.15rem;
        top: -.15rem;
        right: -.15rem;
        bottom: -.15rem ;
        border-radius: 50%;
        opacity: .12;
        transition: .3s
    }

    .homee .swiper-slide:hover .i:after {
        transform: scale(1);
    }

    .homee .left .intit {
        padding-left: .4rem
    }

    .homee .right .intit {
        padding-right: .4rem
    }
}

.rightFix{display: none}
.rightFix .r1{position: fixed;right: -1.1rem;z-index: 30;width: 1.06rem;background: #7d1c4a;border-radius: 1rem 1rem .1rem .1rem;top: 25%;padding-top: .1rem;padding-bottom: .15rem;transition: .3s}
.rightFix .r2{position: fixed;right: -1.1rem;z-index: 30;width: 1.06rem;background: #7d1c4a;border-radius: 1rem;top: 40%;;padding: .1rem;transition: .3s;cursor: pointer; }
.rightFix .r2 .slog img{width: .86rem;margin: 0 auto;display: block;}
.rightFix .r1 .slog img{width: .86rem;margin: 0 auto;display: block;}
.rightFix .r1 ul{margin-top: .2rem;padding-bottom: 0.1rem;}
.rightFix .r1 ul li{margin-bottom: .1rem;padding: 0 .1rem}
.rightFix .r1 ul li a{display: flex;align-items: center;justify-content: center;border: 1px dashed rgba(255,255,255,.3);color: #fff;padding: .05rem;font-size: .17rem;transition: .3s }
.rightFix .r1 .hidePop img{
    display: block;
    width: .15rem;
}
.rightFix .r1 .hidePop {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    margin: 0 auto;
}
.rightFix .r1 ul li a:hover{background:#3365bd;border-color: #3365bd }
.rightFix .r1.show{right:0}
.rightFix .r2.show{right:0}
@media (max-width: 992px) {
    .rightFix {
        display: none!important
    }

    .homef-1 .intit {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .homef-1 .wp {
        padding-left: 0
    }

    .homef-1 .slide-f .swiper-slide {
        width: 30.66666%;
        margin-right: 4%
    }

    .homef-2 .slide-g h4 {
        font-size: .26rem
    }

    .homef-2 .swiBtn a {
        width: .6rem;
        height: .6rem;
        margin-top: -.3rem
    }

    .homef-2 .wp {
        padding: 0 .6rem
    }

    .homef-1 .slide-f .swiper-slide .img {
        height: 5rem
    }

    .homee .mid {
        width: 30vw;
        height: 30vw;
        margin-left: -15vw;
        margin-top: -15vw
    }

    .homee .mid img {
        height: 20vw
    }

    .homee .left .slide-el {
        background: transparent;
        padding-right: 2rem;
        height: 5rem
    }

    .homee .right .slide-er {
        background: transparent;
        padding-left: 2rem;
        height: 5rem
    }

    .homee .swiper-slide .i {
        display: none
    }

    .homee .left {
        width: 50%
    }

    .homee .left .slide-el {
        width: calc(100% + .4rem);
        position: relative;
        left: -.4rem
    }

    .homee .right .slide-er {
        width: calc(100% + .4rem);
        position: relative;
    }

    .homee .right {
        width: 50%
    }

    .homee .left .slide-el .swiper-slide p {
        font-size: .24rem
    }

    .homee .right .slide-er .swiper-slide p {
        font-size: .24rem
    }

    .homee .left .swiBtn {
        padding-right: .5rem
    }

    .homee .right .swiBtn {
        padding-left: .5rem
    }

    .homee {
        padding-bottom: .2rem
    }
}

@media (max-width: 597px) {
    .homee .tit {
        display: none
    }

    .homee .intit.none {
        display: flex!important;
        justify-content: center
    }

    .homef-2 .swiBtn a.prev {
        left: -.1rem
    }

    .homef-2 .swiBtn a.next {
        right: -.1rem
    }

    .homef-1 .slide-f .swiper-slide {
        width: 48%;
        margin-right: 4%
    }

    .homee .left {
        width: 100%;
        margin-bottom: .6rem
    }

    .homee .left .slide-el {
        width: 100%;
        position: relative;
        left: 0;
        padding-right: 1rem
    }

    .homee .right .slide-er {
        width: 100%;
        position: relative;
        padding-left: 0;
        padding-right: 1rem
    }

    .homee .left .slide-elp,.homee .right .slide-erp {
        position: relative;
    }

    .homee .right {
        width: 100%;
    }

    .homee .mid {
        width: 80vw;
        height: 80vw;
        margin-left: -40vw;
        margin-top: -40vw;
    }

    .homee .mid:before,.homee .mid:after {
        opacity: .3
    }

    .homee .mid img {
        height: 60vw;
        opacity: .05
    }

    .homee .left .slide-el .swiper-slide {
        justify-content: flex-start;
        text-align: left;
    }

    .homee .left .slide-el .swiper-slide .txt {
        flex: inherit;
        order: 2;
        margin-right: 0
    }

    .homee .left .slide-el .swiper-slide .ico {
        flex: inherit;
        order: 1;
        margin-right: .3rem
    }

    .homee .left .slide-el .swiper-slide p {
        font-size: .28rem
    }

    .homee .right .slide-er .swiper-slide p {
        font-size: .28rem
    }

    .homee .left .slide-el .swiper-slide .num {
        font-size: .54rem
    }

    .homee .left .slide-el .swiper-slide .ico {
        width: 1rem;
        height: 1rem
    }

    .homee .left .slide-el .swiper-slide .icoCo {
        width: .52rem;
        height: .52rem
    }

    .homee .right .slide-er .swiper-slide p span {
        font-size: .54rem
    }

    .homee .swiBtn {
        display: block;
        position: absolute;
        bottom: auto;
        width: auto;
        z-index: 5;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .homee .swiBtn a.next {
        margin-left: 0;
        margin-top: .3rem;
        transform: rotate(90deg);
    }

    .homee .swiBtn a.prev {
        transform: rotate(90deg);
    }

    .homee .swiBtn a {
        width: .7rem;
        height: .7rem
    }

    .homee .left .swiBtn {
        padding-right: 0
    }

    .homee .right .swiBtn {
        padding-left: 0
    }

    .homee .right .slide-er {
        height: 4rem
    }
}


.banner .box_wap{
    display: none;
}
.banner .slick a.vide {
    position: relative;
}

.banner .item a.vide:before {
    font-family: swiper-icons!important;
    content: "\e630";
    position: absolute;
    width: .9rem;
    height: .9rem;
    text-align: center;
;display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0,0,0,.4);
    left: 50%;
    top: 50%;
    margin-top: -.45rem;
    margin-left: -.45rem;
    z-index: 5;
    border-radius: 50%;
    font-size: .44rem
}

@media (max-width: 1024px) {
    .banner .box_wap{
        display: block;
    }
    .banner .box_pc{
        display: none;
    }
}