.screens {
    width: 100vw;
    height: 100vh;
}

.banner video {
    width: 100vw;
    height: 100vh;
}

.idxpad {
    width: 100%;
    height: 100%;
    padding: 1.2rem calc((100vw - 15rem) / 2) 1.5rem;
}

.idxtl {
    font-family: rr;
    font-size: .48rem;
    font-weight: 500;
    line-height: .5626rem;
    text-align: left;
    color: #27221C;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.idxmore {
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-size: .18rem;
    font-weight: 300;
    line-height: .2109rem;
    text-align: left;
    color: #333333;
}

.idxmore img {
    width: .24rem;
    height: .24rem;
    margin-left: .1rem;
}

.idxmore:hover {
    color: #D20209;
}

.idxmore:hover img {
    filter: invert(36%) sepia(98%) saturate(7128%) hue-rotate(347deg) brightness(76%) contrast(124%);
}



.idxbox2 {
    background-color: #EEEFF0;
    /* background-image: url(/images/idxbox2bg.jpg); */
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 50% 100%;
    position: relative;
}

.idxbox2 .right {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.idxbox2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    animation: slowScale 20s linear infinite;
}


.idxbox2 .h1 {
    font-family: rr;
    font-size: .48rem;
    font-weight: 700;
    line-height: .62rem;
    text-align: left;
    color: #D20209;
    margin: .39rem 0 .32rem;
    width: 5.76rem;
}

.idxbox2 .p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .32rem;
    text-align: left;
    color: #70757C;
    width: 5.64rem;
}

.idxbox2 .idxmore {
    margin: .75rem 0 .95rem;
}

.idxbox2 .ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.idxbox2 .ul .li {
    width: 3.28rem;
    height: 1.78rem;
    padding-left: .45rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.idxbox2 .ul .li .counters {
    font-family: Roboto;
    font-size: .48rem;
    font-weight: 500;
    line-height: .5625rem;
    text-align: left;
    color: #D20209;
}

.idxbox2 .ul .li .counters span {
    display: inline-block;
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .211rem;
    text-align: left;
    color: #27221C;
    margin-left: .02rem;
}

.idxbox2 .ul .li .h2 {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .211rem;
    text-align: left;
    color: #27221C;
    margin-top: .03rem;
}

.yewus .item {
    height: 6.08rem;
    position: relative;
    overflow: hidden;
}

.yewus .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease 0s;
}

.yewus .item:hover img {
    transform: scale(1.05);
}

.yewus .item .desc {
    position: absolute;
    left: 50%;
    bottom: .82rem;
    transform: translateX(-50%);
    width: 90%;
}

.yewus .item .desc .h1 {
    font-family: Roboto;
    font-size: .32rem;
    font-weight: 500;
    line-height: .375rem;
    text-align: center;
    color: #FFFFFF;
}

.yewus .item .desc .p {
    font-family: ll;
    font-size: .24rem;
    font-weight: 400;
    line-height: .2813rem;
    text-align: center;
    color: #FFFFFF;
    margin-top: .17rem;
}

.idxbox3 {
    padding-top: 1rem;
    background-color: #F8F8F8;
}

.idxbox3 .idxtl {
    margin-bottom: .3rem;
}


.yewus .item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: .06rem;
    background-color: #D20209;
    transition: width 1s ease 0s;
}

.yewus .item:hover::after {
    width: 100%;
}

.idxnews {
    background-image: url(/images/idxnewsbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.idxnews .idxtl {
    margin-bottom: .4rem;
}

.idxnews .hometitle {
    color: #fff;
}

.idxnews .hometitle a {
    color: #fff;
}

.idxnews .hometitle a:hover {
    color: #428FCA;
}

.idxnews .left,
.idxnews .right {
    width: 7.28rem;
    height: 6.02rem;
    background-color: #fff;
    border-radius: .1rem;
    overflow: hidden;
}

.idxnews .left {
    display: flex;
    flex-direction: column;
}

.idxnews .left .t {
    width: 100%;
    height: 4.48rem;
    overflow: hidden;
}

.idxnews .left .t img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease 0s;
}

.idxnews .left:hover .t img {
    transform: scale(1.05);
}

.idxnews .left .b {
    flex: 1;
    padding: .36rem .4rem;
}


.idxnews .left .b .date {
    font-family: Roboto;
    font-size: .18rem;
    font-weight: 300;
    line-height: .2109rem;
    text-align: left;
    color: #70757C;
    margin-bottom: .19rem;
}

.idxnews .left .b .p {
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: 1.8;
    text-align: left;
    color: #27221C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.idxnews .left:hover .b .date,
.idxnews .left:hover .b .p {
    color: #D20209;
}

.idxnews .right {
    padding: 0 .44rem;
    display: flex;
    flex-direction: column;
}

.idxnews .right .date {
    font-family: Roboto;
    font-size: .18rem;
    font-weight: 300;
    line-height: .2109rem;
    text-align: left;
    color: #70757C;
    margin-bottom: .19rem;
}


.idxnews .right .h1 {
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: .2813rem;
    text-align: left;
    color: #27221C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

}

.idxnews .right .p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .34rem;
    text-align: left;
    color: #70757C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: .23rem;
    margin-bottom: .4rem;
}

.idxnews .right .p p {
    text-indent: 0 !important;
}

.idxnews .right .p img {
    display: none;
}



.idxnews .right .item {
    padding: .42rem 0 .35rem;
    border-bottom: .01rem solid #E3E3E3;
    flex: 1;
}

.idxnews .right .item .ova {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease 0s;
}

.idxnews .right .item.active .ova {
    max-height: 1.6rem;
}

/* .idxnews .right .item:first-of-type .ova {
    height: fit-content;
} */

.idxnews .right .item:hover .ova {
    max-height: 1.6rem;
}

.idxnews .right .item:hover .h1,
.idxnews .right .item:hover .p,
.idxnews .right .item:hover .homemore {
    color: #D20209;
}

.idxnews .right .item:hover .idxmore {
    color: #D20209;
}

.idxnews .right .item:hover .idxmore img {
    filter: invert(36%) sepia(98%) saturate(7128%) hue-rotate(347deg) brightness(76%) contrast(124%);
}

.idxnews .right .item .homemore img:last-of-type {
    display: none;
}

.idxnews .right .item:hover .homemore img {
    display: none;
}

.idxnews .right .item:hover .homemore img:last-of-type {
    display: block;
}

.df {
    display: flex;
}

.dfsb {
    justify-content: space-between;
}





@media screen and (min-width:751px) {
    @keyframes fdinup {
        0% {
            transform: translateY(100px);
            -webkit-transform: translateY(100px);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            opacity: 1;
        }
    }


    .fdinup02 {
        transition: 1s 0.2s all ease;
        -webkit-transition: 1s 0.2s all ease;
    }

    .fdinup04 {
        transition: 1s 0.4s all ease;
        -webkit-transition: 1s 0.4s all ease;
    }

    .fdinup06 {
        transition: 1s 0.6s all ease;
        -webkit-transition: 1s 0.6s all ease;
    }

    .fdinup08 {
        transition: 1s 0.8s all ease;
        -webkit-transition: 1s 0.8s all ease;
    }

    .fdinup10 {
        transition: 1s 1s all ease;
        -webkit-transition: 1s 1s all ease;
    }

    .fdinup {
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        opacity: 0;
    }

    .fdinupup {
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        opacity: 0;
    }

    .screens .swiper-slide-active .fdinup {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }

    .screens .items66.swiper-slide-next .fdinupup {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }

}

.idxbox5 {
    background-image: url(/images/sycpbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.screens .items5 {
    display: none;
}


.idxbox5 .idxtl {
    margin-bottom: .36rem;
}

.idxbox5 .navul {
    display: flex;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(233, 233, 233, 0.12) 0%, rgba(233, 233, 233, 0.4) 13.67%, #E9E9E9 50.2%, rgba(233, 233, 233, 0.4) 88.22%, rgba(233, 233, 233, 0) 100.4%) 1;
    border-left: none;
    border-right: none;
    margin-bottom: .6rem;
    padding: .3rem 0;
}

.idxbox5 .navul .navli {
    flex: 1;
    border-right: 1px solid #DADADA;
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: .211rem;
    color: #70757C;
    cursor: pointer;
}

.idxbox5 .navul .navli:hover,
.idxbox5 .navul .navli.active {
    color: #D20209;
}

.idxbox5 .navul .navli:hover img,
.idxbox5 .navul .navli.active img {
    filter: invert(27%) sepia(97%) saturate(6927%) hue-rotate(350deg) brightness(78%) contrast(115%);
}

.idxbox5 .navul .navli.active {
    display: flex;
}

.idxbox5 .navul .navli img {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
}

.idxbox5 .navul .navli:last-of-type {
    border-right: none;
}

.idxbox5 .swps .primg {
    width: 100%;
    height: 3.1733rem;
    overflow: hidden;
}

.idxbox5 .swps .primg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease 0s;
}

.idxbox5 .swps .prlist:hover .primg img {
    transform: scale(1.05);
}

.idxbox5 .swps .prlist .p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .93rem;
    border-bottom: 1px solid #D0D0D0;

    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: .211rem;
    text-align: left;
    color: #454545;
}


.idxbox5 .swps .prlist:hover {
    border-bottom: 1px solid #D20209;
    color: #D20209;
}

.idxbox5 .swps .itm {
    display: none;
}

.idxbox5 .swps .itm.active {
    display: block;
}

.swiper-pagination-zp {
    position: fixed;
    right: .23rem !important;
    top: 50%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.swiper-pagination-zp .swiper-pagination-bullet {
    opacity: 1;
    border-radius: 0;
    width: .2rem;
    height: .2rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/images/mr.png);
    background-size: .1rem .1rem;
    background-position: center;
    /* background-color: #fff; */
    margin: .2rem 0 !important;
}

.swiper-pagination-zp .swiper-pagination-bullet-active,
.swiper-pagination-zp .swiper-pagination-bullet:hover {
    width: .2rem;
    height: .2rem;
    background-color: transparent;
    background-image: url(/images/zpactive.png);
    background-size: cover;
}


.footsewm {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.footsewms {
    position: relative;
    width: .32rem;
    height: .32rem;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: .26rem;
}

.footsewms:hover .footsewmshow {
    display: flex !important;
}

.footsewms:hover {
    background-color: #D20209;
}

.footsewms:hover>img:first-of-type {
    display: none;
}

.footsewms:hover>img:last-of-type {
    display: block;
}

.footsewms>img {
    width: .18rem;
    height: .18rem;
}

.footsewms>img:first-of-type {
    display: block;
}

.footsewms>img:last-of-type {
    display: none;
}

.footsewmshow {
    width: 1.8rem;
    height: 2.2rem;
    border-radius: .05rem;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: .17rem 0 .22rem;
    position: absolute;
    bottom: -2.36rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFFFFF;
}

.footsewmshow img {
    width: 1.2rem;
    height: 1.2rem;

}

.footsewmshow .tit {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .21rem;
    text-align: center;
    color: #333333;
    margin: .23rem 0 .05rem;
}

.footsewmshow .cen {
    font-family: ll;
    font-size: .14rem;
    font-weight: 300;
    line-height: .16rem;
    text-align: center;
    color: #D20209;
}

.homefoot {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 1.74rem;
    /* padding-top: 1.3rem; */
    background-image: url(/images/homefootbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.homefoot .footbtn {
    position: absolute;
    bottom: 0;
    border-top: .01rem solid rgba(107, 118, 132, 0.3);
    height: 1rem;
    margin-bottom: 0.46rem;
    margin-top: .56rem;
}

.homefoot .foottoptop {
    padding-bottom: .54rem;
    border-bottom: .01rem solid rgba(107, 118, 132, 0.3);
    margin-bottom: .815rem;
}

.homefoot .foottoptop a {
    display: block;
    width: 1.52rem;
    height: .48rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/images/footlogo.png);
}

.foottopleft>li {
    width: 3.27rem !important;
}


.homefoot .foottop {
    border-bottom: none;
}


.banner .swiper-button-prev,
.banner .swiper-button-next {
    background: none !important;
    border: none !important;
}

.banner .swiper-button-prev img,
.banner .swiper-button-next img {
    width: .14rem;
    height: .28rem;
}

.banner .swiper-button-prev:hover img,
.banner .swiper-button-next:hover img {
    filter: invert(34%) sepia(79%) saturate(5132%) hue-rotate(340deg) brightness(73%) contrast(143%);
}

.banner .txt .tit,
.banner .font .tit {
    font-family: rr;
    font-size: .58rem;
    /* font-weight: bold; */
    line-height: .78rem;
    text-align: left;
    color: #fff;
}
.banner .swiper-button-next,.banner .swiper-button-prev {
    transform: translateY(-50%);
}

.banner .txt .desc,
.banner .font .desc {
    font-family: ll;
    font-size: .38rem;
    font-weight: 300;
    line-height: .4454rem;
    text-align: left;
    color: #fff;
    margin-top: .22rem;
}


.brandson {
    border-bottom: 1px solid #DEDEDE;
    padding: .84rem calc((100% - 15rem) / 2) .8rem;
}

.brandTitle {
    font-family: rr;
    font-size: .42rem;
    font-weight: 500;
    line-height: .4922rem;
    text-align: center;
    color: #27221C;
    margin-bottom: .4rem;
}

.brandson .p,
.brandson p {
    text-indent: 0;
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .36rem;
    text-align: center;
    color: #70757C;
    margin-top: .13rem;
}

.brandson .p.pflex,
.brandson p.pflex {
    display: flex;
}

.brandson .p.pflex img:first-of-type,
.brandson p.pflex img:first-of-type {
    margin-right: .06rem;
}

.bcimg {
    justify-content: space-between;
}

.bcimg img {
    margin: 0 !important;
    width: 2.46rem;
    height: auto;
}

.brandson .p .rks,
.brandson p .rks {
    width: 3.47rem;
    margin: .3rem auto .45rem;
}

.brandson {
    padding-bottom: .8rem;
    border-bottom: 1px solid #DEDEDE;
}

.brandson .p,
.brandson p {
    text-indent: 0;
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .36rem;
    text-align: center;
    color: #70757C;
    margin-top: .13rem;
}

.brandson .p .rks,
.brandson p .rks {
    width: 3.47rem;
}


.brandson2 {
    display: flex;
    justify-content: space-between;
    background-color: #F6F6F6;
    padding: 1rem calc((100% - 15rem) / 2);
}

.brandson2 .p,
.brandson2 p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .36rem;
    text-align: left;
    color: #70757C;
}

.procenter {
    width: 15rem;
    margin: 0 auto;
    padding-top: .7rem;
}

.procenter .baseTitle {
    margin-bottom: .42rem;
}

.procenter .ul {
    display: flex;
    margin-bottom: .52rem;
}

.procenter .ul .li {
    margin-right: .4rem;
    width: 3.45rem;
}

.procenter .ul .li:last-of-type {
    margin-right: 0;
}


.procenter .ul .li .piimg {
    width: 100%;
    height: 4.35rem;
    overflow: hidden;
}

.procenter .ul .li .piimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease 0s;
}

.procenter .ul .li .piimg:hover img {
    transform: scale(1.05);
}

.procenter .ul .li .ptp {
    width: 100%;
    height: .73rem;
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: rr;
    font-size: .18rem;
    font-weight: 400;
    line-height: .211rem;
    color: #333333;
    border-bottom: 1px solid #DEDEDE;
}

.protitle {
    font-family: rr;
    font-size: .42rem;
    font-weight: 500;
    line-height: .4922rem;
    text-align: center;
    color: #27221C;
    margin-bottom: .42rem;
}


a.redMore {
    border-radius: .5rem;
    border: 1px solid rgba(153, 153, 153, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;

    width: 1.68rem;
    height: .48rem;
    position: relative;
    left: calc(50% - 0.84rem);
}

a.redMore span {
    font-family: ll;
    font-size: .16rem;
    font-weight: 400;
    line-height: .211rem;
    text-align: center;
    color: #999999;
}

a.redMore:hover {
    color: #D20209;
}

.foottop {
    justify-content: space-between;
}

.isdfoot {
    background-image: url(/images/isdfootbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 1.26rem;
}

.isdfoot .foottopright {
    flex: 0;
}

.footico .footform {
    width: auto;
    height: auto;
    margin: 0;
}

.foottop {
    padding-bottom: 1.87rem;
}

.footico {
    margin-right: 0;
    padding-top: .18rem;
}

.footico a {
    background: url(../images/footlogo.png);
    background-size: contain;
    width: 1.52rem;
    height: .44rem;
    background-repeat: no-repeat;
}

.footico .footform input[type="text"] {
    width: 5.29rem;
    height: .64rem;
    background-color: #fff;
}

.footico .footform input[type="button"] {
    width: 1.55rem;
    height: 0.6rem;
    right: .02rem;
    top: .02rem;
    background-color: #141415;

    color: #FFFFFF;
    background-image: url(/images/footss.png);

    background-size: .24rem .08rem;
    background-position: .98rem center;

    text-align: left;
    font-family: ll;
    font-size: .16rem;
    font-weight: 300;
    /* line-height: .1758rem; */
    padding-left: .28rem;
}

.footico .footform input[type="button"]:hover {
    background-color: #D20209;
}

.footico h6 {
    display: none;
}

.isdfoot #bdshare {
    flex-direction: row;
    justify-content: end;
}

.isdfoot #bdshare a {
    background-color: #fff;
    width: .32rem;
    height: .32rem;
    background-size: .18rem .18rem !important;
    margin-bottom: 0;
}

.isdfoot #bdshare .shareItm {
    margin-right: .26rem;
}

.isdfoot #bdshare .shareItm:last-of-type {
    margin-right: 0;
}

.isdfoot #bdshare .shareItm1 a {
    background-image: url(/images/footwb.png);
}

.isdfoot #bdshare .shareItm2 a {
    background-image: url(/images/footqq.png);
}

.isdfoot #bdshare .shareItm3 a {
    background-image: url(/images/footwx.png);
}

.isdfoot #bdshare .shareItm1 a:hover {
    background-image: url(/images/wwbb1.png);
    background-color: #E10412;
}

.isdfoot #bdshare .shareItm2 a:hover {
    background-image: url(/images/qqqq1.png);
    background-color: #027CFE;
}

.isdfoot #bdshare .shareItm3 a:hover {
    background-image: url(/images/wwxx1.png);
    background-color: #10D169;
}

.footcontact h5 {
    font-family: Roboto;
    font-size: .4rem;
    font-weight: 500;
    line-height: .4688rem;
    text-align: right;
    color: #fff;
    margin-bottom: .2rem;
}

.footbtn,
.footbtn a {
    font-family: ll;
    font-size: .14rem;
    font-weight: 400;
    line-height: .1641rem;
    text-align: left;
    color: #C2C2C2;
}

.footbtnl {
    font-family: ll;
    font-size: .14rem;
    font-weight: 400;
    line-height: .1641rem;
    text-align: left;
    color: #C2C2C2;
}

.mmaker {
    display: none;
}

.ywlyline {
    width: 100%;
    height: .01rem;
    background-color: #DEDEDE;
    margin-top: .8rem;
}

.shinav {
    display: none;
}

.brandson img,
.brandson2 img {
    margin: .4rem auto;
}


#ContentPlaceHolder1_pnl_ywbanner,
#ContentPlaceHolder1_pnl_banner {
    width: 100%;
    height: 100%;
    position: static;
    transform: none;
}

.isdyws {
    position: relative;
    width: 100%;
    height: 100vh;
}

.isdyws .swiper-slide {
    overflow: hidden;
}

.isdyws .swiper-button-prev,
.isdyws .swiper-button-next {
    width: .14rem;
    height: .28rem;
    overflow: hidden;
    top: 43%;
}

.isdyws .swiper-button-prev img,
.isdyws .swiper-button-next img {
    width: 100%;
    height: 100%;

}


.isdyws .swiper-button-prev:hover img,
.isdyws .swiper-button-next:hover img {
    /* transform: translateY(-100%); */
    margin-top: .56rem;
    filter: drop-shadow(0 -.28rem #D20209);
}

.isdyws .swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 2px;
    border-radius: 0;
    opacity: 0.4;
    background: #fff;
    margin: 0 5px;
}

.isdyws .swiper-pagination .swiper-pagination-bullet-active {
    width: 48px;
    opacity: 1;
}

.isdyws .swiper-button-prev {
    left: .6rem;
}

.isdyws .swiper-button-next {
    right: .6rem;
}

.isdyws .swiper-pagination {
    bottom: .74rem !important;
    bottom: .37rem !important;
}


.qy6 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.qy6 .ul {
    display: flex;
    width: 100%;
}

.qy6 .ul .li {
    width: 33.333333%;
    height: 7.96rem;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

.qy6 .ul .li img {
    width: 1rem;
    height: 1rem;
}

.qy6 .ul .li:nth-of-type(1) {
    background-image: url('/images/ysh1.jpg');
}

.qy6 .ul .li:nth-of-type(2) {
    background-image: url('/images/ysh2.jpg');
}

.qy6 .ul .li:nth-of-type(3) {
    background-image: url('/images/ysh3.jpg');
}

.qy6 .ul .li .h1 {
    font-family: ll;
    font-size: .28rem;
    font-weight: 700;
    line-height: .3282rem;
    text-align: center;
    color: #fff;
    margin: .37rem 0 .27rem;
}

.qy6 .ul .li .h2 {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .211rem;
    text-align: center;
    color: #fff;
}

.qy6 .ul .li .p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .36rem;
    text-align: justify;
    color: #fff;
    margin-top: .37rem;
    display: none;
    
}

.qy6 .ul .li .qqy6 {
    transform: translateY(4.57rem);
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 0 .52rem;
}

.qy6 .ul .li:hover .qqy6 {
    transition: transform 0.8s ease 0s;
    transform: translateY(2.27rem);
    /* transform: translateY(1rem); */
}

.qy6 .ul .li:nth-of-type(2):hover .qqy6 {
    transform: translateY(1rem);
}

.qy6 .ul .li:hover .p {
    display: block;
}

.qy6 .ul .li:hover::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(210, 2, 9, 0.5);
}


.qyvideo {
    width: 100%;
    height: 6.8rem;
    overflow: hidden;
    position: relative;
}

.qyvideo .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: cover;
}

.qyvideo video {
    width: 11.9rem;
    height: 6.8rem;
    /* object-fit: cover; */
    object-fit: cover;
    transition: transform 0.5s ease 0s;
    cursor: pointer;
}

.qyvideo:hover video.mov {
    transform: scale(1.05);
}


.pvideos {
    background-color: #000;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.pvideos span {
    display: block;
    width: .8rem;
    height: .8rem;
    background-image: url(/images/playing.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    cursor: pointer;
}

.qyvideo:hover .pvideos span {
    background-image: url(/images/playing1.png);
}

.pvideos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease 0s;
}

.pvideos:hover img {
    transform: scale(1.05);
}


.gyy {
    background-image: url('/images/Group60.png');
    background-repeat: no-repeat;
    background-color: #F8F8F8;
    background-size: 9.52rem 8.03rem;
    background-position: 0 0;
    padding: 0.8rem 0;
}

.gyy .redMore {
    left: 0;
}

.gyy .ul {}

.gyy .ul .li {
    display: flex;
    margin-top: .8rem;
}

.gyy .ul .li .left,
.gyy .ul .li .right {
    width: 50%;
}

.gyy .ul .li .left {
    padding-top: .96rem;
}

.gyy .ul .li:nth-of-type(2n-1) .left {
    padding-left: 2rem;
    padding-right: 1.3rem;
}

.gyy .ul .li:nth-of-type(2n) .left {
    padding-left: 1.3rem;
    padding-right: 2rem;
}

.gyy .ul .li:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.gyy .ul .li .left .h1 {
    font-family: rr;
    font-size: .32rem;
    font-weight: 500;
    line-height: .375rem;
    text-align: left;
    color: #D20209;
    margin-bottom: .32rem;
}

.gyy .ul .li .left .h2 {
    font-family: rr;
    font-size: .24rem;
    font-weight: 400;
    line-height: .2813rem;
    text-align: left;
    color: #333;
    margin-bottom: .32rem;
}

.gyy .ul .li .left .p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: 2;
    text-align: left;
    color: #70757C;
}

.gyy .ul .li .left .redMore {
    margin-top: .32rem;
}

.gyy .ul .li .right {
    height: 6rem;
}

.gyy .ul .li .right img {
    width: 100%;
    height: 100%;
}

.gyy .ul .li:nth-of-type(1) {
    margin-top: 0;
}

.research {
    padding: .84rem calc((100% - 15rem) / 2) .8rem;
}

.research .yfdesign {
    display: flex;
    justify-content: space-between;

    margin-top: .8rem;
}

.research .yfdesign .left {
    width: 7.6rem;
}

.research .yfdesign .left .h1 {
    font-family: rr;
    font-size: .32rem;
    font-weight: 500;
    line-height: .375rem;
    text-align: left;
    color: #27221C;
    margin-bottom: .27rem;
}

.research .yfdesign .left .p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .36rem;
    text-align: left;
    color: #70757C;
}

.research .yfdesign .right {
    width: 6.46rem;
    border-radius: .12rem;
    overflow: hidden;
}

.research .yfdesign .right .designs {
    width: 100%;
    height: 3.5625rem;
}

.swiper-pagination-design .swiper-pagination-bullet {
    margin: 0 !important;
    width: 1rem;
    height: .02rem;
    background-color: #D5D5D5;
    opacity: 1;
    border-radius: 0;
}

.swiper-pagination-design .swiper-pagination-bullet-active {
    background-color: #D20209;

}

.research>img {
    width: 100%;
}

.research .swiper-button-next,
.research .swiper-button-prev {
    color: #fff;
    width: .14rem;
    height: .28rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.research .swiper-button-prev {
    background-image: url(/images/lll.png);
}

.research .swiper-button-next {
    background-image: url(/images/rrr.png);
}

.research .swiper-button-next:after,
.research .swiper-button-prev:after {
    font-size: .2rem;
}

.swiper-pagination-design {
    font-size: 0;
    margin-top: 1.36rem;
}

.swiper-pagination-design .swiper-pagination-bullet {
    position: relative;
}

.swiper-pagination-design .swiper-pagination-bullet span {
    position: absolute;
    top: -0.34rem;
    right: 0;
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .2109rem;
    text-align: center;
    color: #999999;
}

.swiper-pagination-design .swiper-pagination-bullet-active span {
    color: #D20209;
    font-size: .24rem;
    font-family: rr;
}

.swiper-pagination-design .swiper-pagination-bullet:hover {
    background-color: #D20209;
}

.swiper-pagination-design .swiper-pagination-bullet:hover span {
    color: #D20209;
}

.gyyhonor {
    padding: .84rem calc((100% - 15rem) / 2) .8rem;
    background-color: #F8F8F8;
}

.gyyhonor .pai1 {
    display: flex;
    margin-bottom: .72rem;
}

.gyyhonor .pai1 .itm {
    width: 33.3333333%;
    border-bottom: .16rem solid #DADADA;
    display: flex;
    justify-content: center;
}

.gyyhonor .pai1 .itm img {
    width: 90%;
}


.gyyhonor .pai2 {
    display: flex;
}

.gyyhonor .pai2 .itm {
    width: 16.66666666%;
    border-bottom: .16rem solid #DADADA;
    display: flex;
    justify-content: center;
}

.gyyhonor .pai2 .itm img {
    width: 80%;
}

.ownbase {
    padding: .84rem calc((100% - 15rem) / 2) .8rem;
}

.ownbase>img {
    width: 100%;
}

.ownbase .ul {
    margin-top: .8rem;
}

.ownbase .ul .li {
    display: flex;
    justify-content: space-between;
    padding-bottom: .8rem;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: .8rem;
}

.ownbase .ul .li:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ownbase .ul .li .left {
    width: 7.6rem;
}

.ownbase .ul .li .left .h1 {
    font-family: rr;
    font-size: .28rem;
    font-weight: 500;
    line-height: .3282rem;
    text-align: left;
    color: #27221C;
    margin-bottom: .32rem;
}

.ownbase .ul .li .left .p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .36rem;
    text-align: left;
    color: #70757C;
}

.ownbase .ul .li .right {
    width: 6.46rem;
}

.ownbase .ul .li:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.gywmbox3 .fd {
    display: none;
}

#fullscreen {
    display: none;
}

#back-to-top {
    position: fixed;
    bottom: 1rem;
    right: 0.5rem;
    left: auto;
    transform: none;
    display: none;
    width: .36rem;
    height: .36rem;
    background-image: url(/images/totop.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 10;
}

#back-to-top:hover {
    background-image: url(/images/totop2.png);
}


.lxsixcenl {
    overflow: hidden;
}

.ywlybox1 .ili {
    margin-top: 0.55rem;
    height: 6.32rem;
    display: flex;
    margin-bottom: 0.3rem;
    /* justify-content: space-between; */
}

.ywlybox1 .ili .itm {
    flex-shrink: 0;
    margin-right: .1rem;
}

.ywlybox1 .ili .l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 4.72rem;
}

.ywlybox1 .ili .m {
    width: 5.35rem;
}

.ywlybox1 .ili .r {
    width: 4.58rem;
}

.ywlybox1 .ili .l img {
    height: 49.5%;
    width: 100%;
    object-fit: cover;
}

.ywlybox1 .ili .m img,
.ywlybox1 .ili .r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ywlybox1 .ili .l,
.ywlybox1 .ili .m,
.ywlybox1 .ili .r {
    height: 100%;
}

.ywlybox22 {
    padding: 1rem 2rem .94rem;
}


.ywlybox2 .h3 {
    font-family: ll;
    font-size: .24rem;
    font-weight: 300;
    line-height: .2813rem;
    text-align: center;
    color: #27221C;
}

.ywlybox2 .zywoos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .44rem;
}

.ywlybox2 .zywoos img {
    object-fit: cover;
}

.ywlybox2 .zywoos img:nth-of-type(1) {
    width: 2.86rem;
    height: 1.05rem;
}

.ywlybox2 .zywoos img:nth-of-type(2) {
    width: 1.97rem;
    height: 2.78rem;
}

.ywlybox2 .zywoos img:nth-of-type(3) {
    width: 1.96rem;
    height: 2.77rem;
}

.ywlybox2 .zywoos img:nth-of-type(4) {
    width: 1.75rem;
    height: 1.75rem;
}

.ywlybox2 .zywoos img:nth-of-type(5) {
    width: 1.75rem;
    height: 1.75rem;
}

.mbzywoos {
    display: none;
}

.ywlybox1,
.ywlybox22 {
    overflow: hidden;
}

.ImgGrid2 .ywlybox1 {
    padding: 0;
}

.ImgGrid2 .ywly {
    margin-bottom: 0.5rem;
}

.ImgGrid2 .ywlybox1 p:first-of-type {
    margin-top: -0.1rem;
}

.s1mple {
    padding: .84rem calc((100vw - 15rem)/2) 1.35rem;
}

.s1mple .baseTitle {
    margin-bottom: .35rem;
    font-size: .38rem;
}

.s1mple .perc {
    margin-top: .36rem;
}

.s1mple .p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: 2;
    text-align: left;
    color: #70757C;
}

.s1mple .ul,
.s1mple .ul2 {
    display: flex;
}

.s1mple .ul img {
    height: 3.59rem;
    margin-bottom: .1rem;
    margin-right: .1rem;
    object-fit: cover;
}

.s1mple .ul img:nth-of-type(1) {
    width: 4.42rem;
}

.s1mple .ul img:nth-of-type(2) {
    width: 5.57rem;
}

.s1mple .ul img:nth-of-type(3) {
    width: 4.81rem;
}

.s1mple .ul2 img {
    height: 3.29rem;
    margin-right: .1rem;
    object-fit: cover;
}

.s1mple .ul2 img:nth-of-type(1) {
    width: 4.22rem;
}

.s1mple .ul2 img:nth-of-type(2) {
    width: 4.68rem;
}

.s1mple .ul2 img:nth-of-type(3) {
    width: 5.9rem;
}

.s1mple .perc {
    display: block;
}

.s1mple .mobi {
    display: none;
}

.homefoot {
    overflow: hidden;
}

.homefoot .homefootbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: slowScale 20s linear infinite;
}

.homefoot .foottoptop,
.homefoot .foottop,
.homefoot .footbtn {
    position: relative;
    z-index: 2;
}

.foottopleft {
    height: auto;
}

.foottop {
    padding-bottom: 0;
}

.isdfoot .foottop {
    padding-bottom: 1.87rem;
}

.bannernav {
    width: 100%;
    position: absolute;
    bottom: .79rem;
    height: .46rem;
    display: flex;
    justify-content: center;
    z-index: 100;
}

.bannernavs {
    width: 2.43rem;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

.bannernavs .imgs {
    width: .48rem;
    height: .48rem;
    margin-top: -0.18rem;
    margin-bottom: .12rem;
}

.bannernavs img {
    width: 100%;
    height: 100%;
    transition: transform 1s ease 0s;
}

.bannernavs:hover .imgs img {
    filter: invert(44%) sepia(30%) saturate(7060%) hue-rotate(333deg) brightness(70%) contrast(161%);
}


.bannernavs p {
    font-family: HarmonyOS Sans SC;
    font-size: .16rem;
    font-weight: 400;
    line-height: .1875rem;
    text-align: center;
    color: #FFFFFF;
}

.bannernavs:hover p {
    color: #D20209;
}

.bannernavs:last-of-type {
    border-right: none;
}


.banner .swiper-pagination {
    display: none;
}

.idxbox66 {
    background-image: url(/images/idx66bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.idxbox66 .ul {
    display: flex;
    justify-content: space-between;
    margin-top: .33rem;
}

.idxbox66 .ul .li {
    width: 4.65rem;
    height: 6.08rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: .32rem;
    padding-right: .32rem;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.idxbox66 .ul .li:hover {
    transform: translateY(-0.2rem);
    box-shadow: .08rem .08rem .16rem .02rem #0000000D;
}



.brandLogo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.brandLogo img {
    max-width: 100%;
    max-height: none;
}

.brandDesc {
    height: 2.62rem;
    width: 100%;
    position: relative;
    left: 0;
    bottom: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .66rem;
    border-top: 1px solid #E2E2E2;
}

.brandDesc .h1 {
    font-family: rr;
    font-size: .24rem;
    font-weight: 500;
    line-height: .2813rem;
    text-align: center;
    color: #27221C;
    margin-bottom: .23rem;
}

.idxbox66 .ul .li:hover .brandDesc .h1 {
    color: #D20209;
}

.brandDesc .h2 {
    font-family: ll;
    font-size: .18rem;
    font-weight: 300;
    line-height: .34rem;
    text-align: center;
    color: #70757C;
}



.homefoot {
    padding-top: 17.95665634674923vh;
}
.homefoot .foottoptop {
    padding-bottom: 5.57275541795666vh;
    margin-bottom: 8.41073271413829vh;
}

.homefoot .foottopleft>li>a:first-of-type,.homefoot .foottopright ol li>a:first-of-type {
    margin-bottom: 2.57997936016512vh;
}

.homefoot .foottopleft>li>a,.homefoot .foottopright a {
    font-size: 2.06398348813209vh;
    line-height: 2.37358101135191vh;
}

.homefoot .foottopleft a>p,.homefoot .foottopright p {
    font-size: 1.85758513931889vh;
    line-height: 5.36635706914345vh;
}


.homefoot .footbtn {
    margin-bottom: 0;
    /* height: 14.36781609195402vh; */
    height: auto;
    padding-top: 4.90196078431373vh;
    margin-top: 5.77915376676987vh;
}

.homefoot .footbtnl,.homefoot .footbtn,.homefoot  .footbtn a {
    font-size: 1.44478844169247vh;
    line-height: 1.69349845201238vh;
}

.homefoot .xingxitableft p img {
    width: 2.47678018575851vh;
    height: 2.47678018575851vh;
    margin-right: 1.44478844169247vh;
}

.detailr p:has(img) {
    text-indent: 0
     !important;
}
.imgp{
    text-indent: 0
    !important;
}


.items5 {
    display: none;
}

.banner .swiper-slide img,.banner .swiper-slide video{
    filter: brightness(0.9);
}

.gowebsite {
    display: flex;
    align-items: center;
    height: .8rem;
    padding: 0 .46rem;
    width: fit-content;


    font-family: HarmonyOS Sans SC;
    font-size: .2rem;
    font-weight: 400;
    line-height: .2344rem;
    text-align: center;
    color: #70757C;
    border: 1px solid #D4D4D4;
    border-radius: .5rem;


    transition: all 0.6s ease-in-out;
    margin: 0 auto;
    margin-top: .54rem;
}

.gowebsite:hover {
    background-color: #D20209;
    color: #fff;
}

.gowebsite span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.gowebsite span img {
    width: .42rem;
    height: .42rem;
    margin-right: .05rem;
}

.gowebsite span img:nth-of-type(2) {
    display: none;
}

.gowebsite:hover span img:nth-of-type(1) {
    display: none;
}

.gowebsite:hover span img:nth-of-type(2) {
    display: block;
}

@media screen and (max-width: 1500px){
    .bannernav{
        bottom: .99rem !important;
    }
}

@media screen and (max-width: 750px) {
    .uhf {
        font-size: .3rem;
        color: #333;
        margin-right: .41rem;
    }
    .mheader1 .uhf {
        color: #fff;
    }

    .qy6 .ul .li:nth-of-type(2):hover .qqy6 {
        transform: translateY(0);
    }

    .idxbox66 .ul{
        overflow: auto;
    }  
    .idxbox66 .ul .li{
        flex: none;
        margin-right: .15rem;
    }
    .brandDesc .h1{
        font-size: .28rem;
    }
    .brandDesc .h2{
        font-size: .24rem;
    }
    .ova{
        display: none;
       
    }
  
    .idxnews .right .item {
        flex: none;
    }
    .isdisvideo {
        display: none !important;
    }


    .qyvideo video {
        width: 100vw;
        height: 5.4rem;
    }

    .s1mple {
        padding: .7rem .3rem .9rem;
    }

    .s1mple .baseTitle {
        font-size: .42rem;
    }

    .s1mple .p {
        font-size: .24rem;
        font-weight: 300;
        line-height: 2;
        text-align: left;
    }

    .s1mple .perc {
        display: none;
    }

    .s1mple .mobi {
        display: block;
        margin-top: .32rem;
    }

    .s1mple .ul img {
        height: 2.42rem;
        margin-right: .09rem;
    }

    .s1mple .ul2 img {
        height: 2.55rem;
        margin-right: .14rem;
        margin-bottom: .1rem;
    }

    .s1mple .ul3 img {
        height: 2.09rem;
        margin-right: .12rem;
    }

    .s1mple .ul,
    .s1mple .ul2,
    .s1mple .ul3 {
        display: flex;
    }

    .s1mple .mobi .ul img:nth-of-type(1) {
        width: 2.97rem;
    }

    .s1mple .mobi .ul img:nth-of-type(2) {
        width: 3.74rem;
    }

    .s1mple .mobi .ul2 img:nth-of-type(1) {
        width: 3.4rem;
    }

    .s1mple .mobi .ul2 img:nth-of-type(2) {
        width: 3.26rem;
    }

    .s1mple .mobi .ul3 img:nth-of-type(1) {
        width: 2.98rem;
    }

    .s1mple .mobi .ul3 img:nth-of-type(2) {
        width: 3.7rem;
    }

    .ywlybox1 .ili {
        display: block;
        height: auto;
        margin-bottom: 0;
    }

    .ywlybox1 .ili .itm {
        width: 100%;
    }

    .ywlybox1 .ili .itm img {
        width: 100%;
        height: auto;
        margin-bottom: .1rem;
    }

    .ywlybox22 {
        padding: .92rem .35rem 1rem;
    }

    .ywlybox2 .zywoos {
        display: none;
    }

    .mbzywoos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

    }

    .mbzywoos img {
        margin-right: .53rem;
        margin-top: .6rem;
    }

    .ywlybox2 .h3 {
        font-size: .32rem;
    }

    .ywlybox2 .mbzywoos img:nth-of-type(1) {
        width: 1.58rem;
        height: 1.58rem;
    }

    .ywlybox2 .mbzywoos img:nth-of-type(2) {
        width: 2.58rem;
        height: .95rem;
    }

    .ywlybox2 .mbzywoos img:nth-of-type(3) {
        width: 1.58rem;
        height: 1.58rem;
        margin-right: 0;
    }

    .ywlybox2 .mbzywoos img:nth-of-type(4) {
        width: 2.46rem;
        height: 3.47rem;
    }

    .ywlybox2 .mbzywoos img:nth-of-type(5) {
        width: 2.45rem;
        height: 3.45rem;
    }


    .ywlybox2 .zywoos {
        flex-wrap: wrap;
    }


    .mbanner {
        position: relative;
    }

    .mywlybox3cen {
        margin-top: .42rem;
        padding-bottom: 0.2rem;
    }

    .idxbox2 .right {
        display: none;
    }

    .qy6 .ul .li:nth-of-type(1) {
        background-image: url('/images/mbysh1.jpg');
    }

    .qy6 .ul .li:nth-of-type(2) {
        background-image: url('/images/mbysh2.jpg');
    }

    .qy6 .ul .li:nth-of-type(3) {
        background-image: url('/images/mbysh3.jpg');
    }

    .ownbase {
        padding: 1.06rem .35rem 1rem;
    }

    .ownbase .ul .li {
        display: block;
        margin-bottom: .6rem;
    }

    .ownbase .ul .li .left .h1 {
        margin-bottom: .24rem;
    }

    .ownbase .ul .li .left .p {
        font-size: .24rem;
        font-weight: 300;
        line-height: .48rem;
    }

    .ownbase .ul .li .right {
        margin-top: .34rem;
    }

    .ownbase .ul .li .left,
    .ownbase .ul .li .right {
        width: 100%;
    }


    .gyyhonor {
        padding: .87rem .35rem .8rem;
    }

    .gyyhonor .brandTitle,
    .research .brandTitle,
    .ownbase .brandTitle {
        margin-bottom: .4rem;
    }

    .gyyhonor .pai2 {
        flex-wrap: wrap;
    }

    .gyyhonor .pai2 .itm {
        width: 33.33333%;
        margin-bottom: .48rem;
    }

    .research .yfdesign .left .p {
        font-size: .24rem;
        font-weight: 300;
        line-height: .48rem;
    }

    .research .yfdesign .right {
        margin-top: .4rem;
    }



    .gywmbox3 .fd {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: ll;
        font-size: .24rem;
        font-weight: 300;
        line-height: .2813rem;
        color: #70757C;
        margin-top: .22rem;
    }

    .gywmbox3 .fd img {
        width: .28rem;
        height: .28rem;
        margin-right: .13rem;
    }

    #fullscreen {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 9999;
        overflow-x: scroll;
    }

    #fullscreen img {
        max-width: none;
        max-height: none;
        object-fit: fill;
        width: auto;
        height: 50vh;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
    }

    .bcimg img {
        width: 2.26rem;
    }

    .mmclose {
        width: 0.72rem;
        height: 0.72rem;
        background-image: url(/images/mclose.png);
        background-repeat: no-repeat;
        background-size: 0.72rem 0.72rem;
        position: fixed;
        top: 16%;
        left: 50%;
        transform: translateX(-50%);
    }

    .qy6 .ul {
        display: block;
    }

    .qy6 .ul .li {
        width: 100%;
        height: auto;
        min-height: 5.4rem;
        padding: 1.18rem .35rem 1rem;
    }

    .qy6 .ul .li .qqy6 {
        transform: none;
    }

    .qy6 .ul .li:hover .qqy6 {
        transform: none;
    }

    .qy6 .ul .li:hover::before {
        display: none;
    }

    .qy6 .ul .li .p {
        display: block;
    }

    .qy6 .ul .li .h1 {
        font-size: .32rem;
        font-weight: 700;
        line-height: .375rem;
        margin: .38rem 0 .26rem;
    }

    .qy6 .ul .li .h2 {
        font-size: .24rem;
        font-weight: 400;
        line-height: .2813rem;
    }

    .qy6 .ul .li .p {
        font-size: .24rem;
        font-weight: 300;
        line-height: .48rem;
    }




    .qyvideo {
        height: 5.4rem;
    }


    a.redMore {
        width: 2.26rem;
        height: .68rem;
    }

    a.redMore span {
        font-size: .24rem;
    }

    .gyy .ul .li {
        flex-direction: column-reverse !important;
    }

    .gyy .ul .li .left,
    .gyy .ul .li .right {
        width: 100%;
        padding: 0 !important;
    }

    .gyy .ul .li .left {
        padding: 0 0.35rem !important;

    }

    .gyy .ul .li .right {
        height: 4.72rem;
        margin-bottom: .6rem;
    }

    .gyy .ul .li .left .h2 {
        font-size: .28rem;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        /* white-space: nowrap; */
    }

    .gyy .ul .li .left .p {
        font-size: .24rem;
        font-weight: 300;
        line-height: .48rem;
        text-align: left;
    }

    .gyy .ul .li .left .redMore {
        margin-top: .49rem;
    }

    .research {
        padding: 1rem 0.35rem 1.89rem;
        position: relative;
    }

    .research .yfdesign {
        display: block;
    }

    .research .yfdesign .left,
    .research .yfdesign .right {
        width: 100%;
    }

    .swiper-pagination-design {
        position: absolute;
        margin: 0;
        top: auto !important;
        bottom: -0.87rem !important;
    }

    .swiper-pagination-design .swiper-pagination-bullet {
        width: 20%;
    }

    .research .yfdesign .right .designs img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .research .yfdesign .right .designs {
        height: 3.75rem;
    }

    .swiper-pagination-design .swiper-pagination-bullet span {
        font-size: .24rem;
    }

    .swiper-pagination-design .swiper-pagination-bullet-active span {
        font-size: .32rem;
        font-weight: 700;
    }

    .footsewm {
        display: none;
    }

    .brandTitle {
        font-size: .48rem;
        font-weight: 500;
        line-height: .5626rem;
        margin-bottom: .29rem;
    }

    .isdfoot {
        display: block;
    }

    .mfooter {
        display: none;
    }

    #header11 {
        display: none !important;
    }

    .mbanner .swiper-slide .item>div {
        width: 6.8rem;
        left: 50%;
        transform: translateX(-50%);
        top: 4.23rem;
    }

    .mbanner .txt .tit {word-break: break-word;
        font-size: .35rem;
        font-weight: bold;
        line-height: .9rem;
        text-align: center;
        color: #fff;
    }

    .mbanner .txt .desc {word-break: break-word;
        font-size: .3rem;
        font-weight: 300;
        line-height: .4454rem;
        text-align: center;
        color: #fff;
        margin-top: .31rem;
    }

    .idxpad {
        padding: 1.1rem .35rem 1rem;
    }

    .idxtl {
        font-size: .48rem;
        font-weight: 500;
        line-height: .5626rem;
    }

    .idxbox2 {
        background-image: none;
    }

    .idxbox2 .h1 {
        font-size: .48rem;
        font-weight: 700;
        line-height: .62rem;
        margin: .39rem 0 .23rem;
    }

    .idxbox2 .p {
        font-size: .24rem;
        font-weight: 300;
        line-height: .48rem;
    }

    .idxbox2 .ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .idxbox2 .ul .li {
        width: 3.2rem;
        height: 1.42rem;
        margin-top: .2rem;
    }

    .idxmore {
        font-size: .24rem;
        font-weight: 300;
        line-height: .2813rem;
    }

    .idxmore img {
        width: .36rem;
        height: .36rem;
        margin-left: .13rem;
    }

    .idxbox2 .idxmore {
        margin: .45rem 0;
    }

    .idxbox2::after {
        content: '';
        display: block;
        width: 100vw;
        height: 5rem;
        background-image: url(/images/idxbox2bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: -0.35rem;
        margin-top: .8rem;
    }

    .idxbox2 {
        padding-bottom: 0;
    }


    .idxbox2 .ul .li .counters span {
        font-size: .24rem;
        margin-left: .04rem;
    }


    .idxbox2 .ul .li .h2 {
        font-size: .24rem;
        margin-top: .12rem;
        color: #70757C;
    }

    .idxbox3 .idxtl {
        margin-bottom: .41rem;
    }

    .yewus .item>a {
        display: block;
        height: 6.08rem;
        width: 4.65rem;
        position: relative;
        overflow: hidden;
    }

    .yewus .item>a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: .06rem;
        background-color: #D20209;
        transition: width 1s ease 0s;
    }

    .yewus .item>a:hover::after {
        width: 100%;
    }

    .yewus .item::after {
        display: none;
    }


    .yewus .swiper-slide-next {
        left: -38%;
    }

    .idxbox3 {
        padding-right: 0;
    }

    .idxbox3 .idxtl {
        padding-right: .35rem;
    }

    .yewus .swiper-pagination-common {
        display: none;
    }

    .idxnews .df {
        display: block;
    }

    .idxnews .left {
        margin-bottom: .2rem;
    }

    .idxnews .left .t {
        height: 4.18rem;
    }

    .idxnews .left,
    .idxnews .right {
        width: 100%;
    }

    .idxnews .left {
        height: 5.62rem;
    }


    .idxnews .left .b .date {
        font-size: .2rem;
        margin-bottom: .2rem;
    }

    .idxnews .left .b .p {
        font-size: .24rem;
        line-height: 1.8;
    }

    .idxnews .right .date {
        font-size: .2rem;
        margin-bottom: .2rem;
    }

    .idxnews .right {
        height: auto;
    }

    .idxnews .right .p {
        font-size: .2rem;
        height: 0.6rem;
    }

    .idxnews .right .h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }



    .idxbox5 .swps {
        width: calc(100vw - 0.35rem);
    }


    .swpss .prlist {
        display: block;
        width: 4.76rem;
    }

    .swpss .swiper-slide-next {
        left: -35%;
    }



    .idxbox5 .navul .navli {
        flex-direction: column;
        border: none;
        font-size: .22rem;
    }

    .idxbox5 .navul .navli img {
        width: .48rem;
        height: .48rem;
        margin-right: 0;
        margin-bottom: .13rem;
    }

    .idxbox5 .swps .prlist .p {
        font-size: .24rem;
    }

    .brandson {
        padding: .7rem .35rem;
    }

    .brandson .p,
    .brandson p {
        font-size: .24rem;
        font-weight: 300;
        line-height: .48rem;
        text-align: center;
    }

    .brandson .p.pflex {
        flex-wrap: wrap;
    }

    .brandson .p.pflex img:first-of-type,
    .brandson p.pflex img:first-of-type {
        margin-right: 0;
        margin-bottom: .07rem;
    }

    .brandson .p.pflex img:last-of-type,
    .brandson p.pflex img:last-of-type {
        margin-top: 0;
    }


    .brandson .p br,
    .brandson p br {
        display: none;
    }

    .brandson .p .mbspan,
    .brandson p .mbspan {
        display: block;
    }

    .procenter {
        width: 6.8rem;
    }

    .procenter .ul {
        flex-wrap: wrap;
    }

    .procenter .ul .li {
        width: 3.2rem;
        margin-top: .5rem;
    }

    .procenter .ul .li:nth-of-type(1),
    .procenter .ul .li:nth-of-type(2) {
        margin-top: 0;
    }

    .procenter .ul .li .piimg {
        height: 4.0348rem;
    }

    .procenter .ul .li .piimg img {
        margin: 0;
    }

    .procenter .ul .li:nth-of-type(2n) {
        margin-right: 0;
    }

    .procenter .ul .li .ptp {
        height: .85rem;
        font-size: .24rem;
    }

    .protitle {
        margin-bottom: .37rem;
    }

    .procenter a.redMore {
        display: none;
    }

    .isdfoot {
        padding: .9rem .35rem 0;
    }

    .isdfoot .foottop {
        width: 100%;
        display: block;
    }

    .footico {
        padding-top: 0;
    }

    .footcontact h5 {
        text-align: left;
        font-size: .4rem;
        line-height: .4688rem;
        margin-bottom: .13rem;
    }

    .isdfoot #bdshare {
        justify-content: start;
    }

    .footico .footform {
        margin-bottom: .36rem;
        display: block;
        width: fit-content;
    }

    .footico .footform input[type="text"] {
        width: 5.57rem;
        height: .72rem;
    }

    .footico .footform input[type="button"] {
        width: 1.85rem;
        height: 0.66rem;
        right: .02rem;
        top: .03rem;
        padding-left: .33rem;
        font-size: .24rem;

        background-position: 1.3rem center;
    }

    .isdfoot #bdshare a {
        width: .48rem;
        height: .48rem;
        background-size: .32rem .32rem !important;
    }

    .footbtn {
        width: 100%;
        height: 1.165rem;
        height: 1.3rem;
    }

    .foottop {
        padding-bottom: 0.54rem;
    }

    .footbtn,
    .footbtn a,
    .footbtnl {
        font-size: .22rem;
        font-weight: 400;
        line-height: .32rem;
        line-height: 2;
    }

    .mmaker {
        display: inline-block;
    }

    .themaker {
        display: none;
    }


    .heti .brandson:first-of-type {
        padding-bottom: 0;
    }

    .heti .brandson:last-of-type {
        padding-top: 0;
    }

    .heti .brandson2 {
        display: block;
        background-color: #fff;
        padding: 0 .35rem;
    }

    .brandson2 .p {
        font-size: .24rem;
        font-weight: 300;
        line-height: .48rem;
        text-align: center;
    }


}