@charset "utf-8";.banner_box {
    padding: 0px;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.banners {
    right: 0;
    bottom: 0;
    left: 0
}

.banner {
    overflow: hidden
}

.banner:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1;
    height: 23vh;
}

.banner .a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.banner .imgBox {
    overflow: hidden;
    width: 100%;
    transform: scale(1)
}

.banner .imgBox .img {
    padding-bottom: 16.14%;
    transition: 0s;
    transform: scale(1) !important
}

.banner .imgBox .img video {
    opacity: .9
}

.banner.on ul li.swiper-slide-active .a .imgBox,.banner.on ul li.swiper-slide-duplicate-active .a .imgBox,.banner.on ul li.swiper-slide-prev .a .imgBox {
    animation: sca 6s linear 0s normal both
}

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

    100% {
        transform: scale(1)
    }
}

.banner .bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .16rem;
    z-index: 10;
    /* display: none; */
}

.banner .dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16.2rem;
    margin: 0 auto;
    max-width: 100%
}

.banner .dots span {
    width: .22rem;
    height: .22rem;
    background: none;
    font-size: 0;
    color: #fff;
    opacity: 1;
    margin: 0 .08rem !important;
    position: relative;
    z-index: 1
}

.banner .dots span i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.banner .dots span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: #fff 1px solid;
    transition: .5s;
    border-radius: 50vw;
    box-sizing: border-box;
    opacity: 0
}

.banner .dots span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .08rem;
    height: .08rem;
    background: #fff;
    transition: .5s;
    border-radius: 50vw;
    transform: translate(-50%, -50%)
}

.banner .dots .line {
    flex: 1;
    height: 1px;
    background: #fff;
    opacity: .5;
    display: none;
}

.banner .dots .line:last-child {
    display: none
}

.banner .dots span.active:before {
    opacity: 1
}
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;height: .6rem;}
.banner_box .bottom1{position: absolute;right: 0;bottom: .3rem;left: 0;z-index: 2;display: none;}
.banner_box .bottom1 .box{padding: 0 .46rem;width: 50%;display: flex;align-items: center;flex-wrap: wrap; position: relative}
.banner_box .bottom1 .box.left:before{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: .6rem; background: rgba(255,255,255,.53); transform: translateY(-50%)}
.banner_box .bottom1 .box .ll{font-size: .2rem;color: #fff;margin: 0 .5rem 0 0;}
.banner_box .bottom1 .box .rr{ flex: 1; overflow: hidden}
.tj1 .a{ align-items: center}
.tj1 .imgBox{ width: 1.28rem; margin: 0 .4rem 0 0; border: #fff .04rem solid}
.tj1 .imgBox .img{ padding-bottom: 64%}
.tj1 .txt{flex: 1;overflow: hidden;padding: .2rem 0;position: relative;}
.tj1 .txt:before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; border-top: rgba(255,255,255,.22) 1px solid}
.tj1 h4{ color: #fff}

.pad1 {
    padding: .45rem 0;
    overflow: hidden;
}

.home1 {
    padding: .3rem 0;
    position: relative;
    z-index: 1
}
.home2{ padding-top: .1rem !important}
.home2s{ padding-top: 0 !important}
.home2s .content{background: #f7f7f7;padding: .2rem .3rem;align-items: center;position: relative;}
.home2s .content .tit1{ margin: 0 .48rem 0 0}
.home2s .content .cc{ flex: 1; overflow: hidden}
.lt5Box1{ flex: 1; overflow: hidden}
.ar10{ align-items: center}
.ar10 div{font-size: .32rem;color: #d6492d;font-family: 'lib';cursor: pointer;}
.more10{ font-size: .32rem; color: #d6492d; font-family: 'lib'; margin: 0 0 0 .1rem}
.h3-1 {
    font-size: .24rem;
    color: #222222;
    font-weight: bold;
    text-align: center;
    font-family: -apple-system, "Microsoft YaHei";
    display: none;
}

.h4-1 {
    font-size: .36rem;
    color: #DA251C;
    text-align: center;
    margin: .06rem 0 0
}

.lt1 {
    justify-content: space-around;
    padding: .2rem 11% 0;
    text-align: center;
    flex-wrap: nowrap;
}

.lt1 .a {
    display: block;
    width: 2.5rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    transition: .5s;
    overflow: hidden;
    border-radius: 4px
}

.lt1 .imgBox .img {
    padding-bottom: 1rem;
    background: none
}

.lt1 .cls-1 {
    fill: #333;
    transition: .5s
}

.lt1 .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.lt1 .ico {
    width: .4rem;
    height: .4rem;
    margin: 0 auto;
    position: relative
}

.lt1 .ico img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s
}

.lt1 .ico img.i2 {
    opacity: 0
}

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

.lt1 h6 {
    font-size: .12rem;
    color: #999999;
    transition: .5s
}

.lt1 .a:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: transparent transparent transparent #DA251C;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    transition: .5s
}

.lt1 .a:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: transparent #DA251C transparent transparent;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    transition: .5s
}

.bodyc {
    position: relative;
    z-index: 10;
    background: #fff
}

.home0 {
    background: url(../images/ho0_b.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 40px 0;
    height: 792px
}

.home0 .box {
    margin: 0 auto;
    background: #f7f7f7;
    padding: 20px 30px
}

.home0 iframe {
    border: none;
    display: none
}

.mtab2 .hd ul {
    margin: 0 0 .15rem
}

.mtab2 .hd ul li {
    font-size: .22rem;
    color: #222;
    transition: color .5s;
    line-height: 1.5;
    cursor: pointer
}

.mtab2 .hd ul li:nth-child(1) {
    margin: 0 .4rem 0 0
}

.mtab2 .hd ul li.on {
    color: #E62129;
    font-weight: bold
}

.home1 .bg1s {
    position: absolute;
    bottom: 0.5vw;
    left: 0;
    width: 100%;
    max-width: 100%;
    background: url(../images/XIHARI1.svg) center no-repeat;
    z-index: -1;
    background-size: 30vw auto;
    transform: none !important;
}

.home1 .bg1s img {
    opacity: 0;
    width: 30vw;
    margin: 0 auto;
}

.home2 .left {
    width: 68.75%;
}
.home2 .left .left1{width: 5.6rem;}
.home2 .left .left2{ width: calc(100% - 5.6rem - .24rem)}

.home2 .center {
    width: 28%;
}

.home2 .right {
    width: 26.75%
}

.tit1 {
    align-items: center;
    margin: 0 0 .25rem;
}

.tit1 h3 {
    font-size: .3rem;
    color: #000000;
    font-weight: normal;
    line-height: 1
}

.more1 {
    font-size: .16rem;
    color: #9E9E9E
}

.lt2 .a {
    display: block;
    position: relative;
    padding: 0 0 .24rem;
}

.lt2 .a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #E5E5E5
}

.lt2 .a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #DA251C;
    transition: .5s
}

.lt2 .imgW {
    position: relative
}

.lt2 .imgBox .img {
    padding-bottom: 63%;
}

.lt2 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
    height: 1.2rem
}

.lt2 h4 {
    margin: .2rem 0 .15rem;
}

.lt2 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .2rem;
    align-items: flex-end;
}

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

.lt2 .dots span.active {
    background: #fff
}

.ar1 .arrow {
    width: .42rem;
    height: .42rem;
    border: #fff 1px solid;
    border-radius: 50vw;
    transition: .5s;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 .25rem
}

.ar1 .arrow img {
    width: .21rem
}
.lt2s1 li{ margin-bottom: .2rem}
.lt2s1 li:last-child{ margin-bottom: 0}
.lt2s1 a {
    display: block;
    position: relative;
    padding: 0 0 .24rem;
}

.lt2s1 a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #E5E5E5
}

.lt2 a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #DA251C;
    transition: .5s
}
.lt2s1 h4{height: .48rem;}
.lt2s1 h6{ margin: .12rem 0 0}

.lt3 .a {
    display: block;
    position: relative;
    z-index: 1
}

.lt3 .imgBox .img {
    padding-bottom: 56%;
}

.lt3 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
    height: .9rem
}

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

.lt3 h4 {
    color: #fff !important
}

.lt4 {
    margin: .06rem 0 0
}

.lt4 .a {
    height: 1.22rem;
    position: relative;
    display: flex;
    padding: .24rem 0;
    flex-direction: column;
    justify-content: center;
}

.lt4 .a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #E5E5E5
}

.lt4 .a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #DA251C;
    transition: .5s
}

.lt4 h6 {
    align-items: center;
    margin: 0 0 .12rem;
    font-size: .15rem
}

.lt4 h6 span {
    width: 1rem;
    height: .3rem;
    border: 1px solid #DA251C;
    border-radius: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    color: #DA251C;
    line-height: 1;
    margin: 0 .24rem 0 0;
    font-family: initial
}

.lt4 li:nth-child(1) .a {
}

.lt5 {
    height: .5rem;
}

.lt5 .a {
    height: 100%;
    align-items: center;
    position: relative;
    transition: 0s
}

.lt5 h6 {
    color: #DA251C;
    width: auto;
    align-items: center;
    font-size: .18rem;
}
.lt5 h6 img{ width: .2rem; margin: 0 .12rem 0 0}

.lt5 h4 {
    margin: 0 0 0 .25rem;
    flex: 1;
}

.lt5 p {
    margin: .1rem 0 .1rem;
}

.lt5 .p {
    display: none;
    width: 100%
}

.more2 {
    width: .32rem;
    height: .32rem;
    background: #DA251C;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50vw;
    font-size: .2rem;
    color: #fff;
    font-family: 'lib';
    transform: rotate(90deg);
    align-self: flex-end;
    transition: .5s;
    float: right
}

.more2 svg {
    fill: #fff;
    width: .17rem;
    height: .17rem
}

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

.tit1c {
    justify-content: center
}

.tit1w h3 {
    color: #fff
}

.home3 .left {
    width: 4rem;
    position: relative;
    z-index: 1
}

.home3 .right {
    width: calc(100% - 4rem)
}

.mtab1 {
    align-items: center
}

.lt6 .a {
    height: .66rem;
    align-items: center;
    padding: 0;
    position: relative
}

.lt6 .ico {
    width: .48rem;
    height: .48rem;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 0 .4rem 0 0;
    transition: .5s;
    border-radius: 50vw
}

.lt6 .ico img {
    width: .3rem;
    height: .3rem;
}

.lt6 h4 {
    flex: 1;
    font-size: .18rem;
    color: #fff !important
}

.lt6 li.on .a:after {
    width: .4rem
}

.lt6 li.on .ico {
    background: #DA251C
}

.lt6 li.on h4 {
    font-weight: 600;
    font-size: .2rem;
}

.lt7 a {
    align-items: center;
    background: #fff;
    position: relative;
    display: flex;
    min-height: 4rem;
}

.lt7 .imgBox {
    width: 5.4rem;
}

.lt7 .imgBox .img {
    padding-bottom: 82%;
}

.lt7 .txt {
    width: 100%;
    padding: .6rem .45rem;
}

.lt7 h4 {
    font-size: .24rem;
    color: #000;
    font-weight: bold;
    line-height: .3rem;
    max-height: .6rem\0;
}

.lt7 p {
    font-size: .14rem;
    line-height: .28rem;
    max-height: 1.12rem\0;
    margin: .3rem 0 .35rem;
}

.ar2 {
    position: absolute;
    width: .4rem;
    height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .18rem;
    color: #DA251C;
    font-family: 'lib';
    left: calc(100% - .1rem);
    background: #fff;
    border-radius: 0 50vw 50vw 0;
    padding: 0 0 0 0;
    top: 50%;
    transform: translateY(-50%);
}

.ar2::before {
    transition: .5s
}

.more3 {
    width: 1.44rem;
    height: .48rem;
    background: #F3F3F3;
    border-radius: 50vw;
    align-items: center;
    transition: .5s
}

.more3 .ll {
    flex: 1;
    overflow: hidden;
    text-align: center;
    color: #939292;
    transition: .5s;
    padding: 0 .1rem 0 .12rem;
    transition: .5s;
    font-size: .14rem;
}

.more3 i {
    display: flex;
    width: .4rem;
    height: .4rem;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(30, 91, 35, 0.2);
    justify-content: center;
    align-items: center;
    border-radius: 50vw;
    transition: .5s;
    margin: 0 .06rem 0 0;
}

.more3 i svg {
    fill: #DA251C;
    width: .16rem;
    height: .16rem;
}

.mtab1bW {
    width: calc((100vw - 17.2rem)/2 + 100%)
}

.lt7 li:nth-last-child(2) .ar2 {
    display: none
}

.lt8 .a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.lt8 .imgBox .img {
    padding-bottom: 47.61%;
    background: #000
}

.lt8 .imgBox .img img {
    opacity: 1
}

.lt8 .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.lt8 i {
    position: relative;
    z-index: 1
}

.lt8 i::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .34);
    width: 1.32rem;
    height: 1.32rem;
    z-index: -1;
    border-radius: 50vw;
    transition: .5s
}

.lt8 i img {
    width: .34rem;
    transition: .5s
}

.lt8 h4 {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font-size: .36rem;
    color: #fff !important;
    margin: 1.2rem 0 0
}
.home4{  display: none;}
.home5 {
    padding: 0 0 17.02vw;
    background: url(../images/ho5_b.png) center bottom no-repeat;
    background-size: 100% auto;
    display: none;
}

.home5 .wp {
    align-items: center;
    padding: 0 0 0 .4rem
}

.home5 .wp.flexjs {
    align-items: center
}

.home5 .left {
    width: 31.25%;
    position: relative;
    z-index: 1
}

.home5 .left::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #D8D8D8;
    width: 1px;
    height: 106%
}

.home5 .right {
    width: 60.46%;
    align-items: flex-end
}

.home5 .right .ll {
    width: 3.06rem
}

.home5 .right .rr {
    width: calc(100% - 3.06rem - .25rem)
}

.lt9Box {
    height: calc(.56rem*5)
}

.lt9 .a {
    padding: 0 0 0 .56rem;
    height: .56rem;
    align-items: center;
    position: relative
}

.lt9 .a:before {
    content: "";
    position: absolute;
    width: .06rem;
    height: .48rem;
    background: #DA251C;
    left: -.01rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: .5s
}

.lt9 h4 {
    font-size: .16rem;
    color: #666666;
    line-height: 1.1
}

.lt9 li.swiper-slide-active .a:before {
    opacity: 1
}

.lt9 li.swiper-slide-active h4 {
    font-size: .2rem;
    color: #000
}

.lt10 .imgBox::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #EAE5E5 1px solid
}

.lt10 .imgBox .img {
    padding-bottom: 151.46%
}

.lt11 .imgBox::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #EAE5E5 1px solid
}

.lt11 .imgBox .img {
    padding-bottom: 151.46%
}

.ar3 {
    justify-content: flex-end;
    margin: 0 0 .5rem
}

.ar3 .arrow {
    width: .42rem;
    height: .42rem;
    border: #C2BEBE 1px solid;
    border-radius: 50vw;
    transition: .5s;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 .2rem;
    background-size: .21rem auto !important;
    background-position: center !important
}

.ar3 .arrow img {
    width: .21rem
}

.ar_wap {
    display: none
}

@media(min-width: 769px) {
    .lt1 .a:hover {
        box-shadow: 0px 0px 15px 0px #B90505
    }

    .lt1 .a:hover:before {
        border-width: 15vw 0 0 15vw
    }

    .lt1 .a:hover:after {
        border-width: 0 15vw 15vw 0
    }

    .lt1 .a:hover * {
        color: #fff
    }

    .lt1 .a:hover .cls-1 {
        fill: #fff
    }

    .lt1 .a:hover .ico img.i1 {
        opacity: 0
    }

    .lt1 .a:hover .ico img.i2 {
        opacity: 1
    }

    .lt2 .a:hover::after {
        width: 100%
    }

    .lt4 .a:hover::after {
        width: 100%
    }

    .lt7 .a:hover .more3 {
        background: #DA251C
    }

    .lt7 .a:hover .more3 .ll {
        color: #fff
    }

    .lt7 .a:hover .more3 i {
        transform: scale(.8)
    }

    .lt7 .a:hover .ar2::before {
        transform: translateX(.04rem)
    }

    .lt8 .a:hover i::before {
        background: #DA251C
    }

    .ar3 .arrow:hover {
        border: #DA251C 1px solid
    }

    .ar3 .arrow:hover img {
        opacity: 0
    }

    .ar3 .arrow:hover.prev1 {
        background: #DA251C url(../images/ar1p.svg) center no-repeat
    }

    .ar3 .arrow:hover.next1 {
        background: #DA251C url(../images/ar1n.svg) center no-repeat
    }
}

@media(max-width: 1025px) {
    .b_body{position: relative;transform: none;}
    .banners{position: relative;top: 0;}
    .banner_box {
        height: auto;
    }

    .banner .imgBox .img {
        padding-bottom: 26%;
    }

    .banner .bottom {
        bottom: .2rem
    }

    .home0 .box {
        overflow: hidden;
        overflow-x: scroll
    }

    .home0 {
        display: none
    }
    
}

@media(max-width: 769px) {
    .banner_box .bottom1{position: relative;bottom: 0;background: #DA251C;padding: .2rem 0;}
    .banner_box .bottom1 .box{ width: 100%; padding: 0}
    .banner_box .bottom1 .box.left:before{ display: none}
    .banner_box .bottom1 .box.left{ margin-bottom: .15rem}
    .banner_box .bottom1 .box .rr{ flex: auto; width: 100%; margin: .1rem 0 0}
    .tj1 .imgBox{ width: 1.28rem; margin: 0 .2rem 0 0;}
    .tj1 .txt{ padding: .15rem 0}
    .ar2{ display: none}
    .banner .bottom{ display: block}
    .lt4 .a{height: auto;padding: .15rem 0;}
    .pad1 {
        padding: .4rem 0
    }
    .home1{ padding-bottom: 0}

    .h3-1 {
        font-size: .2rem
    }

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

    .home1 .h3-1 {
        width: 62%
    }

    .home1 .h3-1 {
        width: 76%;
        margin: 0 auto
    }

    .banners {
        top: 0;
    }

    .lt1 {
        padding: .15rem 3% 0;
        margin: 0 -4px;
        flex-wrap: wrap;
    }

    .lt1 li {
        width: 33.33%;
        padding: 0 4px;
        text-align: center
    }

    .lt1 .txt {
        justify-content: flex-start
    }

    .lt1 .ico {
        width: .4rem;
        height: .4rem;
        margin: 0 auto 0;
    }

    .lt1 h4 {
        font-size: .18rem
    }

    .lt1 h6 {
        font-size: .12rem
    }

    .lt1 .imgBox .img {
        padding-bottom: 1.1rem;
    }

    .ar_wap {
        display: block
    }

    .home2 .left {
        width: 100%
    }

    .home2 .center {
        width: 100%;
        margin: .4rem 0 0;
    }

    .home2 .right {
        width: 100%
    }

    .tit1 {
        margin: 0 0 .25rem
    }

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

    .lt2 h4 {
        margin: .2rem 0 .14rem;
        font-size: 18px
    }

    .lt4 h6 span {
        font-size: .16rem;
        margin: 0 .1rem 0 0
    }

    .lt3 h4 {
        font-size: 18px
    }

    .lt5 .a{ padding: 0 0}

    .lt5 p {
        margin: .1rem 0 .15rem; display: none
    }
    .lt5 .more2{ display: none}

    .lt5 h4 {
        margin: .06rem 0 0;
        flex: auto;
    }

    .home3 .left {
        width: 100%
    }

    .home3 .right {
        width: 100%;
        padding: .4rem 0 0
    }

    .mtab1bW {
        width: 100%
    }

    .lt6 h4 {
        font-size: 16px
    }

    .lt6 .ico {
        width: .4rem;
        height: .4rem;
        margin: 0 .2rem 0 0;
    }

    .lt6 .ico img {
        width: .24rem;
        height: .24rem;
    }

    .lt6 .a {
        height: .48rem
    }

    .lt7 .imgBox {
        width: 100%
    }

    .lt7 .txt {
        width: 100%;
        padding: .3rem .25rem
    }

    .lt7 p {
        margin: .2rem 0 .3rem
    }

    .lt8 h4 {
        margin: 11vw 0 0;
        font-size: .18rem
    }

    .more3 {
        width: 1.4rem;
        height: .44rem
    }

    .more3 .ll {
        padding: 0 .02rem 0 0
    }

    .more3 i {
        width: .36rem;
        height: .36rem;
    }

    .more3 i svg {
        width: .2rem;
        height: .2rem
    }

    .lt8 i::before {
        width: .6rem;
        height: .6rem
    }

    .lt8 i img {
        width: .16rem
    }

    .home5 .wp {
        padding: 0 15px
    }

    .home5 {
        padding: 0 0 20vw
    }

    .home5 .left {
        width: 100%
    }

    .home5 .right {
        width: 100%;
        padding: .4rem 0 0
    }

    .home5 .right .ll {
        width: 40%
    }

    .home5 .right .rr {
        width: calc(100% - 40% - .2rem)
    }

    .lt9Box {
        height: calc(.4rem*5)
    }

    .lt9 .a {
        padding: 0 0 0 .25rem;
        height: .4rem
    }

    .lt9 h4 {
        font-size: 14px
    }

    .lt9 li.swiper-slide-active h4 {
        font-size: 16px
    }

    .lt7 li:last-child {
        display: none
    }

    .home2 .left .left1{ width: 100%}
    .home2 .left .left2{width: 100%;margin: .2rem 0 0;}
    .home2s .content .cc{flex: auto;width: 100%;align-items: flex-end;}
    .lt2s1 h4{ height: auto}
    .lt5 {
    height: .7rem;
}
    .home2s .content .tit1{ margin: 0 0 .2rem}
    .lt5Box1{ flex: auto; width: 100%}
    .more10{position: absolute;right: .2rem;bottom: .2rem;}
    .ar10{ margin: 0 0 0 -.1rem}
    .home2s .content{ padding: .3rem 15px}
    .lt2s1 li{ margin-bottom: .15rem}
    .lt2s1 a {
    padding: 0 0 .15rem;
}
    .lt2s1 h6{ margin: .08rem 0 0}
    .lt5 h6{ font-size: .16rem}
}