@charset "utf-8";

.headertwonav {
    width: 75rem;
    margin: 0 auto
}

.h159 {
    width: 100%;
    height: 8.6875rem
}

.h159a {
    animation: headerHeight159 .8s .7s;
    -moz-animation: headerHeight159 .8s .7s;
    -webkit-animation: headerHeight159 .8s .7s;
    -o-animation: headerHeight159 .8s .7s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.home_header {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    z-index: 9999;
    transition: all .8s .5s;
    box-shadow: .0625rem .0625rem .4375rem hsla(0, 0%, 53.3%, .12941176470588237)
}

.header {
    width: 75rem;
    margin: .625rem auto .625rem;
    position: relative;
    height: 7.4375rem
}

.header img {
    position: absolute;
    top: 0;
    left: 33.96875rem;
    width: 5.65rem;
    height: 3.15rem
}

.header .nav {
    position: absolute;
    bottom: 0;
    right: 10.9375rem
}

.headerA {
    animation: headerHeight .8s .7s;
    -moz-animation: headerHeight .8s .7s;
    -webkit-animation: headerHeight .8s .7s;
    -o-animation: headerHeight .8s .7s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.headerA img {
    animation: headerLogo .7s;
    -moz-animation: headerLogo .7s;
    -webkit-animation: headerLogo .7s;
    -o-animation: headerLogo .7s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.headerA .nav {
    animation: headerLogo_right .7s;
    -moz-animation: headerLogo_right .7s;
    -webkit-animation: headerLogo_right .7s;
    -o-animation: headerLogo_right .7s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.headerA .nav ul li.navActive span {
    animation: headerSpan .7s;
    -moz-animation: headerSpan .7s;
    -webkit-animation: headerSpan .7s;
    -o-animation: headerSpan .7s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.nav ul li.active {
    color: #f08518
}

.isheadershow {
    height: 3.9375rem
}

.isheadershow img {
    cursor: pointer;
    left: 0
}

.isheadershow .nav {
    right: 0
}

.isheadershow .nav ul {
    margin: 1.25rem auto 1.25rem
}

.isheadershow .nav ul li.navActive span {
    animation: headerSpan .7s;
    -moz-animation: headerSpan .7s;
    -webkit-animation: headerSpan .7s;
    -o-animation: headerSpan .7s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.nav ul {
    width: 53.125rem;
    display: flex;
    margin: 1.25rem auto 1.25rem
}

.nav ul li {
    flex: 1;
    text-align: center;
    color: #948d8b;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    font-size: 1rem
}

.nav ul li span {
    display: none
}

.nav ul li.navActive span {
    width: .0625rem;
    height: 1rem;
    display: inline-block;
    position: absolute;
    left: 2.1875rem;
    top: -1rem;
    background: #f08518;
    display: block;
    animation: headerSpan .7s;
    -moz-animation: headerSpan .7s;
    -webkit-animation: headerSpan .7s;
    -o-animation: headerSpan .7s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes h159ani {
    0% {
        height: 9.9375rem
    }

    to {
        height: 6.4375rem
    }
}

@-webkit-keyframes h159ani {
    0% {
        height: 9.9375rem
    }

    to {
        height: 6.4375rem
    }
}

@-moz-keyframes h159ani {
    0% {
        height: 9.9375rem
    }

    to {
        height: 6.4375rem
    }
}

@-o-keyframes h159ani {
    0% {
        height: 9.9375rem
    }

    to {
        height: 6.4375rem
    }
}

@keyframes headerLogo {
    0% {
        left: 33.96875rem
    }

    to {
        left: 0
    }
}

@-webkit-keyframes headerLogo {
    0% {
        left: 33.96875rem
    }

    to {
        left: 0
    }
}

@-moz-keyframes headerLogo {
    0% {
        left: 33.96875rem
    }

    to {
        left: 0
    }
}

@-o-keyframes headerLogo {
    0% {
        left: 33.96875rem
    }

    to {
        left: 0
    }
}

@keyframes headerLogo_right {
    0% {
        right: 10.9375rem
    }

    to {
        right: 0
    }
}

@-webkit-keyframes headerLogo_right {
    0% {
        right: 10.9375rem
    }

    to {
        right: 0
    }
}

@-moz-keyframes headerLogo_right {
    0% {
        right: 10.9375rem
    }

    to {
        right: 0
    }
}

@-o-keyframes headerLogo_right {
    0% {
        right: 10.9375rem
    }

    to {
        right: 0
    }
}

@keyframes headerHeight {
    0% {
        height: 7.4375rem
    }

    to {
        height: 3.9375rem
    }
}

@-webkit-keyframes headerHeight {
    0% {
        height: 7.4375rem
    }

    to {
        height: 3.9375rem
    }
}

@-moz-keyframes headerHeight {
    0% {
        height: 7.4375rem
    }

    to {
        height: 3.9375rem
    }
}

@-o-keyframes headerHeight {
    0% {
        height: 7.4375rem
    }

    to {
        height: 3.9375rem
    }
}

@keyframes headerHeight159 {
    0% {
        height: 8.6875rem
    }

    to {
        height: 5.1875rem
    }
}

@-webkit-keyframes headerHeight159 {
    0% {
        height: 8.6875rem
    }

    to {
        height: 5.1875rem
    }
}

@-moz-keyframes headerHeight159 {
    0% {
        height: 8.6875rem
    }

    to {
        height: 5.1875rem
    }
}

@-o-keyframes headerHeight159 {
    0% {
        height: 8.6875rem
    }

    to {
        height: 5.1875rem
    }
}

.hh159-move {
    transition: all 2s
}

.headertwonav ul {
    display: flex;
    align-items: center
}

.headertwonav ul li {
    flex: 1;
    padding: 2%;
    text-align: center
}

.headertwonav ul li img {
    width: 17rem;
    height: 11.375rem
}

.headertwonav ul li .twonavaimg {
    width: 17rem;
    height: 11.375rem;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.headertwonav ul li .twonavmask {
    position: absolute;
    width: 17rem;
    background: rgba(0, 0, 0, .4);
    left: 0;
    top: 0;
    height: 11.375rem;
    color: #fff;
    line-height: 11.375rem
}

.headertwonav ul li img.iamg {
    display: block
}

.headertwonav ul li.tnavActive img.iamg,
.headertwonav ul li img.iamgc {
    display: none
}

.headertwonav ul li.tnavActive img.iamgc {
    display: block
}

.footer {
    width: 100%;
    background: #8d847f;
    padding: 6.5625rem 0 5.625rem;
    color: hsla(0, 0%, 100%, .8)
}

.footer p {
    line-height: 1.875rem;
    color: #fff
}

.footerCenten {
    max-width: 75rem;
    margin: 0 auto;
    display: flex
}

.footerLeft {
    flex: 1 50%;
    text-align: left;
    position: relative
}

.footerLeft .logo {
    padding-bottom: 2.8125rem
}

.footerLeft ul {
    display: flex;
    padding-top: 1.5625rem;
    padding-bottom: .9375rem;
    width: 25rem;
    height: 6.25rem;
    align-items: center
}

.footerLeft ul li {
    flex: 1;
    text-align: center
}

.footerLeft ul li p {
    text-align: center;
    padding-top: .625rem
}

.footerRight {
    flex: 1 50%;
    text-align: center
}

.footerRight ul {
    display: flex;
    padding-top: 2.5rem
}

.footerRight ul li {
    flex: 1;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.footerRight ul li span {
    display: none
}

.footerRight ul li.navActive span {
    width: .0625rem;
    height: 1rem;
    display: inline-block;
    position: absolute;
    left: 3.4375rem;
    top: -1rem;
    background: #f08518;
    display: block;
    animation: headerSpan .7s;
    -moz-animation: headerSpan .7s;
    -webkit-animation: headerSpan .7s;
    -o-animation: headerSpan .7s;
    animation-fill-mode: forwards
}

@keyframes headerSpan {
    0% {
        top: -1rem
    }

    to {
        top: 0
    }
}

@-webkit-keyframes headerSpan {
    0% {
        top: -1rem
    }

    to {
        top: 0
    }
}

@-moz-keyframes headerSpan {
    0% {
        top: -1rem
    }

    to {
        top: 0
    }
}

@-o-keyframes headerSpan {
    0% {
        top: -1rem
    }

    to {
        top: 0
    }
}

.footerzk {
    margin-left: 3.4375rem;
    border-left: .0625rem solid;
    text-align: left;
    padding-left: 4%;
    margin-top: 9%;
    display: none
}

.footerRight ul li.navActive .footerzk {
    display: block
}

.bigqrcode {
    padding-bottom: 2.5rem;
    position: absolute;
    left: 6.25rem;
    bottom: 5rem
}

.bigqrcode img {
    background: #fff;
    padding: .9375rem;
    width: 11.875rem
}

.footerLeft ul li img {
    margin: 0 auto
}

.footerLeft ul li.mousqrcode .qicon {
    display: none
}

.footerLeft ul li.mousqrcode .qimg {
    display: block;
    width: 5.625rem;
    height: 5.625rem;
    background: #fff;
    border-radius: .3125rem;
    padding: .3125rem
}

.footerLeft ul li .qicon {
    display: block;
    width: 2.8125rem;
    height: 2.8125rem
}

.footerLeft ul li:first-child .qicon {
    width: 3.5rem
}

.footerLeft ul li .qimg {
    display: none
}

body[data-v-38e86e8f] {
    padding-bottom: env(safe-area-inset-bottom)
}

.mheader[data-v-38e86e8f] {
    width: 46.875rem;
    text-align: left
}

.height136[data-v-38e86e8f] {
    width: 100%
}

.mhead[data-v-38e86e8f] {
    width: 100%;
    height: 8.5rem;
    background: #fff;
    position: fixed;
    left: 0;
    z-index: 99999
}

.mhead img[data-v-38e86e8f] {
    position: absolute
}

.mhead .mlogo[data-v-38e86e8f] {
    height: 4.375rem;
    position: absolute;
    left: 2.5rem;
    top: 2.0625rem
}

.routerbox .routerlink[data-v-38e86e8f] {
    height: 8.5rem;
    width: 12.5rem
}

.mhead .mnav img[data-v-38e86e8f] {
    position: absolute;
    right: 2.5rem;
    top: 2.6875rem;
    width: 2.5rem
}

.mhead .mnav img.cuo[data-v-38e86e8f] {
    width: 1.875rem
}

.shidaoimg[data-v-38e86e8f] {
    opacity: 0
}

.mheadmuse[data-v-38e86e8f] {
    width: 46.875rem;
    background: #fff;
    z-index: 99999;
    position: fixed;
    top: 8.5rem;
    height: 100%
}

.mheadmuse ul[data-v-38e86e8f] {
    width: 41.875rem;
    margin: 0 auto
}

.mheadmuse ul li[data-v-38e86e8f] {
    position: relative;
    line-height: 2;
    font-size: 2.375rem
}

.mheadmuse ul li .title[data-v-38e86e8f] {
    position: relative;
    padding: .625rem 0
}

.mheadmuse ul li .title a[data-v-38e86e8f] {
    display: inline-block
}

.mheadmuse ul li .title span[data-v-38e86e8f] {
    font-size: 3.75rem;
    font-weight: 100;
    position: absolute;
    top: -1.25rem;
    right: 0
}

.mheadmuse ul li .title_list[data-v-38e86e8f] {
    font-size: 1.875rem;
    color: #4c413d;
    border-top: .0625rem solid #4c413d;
    padding: .625rem 0
}

.mheadmuse ul li .yingcpkj[data-v-38e86e8f] {
    animation: yingcpkjani-38e86e8f .5s;
    animation-fill-mode: forwards
}

.mheadmuse ul li .cpkj[data-v-38e86e8f] {
    animation: yingcpkjxani-38e86e8f .5s;
    animation-fill-mode: forwards
}

.mheaddaoh-move[data-v-38e86e8f] {
    transition: transform .5s
}

.mnavxuan[data-v-38e86e8f] {
    animation: mnavtransform-38e86e8f .5s;
    animation-fill-mode: forwards
}

.shidao[data-v-38e86e8f] {
    animation: mnavtransformd-38e86e8f .25s;
    animation-fill-mode: forwards
}

.mnavshow[data-v-38e86e8f] {
    animation: ismnavshow-38e86e8f .25s .25s;
    animation-fill-mode: forwards
}

.rotateaani[data-v-38e86e8f] {
    animation: isrotateaaniaa-38e86e8f .5s;
    animation-fill-mode: forwards
}

.rotateaanion[data-v-38e86e8f] {
    animation: isrotateaanionaa-38e86e8f .5s;
    animation-fill-mode: forwards
}

.rotatebani[data-v-38e86e8f] {
    animation: isrotatebaniaa-38e86e8f .5s;
    animation-fill-mode: forwards
}

.rotatebanion[data-v-38e86e8f] {
    animation: isrotatebanionaa-38e86e8f .5s;
    animation-fill-mode: forwards
}

@keyframes isrotateaaniaa-38e86e8f {
    0% {
        transform: rotate(0deg);
        flex: 1
    }

    50% {
        transform: rotate(0deg);
        flex: none
    }

    to {
        transform: rotate(45deg);
        flex: none
    }
}

@keyframes isrotateaanionaa-38e86e8f {
    0% {
        transform: rotate(45deg);
        flex: none
    }

    50% {
        transform: rotate(0);
        flex: none
    }

    to {
        transform: rotate(0);
        flex: 1
    }
}

@keyframes isrotatebaniaa-38e86e8f {
    0% {
        transform: rotate(0deg);
        flex: 1
    }

    50% {
        transform: rotate(0deg);
        flex: none
    }

    to {
        transform: rotate(-45deg);
        flex: none
    }
}

@keyframes isrotatebanionaa-38e86e8f {
    0% {
        transform: rotate(-45deg);
        flex: none
    }

    50% {
        transform: rotate(0);
        flex: none
    }

    to {
        transform: rotate(0);
        flex: 1
    }
}

@keyframes yingcpkjxani-38e86e8f {
    0% {
        height: 0
    }

    to {
        height: 6.125rem
    }
}

@keyframes title_listxani-38e86e8f {
    0% {
        height: 0
    }

    to {
        height: 4.5rem
    }
}

@keyframes yingcpkjani-38e86e8f {
    0% {
        height: 6.125rem
    }

    to {
        height: 0
    }
}

@keyframes title_listani-38e86e8f {
    0% {
        height: 4.5rem
    }

    to {
        height: 0
    }
}

@keyframes mnavtransform-38e86e8f {
    0% {
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes mnavtransformd-38e86e8f {
    0% {
        transform: rotate(90deg);
        opacity: 1
    }

    to {
        transform: rotate(0deg);
        opacity: 0
    }
}

@keyframes ismnavshow-38e86e8f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mqrco[data-v-38e86e8f] {
    width: 41.875rem;
    margin: 0 auto;
    padding: 3.75rem 0;
    border-bottom: .0625rem solid
}

.mqrco>div[data-v-38e86e8f] {
    width: 25rem;
    display: flex
}

.mqrco>div>div[data-v-38e86e8f] {
    flex: 1 25%;
    text-align: center
}

.mqrco>div>div img[data-v-38e86e8f] {
    width: 2.8125rem;
    height: 2.8125rem
}

.mqrco>div>div:first-child img[data-v-38e86e8f] {
    width: 3.5rem
}

.mheadfoot[data-v-38e86e8f] {
    width: 41.875rem;
    margin: 0 auto;
    padding: 3.75rem 0;
    font-size: 1.125rem
}

.isshowqrcon[data-v-38e86e8f] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999999999
}

.isshowqrcon div[data-v-38e86e8f] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center
}

.isshowqrcon div img[data-v-38e86e8f] {
    margin: 0 auto;
    max-width: 100%
}

.mnav[data-v-38e86e8f] {
    position: absolute;
    right: 2.5rem;
    top: 2.6875rem;
    width: 2.5rem;
    height: 2.5rem;
    flex-direction: column
}

.mnav[data-v-38e86e8f],
.mnav p[data-v-38e86e8f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.mnav p[data-v-38e86e8f] {
    flex: 1
}

.mnav p span[data-v-38e86e8f] {
    display: block;
    width: 2.5rem;
    height: .0625rem;
    background: #000
}

.mfooter[data-v-34b91e53] {
    width: 41.875rem;
    padding: 2.5rem;
    background: #8d847f;
    font-size: 1.625rem;
    color: #fff;
    line-height: 2;
    text-align: left;
    padding-bottom: 6.25rem
}

.foottop[data-v-34b91e53] {
    width: 100%;
    display: flex;
    padding-bottom: 1.25rem
}

.foottop .footerLogo[data-v-34b91e53] {
    flex: 1;
    text-align: left
}

.foottop .footerLogo img[data-v-34b91e53] {
    height: 4.375rem
}

.foottop ul[data-v-34b91e53] {
    flex: 2;
    display: flex
}

.foottop ul li[data-v-34b91e53] {
    flex: 1;
    line-height: 1.125rem;
    padding-top: 3.25rem;
    position: relative
}

.footerqrcon[data-v-34b91e53] {
    padding: 3.125rem 0
}

.footerqrcon ul[data-v-34b91e53] {
    width: 25rem;
    display: flex
}

.footerqrcon ul li[data-v-34b91e53] {
    flex: 1 25%;
    text-align: center
}

.footerqrcon ul li img[data-v-34b91e53] {
    width: 2.8125rem;
    height: 2.8125rem
}

.footerqrcon ul li:first-child img[data-v-34b91e53] {
    width: 3.5rem
}

.blanklinklist[data-v-34b91e53] {
    line-height: 2;
    border-left: .0625rem solid #fff;
    padding-left: .625rem;
    left: -.9375rem;
    top: 5.3125rem;
    margin-top: 1.25rem
}

.blanklinklist div[data-v-34b91e53] {
    width: 9.375rem
}

.foottop ul li div[data-v-34b91e53] {
    color: #fff;
    background: #8d847f
}

.isshowqrcon[data-v-34b91e53] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999999999
}

.isshowqrcon div[data-v-34b91e53] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center
}

.isshowqrcon div img[data-v-34b91e53] {
    margin: 0 auto;
    max-width: 100%
}

#app {
    text-align: center;
    color: #4c413d;
    padding-top: 0
}

.logovideo {
    display: flex;
    align-items: center;
    background: #000
}

.logovideo video {
    margin: 0 auto;
    height: auto
}

.home .storeDisplay ul {
    position: absolute;
    left: 50%;
    margin-left: -26.875rem;
    bottom: 91%;
    padding-top: 0;
    margin-top: 0;
    line-height: 2rem;
    margin-bottom: -1rem;
    padding-bottom: 0
}

.home .kjdz ul {
    padding-top: 10.3125rem
}

.home .jianbianh {
    animation: hometopanimafounder 2s;
    -moz-animation: hometopanimafounder 2s;
    -webkit-animation: hometopanimafounder 2s;
    -o-animation: hometopanimafounder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.home .kjdz ul li.midl>div {
    height: 5.625rem;
    position: relative
}

.home .kjdz ul li.midl div div {
    position: absolute;
    left: 7.8125rem;
    top: 0;
    width: 12.5rem;
    text-align: center
}

.home .kjdz ul li.midl p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.home .switeName {
    padding: 0
}

.home .brandBox {
    width: 75rem;
    position: relative;
    height: 45rem
}

.home .brand {
    position: absolute;
    left: 0;
    top: 0
}

.home .brand .brandtext {
    animation: homebrand 1s;
    -moz-animation: homebrand 1s;
    -webkit-animation: homebrand 1s;
    -o-animation: homebrand 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.home .brand img {
    width: 21.875rem;
    height: 28.4375rem;
    animation: homebrand 2s;
    -moz-animation: homebrand 2s;
    -webkit-animation: homebrand 2s;
    -o-animation: homebrand 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.home .brandani .brandtext,
.home .brandani img {
    animation: homebrandani 2s;
    -moz-animation: homebrandani 2s;
    -webkit-animation: homebrandani 2s;
    -o-animation: homebrandani 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.home .homespanceheight img,
.homespanceheight,
.homespanceheight .homeDecorationMask {
    width: 120rem;
    height: 45rem;
    max-width: 100%;
}

.diannamezi {
    top: 50%
}

.brandProfile_introduce {
    width: 54.6875rem;
    margin: 0 auto;
    text-align: left;
    line-height: 2.3;
    padding-top: 6.25rem
}

.brandProfile_introduce>div {
    white-space: pre-wrap
}

.about .brandProfile .founder {
    padding-top: 0
}

.development {
    width: 100%;
    background: #e5e2e0;
    display: flex;
    flex-wrap: wrap;
    color: #4c413d
}

.development>div {
    width: 50%;
    flex: 1 50%;
    height: 37.5rem
}

.development img {
    width: 100%;
    height: 100%
}

.kuang .kuang_left {
    overflow: hidden;
    padding-left: 13.59375rem
}

.kuang .kuang_left>div {
    float: left
}

.kuang .kuang_right {
    overflow: hidden
}

.kuang .kuang_right>div {
    float: left
}

.kuang .shuyi {
    width: .0625rem;
    background: #fff;
    height: 37.5rem;
    margin-left: 2.65625rem
}

.kuang .shuyi div {
    width: 3.125rem;
    height: .0625rem;
    background: #f08518;
    margin-left: -1.5625rem
}

.kuang .year {
    padding-left: 3.28125rem
}

.kuang .year ul {
    line-height: 1.75rem;
    text-align: left
}

.kuang .kuang_right .year ul {
    text-align: right
}

.kuang .year ul li {
    color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.kuang .year ul li.avtive {
    animation: yearavtive 2s;
    -moz-animation: yearavtive 2s;
    -webkit-animation: yearavtive 2s;
    -o-animation: yearavtive 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.kuang .year ul li.favtive {
    animation: yearfavtive 2s;
    -moz-animation: yearfavtive 2s;
    -webkit-animation: yearfavtive 2s;
    -o-animation: yearfavtive 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes yearavtive {
    0% {
        color: #fff
    }

    to {
        color: #4c413d
    }
}

@-webkit-keyframes yearavtive {
    0% {
        color: #fff
    }

    to {
        color: #4c413d
    }
}

@-moz-keyframes yearavtive {
    0% {
        color: #fff
    }

    to {
        color: #4c413d
    }
}

@-o-keyframes yearavtive {
    0% {
        color: #fff
    }

    to {
        color: #4c413d
    }
}

@keyframes yearfavtive {
    0% {
        color: #4c413d
    }

    to {
        color: #fff
    }
}

@-webkit-keyframes yearfavtive {
    0% {
        color: #4c413d
    }

    to {
        color: #fff
    }
}

@-moz-keyframes yearfavtive {
    0% {
        color: #4c413d
    }

    to {
        color: #fff
    }
}

@-o-keyframes yearfavtive {
    0% {
        color: #4c413d
    }

    to {
        color: #fff
    }
}

.kuang .year ul li.avtive .bold {
    font-weight: 700
}

.kuang .xiangqing {
    width: 19.375rem;
    line-height: 1.875rem;
    text-align: left;
    padding-left: 3.75rem
}

.kuang .xiangqing .xiangqingwap {
    display: table-cell;
    vertical-align: middle;
    height: 37.5rem
}

.kuang .xiangqing .xiangqingwap div {
    font-size: 3.125rem;
    padding-bottom: .3125rem;
    line-height: normal;
    font-weight: 700
}

.kuang .xiangqing .xiangqingwap p {
    text-align: justify
}

.shuyiaani-move {
    transition: transform 2s
}

.movies {
    width: 75rem;
    margin: 0 auto;
    padding: 1.25rem 0 3.75rem 0
}

.movies img {
    width: 100%
}

.martopfucla {
    animation: martopfu 1s;
    -moz-animation: martopfu 1s;
    -webkit-animation: martopfu 1s;
    -o-animation: martopfu 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.martopfuclaaa {
    animation: martopfuaa .5s;
    -moz-animation: martopfuaa .5s;
    -webkit-animation: martopfuaa .5s;
    -o-animation: martopfuaa .5s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes martopfu {
    0% {
        opacity: 0;
        margin-top: 3.125rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes martopfu {
    0% {
        opacity: 0;
        margin-top: 3.125rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-moz-keyframes martopfu {
    0% {
        opacity: 0;
        margin-top: 3.125rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-o-keyframes martopfu {
    0% {
        opacity: 0;
        margin-top: 3.125rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes martopfuaa {
    0% {
        opacity: 0;
        margin-top: 1.5625rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes martopfuaa {
    0% {
        opacity: 0;
        margin-top: 1.5625rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-moz-keyframes martopfuaa {
    0% {
        opacity: 0;
        margin-top: 1.5625rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-o-keyframes martopfuaa {
    0% {
        opacity: 0;
        margin-top: 1.5625rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

.kuang .year ul {
    height: 37.5rem;
    display: flex;
    flex-direction: column
}

.sjmx {
    width: 100%;
    background: url(/img/sjmxbg.65feb56e.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding-top: .3125rem;
    margin-top: 2.8125rem
}

.about .mtab {
    margin-top: 3.125rem
}

.about .brandConcept .sjmx .founder .yishu {
    margin-top: 2.8125rem
}

.sjmx .movies {
    display: flex
}

.sjmx .movies ul {
    display: flex;
    width: 20.9375rem;
    flex: 1 20.9375rem;
    justify-content: space-between;
    flex-direction: column
}

.sjmx .movies ul li {
    width: 100%;
    height: 11.1rem
}

.sjmx .movies ul li img {
    width: 20.9375rem;
    height: 10.9375rem
}

.sjmx .movies video {
    width: 53.75rem;
    height: 33.125rem
}

.kjmx {
    position: relative;
    padding-bottom: 2.1875rem
}

.kjmx .kjmxtext {
    padding: 3.4375rem 21.25rem;
    border: .0625rem solid;
    display: inline-block;
    font-size: 1.5625rem
}

.kjmx .kjmxicon {
    position: absolute;
    width: 4.6875rem;
    height: 4.6875rem;
    border: .0625rem solid;
    border-radius: 100%;
    top: 2.34375rem;
    left: 50%;
    margin-left: -2.34375rem;
    background: #d2cdca;
    display: flex;
    align-items: center;
    text-align: center
}

.kjmx .kjmxicon img {
    margin-left: 19%
}

.shmx {
    background: #d2cdca;
    padding-top: .3125rem;
    margin-top: 5rem;
    padding-bottom: 5rem
}

.about .brandConcept .shmx .founder .yishu {
    margin-top: 2.8125rem
}

.shmx .kjmx img {
    background: #d2cdca
}

.shmximg {
    width: 58.75rem;
    margin: 0 auto
}

.shmximg ul {
    display: flex;
    width: 100%;
    padding-top: .625rem
}

.shmximg ul li {
    width: 18.541656rem;
    flex: 1 18.541666rem
}

.shmximg img {
    width: 100%
}

.shmximg .gk {
    margin: 0 .625rem
}

.kjmxvideo {
    width: 75rem;
    margin: 0 auto
}

.shmxbigiamgbox {
    position: relative;
    width: 58.75rem;
    height: 39.375rem
}

.shmxbigiamgbox img {
    width: 58.75rem;
    height: 39.375rem;
    position: absolute;
    left: 0;
    top: 0;
    animation: homebrand 2s;
    -moz-animation: homebrand 2s;
    -webkit-animation: homebrand 2s;
    -o-animation: homebrand 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.shmxbigiamgbox .shmxbigiamg {
    animation: homebrandani 2s;
    -moz-animation: homebrandani 2s;
    -webkit-animation: homebrandani 2s;
    -o-animation: homebrandani 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.enterpriseDynamics_box {
    width: 75rem;
    margin: 5.9375rem auto 2.8125rem;
    overflow: hidden
}

.enterpriseDynamics_news {
    overflow: auto;
    width: 300rem
}

.enterpriseDynamics_news ul {
    width: 75rem;
    float: left;
    display: flex
}

.enterpriseDynamics_news ul li {
    flex: 1 23.75rem;
    padding: .625rem
}

.enterpriseDynamics_news ul .title {
    text-align: left;
    font-size: 2.5rem;
    line-height: 12.5rem;
    position: relative
}

.enterpriseDynamics_news ul .title div {
    line-heigh: 28.125rem
}

.enterpriseDynamics_news ul li>p {
    font-size: 1rem;
    line-height: 3.75rem;
    text-align: left;
    padding-left: 1.875rem
}

.enterpriseDynamics_news ul .title p {
    font-size: .9375rem;
    border-bottom: .0625rem solid #000;
    display: inline-block;
    line-height: 1.875rem;
    padding-left: 0;
    position: absolute;
    left: .625rem;
    bottom: .625rem
}

.enterpriseDynamics_news ul li .newName {
    line-height: 2.1875rem;
    padding: 0 1.875rem;
    text-align: left;
    height: 6.5625rem
}

.enterpriseDynamics_news ul li .newMore {
    padding: 0 1.875rem;
    display: flex;
    line-height: 2.5rem
}

.enterpriseDynamics_news ul li .newMore span {
    font-size: .78125rem;
    color: #c5c2c1;
    text-align: left;
    flex: 1 50%
}

.enterpriseDynamics_news ul li .newMore button {
    flex: 1 50%;
    border: .0625rem solid #000;
    background: #fff;
    cursor: pointer;
    width: 10rem;
    line-height: 2.5rem
}

.enterpriseDynamics_news ul li .newMore button:hover,
.enterpriseDynamics_news ul li .newMore button a:hover {
    color: #fff;
    border-color: rgba(0, 0, 0, .43137254901960786);
    animation: morehoverh 1s;
    -moz-animation: morehoverh 1s;
    -webkit-animation: morehoverh 1s;
    -o-animation: morehoverh 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.enterpriseDynamics_news ul li .newMore button a:hover {
    line-height: 2.5rem
}

.newswi {
    width: 75rem;
    margin: 5rem auto;
    height: .0625rem;
    background: #000;
    position: relative
}

.newswi .left {
    padding: 0 .9375rem;
    height: 1.5625rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: -.78125rem;
    cursor: pointer
}

.newswi .left p {
    width: .0625rem;
    height: 1.5625rem;
    background: #000
}

.newswi .right {
    padding: 0 .9375rem;
    height: 1.5625rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: -.78125rem;
    cursor: pointer
}

.newswi .right p {
    width: .0625rem;
    height: 1.5625rem;
    background: #000
}

.newswi .center ul {
    overflow: hidden;
    padding: 0 .9375rem;
    background: #fff;
    display: inline-block;
    margin-top: -.78125rem
}

.newswi .center ul li {
    float: left;
    width: 2.8125rem;
    line-height: 1.5625rem;
    cursor: pointer
}

.newswi .center ul li.active {
    color: #f08158
}

.newswi .center ul li .no {
    display: block
}

.newswi .center ul li.active .no,
.newswi .center ul li .yes {
    display: none
}

.newswi .center ul li.active .yes {
    display: block
}

.tran {
    transition: all 2s
}

.qiyehuo ul .title {
    text-align: right
}

.qiyehuo ul .title p {
    left: auto;
    right: .625rem
}

.case .switeName {
    position: absolute;
    left: 0
}

.case .switeName .switeNameBox div.midle {
    height: auto;
    margin-bottom: 0
}

.case .switeName .switeNameBox div.midle p {
    width: 100%;
    height: auto;
    background: no-repeat;
    font-size: 3.125rem;
    font-weight: 100
}

.case .switeName .switeNameBox div.midle span {
    font-weight: 700;
    padding-top: 1.5625rem;
    display: block
}

.case .more {
    padding: .9375rem 5.625rem;
    margin-top: 8.4375rem;
    display: inline-block;
    font-size: 1rem
}

.case .more:hover {
    color: #fff;
    border-color: #f4a452
}

.caseNav {
    width: 100%;
    display: flex;
    background: #8d847f
}

.caseNav div {
    width: 50%;
    flex: 1 50%;
    line-height: 3.75rem;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.caseNav div.avtive {
    color: #f4a452
}

.case .spaceCustomization p {
    padding-bottom: 0;
    text-align: center
}

.jiax img {
    width: 100%
}

.case .enterpriseDynamics_news ul {
    flex-wrap: wrap;
    align-items: center
}

.case .enterpriseDynamics_news ul li {
    flex: 1 49%;
    width: 50%;
    padding: .5%
}

.case .enterpriseDynamics_news ul li.first {
    width: 100%;
    flex: 1 100%
}

.case .enterpriseDynamics_news ul li>div {
    position: relative
}

.case .enterpriseDynamics_news ul li>div p {
    bottom: 0;
    color: #fff;
    line-height: 2rem;
    text-align: left;
    text-indent: .9375rem
}

.case .enterpriseDynamics_news ul li>div p,
.case .moreJiax {
    position: absolute;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .43137254901960786)
}

.case .moreJiax {
    height: 100%;
    top: 0;
    text-align: center;
    display: none;
    animation: kjdzhomeDecorationMaska 1s;
    -moz-animation: kjdzhomeDecorationMaska 1s;
    -webkit-animation: kjdzhomeDecorationMaska 1s;
    -o-animation: kjdzhomeDecorationMaska 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .moreJiax div {
    color: #fff;
    border: .0625rem solid #fff;
    display: inline-block;
    padding: 1.25rem 7.8125rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9.375rem;
    margin-top: -1.5625rem;
    cursor: pointer
}

.case .moreJiax div:hover {
    color: #fff;
    border-color: rgba(0, 0, 0, .43137254901960786);
    animation: morehover 1s;
    -moz-animation: morehover 1s;
    -webkit-animation: morehover 1s;
    -o-animation: morehover 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .moreJiaxmouse {
    display: block;
    animation: kjdzbackgroundania 1s;
    -moz-animation: kjdzbackgroundania 1s;
    -webkit-animation: kjdzbackgroundania 1s;
    -o-animation: kjdzbackgroundania 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .homeDecorationMask {
    background: none
}

.case .shopx {
    width: 75rem;
    margin: 3.125rem auto 0
}

.case .shopx ul {
    display: flex;
    flex-wrap: wrap
}

.case .shopx ul li {
    width: 50%;
    flex: 1 49%;
    padding: .5%;
    cursor: pointer
}

.case .shopx ul li img {
    width: 100%;
    height: 100%
}

.case .mtn {
    margin-top: 0
}

.newlix {
    width: 75rem;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5.9375rem
}

.newlix .title {
    width: 23.75rem;
    float: left;
    text-align: left;
    font-size: 2.5rem;
    line-height: 12.5rem;
    position: relative;
    padding: .625rem;
    height: 30.625rem
}

.newlix .title p {
    font-size: .9375rem;
    border-bottom: .0625rem solid #000;
    display: inline-block;
    line-height: 1.875rem;
    padding-left: 0;
    position: absolute;
    left: .625rem;
    bottom: .625rem
}

.newlix .enterpriseDynamics_box {
    width: 50rem;
    float: left;
    margin-top: 0
}

.newlix .enterpriseDynamics_news ul {
    width: 50rem
}

.huodongx {
    padding-top: 0
}

.huodongx .title {
    height: 25.9375rem;
    text-align: right
}

.huodongx .title p {
    right: 0;
    left: auto
}

.case .shopx ul li.scale {
    transition: all 2s
}

.case .shopx ul li.scale div {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999999;
    background: rgba(0, 0, 0, .6);
    height: 100%;
    display: flex
}

.case .shopx ul li.scale img {
    transform: scale(.9);
    height: auto;
    align-items: center
}

.touxian {
    position: fixed;
    left: 0;
    top: 0;
    bottom: auto;
    z-index: 999;
    background: #000
}

@keyframes touxianxiaani {
    0% {
        margin-top: 0
    }

    to {
        margin-top: 5.1875rem
    }
}

@-webkit-keyframes touxianxiaani {
    0% {
        margin-top: 0
    }

    to {
        margin-top: 5.1875rem
    }
}

@-moz-keyframes touxianxiaani {
    0% {
        margin-top: 0
    }

    to {
        margin-top: 5.1875rem
    }
}

@-o-keyframes touxianxiaani {
    0% {
        margin-top: 0
    }

    to {
        margin-top: 5.1875rem
    }
}

@keyframes touxianshangani {
    0% {
        margin-top: 5.1875rem
    }

    to {
        margin-top: 0
    }
}

@-webkit-keyframes touxianshangani {
    0% {
        margin-top: 5.1875rem
    }

    to {
        margin-top: 0
    }
}

@-moz-keyframes touxianshangani {
    0% {
        margin-top: 5.1875rem
    }

    to {
        margin-top: 0
    }
}

@-o-keyframes touxianshangani {
    0% {
        margin-top: 5.1875rem
    }

    to {
        margin-top: 0
    }
}

.brandConcept .brandProfile_introduce {
    text-align: center
}

.spaceCustomization p.jijian {
    font-size: 1.5625rem;
    text-align: center;
    padding-bottom: 0
}

video {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.about .brandConcept .founder {
    padding-top: 0
}

.about .brandConcept .founder .yishu {
    margin-top: 5.9375rem
}

.brandConcept .movies {
    padding-top: 3.3125rem
}

.duijie .enterpriseDynamics_news ul {
    width: 25rem
}

.duijie .enterpriseDynamics_box {
    margin-bottom: 0
}

.duijie .enterpriseDynamics_news ul li>p {
    height: 3.75rem
}

.duijie .huodongx .title,
.duijie .newlix .title {
    height: 28.375rem
}

.duijie .enterpriseDynamics_news ul li img {
    width: 23.375rem;
    height: 15.375rem
}

.aboutBaner {
    position: relative;
    margin-top: var(--main-margin-top);
}

.aboutBaner p {
    position: absolute;
    font-size: 2.5rem;
    left: 0;
    top: 40%;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: .625rem;
    font-weight: 100
}

.about .founder {
    padding-top: 3.75rem
}

.about .founder .yishuani {
    height: 1.5625rem
}

.about .jiaolian {
    bottom: .78125rem
}

.about .brandConcept .brandProfile_introduce {
    padding-top: 3.125rem;
    white-space: pre-wrap
}

.kitchenWap .spaceCustomization p[data-v-76696424] {
    margin: 0 auto;
    white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-76696424] {
    left: 25%;
    top: 51%
}

.hsct .dingwei .dingweib[data-v-76696424] {
    left: 30%;
    top: 34%
}

.hsct .dingwei .dingweic[data-v-76696424] {
    left: 48%;
    top: 30%
}

.hsct .dingwei .dingweid[data-v-76696424] {
    left: 52%;
    top: 45%
}

.hsct .dingwei .dingweie[data-v-76696424] {
    left: 58%;
    top: 61%
}

.kitchenWap .dwzhankai ul[data-v-76696424] {
    width: 54.6875rem;
    height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-76696424] {
    width: 25rem;
    height: 22.03125rem;
    margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-76696424] {
    font-size: 1.875rem;
    padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-76696424] {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle[data-v-76696424] {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-76696424] {
    left: 29.5%;
    top: 44%
}

.cfct .dingwei .dingweib[data-v-76696424] {
    left: 39%;
    top: 24%
}

.cfct .dingwei .dingweic[data-v-76696424] {
    left: 50%;
    top: 74%
}

.fcscf .dingwei .dingweia[data-v-76696424] {
    left: 34%;
    top: 46%
}

.fcscf .dingwei .dingweib[data-v-76696424] {
    left: 39.6%;
    top: 86%
}

.fcscf .dingwei .dingweic[data-v-76696424] {
    left: 50%;
    top: 73%
}

.kitchenWap .spaceCustomization p[data-v-78b5d994] {
    margin: 0 auto;
    white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-78b5d994] {
    left: 22.5%;
    top: 61%
}

.hsct .dingwei .dingweib[data-v-78b5d994] {
    left: 25%;
    top: 37.5%
}

.hsct .dingwei .dingweic[data-v-78b5d994] {
    left: 29.5%;
    top: 69%
}

.hsct .dingwei .dingweid[data-v-78b5d994] {
    left: 51%;
    top: 61%
}

.hsct .dingwei .dingweie[data-v-78b5d994] {
    left: 69.5%;
    top: 59%
}

.kitchenWap .dwzhankai ul[data-v-78b5d994] {
    width: 54.6875rem;
    height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-78b5d994] {
    width: 25rem;
    height: 22.03125rem;
    margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-78b5d994] {
    font-size: 1.875rem;
    padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-78b5d994] {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle[data-v-78b5d994] {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-78b5d994] {
    left: 33.2%;
    top: 71%
}

.cfct .dingwei .dingweib[data-v-78b5d994] {
    left: 42.5%;
    top: 65%
}

.cfct .dingwei .dingweic[data-v-78b5d994] {
    left: 87%;
    top: 31%
}

.fcscf .dingwei .dingweia[data-v-78b5d994] {
    left: 51%;
    top: 58%
}

.fcscf .dingwei .dingweib[data-v-78b5d994] {
    left: 60.6%;
    top: 21%
}

.fcscf .dingwei .dingweic[data-v-78b5d994] {
    left: 75.6%;
    top: 61%
}

.kitchenWap .spaceCustomization p[data-v-419d963a] {
    margin: 0 auto;
    white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-419d963a] {
    left: 42.5%;
    top: 38.5%
}

.hsct .dingwei .dingweib[data-v-419d963a] {
    left: 54.5%;
    top: 16.5%
}

.hsct .dingwei .dingweic[data-v-419d963a] {
    left: 68.5%;
    top: 18%
}

.kitchenWap .dwzhankai ul[data-v-419d963a] {
    width: 54.6875rem;
    height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-419d963a] {
    width: 25rem;
    height: 22.03125rem;
    margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-419d963a] {
    font-size: 1.875rem;
    padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-419d963a] {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle[data-v-419d963a] {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-419d963a] {
    left: 17%;
    top: 41.4%
}

.cfct .dingwei .dingweib[data-v-419d963a] {
    left: 69.6%;
    top: 59.5%
}

.cfct .dingwei .dingweic[data-v-419d963a] {
    left: 78.9%;
    top: 69%
}

.kitchenWap .spaceCustomization p[data-v-468b8e8a] {
    margin: 0 auto;
    white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-468b8e8a] {
    left: 15.5%;
    top: 49.5%
}

.hsct .dingwei .dingweib[data-v-468b8e8a] {
    left: 31.5%;
    top: 33%
}

.hsct .dingwei .dingweic[data-v-468b8e8a] {
    left: 46%;
    top: 37%
}

.hsct .dingwei .dingweid[data-v-468b8e8a] {
    left: 62%;
    top: 67%
}

.kitchenWap .dwzhankai ul[data-v-468b8e8a] {
    width: 54.6875rem;
    height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-468b8e8a] {
    width: 25rem;
    height: 22.03125rem;
    margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-468b8e8a] {
    font-size: 1.875rem;
    padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-468b8e8a] {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle[data-v-468b8e8a] {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.cfct .dingwei .dingweia[data-v-468b8e8a] {
    left: 16%;
    top: 14%
}

.cfct .dingwei .dingweib[data-v-468b8e8a] {
    left: 27.5%;
    top: 49%
}

.cfct .dingwei .dingweic[data-v-468b8e8a] {
    left: 39%;
    top: 52%
}

.cfct .dingwei .dingweid[data-v-468b8e8a] {
    left: 55%;
    top: 45%
}

.cfct .dingwei .dingweie[data-v-468b8e8a] {
    left: 63.5%;
    top: 30%
}

.fcscf .dingwei .dingweia[data-v-468b8e8a] {
    left: 17.5%;
    top: 16%
}

.fcscf .dingwei .dingweib[data-v-468b8e8a] {
    left: 49%;
    top: 44%
}

.fcscfa .dingwei .dingweia[data-v-468b8e8a] {
    left: 28%;
    top: 47%
}

.fcscfa .dingwei .dingweib[data-v-468b8e8a] {
    left: 62%;
    top: 43%
}

.fcscfa .dingwei .dingweic[data-v-468b8e8a] {
    left: 81%;
    top: 67%
}

.kitchenWap .spaceCustomization p[data-v-773d9300] {
    margin: 0 auto;
    white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-773d9300] {
    left: 36%;
    top: 47.5%
}

.hsct .dingwei .dingweib[data-v-773d9300] {
    left: 41.5%;
    top: 4%
}

.hsct .dingwei .dingweic[data-v-773d9300] {
    left: 55.5%;
    top: 57%
}

.hsct .dingwei .dingweid[data-v-773d9300] {
    left: 69%;
    top: 60.5%
}

.kitchenWap .dwzhankai ul[data-v-773d9300] {
    width: 54.6875rem;
    height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-773d9300] {
    width: 25rem;
    height: 22.03125rem;
    margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-773d9300] {
    font-size: 1.875rem;
    padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-773d9300] {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle[data-v-773d9300] {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.kitchenWap .spaceCustomization p[data-v-4dab4d14] {
    margin: 0 auto;
    white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-4dab4d14] {
    left: 4%;
    top: 67.5%
}

.hsct .dingwei .dingweib[data-v-4dab4d14] {
    left: 5.5%;
    top: 84%
}

.hsct .dingwei .dingweic[data-v-4dab4d14] {
    left: 11.5%;
    top: 30%
}

.kitchenWap .dwzhankai ul[data-v-4dab4d14] {
    width: 54.6875rem;
    height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-4dab4d14] {
    width: 25rem;
    height: 22.03125rem;
    margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-4dab4d14] {
    font-size: 1.875rem;
    padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-4dab4d14] {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle[data-v-4dab4d14] {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.kitchenWap .spaceCustomization p[data-v-593aecac] {
    margin: 0 auto;
    white-space: pre-wrap
}

.hsct .dingwei .dingweia[data-v-593aecac] {
    left: 22%;
    top: 30.5%
}

.hsct .dingwei .dingweib[data-v-593aecac] {
    left: 23.5%;
    top: 57%
}

.kitchenWap .dwzhankai ul[data-v-593aecac] {
    width: 54.6875rem;
    height: 44.375rem
}

.kitchenWap .dwzhankai ul li .cfimg[data-v-593aecac] {
    width: 25rem;
    height: 22.03125rem;
    margin: 5.5rem 0 1.5625rem 22.1875rem
}

.kitchenWap .dwzhankai ul li div[data-v-593aecac] {
    font-size: 1.875rem;
    padding-top: 0
}

.kitchenWap .dwzhankai ul li p[data-v-593aecac] {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle[data-v-593aecac] {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.space {
    display: flex;
    color: #fff;
    padding-top: 18%
}

.space div {
    flex: 1;
    cursor: pointer
}

.space div img {
    width: 2.1875rem;
    margin: 0 auto
}

.space div p {
    padding-top: .9375rem
}

.spaceActiv {
    color: #f08518
}

.space .spaceimg {
    display: block
}

.space .spaceimgActive {
    display: none
}

.spaceActiv .spaceimgActive {
    display: block
}

.spaceActiv .spaceimg {
    display: none
}

.moreBut {
    width: 26%;
    text-align: center;
    border: .0625rem solid #000;
    margin: 0 auto 4%;
    padding: 1.5% 0;
    cursor: pointer;
    color: #000
}

.moreBut:hover {
    color: #fff;
    border-color: rgba(0, 0, 0, .43137254901960786);
    animation: morehoverh 1s;
    -moz-animation: morehoverh 1s;
    -webkit-animation: morehoverh 1s;
    -o-animation: morehoverh 1s;
    animation-fill-mode: forwards
}

.kjdz ul li.midl p {
    padding-top: 3.125rem
}

.product .homeDecorationMask {
    background: none
}

.livingRoomWap .homeDecoration {
    height: 44.375rem;
    position: relative
}

.livingRoomWap .homeDecoration img {
    height: 44.375rem
}

.dingwei {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.8125rem;
    color: #fff;
    animation: kjdzhomeDecorationMask 1s;
    -moz-animation: kjdzhomeDecorationMask 1s;
    -webkit-animation: kjdzhomeDecorationMask 1s;
    -o-animation: kjdzhomeDecorationMask 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.dingweishow {
    animation: kjdzbackgroundani 1s;
    -moz-animation: kjdzbackgroundani 1s;
    -webkit-animation: kjdzbackgroundani 1s;
    -o-animation: kjdzbackgroundani 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.dingwei>div {
    width: 2.8125rem;
    height: 2.8125rem;
    cursor: pointer;
    position: absolute
}

.dingwei .dingweidneg {
    left: 68.4375rem;
    top: 3.375rem
}

.dingwei .dingweizhipin {
    left: 56.5625rem;
    top: 13.4375rem
}

.dingwei .dingweiyinxiang {
    left: 27.8125rem;
    top: 290
}

.dingwei .dingweishafa {
    left: 370;
    top: 32.1875rem
}

.dingwei .dingweishafaa {
    left: 56%;
    top: 88%
}

.dwzhankai {
    width: 100%;
    height: 44.375rem;
    position: absolute;
    top: 0;
    left: 0
}

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

.dwzhankai ul li {
    width: 50%;
    flex: 1 50%;
    background: #4c413d;
    color: #fff;
    text-align: left
}

.dwzhankai ul li p {
    width: 25rem;
    font-size: 1.125rem;
    line-height: 1.5;
    padding-left: 22.1875rem;
    padding-top: 3.75rem;
    height: 16.25rem
}

.dwzhankai ul li div {
    font-size: 3rem;
    padding-top: 7.1875rem;
    padding-left: 22.1875rem
}

.dwzhankai ul li button {
    cursor: pointer;
    font-size: 1.125rem;
    padding: 1.5625rem 8.125rem;
    background: none;
    border: .0625rem solid #fff;
    color: #fff;
    margin-left: 22.1875rem
}

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

.founder ul.kala {
    width: 46.875rem;
    margin: 0 auto
}

.livingRoomWap .founder .kalashu {
    height: 15rem;
    background: #000;
    margin: 3.125rem auto
}

.founder .kalajinx li {
    width: 49%;
    flex: 1 49%;
    padding: .5%;
    cursor: pointer;
    position: relative
}

.founder .kalajinx {
    flex-wrap: wrap
}

.founder .kalajinx li img {
    margin: 0;
    transform: none;
    width: 100%;
    height: 33.125rem
}

.founder .kalajinx li>div.div {
    position: absolute;
    width: 98%;
    height: 18.75rem;
    left: 1%;
    top: 1%;
    color: #fff;
    padding-top: 14.375rem;
    animation: kjdzhomeDecorationMask 1s;
    -moz-animation: kjdzhomeDecorationMask 1s;
    -webkit-animation: kjdzhomeDecorationMask 1s;
    -o-animation: kjdzhomeDecorationMask 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.founder .kalajinx li.kalajinxenter>div.div {
    animation: kjdzbackgroundani 1s;
    -moz-animation: kjdzbackgroundani 1s;
    -webkit-animation: kjdzbackgroundani 1s;
    -o-animation: kjdzbackgroundani 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.founder .kalajinx li>div.div p {
    text-align: center;
    padding: 0;
    font-size: 1rem
}

.productnav {
    width: 100%;
    text-align: center;
    padding: .5rem 0;
    background: #8d847f
}

.productnavTop {
    position: fixed;
    bottom: inherit;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8901960784313725);
    z-index: 99
}

@keyframes productnavTopaa {
    0% {
        top: 0
    }

    to {
        top: 5.1875rem
    }
}

@-webkit-keyframes productnavTopaa {
    0% {
        top: 0
    }

    to {
        top: 5.1875rem
    }
}

@-moz-keyframes productnavTopaa {
    0% {
        top: 0
    }

    to {
        top: 5.1875rem
    }
}

@-o-keyframes productnavTopaa {
    0% {
        top: 0
    }

    to {
        top: 5.1875rem
    }
}

@keyframes productnavTopbb {
    0% {
        top: 5.1875rem
    }

    to {
        top: 0
    }
}

@-webkit-keyframes productnavTopbb {
    0% {
        top: 5.1875rem
    }

    to {
        top: 0
    }
}

@-moz-keyframes productnavTopbb {
    0% {
        top: 5.1875rem
    }

    to {
        top: 0
    }
}

@-o-keyframes productnavTopbb {
    0% {
        top: 5.1875rem
    }

    to {
        top: 0
    }
}

.productnavtopling {
    top: 0
}

.product .spaceCustomization img.pbanner {
    width: 100%;
    height: 45rem
}

#app .product .kjjianjie p {
    padding-bottom: 0
}

.kitchenDetails .founder img {
    width: 3.125rem;
    height: 3.125rem;
    transform: none
}

.kitchenDetails .founder ul p {
    text-align: center;
    line-height: 2;
    padding-top: .625rem
}

.kitchenDetails .founder .beijing {
    padding-bottom: 6.25rem
}

.kjdetails {
    width: 39.0625rem;
    margin: 0 auto;
    overflow: hidden
}

.kjdetails>div {
    width: 40%;
    float: left;
    border: .0625rem solid #000;
    cursor: pointer;
    color: #000;
    padding: 2% 0
}

.kjdetails>div.active {
    border: .0625rem solid #f08518;
    color: #f08518
}

.kjdetails>div.kjdetailsright {
    float: right
}

.kitchenDetails .founder .yishu {
    margin-top: 3%;
    margin-bottom: 2%
}

.cfkjystitle {
    font-size: 1.875rem;
    width: 75rem;
    margin: 0 auto;
    position: relative
}

.cfkjystitle div {
    width: 28.125rem;
    margin: 0 auto;
    background: #fff
}

.cfkjystitle p {
    border-bottom: .0625rem solid #000;
    position: absolute;
    left: 0;
    width: 100%;
    top: 52%;
    z-index: -1565
}

.cfkjcont {
    width: 75rem;
    margin: 2.1875rem auto 0
}

.cfkjcont ul {
    width: 100%;
    display: flex;
    align-content: center
}

.cfkjcont ul li {
    flex: 1;
    cursor: pointer
}

.cfkjcont ul li.active img {
    border: .0625rem solid #f08518
}

.cfkjcont ul li p {
    font-size: .75rem;
    line-height: 2
}

.cfkjcont ul li img {
    width: 3.125rem;
    height: 3.125rem
}

.cfkjysbigimg {
    margin: 2.8125rem 0
}

.cfkjysbigimg img {
    width: 100%
}

.spacelunimg {
    width: 75rem;
    margin: 0 auto
}

.chufangxbanner img,
.spacelunimg img {
    width: 100%
}

.homeDecorationCenten {
    position: relative
}

.christophBrand .productnav {
    width: 100%;
    text-align: center
}

.productnav .space {
    width: 75rem;
    margin: 0 auto;
    padding-top: 0
}

.productnav .space div p {
    text-align: center;
    padding-bottom: 0
}

.christophBrand .productnavTop {
    position: fixed;
    bottom: inherit;
    top: 0;
    left: 0;
    background: rgb(0 0 0/90%);
    z-index: 999
}

.dajijunav div img {
    width: 2.1875rem
}

.christophBrand .spaceCustomization p {
    text-align: center;
    padding-bottom: 0
}

.margintopt {
    margin-top: 3%
}

.christophBrand .zhontu img {
    width: 100%;
    transform: none;
    margin-top: 1.5625rem
}

.christophBrand .enterpriseDynamics_box {
    width: 100%;
    height: 56.25rem
}

.christophBrand .enterpriseDynamics_news ul {
    width: 100%
}

.christophBrand .enterpriseDynamics_news ul li {
    width: 100%;
    flex: 1 100%;
    margin: 0;
    padding: 0
}

.christophBrand .enterpriseDynamics_news ul li img {
    width: 100%
}

.germanBox {
    width: 100%;
    height: 32.5rem;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    overflow: hidden
}

.germanBox ul li {
    width: 75rem;
    margin: 0 auto;
    display: flex
}

.germanBox ul li>div {
    width: 37.5rem;
    height: 32.5rem;
    flex: 1 37.5rem
}

.germanBox ul li>div img {
    width: 100%;
    height: 32.5rem
}

.germanBox ul li>div p {
    width: 100%;
    text-align: center;
    font-size: 3.125rem;
    font-weight: 100;
    color: #4c413d;
    line-height: 3.75rem;
    height: 11.25rem;
    overflow: hidden;
    padding-top: 2.8125rem
}

.germanBox ul li>div p span {
    display: block
}

.germanimg-move {
    transition: all .5s
}

.product .productkjdz ul li {
    padding-top: 7.5rem;
    cursor: pointer
}

.product .productkjdz ul li p {
    display: none
}

.product .productkjdz ul li.midl p {
    display: block;
    margin-top: .625rem
}

.product .productkjdz ul li.midl {
    border-bottom: none;
    flex: 4;
    font-size: 2.5em;
    padding-top: 3.75rem;
    overflow: initial
}

.product .productkjdz ul li.midl>div {
    letter-spacing: .625rem
}

.product .productkjdz ul li.left {
    text-align: left
}

.product .productkjdz ul li.right {
    text-align: right
}

.product .homeDecorationCenten ul {
    padding-top: 9.375rem
}

.positre {
    position: relative
}

.positre .switeName {
    position: absolute;
    left: 0;
    top: 23.4375rem
}

@keyframes kjdzleftani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem;
        opacity: 0
    }

    50.1% {
        left: 12.5rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes kjdzleftani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem;
        opacity: 0
    }

    50.1% {
        left: 12.5rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes kjdzleftani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem;
        opacity: 0
    }

    50.1% {
        left: 12.5rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes kjdzleftani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem;
        opacity: 0
    }

    50.1% {
        left: 12.5rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes kjdzrightani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes kjdzrightani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-moz-keyframes kjdzrightani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-o-keyframes kjdzrightani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes kjdzmidleani {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@-webkit-keyframes kjdzmidleani {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@-moz-keyframes kjdzmidleani {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@-o-keyframes kjdzmidleani {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@keyframes kjdzmidleanir {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@-webkit-keyframes kjdzmidleanir {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@-moz-keyframes kjdzmidleanir {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@-o-keyframes kjdzmidleanir {
    0% {
        left: 7.8125rem;
        opacity: 1
    }

    50% {
        left: 0;
        opacity: 0
    }

    50.1% {
        left: 15.625rem;
        opacity: 0
    }

    to {
        left: 7.8125rem;
        opacity: 1
    }
}

@keyframes pkjdzmidleani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes pkjdzmidleani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes pkjdzmidleani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes pkjdzmidleani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes pkjdzmidleanir {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes pkjdzmidleanir {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes pkjdzmidleanir {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes pkjdzmidleanir {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -18.75rem;
        opacity: 0
    }

    50.1% {
        left: 18.75rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes kjdzmrtyani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem;
        opacity: 0
    }

    50.1% {
        left: 12.5rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes kjdzmrtyani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem;
        opacity: 0
    }

    50.1% {
        left: 12.5rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes kjdzmrtyani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem
    }

    50.1% {
        left: 12.5rem;
        opacity: 1
    }

    to {
        left: 0
    }
}

@-o-keyframes kjdzmrtyani {
    0% {
        left: 0;
        opacity: 1
    }

    50% {
        left: -12.5rem;
        opacity: 0
    }

    50.1% {
        left: 12.5rem;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes kjdzmltyani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes kjdzmltyani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-moz-keyframes kjdzmltyani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-o-keyframes kjdzmltyani {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: 12.5rem;
        opacity: 0
    }

    50.1% {
        right: -12.5rem;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.kjdz ul.kjdzanimaleft li.left div div {
    animation: kjdzleftani 2s;
    -moz-animation: kjdzleftani 2s;
    -webkit-animation: kjdzleftani 2s;
    -o-animation: kjdzleftani 2s;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.left div div {
    animation: kjdzmrtyani 2s;
    -moz-animation: kjdzmrtyani 2s;
    -webkit-animation: kjdzmrtyani 2s;
    -o-animation: kjdzmrtyani 2s;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaleft li.right div div {
    animation: kjdzmltyani 2s;
    -moz-animation: kjdzmltyani 2s;
    -webkit-animation: kjdzmltyani 2s;
    -o-animation: kjdzmltyani 2s;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.right div div {
    animation: kjdzrightani 2s;
    -moz-animation: kjdzrightani 2s;
    -webkit-animation: kjdzrightani 2s;
    -o-animation: kjdzrightani 2s;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.midl>div div {
    animation: kjdzmidleanir 2s;
    -moz-animation: kjdzmidleanir 2s;
    -webkit-animation: kjdzmidleanir 2s;
    -o-animation: kjdzmidleanir 2s;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaleft li.midl>div div {
    animation: kjdzmidleani 2s;
    -moz-animation: kjdzmidleani 2s;
    -webkit-animation: kjdzmidleani 2s;
    -o-animation: kjdzmidleani 2s;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaright li.midl>div p {
    animation: pkjdzmidleanir 2s;
    -moz-animation: pkjdzmidleanir 2s;
    -webkit-animation: pkjdzmidleanir 2s;
    -o-animation: pkjdzmidleanir 2s;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz ul.kjdzanimaleft li.midl>div p {
    animation: pkjdzmidleani 2s;
    -moz-animation: pkjdzmidleani 2s;
    -webkit-animation: pkjdzmidleani 2s;
    -o-animation: pkjdzmidleani 2s;
    -webkit-animation-timing-function: ease-in-out
}

.logovideo {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999999
}

.logovideo .logoload {
    width: 10.8125rem;
    height: 8.125rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4.0625rem;
    margin-left: -5.40625rem
}

.logovideo .logoloadbg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    animation: logovideoimg 4s;
    -moz-animation: logovideoimg 4s;
    -webkit-animation: logovideoimg 4s;
    -o-animation: logovideoimg 4s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes logovideoimg {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

@-webkit-keyframes logovideoimg {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

@-moz-keyframes logovideoimg {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

@-o-keyframes logovideoimg {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

.logovideodan {
    animation: logovideodani 1s;
    -moz-animation: logovideodani 1s;
    -webkit-animation: logovideodani 1s;
    -o-animation: logovideodani 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes logovideodani {
    0% {
        opacity: 1;
        z-index: 99999
    }

    to {
        opacity: 0;
        z-index: -1
    }
}

@-webkit-keyframes logovideodani {
    0% {
        opacity: 1;
        z-index: 99999
    }

    to {
        opacity: 0;
        z-index: -1
    }
}

@-moz-keyframes logovideodani {
    0% {
        opacity: 1;
        z-index: 99999
    }

    to {
        opacity: 0;
        z-index: -1
    }
}

@-o-keyframes logovideodani {
    0% {
        opacity: 1;
        z-index: 99999
    }

    to {
        opacity: 0;
        z-index: -1
    }
}

.case .homefounder {
    margin-top: 7.8125rem;
    opacity: 0;
    animation: homehomefounder 2s;
    -moz-animation: homehomefounder 2s;
    -webkit-animation: homehomefounder 2s;
    -o-animation: homehomefounder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .storeDisplay ul {
    position: absolute;
    left: 50%;
    margin-left: -26.875rem;
    bottom: 91%;
    padding-top: 0;
    margin-top: 0;
    line-height: 2rem;
    margin-bottom: -1rem;
    padding-bottom: 0
}

.switeName {
    padding: 0
}

.storeDisplay .more {
    position: absolute;
    left: 50%;
    bottom: 44%;
    margin-bottom: -1.9375rem;
    margin-left: -10.1875rem
}

.cases .storeDisplay .more {
    bottom: -6.25rem;
    width: 20.8125rem;
    padding: 0
}

.case .kjdz ul {
    padding-top: 10.3125rem
}

.case .jianbianh {
    animation: hometopanimafounder 2s;
    -moz-animation: hometopanimafounder 2s;
    -webkit-animation: hometopanimafounder 2s;
    -o-animation: hometopanimafounder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .kjdz ul li.midl>div {
    height: 5.625rem;
    position: relative
}

.case .kjdz ul li.midl div div {
    position: absolute;
    left: 7.8125rem;
    top: 0;
    width: 12.5rem
}

.case .kjdz ul li.midl p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.kjdz .homeDecorationMask {
    animation: kjdzhomeDecorationMaska 2s;
    -moz-animation: kjdzhomeDecorationMaska 2s;
    -webkit-animation: kjdzhomeDecorationMaska 2s;
    -o-animation: kjdzhomeDecorationMaska 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz .spaceCustomization {
    position: absolute;
    left: 0;
    right: 0
}

.kjdz .backgroundani {
    animation: kjdzbackgroundania 2s;
    -moz-animation: kjdzbackgroundania 2s;
    -webkit-animation: kjdzbackgroundania 2s;
    -o-animation: kjdzbackgroundania 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes kjdzbackgroundani {
    0% {
        background: none;
        opacity: 0
    }

    to {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }
}

@-webkit-keyframes kjdzbackgroundani {
    0% {
        background: none;
        opacity: 0
    }

    to {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }
}

@-moz-keyframes kjdzbackgroundani {
    0% {
        background: none;
        opacity: 0
    }

    to {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }
}

@-o-keyframes kjdzbackgroundani {
    0% {
        background: none;
        opacity: 0
    }

    to {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }
}

@keyframes kjdzhomeDecorationMask {
    0% {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }

    to {
        background: none;
        opacity: 0
    }
}

@-webkit-keyframes kjdzhomeDecorationMask {
    0% {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }

    to {
        background: none;
        opacity: 0
    }
}

@-moz-keyframes kjdzhomeDecorationMask {
    0% {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }

    to {
        background: none;
        opacity: 0
    }
}

@-o-keyframes kjdzhomeDecorationMask {
    0% {
        background: rgba(0, 0, 0, .4);
        opacity: 1
    }

    to {
        background: none;
        opacity: 0
    }
}

@keyframes kjdzbackgroundania {
    0% {
        background: none
    }

    to {
        background: rgba(0, 0, 0, .4)
    }
}

@-webkit-keyframes kjdzbackgroundania {
    0% {
        background: none
    }

    to {
        background: rgba(0, 0, 0, .4)
    }
}

@-moz-keyframes kjdzbackgroundania {
    0% {
        background: none
    }

    to {
        background: rgba(0, 0, 0, .4)
    }
}

@-o-keyframes kjdzbackgroundania {
    0% {
        background: none
    }

    to {
        background: rgba(0, 0, 0, .4)
    }
}

@keyframes kjdzhomeDecorationMaska {
    0% {
        background: rgba(0, 0, 0, .4)
    }

    to {
        background: none
    }
}

@-webkit-keyframes kjdzhomeDecorationMaska {
    0% {
        background: rgba(0, 0, 0, .4)
    }

    to {
        background: none
    }
}

@-moz-keyframes kjdzhomeDecorationMaska {
    0% {
        background: rgba(0, 0, 0, .4)
    }

    to {
        background: none
    }
}

@-o-keyframes kjdzhomeDecorationMaska {
    0% {
        background: rgba(0, 0, 0, .4)
    }

    to {
        background: none
    }
}

.case .switeName {
    padding: 0
}

.ditumendian .homeDecorationMask {
    animation: kjdzhomeDecorationMask 2s;
    -moz-animation: kjdzhomeDecorationMask 2s;
    -webkit-animation: kjdzhomeDecorationMask 2s;
    -o-animation: kjdzhomeDecorationMask 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.ditumendian .backgroundani {
    animation: kjdzbackgroundani 2s;
    -moz-animation: kjdzbackgroundani 2s;
    -webkit-animation: kjdzbackgroundani 2s;
    -o-animation: kjdzbackgroundani 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .brandBox {
    width: 75rem;
    position: relative;
    height: 45rem
}

.case .brand {
    position: absolute;
    left: 0;
    top: 0
}

.case .brand .brandtext {
    animation: homebrand 1s;
    -moz-animation: homebrand 1s;
    -webkit-animation: homebrand 1s;
    -o-animation: homebrand 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .brand img {
    animation: homebrand 2s;
    -moz-animation: homebrand 2s;
    -webkit-animation: homebrand 2s;
    -o-animation: homebrand 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.case .brandani .brandtext,
.case .brandani img {
    animation: homebrandani 2s;
    -moz-animation: homebrandani 2s;
    -webkit-animation: homebrandani 2s;
    -o-animation: homebrandani 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz .spaceCustomization {
    animation: homebrand 2s;
    -moz-animation: homebrand 2s;
    -webkit-animation: homebrand 2s;
    -o-animation: homebrand 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.kjdz .spaceCustomizationani {
    animation: homebrandani 2s;
    -moz-animation: homebrandani 2s;
    -webkit-animation: homebrandani 2s;
    -o-animation: homebrandani 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes homebrand {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes homebrand {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes homebrand {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes homebrand {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes homebrandani {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes homebrandani {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes homebrandani {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes homebrandani {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cases .ditumendian .switeName {
    background: none;
    bottom: 50%
}

.diannamezi {
    font-size: 1.875rem;
    position: absolute;
    width: 75rem;
    top: 41%;
    left: 0;
    line-height: 3.75rem;
    margin-top: -3.75rem
}

.diannamezi p {
    font-size: 3.125rem
}

.diannamezi span {
    font-size: 1.875rem
}

.xiangqingcase {
    position: absolute;
    width: 100%;
    bottom: 1.875rem;
    left: 0
}

.xiangqingcase span {
    padding-left: 1.5625rem
}

.pubuliu {
    width: 75rem
}

.pages {
    display: flex;
    justify-content: center;
    font-size: 1.625rem;
    padding-top: 2.5rem;
    border-bottom: .0625rem solid #000;
    width: 100%;
    margin: 2.5rem auto;
    position: relative;
    padding: 0
}

.pages div {
    cursor: pointer
}

.pages .prev {
    position: absolute;
    left: 0;
    top: -.75rem;
    width: 1.5625rem;
    height: 1.5625rem
}

.pages .prev p {
    width: .0625rem;
    background: #000;
    height: 1.5625rem;
    margin: 0 auto
}

.pages .next {
    position: absolute;
    right: 0;
    top: -.75rem;
    width: 1.5625rem;
    height: 1.5625rem
}

.pages .next p {
    width: .0625rem;
    background: #000;
    height: 1.5625rem;
    margin: 0 auto
}

.pages ul {
    display: flex;
    position: absolute;
    background: #fff;
    top: -.9375rem
}

.pages ul li {
    flex: 1;
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 .625rem;
    line-height: 1.875rem;
    text-align: center;
    cursor: pointer;
    font-size: 2.5rem
}

.pages ul li.active {
    color: #f08518
}

.mat0 {
    margin-bottom: 0
}

.pages ul li .gaoliang {
    display: none
}

.pages ul li.active .gaoliang,
.pages ul li .nogl {
    display: block
}

.pages ul li.active .nogl {
    display: none
}

.tuji {
    padding-top: 3.125rem
}

.cdbanner img {
    width: 100%
}

.details .tuji .switeName {
    position: static;
    color: #867f7d;
    font-size: 1rem;
    padding-top: 1.5625rem;
    padding-bottom: 3.125rem;
    background: none
}

.details .tuji .switeName .switeNameBox div {
    cursor: pointer
}

.details .tuji .switeName .switeNameBox div p {
    background: #000
}

.details .tuji .switeName .switeNameBox div.midle {
    border-bottom: none
}

.tujiswiper ul {
    margin-left: -26.25rem
}

.tuji .tujiHa ul li>div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33.75rem;
    overflow: hidden
}

.tuji .tujiHa ul li img {
    width: auto;
    height: 100%
}

.tuji .tujiHa ul li img.addclissshiying {
    width: 100%;
    height: auto
}

.detailsCenter,
.detailsCenters,
.detailsName {
    width: 56.25rem;
    margin: 0 auto;
    text-align: justify;
    line-height: 2
}

.detailsCenters {
    white-space: pre-wrap
}

.detailsCenter p {
    padding-bottom: 1.875rem
}

.detailsName {
    padding: 4.6875rem 0
}

.detailsName p {
    color: #b5b5b5;
    line-height: 1.5
}

.detailsName p span {
    font-weight: 700;
    padding: 0 .3125rem
}

.bigImg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .3607843137254902);
    display: none
}

.bigImg_left {
    left: 1.25rem
}

.bigImg_left,
.bigImg_right {
    width: 6.25rem;
    height: 6.25rem;
    background: #fff;
    text-align: center;
    line-height: 6.25rem;
    position: absolute;
    top: 50%;
    margin-top: -3.125rem;
    cursor: pointer
}

.bigImg_right {
    right: 1.25rem
}

.bigImg_img {
    width: 600rem;
    overflow: auto
}

.bigImg_img div {
    width: 120rem;
    float: left
}

.bigImg_img div img,
.img_list {
    width: 100%
}

.img_list {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .3607843137254902);
    display: none
}

.img_list ul {
    width: 74%;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    overflow-y: auto;
    height: 84%;
    margin-top: 2%;
    padding: 3%
}

.img_list ul li {
    width: 31.33%;
    flex: 1 31.33%;
    display: table-cell;
    vertical-align: middle;
    padding: 1%;
    display: flex;
    align-items: center;
    float: left
}

.img_list ul li img {
    width: 100%
}

.case .switeName {
    bottom: 0;
    background: rgba(0, 0, 0, .6)
}

.case .switeName .switeNameBox div.midle p {
    font-size: 2.21875rem
}

.case .switeName .switeNameBox div.midle div {
    border-bottom: none;
    font-size: 1rem;
    padding-top: .625rem
}

.details .tuji .switeName .switeNameBox div span {
    background: #000
}

.case .tujiswiper ul li.scale {
    transition: all 2s
}

.case .tujiswiper ul li.scale div {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999999;
    background: rgba(0, 0, 0, .6);
    height: 100%;
    display: flex
}

.case .tujiswiper ul li.scale img {
    transform: scale(.9);
    height: auto;
    align-items: center
}

.alltuji {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background: #000;
    z-index: 10000000000000000
}

.alltuji ul,
.alltuji ul li {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%
}

.alltuji ul li {
    flex: 1;
    justify-content: center
}

.alltuji ul li img {
    width: auto;
    height: 100%
}

.alltuji ul li img.iswidthman {
    width: 100%;
    height: auto
}

.alltujileft {
    width: 9.375rem;
    position: absolute;
    left: 2.5%;
    top: 50%;
    cursor: pointer;
    height: 1.5625rem;
    margin-top: -.78125rem
}

.alltujileft div {
    width: 9.375rem;
    height: .0625rem;
    background: #fff;
    margin-top: 1.5625rem
}

.alltujileft p {
    width: .0625rem;
    background: #fff;
    left: 1.5625rem;
    top: .78125rem
}

.alltujileft p,
.alltujiright {
    height: 1.5625rem;
    position: absolute
}

.alltujiright {
    width: 9.375rem;
    right: 2.5%;
    top: 50%;
    cursor: pointer;
    margin-top: -.78125rem
}

.alltujiright div {
    width: 9.375rem;
    height: .0625rem;
    background: #fff;
    margin-top: 1.5625rem
}

.alltujiright p {
    height: 1.5625rem;
    width: .0625rem;
    background: #fff;
    position: absolute;
    right: 1.5625rem;
    top: .78125rem
}

.detailsCenter {
    padding-top: .625rem;
    padding-bottom: 5rem
}

.zhichi .consult {
    width: 75rem;
    padding-top: 3.75rem;
    text-align: center
}

.zhichi .consult button:hover {
    color: #000;
    animation: morehoverh 1s;
    -moz-animation: morehoverh 1s;
    -webkit-animation: morehoverh 1s;
    -o-animation: morehoverh 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.consult>div {
    display: flex
}

.consult>div span {
    display: block;
    flex: 1;
    line-height: 2;
    text-align-last: justify
}

.consult>div input {
    flex: 8
}

.tishi {
    width: 100%;
    color: #fff;
    position: fixed;
    top: 50%;
    margin-top: -1.875rem;
    left: 0;
    text-align: center;
    z-index: 9998;
}

.tishi div {
    display: inline-block;
    padding: 1.25rem 3.125rem;
    background: #000;
    border-radius: .625rem
}

.zhichi ul {
    text-align: center;
    display: flex
}

.zhichi ul li {
    flex: 1 9.375rem
}

.zhichi ul li p {
    padding: .9375rem 0
}

.zhichi ul .henggang {
    flex: 1 12.5rem;
    height: .0625rem;
    background: #000;
    margin-top: 1.875rem
}

.guaiwang {
    border-right: .0625rem solid #000;
    margin-right: 4.6875rem
}

.guaiwang,
.guaiwangLeft {
    height: 2.5rem;
    margin-bottom: 1.5625rem
}

.guaiwangLeft {
    border-left: .0625rem solid #000;
    margin-left: 4.6875rem
}

.contact .aboutBaner p {
    font-size: 2.5rem
}

.contact .aboutBaner p span {
    display: block;
    padding-top: 1.5625rem;
    letter-spacing: 0
}

.contact .founder .yishu {
    margin-top: 3.4375rem
}

.contactCode {
    width: 75rem;
    margin: 5rem auto 8.4375rem;
    display: flex
}

.contactCode .contactCodeLeft {
    width: 37.5rem;
    flex: 1 37.5rem;
    text-align: left;
    line-height: 2;
    border-right: .0625rem solid #000
}

.contactCode .contactCodeLeft>div {
    padding-bottom: 1.25rem
}

.contactCode .contactCodeLeft>div div {
    font-weight: 700
}

.contactCode .contactCodeRiight {
    width: 37.5rem;
    flex: 1 37.5rem
}

.contactCode .contactCodeRiight ul {
    display: flex;
    flex-wrap: wrap
}

.contactCode .contactCodeRiight ul li {
    width: 50%;
    flex: 1 50%
}

.contactCode .contactCodeRiight ul li img {
    width: 8.75rem;
    height: 8.75rem
}

.contactCode .contactCodeRiight ul li p {
    line-height: 3
}

.contact .enterpriseDynamics_box {
    margin-top: 0;
    position: relative;
    margin-bottom: 5rem
}

.contact .enterpriseDynamics_news ul {
    flex-wrap: wrap;
    color: #605653;
    height: 21.75rem;
    flex-direction: column
}

.wushuju {
    color: #605653;
    height: 21.75rem;
    line-height: 21.75rem;
    width: 75rem;
    text-align: center
}

.contact .enterpriseDynamics_news ul li {
    flex: 1 6rem;
    width: 36.75rem;
    padding: 0;
    padding-bottom: 1.25rem;
    cursor: pointer;
    position: relative;
    padding-left: .75rem;
    overflow: hidden;
    height: 6rem
}

.contact .enterpriseDynamics_news ul li>p {
    line-height: 2;
    padding-left: 0;
    width: 30.625rem
}

.contact .enterpriseDynamics_news ul li>p.shopname {
    font-weight: 700
}

.contact .enterpriseDynamics_news ul li .addres {
    position: absolute;
    right: 0;
    top: .5rem
}

.contact .enterpriseDynamics_news ul li .addres button {
    display: block;
    background: #fff;
    border: .0625rem solid;
    margin-bottom: .46875rem;
    padding: 0 .78125rem;
    cursor: pointer
}

.contact .enterpriseDynamics_news ul li .addres button:hover {
    color: #fff;
    border-color: rgba(0, 0, 0, .43137254901960786);
    animation: morehoverh 1s;
    -moz-animation: morehoverh 1s;
    -webkit-animation: morehoverh 1s;
    -o-animation: morehovehr 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.addrexiaxian {
    width: .0625rem;
    height: 3.75rem;
    position: absolute;
    left: 0;
    top: .46875rem;
    background: #f08518;
    animation: addrexiaxianani 1s;
    -moz-animation: addrexiaxianani 1s;
    -webkit-animation: addrexiaxianani 1s;
    -o-animation: addrexiaxianani 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes addrexiaxianani {
    0% {
        top: -3.75rem
    }

    to {
        top: .46875rem
    }
}

@-webkit-keyframes addrexiaxianani {
    0% {
        top: -3.75rem
    }

    to {
        top: .46875rem
    }
}

@-moz-keyframes addrexiaxianani {
    0% {
        top: -3.75rem
    }

    to {
        top: .46875rem
    }
}

@-o-keyframes addrexiaxianani {
    0% {
        top: -3.75rem
    }

    to {
        top: .46875rem
    }
}

.recruit {
    background: #e5e2e0;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

.recruit .founder .beijing {
    padding-top: 2.5rem
}

.contact .recruit .founder .yishu {
    margin-top: 1.25rem;
    height: 1.5625rem
}

.recruit .jiaolian {
    bottom: .78125rem
}

.contact .founder {
    margin-bottom: 3.125rem
}

#container {
    position: absolute;
    background: #f2f2f2;
    left: 0;
    top: 0;
    width: 100%;
    height: 24.375rem
}

.zhichi {
    color: #605653;
    line-height: 2;
    text-align: justify;
    max-width: 75rem;
    margin: 0 auto
}

.zhichi div {
    padding-top: .625rem;
    white-space: pre-wrap
}

.colorop {
    color: #a7a09e
}

.containerbox {
    left: 0;
    top: 0
}

.contact .searchCenten .secle {
    padding: 0
}

.searchCenten .founder {
    margin-bottom: 0
}

.contact .search {
    padding-bottom: 0
}

.contact .enterpriseDynamics_news ul li.whwl {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0
}

.contact .newswi {
    margin-top: 0
}

.quality .ptone {
    padding-top: 3.125rem
}

.shipei .tujiswiper ul li {
    float: left;
    width: 60rem;
    height: 35rem;
    padding-right: 1.5625rem
}

.shipei .tujiswiper ul li img {
    width: 60rem;
    height: 35rem;
    cursor: pointer
}

.quality .qzh {
    padding-top: 3.125rem;
    padding-bottom: 0
}

.pvhtml {
    line-height: 1.5;
    white-space: pre-wrap
}

.djjmaidian {
    width: 40.625rem;
    margin: 0 auto;
    height: 31.25rem;
    position: relative
}

.djjmaidian ul {
    position: absolute;
    left: 0;
    top: 0;
    animation: homebrand 2s;
    -moz-animation: homebrand 2s;
    -webkit-animation: homebrand 2s;
    -o-animation: homebrand 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.djjmaidian ul.djjmaidianani {
    animation: homebrandani 2s;
    -moz-animation: homebrandani 2s;
    -webkit-animation: homebrandani 2s;
    -o-animation: homebrandani 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.djjmaidianicon {
    width: 40.625rem;
    margin: 0 auto
}

.djjmaidian img {
    width: 100%
}

.djjmaidian .shoutu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    animation: homebrand 2s;
    -moz-animation: homebrand 2s;
    -webkit-animation: homebrand 2s;
    -o-animation: homebrand 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.djjmaidian .shoutuani {
    animation: homebrandani 2s;
    -moz-animation: homebrandani 2s;
    -webkit-animation: homebrandani 2s;
    -o-animation: homebrandani 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.djjmaidian .shoutu img {
    height: 31.25rem;
    width: auto
}

.mdainp {
    padding: 1.25rem 0
}

.mdainp p {
    line-height: 1.5
}

.djjmaidianicon ul {
    display: flex;
    padding: 3.125rem 0
}

.djjmaidianicon ul li {
    flex: 1 25%
}

.djjmaidianicon ul li.hmover img,
.djjmaidianicon ul li img.maidianicona {
    display: none
}

.djjmaidianicon ul li.hmover img.maidianicona {
    display: initial
}

.djjmaidianicon ul li p {
    line-height: 3
}

.kitchenWap .spaceCustomization p {
    margin: 0 auto;
    white-space: pre-wrap
}

.christophBrand .dingwei {
    height: 61.25rem
}

.hsct .dingwei .dingweia {
    left: 30.5%;
    top: 10%
}

.hsct .dingwei .dingweib {
    left: 32%;
    top: 53%
}

.hsct .dingwei .dingweic {
    left: 51%;
    top: 56.5%
}

.hsct .dingwei .dingweid {
    left: 70%;
    top: 56%
}

.hsct .dingwei .dingweie {
    left: 83%;
    top: 48%
}

.christophBrand .dwzhankai ul {
    width: 54.6875rem;
    height: 44.375rem
}

.christophBrand .dwzhankai ul li .cfimg {
    width: 25rem;
    height: 352.5;
    margin: 1.5625rem 0 1.5625rem 22.1875rem
}

.christophBrand .dwzhankai ul li div {
    font-size: 1.875rem;
    padding-top: 0
}

.christophBrand .dwzhankai ul li p {
    padding-top: .9375rem;
    font-size: 1rem
}

.hscttitle {
    font-size: 1.875rem;
    text-align: center;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.h42 {
    height: 55.3125rem
}

.dengbanner {
    padding-top: 3.125rem
}

.christophBrand .founder img {
    transform: none;
    margin-top: 2%
}

.pddingt2 {
    padding-top: 1.25rem
}

.dajiajuxq ul li {
    background: none
}

.christophBrand .dajiajuxq ul {
    width: 100%;
    align-items: center;
    height: 55.3125rem
}

.dajiajuxq ul li img {
    height: auto
}

.home_header {
    top: 0
}

.christophBrand .dengnavcion .yishuani {
    height: 2rem;
    margin-top: .625rem
}

.christophBrand .dengnavcion .dengiconimg {
    width: 100%;
    height: 5rem;
    padding: 1.5625rem 0;
    display: flex;
    align-items: center
}

.pb80 {
    padding-bottom: 5rem
}

.pddingt2 img {
    width: 100%;
    margin-top: 0
}

.spacelunclick {
    width: 37.5rem;
    margin: 5.625rem auto
}

.spacelunclick ul {
    display: flex
}

.spacelunclick ul li {
    flex: 1
}

.spacelunclick ul li.active p {
    color: #f80
}

.spacelunclick ul li p {
    line-height: 3
}

.cangchu {
    padding-top: 6.25rem
}

.qzh {
    padding-bottom: 3.125rem
}

.kankan {
    width: 37.5rem;
    margin: 3.125rem auto
}

.kankan ul {
    display: flex
}

.kankan ul li {
    flex: 1
}

.kankan ul li p {
    line-height: 3
}

.spacexf {
    padding: 1.5625rem 0
}

.mqimg {
    padding-top: 3.125rem
}

.mqxtpb {
    padding-bottom: 5rem
}

.founder .doorwallText {
    line-height: 1.5;
    white-space: pre-wrap
}

.case .storeShowImg,
.case .storeShowImg img {
    height: 45rem
}

.newlist .enterpriseDynamics_news,
.newlist .newlix .enterpriseDynamics_box,
.newlist .newlix .enterpriseDynamics_news ul {
    width: 75rem
}

.case .newlist .enterpriseDynamics_news ul li {
    flex: 1 32%;
    width: 32%;
    margin-bottom: 2%
}

.alllist .enterpriseDynamics_news ul li>p {
    height: 3.75rem
}

.case .newlist .enterpriseDynamics_news ul li img {
    width: 100%
}

.newdetail .founder .yishu {
    margin-top: 3.125rem;
    height: 2.1875rem
}

.newdetail .founder .beijing {
    font-size: 1.875rem;
    padding-top: 2.1875rem
}

.newdetailtime {
    color: #b2aeac;
    padding-bottom: 2.1875rem
}

.newcont {
    text-align: justify
}

.newcontnei {
    width: 75rem;
    margin: 0 auto
}

.newcontnei p {
    padding-bottom: 1.875rem;
    line-height: 2
}

.newcont img {
    width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 3.125rem
}

.newcontnei p.navtit {
    font-size: 1.5625rem
}

.tuji {
    padding-top: 4.6875rem
}

.tujiswiper {
    width: 100%;
    overflow: hidden
}

.tujiswiper ul {
    overflow: auto
}

.tujiswiper ul li {
    float: left;
    width: 56.25rem;
    height: 33.75rem;
    padding-right: 1.5625rem
}

.tujiswiper ul li img {
    width: 100%;
    height: 33.75rem;
    cursor: pointer
}

.quality .spaceCustomization p {
    text-align: center;
    padding-bottom: 0;
    line-height: 2
}

.quality .founder .yishu {
    margin-bottom: 1.25rem
}

.cangchu {
    padding-top: 3.125rem
}

.andService .qzh {
    padding-top: 0;
    padding-bottom: 0;
    white-space: pre-wrap;
    line-height: 1.5
}

.iamgetitle {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: -3.125rem
}

.andService .founder .beijing {
    padding-bottom: .625rem
}

.xingxing {
    padding: 1.5625rem 0;
    padding-top: .625rem
}

.xingxing ul {
    width: 15.625rem;
    margin: 0 auto;
    display: flex
}

.xingxing ul li {
    flex: 1 2.5rem
}

.xingxing ul li img {
    width: 2.1875rem;
    height: 2.1875rem
}

.fuwu {
    padding-bottom: 5rem
}

.fuwu ul {
    width: 75rem;
    margin: 0 auto;
    display: flex
}

.fuwu ul li {
    flex: 1
}

.fuwu ul li img {
    width: 99%
}

.wufuliucheng {
    width: 100%;
    padding: 3.125rem 0;
    background: #d2cdca;
    color: #5e5450;
    margin: 5rem 0
}

.liuchengcont {
    width: 75rem;
    margin: 0 auto
}

.liuchengcont ul {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .5% 0
}

.liuchengcont ul li {
    flex: 1 8.25rem;
    text-align: center;
    line-height: 2
}

.liuchengcont ul li img {
    width: 100%
}

.liuchengcont ul li.shupai img {
    width: auto
}

.homelogo[data-v-18bcec44] {
    width: 100%
}

.xiaotop[data-v-18bcec44] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.pplstext[data-v-18bcec44] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi .title[data-v-18bcec44] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-18bcec44] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-18bcec44] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-18bcec44] {
    width: 100%;
    height: 30.75rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-18bcec44] {
    display: flex;
    margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-18bcec44] {
    width: 23.4375rem;
    height: 30.75rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-18bcec44] {
    width: 23.4375rem;
    height: 30.75rem
}

.bottomtitle[data-v-18bcec44] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-18bcec44] {
    text-align: center
}

.bottomtitle .toleft[data-v-18bcec44] {
    left: 0
}

.bottomtitle .toleft[data-v-18bcec44],
.bottomtitle .toright[data-v-18bcec44] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    top: 2.8125rem
}

.bottomtitle .toright[data-v-18bcec44] {
    right: 0
}

.bottomtitle .toleft span[data-v-18bcec44] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-18bcec44],
.bottomtitle .toright span[data-v-18bcec44] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-18bcec44] {
    right: .625rem
}

.input[data-v-18bcec44] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-18bcec44] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid rgba(76, 65, 61, .30196078431372547);
    text-align: center
}

.zixuntian[data-v-18bcec44] {
    width: 41.875rem;
    margin: 2.5rem auto 0
}

.zixuntian>div input[data-v-18bcec44] {
    border-bottom: .0625rem solid #4c413d;
    font-size: 1.625rem;
    width: 41.875rem;
    margin-bottom: 2.5rem;
    padding: .625rem 0;
    text-indent: 1.25rem
}

.mzixunbottom[data-v-18bcec44] {
    width: 19.375rem;
    margin: 2.5rem auto 7.5rem;
    line-height: 4.375rem;
    border: .0625rem solid #4c413d;
    font-size: 1.625rem
}

.tishi[data-v-18bcec44] {
    width: 100%;
    color: #fff;
    position: fixed;
    top: 50%;
    margin-top: -1.875rem;
    left: 0;
    text-align: center
}

.tishi div[data-v-18bcec44] {
    display: inline-block;
    padding: 1.25rem 3.125rem;
    background: #000;
    border-radius: .625rem
}

.homelogo[data-v-c471e7ee] {
    width: 100%;
    margin-bottom: 6.25rem
}

.xiaotop[data-v-c471e7ee] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.pplstext[data-v-c471e7ee] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto 6.25rem
}

.pinpailishi .title[data-v-c471e7ee] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-c471e7ee] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-c471e7ee] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-c471e7ee] {
    width: 100%;
    height: 30.75rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-c471e7ee] {
    display: flex;
    margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-c471e7ee] {
    width: 23.4375rem;
    height: 30.75rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-c471e7ee] {
    width: 23.4375rem;
    height: 30.75rem
}

.bottomtitle[data-v-c471e7ee] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-c471e7ee] {
    text-align: center;
    padding-bottom: 0
}

.bottomtitle .toleft[data-v-c471e7ee] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: -5.3125rem;
    top: 1.25rem
}

.bottomtitle .toright[data-v-c471e7ee] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: -5.3125rem;
    top: 1.25rem
}

.bottomtitle .toleft span[data-v-c471e7ee] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-c471e7ee],
.bottomtitle .toright span[data-v-c471e7ee] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-c471e7ee] {
    right: .625rem
}

.pinpailishiani-move[data-v-c471e7ee] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-c471e7ee] {
    color: #000;
    width: 31.25rem
}

.quanpin .pplsimg[data-v-c471e7ee] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-c471e7ee] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-c471e7ee] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-c471e7ee] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-c471e7ee] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 1.25rem auto
}

.input input[data-v-c471e7ee] {
    width: 100%;
    line-height: 4.1875rem;
    border: .0625rem solid rgba(76, 65, 61, .30196078431372547);
    text-align: center
}

.mkaiping[data-v-c471e7ee] {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000000000000;
    text-align: center;
    display: flex;
    align-items: center
}

.mkaiping img[data-v-c471e7ee] {
    width: 100%;
    height: auto
}

.tishi[data-v-c471e7ee] {
    width: 100%;
    color: #fff;
    position: fixed;
    top: 50%;
    margin-top: -1.875rem;
    left: 0
}

.tishi div[data-v-c471e7ee] {
    display: inline-block;
    padding: 1.25rem 3.125rem;
    background: #000;
    border-radius: .625rem
}

.hometopswipt[data-v-c471e7ee] {
    padding-bottom: 6.25rem
}

.pplstextx[data-v-c471e7ee] {
    margin-bottom: 3.75rem
}

.input[data-v-c471e7ee] {
    position: relative
}

.input input[data-v-c471e7ee] {
    line-height: 4.375rem;
    height: 4.375rem
}

.input .img[data-v-c471e7ee] {
    position: absolute;
    top: .125rem;
    right: 0;
    text-align: center;
    padding: .6875rem;
    padding-right: 1.25rem;
    cursor: pointer;
    background: none
}

.input .img img[data-v-c471e7ee] {
    width: 2.5rem;
    height: 2.5rem
}

.homelogo[data-v-3c021803] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 6.25rem
}

.homelogo img[data-v-3c021803],
.video[data-v-3c021803] {
    width: 46.875rem
}

.homelogo div[data-v-3c021803] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.xiaotop[data-v-3c021803] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.pplstext[data-v-3c021803] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi .title[data-v-3c021803] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-3c021803] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-3c021803] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-3c021803] {
    width: 100%;
    height: 30.75rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-3c021803] {
    display: flex;
    margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-3c021803] {
    width: 23.4375rem;
    height: 30.75rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-3c021803] {
    width: 23.4375rem;
    height: 30.75rem
}

.bottomtitle[data-v-3c021803] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-3c021803] {
    text-align: center
}

.bottomtitle .toleft[data-v-3c021803] {
    left: 0
}

.bottomtitle .toleft[data-v-3c021803],
.bottomtitle .toright[data-v-3c021803] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    top: 2.8125rem
}

.bottomtitle .toright[data-v-3c021803] {
    right: 0
}

.bottomtitle .toleft span[data-v-3c021803] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-3c021803],
.bottomtitle .toright span[data-v-3c021803] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-3c021803] {
    right: .625rem
}

.pinpailishiani-move[data-v-3c021803] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-3c021803] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-3c021803] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-3c021803] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-3c021803] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-3c021803] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-3c021803] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-3c021803] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.bannertop[data-v-3c021803],
.ppfzlist[data-v-3c021803] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto 6.25rem
}

.ppfzlist img[data-v-3c021803] {
    width: 100%
}

.ppfzlist div[data-v-3c021803] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-3c021803] {
    padding: 2.5rem 0;
    padding-bottom: 6.25rem
}

.subnav[data-v-3c021803] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav a[data-v-3c021803] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav .active[data-v-3c021803] {
    color: #f08518
}

.hometopswipt[data-v-3c021803] {
    padding-bottom: 1.25rem
}

.bannertopmbl[data-v-3c021803] {
    margin-bottom: 0
}

.homelogo[data-v-0acfacda] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 6.25rem
}

.homelogo img[data-v-0acfacda],
.video[data-v-0acfacda] {
    width: 46.875rem
}

.homelogo div[data-v-0acfacda] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.xiaotop[data-v-0acfacda] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.pplstext[data-v-0acfacda] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi .title[data-v-0acfacda] {
    font-size: 2.8125rem;
    padding: 1.25rem 0;
    font-weight: 700
}

.pinpailishi .subtitle[data-v-0acfacda] {
    font-size: 1.625rem
}

.pinpailishi p[data-v-0acfacda] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-0acfacda] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-0acfacda] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-0acfacda] {
    width: 39.6875rem;
    height: 22.3125rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-0acfacda] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-0acfacda] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-0acfacda] {
    text-align: center
}

.bottomtitle .toleft[data-v-0acfacda] {
    left: 0
}

.bottomtitle .toleft[data-v-0acfacda],
.bottomtitle .toright[data-v-0acfacda] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    top: 2.8125rem
}

.bottomtitle .toright[data-v-0acfacda] {
    right: 0
}

.bottomtitle .toleft span[data-v-0acfacda] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-0acfacda],
.bottomtitle .toright span[data-v-0acfacda] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-0acfacda] {
    right: .625rem
}

.pinpailishiani-move[data-v-0acfacda] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-0acfacda] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-0acfacda] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-0acfacda] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-0acfacda] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-0acfacda] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-0acfacda] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-0acfacda] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.bannertop[data-v-0acfacda],
.ppfzlist[data-v-0acfacda] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto 6.25rem
}

.ppfzlist img[data-v-0acfacda] {
    width: 100%
}

.ppfzlist div[data-v-0acfacda] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-0acfacda] {
    padding: 2.5rem 0
}

.shmx[data-v-0acfacda] {
    background: none;
    margin-top: 0
}

.subnav[data-v-0acfacda] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav a[data-v-0acfacda] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav .active[data-v-0acfacda] {
    color: #f08518
}

.shmxbimg[data-v-0acfacda] {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .9490196078431372);
    z-index: 999999;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.shmxbimg ul[data-v-0acfacda] {
    width: 6249999.9375rem;
    display: flex
}

.shmxbimg ul li[data-v-0acfacda] {
    width: 46.875rem
}

.shmxbimg ul li img[data-v-0acfacda] {
    width: 100%
}

.hometopswipt[data-v-0acfacda] {
    margin-bottom: 6.25rem
}

.homelogo[data-v-cb2eae00] {
    width: 46.875rem;
    position: relative
}

.homelogo img[data-v-cb2eae00],
.video[data-v-cb2eae00] {
    width: 46.875rem
}

.homelogo div[data-v-cb2eae00] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.subnav[data-v-cb2eae00] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav a[data-v-cb2eae00] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav .active[data-v-cb2eae00] {
    color: #f08518
}

.mnew[data-v-cb2eae00] {
    width: 41.875rem;
    margin: 2.5rem auto;
    font-size: 1.625rem;
    line-height: 1.8;
    text-align: justify
}

.mnew .mnewtitle[data-v-cb2eae00] {
    width: 100%;
    overflow: hidden
}

.mnew .mnewtitle div[data-v-cb2eae00] {
    font-size: 2.8125rem;
    font-weight: 700;
    float: left
}

.mnew .mnewtitle p[data-v-cb2eae00] {
    color: #f08518;
    float: right;
    padding-top: 1.40625rem
}

.mnew ul li[data-v-cb2eae00] {
    display: flex;
    padding: 1.25rem 0;
    border-bottom: .0625rem solid #b1adac
}

.mnew ul li .mnewleft[data-v-cb2eae00] {
    width: 25rem;
    flex: 1 22.5rem
}

.mnew ul li .mnewleft div[data-v-cb2eae00] {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700
}

.mnew ul li .mnewleft p[data-v-cb2eae00] {
    font-size: 1.125rem
}

.mnew ul li .mnewleft span[data-v-cb2eae00] {
    font-size: 1.125rem;
    color: #b1adac
}

.mnew ul li .mnewright[data-v-cb2eae00] {
    width: 15.625rem;
    flex: 1 15.625rem;
    text-align: right
}

.mnew ul li .mnewright img[data-v-cb2eae00] {
    width: 15.625rem;
    height: 10.9375rem
}

.homelogo[data-v-c2c720fa] {
    width: 100%
}

.xiaotop[data-v-c2c720fa] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.pplstext[data-v-c2c720fa] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi[data-v-c2c720fa] {
    position: relative
}

.pinpailishi .title[data-v-c2c720fa] {
    font-size: 2.8125rem;
    padding: .625rem 0
}

.pinpailishi .subtitle[data-v-c2c720fa] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-c2c720fa] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-c2c720fa] {
    width: 100%;
    height: 30.75rem;
    overflow: hidden
}

.pinpailishi ul[data-v-c2c720fa] {
    display: flex;
    margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-c2c720fa] {
    width: 23.4375rem;
    height: 30.75rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-c2c720fa] {
    width: 23.4375rem;
    height: 30.75rem
}

.bottomtitle[data-v-c2c720fa] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative;
    position: absolute;
    left: 2.5rem;
    top: 50%;
    margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-c2c720fa] {
    text-align: center;
    color: #fff
}

.bottomtitle .showtitle div[data-v-c2c720fa] {
    font-size: 2.8125rem;
    color: #fff
}

.bottomtitle .toleft[data-v-c2c720fa] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 3.515625rem
}

.bottomtitle .toright[data-v-c2c720fa] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    right: 0;
    top: 3.515625rem
}

.bottomtitle .toleft span[data-v-c2c720fa] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-c2c720fa],
.bottomtitle .toright span[data-v-c2c720fa] {
    width: .0625rem;
    height: 1.25rem;
    background: #fff;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-c2c720fa] {
    right: .625rem
}

.pinpailishiani-move[data-v-c2c720fa] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-c2c720fa] {
    color: #fff
}

.quanpin .pplsimg[data-v-c2c720fa] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-c2c720fa] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-c2c720fa] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-c2c720fa] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-c2c720fa] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-c2c720fa] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.producttiel[data-v-c2c720fa] {
    padding-top: .0625rem
}

.subnav[data-v-c2c720fa] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav ul[data-v-c2c720fa] {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.subnav>div[data-v-c2c720fa],
.subnav ul[data-v-c2c720fa] {
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.subnav>div.isshow[data-v-c2c720fa] {
    width: 21.875rem;
    height: 0;
    margin: 0 auto
}

.subnav ul li[data-v-c2c720fa] {
    flex: 1 11.71875rem;
    text-align: center;
    font-size: 1.625rem;
    line-height: 2;
    margin-bottom: 1.25rem;
    padding-top: 1.875rem
}

.subnav ul li.avtive[data-v-c2c720fa] {
    color: #f08518
}

.subnav ul li img[data-v-c2c720fa] {
    width: 4.4375rem;
    height: 3.4375rem;
    margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-c2c720fa] {
    display: none
}

.subnav ul li.avtive .icon_active[data-v-c2c720fa] {
    display: block
}

.subnav ul li .icon_active[data-v-c2c720fa] {
    display: none
}

.subnav ul li .icon[data-v-c2c720fa] {
    display: block
}

.productcont[data-v-c2c720fa] {
    padding-bottom: 11.25rem;
    line-height: 2;
    width: 46.875rem;
    text-align: center
}

.productcont img[data-v-c2c720fa] {
    width: 100%
}

.productcont p[data-v-c2c720fa] {
    font-size: 1.625rem;
    line-height: 5.5rem
}

.productcont div[data-v-c2c720fa] {
    font-size: 1.625rem;
    width: 14.0625rem;
    margin: 0 auto;
    line-height: 1;
    border: .0625rem solid #4c413d;
    line-height: 4.0625rem
}

.twonav[data-v-c2c720fa] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center
}

.twonav ul[data-v-c2c720fa] {
    width: 100%;
    display: flex
}

.twonav ul li[data-v-c2c720fa] {
    flex: 1
}

.twonav ul li.active a[data-v-c2c720fa] {
    color: #f08518
}

.mask[data-v-c2c720fa] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4117647058823529);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9
}

.pinpailishi p[data-v-c2c720fa] p:first-child {
    display: none
}

.pinpailishi p[data-v-c2c720fa] p {
    display: inline
}

.hometopswipt[data-v-c2c720fa] {
    padding-bottom: 7.5rem
}

.mhome[data-v-fa911e50] {
    font-size: 1.625rem
}

.homelogo[data-v-fa911e50] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 6.25rem
}

.homelogo img[data-v-fa911e50],
.video[data-v-fa911e50] {
    width: 46.875rem
}

.homelogo div[data-v-fa911e50] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.1875rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center
}

.xiaotop[data-v-fa911e50] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-fa911e50] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi .title[data-v-fa911e50] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.textleft[data-v-fa911e50] {
    text-align: left
}

.pinpailishi .subtitle[data-v-fa911e50] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-fa911e50] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-fa911e50] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-fa911e50] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-fa911e50] {
    width: 39.6875rem;
    height: 22.3125rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-fa911e50] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-fa911e50] {
    width: 41.875rem;
    margin: 0 auto;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-fa911e50] {
    text-align: center
}

.bottomtitle .toleft[data-v-fa911e50] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: 0;
    top: 1.625rem
}

.bottomtitle .toright[data-v-fa911e50] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: 0;
    top: 1.625rem
}

.bottomtitle .toleft span[data-v-fa911e50] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-fa911e50],
.bottomtitle .toright span[data-v-fa911e50] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-fa911e50] {
    right: .625rem
}

.pinpailishiani-move[data-v-fa911e50] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-fa911e50] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-fa911e50] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-fa911e50] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-fa911e50] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-fa911e50] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-fa911e50] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-fa911e50] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.bannertop[data-v-fa911e50],
.ppfzlist[data-v-fa911e50] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto
}

.ppfzlist img[data-v-fa911e50] {
    width: 100%
}

.ppfzlist div[data-v-fa911e50] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-fa911e50] {
    padding: 2.5rem 0
}

.ppjjsjmx[data-v-fa911e50] {
    background: url(/img/sjmxbg.65feb56e.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding-top: .625rem;
    padding-bottom: 3.75rem
}

.shmx[data-v-fa911e50] {
    background: #d2cdca;
    margin-top: 0;
    padding: .625rem 0
}

.subnav[data-v-fa911e50] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-fa911e50] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav a.active[data-v-fa911e50] {
    color: #f08518
}

.pzbtit .showtitle p[data-v-fa911e50] {
    line-height: 2;
    padding-bottom: 2.5rem
}

.pinpailishi .pbl[data-v-fa911e50] {
    padding-bottom: 0
}

.mbl[data-v-fa911e50] {
    margin-bottom: 0
}

.hometopswipt[data-v-fa911e50] {
    padding-bottom: 9.375rem
}

.mhome[data-v-1c94f8cc] {
    font-size: 1.625rem
}

.homelogo[data-v-1c94f8cc] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 6.25rem
}

.homelogo img[data-v-1c94f8cc],
.video[data-v-1c94f8cc] {
    width: 46.875rem
}

.homelogo div[data-v-1c94f8cc] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.1875rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center
}

.xiaotop[data-v-1c94f8cc] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-1c94f8cc] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi .title[data-v-1c94f8cc] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-1c94f8cc] {
    font-size: 1.8125rem
}

.pinpailishi p[data-v-1c94f8cc] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-1c94f8cc] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-1c94f8cc] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-1c94f8cc] {
    width: 39.6875rem;
    height: 22.3125rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-1c94f8cc] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-1c94f8cc] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-1c94f8cc] {
    text-align: center
}

.bottomtitle .toleft[data-v-1c94f8cc] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: 0;
    top: 1.625rem
}

.bottomtitle .toright[data-v-1c94f8cc] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: 0;
    top: 1.625rem
}

.bottomtitle .toleft span[data-v-1c94f8cc] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-1c94f8cc],
.bottomtitle .toright span[data-v-1c94f8cc] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-1c94f8cc] {
    right: .625rem
}

.pinpailishiani-move[data-v-1c94f8cc] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-1c94f8cc] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-1c94f8cc] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-1c94f8cc] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-1c94f8cc] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-1c94f8cc] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-1c94f8cc] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-1c94f8cc] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.bannertop[data-v-1c94f8cc],
.ppfzlist[data-v-1c94f8cc] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto
}

.ppfzlist img[data-v-1c94f8cc] {
    width: 100%
}

.ppfzlist div[data-v-1c94f8cc] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.shmx[data-v-1c94f8cc] {
    background: #d2cdca;
    margin-top: 0;
    padding: .625rem 0
}

.subnav[data-v-1c94f8cc] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-1c94f8cc] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav a.active[data-v-1c94f8cc] {
    color: #f08518
}

.pzbtit .showtitle p[data-v-1c94f8cc] {
    line-height: 2;
    padding-bottom: 2.5rem
}

.fuwushunxu[data-v-1c94f8cc] {
    width: 43.125rem;
    margin: 2.5rem auto;
    display: flex;
    flex-wrap: wrap
}

.fuwushunxu div[data-v-1c94f8cc] {
    width: 20.9375rem;
    padding: .3125rem;
    flex: 1 20.9375rem
}

.fuwushunxu img[data-v-1c94f8cc] {
    width: 20.9375rem
}

.wufuimg[data-v-1c94f8cc] {
    width: 41.875rem;
    margin: 2.5rem auto 9.375rem
}

.wufuimg img[data-v-1c94f8cc] {
    width: 100%
}

.video[data-v-1c94f8cc] {
    padding-top: 2.5rem
}

.wufudi[data-v-1c94f8cc] {
    width: 46.875rem
}

.wufudi div[data-v-1c94f8cc] {
    width: 23.125rem;
    padding: 0;
    flex: 1 23.125rem;
    text-align: left
}

.wufudi .alignright[data-v-1c94f8cc] {
    text-align: right
}

.wufudi div img[data-v-1c94f8cc] {
    width: 23.125rem
}

.textleft[data-v-1c94f8cc] {
    text-align: left
}

.hometopswipt[data-v-1c94f8cc] {
    padding-bottom: 9.375rem
}

.pbl[data-v-1c94f8cc] {
    padding-bottom: 0
}

.homelogo[data-v-2d63d26e] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 6.25rem
}

.homelogo img[data-v-2d63d26e],
.video[data-v-2d63d26e] {
    width: 46.875rem
}

.homelogo div[data-v-2d63d26e] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.xiaotop[data-v-2d63d26e] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-2d63d26e] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto 6.25rem
}

.pinpailishi .title[data-v-2d63d26e] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-2d63d26e] {
    font-size: 1.8125rem
}

.pinpailishi p[data-v-2d63d26e] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-2d63d26e] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-2d63d26e] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-2d63d26e] {
    width: 39.6875rem;
    height: 22.3125rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-2d63d26e] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-2d63d26e] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-2d63d26e] {
    text-align: center
}

.bottomtitle .toleft[data-v-2d63d26e] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: 0;
    top: 1.625rem
}

.bottomtitle .toright[data-v-2d63d26e] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: 0;
    top: 1.625rem
}

.bottomtitle .toleft span[data-v-2d63d26e] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-2d63d26e],
.bottomtitle .toright span[data-v-2d63d26e] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-2d63d26e] {
    right: .625rem
}

.pinpailishiani-move[data-v-2d63d26e] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-2d63d26e] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-2d63d26e] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-2d63d26e] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-2d63d26e] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-2d63d26e] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-2d63d26e] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-2d63d26e] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.bannertop[data-v-2d63d26e],
.ppfzlist[data-v-2d63d26e] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto
}

.ppfzlist img[data-v-2d63d26e] {
    width: 100%
}

.ppfzlist div[data-v-2d63d26e] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-2d63d26e] {
    padding: 2.5rem 0
}

.ppjjsjmx[data-v-2d63d26e] {
    background: url(/img/sjmxbg.65feb56e.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding-top: .625rem;
    padding-bottom: 3.75rem
}

.shmx[data-v-2d63d26e] {
    background: #d2cdca;
    margin-top: 0;
    padding: .625rem 0
}

.subnav[data-v-2d63d26e] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-2d63d26e] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav a.active[data-v-2d63d26e] {
    color: #f08518
}

.pzbtit .showtitle p[data-v-2d63d26e] {
    line-height: 2;
    padding-bottom: 2.5rem
}

.mcaselist[data-v-2d63d26e] {
    width: 41.875rem;
    margin: 2.5rem auto .625rem
}

.mcaselist ul li[data-v-2d63d26e] {
    padding-bottom: .625rem;
    position: relative
}

.mcaselist ul li img[data-v-2d63d26e] {
    width: 100%
}

.mcaselist ul li p[data-v-2d63d26e] {
    width: 40.625rem;
    line-height: 2;
    padding: 0 .625rem;
    color: #fff;
    background: rgba(0, 0, 0, .43137254901960786);
    position: absolute;
    left: 0;
    bottom: .625rem;
    text-align: left
}

.pages[data-v-2d63d26e] {
    display: flex;
    justify-content: center;
    font-size: 1.625rem;
    padding-bottom: 2.5rem;
    border-bottom: .0625rem solid #000;
    width: 40.625rem;
    margin: 2.5rem auto;
    position: relative;
    padding: 0
}

.pages .prev[data-v-2d63d26e] {
    position: absolute;
    left: 0;
    top: -.75rem;
    width: 1.5625rem;
    height: 1.5625rem
}

.pages .prev p[data-v-2d63d26e] {
    width: .0625rem;
    background: #000;
    height: 1.5625rem;
    margin: 0 auto
}

.pages .next[data-v-2d63d26e] {
    position: absolute;
    right: 0;
    top: -.75rem;
    width: 1.5625rem;
    height: 1.5625rem
}

.pages .next p[data-v-2d63d26e] {
    width: .0625rem;
    background: #000;
    height: 1.5625rem;
    margin: 0 auto
}

.pages ul[data-v-2d63d26e] {
    display: flex;
    position: absolute;
    background: #fff;
    top: -.9375rem
}

.pages ul li[data-v-2d63d26e] {
    flex: 1;
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 .625rem;
    line-height: 1.875rem;
    text-align: center
}

.pages ul li.active[data-v-2d63d26e] {
    color: #f08518
}

.pages ul li .gaoliang[data-v-2d63d26e] {
    display: none
}

.pages ul li.active .gaoliang[data-v-2d63d26e],
.pages ul li .nogl[data-v-2d63d26e] {
    display: block
}

.pages ul li.active .nogl[data-v-2d63d26e] {
    display: none
}

.mhome[data-v-2d63d26e] {
    margin-bottom: 6.25rem
}

.homelogo[data-v-10de0656] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 6.25rem
}

.homelogo img[data-v-10de0656],
.video[data-v-10de0656] {
    width: 46.875rem
}

.homelogo div[data-v-10de0656] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.xiaotop[data-v-10de0656] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-10de0656] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto 6.25rem
}

.pinpailishi .title[data-v-10de0656] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-10de0656] {
    font-size: 1.8125rem
}

.pinpailishi p[data-v-10de0656] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-10de0656] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-10de0656] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-10de0656] {
    width: 39.6875rem;
    height: 22.3125rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-10de0656] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-10de0656] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-10de0656] {
    text-align: center
}

.bottomtitle .toleft[data-v-10de0656] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: 0;
    top: 1.625rem
}

.bottomtitle .toright[data-v-10de0656] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: 0;
    top: 1.625rem
}

.bottomtitle .toleft span[data-v-10de0656] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-10de0656],
.bottomtitle .toright span[data-v-10de0656] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-10de0656] {
    right: .625rem
}

.pinpailishiani-move[data-v-10de0656] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-10de0656] {
    color: #000
}

.quanpin .pplsimg[data-v-10de0656] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-10de0656] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-10de0656] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-10de0656] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-10de0656] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-10de0656] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.bannertop[data-v-10de0656],
.ppfzlist[data-v-10de0656] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto
}

.ppfzlist img[data-v-10de0656] {
    width: 100%
}

.ppfzlist div[data-v-10de0656] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-10de0656] {
    padding: 2.5rem 0
}

.ppjjsjmx[data-v-10de0656] {
    background: url(/img/sjmxbg.65feb56e.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding-top: .625rem;
    padding-bottom: 3.75rem
}

.shmx[data-v-10de0656] {
    background: #d2cdca;
    margin-top: 0;
    padding: .625rem 0
}

.subnav[data-v-10de0656] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-10de0656] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav a.active[data-v-10de0656] {
    color: #f08518
}

.pzbtit .showtitle p[data-v-10de0656] {
    line-height: 2;
    padding-bottom: 2.5rem
}

.mcaselist[data-v-10de0656] {
    width: 46.875rem;
    margin: 2.5rem auto
}

.cityshop ul li[data-v-10de0656] {
    padding-bottom: 11.25rem
}

.cityshop ul li img[data-v-10de0656] {
    width: 100%
}

.cityshop ul li>div[data-v-10de0656] {
    width: 100%;
    line-height: 2;
    padding: 1.25rem 0;
    text-align: center
}

.cityshop ul li>div div[data-v-10de0656] {
    font-size: 1.625rem;
    font-weight: 700;
    margin: 0 auto
}

.cityshop ul li>div p[data-v-10de0656] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 0 auto
}

.tuji[data-v-10de0656] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99999999;
    padding-top: 0
}

.tuji .pinpailishi[data-v-10de0656] {
    height: 100%
}

.tuji .pplsimg[data-v-10de0656] {
    height: 100%;
    padding: 0;
    display: flex
}

.tuji .pinpailishi ul li[data-v-10de0656] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.alltujileft[data-v-10de0656] {
    width: 5rem;
    position: absolute;
    left: 2.5%;
    top: 50%;
    cursor: pointer;
    height: 1.5625rem;
    margin-top: -.78125rem
}

.alltujileft div[data-v-10de0656] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    margin-top: 1.5625rem
}

.alltujileft p[data-v-10de0656] {
    height: .78125rem;
    width: .0625rem;
    background: #fff;
    position: absolute;
    left: 1.5625rem;
    top: .78125rem
}

.alltujiright[data-v-10de0656] {
    width: 5rem;
    position: absolute;
    right: 2.5%;
    top: 50%;
    cursor: pointer;
    height: 1.5625rem;
    margin-top: -.78125rem
}

.alltujiright div[data-v-10de0656] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    margin-top: 1.5625rem
}

.alltujiright p[data-v-10de0656] {
    height: .78125rem;
    width: .0625rem;
    background: #fff;
    position: absolute;
    right: 1.5625rem;
    top: .78125rem
}

.mhome[data-v-10de0656] {
    margin-bottom: 6.25rem
}

.mhome[data-v-6582e9f2] {
    font-size: 1.625rem
}

.homelogo[data-v-6582e9f2] {
    width: 46.875rem;
    position: relative
}

.homelogo img[data-v-6582e9f2],
.video[data-v-6582e9f2] {
    width: 46.875rem
}

.homelogo div[data-v-6582e9f2] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.xiaotop[data-v-6582e9f2] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-6582e9f2] {
    line-height: 2;
    width: 41.875rem;
    margin: 0 auto;
    white-space: pre-wrap;
    text-align: justify
}

.pinpailishi .title[data-v-6582e9f2] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-6582e9f2] {
    font-size: 1.8125rem
}

.pinpailishi p[data-v-6582e9f2] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-6582e9f2] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-6582e9f2] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-6582e9f2] {
    width: 39.6875rem;
    height: 22.3125rem;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-6582e9f2] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-6582e9f2] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-6582e9f2] {
    text-align: center
}

.bottomtitle .toleft[data-v-6582e9f2] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: 0;
    top: 1.625rem
}

.bottomtitle .toright[data-v-6582e9f2] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: 0;
    top: 1.625rem
}

.bottomtitle .toleft span[data-v-6582e9f2] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-6582e9f2],
.bottomtitle .toright span[data-v-6582e9f2] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-6582e9f2] {
    right: .625rem
}

.pinpailishiani-move[data-v-6582e9f2] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-6582e9f2] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-6582e9f2] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-6582e9f2] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-6582e9f2] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0;
    overflow: hidden
}

.quanpin .pinpailishi ul li img[data-v-6582e9f2] {
    width: 46.875rem;
    height: auto
}

.input[data-v-6582e9f2] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-6582e9f2] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.bannertop[data-v-6582e9f2],
.ppfzlist[data-v-6582e9f2] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto
}

.ppfzlist img[data-v-6582e9f2] {
    width: 100%
}

.ppfzlist div[data-v-6582e9f2] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-6582e9f2] {
    padding: 2.5rem 0
}

.ppjjsjmx[data-v-6582e9f2] {
    background: url(/img/sjmxbg.65feb56e.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding-top: .625rem;
    padding-bottom: 3.75rem
}

.shmx[data-v-6582e9f2] {
    background: #d2cdca;
    margin-top: 0;
    padding: .625rem 0
}

.subnav[data-v-6582e9f2] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .8)
}

.subnav a[data-v-6582e9f2] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav a.active[data-v-6582e9f2] {
    color: #f08518
}

.pzbtit .showtitle p[data-v-6582e9f2] {
    line-height: 2;
    padding-bottom: 2.5rem
}

.mcaselist[data-v-6582e9f2] {
    width: 46.875rem;
    margin: 2.5rem auto
}

.cityshop ul li[data-v-6582e9f2] {
    padding-bottom: 1.25rem
}

.cityshop ul li img[data-v-6582e9f2] {
    width: 100%
}

.cityshop ul li>div[data-v-6582e9f2] {
    width: 100%;
    background: #9b948e;
    color: #fff;
    line-height: 2;
    padding: 1.25rem 0;
    text-align: center
}

.cityshop ul li>div div[data-v-6582e9f2] {
    font-size: 2rem;
    margin: 0 auto
}

.cityshop ul li>div p[data-v-6582e9f2] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 0 auto;
    text-align: left
}

.tuji[data-v-6582e9f2] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99999999;
    padding-top: 0
}

.tuji .pinpailishi[data-v-6582e9f2] {
    height: 100%
}

.tuji .pplsimg[data-v-6582e9f2] {
    height: 100%;
    padding: 0;
    display: flex
}

.tuji .pinpailishi ul li[data-v-6582e9f2] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.alltujileft[data-v-6582e9f2] {
    width: 5rem;
    position: absolute;
    left: 2.5%;
    top: 50%;
    cursor: pointer;
    height: 1.5625rem;
    margin-top: -.78125rem
}

.alltujileft div[data-v-6582e9f2] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    margin-top: 1.5625rem
}

.alltujileft p[data-v-6582e9f2] {
    height: .78125rem;
    width: .0625rem;
    background: #fff;
    position: absolute;
    left: 1.5625rem;
    top: .78125rem
}

.alltujiright[data-v-6582e9f2] {
    width: 5rem;
    position: absolute;
    right: 2.5%;
    top: 50%;
    cursor: pointer;
    height: 1.5625rem;
    margin-top: -.78125rem
}

.alltujiright div[data-v-6582e9f2] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    margin-top: 1.5625rem
}

.alltujiright p[data-v-6582e9f2] {
    height: .78125rem;
    width: .0625rem;
    background: #fff;
    position: absolute;
    right: 1.5625rem;
    top: .78125rem
}

.smtuji[data-v-6582e9f2] {
    position: static;
    background: #fff;
    padding-top: 2.5rem
}

.smtuji .pinpailishi ul li[data-v-6582e9f2] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0;
    overflow: hidden
}

.wenben[data-v-6582e9f2] {
    width: 41.875rem;
    margin: 0 auto 2.5rem;
    line-height: 2;
    text-align: justify
}

.mhome[data-v-7028a3c0] {
    font-size: 1.625rem
}

.homelogo[data-v-7028a3c0] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 6.25rem
}

.homelogo img[data-v-7028a3c0],
.video[data-v-7028a3c0] {
    width: 46.875rem
}

.homelogo div[data-v-7028a3c0] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.xiaotop[data-v-7028a3c0] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-7028a3c0] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 2.5rem auto 0;
    text-align: left
}

.pinpailishi .title[data-v-7028a3c0] {
    font-size: 2.8125rem;
    padding: 1.25rem 0;
    font-weight: 700
}

.pinpailishi .subtitle[data-v-7028a3c0] {
    font-size: 1.8125rem
}

.pinpailishi p[data-v-7028a3c0] {
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-7028a3c0] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-7028a3c0] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-7028a3c0] {
    width: 39.6875rem;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-7028a3c0] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-7028a3c0] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-7028a3c0] {
    text-align: center
}

.bottomtitle .toleft[data-v-7028a3c0] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: 0;
    top: 1.625rem
}

.bottomtitle .toright[data-v-7028a3c0] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: 0;
    top: 1.625rem
}

.bottomtitle .toleft span[data-v-7028a3c0] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-7028a3c0],
.bottomtitle .toright span[data-v-7028a3c0] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-7028a3c0] {
    right: .625rem
}

.pinpailishiani-move[data-v-7028a3c0] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-7028a3c0] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-7028a3c0] {
    height: 28.125rem
}

.quanpin .pinpailishi ul[data-v-7028a3c0] {
    width: 140.625rem;
    margin: 0;
    height: 28.125rem;
    flex-direction: column;
    flex-wrap: wrap
}

.quanpin .pinpailishi ul li[data-v-7028a3c0] {
    width: 46.875rem;
    padding: 0;
    font-size: 1.625rem
}

.quanpin .pinpailishi ul li img[data-v-7028a3c0] {
    width: 46.875rem;
    height: 27.9375rem
}

.input input[data-v-7028a3c0] {
    line-height: 4.1875rem;
    color: #4c413d
}

.bannertop[data-v-7028a3c0],
.ppfzlist[data-v-7028a3c0] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto
}

.ppfzlist img[data-v-7028a3c0] {
    width: 100%
}

.ppfzlist div[data-v-7028a3c0] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-7028a3c0] {
    padding: 2.5rem 0
}

.ppjjsjmx[data-v-7028a3c0] {
    background: url(/img/sjmxbg.65feb56e.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding-top: .625rem;
    padding-bottom: 3.75rem
}

.shmx[data-v-7028a3c0] {
    background: #d2cdca;
    margin-top: 0;
    padding: .625rem 0
}

.subnav[data-v-7028a3c0] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav a[data-v-7028a3c0] {
    flex: 1;
    display: block
}

.pzbtit .showtitle p[data-v-7028a3c0] {
    line-height: 2;
    padding-bottom: 2.5rem
}

.blod[data-v-7028a3c0] {
    font-weight: 700
}

.weweima[data-v-7028a3c0] {
    width: 46.875rem;
    margin: 2.5rem auto
}

.weweima ul[data-v-7028a3c0] {
    width: 100%;
    display: flex
}

.weweima ul li[data-v-7028a3c0] {
    flex: 1;
    text-align: center
}

.weweima ul li img[data-v-7028a3c0] {
    width: 7.5rem;
    height: 7.5rem
}

.weweima ul li p[data-v-7028a3c0] {
    padding-top: 1.25rem
}

.imgqp[data-v-7028a3c0] {
    width: 46.875rem;
    padding-bottom: 6.25rem
}

.imgqp img[data-v-7028a3c0] {
    width: 46.875rem
}

.quanpin .pinpailishi ul li[data-v-7028a3c0] {
    line-height: 3.3125rem;
    text-align: left;
    padding-bottom: 1.25rem
}

.quanpin .pinpailishi ul li div[data-v-7028a3c0] {
    padding: 0 2.5rem;
    font-weight: 700
}

.quanpin .pinpailishi ul li p[data-v-7028a3c0] {
    width: 41.875rem;
    padding: 0 2.5rem
}

.shopcity[data-v-7028a3c0] {
    width: 41.875rem;
    position: relative;
    margin: 0 auto;
    margin: .46875rem auto;
    height: .0625rem;
    background: #4c413d
}

.shopcity>div[data-v-7028a3c0] {
    width: calc(100% - 3.125rem);
    position: absolute;
    left: 1.5625rem;
    top: -.625rem;
    overflow: hidden
}

.shopcity ul[data-v-7028a3c0] {
    background: #fff;
    display: inline-flex;
    line-height: .9375rem;
    padding: 0 .9375rem
}

.shopcity ul li[data-v-7028a3c0] {
    width: .9375rem;
    padding: 0 .9375rem;
    float: left
}

.shopcity ul li .no[data-v-7028a3c0] {
    display: block
}

.shopcity ul li.active .no[data-v-7028a3c0],
.shopcity ul li .yes[data-v-7028a3c0] {
    display: none
}

.shopcity ul li.active .yes[data-v-7028a3c0] {
    display: block
}

.shopcity_left[data-v-7028a3c0] {
    left: .9375rem
}

.shopcity_left[data-v-7028a3c0],
.shopcity_right[data-v-7028a3c0] {
    height: 1.5625rem;
    width: .0625rem;
    background: #4c413d;
    position: absolute;
    top: -.75rem
}

.shopcity_right[data-v-7028a3c0] {
    right: .9375rem
}

.quanpin[data-v-7028a3c0] {
    padding-bottom: 2.5rem
}

.backb[data-v-7028a3c0] {
    padding-top: .0625rem
}

.zhaomu[data-v-7028a3c0] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 3.75rem
}

.zhaomu ul[data-v-7028a3c0] {
    display: flex;
    width: 46.875rem;
    justify-content: space-around
}

.zhaomu ul li[data-v-7028a3c0] {
    padding: 1.25rem 0
}

.zhaomu ul li.active[data-v-7028a3c0] {
    color: #f08518
}

.zhizheng[data-v-7028a3c0] {
    width: .0625rem;
    height: 1.25rem;
    background: #f08518;
    position: absolute;
    bottom: -.625rem
}

.zhaomu p[data-v-7028a3c0] {
    width: 41.875rem;
    margin: 0 auto;
    height: .0625rem;
    background: #000
}

.jxscont[data-v-7028a3c0] {
    width: 46.875rem;
    padding-bottom: 2.5rem;
    text-align: left;
    line-height: 2
}

.jxscont>div[data-v-7028a3c0] {
    white-space: pre-wrap;
    width: 41.875rem;
    margin: 0 auto
}

.jxscont>div.img[data-v-7028a3c0] {
    width: 46.875rem
}

.jxscont[data-v-7028a3c0] img {
    width: 100%
}

.input[data-v-7028a3c0] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 0 auto 2.5rem
}

.input input[data-v-7028a3c0] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.zixuntian[data-v-7028a3c0] {
    width: 41.875rem;
    margin: 2.5rem auto 0
}

.zixuntian>div[data-v-7028a3c0] {
    padding-bottom: 2.5rem
}

.zixuntian>div input[data-v-7028a3c0] {
    border-bottom: .0625rem solid #4c413d;
    font-size: 1.625rem;
    width: 100%;
    background: none
}

.mzixunbottom[data-v-7028a3c0] {
    width: 19.375rem;
    margin: 0 auto 2.5rem;
    line-height: 4.375rem;
    border: .0625rem solid #4c413d;
    font-size: 1.625rem;
    text-align: center
}

.citynoshop[data-v-7028a3c0] {
    padding-top: 13.25rem
}

.tishi[data-v-7028a3c0] {
    width: 100%;
    color: #fff;
    position: fixed;
    top: 50%;
    margin-top: -1.875rem;
    left: 0;
    text-align: center
}

.tishi div[data-v-7028a3c0] {
    display: inline-block;
    padding: 1.25rem 3.125rem;
    background: #000;
    border-radius: .625rem
}

.mqrco[data-v-7028a3c0] {
    width: 41.875rem;
    margin: 0 auto;
    padding: 6.25rem 0
}

.mqrco>div[data-v-7028a3c0] {
    width: 41.875rem;
    display: flex
}

.mqrco>div>div[data-v-7028a3c0] {
    flex: 1 25%;
    text-align: center
}

.mqrco>div>div img[data-v-7028a3c0] {
    width: 4.0625rem;
    height: 4.0625rem
}

.mqrco>div>div:first-child img[data-v-7028a3c0] {
    width: 5rem
}

.isshowqrcon[data-v-7028a3c0] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999999999
}

.isshowqrcon div[data-v-7028a3c0] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center
}

.isshowqrcon div img[data-v-7028a3c0] {
    margin: 0 auto;
    max-width: 100%
}

.input[data-v-7028a3c0] {
    position: relative
}

.input input[data-v-7028a3c0] {
    line-height: 4.375rem;
    height: 4.375rem
}

.input .img[data-v-7028a3c0] {
    position: absolute;
    top: .125rem;
    right: 0;
    text-align: center;
    padding: .6875rem;
    padding-right: 1.25rem;
    cursor: pointer;
    background: none
}

.input .img img[data-v-7028a3c0] {
    width: 2.5rem;
    height: 2.5rem
}

.quanpin .pinpailishi ul li[data-v-7028a3c0] {
    position: relative
}

.quanpin .pinpailishi ul li .addres[data-v-7028a3c0] {
    position: absolute;
    right: 0;
    top: .625rem;
    overflow: hidden
}

.quanpin .pinpailishi ul li .addres button[data-v-7028a3c0] {
    display: block;
    background: #fff;
    border: .0625rem solid;
    margin-bottom: .46875rem;
    width: 6.25rem;
    cursor: pointer;
    text-align: center;
    height: 5.625rem;
    float: right;
    background: #e5e2e0
}

.hometopswipt[data-v-7028a3c0] {
    margin-bottom: 6.25rem
}

.mhome[data-v-421d9b60] {
    padding-bottom: 2.5rem
}

.homelogo[data-v-421d9b60] {
    width: 41.875rem;
    margin: 0 auto
}

.homelogo img[data-v-421d9b60] {
    width: 100%
}

.xiaotop[data-v-421d9b60] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.pplstext[data-v-421d9b60] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi[data-v-421d9b60] {
    position: relative
}

.pinpailishi .title[data-v-421d9b60] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-421d9b60] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-421d9b60] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-421d9b60] {
    width: 100%;
    height: 30.75rem;
    overflow: hidden
}

.pinpailishi ul[data-v-421d9b60] {
    display: flex;
    margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-421d9b60] {
    width: 23.4375rem;
    height: 30.75rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-421d9b60] {
    width: 23.4375rem;
    height: 30.75rem
}

.bottomtitle[data-v-421d9b60] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative;
    position: absolute;
    left: 2.5rem;
    top: 50%;
    margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-421d9b60] {
    text-align: center;
    color: #fff
}

.bottomtitle .showtitle div[data-v-421d9b60] {
    font-size: 2.8125rem;
    color: #fff
}

.bottomtitle .toleft[data-v-421d9b60] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 3.515625rem
}

.bottomtitle .toright[data-v-421d9b60] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    right: 0;
    top: 3.515625rem
}

.bottomtitle .toleft span[data-v-421d9b60] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-421d9b60],
.bottomtitle .toright span[data-v-421d9b60] {
    width: .0625rem;
    height: 1.25rem;
    background: #fff;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-421d9b60] {
    right: .625rem
}

.pinpailishiani-move[data-v-421d9b60] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-421d9b60] {
    color: #fff
}

.quanpin .pplsimg[data-v-421d9b60] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-421d9b60] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-421d9b60] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-421d9b60] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-421d9b60] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-421d9b60] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.producttiel[data-v-421d9b60] {
    background: #d2cdca;
    padding-top: .0625rem;
    padding-bottom: 2.5rem
}

.subnav[data-v-421d9b60] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #d2cdca;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav ul[data-v-421d9b60] {
    width: 100%;
    display: flex;
    padding-top: 1.25rem;
    flex-wrap: wrap
}

.subnav ul li[data-v-421d9b60] {
    flex: 1 11.71875rem;
    text-align: center;
    font-size: 1.625rem;
    color: #fff;
    line-height: 2;
    margin-bottom: 1.25rem
}

.subnav ul li.avtive[data-v-421d9b60] {
    color: #f08518
}

.subnav ul li img[data-v-421d9b60] {
    width: 4.4375rem;
    height: 3.4375rem;
    margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-421d9b60] {
    display: none
}

.subnav ul li.avtive .icon_active[data-v-421d9b60] {
    display: block
}

.subnav ul li .icon_active[data-v-421d9b60] {
    display: none
}

.subnav ul li .icon[data-v-421d9b60] {
    display: block
}

.productcont[data-v-421d9b60] {
    padding-bottom: 2.5rem;
    line-height: 2;
    width: 46.875rem;
    text-align: center
}

.productcont img[data-v-421d9b60] {
    width: 100%
}

.productcont p[data-v-421d9b60] {
    font-size: 1.625rem;
    line-height: 5.5rem
}

.productcont div[data-v-421d9b60] {
    font-size: 1.625rem;
    width: 14.0625rem;
    margin: 0 auto;
    line-height: 1;
    border: .0625rem solid #4c413d;
    line-height: 4.0625rem
}

.twonav[data-v-421d9b60] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center
}

.twonav ul[data-v-421d9b60] {
    width: 100%;
    display: flex
}

.twonav ul li[data-v-421d9b60] {
    flex: 1
}

.twonav ul li.active a[data-v-421d9b60] {
    color: #f08518
}

.hometopswipt[data-v-421d9b60] {
    padding-bottom: 9.375rem
}

.homelogo[data-v-306d0d30] {
    width: 100%
}

.xiaotop[data-v-306d0d30] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.wpz[data-v-306d0d30] {
    width: 41.875rem;
    margin: 2.1875rem auto 2.1875rem
}

.wpz img[data-v-306d0d30] {
    width: 50%
}

.wpq[data-v-306d0d30] {
    width: 41.875rem;
    margin: 2.1875rem auto .625rem
}

.quantu img[data-v-306d0d30],
.wpq img[data-v-306d0d30] {
    width: 100%
}

.quantu[data-v-306d0d30] {
    width: 46.875rem;
    padding: 2.5rem 0
}

.pplstext[data-v-306d0d30] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi[data-v-306d0d30] {
    position: relative
}

.pinpailishi .title[data-v-306d0d30] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-306d0d30] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-306d0d30] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-306d0d30] {
    width: 100%;
    height: 30.75rem;
    overflow: hidden
}

.pinpailishi ul[data-v-306d0d30] {
    display: flex;
    margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-306d0d30] {
    width: 23.4375rem;
    height: 30.75rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-306d0d30] {
    width: 23.4375rem;
    height: 30.75rem
}

.bottomtitle[data-v-306d0d30] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative;
    position: absolute;
    left: 2.5rem;
    top: 50%;
    margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-306d0d30] {
    text-align: center;
    color: #fff
}

.bottomtitle .showtitle div[data-v-306d0d30] {
    font-size: 2.8125rem;
    color: #fff
}

.bottomtitle .toleft[data-v-306d0d30] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 3.515625rem
}

.bottomtitle .toright[data-v-306d0d30] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    right: 0;
    top: 3.515625rem
}

.bottomtitle .toleft span[data-v-306d0d30] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-306d0d30],
.bottomtitle .toright span[data-v-306d0d30] {
    width: .0625rem;
    height: 1.25rem;
    background: #fff;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-306d0d30] {
    right: .625rem
}

.pinpailishiani-move[data-v-306d0d30] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-306d0d30] {
    color: #fff
}

.quanpin .pplsimg[data-v-306d0d30] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-306d0d30] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-306d0d30] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-306d0d30] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-306d0d30] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-306d0d30] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.producttiel[data-v-306d0d30] {
    background: #d2cdca;
    padding-top: .0625rem;
    padding-bottom: 2.5rem
}

.subnav[data-v-306d0d30] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav ul[data-v-306d0d30] {
    width: 100%;
    display: flex;
    padding-top: 1.25rem;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.subnav ul li[data-v-306d0d30] {
    flex: 1 11.71875rem;
    text-align: center;
    font-size: 1.625rem;
    line-height: 2;
    margin-bottom: 1.25rem
}

.subnav ul li.avtive[data-v-306d0d30] {
    color: #f08518
}

.subnav ul li img[data-v-306d0d30] {
    width: 4.4375rem;
    height: 3.4375rem;
    margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-306d0d30] {
    display: none
}

.subnav ul li.avtive .icon_active[data-v-306d0d30] {
    display: block
}

.subnav ul li .icon_active[data-v-306d0d30] {
    display: none
}

.subnav ul li .icon[data-v-306d0d30] {
    display: block
}

.productcont[data-v-306d0d30] {
    padding: 2.5rem 0;
    line-height: 2;
    width: 46.875rem;
    text-align: center
}

.productcont img[data-v-306d0d30] {
    width: 100%
}

.productcont p[data-v-306d0d30] {
    font-size: 1.625rem;
    line-height: 5.5rem
}

.productcont div[data-v-306d0d30] {
    font-size: 1.625rem;
    width: 14.0625rem;
    margin: 0 auto;
    line-height: 1;
    border: .0625rem solid #4c413d;
    line-height: 4.0625rem
}

.twonav[data-v-306d0d30] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center
}

.twonav ul[data-v-306d0d30] {
    width: 100%;
    display: flex
}

.twonav ul li[data-v-306d0d30] {
    flex: 1
}

.twonav ul li.active a[data-v-306d0d30] {
    color: #f08518
}

.hometopswipt[data-v-306d0d30] {
    padding-bottom: 6.25rem
}

.homelogo[data-v-1418f760] {
    width: 35rem;
    margin: 0 auto 1.125rem
}

.homelogo img[data-v-1418f760] {
    width: 100%
}

.homelogohead[data-v-1418f760] {
    width: 46.875rem
}

.mhome[data-v-1418f760] {
    padding-bottom: 2.5rem
}

.xiaotop[data-v-1418f760] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 0
}

.pplstext[data-v-1418f760] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 0 auto
}

.pinpailishi[data-v-1418f760] {
    position: relative
}

.pinpailishi .title[data-v-1418f760] {
    font-size: 2.8125rem;
    padding: 1.875rem 0 0 0
}

.shuoming .title[data-v-1418f760] {
    font-size: 1.625rem;
    font-weight: 700;
    text-align: left;
    padding-top: 0
}

.cpxjbut[data-v-1418f760] {
    margin-top: 1.875rem
}

.pinpailishi .subtitle[data-v-1418f760] {
    font-size: 1.875rem
}

.pinpailishi p[data-v-1418f760] {
    font-size: 1.625rem;
    padding-bottom: .625rem;
    text-align: justify
}

.pplsimg[data-v-1418f760] {
    width: 100%;
    height: 30.75rem;
    overflow: hidden
}

.pinpailishi ul[data-v-1418f760] {
    display: flex;
    margin-left: -15.46875rem
}

.pinpailishi ul li[data-v-1418f760] {
    width: 23.4375rem;
    height: 30.75rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-1418f760] {
    width: 23.4375rem;
    height: 30.75rem
}

.bottomtitle[data-v-1418f760] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative;
    position: absolute;
    left: 2.5rem;
    top: 50%;
    margin-top: -3.515625rem
}

.bottomtitle .showtitle p[data-v-1418f760] {
    text-align: center
}

.bottomtitle .showtitle div[data-v-1418f760] {
    font-size: 2.8125rem
}

.bottomtitle .toleft[data-v-1418f760] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 3.515625rem
}

.bottomtitle .toright[data-v-1418f760] {
    width: 5rem;
    height: .0625rem;
    background: #fff;
    position: absolute;
    right: 0;
    top: 3.515625rem
}

.bottomtitle .toleft span[data-v-1418f760] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-1418f760],
.bottomtitle .toright span[data-v-1418f760] {
    width: .0625rem;
    height: 1.25rem;
    background: #fff;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-1418f760] {
    right: .625rem
}

.pinpailishiani-move[data-v-1418f760] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-1418f760] {
    color: #fff
}

.quanpin .pplsimg[data-v-1418f760] {
    height: 27.9375rem
}

.quanpin .pinpailishi ul[data-v-1418f760] {
    width: 140.625rem;
    margin: 0
}

.quanpin .pinpailishi ul li[data-v-1418f760] {
    width: 46.875rem;
    height: 27.9375rem;
    padding: 0
}

.quanpin .pinpailishi ul li img[data-v-1418f760] {
    width: 46.875rem;
    height: 27.9375rem
}

.input[data-v-1418f760] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 2.5rem auto
}

.input input[data-v-1418f760] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.producttiel[data-v-1418f760] {
    background: #d2cdca;
    padding-top: .0625rem;
    padding-bottom: 2.5rem
}

.subnav[data-v-1418f760] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav ul[data-v-1418f760] {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.subnav>div[data-v-1418f760],
.subnav ul[data-v-1418f760] {
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.subnav>div.isshow[data-v-1418f760] {
    width: 21.875rem;
    height: 0;
    margin: 0 auto
}

.subnav ul li[data-v-1418f760] {
    flex: 1 11.71875rem;
    text-align: center;
    font-size: 1.625rem;
    line-height: 2;
    margin-bottom: 1.25rem;
    padding-top: 1.875rem
}

.subnav ul li.avtive[data-v-1418f760] {
    color: #f08518
}

.subnav ul li img[data-v-1418f760] {
    width: 4.4375rem;
    height: 3.4375rem;
    margin: 0 auto
}

.subnav ul li.avtive .icon[data-v-1418f760] {
    display: none
}

.subnav ul li.avtive .icon_active[data-v-1418f760] {
    display: block
}

.subnav ul li .icon_active[data-v-1418f760] {
    display: none
}

.subnav ul li .icon[data-v-1418f760] {
    display: block
}

.productcont[data-v-1418f760] {
    padding-bottom: 2.5rem;
    line-height: 2;
    width: 46.875rem;
    text-align: center
}

.productcont img[data-v-1418f760] {
    width: 100%
}

.productcont p[data-v-1418f760] {
    font-size: 1.625rem;
    line-height: 5.5rem
}

.productcont div[data-v-1418f760] {
    font-size: 1.625rem;
    width: 14.0625rem;
    margin: 0 auto;
    line-height: 1;
    border: .0625rem solid #4c413d;
    line-height: 4.0625rem
}

.avtive[data-v-1418f760] {
    color: #f08518;
    border-color: #f08518
}

.cpxjbut ul[data-v-1418f760] {
    width: 40.625rem;
    margin: 0 auto;
    justify-content: space-between;
    overflow: hidden
}

.cpxjbut ul li[data-v-1418f760] {
    line-height: 4.375rem;
    border: .0625rem solid;
    text-align: center;
    width: 18.75rem;
    font-size: 1.625rem;
    float: left
}

.cpxjbut ul li.qtiele[data-v-1418f760] {
    border: none;
    font-size: 2.5rem;
    text-align: left;
    float: left;
    width: 21.375rem
}

.cpxitu[data-v-1418f760] {
    width: 100%;
    padding-bottom: 2.5rem;
    padding-top: 1.25rem
}

.cpxitu img[data-v-1418f760] {
    width: 100%;
    margin-top: 1.25rem
}

.cfkjystitle[data-v-1418f760] {
    width: 100%;
    position: relative;
    line-height: 2.5625rem
}

.cfkjystitle p[data-v-1418f760] {
    width: 100%;
    border-bottom: .0625rem solid #000;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 0.3125rem;
    z-index: -22
}

.cfkjystitle div[data-v-1418f760] {
    background: #fff;
    margin: 0 auto;
    display: inline-block;
    padding: 0 3.125rem
}

.yanse>ul[data-v-1418f760] {
    padding: 1.25rem 0;
    font-size: 1.125rem
}

.yanse ul[data-v-1418f760] {
    width: 46.875rem;
    display: flex;
    flex-wrap: wrap
}

.yanse ul li[data-v-1418f760] {
    width: 6.5625rem;
    padding: .625rem
}

.yanse ul li img[data-v-1418f760] {
    width: 6.5625rem;
    height: 6.5625rem
}

.yanse ul li p[data-v-1418f760] {
    padding: .625rem 0;
    font-size: 1.375rem
}

.cfkjcont ul li[data-v-1418f760] {
    flex: none
}

.cfkjcont[data-v-1418f760] {
    width: 46.875rem
}

.mask[data-v-1418f760] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4117647058823529);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9
}

.hometopswipt[data-v-1418f760] {
    padding-bottom: 1.875rem;
    width: 100%;
    overflow: scroll
}

[data-v-1418f760]::-webkit-scrollbar {
    display: none
}

.hometopswipt .homelogo[data-v-1418f760] {
    margin-bottom: 0
}

.yanse>div[data-v-1418f760] {
    padding-bottom: 6.25rem
}

.homelogos[data-v-1418f760] {
    width: 12.5rem;
    padding-right: 1.125rem
}

.homelogos img[data-v-1418f760] {
    width: 100%
}

.video[data-v-1418f760] {
    display: flex;
    overflow: scroll;
    padding-left: 1.125rem
}

.pdtitle[data-v-1418f760] {
    font-size: 2.8125rem;
    text-align: left;
    line-height: 1.8;
    width: 41.875rem;
    margin: 3.125rem auto 3.125rem
}

.homelogo[data-v-c3e3c1d4] {
    width: 46.875rem;
    position: relative
}

.homelogo img[data-v-c3e3c1d4],
.video[data-v-c3e3c1d4] {
    width: 46.875rem
}

.homelogo div[data-v-c3e3c1d4] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.subnav[data-v-c3e3c1d4] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav a[data-v-c3e3c1d4] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav .active[data-v-c3e3c1d4] {
    color: #f08518
}

.mnew[data-v-c3e3c1d4] {
    width: 41.875rem;
    margin: 2.5rem auto;
    font-size: 1.625rem;
    line-height: 1.8;
    text-align: justify
}

.mnew .mnewtitle[data-v-c3e3c1d4] {
    width: 100%;
    overflow: hidden
}

.mnew .mnewtitle div[data-v-c3e3c1d4] {
    font-size: 2.8125rem;
    font-weight: 700;
    float: left
}

.mnew .mnewtitle p[data-v-c3e3c1d4] {
    color: #f08518;
    float: right;
    padding-top: 1.40625rem
}

.mnew ul li[data-v-c3e3c1d4] {
    display: flex;
    padding: 1.25rem 0;
    border-bottom: .0625rem solid #b1adac
}

.mnew ul li .mnewleft[data-v-c3e3c1d4] {
    width: 25rem;
    flex: 1 25rem
}

.mnew ul li .mnewleft div[data-v-c3e3c1d4] {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.mnew ul li .mnewleft p[data-v-c3e3c1d4] {
    font-size: 1.125rem
}

.mnew ul li .mnewleft span[data-v-c3e3c1d4] {
    font-size: 1.125rem;
    color: #b1adac
}

.mnew ul li .mnewright[data-v-c3e3c1d4] {
    width: 15.625rem;
    flex: 1 15.625rem;
    text-align: right
}

.mnew ul li .mnewright img[data-v-c3e3c1d4] {
    width: 15.625rem;
    height: 10.9375rem
}

.homelogo[data-v-3433bf2c] {
    width: 46.875rem;
    position: relative
}

.homelogo img[data-v-3433bf2c],
.video[data-v-3433bf2c] {
    width: 46.875rem
}

.homelogo div[data-v-3433bf2c] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.subnav[data-v-3433bf2c] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav a[data-v-3433bf2c] {
    flex: 1;
    display: block;
    color: #fff
}

.subnav .active[data-v-3433bf2c] {
    color: #f08518
}

.mnew[data-v-3433bf2c] {
    width: 41.875rem;
    margin: 2.5rem auto;
    font-size: 1.625rem;
    line-height: 1.8;
    text-align: justify
}

.mnew .mnewtitle[data-v-3433bf2c] {
    width: 100%;
    overflow: hidden
}

.mnew .mnewtitle div[data-v-3433bf2c] {
    font-size: 2.8125rem;
    font-weight: 700;
    float: left
}

.mnew .mnewtitle p[data-v-3433bf2c] {
    color: #f08518;
    float: right;
    padding-top: 1.40625rem
}

.mnew ul li[data-v-3433bf2c] {
    display: flex;
    padding: 1.25rem 0;
    border-bottom: .0625rem solid #b1adac
}

.mnew ul li .mnewleft[data-v-3433bf2c] {
    width: 25rem;
    flex: 1 25rem
}

.mnew ul li .mnewleft div[data-v-3433bf2c] {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.mnew ul li .mnewleft p[data-v-3433bf2c] {
    font-size: 1.125rem
}

.mnew ul li .mnewleft span[data-v-3433bf2c] {
    font-size: 1.125rem;
    color: #b1adac
}

.mnew ul li .mnewright[data-v-3433bf2c] {
    width: 15.625rem;
    flex: 1 15.625rem;
    text-align: right
}

.mnew ul li .mnewright img[data-v-3433bf2c] {
    width: 15.625rem;
    height: 10.9375rem
}

.xiaotop[data-v-3433bf2c] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pinpailishi .title[data-v-3433bf2c] {
    font-size: 2.8125rem;
    padding: 1.25rem 0;
    text-align: center
}

.pinpailishi .subtitle[data-v-3433bf2c] {
    font-size: 1.8125rem;
    text-align: center;
    font-weight: 700
}

.pinpailishi p[data-v-3433bf2c] {
    font-size: 1.625rem;
    padding-bottom: 1.25rem;
    text-align: justify;
    text-align: center
}

.pinpailishi .newdetailtime[data-v-3433bf2c] {
    padding-top: 2.1875rem;
    text-align: center
}

.pplstext[data-v-3433bf2c] {
    text-align: left;
    line-height: 2
}

.pplstext[data-v-3433bf2c] img {
    width: 100%;
    margin: 1.25rem 0
}

.content[data-v-3433bf2c] {
    width: 41.875rem;
    margin: 0 auto
}

.hometopswipt[data-v-3433bf2c] {
    margin-bottom: 6.25rem
}

.mhome[data-v-6be72039] {
    font-size: 1.625rem
}

.homelogo[data-v-6be72039] {
    width: 46.875rem;
    position: relative
}

.homelogo img[data-v-6be72039],
.video[data-v-6be72039] {
    width: 46.875rem
}

.homelogo div[data-v-6be72039] {
    width: 46.875rem;
    text-align: center;
    font-size: 2.8125rem;
    color: #fff;
    position: absolute;
    left: 0;
    line-height: 5.625rem;
    top: 50%;
    margin-top: -2.8125rem
}

.xiaotop[data-v-6be72039] {
    width: .0625rem;
    height: 2.125rem;
    background: #f08518;
    margin: 2.1875rem auto 2.1875rem
}

.pplstext[data-v-6be72039] {
    line-height: 1.8;
    width: 41.875rem;
    margin: 2.5rem auto 0;
    text-align: left
}

.pinpailishi .title[data-v-6be72039] {
    font-size: 2.8125rem;
    padding: 1.25rem 0
}

.pinpailishi .subtitle[data-v-6be72039] {
    font-size: 1.8125rem
}

.pinpailishi p[data-v-6be72039] {
    padding-bottom: 1.25rem;
    text-align: justify
}

.pplsimg[data-v-6be72039] {
    width: 100%;
    height: 22.3125rem;
    padding: 1.25rem 0;
    overflow: hidden
}

.pinpailishi ul[data-v-6be72039] {
    display: flex;
    margin-left: -40.125rem
}

.pinpailishi ul li[data-v-6be72039] {
    width: 39.6875rem;
    height: 22.3125rem;
    flex: 1;
    padding: 0 1.25rem
}

.pinpailishi ul li img[data-v-6be72039] {
    width: 39.6875rem;
    height: 22.3125rem
}

.bottomtitle[data-v-6be72039] {
    width: 41.875rem;
    margin: 0 auto;
    color: #f08518;
    font-size: 1.875rem;
    line-height: 1.5;
    position: relative
}

.bottomtitle .showtitle p[data-v-6be72039] {
    text-align: center
}

.bottomtitle .toleft[data-v-6be72039] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    left: 0;
    top: 1.625rem
}

.bottomtitle .toright[data-v-6be72039] {
    width: 5rem;
    height: .0625rem;
    background: #918b88;
    position: absolute;
    right: 0;
    top: 1.625rem
}

.bottomtitle .toleft span[data-v-6be72039] {
    left: .625rem
}

.bottomtitle .toleft span[data-v-6be72039],
.bottomtitle .toright span[data-v-6be72039] {
    width: .0625rem;
    height: 1.25rem;
    background: #918b88;
    display: block;
    position: absolute;
    top: -.5625rem
}

.bottomtitle .toright span[data-v-6be72039] {
    right: .625rem
}

.pinpailishiani-move[data-v-6be72039] {
    transition: all .3s
}

.quanpin .bottomtitle[data-v-6be72039] {
    color: #4c413d
}

.quanpin .pplsimg[data-v-6be72039] {
    height: 28.125rem
}

.quanpin .pinpailishi ul[data-v-6be72039] {
    width: 140.625rem;
    margin: 0;
    height: 28.125rem;
    flex-direction: column;
    flex-wrap: wrap
}

.quanpin .pinpailishi ul li[data-v-6be72039] {
    width: 46.875rem;
    height: 28.125rem;
    padding: 0;
    font-size: 1.875rem
}

.quanpin .pinpailishi ul li img[data-v-6be72039] {
    width: 46.875rem;
    height: 27.9375rem
}

.input input[data-v-6be72039] {
    line-height: 4.1875rem
}

.bannertop[data-v-6be72039],
.ppfzlist[data-v-6be72039] {
    width: 41.875rem;
    font-size: 1.625rem;
    line-height: 2;
    text-align: justify;
    margin: 2.5rem auto
}

.ppfzlist img[data-v-6be72039] {
    width: 100%
}

.ppfzlist div[data-v-6be72039] {
    font-size: 2rem;
    font-weight: 700;
    padding-top: 1.625rem
}

.video[data-v-6be72039] {
    padding: 2.5rem 0
}

.ppjjsjmx[data-v-6be72039] {
    background: url(/img/sjmxbg.65feb56e.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding-top: .625rem;
    padding-bottom: 3.75rem
}

.shmx[data-v-6be72039] {
    background: #d2cdca;
    margin-top: 0;
    padding: .625rem 0
}

.subnav[data-v-6be72039] {
    width: 46.875rem;
    font-size: 1.625rem;
    line-height: 6.25rem;
    background: #fff;
    text-align: center;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
}

.subnav a[data-v-6be72039] {
    flex: 1;
    display: block
}

.pzbtit .showtitle p[data-v-6be72039] {
    line-height: 2;
    padding-bottom: 2.5rem
}

.blod[data-v-6be72039] {
    font-weight: 700
}

.weweima[data-v-6be72039] {
    width: 46.875rem;
    margin: 2.5rem auto
}

.weweima ul[data-v-6be72039] {
    width: 100%;
    display: flex
}

.weweima ul li[data-v-6be72039] {
    flex: 1;
    text-align: center
}

.weweima ul li img[data-v-6be72039] {
    width: 7.5rem;
    height: 7.5rem
}

.weweima ul li p[data-v-6be72039] {
    padding-top: 1.25rem
}

.imgqp[data-v-6be72039],
.imgqp img[data-v-6be72039] {
    width: 46.875rem
}

.quanpin .pinpailishi ul li[data-v-6be72039] {
    line-height: 3.3125rem;
    text-align: left
}

.quanpin .pinpailishi ul li div[data-v-6be72039] {
    width: 41.875rem;
    padding: 0 2.5rem;
    font-weight: 700
}

.quanpin .pinpailishi ul li p[data-v-6be72039] {
    width: 41.875rem;
    padding: 0 2.5rem
}

.shopcity[data-v-6be72039] {
    width: 41.875rem;
    position: relative;
    margin: 0 auto;
    margin: .46875rem auto;
    height: .0625rem;
    background: #4c413d
}

.shopcity>div[data-v-6be72039] {
    width: calc(100% - 3.125rem);
    position: absolute;
    left: 1.5625rem;
    top: -.875rem;
    overflow: hidden
}

.shopcity ul[data-v-6be72039] {
    background: #fff;
    display: inline-flex;
    line-height: .9375rem;
    padding: 0 .9375rem
}

.shopcity ul li[data-v-6be72039] {
    width: .9375rem;
    padding: 0 .9375rem;
    float: left
}

.shopcity ul li .no[data-v-6be72039] {
    display: block
}

.shopcity ul li.active .no[data-v-6be72039],
.shopcity ul li .yes[data-v-6be72039] {
    display: none
}

.shopcity ul li.active .yes[data-v-6be72039] {
    display: block
}

.shopcity_left[data-v-6be72039] {
    left: .9375rem
}

.shopcity_left[data-v-6be72039],
.shopcity_right[data-v-6be72039] {
    height: 1.5625rem;
    width: .0625rem;
    background: #4c413d;
    position: absolute;
    top: -.75rem
}

.shopcity_right[data-v-6be72039] {
    right: .9375rem
}

.quanpin[data-v-6be72039] {
    padding-bottom: 2.5rem
}

.backb[data-v-6be72039] {
    background: #e5e2e0;
    padding-top: .0625rem
}

.zhaomu[data-v-6be72039] {
    width: 46.875rem;
    position: relative;
    margin-bottom: 3.75rem
}

.zhaomu ul[data-v-6be72039] {
    display: flex;
    width: 46.875rem;
    justify-content: space-around
}

.zhaomu ul li[data-v-6be72039] {
    padding: 1.25rem 0
}

.zhaomu ul li.active[data-v-6be72039] {
    color: #f08518
}

.zhizheng[data-v-6be72039] {
    width: .0625rem;
    height: 1.25rem;
    background: #f08518;
    position: absolute;
    bottom: -.625rem
}

.zhaomu p[data-v-6be72039] {
    width: 41.875rem;
    margin: 0 auto;
    height: .0625rem;
    background: #000
}

.jxscont[data-v-6be72039] {
    width: 46.875rem;
    padding-bottom: 2.5rem;
    text-align: left;
    line-height: 2
}

.jxscont>div[data-v-6be72039] {
    white-space: pre-wrap;
    width: 41.875rem;
    margin: 0 auto
}

.jxscont>div.img[data-v-6be72039] {
    width: 46.875rem
}

.jxscont[data-v-6be72039] img {
    width: 100%
}

.input[data-v-6be72039] {
    font-size: 1.625rem;
    width: 41.875rem;
    margin: 0 auto 2.5rem
}

.input input[data-v-6be72039] {
    width: 100%;
    line-height: 2;
    border: .0625rem solid #4c413d;
    text-align: center
}

.zixuntian[data-v-6be72039] {
    width: 41.875rem;
    margin: 2.5rem auto 0
}

.zixuntian>div[data-v-6be72039] {
    padding-bottom: 2.5rem
}

.zixuntian>div input[data-v-6be72039] {
    border-bottom: .0625rem solid #4c413d;
    font-size: 1.625rem;
    width: 100%;
    background: none
}

.mzixunbottom[data-v-6be72039] {
    width: 19.375rem;
    margin: 0 auto 2.5rem;
    line-height: 4.375rem;
    border: .0625rem solid #4c413d;
    font-size: 1.625rem;
    text-align: center
}

.citynoshop[data-v-6be72039] {
    padding-top: 13.25rem
}

.tishi[data-v-6be72039] {
    width: 100%;
    color: #fff;
    position: fixed;
    top: 50%;
    margin-top: -1.875rem;
    left: 0;
    text-align: center
}

.tishi div[data-v-6be72039] {
    display: inline-block;
    padding: 1.25rem 3.125rem;
    background: #000;
    border-radius: .625rem
}

.mqrco[data-v-6be72039] {
    width: 41.875rem;
    margin: 0 auto;
    padding: 2.5rem 0
}

.mqrco>div[data-v-6be72039] {
    width: 41.875rem;
    display: flex
}

.mqrco>div>div[data-v-6be72039] {
    flex: 1 25%;
    text-align: center
}

.mqrco>div>div img[data-v-6be72039] {
    width: 4.0625rem;
    height: 4.0625rem
}

.mqrco>div>div:first-child img[data-v-6be72039] {
    width: 5rem
}

.isshowqrcon[data-v-6be72039] {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999999999
}

.isshowqrcon div[data-v-6be72039] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center
}

.isshowqrcon div img[data-v-6be72039] {
    margin: 0 auto;
    max-width: 100%
}

.input[data-v-6be72039] {
    position: relative
}

.input input[data-v-6be72039] {
    line-height: 4.375rem;
    height: 4.375rem
}

.input .img[data-v-6be72039] {
    position: absolute;
    top: .125rem;
    right: 0;
    text-align: center;
    padding: .6875rem;
    padding-right: 1.25rem;
    cursor: pointer;
    background: #fff
}

.input .img img[data-v-6be72039] {
    width: 2.5rem;
    height: 2.5rem
}

.mheader[data-v-508aa2d9] {
    width: 46.875rem;
    text-align: left
}

html {
    background-color: #fff;
    color: #000;
    font-size: .75rem
}

blockquote,
body,
button,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
ol,
p,
pre,
td,
textarea,
th,
ul,
xmp {
    margin: 0;
    padding: 0
}

body,
button,
code,
input,
kbd,
pre,
samp,
select,
textarea,
tt,
xmp {
    line-height: 1.5
}

big,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
small,
textarea {
    font-size: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: tahoma, arial, Hiragino Sans GB, 微软雅黑, simsun, sans-serif
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 400
}

address,
cite,
dfn,
em,
i,
optgroup,
var {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left
}

caption,
th {
    text-align: inherit
}

menu,
ol,
ul {
    list-style: none
}

fieldset,
img {
    border: 0
}

button,
img,
input,
object,
select,
textarea {
    vertical-align: middle
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "\0020"
}

textarea {
    overflow: auto;
    resize: vertical
}

a,
button,
input,
select,
textarea {
    outline: 0 none;
    border: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

mark {
    background-color: transparent
}

a,
del,
ins,
s,
u {
    text-decoration: none
}

sub,
sup {
    vertical-align: baseline
}

html {
    overflow-x: hidden;
    height: 100%;
    font-size: 3.125rem;
    -webkit-tap-highlight-color: transparent;
    font-weight: 100
}

body {
    font-family: Lantinghei SC Extralight, Lantinghei SC Demibold, Lantinghei SC Heavy, 微软雅黑;
    color: #645a57;
    font-size: 1rem;
    line-height: 1;
    -webkit-text-size-adjust: none;
    min-height: 100%;
    padding-bottom: env(safe-area-inset-bottom)
}

@media (max-width:768px) {
    body {
        font-family: Lantinghei SC Extralight, Lantinghei SC Demibold, Lantinghei SC Heavy, 微软雅黑;
        color: #645a57;
        font-size: 1.625rem;
        -webkit-text-size-adjust: none;
        min-height: 100%;
        padding-bottom: env(safe-area-inset-bottom)
    }
}

hr {
    height: .0625rem;
    margin: .3125rem 0;
    border: medium none;
    border-top: .0625rem solid #cacaca
}

a {
    color: #000;
    text-decoration: none;
    display: block
}

input:focus::input-placeholder {
    color: transparent
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus::-o-input-placeholder {
    color: transparent
}

input:focus::-moz-input-placeholder {
    color: transparent
}

input::input-placeholder {
    color: #4c413d
}

input::-webkit-input-placeholder {
    color: #4c413d
}

input::-o-input-placeholder {
    color: #4c413d
}

input::-moz-input-placeholder {
    color: #4c413d
}

video {
    cursor: pointer
}

input {
    font-weight: 100
}

@supports (bottom:env(safe-area-inset-bottom)) {
    .subnav {
        bottom: env(safe-area-inset-bottom)
    }
}

* {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

img {
    pointer-events: none
}

.banner .bannerMask {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.banner .bannerMask img {
    margin-left: 0
}

.bannerMaskLeft {
    left: 0
}

.bannerMaskLeft,
.bannerMaskRieght {
    width: 10.3125rem;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0
}

.bannerMaskRieght {
    right: 0
}

.bannerMaskani .bannerMaskLeft {
    animation: bannerMaskLeftani .7s;
    -moz-animation: bannerMaskLeftani .7s;
    -webkit-animation: bannerMaskLeftani .7s;
    -o-animation: bannerMaskLeftani .7s;
    animation-fill-mode: forwards
}

.bannerMaskani .bannerMaskRieght {
    animation: bannerMaskRieghtani .7s;
    -moz-animation: bannerMaskRieghtani .7s;
    -webkit-animation: bannerMaskRieghtani .7s;
    -o-animation: bannerMaskRieghtani .7s;
    animation-fill-mode: forwards
}

@keyframes bannerMaskLeftani {
    0% {
        left: 0
    }

    to {
        left: -16.875rem
    }
}

@-webkit-keyframes bannerMaskLeftani {
    0% {
        left: 0
    }

    to {
        left: -16.875rem
    }
}

@-moz-keyframes bannerMaskLeftani {
    0% {
        left: 0
    }

    to {
        left: -16.875rem
    }
}

@-o-keyframes bannerMaskLeftani {
    0% {
        left: 0
    }

    to {
        left: -16.875rem
    }
}

@keyframes bannerMaskRieghtani {
    0% {
        right: 0
    }

    to {
        right: -16.875rem
    }
}

@-webkit-keyframes bannerMaskRieghtani {
    0% {
        right: 0
    }

    to {
        right: -16.875rem
    }
}

@-moz-keyframes bannerMaskRieghtani {
    0% {
        right: 0
    }

    to {
        right: -16.875rem
    }
}

@-o-keyframes bannerMaskRieghtani {
    0% {
        right: 0
    }

    to {
        right: -16.875rem
    }
}

.founder {
    color: #4c413d;
    max-width: 75rem;
    margin: 0 auto;
    position: relative
}

.founder .yishu {
    width: .0625rem;
    height: 2.875rem;
    background: #f08518;
    margin: 4.6875rem auto 0
}

.founder .beijing {
    font-size: 3.125rem;
    padding-top: 3.4375rem;
    padding-bottom: 2.1875rem;
    font-weight: 100
}

.founder .time {
    padding-bottom: 2.1875rem;
    font-size: 1.875rem
}

.founder p {
    line-height: 2;
    font-weight: 100
}

.founder p.cursorNum {
    font-size: 1.875rem
}

.founder img {
    margin: 0 auto;
    transform: scale(.8);
    margin-top: -1.875rem
}

.founder ul {
    display: flex
}

.founder ul p {
    line-height: 1.5
}

.founder ul li {
    flex: 1
}

.founder .yishuani {
    margin: 1.25rem auto 0;
    margin-left: 6.25rem
}

.active {
    color: #f08518
}

.jiaolian {
    width: 100%;
    height: .0625rem;
    background: #4c413d;
    position: absolute;
    left: 0;
    bottom: 1rem
}
.spaceCustomization {
    margin-top: var(--main-margin-top);
    }

.spaceCustomization p {
    text-align: justify;
    padding-bottom: 2.1875rem;
    text-align: center;
    white-space: pre-wrap
}

.search {
    color: #4c413d;
    padding-bottom: 5rem
}

.search,
.searchWap {
    width: 100%
}

.searchCenten {
    max-width: 75rem;
    text-align: center;
    margin: 0 auto
}

.searchCenten .beijing {
    color: #4c413d
}

.searchCenten .search_input {
    position: relative
}

.searchCenten .search_input input {
    line-height: 3.9375rem;
    width: 65.9375rem;
    text-align: center;
    border: .0625rem solid #4c413d;
    background: transparent;
    color: #a6a7a8;
    margin: 2.8125rem 0;
    padding: 0 4.46875rem;
    color: #000
}

.searchCenten .search_input .img {
    position: absolute;
    top: 2.9375rem;
    right: .0625rem;
    text-align: center;
    padding: .625rem;
    padding-right: 1.25rem;
    cursor: pointer;
    background: #fff
}

.searchCenten .search_input .img img {
    width: 2.5rem;
    height: 2.5rem
}

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

.searchCenten ul li {
    flex: 1;
    line-height: 2.1875rem;
    cursor: pointer
}

.search p {
    color: #4c413d;
    line-height: 2.1875rem
}

.cursor {
    cursor: pointer
}

@keyframes bannerImg {
    0% {
        margin-left: -9%
    }

    to {
        margin-left: 0
    }
}

@-webkit-keyframes bannerImg {
    0% {
        margin-left: -9%
    }

    to {
        margin-left: 0
    }
}

@-moz-keyframes bannerImg {
    0% {
        margin-left: -9%
    }

    to {
        margin-left: 0
    }
}

@-o-keyframes bannerImg {
    0% {
        margin-left: -9%
    }

    to {
        margin-left: 0
    }
}

.yishuani-move {
    transition: transform .5s
}

.hdcm-move,
.storeShowSwi-move {
    transition: transform 3s
}

.homeDecoration {
    position: relative;
    overflow: hidden
}

.homeDecoration img {
    width: 100%
}

.homeDecorationMask {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%
}

.homeDecorationCenten {
    width: 75rem;
    max-width: inherit;
    margin: 0 auto;
    color: #fff;
    overflow: hidden
}

.homeDecorationCenten .more {
    padding: 1.5625rem 8.4375rem;
    border: .0625rem solid #fff;
    margin-top: 1.25rem;
    display: inline-block
}

.more {
    cursor: pointer
}

.moreleav {
    animation: moreleave 1s;
    -moz-animation: moreleave 1s;
    -webkit-animation: moreleave 1s;
    -o-animation: moreleave 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.moreleavh {
    animation: hmoreleave 1s;
    -moz-animation: hmoreleave 1s;
    -webkit-animation: hmoreleave 1s;
    -o-animation: hmoreleave 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.homeDecorationCenten .more:hover {
    color: #fff;
    animation: morehover 1s;
    -moz-animation: morehover 1s;
    -webkit-animation: morehover 1s;
    -o-animation: morehover 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes morehover {
    0% {
        color: #fff;
        border-color: #fff
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@-webkit-keyframes morehover {
    0% {
        color: #fff;
        border-color: #fff
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@-moz-keyframes morehover {
    0% {
        color: #fff;
        border-color: #fff
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@-o-keyframes morehover {
    0% {
        color: #fff;
        border-color: #fff
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@keyframes moreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #fff;
        border-color: #fff
    }
}

@-webkit-keyframes moreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #fff;
        border-color: #fff
    }
}

@-moz-keyframes moreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #fff;
        border-color: #fff
    }
}

@-o-keyframes moreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #fff;
        border-color: #fff
    }
}

@keyframes morehoverh {
    0% {
        color: #000;
        border-color: #000
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@-webkit-keyframes morehoverh {
    0% {
        color: #000;
        border-color: #000
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@-moz-keyframes morehoverh {
    0% {
        color: #000;
        border-color: #000
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@-o-keyframes morehoverh {
    0% {
        color: #000;
        border-color: #000
    }

    to {
        color: #f08518;
        border-color: #f08518
    }
}

@keyframes hmoreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #000;
        border-color: #000
    }
}

@-webkit-keyframes hmoreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #000;
        border-color: #000
    }
}

@-moz-keyframes hmoreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #000;
        border-color: #000
    }
}

@-o-keyframes hmoreleave {
    0% {
        color: #f08518;
        border-color: #f08518
    }

    to {
        color: #000;
        border-color: #000
    }
}

.homeDecorationCenten ul {
    width: 100%;
    display: flex;
    padding-top: 18.4375rem;
    padding-bottom: 3%
}

.homeDecorationCenten ul li {
    flex: 1;
    border-bottom: .0625rem solid #fff;
    padding-top: 3.75rem;
    overflow: hidden
}

.homeDecorationCenten ul li.midl div div {
    padding-bottom: 2%;
    letter-spacing: .625rem
}

.storeDisplay ul {
    width: 53.75rem;
    margin: 0 auto;
    padding-top: 20%;
    padding-bottom: 4%
}

.storeDisplay ul li {
    border-bottom: none;
    padding-top: 0;
    margin-top: 3.75rem;
    cursor: pointer
}

.switeName {
    width: 100%;
    color: #fff;
    font-size: 2em;
    text-align: center;
    padding: 1.5rem 0;
    position: absolute;
    left: 0;
    bottom: 50%;
    margin-bottom: -1rem
}

.switeName .switeNameBox {
    width: 95%;
    margin: 0 auto;
    overflow: hidden
}

.switeName .switeNameBox div {
    flex: 1;
    border-bottom: .0625rem solid #fff;
    height: .0625rem;
    margin: auto;
    display: inline-block;
    position: relative
}

.switeName .switeNameBox div p {
    width: .0625rem;
    background: #fff;
    height: 1.5625rem
}

.switeName .switeNameBox div.left p {
    position: absolute;
    left: 1.25rem;
    top: 0
}

.switeName .switeNameBox div.midle {
    font-weight: 100;
    flex: 4;
    border-bottom: none;
    letter-spacing: .125rem;
    margin-bottom: 2rem
}

.switeName .switeNameBox div.right p {
    position: absolute;
    right: 1.25rem;
    top: 0
}

.switeName .switeNameBox div.left,
.switeName .switeNameBox div.right {
    border-bottom: none;
    height: 1.5625rem;
    width: 9.375rem;
    float: left;
    cursor: pointer
}

.switeName .switeNameBox div.right {
    float: right
}

.switeName .switeNameBox div span {
    width: 100%;
    height: .0625rem;
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 0;
    top: .78125rem
}

.consult {
    width: 46.25rem;
    margin: 0 auto
}

.consult input {
    background: none;
    width: 100%;
    border-bottom: .0625rem solid #000;
    line-height: 2;
    margin-bottom: 3.4375rem
}

.consult button {
    padding: 1.25rem 8.125rem;
    border: .0625rem solid #000;
    background: none;
    margin-bottom: 3.125rem;
    cursor: pointer
}

.consult button:hover {
    color: #fff;
    animation: morehoverh 1s;
    -moz-animation: morehoverh 1s;
    -webkit-animation: morehoverh 1s;
    -o-animation: morehoverh 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.storeShowImg {
    overflow: auto;
    position: relative;
    /* height: 58.625rem; */
    height: 72vw;
}

.ssiamge {
    position: absolute;
    margin-top: var(--main-margin-top);
    top: 0
}

.ssiamge img {
    width: 100%;
    /* height: 58.625rem; */
    height: auto;
}

.storeShowImg img {
    width: 100%;
    float: left
}

.ssiamge .ssanin {
    animation: storeShowImganin 1.5s;
    -moz-animation: storeShowImganin 1.5s;
    -webkit-animation: storeShowImganin 1.5s;
    -o-animation: storeShowImganin 1.5s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes storeShowImganin {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes storeShowImganin {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes storeShowImganin {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

@-o-keyframes storeShowImganin {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.kjdz ul {
    position: relative;
    display: block;
    padding-bottom: 0;
    height: 14.0625rem;
    font-weight: 100
}

.kjdz ul li {
    cursor: pointer
}

.kjdz ul li p {
    display: none
}

.kjdz ul li.left {
    width: 12.5rem;
    position: absolute;
    padding-top: 6.1%;
    padding-bottom: .9375rem;
    left: 0;
    text-align: left
}

.kjdz ul li.left div div {
    position: absolute;
    left: 0;
    bottom: .9375rem;
    min-width: 4.375rem
}

.kjdz ul li.midl {
    font-size: 2.5em;
    font-weight: 100;
    flex: 4;
    border-bottom: none;
    padding-top: 0;
    letter-spacing: .125rem;
    position: absolute;
    left: 50%;
    width: 28.125rem;
    margin: 0 auto;
    height: 5.9375rem;
    overflow: hidden;
    margin-left: -14.0625rem
}

.kjdz ul li.midl>div {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.kjdz ul li.midl p {
    display: block
}

.kjdz ul li.right {
    width: 12.5rem;
    position: absolute;
    padding-top: 6.1%;
    right: 0;
    padding-bottom: .9375rem;
    text-align: right
}

.kjdz ul li.right div div {
    position: absolute;
    right: 0;
    bottom: .9375rem;
    min-width: 4.375rem
}

.founder .marginTX {
    margin-top: 6.7%
}

.zixun {
    width: 46.25rem
}

.zixun .beijing {
    font-size: 3.125rem
}

.tran {
    transition: all 1s
}

.brandtransitionani .brandBox {
    overflow: hidden;
    width: 450rem
}

.brand {
    float: left;
    width: 75rem
}

.spaceCustomizationIngT-enter-active,
.spaceCustomizationIngT-leave-active {
    transition: opacity 3s
}

.spaceCustomizationIngT-enter,
.spaceCustomizationIngT-leave-to {
    opacity: 0
}

.spaceCustomizationIngT-enter-to,
.spaceCustomizationIngT-leave {
    opacity: 1
}

.brandBox {
    overflow: hidden;
    width: 450rem
}

#app .zixun p {
    text-align: justify;
    padding-bottom: 5rem
}

.home .kjdz ul li.midl p {
    padding-top: 0
}

.home .homefounder {
    margin-top: 7.8125rem;
    opacity: 0;
    animation: homehomefounder 2s;
    -moz-animation: homehomefounder 2s;
    -webkit-animation: homehomefounder 2s;
    -o-animation: homehomefounder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.hometopanima .homefounder {
    animation: hometopanimafounder 2s;
    -moz-animation: hometopanimafounder 2s;
    -webkit-animation: hometopanimafounder 2s;
    -o-animation: hometopanimafounder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes hometopanimafounder {
    0% {
        opacity: 0;
        margin-top: 4.6875rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes hometopanimafounder {
    0% {
        opacity: 0;
        margin-top: 4.6875rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-moz-keyframes hometopanimafounder {
    0% {
        opacity: 0;
        margin-top: 4.6875rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-o-keyframes hometopanimafounder {
    0% {
        opacity: 0;
        margin-top: 4.6875rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes homehomefounder {
    0% {
        opacity: 1;
        margin-top: 0
    }

    to {
        opacity: 0;
        margin-top: 4.6875rem
    }
}

@-webkit-keyframes homehomefounder {
    0% {
        opacity: 1;
        margin-top: 0
    }

    to {
        opacity: 0;
        margin-top: 4.6875rem
    }
}

@-moz-keyframes homehomefounder {
    0% {
        opacity: 1;
        margin-top: 0
    }

    to {
        opacity: 0;
        margin-top: 4.6875rem
    }
}

@-o-keyframes homehomefounder {
    0% {
        opacity: 1;
        margin-top: 0
    }

    to {
        opacity: 0;
        margin-top: 4.6875rem
    }
}

.jianbianq {
    opacity: 1;
    margin-top: 7.8125rem;
    animation: homehomefounder 2s;
    -moz-animation: homehomefounder 2s;
    -webkit-animation: homehomefounder 2s;
    -o-animation: homehomefounder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.jianbianh {
    animation: hometopanimafounder 2s;
    -moz-animation: hometopanimafounder 2s;
    -webkit-animation: hometopanimafounder 2s;
    -o-animation: hometopanimafounder 2s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}

.jianbianbanner {
    animation: hometopanimafounder 1s;
    -moz-animation: hometopanimafounder 1s;
    -webkit-animation: hometopanimafounder 1s;
    -o-animation: hometopanimafounder 1s;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out
}