/* @font-face {
    font-family: "ll";
    src: local("MiSans"), local("Arial") format('truetype'), local("sans-serif");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: "rr";
    src: local("MiSans"), local("Arial") format('truetype'), local("sans-serif");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bb";
    src: local("MiSans"), local("Arial") format('truetype'), local("sans-serif");
    font-weight: bolder;
    font-style: normal;
} */

@font-face {
    font-family: "bb";
    src: url("../font/FUTURA HEAVY FONT.TTF") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ll";
    src: url("../font/FUTURA LIGHT BT.TTF") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "rr";
    src: url("../font/Futura Bk BT Book.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MonteCarlo";
    src: url("../font/MonteCarlo.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

:root {
    --themeColor: #0B6C0B;
    --imgScale: scale(1.05);
    --head: .9rem;
}

html {
    scroll-padding-top: var(--head);
}

.pwidth {
    width: 16rem;
    margin: 0 auto;
}

.pwidth2 {
    width: 14.86rem;
    margin: 0 auto;
}

.pwidth3 {
    width: 17.99rem;
    margin: 0 auto;
}

.ppad {
    padding-top: .88rem;
    padding-bottom: 1.08rem;
}

.df {
    display: flex;
}

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

.dfc {
    display: flex;
    justify-content: center;
}

.dfcm {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dfcm2 {
    display: flex;
    align-items: center;
}

.dfcol {
    display: flex;
    flex-direction: column;
}

.dfcolc {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mc {
    display: block;
    margin: 0 auto;
}

.imgbox100 {
    overflow: hidden;
}

.imgbox100 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}


.li:hover .imgbox100 img {
    transform: var(--imgScale);
}

.imgbox100:hover img {
    transform: var(--imgScale);
}

.li:hover .bs {
    color: var(--themeColor) !important;
}

a.bs:hover {
    color: var(--themeColor) !important;
}

sup {
    font-size: 0.8em;
    vertical-align: super;
}

.nt-more {
    width: 1.62rem;
    height: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;

    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .2387rem;
    text-align: left;
    color: #666666;

    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #E4E4E4;
}

.nt-more::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--themeColor);
    top: 0;
    left: 0;
    transform: translateX(-104%);
    transition: transform .3s ease-in-out;
}

.nt-more span {
    position: relative;
    z-index: 2;
}

.nt-more:hover {
    color: #fff;
}

.nt-more:hover span {
    color: #fff;
}

.nt-more:hover::before {
    transform: translateX(0);
}

#header11,
#header11 .headtab {
    height: var(--head);
}

#header11 .headtab>li>a {
    line-height: var(--head);
}

.tabs-box {
    top: var(--head);
}

/* 手机版放大图片 */
#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;
}

.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%);
}

/* 
    <script>
        var wind = $(window).width()
        $(document).ready(function () {
            if (wind <= 750) {
                $('.fdimg').click(function () {
                    $('#fullscreen').show();
                    $('#fullscreen-image').attr('src', $(this).attr('src'));
                });

                $('#fullscreen').click(function () {
                    $(this).hide();
                });
            }
        });
    </script>

*/
.sp-title {
    font-family: rr;
    font-size: .48rem;
    font-weight: 500;
    line-height: .6365rem;
    text-align: center;
    color: #000000;
    margin-bottom: .28rem;
}



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

.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: .3rem;
    height: .3rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/images/mr.png);
    background-size: .1rem .1rem;
    background-position: center;
    /* background-color: #fff; */
    margin: .1rem 0 !important;
}

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

.footslide {
    height: fit-content !important;
    margin-top: -1px;
}

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

.banner .swiper-button-prev img,
.banner .swiper-button-next img {
    width: .13rem;
}

.banner .swiper-button-prev:hover img,
.banner .swiper-button-next:hover img {
    filter: invert(50%) sepia(94%) saturate(3277%) hue-rotate(155deg) brightness(96%) contrast(103%);
}

.swiper-pagination-c {
    position: absolute;
    bottom: 37px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.swiper-pagination-c .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 0.5;
    background-color: #fff;
    margin: 0 14px !important;
}

.swiper-pagination-c .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: var(--themeColor);
}

.swiper-pagination-c .swiper-pagination-bullet:hover {
    opacity: 1;
    background-color: var(--themeColor);
}


.sbox .banner .item .newtit {
    color: #FFF;
    font-family: rr;
    font-size: .7rem;
    font-weight: 500;
    line-height: .8204rem;
}

.sbox .banner .item .newdesc {
    color: rgba(255, 255, 255, 0.7);
    font-family: ll;
    font-size: .38rem;
    font-weight: 300;
    line-height: .4454rem;
    text-align: left;
    margin-top: .22rem;
}

.sbox .banner video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.footItem {
    height: fit-content !important;
}


/* 家纺产品类别 */

.nttt {
    font-family: rr;
    font-weight: 400;
    font-size: .42rem;
    line-height: 1;
    color: #2A2A2A;
    margin-bottom: .48rem;
    text-align: center;
}

.ntplist {
    background-color: #FBFBFB;
    padding: 1rem 0;
}

.ntplist .ul .li {
    display: flex;
    height: 5rem;
    margin-bottom: .51rem;
}

.ntplist .ul .li:last-child {
    margin-bottom: 0;
}

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

.ntplist .ul .li .txtbox {
    background-color: #fff;
    width: 8.5rem;
    padding: .78rem .56rem 0;
}

.ntplist .ul .li .imgbox100 {
    flex: 1;
    height: 100%;
}

.ntplist .ul .li .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .32rem;
    line-height: 1;
    color: #2A2A2A;
    margin-bottom: .2rem;
}

.ntplist .ul .li .h2 {
    font-family: ll;
    font-weight: 300;
    font-size: .2rem;
    line-height: 1.9;
    color: #464646;
    margin-bottom: .4rem;
}

/* 家纺产品类别 end*/


/* 底部 */
.ntfoot {
    background-color: #F8F8F8;
    background-color: #fff;
    padding: .75rem 0 .51rem;
    border-top: 1px solid #F3F3F3;
}


.ntfoot .het {
    height: 2.34rem;
}

.ntfoot .lef {
    margin-right: 4rem;
}

.ntfoot .lef .p {
    font-family: rr;
    font-weight: 400;
    font-size: .12rem;
    line-height: 1;
    color: #464646;
    margin-top: .11rem;
    display: block;
}

.ffxico {
    width: .44rem;
    height: .44rem;
    margin-right: .21rem;
    border-radius: .12rem;
    border: 1px solid #464646;
}

.ffxico:hover {
    background-color: var(--themeColor);
}

.ffxico .imgbox {
    overflow: hidden;
}

.ffx {
    margin-bottom: .34rem;
}

/* .ffxico1 .imgbox {
    width: .36rem;
    height: .36rem;
} */

.ffxico .imgbox {
    width: .24rem;
    height: .24rem;
}

/* .ffxico1:hover img {
    transform: translateY(-100%);
    filter: drop-shadow(0 .36rem #fff);
} */

.ffxico:hover img {
    transform: translateY(-100%);
    filter: drop-shadow(0 .24rem #fff);
}


.ffxico .imgbox img {
    width: 100%;
    height: 100%;
}

/* .ntfoot .lef .het {
    padding-top: .54rem;
} */

.ntfoot .flogo {
    display: block;
    width: 1.96rem;
    height: .42rem;
    background-image: url(../images/flogo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ntfoot .rig {
    flex: 1;
}

.ntfoot .rigc {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ntfoot .rig .part1 .item {
    display: flex;
    align-items: center;
    margin-bottom: .24rem;
}

.ntfoot .riglist {
    display: flex;
    justify-content: flex-end;
}

.designer {
    display: flex;
    justify-content: flex-end;
    margin-top: .12rem;
}

.designer,
.designer a {
    font-family: ll;
    font-weight: 300;
    font-size: .12rem;
    line-height: 1;
    color: #464646;
}

.ntfoot .riglist a {
    display: block;
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: 1;
    color: #464646;
    margin-right: .3rem;
    position: relative;
}

.ntfoot .riglist a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--themeColor);
    transition: all .3s;
}

.ntfoot .riglist a:hover {

    color: var(--themeColor);
}

.ntfoot .riglist a:hover::after {
    width: 100%;
}

.ntfoot .riglist a:last-of-type {
    margin-right: 0;
}

.ntfoot .riglist a:hover {
    color: var(--themeColor);
}

.ntfoot .rig .part1 .item .lxoc {
    width: .36rem;
    height: .36rem;
    border-radius: .06rem;
    background-color: #F2F2F2;
    margin-right: .21rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ntfoot .rig .part1 .item .lxoc img {
    width: .2rem;
    height: .2rem;
}

.ntfoot .rig .part1 .item a {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    color: #464646;
}

.ntfoot .copy {
    height: .44rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: .02rem;
}

.ntfoot .copy,
.ntfoot .copy a {
    font-family: ll;
    font-weight: 300;
    font-size: .12rem;
    line-height: 1;
    color: #464646;
}

.ntfoot .rig .part2 .links {
    margin-left: .94rem;
}

.ntfoot .rig .part2 .ul .li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 2.44rem;
    padding-bottom: .18rem;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: .15rem;

    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: 1;
    color: #464646;
}

.ntfoot .rig .part2 .ul .li:hover {
    color: var(--themeColor);
}

.ntfoot .rig .part2 .ul .li::after {
    content: '';
    display: block;
    width: .08rem;
    height: .08rem;
    background-image: url(../images/footarrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0.02rem;
}


.footlxs .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .3rem;
}

.footlxs .li {
    display: flex;
    align-items: center;
}

.footlxs .li img {
    width: .16rem;
    height: .16rem;
    margin-right: .1rem;
}

.footlxs .li,
.footlxs .li a {
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: .42rem;
    color: #464646;
}

.footlxs .li a:hover {
    color: var(--themeColor);
}

/* 底部 end */

/* 内页banner */
.dytoptu img {
    width: 100%;
    height: 100%;
}

#ContentPlaceHolder1_pnl_banner {
    width: 100%;
    height: 100%;
}

.msban {
    height: 7.8rem;
}

.msban .ttxxtt .text2 {
    margin-bottom: 0;
    font-family: ll;
    font-weight: 300;
    font-size: .58rem;
    line-height: 1;
    color: #fff;
}

.msban .ttxxtt {
    top: 44.6%;
    left: 1.32rem;
}

.ntnav {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    height: .8rem;
    width: 100%;
    background-color: rgba(14, 14, 14, 0.2);

    display: none !important;
}

.ntnav .ul {
    width: 100%;
    height: 100%;
}

.ntnav .ul .li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    position: relative;
}

.ntnav .ul .li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: .18rem;
    background-color: #FFFFFF;
}

.ntnav .ul .li:last-of-type::after {
    display: none;
}

.ntnav .ul .li .imgbox {
    width: .2rem;
    height: .2rem;
    margin-right: .12rem;
    overflow: hidden;
    display: none !important;
}

.ntnav .ul .li .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    animation: none;
    transform: translateY(-100%) !important;
    filter: drop-shadow(0 0.2rem #fff);
}


.ntnav .ul .li:hover .imgbox img,
.ntnav .ul .li.current .imgbox img {
    animation: none;
    transform: translateY(-100%) !important;
    filter: drop-shadow(0 0.2rem var(--themeColor));
}

.ntnav .ul .li.current .txtbox {
    color: var(--themeColor);
}



.ntnav .ul .li .txtbox {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: 1;
    color: #fff;
}

/* 内页banner end */

/* 头部 */
#header11 {
    padding: 0 .54rem 0 .56rem;
}

#header11 .logo {
    width: 1.37rem;
    height: .42rem;
}

#header11 .headtab {
    justify-content: center;
    /* padding-left: .87rem; */
}

.headright {
    display: none;
}

#header11 .headtab>li>a {
    color: #2A2A2A;
    font-family: rr;
    font-weight: 300;
    font-size: .2rem;
}

#header11.head .headtab>li a {
    color: #fff;
}

#header11 .headtab>li:last-of-type {
    margin-right: 0;
}

.ntlang {
    width: .56rem;
    height: .3rem;
    border-radius: .5rem;
    border: 1px solid #E4E4E4;

    font-family: ll;
    font-weight: 300;
    font-size: .16rem;
    color: #999999;

    margin-left: .14rem;
}

.ntsearch input {
    width: 1.8rem;
    height: .3rem;
    border-radius: .5rem;
    border: 1px solid #E0E0E0;
    background-image: url(../images/sea1.png);
    background-position: .11rem center;
    background-repeat: no-repeat;
    background-size: .18rem .18rem;

    padding-left: .36rem;
    font-size: .16rem;
}

.head .ntsearch input {
    background-color: rgba(0, 0, 0, 0.06);
    border-color: #E0E0E0;
    background-image: url(../images/sea2.png);
}

.head .ntlang {
    background-color: rgba(0, 0, 0, 0.06);
    border-color: #E0E0E0;
    color: #fff;
}

/* 头部end */

p {
    text-indent: 0 !important;
}

.sbox3 #ContentPlaceHolder1_pnl_dy {
    padding-top: .5rem;
}

/* 窗帘产品列表 */
.curtainlist {
    padding: 1rem 0;
}

#ContentPlaceHolder1_pnl_product .curtainlist {
    padding-top: 0;
}

.curtainlist .ul {
    display: flex;
    flex-wrap: wrap;
}

.curtainlist .ul .li {
    display: block;
    width: 3.76rem;
}

.curtainlist .ul .li .imgbox100 {
    width: 100%;
    height: 4.7rem;
}

.curtainlist .ul .li .txtbox {
    margin-top: .36rem;
}

.curtainlist .ul .li .txtbox .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: 1;
    color: #2A2A2A;
    margin-bottom: .16rem;
}

.curtainlist .ul .li .txtbox .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: 1;
    color: #464646;
}

.curtainlist .ul .li {
    margin-right: .32rem;
    margin-top: .56rem;
}

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

.curtainlist .ul .li:nth-of-type(-n+4) {
    margin-top: 0;
}

.curtainlist .nt-more {
    margin: 0 auto;
    margin-top: .56rem;
}

.nt-more2 {
    width: fit-content;
    padding: 0 .33rem;
}


.curtaintt {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-bottom: .3rem;
}

/* 窗帘产品列表 end */


/* 产品详情 */
.ntpro {
    display: flex;
    /* margin-top: 1.7rem; */
    margin-top: 0.9rem;
}

body .ntnav2 {
    display: none !important;
}

.ntpimglist .ul .li {
    width: 9.52rem;
    height: 11.86rem;
}

.ntpimglist .ul .li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ntpimgdet {
    background-color: #FBFBFB;
    position: sticky;
    top: 0;
    flex: 1;
    height: fit-content;
    padding: .63rem .54rem 1rem .9rem;
    min-height: 10rem;
}

.ntpimgdet .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .42rem;
    line-height: 1;
    color: #2A2A2A;
    margin-bottom: .18rem;
}

.ntpimgdet .canshu .item {
    display: flex;
    align-items: center;
}

.ntpimgdet .canshu .item[mid="242"] {
    align-items: flex-start;
}

.ntpimgdet .canshu .item span,
.ntpimgdet .canshu p {
    display: block;
    /**width: 2rem;**/

    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .42rem;
    color: #000000;
    white-space: nowrap;

}

.ntpimgdet .canshu .item span {
    margin-right: .3rem;
}

.selectbox>img {
    width: 3.8rem;
    height: auto;
    margin-top: .1rem;
}

.ntpimgdet .canshu p {
    width: auto;
}

.ntpimgdet .canshu .item .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    color: #464646;
    display: flex;
    align-items: center;
}

.ntpimgdet .canshu .item .h2 .imgbox {
    width: .34rem;
    height: .34rem;
    margin-right: .09rem;
}

.ntpimgdet .canshu .item .h2 .imgbox img {
    width: 100%;
    height: 100%;
}

.styleint {
    margin-top: .32rem;
}

.styleint .h4 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .16rem;
}

.styleint p {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .34rem;
    color: #464646;
}

.pbtn {
    margin-top: .45rem;
}

.pbtn a {
    margin-right: .13rem;
}

.nt-more .imgbox {
    width: .18rem;
    height: .18rem;
    margin-right: .08rem;
    overflow: hidden;
}

.nt-more .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}

.nt-more:hover .imgbox img {
    transform: translateY(-100%);
    filter: drop-shadow(0 .18rem #fff);
}

.ntnav2 {
    position: fixed;
    top: var(--head);
    background-color: #fff;
}

.ntnav2 .ul .li .txtbox {
    color: #464646;
}

.ntnav2 .ul .li::after {
    background-color: #B8B8B8;
}

.curtainlist .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .38rem;
}

.ntpimglist {
    position: relative;
}

.mainbac {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loading {
    -webkit-animation: skeleton-loading 2s infinite;
    animation: skeleton-loading 2s infinite;
    background: #f1f1f1;
    background-image: linear-gradient(90deg, #f1f1f1 25%, #e0e0e0 50%, #f1f1f1 75%);
    background-size: 200% 100%
}

@-webkit-keyframes skeleton-loading {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.ntpimgdet .canshu .item2 {
    margin-bottom: .65rem;
}

.ntpimgdet .selectbox .ol {
    display: flex;
    position: absolute;
    margin-top: .1rem;
}

.ntpimgdet .selectbox .ol .li {
    cursor: pointer;
    width: .34rem;
    height: .34rem;
    border: 1px solid transparent;
    padding: .02rem;
    border-radius: .06rem;
    margin-right: .1rem;
}

.ntpimgdet .selectbox .ol .li.selected {
    border: 1px solid #464646;
}

.ntpimgdet .selectbox .ol .li .color {
    width: 100%;
    height: 100%;
    border: 1px solid #D3D3D3;
    border-radius: .06rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ntpimgdet .selectbox .ul {
    display: flex;
    position: absolute;
    margin-top: .1rem;
}

.ntpimgdet .selectbox .ul .li {
    width: .54rem;
    height: .28rem;
    border: 1px solid #D3D3D3;
    border-radius: .04rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .08rem;
}

.ntpimgdet .selectbox .ul .li .size {
    font-family: rr;
    font-weight: 400;
    font-size: .15rem;
    line-height: 1;
}

.ntpimgdet .selectbox .ul .li.selected {
    border-color: #464646;
    background-color: #EFEFEF;
}

/* 产品详情 end */
/* 下拉 */
.tabs-box {
    padding: .51rem 0 .72rem;
    justify-content: center;
}

.tabs-box .item {
    border-right: 1px solid #E4E4E4;
    padding-left: .7rem;
    width: 3.15rem;
}

.tabs-box .item .imgbox {
    width: .2rem;
    height: .2rem;
    margin-right: .17rem;
}

.tabs-box .item .l2 {
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
    margin-bottom: .2rem;
}

.tabs-box .item .l2 .p {
    line-height: 1;
}

.tabs-box .item .imgbox {
    position: absolute;
    left: -0.37rem;
}

.tabs-box .item .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tabs-box .item .p {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
    color: #2A2A2A;
}

.tabs-box .item .ul .li {
    display: block;
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: .38rem;
    color: #464646;
}

.tabs-box .item .ul .li:hover {
    color: var(--themeColor);
}

/* 下拉end */

/* 关于 */
.abs1 {
    padding: 1.17rem 0 1.36rem;
}

.abs1 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .48rem;
    line-height: 1;
    color: #000000;
    text-align: center;
    margin-bottom: .34rem;
}

.abs1 .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-bottom: .42rem;
}

.abs1 .p {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    /* text-align: center; */
    color: #000000;
    margin-bottom: 1em;
}

.shuzili {
    margin: .61rem 0 .7rem;
}

.shuzili .item {
    margin: 0 .67rem;
}

.shuzili .counters {
    font-family: rr;
    font-weight: 400;
    font-size: .48rem;
    line-height: 1;
    color: #000000;
}

.shuzili .counters span {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
}

.shuzili .ctxt {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
    color: #000000;
    margin-top: .12rem;
    text-align: center;
}

.abs1 .nt-more {
    margin: 0 auto;
}

.abbig {
    width: 100%;
    height: 6.4rem;
}

.abbig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abs2 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .48rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-bottom: .97rem;
}

.abs2 .ul {
    display: flex;
    justify-content: center;
}

.abs2 .ul .li {
    width: 5.2rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #E5E5E5;
}

.abs2 .ul .li:last-child {
    border-right: none;
}

.abs2 .ul .li .imgbox {
    width: .72rem;
    height: .72rem;
    margin-bottom: .65rem;
}

.abs2 .ul .li .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.abs2 .ul .li .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    text-align: center;
    color: #000;
    margin-bottom: .3rem;
    position: relative;
}

.abs2 .ul .li .h2::after {
    content: '';
    position: absolute;
    width: .2rem;
    height: 2px;
    background-color: var(--themeColor);
    bottom: -0.18rem;
    left: 50%;
    transform: translateX(-50%);
}

.abs2 .ul .li .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: .28rem;
    text-align: center;
    color: #000000;
}

.abs3s {
    cursor: url('/images/curicon.png'), move;
}

.abs4s {
    padding-bottom: 5px;

}

.abs4 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .48rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-bottom: .57rem;
}

.abs4 .imgbox100 {
    width: 6.12rem;
    height: 4.08rem;
}

.abs4 .txtbox {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-top: .39rem;
}

.abs4 .ul .li:hover .txtbox {
    color: var(--themeColor);
}

.swiper-button-prevab4,
.swiper-button-nextab4 {
    width: .64rem;
    height: .64rem;
    background-color: #0505051F;
    position: absolute;
    z-index: 2;
    top: 1.72rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper-button-prevab4:hover,
.swiper-button-nextab4:hover {
    background-color: var(--themeColor);
}


.swiper-button-nextab4 {
    right: 0.35rem;
}

.swiper-button-prevab4 {
    left: 0.35rem;
}

.swiper-button-prevab4 .i {
    width: .12rem;
    height: .12rem;
    border: 2px solid #fff;
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    margin-left: 0.05rem;
}

.swiper-button-nextab4 .i {
    width: .12rem;
    height: .12rem;
    border: 2px solid #fff;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    margin-right: 0.05rem;
}

.yearcontainer {
    width: 15.65rem;
    overflow: hidden;
    margin: 0 auto;
}


.yearswp {
    width: 17.7rem;
    left: 50%;
    transform: translateX(-50%);
}

.yearswp .swiper-slide:first-of-type .fzyear {
    padding-left: .2rem;
}

.fzyear {
    text-align: center;
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
    color: #000000;
    position: relative;
}

.fzdot {
    position: relative;
    margin-bottom: .2rem;
    cursor: pointer;
}

.fzdot .i {
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: transparent;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.fzdot .i::after {
    content: '';
    position: absolute;
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    background-color: #D9D9D9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.activeend .fzdot .i {
    background-color: #CEEBBE;
}

.activeend .fzdot .i::after,
.active .fzdot .i::after {
    background-color: #208E20;
}


.fzdot::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    background-color: #DBDBDB;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.active .fzdot::after {
    background-color: #208E20;
    z-index: 3;
}

.active .fzdot::before {
    background-color: #208E20;
    z-index: 3;
}

.swiper-slide-next .fzdot::before {
    background-color: #208E20;
    z-index: 3;
}

.fzdot::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    background-color: #DBDBDB;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}


.abs3s {
    width: calc(100% - 1.52rem);
    margin-left: 1.52rem;
    margin-top: .59rem;
}

.abs3s .ul .li {
    /* height: 4.68rem; */
    height: 4.8rem;
    background-color: #F7F7F7;
    padding: .34rem .35rem 0;
}

.abs3s .ul .li .hh {
    font-family: rr;
    font-weight: 400;
    font-size: .48rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .22rem;
    padding-bottom: .26rem;
    border-bottom: 1px solid #E0E0E0;
}

.abs3s .ul .li .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .17rem;
    /* line-height: .32rem; */
    line-height: .28rem;
    color: #464646;
    /* height: 6em; */
    height: 7em;
}

.abs3s .ul .li .imgbox100 {
    width: 100%;
    height: 1.88rem;
}

.abs3 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .48rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-bottom: .57rem;
}

.yearcon {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.yearcon .swiper-button-prev-ab3,
.yearcon .swiper-button-next-ab3 {
    position: absolute;
    left: -0.4rem;
    top: 0.07rem;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.yearcon .swiper-button-next-ab3 {
    left: auto;
    right: -0.4rem;
}

.yearcon .swiper-button-prev-ab3 .i {
    width: .15rem;
    height: .15rem;
    border-top: 2px solid #D9D9D9;
    border-left: 2px solid #D9D9D9;
    transform: rotate(-45deg);
}

.yearcon .swiper-button-next-ab3 .i {
    width: .15rem;
    height: .15rem;
    border-top: 2px solid #D9D9D9;
    border-right: 2px solid #D9D9D9;
    transform: rotate(45deg);
}

.yearcon .swiper-button-prev-ab3 .i:hover,
.yearcon .swiper-button-next-ab3 .i:hover {
    border-color: var(--themeColor);
}



/* 关于 end */


/* 首页 */
.banner .swiper-button-prev,
.banner .swiper-button-next {
    display: none;
}


.banner .item .wrap,
.banner .item .txt {
    max-width: none;
    width: 100%;
    height: 100%;
}

.txt10 {
    position: absolute;
    bottom: 2.04rem;
    left: 1.08rem;
    font-family: rr;
    font-weight: 400;
    font-size: .68rem;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #fff;
}

.txt10 .btn {
    width: 2.08rem;
    height: .58rem;
    border-radius: .08rem;
    background-color: var(--themeColor);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    margin-top: .7rem;
}

.homes2 .swiper {
    margin-left: 2.09rem;
}

.homes2 .ul .li .imgbox100 {
    display: block;
    width: 100%;
    height: 5.5rem;
}

.homes2 .ul .li .txtbox {
    margin-top: .32rem;
}

.homes2 .ul .li .txtbox .h1 {
    display: block;
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .17rem;
}

.homes2 .ul .li .txtbox .oli {
    display: block;
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: .26rem;
    color: #666666;
}

.homes2 .ul .li .txtbox .h1:hover,
.homes2 .ul .li .txtbox .oli:hover {
    color: var(--themeColor);
}

.homes3 {
    display: flex;
    background-image: url(/images/homes3bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* height: 8.29rem; */
}

.homes3 .lef {
    width: 50%;
    height: 7.8rem;
    padding: 1.19rem .64rem 0rem 1.52rem;
}

.homes3 .rig {
    width: 50%;
    height: 7.8rem;
    overflow: hidden;
}

.homes3 .rig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homes3 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .64rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .59rem;
}

.homes3 .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .27rem;
}

.homes3 .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    color: #464646;
}

.shuzili2 {
    justify-content: space-between;
    margin: .41rem 0 .66rem;
}

.shuzili2 .counters {
    font-size: .28rem;
}

.shuzili2 .item {
    margin: 0;
}

.shuzili2 .counters span {
    font-size: .18rem;
}

.shuzili2 .ctxt {
    margin-top: .2rem;
    text-align: left;
    color: #666666;
}

.homes3 .nt-more2 {
    height: .58rem;
    border-radius: .08rem;
}

.homes4 .ul .li {
    height: 3.8rem;
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .51rem .43rem .52rem;
    transition: all 0.5s;
}

.homes4 .swiper {
    padding-top: 0.1rem;
}

.homes4 .ul .li:hover {
    transform: translateY(-0.1rem);
}

.homes4 .ul .li .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: 1;
    margin-bottom: .29rem;
}

.homes4 .ul .li .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .24rem;
    line-height: .38rem;
    color: #000000;
}

.homes4 .ul .li .h4 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
    color: #666666;
}

.s4tt .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .64rem;
    line-height: 1;
    color: #000000;
}

.s4tt {
    margin-bottom: .4rem;
}

.swiper-button-prev-homes4,
.swiper-button-next-homes4,
.swiper-button-prev-homes2,
.swiper-button-next-homes2 {
    width: .54rem;
    height: .54rem;
    background-color: #CCCCCC;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .04rem;
}

.swiper-button-prev-homes4:hover,
.swiper-button-next-homes4:hover,
.swiper-button-prev-homes2:hover,
.swiper-button-next-homes2:hover {
    background-color: var(--themeColor);
}

.swiper-button-prev-homes4 .i,
.swiper-button-prev-homes2 .i {
    width: .15rem;
    height: .15rem;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    margin-left: .05rem;
}

.swiper-button-next-homes4 .i,
.swiper-button-next-homes2 .i {
    width: .15rem;
    height: .15rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-right: .05rem;
}

.swiper-button-next-homes4,
.swiper-button-next-homes2 {
    margin-left: .16rem;
}

.s4tt .swiper-button-disabled {
    opacity: 1 !important;
    cursor: not-allowed;
}

.homes5 {
    width: 100%;
    height: 8.29rem;
    background-image: url(/images/homes5bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.homes5 .h {
    position: absolute;
    top: 1.32rem;
    width: 100%;
}

.homes5 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .64rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin-bottom: .24rem;
}

.homes5 .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.homes5 .ul {
    display: flex;
    height: 100%;
}

.homes5 .ul .li {
    width: 33.33333%;
    height: 100%;
    padding-top: 3.52rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.3);

    position: relative;
}

.homes5 .ul .li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
}

.homes5 .ul .li:hover::after {
    height: 100%;
}

.homes5 .ul .li .imgbox {
    width: .8rem;
    height: .8rem;
    margin-bottom: .23rem;
    overflow: hidden;
}

.homes5 .ul .li .imgbox img {
    width: 100%;
    height: 100%;
}

.homes5 .ul .li .txtbox {
    font-family: rr;
    font-weight: 400;
    font-size: .32rem;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.homes5 .ul .li .imgbox,
.homes5 .ul .li .txtbox {
    position: relative;
    z-index: 2;
}

.homes5 .nt-more {
    position: absolute;
    bottom: 1.58rem;
    left: 50%;
    transform: translateX(-50%);
    border-color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
    height: .58rem;
    border-radius: .08rem;
}


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

.homes2 .ul .li {
    width: 3.47rem;
}

.homes2 .ul .li .imgbox100 {
    width: 100%;
    height: 4.56rem;
}


.sTh {
    width: 16rem;
    margin: 0 auto;
    padding-bottom: 0;
    border-bottom: 1px solid #E4E4E4;
}

.sTh ul li a {
    padding-bottom: .22rem;
    display: block;
    margin: 0 .3rem;
    font-size: .18rem;
    font-size: .16rem;
    color: #464646;
}

.sTh ul li a.current,
.sTh ul li a:hover {
    color: var(--themeColor);
}

.sTh ul li a.current::after {
    height: .01rem;
    background-color: var(--themeColor);
    background-image: none;
    top: auto;
    bottom: 0;
}

.sTh ul li a.current::before {
    border-width: .01rem;
    border-color: var(--themeColor);
    top: auto;
    bottom: -0.05rem;
}

.sbox3 .curtainlist {
    padding-top: .5rem !important;
}

.tt2 {
    display: none;
}

.sbox3 .tt2 {
    display: block;
    padding-top: .8rem;
    margin-bottom: .4rem;
}

.reswp .ul .li {
    height: 4.8rem;
    display: flex;
}

.reswp .ul .li a {
    display: block;
}

.reswp .ul .li .imgbox100 {
    width: 7.2rem;
    height: 100%;
}

.reswp .ul .li .txtbox {
    flex: 1;
    background-color: #fff;
    padding: .62rem .66rem 0;
}

.reswp .ul .li .txtbox .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: 1;
    color: var(--themeColor);
    margin-bottom: .26rem;
}

.reswp .ul .li .txtbox .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: .42rem;
    color: #000000;
}

.qiehuan {
    position: absolute;
    bottom: .66rem;
    right: .63rem;
    z-index: 2;
    display: flex;
}

.qiehuan .swiper-button-disabled {
    opacity: 1 !important;
    cursor: not-allowed;
}

.qiehuan>div {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background-color: #C9C9C9;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.qiehuan>div .i {
    width: .12rem;
    height: .12rem;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    margin-left: .05rem;
}

.qiehuan>div:hover {
    background-color: var(--themeColor);
}

.qiehuan .swiper-button-nextre {
    transform: rotate(180deg);
    margin-left: .19rem;
}

/* 详情页 */
.detailcen>h3 {
    text-align: center;
    margin-top: .31rem;
    font-family: ll;
    font-size: .42rem;
    font-weight: 700;
    line-height: .64rem;
    color: #333333;
}

.detaill {
    display: none;
}

.detailr {
    padding: 0;
}

.detailr p {
    text-indent: 0;
}

.newshare {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newshare>a {
    width: .3rem;
    height: .3rem;
    /* background-color: #bfa; */
    margin: 0 .21rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.newshare::before,
.newshare::after {
    content: '';
    width: 4rem;
    height: .01rem;
    background-color: #D9D9D9;
}

.newshare .nsh1 {
    background-image: url(/images/newshare1.png);
}

.newshare .nsh2 {
    background-image: url(/images/newshare2.png);
}

.newshare .nsh3 {
    background-image: url(/images/newshare3.png);
}

.newshare .nsh4 {
    background-image: url(/images/newshare4.png);
}

.newshare .nsh5 {
    background-image: url(/images/newshare5.png);
}

.newshare .nsh1:hover {
    background-image: url(/images/newshare11.png);
}

.newshare .nsh2:hover {
    background-image: url(/images/newshare21.png);
}

.newshare .nsh3:hover {
    background-image: url(/images/newshare31.png);
}

.newshare .nsh4:hover {
    background-image: url(/images/newshare41.png);
}

.newshare .nsh5:hover {
    background-image: url(/images/newshare51.png);
}

.dands .date {
    font-family: ll;
    font-size: .16rem;
    font-weight: 300;
    line-height: .1875rem;
    text-align: center;
    color: #70757C;
    margin: .44rem 0 .26rem;
}

.detail {
    padding-top: .58rem;
}

.detailrbom {
    display: none;
}

.newshare1 {
    margin-top: .58rem;
}

.relanews .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .36rem;
    line-height: 1;
    text-align: center;
    color: #373737;
    margin-bottom: .5rem;
}

.relanews {
    background-color: #F7F7F7;
}

.detailrbom {
    border: none;
    padding-top: 0;
    margin-top: .48rem;
}

/* 详情页end */

/* 联系 */
.contacts1 {
    background-color: #F7F7F7;
}

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

.contacts1 .ul .li {
    width: 3.67rem;
}

.contacts1 .ul .li .imgbox100 {
    width: 100%;
    height: 2.6rem;
}

.contacts1 .ul .li .txtbox {
    background-color: #fff;
    padding: .51rem .36rem 0;
    width: 100%;
    height: 2.86rem;
}

.contacts1 .ul .li .txtbox .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .24rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .34rem;
}

.contacts1 .ul .li .txtbox .h2 {
    margin-top: .25rem;
    display: flex;
    align-items: center;
}

.contacts1 .ul .li .txtbox .h2 .imgbox {
    width: .24rem;
    height: .24rem;
    margin-right: .18rem;
}

.contacts1 .ul .li .txtbox .h2 .imgbox img {
    width: 100%;
    height: 100%;
}

.contacts1 .ul .li .txtbox .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
}

.ntmap img {
    width: 100%;
    height: auto;
}

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

.contacts3 .ul .li {
    width: 4.98rem;
    height: 2.92rem;
    background-color: #F8F8F8;
    border-bottom-right-radius: .8rem;
    transition: all 0.3s;
    padding: .63rem .36rem;
}

.contacts3 .ul .li:hover {
    /* border-top-left-radius: .8rem; */
    transform: translateY(-0.1rem);
}

.contacts3 .ul .li .imgbox {
    width: .36rem;
    height: .36rem;
    border-radius: 6px;
    background-color: #F2F2F2;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .13rem;
}

.contacts3 .ul .li .imgbox img {
    width: .2rem;
    height: .2rem;
}

.contacts3 .ul .li .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .24rem;
    line-height: 1;
    color: #000000;
    margin-bottom: 0.33rem;
    white-space: nowrap;
}

.contacts3 .ul .li .h2 {
    display: flex;
    align-items: center;
    margin-bottom: .24rem;
}

.contacts3 .ul .li .h3 {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    color: #464646;
}

/* 联系end */


/* 子公司 */
.sonProduct,
.sonNews {
    display: none;
}

.goldenTit {
    font-family: rr;
    font-weight: 400;
    font-size: .48rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-bottom: .38rem;
}

.zgsfengc .ul .li .txtbox {
    color: #000000;
}

.zgsfengc .ul .li {
    margin-top: 0;
}

.sonintroduce {
    width: auto;
}

.SonCompany .abs1 {
    padding: 0;
}

.subewm {
    display: flex;
    padding-top: .29rem;
    width: 4.8rem;
    border-top: 1px solid #E2E2E2;
    margin-top: .22rem;
}

.subewm .item {
    margin-right: .6rem;
    position: relative;
}

.subewm .item .imgbox {
    width: .28rem;
    height: .28rem;
    overflow: hidden;
}

.subewm .item:hover .imgbox img {
    width: 100%;
    height: 100%;
}

.subewm .item:hover .imgbox img {
    transform: translateY(-100%);
    filter: drop-shadow(0 .28rem var(--themeColor));
}

.subewmbox {
    display: none;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #fff;
    transform: translate(-50%, -100%);
    padding: .05rem;
}

.subewmbox img {
    width: 100%;
    margin: 0;
    padding: 0;
    object-fit: contain;
}

.subewm .item:hover .subewmbox {
    display: block;
}

.subewmbox::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    border-top: .05rem solid #fff;
}

.sonContact .ju .left .h1 {
    margin-bottom: .12rem;
}

.sonContact .ju .left .h5 a,
.sonContact .ju .left .h5 {
    color: #70757C;
}

.sonContact .ju .left .h5 a:hover {
    color: var(--themeColor);
}

.zgsfengc .ul .li {
    margin-top: .47rem;
}

.zgsfengc .ul .li:nth-of-type(-n+3) {
    margin-top: 0;
}

.zgsfengc .nt-more {
    margin: 0 auto;
    margin-top: .47rem;
}

/* 子公司end */

.msban .ttxxtt .text22,
.msban .ttxxtt .text22 p {
    font-family: ll;
    font-weight: 300;
    font-size: .24rem;
    line-height: 1.5;
    color: #fff;
    margin-top: .16rem;
    width: 10rem;
}

.msban .ttxxtt .text22 p {
    margin: 0;
}

/* 合作案例 */

.ntbt {
    font-family: rr;
    font-weight: 400;
    font-size: .42rem;
    line-height: .58rem;
    text-align: center;
    margin-bottom: .61rem;
    color: #000000;
}

.hezuos2 {
    /* background-color: #F7F7F7; */
}

.partcard {
    display: flex;
    justify-content: flex-end;
    position: relative;
}



.partcard .lef {
    width: 7.2rem;
    min-height: 5rem;
    padding: .46rem .5rem;
    background-color: #fff;
    border-radius: .2rem;
    position: absolute;
    left: 0;
    top: 10%;
}

.hezuos4 .partcard .lef {
    top: 3.5%;
}

.partcard .lef .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: .58rem;
    color: #000000;
    margin-bottom: .18rem;
}

.partcard .lef .p {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: .38rem;
    color: #000000;
    margin-bottom: .2rem;
}

.partcard .lef .p.hidep {
    display: none;
}

.partcard .rig {
    width: 9.8rem;
    height: 6.33rem;
}

.partcard .rig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hezuos2 .par2 {
    background-color: #fff;
    padding: .7rem .52rem 1.1rem;
    margin-top: 1.22rem;
    border-radius: .2rem;
    position: relative;
}

#scrollTarget {
    position: absolute;
    bottom: 0;
}

.hezuos2 .par2 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #000;
    margin-bottom: .31rem;
}

.hezuos2 .par2 .p {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: .38rem;
    color: #000;
    margin-bottom: .15rem;
}

.hezuos2s {
    margin-top: .44rem;
}

.hezuos2s .imgbox100 {
    width: 100%;
    height: 3.07rem;
    border-radius: .12rem;
}

.hezuos2s .txtbox {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: 1;
    color: #000000;
    text-align: center;
    margin-top: .3rem;
}

.swiper-scrollbar-ss {
    height: .15rem;
    width: 100%;
    position: relative;
    background-color: transparent;
    margin-top: .51rem;
}

.swiper-scrollbar-ss::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #DEDEDE;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-scrollbar-drag {
    height: .03rem;
    background-color: var(--themeColor);
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 2;
}

.swiper-scrollbar-drag::before {
    content: '';
    position: absolute;
    left: 0;
    width: .12rem;
    height: .12rem;
    background-color: var(--themeColor);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.partcard2 {
    justify-content: flex-start;
}

.hezuos3 .partcard .lef,
.partcard2 .lef {
    left: auto;
    right: 0;
}

.hezuos1 {
    margin-top: var(--head);
    position: relative;
}

.hezuos1 .bg {
    position: absolute;
    pointer-events: none;
}

.hezuos1 .bg1 {
    left: 0;
    top: 0;
    width: 6.26rem;
    height: 2.56rem;
    background-image: url(/images/phezuobg1.png) !important;
}

.hezuos1 .bg2 {
    right: 0;
    top: 0;
    width: 3.82rem;
    height: 2.24rem;
    background-image: url(/images/phezuobg2.png) !important;
}

.hezuos1 .bg3 {
    right: 0;
    bottom: 0;
    width: 9.14rem;
    height: 2.57rem;
    background-image: url(/images/phezuobg3.png) !important;
}

.hezuos1 img {
    width: 15.7rem;
    height: auto;
    display: block;
    margin: 0 auto;
}

.chooser1 {
    width: 15.7rem;
    height: 6.96rem;
    position: relative;
}

.chooser2 {
    width: 9.74rem;
    height: 4.92rem;
}

.chooser3 {
    width: 2.8rem;
    height: 2.51rem;
}

.chooser1,
.chooser2,
.chooser3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-container img {
    position: absolute;
    height: auto !important;
    max-width: none;
    max-height: none;
}

.chooser3 .icon-container {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    box-shadow: 0px 0px 7.7px 4px #00000008;
}

.chooser3 img {
    width: .8rem;
    height: auto;
}



/* 合作案例 end */


.lifejob {
    display: none;
}

/* ESG */
.escs1 {
    padding: 1.15rem 0 1.34rem;
}

.escs1 .ntbt {
    margin-bottom: .38rem;
}

.escs3 .ntbt {
    margin-bottom: .51rem;
}

.escs4 .ntbt {
    margin-bottom: .56rem;
}

.escs1 .p {
    font-family: ll;
    font-weight: 300;
    font-size: .28rem;
    line-height: .52rem;
    text-align: center;
    color: #000000;
}

.escs2 {
    height: 3.5rem;
    background-color: #F6F6F6;
    position: relative;
    padding-left: 9.74rem;
    padding-top: .94rem;
}

.escs2 .lef {
    width: 3.26rem;
    position: absolute;
    top: -0.62rem;
    left: 5.32rem;
}

.escs2 .lef img {
    width: 100%;
    height: auto;
}

.escs2 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .16rem;
}

.escs2 .h2 {
    font-family: rr;
    font-weight: 500;
    font-size: .28rem;
    line-height: 1;
    color: var(--themeColor);
    margin-bottom: .41rem;
}

.nt-more3 {
    color: #fff;
    border-radius: 8px;
    width: 1.48rem;
    height: .47rem;
}

.nt-more3::before {
    transform: translateX(0);
    background-color: #005321;
}

.nt-more3:hover span {
    color: #666666;
}

.nt-more3:hover::before {
    transform: translateX(104%);
}

.escs3 {
    padding: 1.46rem 0 1.26rem;
}

.escs3>img {
    display: block;
    margin: 0 auto;
    width: 16rem;
}

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

.escs3 .ul .li {
    height: 1.38rem;
    display: flex;
    align-items: center;
    padding-left: .38rem;
    margin-bottom: .11rem;
}

.escs3 .ul .li .imgbox {
    width: .72rem;
    height: .72rem;
    margin-right: .2rem;
    flex-shrink: 0;
}

.escs3 .ul .li .imgbox img {
    width: 100%;
    height: 100%;
}

.escs3 .ul .li .txtbox .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    line-height: 1.5;
    color: #000000;
    margin-bottom: .15rem;
}

.escs3 .ul .li .txtbox .h2 {
    font-family: ll;
    font-weight: 600;
    font-size: .28rem;
    line-height: 1;
    color: #000;
}

.escs3 .ul .li .txtbox .h2 span {
    font-size: .18rem;
    margin: 0 .05rem;
    font-weight: 400;
    font-family: rr;
}


.escs3 .ul .li:nth-of-type(1) {
    width: 3.2rem;
}

.escs3 .ul .li:nth-of-type(2) {
    width: 3.9rem;
}

.escs3 .ul .li:nth-of-type(3) {
    width: 4.7rem;
}

.escs3 .ul .li:nth-of-type(4) {
    width: 3.9rem;
}

.escs3 .ul .li:nth-of-type(5) {
    width: 7.95rem;
}

.escs3 .ul .li:nth-of-type(6) {
    width: 7.95rem;
}

.escs3 .ul .li:nth-of-type(7) {
    width: 5.27rem;
}

.escs3 .ul .li:nth-of-type(8) {
    width: 5.27rem;
}

.escs3 .ul .li:nth-of-type(9) {
    width: 5.26rem;
}



.escs4 {
    padding: 1.05rem 0 1.31rem;
    background-color: #F6F6F6;
}

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

.escs4 .ul .li {
    width: 5.05rem;
    height: 5.6rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    padding-top: 1rem;

}

.escs4 .ul .libox {
    transition: transform 0.3s ease-out;

}

.escs4 .ul .libox:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-0.2rem);
}


.escs4 .ul .li .imgbox {
    width: 1.38rem;
    height: 1.38rem;
    border-radius: 50%;
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.escs4 .ul .li .imgbox img {
    width: .72rem;
    height: .72rem;
}

.escs4 .ul .libox:nth-of-type(1) .imgbox {
    background-color: #4EB276;
}

.escs4 .ul .libox:nth-of-type(2) .imgbox {
    background-color: #BBCB71;
}

.escs4 .ul .libox:nth-of-type(3) .imgbox {
    background-color: #0FA8A3;
}

.escs4 .ul .li .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    margin-bottom: .21rem;
}

.escs4 .ul .li .h2 {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: .38rem;
    text-align: center;
    color: #000;
}

/* ESG end */

/* 关于页banner */

.abs1,
.abs2,
.abs3,
.abs4 {
    background-color: #fff;
}

.disable-hover {
    pointer-events: none;
}

.scroll-animate.animated {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

.font-fadeIn font {
    display: inline-block;
}

.scrolly {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    backface-visibility: hidden;
}

#banner {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    opacity: 0;
}

#banner .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.pic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

#banner .bg>.pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-mask: url(/images/bs.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 45.8%;
    -webkit-mask-position: 50% 41%;
    z-index: 10;
    animation-name: aboutFn;
}

#banner .bg .msg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#banner .bg .msg .items {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#banner .bg .msg .items .list {
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#banner .bg .msg .items .list:nth-of-type(1) {
    width: 4.4rem;
    height: 4.4rem;
    left: 0.5rem;
    top: 1.72rem;
}

#banner .bg .msg .items .list:nth-of-type(2) {
    width: 3rem;
    height: 3rem;
    right: 1.5rem;
    bottom: 0.8rem;
}

#banner .bg .msg .items .list:nth-of-type(3) {
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
}

#banner .bg .msg .items .list .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
}

#banner .bg .msg .items .list:nth-of-type(1) .pic {
    animation-name: scrP1;
}

#banner .bg .msg .items .list:nth-of-type(2) .pic {
    animation-name: scrP2;
}

#banner .bg .msg .items .list:nth-of-type(3) .pic {
    animation-name: scrP3;
}

#banner .bg .msg .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    height: 100%;
    top: 0;
    pointer-events: none;
    text-align: center;
    font-weight: 600;
    padding-top: 2.2rem;
    line-height: 2;
    animation-name: scrOut;
    opacity: 1;

    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    text-align: center;
    color: #000000;
}

@keyframes scrP1 {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -o-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        backface-visibility: hidden;
        opacity: 1;
    }

    8% {
        transform: translate3d(-5px, -7px, 0) scale(1.05);
        -webkit-transform: translate3d(-5px, -7px, 0) scale(1.05);
        -moz-transform: translate3d(-5px, -7px, 0) scale(1.05);
        -o-transform: translate3d(-5px, -7px, 0) scale(1.05);
        -ms-transform: translate3d(-5px, -7px, 0) scale(1.05);
        backface-visibility: hidden;
        opacity: 0;
    }

    100% {
        transform: translate3d(-5px, -7px, 0) scale(1.05);
        -webkit-transform: translate3d(-5px, -7px, 0) scale(1.05);
        -moz-transform: translate3d(-5px, -7px, 0) scale(1.05);
        -o-transform: translate3d(-5px, -7px, 0) scale(1.05);
        -ms-transform: translate3d(-5px, -7px, 0) scale(1.05);
        backface-visibility: hidden;
        opacity: 0;
    }
}

@keyframes scrP2 {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        opacity: 1;
    }

    10% {
        transform: translate3d(7px, 5px, 0) scale(1.05);
        -webkit-transform: translate3d(7px, 5px, 0) scale(1.05);
        -moz-transform: translate3d(7px, 5px, 0) scale(1.05);
        -o-transform: translate3d(7px, 5px, 0) scale(1.05);
        -ms-transform: translate3d(7px, 5px, 0) scale(1.05);
        backface-visibility: hidden;
        opacity: 0;
    }

    100% {
        transform: translate3d(7px, 5px, 0) scale(1.05);
        -webkit-transform: translate3d(7px, 5px, 0) scale(1.05);
        -moz-transform: translate3d(7px, 5px, 0) scale(1.05);
        -o-transform: translate3d(7px, 5px, 0) scale(1.05);
        -ms-transform: translate3d(7px, 5px, 0) scale(1.05);
        backface-visibility: hidden;
        opacity: 0;
    }
}

@keyframes scrP3 {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        opacity: 1;
    }

    12% {
        transform: translate3d(-7px, -5px, 0) scale(1.05);
        -webkit-transform: translate3d(-7px, -5px, 0) scale(1.05);
        -moz-transform: translate3d(-7px, -5px, 0) scale(1.05);
        -o-transform: translate3d(-7px, -5px, 0) scale(1.05);
        -ms-transform: translate3d(-7px, -5px, 0) scale(1.05);
        backface-visibility: hidden;
        opacity: 0;
    }

    100% {
        transform: translate3d(-7px, -5px, 0) scale(1.05);
        -webkit-transform: translate3d(-7px, -5px, 0) scale(1.05);
        -moz-transform: translate3d(-7px, -5px, 0) scale(1.05);
        -o-transform: translate3d(-7px, -5px, 0) scale(1.05);
        -ms-transform: translate3d(-7px, -5px, 0) scale(1.05);
        backface-visibility: hidden;
        opacity: 0;
    }
}



.scrFx {
    animation-play-state: paused;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: calc(var(--go) * -1s);
    animation-timing-function: ease-in-out;
}

/* @keyframes aboutFn {
    0% {
        -webkit-mask-size: 45.8%;
        -webkit-mask-position: 50% 40%;
    }

    30% {
        -webkit-mask-size: 458%;
        -webkit-mask-position: 50% 40%;
    }

    100% {
        -webkit-mask-size: 2738%;
        -webkit-mask-position: 52% 52%;
    }
} */


@keyframes aboutFn {
    0% {
        -webkit-mask-size: 45.8%;
        -webkit-mask-position: 54% 40%;
    }

    25% {
        -webkit-mask-size: 90%;
        -webkit-mask-position: 48% 40%;
    }

    50% {
        -webkit-mask-size: 135%;
        -webkit-mask-position: 47% 40%;
    }

    50% {
        -webkit-mask-size: 175%;
        -webkit-mask-position: 46% 40%;
    }

    75% {
        -webkit-mask-size: 200%;
        -webkit-mask-position: 45% 40%;
    }

    99.9% {
        -webkit-mask-size: 8000%;
        -webkit-mask-position: 42% 52%;
    }

    100% {
        -webkit-mask-size: 8000%;
        -webkit-mask-position: 42% 52%;
    }
}

@keyframes scrOut {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        opacity: 1;
    }

    12% {
        transform: translate3d(0, 20px, 0);
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        backface-visibility: hidden;
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 20px, 0);
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        -o-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        backface-visibility: hidden;
        opacity: 0;
    }
}

.rrr {
    position: relative;
}

.rowmain {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.rowmain .inner {
    display: flex;
    align-items: center;
}

.rowmain .inner span {
    text-transform: uppercase;
    text-align: center;
    font-size: 180px;
    font-family: inherit;
    color: #fff;
    font-weight: inherit;
    display: flex;
    justify-content: center;
    min-width: 1.2em;
}

.rowmaintxt {
    margin-bottom: 3.37rem;
}

.rowmaintxt .h6 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    text-align: center;
    color: #fff;
    margin-top: .5rem;
}

.r1dh {
    position: absolute;
    bottom: 1rem;
    left: 0;
    z-index: 10;
}

.r1dh img {
    width: 19.11rem;
    height: 1.2435rem;
    pointer-events: none;
    animation: none;
}

.r1dh .ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    padding: 0 3.3rem 0 2.89rem;
}

.r1dh2 {
    display: none;
}

.sbox[mid="2"] .r1dh2 {
    display: block;
}

.sbox[mid="2"] .msban {
    height: 100vh;
}

.sbox[mid="2"] .msban .ttxxtt {
    top: 40%;
}

.r1dh2 .ul {
    padding: 0 1.24rem 0 1.31rem;
}

.r1dh .ul .li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.r1dh .ul .li>h4 {
    position: absolute;
    font-family: rr;
    font-weight: 400;
    font-size: .22rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    top: -0.07rem;
    left: 50%;
    transform: translate(-50%, -100%);
    transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
}

.r1dh .ul .li>span {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #fff;
    transform: scale(0.35);
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    -o-transform: scale(0.35);
    -ms-transform: scale(0.35);
    transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    backface-visibility: hidden;
}

.r1dh .ul .li.on>span {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    backface-visibility: hidden;
}

.r1dh .ul .li>em {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 13px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    backface-visibility: hidden;
}

.r1dh .ul .li.on>em {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    backface-visibility: hidden;
}

.r1dh .ul .li {
    width: 0.8rem;
    height: 0.8rem;
    position: relative;
    display: inline-block;
}

.r1dh .ul .li:nth-of-type(1) {
    margin-top: .17rem;
}

.r1dh .ul .li:nth-of-type(2) {
    margin-top: .58rem;
}

.r1dh .ul .li:nth-of-type(3) {
    margin-top: .47rem;
}

.r1dh .ul .li:nth-of-type(4) {
    margin-top: .76rem;
}

.r1dh .ul .li:nth-of-type(5) {
    margin-top: .79rem;
}

.r1dh .ul .li:nth-of-type(6) {
    margin-top: .2rem;
}

.r1dh .ul .li:hover>h4 {
    opacity: 1 !important;
    transform: translate3d(-50%, -50%, 0) !important;
    -webkit-transform: translate3d(-50%, -50%, 0) !important;
    -moz-transform: translate3d(-50%, -50%, 0) !important;
    -o-transform: translate3d(-50%, -50%, 0) !important;
    -ms-transform: translate3d(-50%, -50%, 0) !important;
    backface-visibility: hidden !important;
}

.r1dh .ul .li:hover>span {
    transform: scale(0.5) !important;
    -webkit-transform: scale(0.5) !important;
    -moz-transform: scale(0.5) !important;
    -o-transform: scale(0.5) !important;
    -ms-transform: scale(0.5) !important;
    backface-visibility: hidden !important;
}

.aboutTarget {
    position: relative;
    top: -0.88rem;
    display: block;
    height: 0;
    overflow: hidden;
}

/* 关于页banner end */

.retuitu {
    position: relative;
}

.retuitu .ntbt {
    position: absolute;
    width: 16rem;
    top: .87rem;
    z-index: 3;
}

/* 企业实力综合页 */
.shili {
    background-image: url(/images/shilibg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.shili .bgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 9.19rem;
    height: 6.99rem;
    background-image: url(/images/shilibg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    pointer-events: none;
}

.shili .linebox {
    position: absolute;
    left: 4.5rem;
    top: 4.74rem;
    width: 9.28rem;
    height: 42.86rem;
    background-image: url(/images/shililine.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}

.shiliny {
    padding-left: 1.51rem;
    padding-right: 1.41rem;
    position: relative;
    z-index: 3;
}

.shiliny .ul .li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.shiliny .ul .li:last-of-type {
    margin-bottom: 0;
}

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

.shiliny .ul .li .lef {
    padding-top: 1.33rem;
}

.shiliny .ul .li .lef .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .36rem;
    line-height: 1;
    color: #005321;
    margin-bottom: .28rem;
}


.shiliny .ul .li .lef .h1 span {
    font-family: MonteCarlo;

    font-size: .48rem;
}

.shiliny .ul .li .lef .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    color: #000000;
    width: 7rem;
}

.shiliny .ul .li .lef .nt-more,
.partcard .nt-more {
    width: 1.68rem;
    height: .46rem;
    margin-top: .65rem;
    border-color: #000000;
    color: #000;
}

.partcard .nt-more {
    margin-top: .3rem;
}

.shiliny .ul .li .lef .nt-more:hover,
.partcard .nt-more:hover {
    border-color: transparent;
}

.shiliny .ul .li .rig {
    margin: 0 .38rem;
}

.shiliny .ul .li .rig .imgbox {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    border: 1px dashed #CACACA;
}

.shiliny .ul .li .rig .imgbox img {
    border-radius: 50%;
    margin-left: .1rem;
    margin-top: .2rem;
    width: 90%;
    height: 90%;
    object-fit: cover;
}

.shiliny .ul .li:nth-of-type(2n) .rig .imgbox img {
    margin-left: .42rem;
    margin-top: 0;
}

/* 企业实力综合页 end */

/* 企业实力综合页--全产业链 */
.cyls {
    height: 17.8rem;
    width: 6.3rem;
    position: absolute;
    right: 1.36rem;
    top: -2.1rem;
}

.cyls .picbox .imgg {
    height: 100%;
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.cyls .picbox {
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    overflow: hidden;
    /* left: -2.5rem; */
    transition: transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    backface-visibility: hidden;

    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.swiper-slide-prev .picbox,
.swiper-slide-next .picbox {
    transform: translate3d(2rem, 0, 0);
    -webkit-transform: translate3d(2rem, 0, 0);
    -moz-transform: translate3d(2rem, 0, 0);
    -o-transform: translate3d(2rem, 0, 0);
    -ms-transform: translate3d(2rem, 0, 0);
    backface-visibility: hidden;
}



.shili1 {
    min-height: 12.58rem;
}

.shili1 .lef {
    width: 7.6rem;
    margin-left: 1.52rem;
}

.shili1 .lef .p,
.shili1 .lef p {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    color: #000000;
    text-indent: 0;
    margin-bottom: 0;
}

.shili1 .lef .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: var(--themeColor);
    margin-bottom: .22rem;
}

.cyltxts {
    width: 100%;
    margin-top: .5rem;
    /* height: 5rem; */
}

.shili1 .ntbt {
    margin-bottom: 1.08rem;
}

.swbut {
    width: .52rem;
    height: .52rem;
    border-radius: 50%;
    border: 1px solid #D5D5D5;
    margin-right: .42rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: .48rem;
}

.swbut .i {
    width: .12rem;
    height: .12rem;
    border: 2px solid #D5D5D5;
    border-left: none;
    border-top: none;
    transform: rotate(135deg);
    margin-left: .05rem;
}

.swiper-button-next-v.swbut .i {
    transform: rotate(-45deg);
    margin-left: 0;
    margin-right: .05rem;
}

.swbut:hover {
    background-color: var(--themeColor);
    border-color: #fff;
}


/* 企业实力综合页--全产业链 end */


/* 企业实力--研发创新 */

.shili2 .p {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    color: #000000;
}

.shili2 .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: .42rem;
    color: #005321;
}

.yfcxs1 {
    padding: 1.15rem 0 .97rem;
    border-bottom: 1px solid #DADADA;
}

.yfcxs1 .ntbt {
    margin-bottom: .39rem;
}

.yfcxs1>.h2 {
    margin: .53rem 0 .39rem;
}

.yfcxs1ct .lef {
    width: 6.8rem;
    padding-top: .23rem;
}

.yfcxs1ct .lef .h2 {
    margin-bottom: .24rem;
}

.videobf {
    width: 7.7rem;
    height: 4.25rem;
    border-radius: .18rem;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videocover {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    top: 0;

}

.videobf:hover .videocover {
    transform: scale(1.1);
}

.bfbtn {
    position: relative;
    z-index: 2;
    width: .64rem;
    height: .64rem;
    border: 3px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.bfbtn::after {
    content: '';
    width: .2rem;
    height: .26rem;
    background-image: url(/images/sanjiao.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

.yfcxs2 {
    padding: .77rem 0 .91rem;
}

.yfcxs2 .h2 {
    margin-bottom: .22rem;
}

.yfcxs1 .ul {
    margin-top: .35rem;
    margin-bottom: .5rem;
}

.yfcxs1 .ul .li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yfcxs1 .ul .li .imgbox {
    width: 0.72rem;
    height: .72rem;
    margin-bottom: .18rem;
}

.yfcxs1 .ul .li .imgbox img {
    width: 100%;
    height: 100%;
}

.yfcxs1 .ul .li .counters {
    font-family: rr;
    font-weight: 400;
    font-size: .36rem;
    line-height: 1;
    color: #000000;
    text-align: center;
}

.yfcxs1 .ul .li .counters span {
    font-size: .2rem;

}

.yfcxs1 .ul .li .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: 1;
    color: #000000;
    text-align: center;
    margin-top: .11rem;
}

.yfcxs2 {
    border-bottom: 1px solid #DADADA;
}

.yfcxs3 {
    padding: 1rem 0 .95rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.yfcxs3 .lef {
    width: 5.6rem;
    width: 6.8rem;
}

.yfcxs3 .lef .h2 {
    margin-bottom: .24rem;
}

.yfcxs1ct .rig img {
    margin: 0;
    margin-left: .58rem;
    width: 4.58rem;
    border-radius: .18rem;
}

.yfcxs4 {
    padding: .61rem 0 1rem;
}

/* 企业实力--研发创新end */

/* 企业实力--生产智造 */
.smarts1 {
    padding: 1.2rem 0 1rem;
}

.smarts1 .ntbt {
    margin-bottom: .49rem;
}

.smarts1 .lef {
    width: 6.8rem;
}


.smarts1 .rig .imgbox100 {
    width: 7.7rem;
    height: 4.25rem;
    border-radius: .18rem;
}

/* 企业实力--生产智造end */

/* 企业实力--质量管控体系 */
.qualitys1 {
    padding: 1.2rem 0 1rem;
}

.qualitys1 .ntbt {
    margin-bottom: .39rem;
}

.qualitys1 img {
    margin: 0;
    width: 100%;
    border-radius: .18rem;
    margin-top: .49rem;
}

/* 企业实力--质量管控体系end */


/* 企业实力--资质认证 */
.zzrzs1 {
    padding: 1.2rem 0 1rem;
}

.zzrzs1 .ntbt {
    margin-bottom: .39rem;
}

.zzrzs1 img {
    margin-top: .49rem;
}

.zzrzs1 .sTh ul li a {
    cursor: pointer;
    /* display: inline; */
}

.zzrzs1 .sTh ul li a.current::before {
    background-color: #F6F7FB;
}

.zzrzs1 .sTh ul li a.current::after {
    width: 100%;
}

.zzrzs1 .sTh p {
    text-indent: 0 !important;
    margin: 0;
}


.cerlist .swiper-pagination-c {
    position: static;
    margin-top: .22rem;
}

.cerlist .swiper-pagination-c .swiper-pagination-bullet {
    background-color: #D2D2D2;
}

.cerlist .swiper-pagination-c .swiper-pagination-bullet-active,
.cerlist .swiper-pagination-c .swiper-pagination-bullet:hover {
    background-color: var(--themeColor);
    opacity: 1;
}

.cernav {
    margin: .35rem 0 .55rem;
}

.cerbox {
    width: 100%;
    height: 2.6rem;
}

.cerbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.quas .imgbox100 {
    width: 100%;
    height: 4.61rem;
}

.quas .txtbox {
    font-family: rr;
    font-weight: 400;
    font-size: .19rem;
    line-height: .32rem;
    color: #000000;
    margin-top: .2rem;
}

.quas .swiper-slide:hover .txtbox {
    color: var(--themeColor);
}

.quas .swiper-pagination-c {
    position: static;
    margin-top: .43rem;
}


.quas .swiper-pagination-c .swiper-pagination-bullet {
    background-color: #D9D9D9;
    width: .12rem;
    height: .12rem;
}

.quas .swiper-pagination-c .swiper-pagination-bullet.swiper-pagination-bullet-active,
.quas .swiper-pagination-c .swiper-pagination-bullet:hover {
    background-color: var(--themeColor);
}

/* 企业实力--资质认证end */

/* 服装产品综合页 */
[backImg] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cloths1 .ntbt {
    display: none;
}

.cloths1 .clothcard {
    padding: 0;
    display: flex;
    cursor: pointer;
}

.cloths1 .clothcard .lef {
    padding: .71rem 0 .84rem .6rem;
}

.cloths1 .clothcard .lef .nt-more {
    display: none;
}

.cloths1 .clothcard .h1 {
    font-family: rr;
    font-weight: 500;
    font-size: .28rem;
    line-height: 1;
    margin-bottom: .33rem;
    color: #2A2A2A;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cloths1 .clothcard .h1 .ntlink {
    display: block;
    width: .36rem;
    height: .36rem;
    background-image: url(/images/ntlink.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* .cloths1 .clothcard .h1::after {
    content: '';
    width: .36rem;
    height: .36rem;
    background-image: url(/images/arrow.png);
} */

.cloths1 .clothcard .nt-more {
    margin-top: .31rem;
    margin-right: .19rem;
}

.cloths1 .clothcard .p {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: .38rem;
    color: #464646;
}

.cloths1 .clothcard .rig {
    flex-shrink: 0;
    margin-left: 1.16rem;
}

.cloths1 .clothcard .rig .imgbox100 {
    width: 5.42rem;
    min-height: 5.27rem;
    height: 100%;
}

.box100 {
    width: 100%;
    height: 100%;
}

.cloths2 .ul .li {
    display: block;
    width: 20%;
    height: 6.39rem;
    position: relative;
}

.cloths2 .ul .li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.46rem;
    z-index: 2;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.cloths2 .ul .li .txtbox {
    position: absolute;
    width: 100%;
    padding: 0 .43rem;
    bottom: .47rem;
    text-align: center;
    z-index: 3;

    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    color: #fff;

    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cloths2 .ul .li:hover .txtbox {
    color: var(--themeColor);
}

.cloths3 .ul .oli {
    display: flex;
    width: 100%;
    height: 5rem;
    margin-bottom: .49rem;
    background-color: #fff;
}

.cloths3 .ul .oli:nth-child(2n) {
    flex-direction: row-reverse;
}

.cloths3 .ul .oli .lef {
    flex: 1;
    padding: .78rem .94rem 0 .56rem;
}

.cloths3 .ul .oli .lef .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #2A2A2A;
    margin-bottom: .25rem;
}

.cloths3 .ul .oli .lef .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    color: #464646;
}

.cloths3 .ul .oli .lef .nt-more {
    margin-top: .4rem;
}

.cloths3 .ul .oli .rig {
    width: 7.5rem;
    height: 100%;
    flex-shrink: 0;
}

.cloths3 .ul .oli .rig .imgbox100 {
    width: 100%;
    height: 100%;
}

/* 服装产品综合页end */

/* 环境 */
.environments1 .ul {
    display: flex;
    justify-content: space-between;
}

.environments1 .ul .li {
    width: 4.8rem;
    display: flex;
    flex-direction: column;
}

.environments1 .ul .li .imgbox100 {
    width: 100%;
    height: 3rem;
    border-top-right-radius: .5rem;
}

.environments1 .ul .li .txtbox {
    background-color: #fff;
    width: 100%;
    height: 3.2rem;
    padding: .32rem .3rem 0;
    height: auto;
    flex: 1;
}

.environments1 .ul .li .txtbox .h1 {
    margin-bottom: .20rem;
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #000000;
}

.environments1 .ul .li .txtbox .p {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: .38rem;
    color: #000000;
    margin-bottom: .15rem;
}

.environments2 {
    padding: .81rem 0 1rem;
}

.environments2 .ntbt {
    font-size: .28rem;
    margin-bottom: .38rem;
}

.resourcecard {
    display: flex;
    justify-content: space-between;
    height: auto;
    padding: .74rem .82rem .74rem .58rem;
    background-color: #F6F6F6;
}

.resourcecard .txtbox {
    width: 7.16rem;
}

.resourcecard .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .24rem;
    line-height: 1;
    margin-bottom: .25rem;
    color: var(--themeColor);
}

.resourcecard .p,
.resourcecard p {
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    line-height: .38rem;
    text-align: justify;
    color: #000000;

}

.resourcecard .imgbox100 {
    width: 6rem;
    height: 3.6rem;
    border-top-right-radius: .58rem;
    border-bottom-left-radius: .58rem;
}


.resources .tabs {
    display: flex;
    justify-content: center;
    margin-bottom: .46rem;
}

.resources .tabsitem {
    margin: 0 .29rem;
    font-family: ll;
    font-weight: 300;
    font-size: .18rem;
    color: #000000;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.resources .tabsitem.active::before,
.resources .tabsitem:hover::before {
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    position: absolute;
    border-left: .01rem solid var(--themeColor);
    border-bottom: .01rem solid var(--themeColor);
    background-color: #FFFFFF;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 10;

    border-width: .01rem;
    border-color: var(--themeColor);
    top: auto;
    bottom: -0.13rem;
}

.resources .tabsitem.active::after,
.resources .tabsitem:hover::after {
    content: '';
    display: block;
    position: absolute;
    top: .27rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: .03rem;
    background-repeat: no-repeat;
    background-size: cover;

    height: .01rem;
    background-color: var(--themeColor);
    background-image: none;
    top: auto;
    bottom: -0.08rem;
}


.resources .item {
    margin-bottom: .73rem;
}

.resources .item:last-of-type {
    margin-bottom: 0;
}

.resources .item:nth-of-type(2n) .resourcecard {
    flex-direction: row-reverse;
    /* padding: .74rem .58rem 0 .82rem; */
}

/* 环境 end */

.sonContact .ju .left,
.sonContact .ju .right {
    overflow: hidden;
}

.shinav {
    display: none !important;
}

/* 分页 */
.fy-con a.pre {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background-color: #C9C9C9 !important;
    position: relative;
}

.fy-con a.pre:hover {
    background-color: #0B6C0B !important;
}

.fy a,
.fy .cpb {
    width: .44rem;
    height: .44rem;
    background-color: transparent !important;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fy .cpb,
.fy a:hover {
    color: #0B6C0B;
    text-decoration: underline;
    font-size: .18rem;
}

.fy-con a.pre:first-of-type::after {
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border: 2px solid #fff;
    border-width: 2px;
    border-color: #fff;
    border-top: 0;
    border-right: 0;
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.fy-con a.pre:last-of-type::after {
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border: 2px solid #fff;
    border-width: 2px;
    border-color: #fff;
    border-top: 0;
    border-right: 0;
    position: absolute;
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%) rotate(-135deg);
}

/* 分页 end */

/* 一级产品综合页 */

.prosbox {
    width: fit-content;
    position: relative;
}

.pros {
    width: 9.6rem;
}

.pros .imgbox100 {
    width: 100%;
    height: 3.74rem;
}

.protype1 {
    position: relative;
}

.protype1 .lef {
    position: relative;
    z-index: 2;
}

.protype1 .lef .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .18rem;
}

.protype1 .lef .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    text-align: justify;
    width: 5.56rem;
    color: #666666;
}

.protypemore {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: 1;
    text-align: center;
    color: #000000;
    display: block;
    width: fit-content;
}

.protype1 .protypemore {
    margin: .53rem 0 .61rem;
}

.protypemore:hover {
    color: var(--themeColor);
}

.protypemore span {
    text-decoration: underline !important;
}

.pros .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .12rem;
    margin-top: .27rem;
}

.pros .h4 {
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: 1;
    color: #666666;
}

.protype1 .rig {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 11.85rem;
    height: 5.8rem;
}

.protype1 .rig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.probtn {
    width: 0.44rem;
    height: 0.44rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 1.8rem;
    left: 0;
    transform: translate(-50%, 0);
    z-index: 2;
    cursor: pointer;
    box-shadow: 0px 0px 6px 2px #0000000F;
}

.swiper-button-nextpp.probtn {
    right: 0;
    left: auto;
    transform: translate(50%, 0)
}

.probtn::after {
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    border: 2px solid #C0C0C0;
    border-width: 2px;
    border-top: 0;
    border-right: 0;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.swiper-button-nextpp.probtn::after {
    left: 46%;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.probtn:hover {
    background-color: var(--themeColor);
}

.probtn:hover::after {
    border-color: #fff;
}

.pzonghes2 {
    position: relative;
    height: 9.3rem;
}

.pzonghes2 .prosbox {
    margin: 0 auto;
}

.pzonghes2 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    text-align: center;
    line-height: 1;
    color: #000000;
    margin-bottom: .23rem;
}

.pzonghes2 .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    text-align: center;
    color: #666666;
}

.pzonghes2 .protypemore {
    margin-top: .51rem;
}

.pzonghes2 .part1 {
    height: 3.99rem;
}

.pzonghes2 .part2 .ul {
    display: flex;
    justify-content: space-between;
}

.pzonghes2 .part2 .li {
    width: 5.7rem;

}

.pzonghes2 .part2 .li .imgbox100 {
    width: 100%;
    height: 7.11rem;
}

.pzonghes2 .part2 .li .txtbox .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .26rem;
    color: #000000;
    margin-bottom: .12rem;
    margin-top: .31rem;
}

.pzonghes2 .part2 .li .txtbox .h4 {
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: 1;
    color: #666666;
}

.pzonghes3 {
    padding-top: 3.72rem;
}

.pzonghes4 .part1 {
    padding: .96rem 0 .87rem;
}

.pzonghes4 .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .28rem;
    line-height: 1;
    color: #000000;
    margin-top: .3rem;
}

.pzonghes4 .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    text-align: justify;
    color: #666666;
    width: 8.81rem;
}

.pzonghes4 .protypemore {
    margin-top: .23rem;
}

.pzonghes4 .part2 .ul {
    display: flex;
}

.pzonghes4 .part2 .ul .li {
    width: 4.24rem;
    margin-right: .35rem;
}


.pzonghes4 .part2 .ul .li:nth-of-type(4n) {
    margin-right: 0;
}

.pzonghes4 .part2 .ul .li .imgbox100 {
    width: 100%;
    height: 5.29rem;
}

.pzonghes4 .part2 .ul .li .txtbox .h3 {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .26rem;
    color: #000;
    margin: .33rem 0 .12rem;
}

.pzonghes4 .part2 .ul .li .txtbox .h4 {
    font-family: rr;
    font-weight: 400;
    font-size: .16rem;
    line-height: 1;
    color: #666666;
}

.pzonghes4 .ul .li:hover .txtbox .h3,
.pzonghes4 .ul .li:hover .txtbox .h4,
.pzonghes1 .ul .li:hover .txtbox .h3,
.pzonghes1 .ul .li:hover .txtbox .h4,
.pzonghes2 .ul .li:hover .txtbox .h3,
.pzonghes2 .ul .li:hover .txtbox .h4,
.pzonghes3 .ul .li:hover .txtbox .h3,
.pzonghes3 .ul .li:hover .txtbox .h4 {
    color: var(--themeColor);
}

.socialcc .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .24rem;
    line-height: 1;
    margin-bottom: .2rem;
}


.socialcc .p {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .38rem;
    text-align: justify;
    color: #000000;
    margin-bottom: .08rem;
}

.socials {
    margin-top: .31rem;
}

.socials .ul .li .imgbox100 {
    width: 100%;
    height: 2.5rem;
}

.socials .ul .li .txtbox {
    font-family: rr;
    font-weight: 400;
    font-size: .2rem;
    line-height: .32rem;
    color: #000;
    margin-top: .22rem;
}

.socials .ul .li:hover .txtbox {
    color: var(--themeColor);
}

.socialsbox {
    position: relative;
}

.socialsbox .swiper-pagination-c {
    position: static;
    margin-top: .4rem;
}

.socialsbox .swiper-pagination-c .swiper-pagination-bullet {
    background-color: #D9D9D9;
    width: .12rem;
    height: .12rem;
}

.socialsbox .swiper-pagination-c .swiper-pagination-bullet.swiper-pagination-bullet-active,
.socialsbox .swiper-pagination-c .swiper-pagination-bullet:hover {
    background-color: var(--themeColor);
}



/* 一级产品综合页end */

/* 详情页 */

.ckrs {
    justify-content: space-between;
    flex-direction: row;
    width: 1.72rem;
    padding-bottom: 0;
}

.ckrs .In,
.ckrs .FaceBook,
.ckrs .twitter {
    margin-bottom: 0;
}

.newshare::before,
.newshare::after {
    width: 4.5rem;

}

.ckrs .In,
.ckrs .FaceBook,
.ckrs .twitter {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    margin: 0;
    width: .25rem;
    height: .25rem;
    background-size: .25rem .25rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.ckrs .In {
    background-image: url(/images/in1.png);
}

.ckrs .In:hover {
    background-image: url(/images/in2.png);
}

.ckrs .FaceBook {
    background-image: url(/images/fb1.png);
}

.ckrs .FaceBook:hover {
    background-image: url(/images/fb2.png);
}

.ckrs .twitter {
    background-image: url(/images/tw1.png);
}

.ckrs .twitter:hover {
    background-image: url(/images/tw2.png);
}

.detailrbom .fanhui {
    border-radius: 0;
}

.detailrbom .fanhui {
    width: .48rem;
    height: .48rem;
    overflow: hidden;
    top: 0;
    border: none;
}

.detailrbom .fanhui span {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/images/xqfanhui.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.detailrbom .fanhui:hover span {
    transform: translateY(-100%);
    filter: drop-shadow(0 .48rem var(--themeColor));
}

/* 详情页 end */

[href="/inside/241/266/268.html"] {
    display: none !important;
}

.shiliny .ul .li .lef .h2,
.shili2 .p,
.shili2 .h2,
.shili2 .p,
.partcard .lef .p,
.hezuos2 .par2 .p,
.environments1 .ul .li .txtbox .p,
.abs1 .p {
    text-align: justify;
}

.aather {
    font-size: .18rem;
    text-align: right;
    font-weight: 700;
    margin-top: 0.5rem;
}

/* 人才优势 */
.qujian {
    border-left: 1px solid #DADADA;
}

.qujian .item {
    width: 100%;
    height: 1px;
    background-color: #DADADA;
    position: relative;
    margin-bottom: .9rem;
}

.qujian .item:last-child {
    margin-bottom: 0;
}

.qjz {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(calc(-100% - 0.25rem), -50%);

    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    color: #000000;
    text-align: right;
}

.zbcontainer {
    position: relative;
    width: 15rem;
    margin: 0 auto;
}

.zbcontainer .zhu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.zbcontainer .zhu {
    display: flex;
    justify-content: space-around;
}

.zbcontainer .zhu .zhuzi {
    width: .9rem;
    height: 1rem;
    background: linear-gradient(180deg, #3DE77A 0%, #29C2AE 100%);
}

.zbcontainer .zhu .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    /* width: .9rem; */
}

.zbcontainer .zhu .item .tx1,
.zbcontainer .zhu .item .tx2 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    text-align: center;
}

.zbcontainer .zhu .item .tx1 {
    margin-bottom: .09rem;
    white-space: nowrap;
    color: #000;
}

.zbcontainer .zhu .item .tx2 {
    position: absolute;
    bottom: -0.41rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #333333;
}


.renshus {
    padding-top: .82rem;
    margin-top: 0.3rem;
    border-top: 1px solid #DADADA;
    width: 16rem;
    margin: 0 auto;
}


.renshus .ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* padding: 0 .27rem; */
}

.renshus .ul .li {
    width: 2.8rem;
    height: 2.8rem;
    background-image: url(/images/renshubg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 1.44rem;
    margin-top: .58rem;
}

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

.renshus .ul .li:nth-of-type(-n+4) {
    margin-top: 0;
}

.renshus .ul .li .h1 {
    font-family: rr;
    font-weight: 400;
    font-size: .42rem;
    text-align: center;
    margin-bottom: .12rem;
    color: #000000;
}

.renshus .ul .li .h2 {
    font-family: rr;
    font-weight: 400;
    font-size: .18rem;
    text-align: center;
    color: #333333;
}

.rencaii {
    padding-bottom: 1rem;
    overflow: hidden;
}

/* 人才优势end */

.tabs-box ul {
    padding-left: 0;
    border: none;
    width: calc(3.32rem * 3);
}

.tabs-box ul li {
    width: 3.32rem;
}

.mheaderr img {
    width: .28rem;
    height: auto;
}


@media screen and (min-width:751px) {
    .retuitu {
        padding-top: 2rem;
    }

    .pcshow {
        display: block !important;
    }

    .mbshow {
        display: none !important;
    }

    .pcshowflex {
        display: flex !important;
    }

    .mbshowflex {
        display: none !important;
    }

    .ntfoot .pwidth2 {
        width: 18.37rem;
    }

    .ImgGridzz .ImgList2 li {
        width: 3.67rem;
    }

    .ImgGridzz .ImgList2 li {
        margin: 0 calc((100% - (3.67rem * 4)) / 3) .3rem 0 !important;
    }

    .ImgGridzz .ImgList2 li:nth-of-type(4n) {
        margin: 0 0 .3rem 0 !important;
    }

    .ImgGridzz .ImgList2 li a.block .newsImg2 {
        width: 100%;
        height: 4.6rem !important;
    }

}


@media screen and (max-width:750px) {

    .ImgGridzz .ImgList2 {
        display: flex;
        justify-content: space-between;
    }

    .ImgGridzz .ImgList2 li {
        width: 3.3rem;
    }

    .ImgGridzz .ImgList2 li a.block .newsImg2 {
        width: 100%;
        height: 4.6rem !important;
    }

    .aather {
        font-size: .22rem;
    }

    body {
        overflow-x: hidden;
    }

    .pcshow {
        display: none !important;
    }

    .mbshow {
        display: block !important;
    }

    .pcshowflex {
        display: none !important;
    }

    .mbshowflex {
        display: flex !important;
    }

    html {
        scroll-padding-top: 0;
    }

    .sbox .mbanner .newtit {
        font-weight: 600;
        font-size: .64rem;
        line-height: .9rem;
        color: #fff;
    }

    .sbox .mbanner .newtitdesc {
        font-weight: 400;
        font-size: .48rem;
        line-height: .9rem;
        color: #fff;
        margin-top: 0;
        width: 6.5rem;
    }

    .mbanner .swiper-slide .item>div {
        top: 4.71rem;
    }

    .mheader .inputs {
        border: none;
        left: 2.5rem;
    }



    .ntnav {
        display: none;
    }

    .msban {
        height: 5.8rem !important;
    }

    .r1dh {
        display: none !important;
    }

    .msban .ttxxtt .text22,
    .msban .ttxxtt .text22 p {
        width: 100%;
    }

    .pwidth,
    .pwidth2 {
        width: 6.8rem;
    }

    .ntplist .ul .li {
        flex-direction: column-reverse !important;
        height: auto;
    }

    .ntplist .ul .li .imgbox100 {
        width: 100%;
        height: 4.53rem;
    }

    .ntplist .ul .li .txtbox {
        width: 100%;
        height: auto;
        padding: .69rem .5rem .77rem;
    }

    .ntplist .ul .li .h1 {
        font-size: .36rem;
        margin-bottom: .25rem;
    }

    .ntplist .ul .li .h2 {
        font-size: .2rem;
        line-height: .38rem;
        margin-bottom: .4rem;
    }

    .nt-more {
        width: 2.28rem;
        height: .58rem;
        font-size: .24rem;
    }

    .nt-more2 {
        width: fit-content;
    }

    .ntfoot .lef .ffx,
    .ntfoot .copy {
        display: none;
    }

    .ntfoot .pwidth {
        display: block;
    }

    .ntfoot .rig {
        flex-direction: column-reverse;
    }

    .ntfoot .rig .part2 {
        justify-content: space-between;
    }

    .ntfoot .rig .part2 .links {
        margin-left: 0;
    }

    .ntfoot .rig .part2 .ul .li {
        width: 3.2rem;
        font-weight: 400;
        font-size: .22rem;
        line-height: 1;
        padding-bottom: .26rem;
        margin-bottom: .29rem;
    }

    /* .ntfoot .rig .part2 .links1::after {
        content: '';
        display: block;
    } */

    .ntfoot .rig .part2 .ul .li::after {
        width: .12rem;
        height: .12rem;
    }

    .ntfoot .rig .part1 .het {
        margin-top: .32rem;
    }

    .ntfoot .flogo {
        width: 1.56rem;
        height: 0.48rem;
    }

    .ntfoot .lef {
        margin: 0;
        margin-bottom: .72rem;
    }

    .ntfoot .lef>.het {
        height: auto;
        padding: 0;
    }

    .ntfoot {
        padding: .91rem .35rem .4rem;
    }

    .ntfoot .rig .part1 .item .item {
        margin-bottom: 0;
        margin-left: .77rem;
    }

    .ntfoot .rig .part1 .het {
        height: auto;
    }

    .ntfoot .rig .part1 .item .lxoc {}

    .ntfoot .rig .part1 .item a {
        font-size: .22rem;
    }

    .ntfoot .het {
        height: auto;
    }

    .ntfoot .rig .part1 .het>.item:nth-of-type(2) {
        margin-bottom: 0;
    }

    .mbffx {
        margin-top: .67rem;
    }

    .mbcopy {
        justify-content: space-between;
        padding-top: .41rem;
        margin-top: .87rem;
        border-top: 1px solid #9F9F9F80;
    }

    .mbcopy,
    .mbcopy a {
        font-family: rr;
        font-weight: 400;
        font-size: .18rem;
        line-height: 1;
        color: #464646;
    }

    .mblang {
        position: relative;
        font-size: .2rem;
        color: #000;
    }

    .infoDrop {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(100% + .2rem);
        background: #fff;
        border-radius: 4px;
        box-shadow: 0px 0px 8px 0px #0000000D;
        min-width: 1.07rem;
        padding: .25rem .22rem .26rem;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
        transform-origin: top;

        /*  */
        border-radius: 12px;
        overflow: hidden;
        padding: 0;
        box-shadow: 0px 0px 7px 0px #0000001A;

        z-index: 100;

        padding: 0.1rem 0.3rem;

    }

    .infoDrop::before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: .08rem;
        border-style: solid;
        border-color: transparent transparent white transparent;
        box-shadow: 0px 0px 8px 0px #0000000D;
    }

    .mblang:hover .infoDrop {
        opacity: 1;
        visibility: visible;
        top: calc(100% + .3rem);
    }

    .infoDrop a {
        display: block;
        color: #000;
        text-decoration: none;

        font-family: var(--ff);
        font-weight: 400;
        font-size: .22rem;
        color: #000;
        margin-bottom: .18rem;
        white-space: nowrap;

        /*  */
        margin-bottom: 0;

        height: 0.42rem;
        display: flex;
        align-items: center;
        color: #000000;
        justify-content: center;
    }

    #mhead .mbhl img {
        width: .28rem;
        height: .28rem;
    }

    #mhead .mbhl>a {
        margin-right: .22rem;
    }

    .mblang img {
        margin-right: .12rem;
    }

    #mhead .skt img {
        width: 1.37rem;
        height: .42rem;
    }

    .mheader1 .skt {
        width: 1.37rem;
        height: .42rem;
    }

    #mhead {
        height: .9rem;
    }

    .curtainlist .ul {
        justify-content: space-between;
    }

    .curtainlist .ul .li {
        margin-right: 0;
        margin-top: .48rem !important;
        width: 3.26rem;
    }

    .curtainlist .ul .li:nth-of-type(-n+2) {
        margin-top: 0 !important;
    }

    .curtainlist .ul .li .txtbox .h1 {
        font-size: .26rem;
    }

    .curtainlist .ul .li .txtbox .h2 {
        font-size: .22rem;
    }

    .curtainlist .ul .li .imgbox100 {
        height: 4.075rem;
    }

    .curtaintt {
        font-size: .48rem;
        margin-bottom: .43rem;
    }

    .search11 {
        margin-right: .31rem;
    }


    /* 产品详情mb */
    .ntpro {
        margin-top: 0;
        display: block;
    }

    .ntpimglist {
        width: 100%;
        height: fit-content;
        position: relative;
    }

    .ntpimglist .ul .li {
        height: 9.33rem;
    }

    .ntpimgdet {
        height: auto;
        padding: .5rem .35rem .99rem;
    }

    .ntpimgdet .h1 {
        line-height: 1.5;
        font-size: .38rem;
        margin-bottom: .3rem;
    }


    .ntpimgdet .canshu .item span,
    .ntpimgdet .canshu p {
        font-size: .24rem;
        line-height: .58rem;
        /* width: 2.3rem; */
    }

    .ntpimgdet .canshu .item .h2 {
        font-size: .24rem;
        line-height: .58rem;
    }

    .styleint .h4 {
        font-size: .24rem;
        margin-bottom: .19rem;
    }

    .styleint p {
        font-size: .24rem;
        line-height: .42rem;
    }

    .nt-more .imgbox {
        width: .28rem;
        height: .28rem;
    }

    .nt-more:hover .imgbox img {
        filter: drop-shadow(0 .28rem #fff);
    }

    .curtainlist .h1 {
        font-size: .36rem;
    }

    .ntpimglist .swiper-button-prev::after,
    .ntpimglist .swiper-button-next::after {
        display: none;
    }

    .ntpimglist .swiper-button-preva,
    .ntpimglist .swiper-button-nexta {
        position: absolute;
        width: .54rem;
        height: .54rem;
        border-radius: 50%;
        background-color: #fff;
        top: 50%;
        transform: translateY(-50%);
        left: .22rem;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ntpimglist .swiper-button-nexta {
        left: auto;
        right: .22rem;
    }

    .ntpimglist .swiper-button-preva .i,
    .ntpimglist .swiper-button-nexta .i {
        width: .12rem;
        height: .12rem;
        border: .024rem solid #A8A8A8;
        transform-origin: center;
    }

    .ntpimglist .swiper-button-preva .i {
        border-right: none;
        border-top: none;
        transform: rotate(45deg);
        margin-left: 0.05rem;
    }

    .ntpimglist .swiper-button-nexta .i {
        border-left: none;
        border-bottom: none;
        transform: rotate(45deg);
        margin-right: 0.05rem;
    }


    /* 产品详情mb end */
    .abs1 .p {
        font-size: .24rem;
        line-height: 2;
        text-align: justify;
    }

    .abs1 .p br {
        display: none;
    }


    .shuzili {
        flex-wrap: wrap;
        margin: .36rem 0 .18rem;
    }

    .shuzili .item {
        width: 50%;
        margin: 0 0 .31rem;
    }

    .shuzili .counters {
        font-size: .36rem;
    }

    .shuzili .ctxt {
        font-size: .24rem;
        margin-top: .2rem;
        text-align: left;
        color: #666666;
    }

    .abs2 .ul {
        justify-content: flex-start;
    }

    .abs2 .ul .li {
        border: none;
    }

    .abs2 .ul .li .imgbox {
        width: .8rem;
        height: .8rem;
        margin-bottom: .57rem;
    }

    .abs2 .ul .li .h2 {
        font-size: .28rem;
        margin-bottom: .44rem;
    }

    .abs2 .ul .li .h2::after {
        bottom: -0.22rem;
    }

    .swiper-pagination-ab2 {
        margin-top: .2rem;
    }

    .swiper-pagination-ab2 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 .14rem !important;
        opacity: 1;
        background-color: #666666;
    }

    .swiper-pagination-ab2 .swiper-pagination-bullet-active {
        background-color: var(--themeColor);
    }

    .abs2 .ul .li .h3 {
        font-size: .24rem;
        line-height: .37rem;
    }

    .yearcontainer {
        width: 6.4rem;
    }

    .yearswp {
        width: 7.5rem;
    }

    .fzyear {
        font-size: .24rem;
    }

    .fzdot .i {
        width: .4rem;
        height: .4rem;
    }

    .yearcon .swiper-button-prev-ab3,
    .yearcon .swiper-button-next-ab3 {
        top: 0.12rem;
    }

    .yearcon .swiper-button-next-ab3 {
        right: -0.2rem;
    }

    .yearcon .swiper-button-prev-ab3 {
        left: -0.2rem;
    }

    .fzdot .i::after {
        width: .2rem;
        height: .2rem;
    }

    .abs3s {
        margin-left: 0;
        margin: 0 auto;
        margin-top: .49rem;
        width: 6rem;
    }

    .abs3s .ul .li {
        height: 6.76rem;
        padding: .44rem .3rem 0;
    }

    .abs3s .ul .li .hh {
        font-size: .48rem;
        padding-bottom: .26rem;
        margin-bottom: .25rem;
    }

    .abs3s .ul .li .h2 {
        font-size: .24rem;
        line-height: .42rem;
    }

    .abs3s .ul .li .imgbox100 {
        height: 3.12rem;
    }

    .abs4s {
        margin-left: .35rem;
        padding-bottom: 5px;
    }


    .abs4 .imgbox100 {
        width: 100%;
    }

    .abs4 .txtbox {
        font-size: .24rem;

    }

    /*  */

    .homes2 .dfcm2 {
        display: none;
    }

    .homes2s {
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .hoo .homes2s {
        padding-left: 0;
        padding-right: 0;
    }

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

    .homes2s .ul .li {
        width: 3.26rem;
        margin-top: .5rem;
    }

    .homes2 .ul .li:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .homes2 .ul .li .imgbox100 {
        width: 100%;
        height: 4.05rem;
    }

    .homes2 .ul .li .txtbox .h1 {
        font-size: .28rem;
    }

    .homes2 .ul .li .txtbox .oli {
        font-size: .24rem;
        line-height: 2;
    }

    .homes3 {
        display: block;
    }

    .homes3 .lef,
    .homes3 .rig {
        width: 100%;
        height: auto;
    }

    .homes3 .lef {
        padding: .95rem .35rem 1.3rem;
    }

    .homes3 .h1 {
        font-size: .64rem;
        margin-bottom: .31rem;
    }

    .homes3 .h2 {
        font-size: .28rem;
        margin-bottom: .31rem;
    }

    .homes3 .h3 {
        font-size: .24rem;
        line-height: 2;
    }

    .shuzili2 {
        flex-wrap: wrap;
        margin: .36rem 0 .18rem;
    }

    .shuzili2 .item {
        width: 50%;
        margin-bottom: .31rem;
    }

    .shuzili2 .counters {
        font-size: .36rem;
    }

    .shuzili2 .counters span {
        font-size: .24rem;
    }

    .shuzili2 .ctxt {
        font-size: .24rem;
        margin-top: .2rem;
    }

    .nt-more {
        height: .88rem;
        font-size: .24rem;
    }

    .nt-more2 {
        height: .78rem !important;
        font-size: .24rem
    }

    .homes4 .pwidth {
        margin-right: 0;
        margin-left: .35rem;
        width: auto;
    }

    .homes4 .dfcm2 {
        margin-right: .35rem;
    }

    .homes4 .ul .li {
        padding-bottom: .45rem;
    }

    .homes4 .ul .li .h2 {
        font-size: .22rem;
        margin-bottom: .22rem;
    }

    .homes4 .ul .li .h3 {
        font-size: .26rem;
        line-height: .48rem;
    }

    .homes4 .ul .li .h4 {
        font-size: .24rem;
    }

    .homes5 .ul .li {
        border: none;
    }

    .homes5 .ul .li::after {
        display: none;
    }

    .ntfoot>.df {
        display: block;
    }

    .reswp {
        width: 100%;
    }

    .reswp .ul .li {
        height: auto;
        display: block;
    }

    .reswp .ul .li .imgbox100 {
        width: 100%;
        height: 4.53rem;
    }

    .reswp .ul .li .txtbox {
        padding: .46rem .4rem 1.2rem;
    }

    .qiehuan {
        bottom: .48rem;
        right: .48rem;
    }

    .hjlist {
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .hjlist ul {
        justify-content: space-between;
    }

    .hjlist ul li {
        width: 100% !important;
        margin: 0 !important;
    }

    .hjlist ul li div {
        min-height: none;
        height: 2.53rem;
        padding: .44rem 0 0;
    }

    .iimg {
        height: 4.53rem;
    }

    .hjlist ul li div span {
        font-size: .2rem;
        display: block;
        margin-bottom: .15rem;
    }


    .hjlist ul li div h6 {
        font-size: .26rem;
        line-height: .48rem;
        margin: 0;
        height: auto;
    }


    .dands .date {
        font-size: .22rem;
    }

    .newshare::before,
    .newshare::after {
        width: 1.4rem;
    }

    .newshare>a {
        margin: 0;
    }

    .detailcen {
        margin-top: 0 !important;
    }


    .relanews .pwidth {
        width: auto;
    }

    .ntpimgdet .selectbox .ol .li {
        width: .66rem;
        height: .66rem;
    }

    .ntpimgdet .selectbox .ul {
        flex-wrap: wrap;
        left: 0.35rem;
        width: 6.8rem;
    }

    .ntpimgdet .selectbox .ul .li {
        width: 1.22rem;
        height: .62rem;
        margin-bottom: .19rem;
    }

    .ntpimgdet .canshu .item .h2 .imgbox {
        width: .48rem;
        height: .48rem;
        margin-right: .13rem;
    }

    .ntpimgdet .canshu .item2 {
        margin-bottom: 1.07rem;
    }

    .ntpimgdet .canshu .item2:last-of-type {
        margin-bottom: 2.21rem;
    }

    .ntpimgdet .selectbox .ul .li .size {
        font-size: 0.2rem;
    }


    .contacts1 {
        background-color: #fff;
        padding-bottom: 0;
    }

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

    .contacts1 .ul .li {
        width: 3.28rem;
    }

    .contacts1 .ul .li .imgbox100 {
        height: 2.32rem;
    }

    .contacts1 .ul .li .txtbox {
        padding: .28rem 0 0;
    }

    .contacts3 .ul {
        display: block;
    }

    .contacts3 .ul .li {
        width: 100%;
        height: 3.08rem;
        margin-bottom: .25rem;
        padding: .7rem .39rem 0;
    }

    .contacts3 .ul .li .h1 {
        font-size: .28rem;
        margin-bottom: .28rem;
    }

    .contacts3 .ul .li .imgbox {
        width: .42rem;
        height: .42rem;
    }

    .contacts3 .ul .li .imgbox img {
        width: .2rem;
        height: .2rem;
    }

    .contacts3 .ul .li .h3 {
        font-size: .24rem;
    }

    .mnav1 {
        display: none !important;
    }


    .zgsfengc .ul {
        flex-wrap: nowrap;
    }

    .zgsfengc .ul .li {
        margin-top: 0 !important;
    }

    .zgsfengc .swiper-button-prevab4,
    .zgsfengc .swiper-button-nextab4 {
        top: 0.9rem;
    }

    .zgsfengc .swiper-button-prevab4 {
        left: 0;
    }

    .zgsfengc .swiper-button-nextab4 {
        right: 0;
    }

    .zgsfengc .ul .li .imgbox {
        width: 100%;
    }


    .sonContact .ju {
        height: auto;
        flex-direction: column;
    }

    .sonContact .ju .right .map {
        width: 100% !important;
        height: 100% !important;
    }

    .sonContact .nwidth {
        width: 6.8rem;
        margin: 0 auto;
    }

    .sonContact .sonpad {
        padding: 1.1rem 0;
    }

    .sonContact .ju .left {
        padding: .48rem .4rem .45rem;
    }

    .sonContact .ju .right {
        height: 4.27rem;
    }

    .subewm {
        width: 100%;
        padding-top: .35rem;
        margin-top: .33rem;
    }

    .subewm .item .imgbox {
        width: .48rem;
        height: .48rem;
    }

    .subewm .item:hover .imgbox img {
        transform: translateY(-100%);
        filter: drop-shadow(0 .48rem var(--themeColor));
    }

    .subewm .item {
        margin-right: 1rem;
    }

    .sonContact .ju .left .h51 {
        align-items: flex-start;
    }

    .sonContact .ju .left .h51 img {
        margin-top: 0.18rem;
    }

    .retuitu .ntbt {
        width: 6.8rem;
    }

    .retuitu {
        padding-top: 1.7rem;
    }

    .retuitu .ntbt {
        top: .76rem;
    }

    .retuitu .baseTitle {
        display: none !important;
    }


    .ntbt {
        font-size: .48rem;
        line-height: .58rem;
    }

    .shili1 .lef {
        width: 6.8rem;
        margin: 0 auto;
    }

    .shili1 .ntbt {
        margin-bottom: .28rem;
    }

    .shili1 .lef .p,
    .shili1 .lef p {
        font-size: .24rem;
        line-height: 2;

    }

    .shili1 .rig .cyls {
        /* display: none; */
        position: static;
    }





    .shili {
        background-image: url(/images/mshili.jpg);
    }

    .shili2 .p {
        font-size: .24rem;
        line-height: 2;
    }

    .shili2 .h2 {
        font-size: .28rem;
        line-height: .48rem;
    }

    .yfcxs1ct {
        display: block;
    }

    .yfcxs1>.h2 {
        margin: .32rem 0;
    }

    .yfcxs1ct .lef {
        padding-top: 0;
    }

    .videobf {
        width: 100%;
        height: 3.75rem;
        margin-top: .42rem;
    }

    .yfcxs1 .ul {
        flex-wrap: wrap;
        width: 7.5rem;
        margin-left: -0.35rem;
        margin-top: 0;
    }

    .yfcxs1 .ul .li {
        width: 50%;
        margin-top: .43rem;
    }

    .yfcxs1 .ul .li .h3 {
        font-size: .24rem;
        margin-top: .16rem;
    }

    .yfcxs3 {
        display: block;
        padding: .65rem 0 .95rem;
    }

    .yfcxs3 .lef {
        width: 100%;
    }

    .yfcxs1ct .rig {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: .35rem;
    }

    .yfcxs1ct .rig img {
        margin-left: 0;
        width: 3.2rem;
    }

    .smarts1 .smartctt {
        display: block;
    }

    .smarts1 .rig {
        margin-top: .54rem;
    }

    .smarts1 .rig .imgbox100 {
        width: 100%;
        height: 3.75rem;
    }


    .cerbox {
        width: 100%;
        height: 2.69rem;
    }

    .cernav {
        padding-bottom: .2rem !important;
        border: none;
        margin-bottom: .45rem;
    }

    .cernav ul {
        border-bottom: 1px solid #E4E4E4;
    }

    .sTh ul li a {
        font-size: .24rem !important;
    }


    .swiper-slide-prev .picbox,
    .swiper-slide-next .picbox {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
    }

    .cyls .picbox {
        width: 6.8rem;
        height: 4.53rem;
    }

    .cyls {
        width: 6.8rem;
        height: 4.53rem;
        margin-top: .4rem;
    }

    .cyls .picbox .imgg {
        border-radius: 2.5rem;
    }

    .shili1 .rig>.df {
        justify-content: center;
    }

    .swbut {
        width: 0.72rem;
        height: 0.72rem;
        margin: .4rem .29rem 0;
    }


    .cloths1 .clothcard {
        padding: .64rem .45rem .92rem;
    }

    .cloths1 .clothcard .h1 {
        font-weight: 400;
        font-size: .36rem;
        line-height: .54rem;
        display: block;
        position: relative;
    }

    .cloths1 .clothcard .h1 .ntlink {
        position: absolute;
        right: 0;
        top: 0.35em;
    }

    .cloths1 .clothcard .rig .imgbox100 {
        min-height: auto;
    }

    .cloths1 .clothcard .lef {
        padding: 0;
    }

    .cloths1 .clothcard .rig {
        margin: .4rem auto .28rem;
        width: fit-content;
    }

    .cloths1 .clothcard .p {
        font-size: .24rem;
        line-height: 2;
    }


    .cloths2 .ul {
        display: block;
    }

    .cloths2 .ul .li {
        width: 100%;
        height: 12.58rem;
    }


    .cloths3 .ul .oli {
        flex-direction: column-reverse !important;
        height: auto;
    }

    .cloths3 .ul .oli .rig {
        width: 100%;
        height: 4.53rem;
    }

    .cloths3 .ul .oli .lef {
        padding: .62rem .5rem .8rem;
    }

    .cloths3 .ul .oli .lef .nt-more,
    .cloths1 .clothcard .nt-more {
        height: .58rem;
    }

    .cloths3 .ul .oli .lef .h1 {
        font-size: .36rem;
    }

    .cloths3 .ul .oli .lef .h2 {
        font-size: .22rem;
        line-height: .38rem;
    }


    .hezuos1 {
        margin-top: 0;
    }

    .hezuos1 img {
        /* width: 6.8rem; */
    }



    .hezuos1 .bg1 {
        top: 0;
        width: 4.94rem;
        height: 2.02rem;
        background-image: url(/images/hezuobg1.png) !important;
    }

    .hezuos1.bg2 {
        top: 0;
        width: 2.93rem;
        height: 1.72rem;
        background-image: url(/images/hezuobg2.png) !important;
    }

    .hezuos1 .bg3 {
        width: 7.5rem;
        height: 2.11rem;
        background-image: url(/images/hezuobg3.png) !important;
    }

    .partcard .lef {
        position: static;
    }

    .partcard .rig {
        width: 100%;
        height: 4.39rem;
    }

    .partcard .lef {
        width: 100%;
        padding: .29rem .4rem .58rem;
        box-shadow: 0px 0px 7.7px 2px #00000008;
    }

    .partcard {
        flex-direction: column-reverse;
    }

    .partcard .nt-more {
        display: none !important;
    }

    .partcard .lef .p.hidep {
        display: block;
    }

    .partcard .lef .h1 {
        font-size: .28rem;
        line-height: .58rem;
        margin-bottom: .05rem;
    }

    .partcard .lef .p {
        font-size: .24rem;
        line-height: 2;
    }

    .hezuos2 .par2 {
        padding-right: 0;
    }

    .hezuos2 .par2 .h1 {
        font-size: .28rem;
        margin-bottom: .22rem;
        padding-right: .35rem;
        line-height: 1.5;
    }


    .hezuos2 .par2 .p {
        font-size: .24rem;
        line-height: 2;
        padding-right: .35rem;
    }

    .hezuos2s .imgbox100 {
        border-radius: .12rem;
    }

    .hezuos2s .txtbox {
        font-size: .24rem;
    }



    .shiliny {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    .shiliny .ul .li {
        display: block;
    }

    .shiliny .ul .li .rig {
        margin: 0;
    }

    .shiliny .ul .li .rig .imgbox {
        width: 100%;
        height: 4.39rem;
        margin-top: .39rem;
        border: none;
    }

    .shiliny .ul .li .rig .imgbox img {
        margin: 0 !important;
        border-radius: .12rem;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .shiliny .ul .li .lef {
        padding-top: 0;
    }

    .shiliny .ul .li .lef .h2 {
        width: auto;
        font-weight: 400;
        font-size: .24rem;
        line-height: 2;
    }

    .shiliny .ul .li .lef .nt-more {
        width: 2.8rem;
        height: .68rem;
        margin-top: .44rem;
    }

    .escs1 {
        padding: .64rem .35rem .75rem;
    }

    .escs1 .p {
        font-size: .28rem;
        line-height: .58rem;
        text-align: left;
        text-indent: 2em;
    }

    .escs1 .p br {
        display: none;
    }

    .escs1 .ntbt {
        font-size: 0.42rem;
        line-height: .68rem;
        margin: 0 auto;
        margin-bottom: .33rem;
        width: 5.88rem;
    }

    .escs2 {
        padding-left: 3.75rem;
        padding-top: .56rem;
    }

    .escs2 .lef {
        left: .48rem;
        top: -0.3rem;
        width: 2.83rem;
    }

    .escs2 .h1 {
        font-size: .24rem;
        line-height: .42rem;
        width: 2.64rem;
    }

    .escs2 .h2 {
        margin-bottom: .27rem;
    }

    .escs2 .nt-more {
        width: 1.7rem;
        height: .54rem;
    }

    .escs3>img {
        width: 6.8rem;
    }

    .escs4 .ul {
        display: block;
    }

    .escs4 .ul .li {
        width: 100%;
        height: auto;
        padding: .7rem 0 .52rem;
        margin-bottom: .2rem;
    }

    .escs4 .ul .li .h1 {
        font-size: .36rem;
        margin-bottom: .15 rem;
    }

    .escs4 .ul .li .h2 {
        font-size: .24rem;
        line-height: 2;
    }

    .environments1 .ntbt {
        margin-bottom: .3rem;
    }

    .environments1 .ul {
        display: block;
    }

    .environments1 .ul .li {
        display: block;
        width: 100%;
        margin-bottom: .34rem;
    }

    .environments1 .ul .li .imgbox100 {
        height: 4.25rem;
    }

    .environments1 .ul .li .txtbox {
        height: auto;
        padding: .47rem .4rem .34rem;
    }

    .environments1 .ul .li .txtbox .h1 {
        font-size: .28rem;
        margin-bottom: .12rem;
    }

    .environments1 .ul .li .txtbox .p {
        font-size: .24rem;
        line-height: 2;

    }

    .resourcecard {
        display: block;
        height: auto;
        padding: .6rem .4rem .91rem !important;
    }

    .resourcecard .txtbox {
        width: auto;
    }

    .resourcecard .h1 {
        font-size: .28rem;
        margin-bottom: .24rem;

    }

    .resourcecard .p,
    .resourcecard p {
        font-size: .24rem;
        line-height: 2;
        text-align: justify;
        margin-bottom: .47rem;
    }

    .resourcecard .p:last-of-type,
    .resourcecard p:last-of-type {
        margin-bottom: 0;
    }

    .resourcecard .imgbox100 {
        margin-top: .26rem;
    }

    .environments2 .ntbt {
        font-size: .28rem;
        margin-bottom: .22rem;
    }

    .resources .tabs {
        justify-content: flex-start;
        overflow-x: auto;

    }

    .resources .tabs::-webkit-scrollbar {
        display: none;
    }

    .resources .tabsbox {
        position: relative;
    }

    .resources .tabsbox::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -0.6rem;
        width: .92rem;
        height: .6rem;
        background-image: url(/images/curicon.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        z-index: 2;
        pointer-events: none;
    }

    .resources .tabsitem {
        font-size: .24rem;
        white-space: nowrap;
        padding-bottom: .15rem;
        margin-left: 0;
        margin-right: .4rem;
    }

    .resources .tabsitem.active::before,
    .resources .tabsitem:hover::before {
        bottom: .03rem;
    }

    .resources .tabsitem.active::after,
    .resources .tabsitem:hover::after {
        bottom: 0.1rem;
    }

    .sanji {
        display: none;
    }

    .droplist {
        top: 0.9rem;
    }

    .mfooter {
        display: none;
    }


    .abs1,
    .abs2,
    .abs3,
    .abs4,
    .abbig {
        position: relative;
        z-index: 2;
    }

    #banner {
        display: none;
    }

    .rrr {
        position: relative;
        z-index: 10;
        background-image: url(/images/abbb.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 100vh !important;
        width: 100%;
    }

    .rowmain .inner {
        transform: scale(0.4);
    }

    .rowmaintxt .h6 {
        width: 6.8rem;
        margin: 0 auto;
        font-size: .28rem;
        line-height: 1.8;
    }

    .mbanner {
        width: 100vw;
        height: 100vh;
        height: calc(100vh - 0.9rem);
        position: relative;
    }

    .mbanner .mbs {
        width: 100%;
        height: 100%;
    }

    .mbanner .swiper-slide .item>div {
        top: auto;
        bottom: 0;
        left: 0;
    }

    .txt10 {
        width: 6.8rem;
        left: 0.35rem;
    }

    .mbanner .swiper-button-next,
    .mbanner .swiper-button-prev {
        display: none;
    }

    .txt10 .btn {
        width: 2.8rem;
        height: .78rem;
        font-size: .24rem;
    }

    .ntfoot .lef .p {
        display: none;
    }

    .ntfoot .rig {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footlxs {
        width: 50%;
        margin-bottom: .66rem;
    }

    .ntfoot .riglist,
    .designer {
        display: none;
    }

    .footlxs .h1 {
        font-size: .28rem;
        margin-bottom: .25rem;
    }

    .footlxs .li,
    .footlxs .li a {
        font-size: .24rem;
        line-height: 1;
        margin-bottom: .18rem;
    }

    .footlxs .li a {
        margin: 0;
    }

    .footlxs .li img {
        width: .24rem;
        height: .24rem;
        flex-shrink: 0;
    }

    .mbffx {
        margin-top: 0;
    }

    .ntfoot .lef {
        margin-top: .54rem;
    }

    .protype1 .rig {
        position: static;
    }

    .pwidth3 {
        width: 6.8rem;
    }

    .protype1 .lef .h1 {
        font-size: .28rem;
        margin-bottom: .18rem;
    }

    .protype1 .lef .h2 {
        font-size: .24rem;
        line-height: .42rem;
        width: 100%;
    }

    .protypemore {
        font-size: .24rem;
    }

    .protype1 .protypemore {
        margin: .52rem 0;
    }

    .protype1 .lef {
        position: static;
    }

    .pros {
        width: 6.32rem;

    }

    .prosbox {
        position: absolute;
        bottom: -3.36rem;
        left: 0;
        z-index: 3;
    }

    .protype1 .rig img {
        width: 6.8rem;
        height: 3.32rem;
        object-fit: cover;
    }

    .pzonghes1,
    .pzonghes3 {
        padding-bottom: 4.4rem;
    }

    .prosbox {
        width: 6.8rem;
        margin: 0 auto;
    }

    .probtn {
        transform: translate(0, 0);
    }

    .swiper-button-nextpp.probtn {
        transform: translate(0, 0);

    }

    .pros .h3 {
        font-size: .24rem;
        margin: .25rem 0 .15rem;
    }

    .pros .h4 {
        font-size: .2rem;
        line-height: 1.5;
    }

    .pzonghes2 {
        height: 3.67rem;
    }

    .pzonghes2 .h2 br {
        display: none;
    }

    .pzonghes2 .h2 {
        width: 6.29rem;
        margin: 0 auto;
        font-size: .24rem;
        line-height: .42rem;
    }

    .pzonghes2 .part1 {
        padding-top: .62rem;
        height: auto;
    }

    .pzonghes2 .protypemore {
        margin-top: .3rem;
    }

    .pzonghes2 .part2 .ul {
        margin-top: .35rem;
    }

    .pzonghes2 .part2 .li .imgbox100 {
        width: 100%;
        height: 3.74rem;
    }

    .pzonghes2 .prosbox {
        position: relative;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
    }

    .pzonghes3 {
        padding-top: 5.07rem;
    }

    .pzonghes2 .part2 .li .txtbox .h4 {
        font-size: .2rem;
        line-height: 1.5;
    }

    .pzonghes4 .part1 {
        padding: .6rem .35rem.6rem;
    }

    .pzonghes4 .part1 .dfsb {
        display: block;
    }

    .pzonghes4 .h1 {
        margin-top: 0;
        margin-bottom: .27rem;
    }

    .pzonghes4 .h2 {
        font-size: .24rem;
        line-height: .42rem;
        width: auto;
    }

    .pzonghes4 .part2 .ul {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 6.3rem;
    }

    .pzonghes4 .part2 .ul .li {
        margin-right: 0;
        margin-bottom: .42rem;
        width: 3rem;
    }

    .pzonghes4 .part2 .ul .li .imgbox100 {
        width: 100%;
        height: 3.74rem;
    }

    .pzonghes4 .part2 .ul .li .txtbox .h3 {
        font-size: .24rem;
    }

    .pzonghes4 .part2 .ul .li .txtbox .h4 {
        font-size: .2rem;
        line-height: 1.5;
    }

    .sTh ul li a.current::before {
        bottom: 0.05rem;
    }

    .sTh ul li a.current::after {
        bottom: 0.1rem;
    }

    .ntnav2 {
        position: absolute;
    }


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

    .quas .ul .li {
        display: block;
        width: 3.2rem;
    }

    .quas .imgbox100 {
        height: 4.26rem;
    }

    .quas .txtbox {
        font-size: .24rem;
        line-height: 1.6;
    }

    .socialcc .h1 {
        font-size: .28rem;
        margin-bottom: .32rem;
    }

    .socialcc .p {
        font-size: .24rem;
        line-height: 2;
    }

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

    .socials .ul .li {
        display: block;
        width: 3.2rem;
        margin-top: .3rem;
    }

    .socials .ul .li:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .socials .ul .li .txtbox {
        font-size: .24rem;
        line-height: 1.6;
    }

    .socials .ul .li .imgbox100 {
        height: 2.13rem;
    }

    .new-container {
        position: static !important;
        transform: none !important;
    }

    .chooser1 {
        transform: scale(0.433);
        transform-origin: left top;
        margin-left: .35rem;
    }

    .hezuos1 {
        height: 6.5rem;
        overflow: hidden;
    }

    .videoList li {
        height: 4.6rem;
    }

    .sbox[mid="1"][strid="230"] .msban {
        display: none;
    }


    .droplist ul li ul .item a,
    .droplist ul li ul .item .p {
        color: #767676;
        font-family: ll;
        font-size: 0.22rem;
        line-height: 0.5rem;
        font-weight: 300;
        display: block;
    }

    .droplist ul li ul .item .p {
        font-weight: 700;
    }

    .zbcontainer {
        width: 6.2rem;
    }

    .zbcontainer .zhu {
        padding: 0 .33rem;
        justify-content: space-between;
    }

    .zbcontainer .zhu .zhuzi,
    .zbcontainer .zhu .item {
        width: .64rem;
    }

    .renshus {
        width: 6.8rem;
        margin: 0 auto;
    }

    .renshus .ul .li {
        margin-right: 0 !important;
        margin-top: 0.58rem !important;
    }

    .renshus .ul .li:nth-of-type(-n+2) {
        margin-top: 0 !important;
    }

    .renshus .ul {
        justify-content: space-between;
        padding: 0 .35rem;
    }

    .zbcontainer .zhu .item .tx2 {
        bottom: -0.65rem;
        line-height: 1.3;
    }
}