@keyframes sca {
    0% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1)
    }
}


.pad1 {
    padding: 1rem 0;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.tit1 {
    margin-bottom: .36rem;
    justify-content: center
}

.tit1 h3 {
    font-size: .34rem;
    color: #1c1b1b;
    font-weight: bold;
    line-height: 1
}

.tit1 h3 big {
    font-family: "方正清刻本悦宋简体";
    color: #196CCF;
    font-weight: normal;
    margin: 0 .06rem 0 0;
    position: relative;
    z-index: 1
}

.tit1 h3 big::before {
    content: "";
    position: absolute;
    background: url(../images/tit1_b.png) center no-repeat;
    background-size: cover;
    width: 1.13rem;
    height: .85rem;
    bottom: .03rem;
    right: -.08rem
}

.tit1 h3 big font {
    transform: translateY(-.1rem);
    display: inline-block
}

.home1 {
    background: url(../images/home1_b.jpg) center bottom no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.home1 .fl1 {
    align-items: flex-start
}

.home1 .fl1 .left {
    width: 68.71%
}

.home1 .fl1 .right {
    width: 27.56%
}

.tit2 {
    position: absolute;
    top: 0;
    left: 0;
    background: #196CCF;
    line-height: .5rem;
    min-width: 1.52rem;
    text-align: center;
    font-size: .3rem;
    font-family: "方正清刻本悦宋简体";
    color: #fff;
    padding: 0 .15rem
}

.list1 .a {
    display: block;
    position: relative
}

.list1 .imgBox .img {
    padding-bottom: 54.24%
}

.list1 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    padding: .2rem 2.56rem .2rem .4rem
}

.list1 h6 {
    color: #fff
}

.list1 h4 {
    font-size: .3rem;
    color: #fff !important;
    margin: .05rem 0 .16rem
}

.list1 p {
    color: #fff;
    margin-bottom: .06rem
}

.list1Box .dots {
    position: absolute;
    right: .42rem;
    bottom: .42rem;
    width: auto;
    left: auto;
    z-index: 1
}

.list1Box .dots span {
    width: .37rem;
    height: .08rem;
    background: rgba(255, 255, 255, .5);
    opacity: 1;
    border-radius: 50vw;
    margin: 0 0 0 .16rem !important;
    transition: .5s
}

.list1Box .dots span.active {
    background: #196CCF
}

.list2 .a {
    display: block;
    position: relative;
    padding: .35rem 0;
    border-bottom: #dcdee1 1px solid
}

.list2 .imgBox .img {
    padding-bottom: 58.46%
}

.list2 .txt1 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    padding: .15rem .3rem
}

.list2 h4 {
    margin: .05rem 0 0
}

.list2 li:nth-child(1) .a {
    padding: 0;
    border-bottom: none
}

.list2 li:nth-child(1) h6 {
    color: #fff;
    font-size: .16rem
}

.list2 li:nth-child(1) h4 {
    color: #fff !important
}

.home1 .fl2 {
    margin: .46rem 0 0
}

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

.tit3 h3 {
    font-size: .32rem;
    color: #196CCF;
    font-family: "方正清刻本悦宋简体";
    font-weight: normal
}

.home1 .fl2 .left {
    width: 42.17%
}

.home1 .fl2 .right {
    width: 54.48%
}

.list3 {
    margin: 0 -1vw
}

.list3 li {
    width: 50%;
    padding: 0 1vw
}

.list3 .a {
    display: block;
    position: relative
}

.list3 .imgBox .img {
    padding-bottom: 68.30%
}

.list3 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .2rem;
    background: rgba(0, 0, 0, .5);
    padding: .15rem .2rem .2rem
}

.list3 h6 {
    color: #fff
}

.list3 h4 {
    font-size: .2rem;
    color: #fff !important;
    margin: .05rem 0 0
}

.list4 {
    margin: 0 -1.2vw -.25rem
}

.list4 li {
    width: 50%;
    padding: 0 1.2vw;
    margin-bottom: .25rem
}

.list4 h4 {
    margin: .05rem 0 0
}

.list4 li:nth-child(1),.list4 li:nth-child(3) {
    width: 47%
}

.list4 li:nth-child(2),.list4 li:nth-child(4) {
    width: 53%
}

.home2 {
    background: #fff url(../images/home2_b.jpg) center top no-repeat;
    background-size: 100% auto;
    padding-bottom: 0 !important
}

.home2 .tit1 {
    margin-bottom: -.05rem
}

.home2 .content {
    padding: 1.38rem 0 .66rem 3.8rem;
    position: relative;
    z-index: 1
}

.home2 .content::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 15.6rem)/2*-1);
    bottom: 0;
    left: 0;
    background: url(../images/list5_b.png) left top no-repeat;
    background-size: cover;
    z-index: -1
}

.list5 {
    margin: 0 .2rem
}

.list5 li {
    width: 50%;
    padding: 0 .2rem
}

.list5 .a {
    display: block;
    padding: .23rem 0;
    border-bottom: rgba(255, 255, 255, .5) 1px dotted;
    position: relative;
    z-index: 1;
    transition: .5s
}

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

.list5 h6 {
    color: rgba(255, 255, 255, .6)
}

.list5 h4 {
    font-size: .2rem;
    color: #fff !important;
    margin: .05rem 0 0
}

.home3 {
    background: url(../images/home3_b.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.home3 .left {
    width: 48.07%
}

.home3 .right {
    width: 47.43%;
    position: relative;
    z-index: 1
}

.list6 li {
    border-bottom: #9d9e9d 1px dotted;
    padding-bottom: .4rem;
    margin-bottom: .4rem
}

.list6 .a {
    align-items: center
}

.list6 .imgBox {
    width: 2.12rem;
    margin: 0 .4rem 0 0
}

.list6 .imgBox .img {
    padding-bottom: 67.45%
}

.list6 .txt {
    flex: 1;
    overflow: hidden
}

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

.list6 li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none
}

.list7Box {
    position: absolute;
    overflow: visible
}

.list7Box .imgBox {
    border-radius: 50vw
}

.list7Box .imgBox .img {
    padding-bottom: 100%
}

.list7Box1 {
    top: 0;
    right: 0;
    width: 75%
}

.list7Box1 .a {
    display: block;
    position: relative;
    padding-bottom: .44rem
}

.list7Box1 .t1 {
    position: absolute;
    right: 17%;
    width: .5rem;
    height: 2.4rem;
    background: #aa2225;
    z-index: 10;
    border-radius: 50vw;
    top: 0;
    display: flex;
    align-items: flex-end;
    padding: .26rem .05rem;
    justify-content: center;
    text-align: center
}

.list7Box1 .t1 p {
    font-size: .25rem;
    color: #fff;
    font-weight: bold;
    writing-mode: tb-rl;
    line-height: 1.25
}

.list7Box1 .t2 {
    position: absolute;
    right: 8%;
    width: .34rem;
    height: 2.12rem;
    z-index: 10;
    border-radius: 50vw;
    top: 23%;
    display: flex;
    align-items: flex-end;
    padding: .26rem .05rem;
    justify-content: center;
    text-align: center
}

.list7Box1 .t2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50vw;
    background: rgba(255, 255, 255, .6);
    z-index: -1;
    -webkit-mask: linear-gradient(-180deg, transparent, #fff 60%, #fff 100%);
    mask: linear-gradient(-180deg, transparent, #fff 60%, #fff 100%)
}

.list7Box1 .t2 p {
    font-size: .15rem;
    color: #434343;
    line-height: 1.15
}

.list7Box1 .txt {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc((100vw - 15.6rem)/2 + 50%);
    z-index: 1;
    min-height: .88rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .1rem .4rem
}

.list7Box1 .txt:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: -1;
    border-radius: 50vw 0 0 50vW;
    -webkit-mask: linear-gradient(-90deg, transparent, #fff 30%, #fff 100%);
    mask: linear-gradient(-90deg, transparent, #fff 30%, #fff 100%)
}

.list7Box1 .txt h4 {
    font-size: .18rem;
    color: #196CCF;
    font-weight: 600
}

.list7Box1 .txt p {
    line-height: 1.5;
    margin: .04rem 0 0
}

.list7Box1 .txt h3 {
    font-size: .2rem;
    display: none
}

.list7Box1 .txt small {
    font-size: .16rem;
    color: #999
}

.list7Box2 {
    top: 33%;
    left: 7.4%;
    width: 20.94%;
    border-radius: 50vw;
    box-shadow: -.21rem .16rem .46rem 0px rgba(6, 50, 194, 0.31)
}

.list7Box3 {
    top: 60%;
    left: 0;
    width: 18.24%;
    border-radius: 50vw;
    box-shadow: 0px 0px .46rem 0px rgba(6, 50, 194, 0.31)
}

.list7Box4 {
    top: 78%;
    left: 19.05%;
    width: 20.27%;
    border-radius: 50vw;
    box-shadow: 0px 0px .46rem 0px rgba(6, 50, 194, 0.31)
}


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

.carousel .list8Box {
    padding-top: .2rem;
    padding-bottom: .4rem;
    perspective: 1000px;
    touch-action: pan-y;
    padding: .28rem 0;
    margin: 0 -.45rem
}

.carousel .list8Box .swiper-slide .img {
    padding-bottom: 240%
}

.list8 .a {
    display: block;
    position: relative;
    cursor: auto;
}

.list8 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .3), transparent, rgba(0, 0, 0, 0));
    height: 50%
}

.list8 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .2rem .15rem
}

.list8 h4 {
    font-size: .24rem;
    color: #fff
}

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

.carousel .list8Box .swiper-slide-active {
    transform: translate3d(0, 0, -2.8rem) rotateY(0deg);
    transition: .5s
}

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

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

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

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

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

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

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

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

.home4 .list9W {
    width: 7.56rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.78rem;
    margin-top: -2.14rem;
    z-index: 5;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .2)
}

.home4 .list9Box .imgBox .img {
    padding-bottom: 56.25%
}

.carousel .list9Box .swiper-slide-active .txt {
    opacity: 0
}

.home4 .list9Box .swiBtn a {
    display: block;
    width: .54rem;
    height: .54rem;
    border-radius: 50%;
    text-align: center;
    line-height: .54rem;
    color: #6e50d0;
    background: rgba(255, 255, 255, .8);
    font-size: .18rem;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -.27rem;
    z-index: 5
}

.home4 .list9Box .swiBtn a.prev {
    left: .2rem
}

.home4 .list9Box .swiBtn a.next {
    right: .2rem
}

.home4 .list9Box .swiBtn a:hover {
    color: #fff;
    background: rgba(35, 48, 143, .78)
}

.arrow1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .48rem;
    height: .48rem;
    background: #fff;
    z-index: 1;
    border-radius: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s
}

.arrow1 svg {
    fill: #196CCF;
    transition: .5s
}

.arrow1.prev {
    left: -.24rem
}

.arrow1.next {
    right: -.24rem
}

.home4 .txts {
    text-align: center
}

.home4 .txts h4 {
    font-size: .3rem;
    color: #196CCF;
    font-family: "方正清刻本悦宋简体";
    margin-bottom: .2rem;
    font-weight: normal
}

.home4 .txts p {
    width: 7.82rem;
    margin: 0 auto;
    max-width: 100%;
    line-height: .3rem;
    max-height: calc(.3rem* 2) \0
}

.home5 {
    background: #fff
}

.list10 li {
    width: 25%;
    text-align: center;
    margin-top: .3rem
}

.list10 .ico {
    width: 2.1rem;
    padding-bottom: 53.85%;
    position: relative;
    z-index: 1;
    margin: 0 auto
}

.list10 .ico:after {
    content: "";
    position: absolute;
    right: 40%;
    width: .14rem;
    height: .14rem;
    background: #e4e4e4;
    border-radius: 50vw;
    top: -.05rem;
    transition: .5s
}

.list10 .ico .b0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: roted 20s infinite linear;
    background: url(../images/list10_b1.png) center no-repeat;
    background-size: 100% 100%
}

.list10 .ico .b2 {
    top: 22%;
    right: 22%;
    bottom: 22%;
    left: 22%;
    animation: roted1 20s infinite linear;
    background: url(../images/list10_b2.png) center no-repeat;
    background-size: 100% 100%
}

.list10 .ico1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.list10 .ico1 img {
    position: absolute;
    top: 50%;
    right: 0;
    margin: calc(1.25rem/-2) 0 0
}

.list10 .ico1 img {
    background: #fff;
    width: 1.25rem;
    border-radius: 50% 0 0 0
}

.list10 h4 {
    font-size: .24rem;
    color: #1b1b1b;
    margin: .26rem 0 0;
    transition: .5s
}

.home6 {
    background: #fff
}

.home6 .left {
    width: 48.71%;
    position: relative
}

.home6 .right {
    width: 48.91%
}

.home6 .content {
    position: absolute;
    top: .88rem;
    left: 0
}

.home6 .tit1 {
    justify-content: center;
    padding: 0 .24rem
}

.list11 .a {
    display: block;
    position: relative
}

.list11 .a .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent, rgba(0, 0, 0, 0));
    height: 85%
}

.list11 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 .35rem
}

.list11 * {
    color: #fff !important
}

.list11 h4 {
    margin: .04rem 0 .1rem;
    line-height: .3rem;
    max-height: calc(.3rem* 2) \0;
    min-height: .6rem
}

.list11 .bottom {
    align-items: center;
    font-size: .18rem;
    color: #fff;
    border-bottom: #ef963f .07rem solid;
    padding-bottom: .12rem
}

.list11 .ico {
    font-size: .28rem;
    font-family: "lib";
    margin: 0 .1rem 0 0
}
.home6 .left .list11{
justify-content: space-between;
}
.left .list11 {
    justify-content: flex-end
}

.left .list11 li:nth-child(1),.left .list11 li:nth-child(2) {
    width: 47%;
    margin-bottom: 5%
}

.left .list11 li:nth-child(1) .imgBox .img,.left .list11 li:nth-child(2) .imgBox .img{
    padding-bottom: 127.5%
}

.home6 .left .list11 li:nth-child(3) {
    width: 100%;
}

.left .list11 li:nth-child(3) .imgBox .img {
    padding-bottom: 48.68%
}

.right .list11 {
    justify-content: space-between
}

.right .list11 li:nth-child(1) {
    width: 100%;
    margin-bottom: 5%
}

.right .list11 li:nth-child(1) .imgBox .img {
    padding-bottom: 49.5%
}

.right .list11 li:nth-child(2),.right .list11 li:nth-child(3) {
    width: 47%
}

.right .list11 li:nth-child(2) .imgBox .img,.right .list11 li:nth-child(3) .imgBox .img {
    padding-bottom: 127.5%
}

.list12 {
    justify-content: flex-end;
    padding: .3rem 0;
    position: relative;
    z-index: 10
}

.list12 li {
    margin: 0 .2rem 0 0;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.list12 li .a {
    display: flex;
    transition: .5s;
    position: relative;
    z-index: 1;
    width: .55rem;
    height: .55rem;
    border-radius: 50vw;
    align-items: center;
    justify-content: center;
    background: rgba(177, 5, 14, .1);
    font-family: 'lib';
    color: #bf3239;
    font-size: .3rem
}

.list12 li .a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    height: 100%;
    background: #bf3239;
    border-radius: 50%;
    z-index: -1;
    transition: all .5s
}

.list12 li .a img {
    width: .69rem;
    height: .69rem;
    position: relative;
    z-index: 1;
    transition: all 0.5s
}

.list12 li .ewm {
    width: 1.2rem;
    background: #fff;
    border-radius: .06rem;
    position: absolute;
    padding: .03rem;
    top: 140%;
    left: 50%;
    margin-left: -.6rem;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    transform: translateY(.1rem);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)
}

.list12 li .ewm:before {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    background: #fff;
    transform: rotate(45deg);
    top: -.06rem;
    left: 50%;
    margin-left: -.06rem
}

.list12 li .ewm img {
    width: 100%
}

.list12 li:hover .a {
    color: #fff
}

.list12 li:hover .a:after {
    transform: translate(-50%, -50%) scale(1)
}

.list12 li:hover .a img {
    opacity: 1
}

.list12 li:hover .ewm {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

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

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

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

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

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

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

@media(min-width: 1024px) {
    .list5 .a:hover::before {
        opacity: 1
    }

    .arrow1:hover {
        background: #196CCF
    }

    .arrow1:hover svg {
        fill: #fff
    }

    .list5 .a:hover {
        padding: .23rem .2rem
    }

    .list10 .a:hover .ico:after {
        background: #196CCF
    }
}

@media(max-width: 1024px) {
    .banner .imgBox .img {
        padding-bottom: 60vw
    }

    .banner:after {
        height: .6rem
    }

    .banner .dots {
        bottom: .2rem
    }

    .home1 .fl1 .left {
        width: 100%
    }

    .home1 .fl1 .right {
        width: 100%;
        margin: .25rem 0 0
    }

    .home1 .fl2 .left {
        width: 100%
    }

    .home1 .fl2 .right {
        width: 100%
    }

    .home2 .content::before {
        right: -.7rem;
        display: none
    }

    .home2 .content {
        background: #196CCF;
        padding: .3rem;
        margin-bottom: .8rem
    }

    .home2 .tit1 {
        margin-bottom: .25rem
    }

    .home3 .left {
        width: 100%;
        order: 1
    }

    .home3 .right {
        width: 100%
    }

    .list7Box {
        position: relative;
        width: 100%;
        margin: .2rem 0 0
    }

    .list7Box .imgBox {
        width: 62%;
        margin: 0 auto
    }

    .list7Box2,.list7Box3,.list7Box4 {
        display: none
    }

    .home4 .list9W {
        position: relative;
        margin: 0 auto;
        left: 0;
        max-width: 100%
    }

    .carousel .list8Box {
        display: none
    }

    .home4 .list9Box {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: .3rem
    }

    .list10 .ico {
        width: 1.25rem;
        height: 1.25rem
    }

    .list10 .ico1 img {
        width: .8rem;
        height: .8rem;
        margin: -.4rem 0 0
    }

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

    .home6 .right {
        width: 100%
    }

    .banner {
        height: 60vw
    }

    .banner_box {
        height: 60vw
    }
}

@media(max-width: 800px) {
    .banner .dots span {
        transform: scale(.7);
        margin: 0 !important
    }

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

    .list1 p {
        display: none
    }

    .list1 h4 {
        margin-bottom: 0;
        margin: .02rem 0 0
    }

    .list1Box .dots {
        display: none
    }

    .list2 .a {
        padding: .2rem 0
    }

    .list2 .txt1 {
        padding: .1rem .2rem
    }

    .tit2 {
        line-height: .44rem;
        font-size: .22rem
    }

    .tit3 h3 {
        font-size: .28rem
    }

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

    .list4 li {
        width: 100% !important;
        margin-bottom: .2rem
    }

    .pad1 {
        padding: .5rem 0
    }

    .tit1 {
        margin-bottom: .25rem
    }

    .tit1 h3 {
        font-size: .26rem
    }

    .tit1 h3 big::before {
        transform: scale(.6);
        transform-origin: 60% 92%
    }

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

    .list5 li {
        width: 100%
    }

    .list5 .a {
        padding: .1rem 0
    }

    .home2 .content {
        margin-bottom: .4rem
    }

    .list6 li {
        margin-bottom: .25rem;
        padding-bottom: .25rem
    }

    .list6 .imgBox {
        width: 1.5rem;
        margin: 0 .2rem 0 0
    }

    .list7Box1 .txt {
        position: relative;
        left: 0;
        width: 100%;
        margin: -.2rem 0 0;
        padding: 0.2rem 0.35rem
    }

    .list7Box1 .t1 {
        height: 1.25rem;
        display: none
    }

    .list7Box1 .t1 p {
        font-size: 15px
    }

    .list7Box1 .t2 {
        height: 1.25rem;
        padding: .15rem .05rem;
        right: 4%;
        display: none
    }

    .list7Box1 .t2 p {
        font-size: 12px
    }

    .list7Box1 .txt h3 {
        display: block;
        margin-bottom: .1rem
    }

    .list7Box1 .txt small {
        margin-bottom: .1rem;
        margin-left: .1rem
    }

    .arrow1 {
        width: .4rem;
        height: .4rem
    }

    .arrow1 svg {
        transform: scale(.5);
        font-size:18px;
    }

    .arrow1.prev {
        left: -.1rem
    }

    .arrow1.next {
        right: -.1rem
    }

    .home4 .txts h4 {
        font-size: .22rem
    }

    .list10 li {
        width: 50%;
        margin: .15rem 0 .2rem
    }

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

    .list11 .txt {
        padding: 0 .2rem
    }

    .list12 li .a {
        width: .3rem;
        height: .3rem;
        font-size: .2rem
    }

    .right .list11 li:nth-child(2),.right .list11 li:nth-child(3) {
        width: 47.5%
    }

    .list11 .bottom {
        font-size: .16rem
    }

    .list11 .bottom .ico {
        font-size: .22rem
    }

    .list11 h4 {
        min-height: auto;
        margin: 0 0 .05rem
    }

  

    .list12 {
        padding: .15rem 0
    }

    .list12 li {
        margin: 0 .1rem 0 0
    }

    .home5 {
        padding-bottom: 0 !important
    }

    .list10 .ico1 img {
        width: .7rem;
        height: .7rem;
        margin: -.35rem 0 0
    }

    .list1 .imgBox .img {
        padding-bottom: 58.46%
    }

    .list10 .ico:after {
        width: .1rem;
        height: .1rem
    }
}

.list7Box2, .list7Box3, .list7Box4 {
    position: relative;
    z-index: 10;
}

.list7Box2 li, .list7Box3 li, .list7Box4 li {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.list7Box2 li.on, .list7Box3 li.on, .list7Box4 li.on {
    opacity: 1;
    visibility: visible
}
.home6 .content{ padding-left: .25rem}