@font-face {

    font-family: 'NeutraText';

    src: url('../font/NeutraTextDemi.otf');

}



body,

html {

    font-family: 'Microsoft YaHei';

    overflow-x: hidden;

}



.loader_img {

    display: block;

}



.loader_img img {

    display: block;

    width: 124px;

    margin: 0 auto;

}



.loading_container {

    background-color: #fff;

    font-size: 100%;

    font-family: 'Open Sans';

    font-weight: 100;

    height: 100%;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 2000;

}



.loader_box {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -mos-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    /* disable selection and cursor changes */

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: default;

}



.loader div {

    position: relative;

    width: 2.5em;

    height: 2.5em;

    background: #fff;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    margin: 0 5px;

    float: left;

    font-size: 1.65em;

    line-height: 2.5em;

    -webkit-animation: bounce 1.5s infinite ease-in-out;

    -moz-animation: bounce 1.5s infinite ease-in-out;

    -mos-animation: bounce 1.5s infinite ease-in-out;

    -o-animation: bounce 1.5s infinite ease-in-out;

    animation: bounce 1.5s infinite ease-in-out;

}



.loader div:after {

    content: '';

    position: absolute;

    bottom: -2em;

    left: 0.35em;

    width: 1.8em;

    height: 0.5em;

    background: #eee;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}



.loader div:nth-child(1) {

    -webkit-animation: bouncefirst 1.5s infinite ease-in-out;

    -moz-animation: bouncefirst 1.5s infinite ease-in-out;

    -mos-animation: bouncefirst 1.5s infinite ease-in-out;

    -o-animation: bouncefirst 1.5s infinite ease-in-out;

    animation: bouncefirst 1.5s infinite ease-in-out;

    -webkit-animation-delay: 0ms;

    -moz-animation-delay: 0ms;

    -ms-animation-delay: 0ms;

    -o-animation-delay: 0ms;

    animation-delay: 0ms;

    background: #d3be66;

    color: #fff;

}



.loader div:nth-child(2) {

    -webkit-animation-delay: 50ms;

    -moz-animation-delay: 50ms;

    -ms-animation-delay: 50ms;

    -o-animation-delay: 50ms;

    animation-delay: 50ms;

    background: #d3be66;

    color: #fff;

}



.loader div:nth-child(3) {

    -webkit-animation-delay: 100ms;

    -moz-animation-delay: 100ms;

    -ms-animation-delay: 100ms;

    -o-animation-delay: 100ms;

    animation-delay: 100m;

    background: #d3be66;

    color: #fff;

}



.loader div:nth-child(4) {

    -webkit-animation-delay: 150ms;

    -moz-animation-delay: 150ms;

    -ms-animation-delay: 150ms;

    -o-animation-delay: 150ms;

    animation-delay: 150ms;

    background: #d3be66;

    color: #fff;

}





@-webkit-keyframes bouncefirst {

    0% {

        -webkit-transform: translateX(0px);

    }



    20% {

        -webkit-transform: translateX(-50px);

    }



    25% {

        -webkit-transform: translateX(-50px);

    }



    50% {

        -webkit-transform: translateX(100px);

    }



    80%,

    100% {

        -webkit-transform: translateX(0px);

    }

}



@-moz-keyframes bouncefirst {

    0% {

        -moz-transform: translateX(0px);

    }



    20% {

        -moz-transform: translateX(-50px);

    }



    25% {

        -moz-transform: translateX(-50px);

    }



    50% {

        -moz-transform: translateX(100px);

    }



    80%,

    100% {

        -moz-transform: translateX(0px);

    }

}



@-mos-keyframes bouncefirst {

    0% {

        -mos-transform: translateX(0px);

    }



    20% {

        -mos-transform: translateX(-50px);

    }



    25% {

        -mos-transform: translateX(-50px);

    }



    50% {

        -mos-transform: translateX(100px);

    }



    80%,

    100% {

        -mos-transform: translateX(0px);

    }

}



@-o-keyframes bouncefirst {

    0% {

        -o-transform: translateX(0px);

    }



    20% {

        -o-transform: translateX(-50px);

    }



    25% {

        -o-transform: translateX(-50px);

    }



    50% {

        -o-transform: translateX(100px);

    }



    80%,

    100% {

        -o-transform: translateX(0px);

    }

}



@keyframes bouncefirst {

    0% {

        transform: translateX(0px);

    }



    20% {

        transform: translateX(-50px);

    }



    25% {

        transform: translateX(-50px);

    }



    50% {

        transform: translateX(100px);

    }



    80%,

    100% {

        transform: translateX(0px);

    }

}











@-webkit-keyframes bounce {

    0% {

        -webkit-transform: translateX(0px);

    }



    20% {

        -webkit-transform: translateX(0px);

    }



    28% {

        -webkit-transform: translateX(0px);

    }



    50% {

        -webkit-transform: translateX(100px);

    }



    80%,

    100% {

        -webkit-transform: translateX(0px);

    }

}



@-moz-keyframes bounce {

    0% {

        -moz-transform: translateX(0px);

    }



    20% {

        -moz-transform: translateX(0px);

    }



    28% {

        -moz-transform: translateX(0px);

    }



    50% {

        -moz-transform: translateX(100px);

    }



    80%,

    100% {

        -moz-transform: translateX(0px);

    }

}



@-mos-keyframes bounce {

    0% {

        -mos-transform: translateX(0px);

    }



    20% {

        -mos-transform: translateX(0px);

    }



    28% {

        -mos-transform: translateX(0px);

    }



    50% {

        -mos-transform: translateX(100px);

    }



    80%,

    100% {

        -mos-transform: translateX(0px);

    }

}



@-o-keyframes bounce {

    0% {

        -o-transform: translateX(0px);

    }



    20% {

        -o-transform: translateX(0px);

    }



    28% {

        -o-transform: translateX(0px);

    }



    50% {

        -o-transform: translateX(100px);

    }



    80%,

    100% {

        -o-transform: translateX(0px);

    }

}



@keyframes bounce {

    0% {

        transform: translateX(0px);

    }



    20% {

        transform: translateX(0px);

    }



    28% {

        transform: translateX(0px);

    }



    50% {

        transform: translateX(100px);

    }



    80%,

    100% {

        transform: translateX(0px);

    }

}



header {

    padding: 24px 20px 34px;

}



.h_logo img {

    display: block;

    margin: 0 auto;

}



header .nav {

    margin-top: 50px;

}



header .nav ul {

    display: flex;

    justify-content: center;

}



header .nav ul li {

    margin: 0 35px;

}



header .nav ul li a {

    font-size: 16px;

    color: #000002;

    font-weight: 400;

    transition: all .5s;

}



header .nav ul li:hover a {

    color: #939598;

    transform: translateY(-4px);

}



header .nav ul li.active a {

    color: #939598;

}



.banner {

    width: 100%;

    overflow: hidden;
    position: relative;
}



.banner img {

    display: block;

    width: 100%;

}



.banner .swiper-pagination-bullet {

    background: #fff;

    border: 1px solid #d2d3d5;

    opacity: 1;

    width: 10px;

    height: 10px;

}



.banner .swiper-pagination-bullet-active {

    background: #939598;

    border: 1px solid #939598;

}



.in_main .section1 {

    width: 1250px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 0 auto;

    margin-top: 147px;

    margin-bottom: 196px;

}



.in_main .section1 .item {

    text-align: center;

}



.in_main .section1 .item .img {

    display: block;

}



.in_main .section1 .item .font {

    margin-top: 56px;

}



.in_main .section1 .item .font h3 {

    position: relative;

    width: 100%;

    height: 47px;

}



.in_main .section1 .item .font .fontani {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    white-space: nowrap;

}



.in_main .section1 .item:hover .font .fontani::before {

    max-width: 100%;

}



.in_main .section1 .item .font .fontani::before {

    position: absolute;

    top: 0;

    left: 0;

    font-size: 40px;

    overflow: hidden;

    max-width: 0;

    color: #d3be66;

    content: attr(data-hover);

    -webkit-transition: max-width 0.5s;

    -moz-transition: max-width 0.5s;

    transition: max-width 0.5s;

    white-space: nowrap;

}



.in_main .section1 .item .font p {

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}





.in_main .section1 .item:nth-child(3) {

    margin-top: 75px;

}



.in_main .section2 {

    display: flex;



}



.in_main .section2 .l_item {

    height: 700px;

    width: 50%;

    background-size: cover !important;

}



.in_main .section2 .r_item {

    height: 700px;

    width: 50%;

    background-size: cover !important;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.in_main .section2 .r_item .title {

    text-align: center;

}



.in_main .section2 .r_item .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.in_main .section2 .r_item .title p {

    font-size: 20px;

    margin-top: 10px;

}



.in_main .section2 .r_item .cont {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 158px;

}



.in_main .section2 .r_item .cont .item {

    margin: 0 34px;

    cursor: pointer;

}



.in_main .section2 .r_item .cont .item img {

    display: block;

    margin: 0 auto;

    transition: all .5s;

}



.in_main .section2 .r_item .cont .item:hover img {

    transform: translateY(-5px);

}



.in_main .section2 .r_item .cont .item p {

    font-size: 18px;

    color: #000;

    margin-top: 40px;

}



.in_main .section3 {

    padding-top: 120px;

    padding-bottom: 140px;

}



.in_main .section3 .title {

    text-align: center;

}



.in_main .section3 .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.in_main .section3 .title h4 {

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}



.in_main .section3 .title p {

    font-size: 17px;

    color: #231F20;

    margin-top: 50px;

}



.in_main .section3 .img {

    margin-top: 120px;

}



.in_main .section3 .img img {

    display: block;

    margin: 0 auto;

}



.in_main .section4 {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    height: 750px;

    width: 100%;

    background-attachment: fixed !important;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 160px;

}



.in_main .section4 .box {

    width: 420px;

    height: 400px;

    background: #fad1d6;

    box-sizing: border-box;

}



.in_main .section4 .box .title {

    text-align: center;

    margin-top: 100px;

}



.in_main .section4 .box .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.in_main .section4 .box .title h4 {

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}



.in_main .section4 .box p {

    font-size: 17px;

    color: #231F20;

    margin-top: 50px;

}



.in_main .section4 .logo {

    display: block;

    margin: 0 auto;

    margin-top: 30px;

}



footer .section5 {

    width: 99%;

    margin: 0 auto;

    border-top: 3px solid #dcddde;



    padding: 90px 0 120px;

}



footer .section5 .cont {

    display: flex;

    justify-content: space-between;

    max-width: 1250px;

    margin: 0 auto;

}



footer .section5 .cont .title {

    color: #231F20;

    font-size: 25px;

    margin-bottom: 40px;

}



footer .section5 .cont ul li {

    margin-bottom: 10px;

}



footer .section5 .cont ul li a {

    color: #231F20;

    font-size: 17px;

    transition: all .3s;

}



footer .section5 .cont ul li a:hover {

    color: #939598;

    transform: translateY(-4px);

}



footer .bottom {

    background: #63433b;

    padding-top: 100px

}



footer .bottom img {

    display: block;

    margin: 0 auto;

    margin-bottom: 100px;

}



footer .bottom .copy {

    text-align: center;

    font-size: 17px;

    color: #D3BE66;

    padding: 20px 0;

}



footer .bottom .copy a {

    font-size: 17px;

    color: #D3BE66;

}



.product-main .s1 {

    padding: 200px 0 146px;

    background: #fbf9f9;

}



.product-main .s1 .cont {

    display: flex;

    align-items: center;

    justify-content: center;

}



.product-main .s1 .cont .l_item {

    margin: 0 5%;

}



.product-main .s1 .cont .l_item img {

    display: block;

}



.product-main .s1 .cont .r_item {

    margin: 0 5%;

    width: 628px;

    text-align: center;

    flex-shrink: 0;

}



.product-main .s1 .cont .r_item .title h3 {

    font-size: 40px;

    color: #000;

    font-family: 'NeutraText';

}



.product-main .s1 .cont .r_item .title p {

    font-size: 20px;

    margin-top: 10px;

}



.product-main .s1 .cont .r_item .word {

    font-size: 17px;

    color: #231F20;

    line-height: 2.4;

    letter-spacing: 2px;

    margin-top: 40px;



}



.product-main .pinkbg {

    background: #fef8f9;

    padding-top: 160px;
    padding-bottom: 110px;
}



/* .product-main .s2 {

    margin-bottom: 110px;

} */



.product-main .s2 .title {

    text-align: center;

}



.product-main .s2 .title h3 {

    font-size: 40px;

    color: #000;

    font-family: 'NeutraText';

}



.product-main .s2 .title p {

    font-size: 20px;

    margin-top: 10px;

}



.product-main .s2 .cont {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 150px;

}



.product-main .s2 .cont .item {

    margin: 0 24px;

    background: #fff;

    transition: all .5s;

}



.product-main .s2 .cont .item img {

    display: block;

}



.product-main .s2 .cont .item:hover {

    transform: translateY(-5px);

    box-shadow: 0 0 50px 5px rgba(151, 150, 150, 0.2);

}



.product-main .s2 .cont .item .font {

    padding: 20px;

    box-sizing: border-box;

    height: 147px;

    text-align: center;

}



.product-main .s2 .cont .item .font h3 {

    font-size: 20px;

    color: #231F20;

    font-weight: bold;

    margin-bottom: 25px;

}



.product-main .s2 .cont .item .font p {

    font-size: 16px;

    color: #231F20;

}



.product-main .s3 .item {

    display: flex;

    align-items: center;

    margin-bottom: 120px;

}



.product-main .s3 .item .img {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    width: 50%;

    height: 750px;

}



.product-main .s3 .item .font-box {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    height: 750px;

    width: 50%;

    background: #fff;

}



.product-main .s3 .item .font-box .title {

    text-align: center;

}



.product-main .s3 .item .font-box .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.product-main .s3 .item .font-box .title h4 {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

}



.product-main .s3 .item .font-box .word {

    font-size: 17px;

    color: #231F20;

    margin-top: 40px;

    line-height: 2.4;

    text-align: center;

}



.product-main .s3 .item:nth-child(2) .img {

    order: 1;

}



.ad1 {

    height: 743px;

    background-size: cover !important;

    background-position: center !important;

    background-attachment: fixed !important;

}



.design-main .s1 {

    max-width: 1250px;

    margin: 0 auto;

    text-align: center;

    padding: 60px 0;

}



.design-main .s1 .title {

    text-align: center;

}



.design-main .s1 .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.design-main .s1 .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

}



.design-main .s1 .word {

    color: #000;

    font-size: 17px;

    line-height: 36px;

    margin-top: 40px;

}



.design-main .s2 {

    max-width: 1250px;

    margin: 0 auto;

    padding: 60px 0;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



.design-main .s2 .img img {

    display: block;

}



.design-main .s2 .font-box {

    flex-shrink: 0;

    width: 502px;

}



.design-main .s2 .font-box .title {

    color: #231F20;

    font-size: 25px;

    line-height: 36px;

}



.design-main .s2 .font-box .word {

    font-size: 15px;

    color: #000000;

    margin-top: 40px;

    line-height: 2;

}



.design-main .s3 {

    max-width: 1250px;

    margin: 0 auto;

    text-align: center;

    padding: 60px 0;

}



.design-main .s3 img {

    display: block;

    width: 100%;

}



.design-main .s4 {

    max-width: 1250px;

    margin: 0 auto;

    padding-bottom: 120px;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



.design-main .s4 img {

    display: block;

}



.design-main .s4 .font-box {

    flex-shrink: 0;

    width: 502px;

}



.design-main .s4 .font-box .name {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

    margin-bottom: 30px;

}



.design-main .s4 .font-box .title {

    color: #231F20;

    font-size: 25px;

    line-height: 36px;

}



.design-main .s4 .font-box .word {

    font-size: 15px;

    color: #000000;

    margin-top: 40px;

    line-height: 1.8;

}



.ad2 {

    height: 751px;

    background-size: cover !important;

    background-position: center !important;

    background-attachment: fixed !important;

}



.design-main .s5 {

    display: flex;

    align-items: flex-end;

    justify-content: center;

    padding: 118px 0;

}



.design-main .s5 .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.design-main .s5 .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

}



.design-main .s5 .font-box {

    margin-right: 150px;

    margin-bottom: 30px;

}



.design-main .s5 .font-box .word {

    font-size: 15px;

    color: #000000;

    margin-top: 40px;

    line-height: 2;

}



.design-main .s6 {

    display: flex;

    justify-content: center;

    align-items: flex-start;
    padding: 200px 0;
}



.design-main .s6 .item {

    text-align: center;

    width: 50%;

    box-sizing: border-box;

    padding: 0 15px;
}



.design-main .s6 .item .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.design-main .s6 .item .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

}



.design-main .s6 .item .word {

    font-size: 15px;

    color: #000000;

    margin-top: 40px;

    line-height: 1.8;

}

.design-main .s8{
    position: relative;
    min-height: 955px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center right !important;
    display: flex;
    align-items: center;

}
.design-main .s8 .item{
    margin-left: auto;
    text-align: center;
    width: 400px;
    margin-right:250px;
    letter-spacing: 2px;
}
.design-main .s8 .item .title h3 {

    font-size: 40px;

    color: #fff;

    font-family: 'NeutraText';

}



.design-main .s8 .item .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #bdbdbc;

}



.design-main .s8 .item .word {

    font-size: 15px;

    color: #bdbdbc;

    margin-top: 40px;

    line-height: 2;

}


.design-main .s7 {

    padding: 100px 0;
    background: #0d1e3b;
}



.design-main .s7 .word {

    text-align: center;

    font-size: 20px;

    color: #fff;

    font-weight: 400;

    line-height: 35px;
    letter-spacing: 6px;

}



.brand-main .s1 {

    max-width: 1250px;

    margin: 0 auto;

    padding: 100px;

}



.brand-main .s1 .cont {

    text-align: center;

}



.brand-main .s1 h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.brand-main .s1 .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

}



.brand-main .s1 .word {

    max-width: 700px;

    font-size: 17px;

    color: #000;

    line-height: 36px;

    margin: 0 auto;

    margin-top: 40px;

}



.brand-main .s1 .img img {

    display: block;

    width: 100%;

}



.brand-main .s1 .img {

    margin-top: 100px;

}



.brand-main .s2 {

    background: #f2f2f2;

    padding: 100px 0 65px;

    text-align: center;

}



.brand-main .s2 .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.brand-main .s2 .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

}



.brand-main .s2 .word {

    max-width: 700px;

    font-size: 17px;

    color: #000;

    line-height: 36px;

    margin: 0 auto;

    margin-top: 40px;

}



.brand-main .s2 .img {

    margin-top: 80px;

}



.brand-main .s2 .img img {

    display: block;

    width: 100%;

}



.brand-main .s3 {

    padding: 190px 0;

    margin: 0 auto;

    background: #fbf9f9;

}



.brand-main .s3 .word {

    text-align: center;

    font-size: 30px;

    color: #000;

    line-height: 50px;

}



.brand-main .s3 .img {

    margin-top: 100px;

}



.brand-main .s3 .img img {

    display: block;

    margin: 0 auto;

}



.brand-main .s4 img {

    display: block;

    width: 100%;

}



.about-main .s1 {

    text-align: center;

    padding: 100px 0 100px;

}



.about-main .s1 .title h3 {

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}



.about-main .s1 .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

}



.about-main .s1 .word {

    font-size: 17px;

    color: #000;

    line-height: 34px;

    margin-top: 50px;

}



.about-main .s2 {

    max-width: 1250px;

    padding-bottom: 60px;

    margin: 0 auto;

}



.about-main .s2 img {

    display: block;

    width: 100%;

}



.about-main .s3 {

    padding: 60px 0 120px;

}



.about-main .s3 .cont {

    max-width: 1250px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}



.about-main .s3 .cont .title h3 {

    font-size: 19px;

    color: #000;

    font-weight: bold;

}



.about-main .s3 .cont .title p {

    font-size: 17px;

    color: #000;

}



.about-main .s3 .cont .num {

    font-size: 67px;

    color: #000;

    font-family: 'NeutraText';

}



.about-main .s3 .cont .text {

    font-size: 17px;

    color: #000;

}



.about-main .s3 .cont .bot_cont {

    display: flex;

}



.about-main .s4 img {

    display: block;

    width: 100%;

}



.about-main .s5 {

    max-width: 1250px;

    margin: 0 auto;

    display: flex;

    background: #f2f2f2;

    justify-content: space-between;

    align-items: flex-end;

    top: -50px;

    position: relative;

}



.about-main .s5 .img img {

    display: block;

}



.about-main .s5 .font-box {

    margin-left: 75px;

    margin-bottom: 60px;

    margin-right: auto;

}



.about-main .s5 .font-box .title h3 {

    font-size: 40px;

    color: #000;

    font-family: 'NeutraText';

}



.about-main .s5 .font-box .title p {

    font-size: 20px;

    margin-top: 10px;

    color: #000000;

    letter-spacing: 5px;

}



.about-main .s5 .font-box .word {

    font-size: 17px;

    color: #000;

    line-height: 30px;

    margin-top: 50px;

}



.about-main .s6 {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    height: 750px;

    width: 100%;

    background-attachment: fixed !important;

    display: flex;

    justify-content: center;

    align-items: center;

}



.about-main .s6 .box {

    width: 528px;

    height: 478px;

    background: #fad1d6;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.about-main .s6 .box .title{

    text-align: center;

}

.about-main .s6 .box .title h3{

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}

.about-main .s6 .box .title p{

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}

.about-main .s6 .box .word{

    font-size: 17px;

    color: #231F20;

    line-height: 36px;

    margin-top: 50px;

}

.about-main .s7{

    padding: 130px 0 50px;

    background: #f2f2f2;

}

.about-main .s7 .title{

    text-align: center;

}

.about-main .s7 .title h3{

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}

.about-main .s7 .title p{

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}

.about-main .s7 .cont{

    display: flex;

    justify-content: center;

}

.about-main .s7 .cont{

    margin-top: 110px;

}

.about-main .s7 .cont .item{

    margin: 0 22px;

    transition: all .5s;

}

.about-main .s7 .cont .font{

    width: 383px;

    background: #fff;

    padding: 24px;

    min-height: 198px;

    box-sizing: border-box;

    text-align: center;

}

.about-main .s7 .cont .font h3{

    font-size: 20px;

    font-weight: bold;

    color: #231F20;

}

.about-main .s7 .cont .font .word{

    font-size: 16px;

    color: #231F20;

    line-height: 25px;

    margin-top: 30px;

}

.about-main .s7 .cont .item:hover {

    box-shadow: 0 0 50px 5px rgba(151, 150, 150, 0.2);

}

.join-mian .title{

    text-align: center;

}

.join-mian .title h3{

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}

.join-mian .title p{

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}

.join-mian .s1{

    max-width: 1250px;

    margin: 0 auto;

    padding: 90px 0 50px;

}

.join-mian .s1 .img {

    margin-top: 96px;

}

.join-mian .s1 .img img{

    display: block;

}

.join-mian .s1 .word{

    text-align: center;

    font-size: 17px;

    color: #000;

    margin-top: 40px;

}

.join-mian .s2{

    max-width: 1250px;

    margin: 0 auto;

    padding: 50px 0 100px;

}

.join-mian .s2 .cont{

    margin-top: 100px;

}

.join-mian .s2 .cont ul{

    display: flex;

    flex-wrap: wrap;

}

.join-mian .s2 .cont ul li{

    width: 300px;

    height: 226px;

    line-height: 50px;

    text-align: center;

    cursor:pointer;

    background: #f2f2f2;

    position: relative;

    overflow: hidden;

    margin-right: 16px;

    margin-top: 16px;

    padding: 0 24px;

    box-sizing: border-box;

}

.join-mian .s2 .cont ul li:nth-child(4n){

    margin-right: 0;

}

.join-mian .s2 .cont ul li h3{

    font-size: 20px;

    color: #231F20;

    font-weight: bold;

}

.join-mian .s2 .cont ul li .word{

    font-size: 17px;

    color: #231F20;

    line-height: 40px;

}

.join-mian .s2 .cont ul li .box{

    position: relative;

    height: 100%;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.join-mian .s2 .cont ul li .da-animate {

    position: absolute;

    background: #fad1d6;

    width: 100%;

    height: 100%;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    z-index: 1;

}

.da-slideFromTop {

    left: 0;

    top: -100%

}



.da-slideFromBottom {

    left: 0;

    top: 100%

}



.da-slideFromLeft {

    top: 0;

    left: -100%

}



.da-slideFromRight {

    top: 0;

    left: 100%

}



.da-slideTop {

    top: 0

}



.da-slideLeft {

    left: 0

}

.join-mian .s3{



    padding: 90px 0;

    background: #f2f2f2;

}

.join-mian .s3 .cont{

    max-width: 1250px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    margin-top: 85px;

}

.join-mian .s3 .cont .item{

    width: 234px;

    height: 369px;

    background: #fff;

    box-shadow: 5px 5px 5px 0 rgba(151, 150, 150, 0.8);

    display: flex;

    flex-direction: column;

    text-align: center;

    padding-top: 70px;

    box-sizing: border-box;

}

.join-mian .s3 .cont .item .img{

    transition: all .5s;

}

.join-mian .s3 .cont .item img{

    display: block;

    margin: 0 auto;

}

.join-mian .s3 .cont .item h3{

    font-size: 20px;

    color: #231F20;

    font-weight: bold;

    margin-top: 20px;

}

.join-mian .s3 .cont .item .word{

    font-size: 16px;

    color: #231F20;

    line-height: 25px;

    margin-top: 30px;

}



.join-mian .s4 {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    height: 750px;

    width: 100%;

    background-attachment: fixed !important;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 160px;

}



.join-mian .s4 .box {

    width: 420px;

    height: 400px;

    background: #fad1d6;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.join-mian .s4 .box .cont{

    font-size: 17px;

    color: #231f20;

    text-align: center;

    margin-top: 60px;

}

.join-mian .s4 .box .cont .lxfs{

    border: 2px solid #c5a5a9;

    padding: 20px 36px;

    margin-top: 26px;

    margin-bottom: 24px;

}

.join-mian .s4 .box .cont h4{

    font-size: 16px;

}

.contact-main .s1{

    padding: 120px 0 160px;

    background: url(../images/gjpg1.jpg) no-repeat center right;

    background-size: cover;

}

.contact-main .s1 .title h3{

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}

.contact-main .s1 .title p{

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}

.contact-main .s1 .cont{

    max-width: 1250px;

    margin: 0 auto;

}

.contact-main .s1 .form_box{

    margin-top: 65px;

}

.contact-main .s1 .form_box .input{

    width: 394px;

    height: 50px;

    box-sizing: border-box;

    background: #fff;

    border: 2px solid #d4d4d4;

    font-size: 16px;

    color: #333;

    padding: 0 20px;

    display: block;

    margin-bottom: 15px;

    outline: none;

}

.contact-main .s1 .form_box .input::placeholder{

    color: #939598;

}

.contact-main .s1 .form_box .input:focus{

    border: 2px solid #8f8f8f;

}

.contact-main .s1 .form_box textarea{

    width: 686px;

    height: 320px;

    box-sizing: border-box;

    padding: 10px 18px;

    border: 2px solid #d4d4d4;

    font-size: 16px;

    color: #333;

    margin-bottom: 25px;

    resize: none;

    outline: none;

}

.contact-main .s1 .form_box textarea::placeholder{

    color: #939598;

}

.contact-main .s1 .form_box textarea:focus{

    border: 2px solid #8f8f8f;

}

.contact-main .s1 .form_box button{

    display: block;

    width: 394px;

    height: 48px;

    text-align: center;

    line-height: 48px;

    font-size: 16px;

    background: #fad1d6;

    color: #231f20;

    border: 2px solid #b8a9ab;

    box-sizing: border-box;

    transition: all .5s;

}

.contact-main .s1 .form_box button:hover{

    transform: scale(.98);

}

.contact-main .s2{

    max-width: 1250px;

    margin: 0 auto;

    padding: 70px 0 75px;

} 

.contact-main .s2 .code{

    display: flex;

}

.contact-main .s2 .code .item{

    text-align: center;

}

.contact-main .s2 .code .item img{

    display: block;

    margin: 0 auto;

}

.contact-main .s2 .code .item p{

    font-size: 17px;

    color: #231F20;

    font-weight: 400;

    margin-top: 10px;

}

.contact-main .s2 .cont{

    font-size: 17px;

    color: #231F20;

    font-weight: 400;

    line-height: 27px;

    margin-top: 70px;

}

.contact-main .s2 .cont a{

    font-size: 17px;

    color: #231F20;

}

.contact-main .s3 img{

    display: block;

    width: 100%;

}

.customized-main .s1{

    padding: 80px 0;

    text-align: center;

}

.customized-main .title {

    text-align: center;

}

.customized-main .title h3{

    font-size: 40px;

    color: #000000;

    font-family: 'NeutraText';

}

.customized-main .title p{

    font-size: 20px;

    color: #231F20;

    margin-top: 10px;

}

.customized-main .s1 .word{

    font-size: 17px;

    line-height: 36px;

    margin-top: 58px;

}

.customized-main .s2{

    padding: 100px 0 110px;

}

.customized-main .s2 .case{

    width: 1250px;

    margin: 0 auto;

    position: relative;

}

.customized-main .s2 .case .box{

    background: #fff;

}

.customized-main .s2 .case .box img{

    display: block;

    margin: 0 auto;

}

.customized-main .s2 .case .box .font-box{

    text-align: center;

    margin-top: 30px;

}

.customized-main .s2 .case .box .font-box h3{

    font-size: 25px;

    font-weight: bold;

    transition: all 2s;

    opacity: 0;

    transform: translateY(20px);

}

.customized-main .s2 .case .box .font-box .word{

    font-size: 20px;

    color: #231F20;

    line-height: 40px;

    margin-top: 30px;

    transition: all 2s;

    transition-delay: .25s;

    opacity: 0;

    transform: translateY(20px);

}

.customized-main .s2 .case .swiper-slide-active .box .font-box h3{

    opacity: 1;

    transform: translateY(0);

}

.customized-main .s2 .case .swiper-slide-active .box .font-box .word{

    opacity: 1;

    transform: translateY(0);

}

.customized-main .s2 .case .prev,.customized-main .s2 .case .next{

    position: absolute;

    width: 74px;

    height: 75px;

    top: 330px;

    cursor: pointer;

    z-index: 2;

}

.customized-main .s2 .case .prev{

    background: url(../images/larrow.png) no-repeat center center;

    background-size: 100% 100%;

    left: 0;

}

.customized-main .s2 .case .next{

    background: url(../images/rarrow.png) no-repeat center center;

    background-size: 100% 100%;

    right:0;

}

.customized-main .s3 {

    padding: 170px 0 100px;

    background: #fef8f9;

}

.customized-main .s3 .cont{

    display: flex;

    padding:0 6%;

    justify-content: space-between;

    margin-top: 150px;

}

.customized-main .s3 .cont .item{

    background: #fff;

    transition: all .5s;
    width: 24%;
}

.customized-main .s3 .cont .item img{

    display: block;

    margin: 0 auto;
    max-width: 100%;
}

.customized-main .s3 .cont .item .font-box{

    padding: 20px 42px;

    box-sizing: border-box;

    width: 100%;

    min-height: 256px;

    text-align: center;

}

.customized-main .s3 .cont .item .font-box h3{

    font-size: 20px;

    font-weight: bold;

    color: #231F20;

}

.customized-main .s3 .cont .item .font-box .word{

    font-size: 16px;

    color: #231F20;   

    margin-top: 30px;

    line-height: 25px;

}

.customized-main .s3 .cont .item:hover{

    box-shadow: 0 0 50px 5px rgba(151, 150, 150, 0.2);

}

.customized-main .s4{

    padding: 145px 0 100px;

    background: #fad1d6;

    text-align: center;

}

.customized-main .s4 .word{

    color: #231F20;

    font-size: 17px;

    line-height: 36px;

    margin-top: 50px;

}

.customized-main .s4 .img{

    margin-top: 80px;

}

.customized-main .s4 .img img{

    display: block;

    margin: 0 auto;

}

.customized-main .s5{

    padding: 210px 0 200px;

    text-align: center;

}

.customized-main .s5 .word{

    font-size: 17px;

    font-weight: 400;

    color: #231F20;

    line-height: 40px;

}

.customized-main .s6 {

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    height: 750px;

    width: 100%;

    background-attachment: fixed !important;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 160px;

}



.customized-main .s6 .box {

    width: 528px;

    height: 478px;

    background: #fad1d6;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.customized-main .s6 .box .lxbtn{

    width: 284px;

    height: 80px;

    text-align: center;

    line-height: 80px;

    font-weight: 400;

    font-size: 17px;

    color: #231F20;

    display: block;

    background: #fff;

    margin-top: 100px;

}
.pro_details{
    background: #f0ede8;
    padding: 140px 6% 140px 5%;
    display: flex;
    box-sizing: border-box;
    width: 100%;
}
.pro_details .l_item{
    width: 60%;
}
.pro_details .pro_details_banner{
    display: flex;
}
.pro_details #thumbs{
    width: 92px;
    height: 450px;
    margin-left: 0;
}
.pro_details .box .arrow {
    margin-top: 15px;
    cursor: pointer;
}
.pro_details .box .arrow img{
    display: block;
    margin: 0 auto;
}
.pro_details #thumbs img{
    width: 90px;
    height: 90px;
    cursor: pointer;
    box-sizing: border-box;
}
.pro_details #gallery{
    width: calc(100% - 160px);
    overflow: hidden;
}
.pro_details #gallery .img{
    width: 100%;
    height: 450px; 
    position: relative; 
}
.pro_details #gallery img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pro_details #thumbs .swiper-slide{
    height: 90px;
    box-sizing: border-box;
}
.pro_details #thumbs .swiper-slide img{
    border: 1px solid #7b7a77;
}
.pro_details #thumbs .swiper-slide-thumb-active img{
    border:2px solid #64433c;
}
.pro_details .r_item{
    width: 37%;
    margin-left: auto;
}
.pro_details .r_item .title{
    text-align: center;
}
.pro_details .r_item .title h3{
    font-size: 25px;
    color: #020202;
}
.pro_details .r_item .title p{
    color: #6D6C6C;
    font-size: 16px;
    margin-top: 10px;
}
.pro_details .r_item .price{
    font-size: 25px;
    font-weight: 400;
    color: #64433C;
    text-align: center;
    margin-top: 40px;
}
.pro_details .r_item .status_item{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed #64433C;
    margin-top: 40px;
    font-size: 20px;
    color: #515050;
}
.pro_details .r_item .reserve{
    font-size: 20px;
    border-bottom: 1px dashed #64433C;
    padding: 10px 0;
    color: #FC3105;
}
.pro_details .r_item .word{
    font-size: 25px;
    color: rgba(4, 4, 4, 0.7);
    line-height: 42px;
    font-weight: 300;
    margin-top: 50px;
}