@import url('https://fonts.cdnfonts.com/css/poppins');


*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;/*font-family: 'siyuanheitiR','Microsoft YaHei',"Arial";*/line-height: 1;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{width: 100%;height: 100%;object-fit: contain;transition: all .3s;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

input,select{border: none;outline: none;background: none;}
textarea{resize:none;}

html{font-size: calc(100vw / 192);}

.container{width: 120rem;margin: 0 auto;}

.pc{display: block;}
.mb{display: none;}

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */

/* @font-face {
    font-family: "siyuanheitiR";
    font-weight: 800;
    src: url("./SourceHanSansCN-Regular.otf") format("trueType");
    font-display: swap;
}

@font-face {
    font-family: "siyuanheitiH";
    font-weight: 800;
    src: url("./SourceHanSansCN-Heavy.otf") format("trueType");
    font-display: swap;
}

@font-face {
    font-family: "siyuanheitiB";
    font-weight: 800;
    src: url("./SourceHanSansCN-Bold.otf") format("trueType");
    font-display: swap;
} */




* {
    font-family: 'Poppins', sans-serif !important;
}







html{padding-top: 10rem;}
.header{padding: 0 10rem;height: 10rem;background: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 555;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.06);}
.header .logo{height: 8rem;}

.header .right{height: 100%;padding-top: 1.15rem;display: flex;flex-direction: column;}
.header .right .top{display: flex;align-items: center;justify-content: flex-end;}
.header .right .top .searchBox{width: 30rem;height: 3.2rem;border: 0.1rem solid #EEEEEE;display: flex;align-items: center;padding: 0 2rem 0 2.4rem;}
.header .right .top .searchBox .icon{width: 3.2rem;height: 3.2rem;margin-left: 2rem;cursor: pointer;flex-shrink: 0;}
.header .right .top .searchBox .icon img{width: 1.6rem;height: 1.6rem;}
.header .right .top .searchBox input{font-size: 1.3rem;color: #000;flex: 1; line-height: 1;}
.header .right .top .searchBox input::placeholder{color: #999;}

.header .right .top .heart{margin-left: 3rem;display: flex;align-items: center;}
.header .right .top .heart .icon{width: 2.4rem;height: 2.4rem;margin-right: 0.6rem;}
.header .right .top .heart .num{font-size: 1.6rem;color: #111;}


.header .right .bot{display: flex;height: 100%;}
.header .right .bot .one{margin-left: 6rem;padding: 1.5rem 0;position: relative;display: flex;align-items: center;}
.header .right .bot .one .first{font-size: 1.5rem;color: #111111;transition: all 0.3s;font-weight: 500;white-space: nowrap;}
.header .right .bot .one:hover .first{color: #8E6A5F;}
.header .right .bot .one .twoBox{position: absolute;left: 50%;top: 100%;opacity: 0;visibility: hidden;transform: translateX(-50%);transition: all 0.3s;padding-top: 5rem;}
.header .right .bot .one .twoBox .block{border: 0.1rem solid #F1DED8;background: #fff;padding: 3rem;display: flex;border-radius: 1rem;}
.header .right .bot .one .twoBox .line{padding-right: 2rem;margin-right: 2rem;border-right: 0.1rem solid #EEEEEE;}
.header .right .bot .one .twoBox .line:last-child{margin-right: 0;border-right: 0;}
.header .right .bot .one .twoBox .box{/*min-width: 18rem;*/margin-bottom: 3rem}
.header .right .bot .one .twoBox .box:last-child{margin-bottom: 0}
.header .right .bot .one .twoBox .title{font-size: 1.8rem;line-height: 2.4rem;color: #8E6A5F;font-weight: bold;margin-bottom: 1rem;display: block;white-space: nowrap;}
.header .right .bot .one .twoBox .title:last-child{margin-bottom: 0;}
.header .right .bot .one .twoBox .link{font-size: 1.4rem;line-height: 3rem;color: #111111;transition: all 0.3s;display: block;white-space: nowrap;}
.header .right .bot .one .twoBox .link:hover{color: #8E6A5F;}
.header .right .bot .one:hover .twoBox{padding-top: 0;padding-bottom: 5rem;opacity: 1;visibility: visible;}


.header .right .bot .one.product .twoBox .box{min-width: 19rem;}








.footer{background: #8E6A5F;}
.footer .bot{padding: 2.1rem;background: #F4F0EF;font-size: 1.4rem;line-height: 2;color: #111;text-align: center;}
.footer .bot .icp{line-height: 2;font-size: 1.4rem;color: #111;transition: all 0.3s;}
.footer .bot .icp:hover{color: #8E6A5F;}
.footer .bot .text{line-height: 2;}

.footer .top{padding: 9rem 0 10rem;width: 120rem;margin: 0 auto;}
.footer .top .textBox{padding-bottom: 5rem;border-bottom: 0.1rem solid rgba(0, 0, 0, 0.3);margin-bottom: 6rem;display: flex;align-items: flex-start;justify-content: space-between;}
.footer .top .textBox .left{width: 61.5rem;}
.footer .top .textBox .title{font-size: 2rem;line-height: 2.4rem;color: #111;font-weight: bold;margin-bottom: 2.6rem;}
.footer .top .textBox .desc{font-size: 1.6rem;line-height: 2;color: #111;}

.footer .top .textBox .share{display: flex;}
.footer .top .textBox .share .icon{width: 4.4rem;height: 4.4rem;margin-left: 1.2rem;cursor: pointer;}

.footer .top .menuBox{display: flex;}
.footer .top .menuBox .line{flex: 1;}
.footer .top .menuBox .box{margin-bottom: 4rem;}
.footer .top .menuBox .box:last-child{margin-bottom: 0;}
.footer .top .menuBox .title{font-size: 2rem;line-height: 2.4rem;color: #111;margin-bottom: 1rem;display: block;font-weight: bold;}
.footer .top .menuBox .title:last-child{margin-bottom: 0;}
.footer .top .menuBox .link{font-size: 1.4rem;line-height: 3.6rem;color: #111111;transition: all 0.3s;display: block;}
.footer .top .menuBox .link:hover{color: #ddd;}



.cookieBox{position: fixed;bottom: 0;left: 0;right: 0;z-index: 666;padding: 4.4rem 0;background: #111111;}
.cookieBox .close{width: 2.4rem;height: 2.4rem;position: absolute;top: 1rem;right: 1rem;cursor: pointer;}
.cookieBox .container{display: flex;align-items: center;justify-content: space-between;}

.cookieBox .left{font-size: 1.8rem;line-height: 2.4rem;color: #FFFFFF;width: 51.5rem;}
.cookieBox .btnBox{display: flex;align-items: center;}
.cookieBox .btnBox .btn{margin-left: 2rem;width: 16rem;height: 4rem;border-radius: 4rem;border: 0.1rem solid #FFFFFF;color: #FFFFFF;font-size: 1.6rem;}
.cookieBox .btnBox .btn.confirm{background: #8E6A5F;border-color: #8E6A5F;}
.cookieBox .btnBox .btn:hover{background: #8E6A5F;border-color: #8E6A5F;}
.cookieBox .btnBox .btn.confirm:hover{background: #A4DDD4;border-color: #A4DDD4;}






















.index .banner .one{position: relative;display: block;}
.index .banner .one .bg img{width: 100%;}
.index .banner .one .textBox{position: absolute;width: 51rem;top: 28.7rem;left: 10rem;}
.index .banner .one .textBox .tip{font-size: 2rem;color: #8E6A5F;font-weight: bold;margin-bottom: 2rem;}
.index .banner .one .textBox .title{font-size: 4rem;color: #111111;font-weight: bold;line-height: 1.5;margin-bottom: 2rem;}
.index .banner .one .textBox .title .anima{position: relative;}
.index .banner .one .textBox .title .anima span{color: #fff;line-height: 1.5;padding: 0 0.25em;opacity: 0;z-index: 3;position: relative;}


.anima:before,
.anima:after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    /* top: var(--highlight-words-top, 5%) */
}

/* .anima:before {
    z-index: 1;
    background-color: #fff;
    animation: text-wipe-in-left-and-fade 1.1s .7s cubic-bezier(.23, 1, .32, 1) both
} */

/* .anima:after {
    z-index: 2;
    background-color: #000;
    animation: text-wipe-in-left .9s 1.1s cubic-bezier(.23, 1, .32, 1) both
} */

/* .anima span {
    animation: text-slide-in-left 1.2s 1.3s cubic-bezier(.23, 1, .32, 1) both
} */

.anima{
    --highlight-delay: 0s
}

@keyframes text-wipe-in-left {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes text-wipe-in-left-and-fade {
    0% {
        width: 0
    }

    99% {
        width: 100%
    }

    to {
        display: none
    }
}

@keyframes text-slide-in-left {
    0% {
        opacity: 0;
        left: -1rem
    }

    to {
        opacity: 1;
        left: 0
    }
}

.index .banner{position: relative;}
.index .banner .one .textBox .desc{font-size: 1.8rem;line-height: 2.7rem;color: #111;font-weight: 300;}
.index .banner .swiper-slide-active .one .textBox .title .anima:before {
    z-index: 1;
    background-color: #fff;
    animation: text-wipe-in-left-and-fade 1.1s 0.3s cubic-bezier(.23, 1, .32, 1) both
}
.index .banner .swiper-slide-active .one .textBox .title .anima:after {
    z-index: 2;
    background-color: #000;
    animation: text-wipe-in-left .9s 0.7s cubic-bezier(.23, 1, .32, 1) both
}
.index .banner .swiper-slide-active .one .textBox .title .anima span{animation: text-slide-in-left 1.2s 0.9s cubic-bezier(.23, 1, .32, 1) both}

.index .banner .icon{position: absolute;bottom: 4.7rem;width: 4.8rem;height: 4.8rem;cursor: pointer;z-index: 11;}
.index .banner .prev{left: 10rem;}
.index .banner .next{right: 10rem;}

/* .index .banner .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.index .banner .icon .nor{z-index: 11;opacity: 1;}
.index .banner .icon .hov{z-index: 1;opacity: 0;}
.index .banner .icon:hover .nor{z-index: 1;opacity: 0;}
.index .banner .icon:hover .hov{z-index: 11;opacity: 1;} */



.index .banner .swiper-pagination{position: absolute;bottom: 2rem;left: 10rem;right: 10rem;border-bottom: 0.1rem solid #111111;padding-bottom: 3.5rem;padding-left: 6rem;display: flex;align-items: center;}
.index .banner .swiper-pagination .swiper-pagination-bullet{width: auto;height: 3rem;margin: 0 1.5rem 0 0;font-size: 1.6rem;line-height: 3rem;position: relative;color: #111;cursor: pointer;opacity: 1;transition: all 0.3s;border-radius: 0;background: none;border-bottom: 0.2rem solid transparent;}
.index .banner .swiper-pagination .swiper-pagination-bullet-active{font-size: 2rem;color: #8E6A5F;font-weight: bold;border-bottom: 0.2rem solid #8E6A5F;}



.index .floor1{padding: 8rem 0 10rem;}
.index .floor1 .flex{justify-content: space-between;}
.index .floor1 .one{width: 58rem;display: flex;flex-direction: column;align-items: flex-start;}
.index .floor1 .one .img{width: 58rem;height: 34rem;border-radius: 2rem;}
.index .floor1 .one .img img{width: 100%;height: 100%;}
.index .floor1 .one:hover .img img{transform: scale(1.1);}

.index .floor1 .one .name{margin-top: 2rem;font-size: 2rem;color: #111;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 3rem;}
.index .floor1 .one .more{padding-bottom: 0.3rem;font-size: 1.4rem;color: #111;margin-top: 0.5rem;position: relative;font-weight: 300;overflow: hidden;}
.index .floor1 .one .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: -2;}
.index .floor1 .one .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: -1;transition: all 0.3s;transform: translateY(100%);}
.index .floor1 .one:hover .more::after{transform: translateY(0);}



.index .floor2 .container{display: flex;flex-direction: column;align-items: center;}
.index .floor2 .container .pc{width: 100%;}
.index .floor2 .title{font-size: 4rem;line-height: 5rem;color: #111111;text-align: center;font-weight: 300;}
.index .floor2 .title span{font-size: 2rem;line-height: 5rem;font-weight: 700;}

.index .floor2 .more{padding-bottom: 0.3rem;font-size: 1.6rem;color: #111;margin-top: 2.rem;position: relative;margin-bottom: 4rem;font-weight: 300;overflow: hidden;}
.index .floor2 .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: -2;}
.index .floor2 .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: -1;transition: all 0.3s;transform: translateY(100%);}
.index .floor2 .more:hover::after{transform: translateY(0);}


.index .floor2 .swiper{width: 100%;position: relative;}
.index .floor2 .swiper-slide{width: 58rem;height: 34rem;margin-right: 4rem;}
.index .floor2 .swiper-slide:last-child{margin-bottom: 0;}
.index .floor2 .one{width: 100%;height: 100%;border-radius: 2rem;overflow: hidden;}

.index .floor2 .swiper .icon{width: 5rem;height: 5rem;position: absolute;top: 0;bottom: 0;margin: auto;cursor: pointer;}
.index .floor2 .swiper .prev{left: -7rem;}
.index .floor2 .swiper .next{right: -7rem;}

.index .floor2 .swiper .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.index .floor2 .swiper .icon .nor{z-index: 11;opacity: 1;}
.index .floor2 .swiper .icon .hov{z-index: 1;opacity: 0;}
.index .floor2 .swiper .icon:hover .nor{z-index: 1;opacity: 0;}
.index .floor2 .swiper .icon:hover .hov{z-index: 11;opacity: 1;}



.index .floor3{padding: 12rem 0;}
.index .floor3 .container{display: flex;}
.index .floor3 .img{width: 60rem;height: 45rem;border-radius: 1rem;margin-left: 4rem;flex-shrink: 0;}

.index .floor3 .textBox{flex: 1;width: 0;display: flex;flex-direction: column;align-items: flex-start;}
.index .floor3 .title{font-size: 4rem;line-height: 5rem;font-weight: 300;color: #111111;margin-bottom: 3rem;}
.index .floor3 .tip{font-size: 2rem;line-height: 2.6rem;color: #111111;font-weight: bold;margin-bottom: 2rem;}
.index .floor3 .content{font-size: 1.6rem;line-height: 3rem;color: #888888;margin-bottom: 3rem;}
.index .floor3 .more{padding-bottom: 0.3rem;font-size: 1.6rem;color: #111;position: relative;font-weight: 300;overflow: hidden;}
.index .floor3 .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: -2;}
.index .floor3 .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: -1;transition: all 0.3s;transform: translateY(100%);}
.index .floor3 .more:hover::after{transform: translateY(0);}



.index .floor4 .container{display: flex;flex-direction: column;align-items: center;}
.index .floor4 .title{font-size: 4rem;line-height: 5rem;font-weight: 300;color: #111111;margin-bottom: 2rem;}

.index .floor4 .more{padding-bottom: 0.3rem;font-size: 1.6rem;color: #111;position: relative;font-weight: 300;overflow: hidden;}
.index .floor4 .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: -2;}
.index .floor4 .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: -1;transition: all 0.3s;transform: translateY(100%);}
.index .floor4 .more:hover::after{transform: translateY(0);}

.index .floor4 .list{margin-top: 4rem;display: flex;justify-content: space-between;width: 100%;}
.index .floor4 .list .one{width: 37rem;display: flex;flex-direction: column;align-items: flex-start;}
.index .floor4 .list .one .icon{width: 12rem;height: 12rem;margin-bottom: 3rem;}
.index .floor4 .list .one .name{font-size: 2rem;line-height: 2.4rem;font-weight: bold;color: #111;margin-bottom: 3rem;}
.index .floor4 .list .one .content{font-size: 1.5rem;line-height: 2.4rem;color: #888888;text-align: justify;}


.index .floor5{padding: 12rem 0;}
.index .floor5 .container{display: flex;flex-direction: column;align-items: center;}
.index .floor5 .title{font-size: 4rem;line-height: 5rem;font-weight: 300;color: #111111;margin-bottom: 2rem;}

.index .floor5 .more{padding-bottom: 0.3rem;font-size: 1.6rem;color: #111;position: relative;font-weight: 300;overflow: hidden;}
.index .floor5 .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: -2;}
.index .floor5 .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: -1;transition: all 0.3s;transform: translateY(100%);}
.index .floor5 .more:hover::after{transform: translateY(0);}

.index .floor5 .list{margin-top: 4rem;display: flex;justify-content: space-between;width: 100%;}
.index .floor5 .list .one{width: 28rem;display: flex;flex-direction: column;align-items: flex-start;}
.index .floor5 .list .one .img{width: 28rem;height: 40rem;border-radius: 2rem;}
.index .floor5 .list .one .name{font-size: 2rem;line-height: 2.6rem;font-weight: bold;color: #3D3D3D;margin: 2rem 0 1rem;}

.index .floor5 .list .one:hover .img img{transform: scale(1.1);}
.index .floor5 .list .one:hover .more::after{transform: translateY(0);}


.index .floor6{padding-bottom: 10rem;}
.index .floor6 .box{padding: 6rem 0;display: flex;flex-direction: column;align-items: center;background: #111;border-radius: 2rem;}
.index .floor6 .box .title{font-size: 4rem;color: #fff;font-weight: bold;}
.index .floor6 .box .desc{margin: 2rem 0 3rem;color: #fff;font-size: 1.5rem;line-height: 2.4rem;text-align: center;width: 42rem;}
.index .floor6 .box .btn{height: 4rem;padding: 0 2rem;background: #8E6A5F;border-radius: 4rem;color: #fff;font-size: 1.6rem;}
.index .floor6 .box .btn:hover{background: #A4DDD4;}



.searchPage{padding: 10rem 0;display: flex;align-items: center;flex-direction: column;}
.searchPage .num{font-size: 3rem;font-weight: bold;color: #111111;margin-bottom: 3rem;}
.searchPage .num span{color: #8E6A5F;font-weight: bold;}

.searchPage .title{font-size: 7rem;color: #111111;font-weight: bold;margin-bottom: 4rem;}

.searchPage .list{width: 102.2rem;display: flex;flex-wrap: wrap;margin-bottom: 3rem;}
.searchPage .list .one{width: 23.3rem;margin-right: 3rem;margin-bottom: 3rem;display: block;position: relative;}
.searchPage .list .one:nth-child(4n){margin-right: 0;}
.searchPage .list .one .big{width: 23.3rem;height: 23.3rem;}
.searchPage .list .one:hover .big img{transform: scale(1.1);}

.searchPage .list .one .icon{width: 1.8rem;height: 1.8rem;position: absolute;top: 1rem;right: 1rem;cursor: pointer;z-index: 111;}
.searchPage .list .one .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.searchPage .list .one .icon .nor{z-index: 11;opacity: 1;}
.searchPage .list .one .icon .hov{z-index: 1;opacity: 0;}
.searchPage .list .one.active .nor{opacity: 0;z-index: 1;}
.searchPage .list .one.active .hov{opacity: 1;z-index: 11;}

.searchPage .list .one .textBox{padding: 3rem 1rem 1.1rem;position: relative;}
.searchPage .list .one .name{font-size: 1.6rem;color: #111111;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.searchPage .list .one:hover .name{color: #8E6A5F;}
.searchPage .list .one .textBox::after{position: absolute;background: #D8D8D8;width: 3rem;height: 0.1rem;bottom: 0;left: 0;right: 0;margin: auto;content: "";}

.searchPage .more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.searchPage .more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.searchPage .more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.searchPage .more:hover{background: #8E6A5F;}
.searchPage .more:hover .text{color: #fff;}

.searchPage .more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.searchPage .more .icon .nor{z-index: 11;opacity: 1;}
.searchPage .more .icon .hov{z-index: 1;opacity: 0;}
.searchPage .more:hover .icon .nor{z-index: 1;opacity: 0;}
.searchPage .more:hover .icon .hov{z-index: 11;opacity: 1;}



.wishPage{padding: 10rem 0;display: flex;align-items: center;flex-direction: column;width: 102.2rem;margin: 0 auto;}
.wishPage .title{font-size: 7rem;color: #111111;font-weight: bold;margin-bottom: 3rem;width: 100%;}

.wishPage .desc{font-size: 3rem;color: #111111;font-weight: bold;margin-bottom: 4rem;width: 100%;}

.wishPage .more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.wishPage .more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.wishPage .more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.wishPage .more:hover{background: #8E6A5F;}
.wishPage .more:hover .text{color: #fff;}

.wishPage .more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.wishPage .more .icon .nor{z-index: 11;opacity: 1;}
.wishPage .more .icon .hov{z-index: 1;opacity: 0;}
.wishPage .more:hover .icon .nor{z-index: 1;opacity: 0;}
.wishPage .more:hover .icon .hov{z-index: 11;opacity: 1;}

.wishPage .controlBox{height: 0;overflow: hidden;margin-bottom: 1rem;transition: all 0.3s;width: 100%;}
.wishPage .controlBox.active{margin-bottom: 3rem;height: 5rem;}
.wishPage .controlBox .flex{height: 5rem;padding: 0 2rem;align-items: center;background: #F2EFED;border-top: 0.1rem solid #DFD7D2;}
.wishPage .controlBox .flex .one{display: flex;align-items: center;margin-right: 5rem;cursor: pointer;height: 100%;}
.wishPage .controlBox .flex .one .icon{width: 1.6rem;height: 1.6rem;margin-right: 0.6rem;flex-shrink: 0;position: relative;}

.wishPage .controlBox .flex .one .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.wishPage .controlBox .flex .one .icon .nor{z-index: 11;opacity: 1;}
.wishPage .controlBox .flex .one .icon .hov{z-index: 1;opacity: 0;}
.wishPage .controlBox .flex .one:hover .icon .nor{z-index: 1;opacity: 0;}
.wishPage .controlBox .flex .one:hover .icon .hov{z-index: 11;opacity: 1;}

.wishPage .controlBox .flex .one .text{font-size: 1.6rem;color: #111111;transition: all 0.3s;}
.wishPage .controlBox .flex .one:hover .text{color: #8E6A5F;}


.wishPage .list{width: 102.2rem;display: flex;flex-wrap: wrap;margin-bottom: 3rem;}
.wishPage .list .one{width: 23.3rem;margin-right: 3rem;margin-bottom: 3rem;display: block;position: relative;}
.wishPage .list .one:nth-child(4n){margin-right: 0;}
.wishPage .list .one .big{width: 23.3rem;height: 23.3rem;}
.wishPage .list .one:hover .big img{transform: scale(1.1);}

.wishPage .list .one .textBox{padding: 3rem 1rem 1.1rem;position: relative;display: block;}
.wishPage .list .one .name{font-size: 1.6rem;color: #111111;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.wishPage .list .one:hover .name{color: #8E6A5F;}
.wishPage .list .one .textBox::after{position: absolute;background: #D8D8D8;width: 3rem;height: 0.1rem;bottom: 0;left: 0;right: 0;margin: auto;content: "";}

.wishPage .list .one .flex{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;width: 100%;}
.wishPage .list .one .flex .delete{display: flex;align-items: center;}

.wishPage .list .one .flex .delete .icon{width: 1.6rem;height: 1.6rem;margin-right: 0.6rem;flex-shrink: 0;position: relative;}

.wishPage .list .one .flex .delete .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.wishPage .list .one .flex .delete .icon .nor{z-index: 11;opacity: 1;}
.wishPage .list .one .flex .delete .icon .hov{z-index: 1;opacity: 0;}
.wishPage .list .one .flex .delete:hover .icon .nor{z-index: 1;opacity: 0;}
.wishPage .list .one .flex .delete:hover .icon .hov{z-index: 11;opacity: 1;}

.wishPage .list .one .flex .delete .text{font-size: 1.6rem;color: #111111;transition: all 0.3s;}
.wishPage .list .one .flex .delete:hover .text{color: #8E6A5F;}


.wishPage .list .one .flex .check{width: 1.6rem;height: 1.6rem;margin-right: 0;flex-shrink: 0;position: relative;}

.wishPage .list .one .flex .check img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.wishPage .list .one .flex .check .nor{z-index: 11;opacity: 1;}
.wishPage .list .one .flex .check .hov{z-index: 1;opacity: 0;}
.wishPage .list .one .flex .check.active .nor{z-index: 1;opacity: 0;}
.wishPage .list .one .flex .check.active .hov{z-index: 11;opacity: 1;}



/* .aboutPage .banner{position: relative;height: 121rem;display: flex;overflow: hidden;} */
.aboutPage .banner{position: relative;height: 100rem;display: flex;overflow: hidden;}
.aboutPage .banner .left{width: 50%;position: relative;background: #939BA6;}
.aboutPage .banner .left .textBox{position: absolute;top: 8.4rem;right: 0;bottom: 10.8rem;width: 51.2rem;padding: 4.4rem 3.8rem 6rem;display: flex;flex-direction: column;justify-content: space-between;background: #fff;}
.aboutPage .banner .left .title{font-size: 7.5rem;line-height: 8rem;font-weight: bold;color: #111111;}

.aboutPage .banner .left .name{font-size: 3rem;line-height: 4rem;font-weight: bold;color: #111111;margin-bottom: 2.2rem;}
.aboutPage .banner .left .desc{font-size: 1.8rem;line-height: 3.4rem;color: #111111;}

.aboutPage .banner .right{width: 50%;position: relative;}
/* .aboutPage .banner .right .img{width: 96rem;height: 121rem;position: absolute;top: 0;left: 0;} */
.aboutPage .banner .right .img{width: 96rem;height: 100rem;position: absolute;top: 0;left: 0;}
.aboutPage .banner .right .img img{width: 100%;height: 100%;object-fit: cover;}


.aboutPage .floor1{height: 26.5rem;}
.aboutPage .floor1 .container{display: flex;justify-content: center;height: 100%;width: 102.4rem;}
.aboutPage .floor1 .one{flex: 1;border-right: 0.1rem solid #D8D8D8;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 2rem;}
.aboutPage .floor1 .one:last-child{border-right: 0;}
.aboutPage .floor1 .one .title{font-size: 3.6rem;color: #111111;font-weight: bold;margin-bottom: 1.8rem;line-height: 1.4;text-align: center;}
.aboutPage .floor1 .one .desc{font-size: 1rem;letter-spacing: 0.2em;color: #3D3D3D;text-align: center;line-height: 1.7rem;}


.aboutPage .floor2{background: #F2EFED;padding: 10rem 0;}
.aboutPage .floor2 .list{display: flex;flex-direction: column;width: 102rem;margin: 0 auto;position: relative;}
.aboutPage .floor2 .list .one{width: 47.5rem;margin-left: auto;position: relative;}
.aboutPage .floor2 .list .one:nth-child(2n){margin-left: 0;}

.aboutPage .floor2 .list .one .year{position: relative;display: flex;}
.aboutPage .floor2 .list .one .year .text{height: 3.2rem;padding: 0 1rem;display: flex;align-items: center;background: #FFFFFF;color: #111111;font-size: 1.6rem;font-weight: bold;}
.aboutPage .floor2 .list .one:nth-child(2n) .year{flex-direction: row-reverse;}

.aboutPage .floor2 .list .one .year .icon{width: 1.2rem;height: 3.2rem;transform: rotate(180deg);}
.aboutPage .floor2 .list .one:nth-child(2n) .year  .icon{transform: rotate(0);}

.aboutPage .floor2 .list .one .content{margin-top: 1.5rem;font-size: 1.8rem;color: #111111;line-height: 3.4rem;padding-left: 2rem;}
.aboutPage .floor2 .list .one:nth-child(2n) .content{text-align: left;padding-right: 2rem;padding-left: 0;}

.aboutPage .floor2 .list .one::after{position: absolute;width: 0.2rem;height: 100%;top: 1rem;bottom: 0;background: rgba(142, 106, 95, 0.6);margin: auto;left: -3.6rem;content: "";z-index: 1;}
.aboutPage .floor2 .list .one:nth-child(2n)::after{right: -3.6rem;left: auto;}
.aboutPage .floor2 .list .one:last-child::after{display: none;}

.aboutPage .floor2 .list .one .year::before{position: absolute;top: 0;bottom: 0;width: 2rem;height: 2rem;content: "";border: 0.2rem solid #8E6A5F;left: -4.7rem;border-radius: 50%;background: #F2EFED;z-index: 2;margin: auto;}
.aboutPage .floor2 .list .one:nth-child(2n) .year::before{right: -4.7rem;left: auto;}


.aboutPage .floor3{padding: 10rem 0;}
.aboutPage .floor3 .list{width: 102.4rem;margin: 0 auto;}
.aboutPage .floor3 .list .one{margin-bottom: 10rem;}
.aboutPage .floor3 .list .one:last-child{margin-bottom: 0;}

.aboutPage .floor3 .list .one .flex{justify-content: space-between;align-items: center;}
.aboutPage .floor3 .list .one:nth-child(2n) .flex{flex-direction: row-reverse;}

.aboutPage .floor3 .list .one .line{width: 4rem;height: 0.3rem;background: #111111;margin-bottom: 5rem;}
.aboutPage .floor3 .list .one .title{font-size: 4.2rem;line-height: 5rem;color: #111111;font-weight: bold;margin-bottom: 6rem;}

.aboutPage .floor3 .list .one .img{width: 49.2rem;flex-shrink: 0;}
.aboutPage .floor3 .list .one .content{width: 49.2rem;font-size: 1.8rem;line-height: 3.4rem;color: #777777;}

.aboutPage .videoBox{padding-bottom: 10rem;}
.aboutPage .videoBox .video{width: 102.4rem;margin: 0 auto;overflow: hidden;border-radius: 2rem;}
.aboutPage .videoBox .video video{width: 100%;}



.salesPage .banner .img{height: 40.6rem;}
.salesPage .banner .img img{height: 100%;object-fit: cover;}

.salesPage .content{padding: 10rem 2rem;width: 102.4rem;margin: 0 auto;font-size: 3rem;font-weight: bold;color: #111111;line-height: 1.5;}

.salesPage .listBox{margin: 0 auto 10rem;width: 102.4rem;}
.salesPage .listBox .one{width: 100%;min-height: 60rem;background: #EBD7D0;display: flex;align-items: center;padding: 5rem 3rem;}
.salesPage .listBox .one:nth-child(2n){flex-direction: row-reverse;background: #AB8477;}

.salesPage .listBox .one .img{width: 42rem;}
.salesPage .listBox .one .textBox{height: 100%;flex: 1;width: 0;padding: 5rem;background: #fff;flex-direction: column;display: flex;align-items: flex-start;}
.salesPage .listBox .one .step{font-size: 2rem;line-height: 4rem;font-weight: 700;color: #111111;}
.salesPage .listBox .one .title{font-size: 3.6rem;line-height: 4rem;font-weight: 400;color: #111111;margin-bottom: 3rem;}
.salesPage .listBox .one .desc{flex: 1;height: 0;font-size: 1.6rem;line-height: 3rem;color: #777777;}
.salesPage .listBox .one .btn{height: 4rem;padding: 0 2rem;border-radius: 4rem;color: #FFFFFF;background: #AB8477;font-size: 1.6rem;margin-top: 3rem;}
.salesPage .listBox .one .btn:hover{background: #A4DDD4;border-color: #A4DDD4;}



.clientsPage{background: #F2EFED;}
.clientsPage .container{padding: 10rem 5rem;width: 120rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;background: #fff;}
.clientsPage .title{font-size: 7.5rem;color: #111111;font-weight: bold;margin-bottom: 4rem;width: 100%;}

.clientsPage .content{font-size: 3rem;color: #111111;font-weight: bold;margin-bottom: 4rem;width: 100%;line-height: 1.5;}

.clientsPage .more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.clientsPage .more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.clientsPage .more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.clientsPage .more:hover{background: #8E6A5F;}
.clientsPage .more:hover .text{color: #fff;}

.clientsPage .more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.clientsPage .more .icon .nor{z-index: 11;opacity: 1;}
.clientsPage .more .icon .hov{z-index: 1;opacity: 0;}
.clientsPage .more:hover .icon .nor{z-index: 1;opacity: 0;}
.clientsPage .more:hover .icon .hov{z-index: 11;opacity: 1;}

.clientsPage .list{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 3rem;}
.clientsPage .list .one{width: 23.5rem;height: 16.9rem;margin-right: 2.8rem;margin-bottom: 3rem;border: 0.1rem solid #DDDDDD;padding: 2rem;}
.clientsPage .list .one:nth-child(4n){margin-right: 0;}
.clientsPage .list .one:hover .img img{transform: scale(1.1);}


.exhibitionsPage{background: #F2EFED;}
.exhibitionsPage .container{width: 120rem;background: #fff;padding: 0 5rem;}

.exhibitionsPage .floor1{padding: 10rem 0 0;/*width: 102.4rem;*/margin: 0 auto;}
.exhibitionsPage .title{font-size: 7rem;color: #111111;font-weight: bold;margin-bottom: 4rem;line-height: 10rem;}

.exhibitionsPage .content{font-size: 3rem;color: #111111;font-weight: bold;line-height: 1.5;}

.exhibitionsPage .more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.exhibitionsPage .more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.exhibitionsPage .more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.exhibitionsPage .more:hover{background: #8E6A5F;}
.exhibitionsPage .more:hover .text{color: #fff;}

.exhibitionsPage .more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.exhibitionsPage .more .icon .nor{z-index: 11;opacity: 1;}
.exhibitionsPage .more .icon .hov{z-index: 1;opacity: 0;}
.exhibitionsPage .more:hover .icon .nor{z-index: 1;opacity: 0;}
.exhibitionsPage .more:hover .icon .hov{z-index: 11;opacity: 1;}

.exhibitionsPage .floor2{padding: 10rem 0;/*background: #F2EFED;*/display: flex;flex-direction: column;align-items: center;}
.exhibitionsPage .list{width: 102.3rem;margin: 0 auto 3rem;display: flex;flex-wrap: wrap;}
.exhibitionsPage .list .one{width: 32.1rem;margin-right: 3rem;margin-bottom: 3rem;background: #fff;}
.exhibitionsPage .list .one:nth-child(3n){margin-right: 0;}
.exhibitionsPage .list .one .img{width: 32.1rem;height: 22.5rem;}
.exhibitionsPage .list .one .img img{width: 100%;height: 100%;object-fit: cover;}
.exhibitionsPage .list .one:hover .img img{transform: scale(1.1);}

.exhibitionsPage .list .one .textBox{padding: 2rem;}
.exhibitionsPage .list .one .name{font-size: 1.6rem;line-height: 2.4rem;height: 4.8rem;color: #3D3D3D;font-weight: bold;margin-bottom: 2rem;}
.exhibitionsPage .list .one .desc{font-size: 1.4rem;line-height: 2rem;height: 6rem;color: #777777;}
.exhibitionsPage .list .one .time{font-size: 1.4rem;line-height: 2rem;color: #777777;margin-top: 2rem;}



.newsPage .banner .img{height: 40.6rem;}
.newsPage .banner .img img{height: 100%;object-fit: cover;}

.newsPage .btn.more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.newsPage .btn.more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.newsPage .btn.more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.newsPage .btn.more:hover{background: #8E6A5F;}
.newsPage .btn.more:hover .text{color: #fff;}

.newsPage .btn.more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.newsPage .btn.more .icon .nor{z-index: 11;opacity: 1;}
.newsPage .btn.more .icon .hov{z-index: 1;opacity: 0;}
.newsPage .btn.more:hover .icon .nor{z-index: 1;opacity: 0;}
.newsPage .btn.more:hover .icon .hov{z-index: 11;opacity: 1;}

.newsPage .listBox{padding: 6rem 0 10rem;background: #F2EFED;display: flex;flex-direction: column;align-items: center;}
.newsPage .listBox .list{width: 102.4rem;margin: 0 auto 3rem;}
.newsPage .listBox .list .one{padding: 4rem 6rem;border-radius: 2rem;background: #FFFFFF;margin-bottom: 3rem;display: flex;flex-direction: column;align-items: flex-start;}
.newsPage .listBox .list .one .name{font-size: 4rem;line-height: 5rem;color: #111111;margin-bottom: 1rem;}
.newsPage .listBox .list .one .desc{font-size: 1.6rem;line-height: 3rem;color: #111111;font-weight: 600;margin-bottom: 4rem;}

.newsPage .listBox .list .one .img{width: 100%;border-radius: 2rem;max-height: 90.4rem;}
.newsPage .listBox .list .one .img img{width: 100%;height: 100%;object-fit: cover;}
.newsPage .listBox .list .one:hover .img img{transform: scale(1.1);}

.newsPage .listBox .list .one .more{padding-bottom: 0.3rem;font-size: 1.4rem;color: #111;margin-top: 4rem;position: relative;font-weight: 300;overflow: hidden;}
.newsPage .listBox .list .one .more span{z-index: 3;position: relative;}
.newsPage .listBox .list .one .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: 1;}
.newsPage .listBox .list .one .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: 2;transition: all 0.3s;transform: translateY(100%);}
.newsPage .listBox .list .one:hover .more::after{transform: translateY(0);}



.newsDetailPage{background: #F5F5F5;}
.newsDetailPage .container{width: 102.4rem;display: flex;flex-direction: column;align-items: flex-start;padding: 10rem 12rem;background: #fff;}
.newsDetailPage .btn{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 1px solid rgba(0, 0, 0, 0.2);font-size: 1.6rem;color: #111111;margin-bottom: 6rem;}
.newsDetailPage .btn .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;position: relative;}
.newsDetailPage .btn .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.newsDetailPage .btn .icon .nor{z-index: 11;opacity: 1;}
.newsDetailPage .btn .icon .hov{z-index: 1;opacity: 0;}
.newsDetailPage .btn:hover .icon .nor{z-index: 1;opacity: 0;}
.newsDetailPage .btn:hover .icon .hov{z-index: 11;opacity: 1;}
.newsDetailPage .btn:hover{background: #8E6A5F;color: #fff;}


.newsDetailPage .title{font-size: 3rem;color: #111111;font-weight: bold;margin-bottom: 4rem;line-height: 4rem;}

.newsDetailPage .big.img{width: 100%;margin-bottom: 4rem;}
.newsDetailPage .big.img img{width: 100%;}

.newsDetailPage .swiper{width: 100%;}

.newsDetailPage .box{margin-bottom: 4rem;}
.newsDetailPage .box .name{width: 50%;text-align: right;font-size: 4rem;line-height: 1.5;font-weight: bold;color: #111;padding: 5rem 2rem 4rem;position: relative;}
.newsDetailPage .box .name::after{position: absolute;top: 0;right: 2rem;width: 4rem;height: 0.3rem;content: "";margin: auto;background: #111;}

.newsDetailPage .box .content{width: 50%;margin-left: 45%;padding: 0 2rem;font-size: 1.6rem;line-height: 3rem;font-weight: 300;}
.newsDetailPage .box *{max-width: 100%;line-height: 1.4;}
/*.newsDetailPage .box img{height: auto;}*/


.newsDetailPage .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.newsDetailPage .list .one{width: 49.2rem;margin-bottom: 3rem;}
.newsDetailPage .list .one .img{width: 49.2rem;height: auto;margin-bottom: 2rem;}
.newsDetailPage .list .one:hover .img img{transform: scale(1.1);}
.newsDetailPage .list .one .name{font-size: 1.6rem;line-height: 3rem;margin-bottom: 1rem;color: #111;font-weight: bold;}
.newsDetailPage .list .one .desc{font-size: 1.6rem;line-height: 3rem;margin-bottom: 1rem;color: #111;}


.newsDetailPage .flex{display: flex;flex-wrap: wrap;}
.newsDetailPage .flex .one{width: 32.8rem;margin-bottom: 2rem;margin-right: 2rem;}
.newsDetailPage .flex .one .name{font-size: 1.6rem;line-height: 3rem;margin-bottom: 1rem;color: #111;font-weight: bold;}
.newsDetailPage .flex .one .desc{font-size: 1.6rem;line-height: 3rem;margin-bottom: 1rem;color: #111;}
.newsDetailPage .flex .one:nth-child(3n){margin-right: 0;}





.productsPage .container{width: 120rem;padding-bottom: 10rem;}
.productsPage .bread{padding: 4rem 0 3.6rem;display: flex;align-items: center;}
.productsPage .bread .icon{width: 1.6rem;height: 1.6rem;flex-shrink: 0;}
.productsPage .bread .one{margin: 0 0.8rem;font-size: 1.4rem;line-height: 2.4rem;color: #111;}
.productsPage .bread a.one{color: #8E6A5F;}
.productsPage .bread span{color: #DDDDDD;font-size: 1.2rem;}

.productsPage .flex{justify-content: space-between;align-items: flex-start;}
.productsPage .menuBox{width: 28rem;border: 0.1rem solid #DDDDDD;}
.productsPage .menuBox .one{border-bottom: 0.1rem solid #ddd;}
.productsPage .menuBox .one:last-child{border-bottom: 0;}
.productsPage .menuBox .one .normal{width: 100%;height: 6.4rem;display: flex;align-items: center;padding: 0 2rem;cursor: pointer;}
.productsPage .menuBox .one .normal .icon{width: 1.6rem;height: 1.6rem;margin-right: 1rem;position: relative;}
.productsPage .menuBox .one .normal .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.productsPage .menuBox .one .normal .icon .nor{z-index: 11;opacity: 1;}
.productsPage .menuBox .one .normal .icon .hov{z-index: 1;opacity: 0;}
.productsPage .menuBox .one.open .normal .icon .nor{opacity: 0;z-index: 1;}
.productsPage .menuBox .one.open .normal .icon .hov{opacity: 1;z-index: 11;}
.productsPage .menuBox .one .normal .text{font-size: 1.6rem;color: #111111;transition: all 0.3s;}
.productsPage .menuBox .one.open .normal .text{color: #8E6A5F;}
.productsPage .menuBox .one.active .normal .text{color: #8E6A5F;}


.productsPage .menuBox .one .hideBox{border-top: 0 solid #ddd;padding-bottom: 2rem;display: none;}
.productsPage .menuBox .one .hideBox .two{height: 4rem;display: flex;align-items: center;padding: 0 3rem;cursor: pointer;}

.productsPage .menuBox .one .hideBox .two .check{width: 1.6rem;height: 1.6rem;margin-right: 1rem;position: relative;}
.productsPage .menuBox .one .hideBox .two .check img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.productsPage .menuBox .one .hideBox .two .check .nor{z-index: 11;opacity: 1;}
.productsPage .menuBox .one .hideBox .two .check .hov{z-index: 1;opacity: 0;}
.productsPage .menuBox .one .hideBox .two.active .check .nor{opacity: 0;z-index: 1;}
.productsPage .menuBox .one .hideBox .two.active .check .hov{opacity: 1;z-index: 11;}
.productsPage .menuBox .one .hideBox .two .text{font-size: 1.4rem;color: #777777;transition: all 0.3s;}
.productsPage .menuBox .one .hideBox .two:hover .text{color: #8E6A5F;}
.productsPage .menuBox .one .hideBox .two.active .text{color: #8E6A5F;}




.productsPage .listBox{width: 89.2rem;display: flex;flex-direction: column;align-items: center;}
.productsPage .list{display: flex;flex-wrap: wrap;margin-bottom: 3rem;width: 100%;}
.productsPage .list .one{width: 27.7rem;margin-right: 3rem;margin-bottom: 3rem;display: block;position: relative;}
.productsPage .list .one:nth-child(3n){margin-right: 0;}
.productsPage .list .one .big{width: 27.7rem;height: 27.7rem;}
.productsPage .list .one:hover .big img{transform: scale(1.1);}

.productsPage .list .one .icon{width: 3.2rem;height: 3.2rem;position: absolute;top: 1rem;right: 1rem;cursor: pointer;z-index: 111;}
.productsPage .list .one .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.productsPage .list .one .icon .nor{z-index: 11;opacity: 1;}
.productsPage .list .one .icon .hov{z-index: 1;opacity: 0;}
.productsPage .list .one.active .nor{opacity: 0;z-index: 1;}
.productsPage .list .one.active .hov{opacity: 1;z-index: 11;}

.productsPage .list .one .textBox{padding: 2.9rem 1rem 1.1rem;position: relative;display: block;}
.productsPage .list .one .name{font-size: 1.4rem;color: #111111;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.productsPage .list .one:hover .name{color: #8E6A5F;}
.productsPage .list .one .textBox::after{position: absolute;background: #D8D8D8;width: 3rem;height: 0.1rem;bottom: 0;left: 0;right: 0;margin: auto;content: "";}

.productsPage .more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.productsPage .more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.productsPage .more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.productsPage .more:hover{background: #8E6A5F;}
.productsPage .more:hover .text{color: #fff;}

.productsPage .more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.productsPage .more .icon .nor{z-index: 11;opacity: 1;}
.productsPage .more .icon .hov{z-index: 1;opacity: 0;}
.productsPage .more:hover .icon .nor{z-index: 1;opacity: 0;}
.productsPage .more:hover .icon .hov{z-index: 11;opacity: 1;}




.pageList{display: flex;align-items: center;}
.pageList .prev{width: 7rem;height: 4rem;margin: 0 0.5rem;cursor: pointer;background: #F5F5F5;border-radius: 1rem;font-size: 1.4rem;color: #3D3D3D;display: flex;align-items: center;justify-content: center;}
.pageList .prev:hover{background: #8E6A5F;color: #fff;}
.pageList .next{width: 7rem;height: 4rem;margin: 0 0.5rem;cursor: pointer;background: #F5F5F5;border-radius: 1rem;font-size: 1.4rem;color: #3D3D3D;display: flex;align-items: center;justify-content: center;}
.pageList .next:hover{background: #8E6A5F;color: #fff;}
.pageList .one{font-size: 1.4rem;color: #3d3d3d;margin: 0 0.5rem;cursor: pointer;transition: all 0.3s;display: flex;align-items: center;justify-content: center;min-width: 4rem;height: 4rem;padding: 0 1rem;border-radius: 1rem;background: #F5F5F5;}
.pageList .point{font-size: 1.4rem;color: #3d3d3d;margin: 0 0.5rem;}
.pageList .one:hover,.pageList .one.active{background: #8E6A5F;color: #fff;}




.productsDetailPage .container{width: 120rem;padding-bottom: 10rem;}
.productsDetailPage .bread{padding: 4rem 0 3.6rem;display: flex;align-items: center;}
.productsDetailPage .bread .icon{width: 1.6rem;height: 1.6rem;flex-shrink: 0;}
.productsDetailPage .bread .one{margin: 0 0.8rem;font-size: 1.4rem;line-height: 2.4rem;color: #111;}
.productsDetailPage .bread a.one{color: #8E6A5F;}
.productsDetailPage .bread span{color: #DDDDDD;font-size: 1.2rem;}

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

.productsDetailPage .detailBox .textBox{flex: 1;margin-left: 4rem;}
.productsDetailPage .detailBox .textBox .name{font-size: 4rem;color: #111111;font-weight: 300;margin-bottom: 3rem;}
.productsDetailPage .detailBox .textBox .title{font-size: 2rem;color: #111;font-weight: bold;margin-bottom: 2rem;}
.productsDetailPage .detailBox .textBox .form .line{border-top: 0.1rem solid #EEEEEE;display: flex;align-items: center;min-height: 4rem;}
.productsDetailPage .detailBox .textBox .form .line:last-child{border-bottom: 0.1rem solid #eee;}
.productsDetailPage .detailBox .textBox .form .line>div{flex: 1;margin-right: 2rem;color: #111;font-size: 1.4rem;line-height: 1.5;padding: 1rem 0;}
.productsDetailPage .detailBox .textBox .form .line>div:last-child{margin-right: 0;}


.productsDetailPage .detailBox .swiper{display: flex;}
.productsDetailPage .detailBox .swiper .gallery-thumbs{height: 43rem;}
.productsDetailPage .detailBox .swiper .gallery-thumbs .swiper-slide{width: 10rem;height: 10rem;margin-right: 1rem;}
.productsDetailPage .detailBox .swiper .gallery-thumbs .swiper-slide .one{width: 100%;height: 100%;border-radius: 0.6rem;border: 0.1rem solid #DDDDDD;overflow: hidden;background: #fff;}

.productsDetailPage .detailBox .swiper .gallery-top{width: 47rem;height: 47rem;position: relative;}
.productsDetailPage .detailBox .swiper .gallery-top .swiper-slide{width: 47rem;height: 47rem;}
.productsDetailPage .detailBox .swiper .gallery-top .swiper-slide .one{width: 100%;height: 100%;border-radius: 0.6rem;overflow: hidden;background: #fff;}
.productsDetailPage .detailBox .swiper .gallery-top .swiper-slide .one .img{width: 100%;height: 100%;}
.productsDetailPage .detailBox .swiper .gallery-top .swiper-slide .one .img img{width: 100%;height: 100%;}

.productsDetailPage .detailBox .swiper .gallery-top .icon{position: absolute;top: 0;bottom: 0;margin: auto;width: 4.8rem;height: 4.8rem;cursor: pointer;z-index: 11;}
.productsDetailPage .detailBox .swiper .gallery-top .next{right: 0;}
.productsDetailPage .detailBox .swiper .gallery-top .prev{left: 0;}

.productsDetailPage .detailBox .swiper .gallery-top .heart{top: 0;right: 0;width: 4.4rem;height: 4.4rem;bottom: auto;}

.productsDetailPage .detailBox .swiper .gallery-top .heart img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.productsDetailPage .detailBox .swiper .gallery-top .heart .nor{z-index: 11;opacity: 1;}
.productsDetailPage .detailBox .swiper .gallery-top .heart .hov{z-index: 1;opacity: 0;}
.productsDetailPage .detailBox .swiper .gallery-top .heart.active .nor{z-index: 1;opacity: 0;}
.productsDetailPage .detailBox .swiper .gallery-top .heart.active .hov{z-index: 11;opacity: 1;}


.productsDetailPage .otherBox{margin: 10rem auto 8rem;display: flex;flex-direction: column;align-items: center;width: 120rem;}
.productsDetailPage .otherBox .tip{font-size: 2rem;color: #111111;font-weight: 700;line-height: 5rem;}
.productsDetailPage .otherBox .title{font-size: 4rem;color: #111111;font-weight: 300;line-height: 5rem;margin-bottom: 4rem;}


.productsDetailPage .otherBox .list{display: flex;flex-wrap: wrap;}
.productsDetailPage .otherBox .list .one{width: 28.5rem;margin-right: 2rem;margin-bottom: 2rem;display: block;position: relative;}
.productsDetailPage .otherBox .list .one:nth-child(4n){margin-right: 0;}
.productsDetailPage .otherBox .list .one .big{width: 28.5rem;height: 28.5rem;}
.productsDetailPage .otherBox .list .one:hover .big img{transform: scale(1.1);}

.productsDetailPage .otherBox .list .one .icon{width: 3.2rem;height: 3.2rem;position: absolute;top: 1rem;right: 1rem;cursor: pointer;z-index: 111;}
.productsDetailPage .otherBox .list .one .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.productsDetailPage .otherBox .list .one .icon .nor{z-index: 11;opacity: 1;}
.productsDetailPage .otherBox .list .one .icon .hov{z-index: 1;opacity: 0;}
.productsDetailPage .otherBox .list .one.active .nor{opacity: 0;z-index: 1;}
.productsDetailPage .otherBox .list .one.active .hov{opacity: 1;z-index: 11;}

.productsDetailPage .otherBox .list .one .textBox{padding: 3rem 1rem 1.1rem;position: relative;display: block;}
.productsDetailPage .otherBox .list .one .name{font-size: 1.6rem;color: #111111;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.productsDetailPage .otherBox .list .one:hover .name{color: #8E6A5F;}
.productsDetailPage .otherBox .list .one .textBox::after{position: absolute;background: #D8D8D8;width: 3rem;height: 0.1rem;bottom: 0;left: 0;right: 0;margin: auto;content: "";}



.galleryPage{width: 102.2rem;display: flex;flex-direction: column;align-items: center;padding: 10rem 0;margin: 0 auto;}
.galleryPage .title{font-size: 7.5rem;color: #111;font-weight: bold;margin-bottom: 4rem;width: 100%;}
.galleryPage .desc{font-size: 3rem;color: #111;font-weight: bold;margin-bottom: 10rem;width: 100%;line-height: 1.5;}


.galleryPage .more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.galleryPage .more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.galleryPage .more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.galleryPage .more:hover{background: #8E6A5F;}
.galleryPage .more:hover .text{color: #fff;}

.galleryPage .more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.galleryPage .more .icon .nor{z-index: 11;opacity: 1;}
.galleryPage .more .icon .hov{z-index: 1;opacity: 0;}
.galleryPage .more:hover .icon .nor{z-index: 1;opacity: 0;}
.galleryPage .more:hover .icon .hov{z-index: 11;opacity: 1;}

.galleryPage .list{display: flex;flex-wrap: wrap;margin-bottom: 2rem;}
.galleryPage .list .one{width: 23.3rem;margin-right: 3rem;margin-bottom: 4rem;}
.galleryPage .list .one:nth-child(4n){margin-right: 0;}
.galleryPage .list .one .img{width: 23.3rem;height: 33.3rem;border-radius: 1rem;margin-bottom: 2rem;}
.galleryPage .list .one .img img{width: 100%;height: 100%;object-fit: cover;}
.galleryPage .list .one:hover .img img{transform: scale(1.1);}
.galleryPage .list .one .name{font-size: 1.6rem;color: #3D3D3D;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}




.galleryDetailPage{padding: 10rem 0;}
.galleryDetailPage .detailBox{display: flex;align-items: center;width: 102.2rem;margin: 0 auto;}
.galleryDetailPage .detailBox .img{width: 47.2rem;margin-right: 8rem;flex-shrink: 0;border-radius: 1rem;}
.galleryDetailPage .detailBox .textBox .line{width: 4rem;height: 0.3rem;background: #111111;margin-bottom: 5rem;}
.galleryDetailPage .detailBox .textBox .title{font-size: 4.2rem;line-height: 5rem;color: #111111;font-weight: bold;}


.galleryDetailPage .otherBox{margin: 10rem auto 0;display: flex;flex-direction: column;align-items: center;width: 102.2rem;}
.galleryDetailPage .otherBox .tip{font-size: 2rem;color: #111111;font-weight: 700;line-height: 5rem;}
.galleryDetailPage .otherBox .title{font-size: 4rem;color: #111111;font-weight: 300;line-height: 5rem;margin-bottom: 4rem;}

.galleryDetailPage .otherBox .list{display: flex;flex-wrap: wrap;width: 102.2rem;}
.galleryDetailPage .otherBox .list .one{width: 23.3rem;margin-right: 3rem;margin-bottom: 3rem;display: block;position: relative;}
.galleryDetailPage .otherBox .list .one:nth-child(4n){margin-right: 0;}
.galleryDetailPage .otherBox .list .one .big{width: 23.3rem;height: 23.3rem;}
.galleryDetailPage .otherBox .list .one:hover .big img{transform: scale(1.1);}

.galleryDetailPage .otherBox .list .one .icon{width: 1.8rem;height: 1.8rem;position: absolute;top: 1rem;right: 1rem;cursor: pointer;z-index: 111;}
.galleryDetailPage .otherBox .list .one .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.galleryDetailPage .otherBox .list .one .icon .nor{z-index: 11;opacity: 1;}
.galleryDetailPage .otherBox .list .one .icon .hov{z-index: 1;opacity: 0;}
.galleryDetailPage .otherBox .list .one.active .nor{opacity: 0;z-index: 1;}
.galleryDetailPage .otherBox .list .one.active .hov{opacity: 1;z-index: 11;}

.galleryDetailPage .otherBox .list .one .textBox{padding: 3rem 1rem 1.1rem;position: relative;}
.galleryDetailPage .otherBox .list .one .name{font-size: 1.6rem;color: #111111;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.galleryDetailPage .otherBox .list .one:hover .name{color: #8E6A5F;}
.galleryDetailPage .otherBox .list .one .textBox::after{position: absolute;background: #D8D8D8;width: 3rem;height: 0.1rem;bottom: 0;left: 0;right: 0;margin: auto;content: "";}






.materialsPage{width: 102.4rem;margin: 0 auto;padding: 10rem 0;}
.materialsPage .title{font-size: 7.5rem;font-weight: bold;color: #111111;margin-bottom: 4rem;}
.materialsPage .content{font-size: 3rem;font-weight: bold;color: #111111;margin-bottom: 10rem;line-height: 1.5;}

.materialsPage .list{display: flex;margin-top: -3rem;flex-wrap: wrap;}
.materialsPage .list .one{width: 32.1rem;margin-right: 3rem;border-radius: 1rem 1rem 0 0;overflow: hidden;margin-top: 3rem;display: block;}
.materialsPage .list .one:nth-child(3n){margin-right: 0;}
.materialsPage .list .one .img{width: 100%;height: 22.5rem;}
.materialsPage .list .one .img img{width: 100%;height: 100%;object-fit: cover;}
.materialsPage .list .one:hover .img img{transform: scale(1.1);}

.materialsPage .list .one .textBox{background: #F5F5F5;padding: 2rem;display: flex;flex-direction: column;align-items: flex-start;width: 100%;}
.materialsPage .list .one .name{font-size: 1.8rem;line-height: 3rem;color: #3D3D3D;font-weight: bold;margin-bottom: 2rem;}

.materialsPage .list .one .more{padding-bottom: 0.3rem;font-size: 1.4rem;color: #111;position: relative;font-weight: 300;overflow: hidden;margin-top: 2rem;}
.materialsPage .list .one .more span{position: relative;z-index: 11;}
.materialsPage .list .one .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: 1;}
.materialsPage .list .one .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: 2;transition: all 0.3s;transform: translateY(100%);}
.materialsPage .list .one:hover .more::after{transform: translateY(0);}

.materialsPage .list .one .desc{font-size: 1.4rem;line-height: 2rem;color: #777777;}




.beforeAfterPage .banner .img{height: 40.6rem;}
.beforeAfterPage .banner .img img{height: 100%;object-fit: cover;}

.beforeAfterPage .listBox{display: flex;flex-direction: column;align-items: center;background: #F2EFED;padding: 6rem 0 10rem;}

.beforeAfterPage .btn.more{padding: 0 3rem;height: 4.2rem;border-radius: 4.2rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);}
.beforeAfterPage .btn.more .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}
.beforeAfterPage .btn.more .text{color: #111111;font-size: 1.6rem;transition: all 0.3s;}
.beforeAfterPage .btn.more:hover{background: #8E6A5F;}
.beforeAfterPage .btn.more:hover .text{color: #fff;}

.beforeAfterPage .btn.more .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.beforeAfterPage .btn.more .icon .nor{z-index: 11;opacity: 1;}
.beforeAfterPage .btn.more .icon .hov{z-index: 1;opacity: 0;}
.beforeAfterPage .btn.more:hover .icon .nor{z-index: 1;opacity: 0;}
.beforeAfterPage .btn.more:hover .icon .hov{z-index: 11;opacity: 1;}

.beforeAfterPage .listBox .list{width: 102.4rem;margin: 0 auto 6rem;}
.beforeAfterPage .listBox .list .one{width: 100%;padding: 4rem 6rem;margin-bottom: 4rem;background: #FFFFFF;border-radius: 2rem;display: flex;flex-direction: column;align-items: flex-start;}
.beforeAfterPage .listBox .list .one .name{font-size: 4rem;line-height: 5rem;color: #111111;margin-bottom: 2rem;}
.beforeAfterPage .listBox .list .one .box{border-radius: 2rem;overflow: hidden;margin-bottom: 5rem;width: 100%;height: 53.4rem;}

.beforeAfterPage .listBox .list .one .more{padding-bottom: 0.3rem;font-size: 1.4rem;color: #111;position: relative;font-weight: 300;overflow: hidden;margin-top: 2rem;}
.beforeAfterPage .listBox .list .one .more span{position: relative;z-index: 11;}
.beforeAfterPage .listBox .list .one .more::before{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: #A4DDD4;content: "";z-index: 1;}
.beforeAfterPage .listBox .list .one .more::after{position: absolute;width: 100%;height: 0.6rem;left: 0;bottom: 0;background: rgba(124,207,195,.8);content: "";z-index: 2;transition: all 0.3s;transform: translateY(100%);}
.beforeAfterPage .listBox .list .one .more:hover::after{transform: translateY(0);}





.materialsDetailPage .banner .img{height: 40.6rem;}
.materialsDetailPage .banner .img img{height: 100%;object-fit: cover;}

.materialsDetailPage .detailBox{width: 102.4rem;margin: 0 auto;padding: 8.5rem 0 10rem;}
.materialsDetailPage .detailBox .name{font-size: 4.2rem;line-height: 5rem;color: #111111;font-weight: bold;}
.materialsDetailPage .detailBox .desc{font-size: 2.6rem;margin-top: 2rem;line-height: 4rem;color: #111111;}
.materialsDetailPage .detailBox .content{font-size: 1.8rem;line-height: 3.4rem;color: #111111;margin-top: 3rem;}

.materialsDetailPage .detailBox .link{margin: 2rem 0 -1rem;font-size: 1.8rem;line-height: 2rem;color: #777777;}
.materialsDetailPage .detailBox .link a{color: #8E6A5F;border-bottom: 0.1rem solid #8E6A5F;}

.materialsDetailPage .detailBox .list{margin-top: 10rem;}
.materialsDetailPage .detailBox .list>.one{padding-bottom: 6rem;margin-bottom: 6rem;border-bottom: 0.1rem solid #DDDDDD;display: flex;justify-content: space-between;align-items: flex-start;}

.materialsDetailPage .detailBox .list .one .left{width: 49.2rem;margin-right: 4rem;}
.materialsDetailPage .detailBox .list .one .left .swiper{width: 100%;}

.materialsDetailPage .detailBox .list .one .left .big{width: 49.2rem;border-radius: 1rem;}

.materialsDetailPage .detailBox .list .one .right .name span{font-size: 2rem;line-height: 3.5rem;font-weight: normal;margin-bottom: -1rem;display: block;}

.materialsDetailPage .detailBox .list>.one:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0;}




.privatePage .banner .img{height: 40.6rem;}
.privatePage .banner .img img{height: 100%;object-fit: cover;}

.privatePage .container{width: 102.4rem;padding: 10rem 0;}


.privatePage .floor6 .box{padding: 6rem 0;display: flex;flex-direction: column;align-items: center;background: #111;border-radius: 2rem;}
.privatePage .floor6 .box .title{font-size: 3rem;color: #fff;font-weight: bold;width: 54.5rem;line-height: 4rem;text-align: center;}
.privatePage .floor6 .box .desc{margin: 2rem 0 3rem;color: #fff;font-size: 1.8rem;line-height: 1.5;text-align: center;}
.privatePage .floor6 .box .btn{height: 4rem;padding: 0 2rem;background: #8E6A5F;border-radius: 4rem;color: #fff;font-size: 1.6rem;}
.privatePage .floor6 .box .btn:hover{background: #A4DDD4;}

.privatePage .line{margin-bottom: 10rem;}

.privatePage .name{font-size: 4.2rem;line-height: 5rem;color: #111111;font-weight: bold;margin-bottom: 3rem;}
.privatePage .desc{font-size: 2rem;line-height: 1.5;color: #111111;}

.privatePage .flex{justify-content: space-between;}
.privatePage .flex.rowReverse{flex-direction: row-reverse;}
.privatePage .flex .desc{width: 49.2rem;}
.privatePage .flex .img{width: 49.2rem;border-radius: 1rem;flex-shrink: 0;}





.contactPage .banner .img{height: 40.6rem;}
.contactPage .banner .img img{height: 100%;object-fit: cover;}

.contactPage .container{padding: 10rem 0;width: 102.4rem;display: flex;flex-direction: column;align-items: center;}
.contactPage .title{font-size: 4rem;line-height: 5rem;color: #111111;margin-bottom: 3rem;}
.contactPage .desc{font-size: 2rem;line-height: 3rem;color: #111111;margin-bottom: 6rem;text-align: center;}

.contactPage .formBox{padding: 5rem 10rem 8rem;box-shadow: 0 0.8rem 2.4rem 0 rgba(149, 157, 165, 0.2);border-radius: 2rem;display: flex;flex-direction: column;align-items: center;width: 80rem;margin: 0 auto;}
.contactPage .formBox .title{font-size: 3rem;margin-bottom: 4rem;}
.contactPage .formBox .btn{font-size: 1.6rem;border: 0.1rem solid rgba(0, 0, 0, 0.2);color: #111;height: 4rem;border-radius: 4rem;width: 100%;margin-top: 4rem;}
.contactPage .formBox .btn:hover{background: #000;color: #fff;}

.contactPage .formBox .line{margin-bottom: 1.6rem;}
.contactPage .formBox .line.flex{justify-content: space-between;}

.contactPage .formBox .line .half{width: 28.5rem;}
.contactPage .formBox .line .name{font-size: 1.5rem;line-height: 3rem;color: #111;margin-bottom: 0.6rem;}
.contactPage .formBox .line .name span{color: #999999;line-height: 3rem;}
.contactPage .formBox .line .tip{font-size: 1.5rem;line-height: 3rem;color: #111111;}

.contactPage .formBox .line .input{width: 100%;}
.contactPage .formBox .line .input input{height: 4.2rem;border-radius: 0.6rem;border: 0.1rem solid #BBBBBB;width: 100%;padding: 0 1.6rem;font-size: 1.3rem;color: #111111;transition: all 0.3s;}
.contactPage .formBox .line .input input::placeholder{color: #999999;}
.contactPage .formBox .line .input input:hover{border-color: #111;}
.contactPage .formBox .line .input input:active{border-color: #111;}
.contactPage .formBox .line .input input:focus{border-color: #111;}


.contactPage .formBox .line .select{width: 100%;position: relative;}
.contactPage .formBox .line .select .normal{height: 4.2rem;border-radius: 0.6rem;border: 0.1rem solid #BBBBBB;width: 100%;padding: 0 0.9rem 0 1.6rem;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.contactPage .formBox .line .select .normal .text{color: #999999;transition: all 0.3s;font-size: 1.3rem;flex: 1;width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 3rem;}
.contactPage .formBox .line .select.active .normal{border-color: #111;}
.contactPage .formBox .line .select.active .normal .text{color: #111;}

.contactPage .formBox .line .select .normal .icon{width: 2.4rem;height: 2.4rem;flex-shrink: 0;margin-left: 1.6rem;}

.contactPage .formBox .line .select .hideBox{position: absolute;top: 100%;left: 0;right: 0;max-height: 20rem;border: 0.1rem solid #111;background: #fff;z-index: 55;border-radius: 0.6rem;overflow: auto;display: none;}
.contactPage .formBox .line .select .hideBox .one{height: 4.2rem;display: flex;align-items: center;padding: 0 1.6rem;color: #111;transition: all 0.3s;cursor: pointer;user-select: none;}
.contactPage .formBox .line .select .hideBox .one.active{color: #fff;background: #111;}
.contactPage .formBox .line .select .hideBox .one:hover{color: #fff;background: #111;}

.contactPage .formBox .line .checkBox{display: flex;flex-wrap: wrap;margin-top: -0.6rem;}
.contactPage .formBox .line .checkBox .one{width: 50%;padding-right: 0.6rem;margin-top: 0.6rem;display: flex;align-items: center;height: 3rem;cursor: pointer;user-select: none;}
.contactPage .formBox .line .checkBox .one .icon{width: 1.8rem;height: 1.8rem;margin-right: 1rem;flex-shrink: 0;position: relative;}

.contactPage .formBox .line .checkBox .one .icon img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.contactPage .formBox .line .checkBox .one .icon .nor{z-index: 11;opacity: 1;}
.contactPage .formBox .line .checkBox .one .icon .hov{z-index: 1;opacity: 0;}
.contactPage .formBox .line .checkBox .one.active .icon .nor{z-index: 1;opacity: 0;}
.contactPage .formBox .line .checkBox .one.active .icon .hov{z-index: 11;opacity: 1;}

.contactPage .formBox .line .checkBox .one .text{font-size: 1.3rem;line-height: 3rem;color: #111111;transition: all 0.3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 0;flex: 1;}
.contactPage .formBox .line .checkBox .one:hover .text{color: #8E6A5F;}
.contactPage .formBox .line .checkBox .one.active .text{color: #8E6A5F;}

.contactPage .formBox .line .textarea{width: 100%;height: 8.2rem;}
.contactPage .formBox .line .textarea textarea{width: 100%;height: 100%;border-radius: 0.6rem;overflow: hidden;border: 0.1rem solid #BBBBBB;padding: 0.6rem 1.6rem;font-size: 1.3rem;color: #111;line-height: 3rem;transition: all 0.3s;}
.contactPage .formBox .line .textarea textarea::placeholder{color: #999;}
.contactPage .formBox .line .textarea textarea:hover{border-color: #111;}
.contactPage .formBox .line .textarea textarea:active{border-color: #111;}
.contactPage .formBox .line .textarea textarea:focus{border-color: #111;}

.contactPage .formBox .tip{font-size: 1.5rem;line-height: 2;color: #111111;}



.sustainabilityPage .container{padding: 10rem 0;width: 102.4rem;}
.sustainabilityPage .title{font-size: 7.5rem;color: #111111;font-weight: bold;margin-bottom: 4rem;}
.sustainabilityPage .desc{font-size: 3rem;color: #111;font-weight: bold;margin-bottom: 10rem;}

.sustainabilityPage .name{font-size: 4.2rem;line-height: 5rem;margin-bottom: 3rem;color: #111111;font-weight: bold;}
.sustainabilityPage .content{font-size: 1.8rem;line-height: 3.4rem;color: #777777;}

.sustainabilityPage .floor1{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 2.4rem;}
.sustainabilityPage .floor1 .box{width: 49.2rem;margin-bottom: 7.6rem;}

.sustainabilityPage .floor2 .list{margin: 4rem 0 10rem;}
.sustainabilityPage .floor2 .list .one{display: flex;align-items: center;padding-bottom: 4rem;margin-bottom: 4rem;border-bottom: 0.1rem solid #ddd;justify-content: space-between;}
.sustainabilityPage .floor2 .list .one .img{width: 49.2rem;}
.sustainabilityPage .floor2 .list .one .textBox{width: 49.2rem;}
.sustainabilityPage .floor2 .list .one:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}





.masteringPage .banner .img{height: 40.6rem;}
.masteringPage .banner .img img{height: 100%;object-fit: cover;}

.masteringPage .list{padding: 10rem 0;margin: 0 auto;width: 102.4rem;}
.masteringPage .list .one{display: flex;align-items: center;margin-bottom: 10rem;}
.masteringPage .list .one:last-child{margin-bottom: 0;}
.masteringPage .list .one .icon{width: 20rem;height: 20rem;flex-shrink: 0;margin-right: 10rem;}
.masteringPage .list .one .name{font-size: 4.2rem;line-height: 5rem;color: #111111;margin-bottom: 3rem;}
.masteringPage .list .one .desc{font-size: 1.8rem;line-height: 3.4rem;color: #777;}





.capabilitiesPage .banner .img{height: 80.9rem;}
.capabilitiesPage .banner .img img{height: 100%;object-fit: cover;}

.capabilitiesPage .container{padding: 10rem 0;margin: 0 auto;width: 102.4rem;}

.capabilitiesPage .title{font-size: 6rem;color: #111111;font-weight: bold;margin-bottom: 3rem;line-height: 1.5;}
.capabilitiesPage .desc{font-size: 3rem;color: #111;font-weight: bold;margin-bottom: 10rem;line-height: 1.5;}

.capabilitiesPage .name{font-size: 4.2rem;line-height: 5rem;margin-bottom: 3rem;color: #111111;font-weight: bold;}
.capabilitiesPage .content{font-size: 1.8rem;line-height: 3.4rem;color: #777777;}

.capabilitiesPage .flex{justify-content: space-between;margin: 10rem 0;align-items: flex-start;}
.capabilitiesPage .flex.rowReverse{flex-direction: row-reverse;}

.capabilitiesPage .flex .big{width: 49.2rem;flex-shrink: 0;}
.capabilitiesPage .flex .big.double{display: flex;justify-content: space-between;}
.capabilitiesPage .flex .big .img{border-radius: 1rem;width: 100%;margin-bottom: 2rem;}
.capabilitiesPage .flex .big img{width: 100%;}
.capabilitiesPage .flex .big.double .img{width: 23.6rem;}

.capabilitiesPage .flex .textBox{width: 49.2rem;}
.capabilitiesPage .flex:last-child{margin-bottom: 0;}

.capabilitiesPage .flex .swiper{width: 49.2rem;}



.capabilitiesPage .imgBox{display: flex;justify-content: space-between;margin-top: 4rem;}
.capabilitiesPage .imgBox .img{width: 32.1rem;border-radius: 1rem;}















@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    html{font-size: calc(100vw / 75);padding-top: 10rem;}

    .container{width: 69rem;}

    .fifter{background: rgba(64, 83, 100, 0.5);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 555;display: none;}

    .header{height: 10rem;background: #fff;width: 100%;z-index: 999;padding: 0;}
    .header .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
    .header .logo{height: 8rem;}
    .header .right{position: relative;height: 100%;}
    .header .right .normal{display: flex;height: 100%;align-items: center;position: absolute;top: 0;right: 0;z-index: 111;opacity: 1;transition: all 0.3s;}
    .header .right .one{width: 8rem;height: 8rem;margin-left: 1rem;}
    .header .right .one .img{width: 100%;height: 100%;}
    .header .right .close{width: 9.6rem;height: 9.6rem;position: absolute;top: 0;right: 0;z-index: 1;opacity: 0;transition: all 0.3s;bottom: 0;margin: auto;visibility: hidden;}

    .header .right .normal.active{opacity: 0;z-index: 1;}
    .header .right .close.active{opacity: 1;z-index: 111;visibility: visible;}

    .fifter{background: rgba(64, 83, 100, 0.5);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 555;display: none;}

    .header .menuBox{position: absolute;top: 100%;max-height: calc(100vh - 10rem);overflow: auto;left: 0;right: 0;display: none;border-top: 0.1rem solid #999;}
    .header .menuBox .one{background: #fff;border-bottom: 0.1rem solid #ECEEF0;transition: all 0.3s;display: block;}
    .header .menuBox .one.active{border-bottom: 0;}
    .header .menuBox .one .flex{display: flex;align-items: center;justify-content: space-between;padding: 0 3rem;height: 10rem;}
    .header .menuBox .one .flex .first{font-size: 3.6rem;color: #111111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
    .header .menuBox .one .flex .icon{width: 3.2rem;height: 3.2rem;flex-shrink: 0;margin-left: 2rem;transition: all 0.3s;}
    .header .menuBox .one.active .flex .icon{transform: rotate(180deg);}

    .header .menuBox .one .nextBox{background: #F6F7F8;padding: 3rem;display: none;}
    .header .menuBox .one .nextBox .list{margin-bottom: 2rem;}
    .header .menuBox .one .nextBox .list:last-child{margin-bottom: 0rem;}

    .header .menuBox .one .nextBox .block{background: #fff;display: block;margin-bottom: 2rem;border-radius: 2rem;}
    .header .menuBox .one .nextBox .block:last-child{margin-bottom: 0;}

    .header .menuBox .one .nextBox .title{font-size: 3.2rem;color: #111111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;display: flex;align-items: center;height: 8rem;padding: 0 2rem;}
    .header .menuBox .one .nextBox .link{font-size: 2.8rem;color: #111111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;align-items: center;height: 8rem;padding: 0 2rem;}



    .header .searchBox{position: absolute;top: 100%;max-height: calc(100vh - 10rem);overflow: auto;left: 0;right: 0;display: none;padding: 4rem;background: #fff;}
    .header .searchBox .search{overflow: hidden;border-radius: 1.2rem;background: #F6F7F8;height: 9.6rem;display: flex;}
    .header .searchBox .search .inputBox{height: 100%;flex: 1;width: 0;padding: 0 2rem;display: flex;align-items: center;}
    .header .searchBox .search .inputBox .icon{width: 4.8rem;height: 4.8rem;flex-shrink: 0;margin-right: 1rem;}
    .header .searchBox .search .inputBox input{width: 0;flex: 1;font-size: 2.8rem;height: 100%;color: #333;line-height: 1;}
    .header .searchBox .search .inputBox input::placeholder{color: #888;}

    .header .searchBox .search .btn{width: 15rem;flex-shrink: 0;height: 100%;color: #fff;background: #00ADBA;font-size: 3.2rem;}















    .footer .top{width: 69rem;padding: 8rem 0;}
    .footer .top .textBox{flex-direction: column-reverse;padding: 0;margin: 0;border: none;}
    .footer .top .textBox .share{width: 100%;justify-content: center;justify-content: space-around;margin-bottom: 5rem;}
    .footer .top .textBox .share .icon{width: 8.8rem;height: 8.8rem;margin: 0;}

    .footer .top .textBox .left{width: 100%;}
    .footer .top .textBox .left .title{font-size: 3.6rem;text-align: left;margin-bottom: 4rem;line-height: 1.5;}
    .footer .top .textBox .desc{font-size: 2.8rem;}

    .footer .top .menuBox{display: none;}



    .footer .bot{padding: 4rem 0;}
    .footer .bot .text{width: 69rem;margin: 0 auto;font-size: 2.4rem;}
    .footer .bot .icp{font-size: 2.4rem;}



    .cookieBox .close{width: 4rem;height: 4rem;top: 3rem;right: 3rem;}
    .cookieBox .container{flex-direction: column;}
    .cookieBox .left{font-size: 2.8rem;line-height: 1.5;width: 100%;}
    .cookieBox .btnBox{justify-content: space-between;width: 100%;margin-top: 4rem;}
    .cookieBox .btnBox .btn{width: 20rem;height: 6rem;border-radius: 6rem;font-size: 2.4rem;margin: 0;}



    .index{width: 100%;overflow: hidden;}

    .index .banner .one{display: block;height: 40rem;}
    .index .banner .one .bg{height: 100%;}
    .index .banner .one .bg img{height: 100%;object-fit: cover;}
    .index .banner .one .textBox{width: 69rem;top: 0;bottom: 0;margin: auto;left: 0;right: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}

    .index .banner .one .textBox .tip{font-size: 3rem;margin-bottom: 2rem;}
    .index .banner .one .textBox .title{font-size: 4rem;margin-bottom: 4rem;}
    .index .banner .one .textBox .title span{font-size: 4rem;line-height: 1.5;}
    .index .banner .one .textBox .desc{font-size: 2.4rem;line-height: 1.5;}

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


    .index .floor1{padding: 6rem 0;}
    .index .floor1 .flex{flex-direction: column;}
    .index .floor1 .one{width: 100%;margin-bottom: 4rem;}
    .index .floor1 .one:last-child{margin-bottom: 0;}
    .index .floor1 .one .img{width: 100%;height: auto;border-radius: 2rem;}
    .index .floor1 .one .name{margin-top: 3rem;font-size: 4rem;line-height: 1.5;}
    .index .floor1 .one .more{font-size: 2.8rem;margin-top: 1rem;}


    .index .floor2 .title{font-size: 6rem;line-height: 8rem;}
    .index .floor2 .title span{font-size: 3rem;line-height: 8rem;}
    .index .floor2 .more{font-size: 2.8rem;margin: 4rem 0 8rem;}



    .index .floor2 .mb{width: 100%;}
    .index .floor2 .list{width: 100%;}
    .index .floor2 .list .one{width: 100%;height: 40rem;margin-bottom: 2rem;}
    .index .floor2 .list .one:last-child{margin-bottom: 0;}



    .index .floor3{padding: 8rem 0;}
    .index .floor3 .container{flex-direction: column;}
    .index .floor3 .textBox{width: 100%;}
    .index .floor3 .title{font-size: 6rem;line-height: 1.5;margin-bottom: 4rem;}
    .index .floor3 .tip{font-size: 3.6rem;line-height: 1.5;margin-bottom: 4rem;}
    .index .floor3 .content{font-size: 2.8rem;line-height: 1.5;margin-bottom: 4rem;}
    .index .floor3 .more{font-size: 2.8rem;}

    .index .floor3 .img{width: 100%;height: auto;margin: 4rem 0 0;}


    .index .floor4 .title{font-size: 6rem;line-height: 1.5;margin-bottom: 4rem;}
    .index .floor4 .more{font-size: 2.8rem;}
    .index .floor4 .list{margin-top: 6rem;flex-direction: column;}
    .index .floor4 .list .one{width: 100%;margin-bottom: 4rem;align-items: center;}
    .index .floor4 .list .one:last-child{margin-bottom: 0;}
    .index .floor4 .list .one .icon{width: 10rem;height: 10rem;margin-bottom: 3rem;}
    .index .floor4 .list .one .name{font-size: 3.6rem;line-height: 1.5;margin-bottom: 2rem;text-align: center;}
    .index .floor4 .list .one .content{font-size: 2.8rem;line-height: 1.5;}


    .index .floor5{padding: 8rem 0;}
    .index .floor5 .title{font-size: 6rem;line-height: 1.5;margin-bottom: 4rem;}
    .index .floor5 .more{font-size: 2.8rem;}
    .index .floor5 .list{margin-top: 6rem;flex-direction: column;}
    .index .floor5 .list .one{width: 100%;margin-bottom: 4rem;}
    .index .floor5 .list .one:last-child{margin-bottom: 0;}
    .index .floor5 .list .one .img{width: 100%;height: auto;}
    .index .floor5 .list .one .img img{width: 100%;object-fit: cover;}
    .index .floor5 .list .one .name{font-size: 3.6rem;margin: 4rem 0 2rem;line-height: 1.5;}


    .index .floor6{padding-bottom: 8rem;}
    .index .floor6 .box{padding: 6rem 3rem;}
    .index .floor6 .box .title{font-size: 4.8rem;line-height: 1.5;text-align: center;}
    .index .floor6 .box .desc{width: 100%;margin: 4rem 0 8rem;font-size: 2.8rem;line-height: 1.5;}
    .index .floor6 .box .btn{height: 6rem;border-radius: 6rem;font-size: 2.4rem;border-radius: 6rem;}


    .aboutPage .banner{height: auto;}
    .aboutPage .banner .right{display: none;}
    .aboutPage .banner .left{width: 100%;padding-left: 6rem;}
    .aboutPage .banner .left .textBox{position: relative;width: 100%;height: auto;margin: 6rem 0;top: 0;bottom: 0;padding: 5rem;}
    .aboutPage .banner .left .title{font-size: 8rem;line-height: 1.5;}
    .aboutPage .banner .left .name{font-size: 4rem;line-height: 1.5;margin: 6rem 0 3rem;}
    .aboutPage .banner .left .desc{font-size: 3.2rem;line-height: 2;}


    .aboutPage .floor1{height: auto;flex-wrap: wrap;}
    .aboutPage .floor1 .one{width: 50%;height: 30rem;padding-top: 10rem;border-top: 0.1rem solid #d8d8d8;}
    .aboutPage .floor1 .one .title{font-size: 4rem;margin-bottom: 2rem;}
    .aboutPage .floor1 .one .desc{font-size: 2.4rem;line-height: 1.5;}
    .aboutPage .floor1 .one:nth-child(2n){border-right: 0;}


    .aboutPage .floor2{padding: 8rem 0;}
    .aboutPage .floor2 .list{width: 69rem;margin: 0 auto;}
    .aboutPage .floor2 .list .one{width: 100%;padding-left: 5rem;padding-bottom: 10rem;}
    .aboutPage .floor2 .list .one:last-child{padding-bottom: 0;}

    .aboutPage .floor2 .list .one::after{left: 0;}
    .aboutPage .floor2 .list .one .year .icon{width: 2.4rem;height: 6.4rem;}
    .aboutPage .floor2 .list .one .year .text{height: 6.4rem;padding: 0 2rem;font-size: 3.2rem;}
    .aboutPage .floor2 .list .one .year::before{width: 4rem;height: 4rem;left: -7rem;}
    .aboutPage .floor2 .list .one .content{font-size: 3.2rem;line-height: 1.5;padding-left: 4rem;margin-top: 3rem;}

    .aboutPage .floor2 .list .one:nth-child(2n) .year{flex-direction: row;}
    .aboutPage .floor2 .list .one:nth-child(2n)::after{right: auto;left: 0;}
    .aboutPage .floor2 .list .one:nth-child(2n) .year .icon{transform: rotate(180deg);}
    .aboutPage .floor2 .list .one:nth-child(2n) .year::before{right: auto;left: -7rem;}
    .aboutPage .floor2 .list .one:nth-child(2n) .content{text-align: left;padding-right: 0;padding-left: 4rem;}


    .aboutPage .floor3{padding: 8rem 0;}
    .aboutPage .floor3 .list{width: 69rem;margin: 0 auto;}
    .aboutPage .floor3 .list .one{margin-bottom: 8rem;}
    .aboutPage .floor3 .list .one .line{width: 8rem;line-height: 0.6rem;margin-bottom: 5rem;}
    .aboutPage .floor3 .list .one .title{font-size: 4rem;line-height: 1.5;margin-bottom: 4rem;}
    .aboutPage .floor3 .list .one .flex{flex-direction: column;}
    .aboutPage .floor3 .list .one .flex .img{width: 100%;margin-bottom: 4rem;}
    .aboutPage .floor3 .list .one .flex .content{width: 100%;}
    .aboutPage .floor3 .list .one .content{font-size: 2.8rem;line-height: 1.5;}


    .aboutPage .floor3 .list .one:nth-child(2n) .flex{flex-direction: column;}



    .aboutPage .videoBox{padding-bottom: 8rem;}
    .aboutPage .videoBox .video{width: 69rem;border-radius: 2rem;}



    .searchPage{padding: 8rem 0;}
    .searchPage .num{font-size: 4rem;margin-bottom: 4rem;width: 69rem;text-align: center;}
    .searchPage .title{font-size: 6rem;margin-bottom: 6rem;width: 69rem;text-align: center;}

    .searchPage .more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .searchPage .more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .searchPage .more .text{font-size: 2.4rem;}

    .searchPage .list{width: 69rem;margin: 0 auto 4rem;justify-content: space-between;}
    .searchPage .list .one{width: 33.5rem;margin-bottom: 4rem;margin-right: 0;}

    .searchPage .list .one .icon{width: 4rem;height: 4rem;top: 2rem;right: 2rem;}
    .searchPage .list .one .big{width: 33.5rem;height: 33.5rem;}
    .searchPage .list .one .textBox{padding: 4rem 2rem 2rem;}
    .searchPage .list .one .textBox::after{width: 5rem;}
    .searchPage .list .one .name{font-size: 3.2rem;}



    .wishPage{width: 69rem;padding: 8rem 0;}
    .wishPage .title{font-size: 6rem;margin-bottom: 6rem;width: 69rem;text-align: left;}
    .wishPage .desc{font-size: 4rem;margin-bottom: 4rem;width: 69rem;text-align: left;}


    .wishPage .controlBox .flex{height: 10rem;padding: 0 3rem;}
    .wishPage .controlBox .flex .one{margin-right: 4rem;}
    .wishPage .controlBox .flex .one .icon{width: 3.2rem;height: 3.2rem;margin-right: 1rem;}
    .wishPage .controlBox .flex .one .text{font-size: 2.8rem;}

    .wishPage .list{width: 69rem;margin: 0 auto 4rem;justify-content: space-between;}
    .wishPage .list .one{width: 33.5rem;margin-bottom: 4rem;margin-right: 0;}

    .wishPage .list .one .big{width: 33.5rem;height: 33.5rem;}
    .wishPage .list .one .textBox{padding: 4rem 2rem 2rem;}
    .wishPage .list .one .textBox::after{width: 5rem;}
    .wishPage .list .one .name{font-size: 3.2rem;}

    .wishPage .list .one .flex{margin-bottom: 2rem;}
    .wishPage .list .one .flex .delete .icon{width: 3.2rem;height: 3.2rem;margin-right: 1rem;}
    .wishPage .list .one .flex .delete .text{font-size: 2.8rem;}

    .wishPage .list .one .flex .check{width: 3.2rem;height: 3.2rem;}

    .wishPage .more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .wishPage .more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .wishPage .more .text{font-size: 2.4rem;}


    .salesPage .banner .img{height: 40rem;}
    .salesPage .content{width: 69rem;padding: 8rem 0;font-size: 4rem;}

    .salesPage .listBox{width: 69rem;margin: 0 auto 8rem;}
    .salesPage .listBox .one{height: auto;padding: 6rem 3rem;flex-direction: column;}
    .salesPage .listBox .one .img{width: 100%;}
    .salesPage .listBox .one .textBox{width: 100%;padding: 5rem;}
    .salesPage .listBox .one .step{font-size: 3.2rem;line-height: 1.5;}
    .salesPage .listBox .one .title{font-size: 4.8rem;line-height: 1.5;margin: 0 0 4rem;}
    .salesPage .listBox .one .desc{font-size: 2.8rem;line-height: 1.5;}

    .salesPage .listBox .one .btn{padding: 0 3rem;height: 6rem;border-radius: 6rem;margin-top: 4rem;font-size: 2.4rem;}

    .salesPage .listBox .one:nth-child(2n){flex-direction: column;}



    .clientsPage{width: 100%;background: #fff;}
    .clientsPage .container{width: 69rem;padding: 8rem 0;}
    .clientsPage .title{font-size: 6rem;line-height: 1.5;margin: 0 0 4rem;}
    .clientsPage .content{font-size: 4rem;margin-bottom: 4rem;}

    .clientsPage .list{margin-bottom: 4rem;justify-content: space-between;}
    .clientsPage .list .one{margin-bottom: 2rem;width: 33.5rem;height: 24rem;margin-right: 0;padding: 2rem;}


    .clientsPage .more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .clientsPage .more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .clientsPage .more .text{font-size: 2.4rem;}



    .exhibitionsPage .floor1{padding: 8rem 0;width: 69rem;}
    .exhibitionsPage .title{font-size: 4.8rem;line-height: 1.5;margin: 0 0 4rem;}
    .exhibitionsPage .content{font-size: 3.6rem;}

    .exhibitionsPage .floor2{padding: 8rem 0;}

    .exhibitionsPage .more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .exhibitionsPage .more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .exhibitionsPage .more .text{font-size: 2.4rem;}

    .exhibitionsPage .list{width: 69rem;margin: 0 0 4rem;justify-content: space-between;}
    .exhibitionsPage .list .one{margin: 0 0 2rem;width: 33.5rem;}
    .exhibitionsPage .list .one .img{width: 33.5rem;height: 33.5rem;}
    .exhibitionsPage .list .one .textBox{padding: 2rem;}
    .exhibitionsPage .list .one .name{font-size: 3.2rem;line-height: 1.5;height: 9.6rem;margin-bottom: 2rem;}
    .exhibitionsPage .list .one .desc{font-size: 2.8rem;line-height: 4rem;height: 12rem;}
    .exhibitionsPage .list .one .time{font-size: 2.4rem;line-height: 1;margin-top: 2rem}


    .newsPage .banner .img{height: 40rem;}
    .newsPage .listBox{padding: 8rem 0;}
    .newsPage .listBox .list{width: 69rem;margin-bottom: 4rem;}

    .newsPage .btn.more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .newsPage .btn.more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .newsPage .btn.more .text{font-size: 2.4rem;}

    .newsPage .listBox .list .one{padding: 3rem;margin-bottom: 3rem;border-radius: 2rem;}
    .newsPage .listBox .list .one .name{font-size: 4rem;line-height: 1.5;margin-bottom: 2rem;}
    .newsPage .listBox .list .one .desc{font-size: 3.2rem;line-height: 1.5;margin-bottom: 2rem;}
    .newsPage .listBox .list .one .img{border-radius: 2rem;}
    .newsPage .listBox .list .one .more{margin-top: 4rem;font-size: 2.4rem;}        


    .newsDetailPage{padding: 8rem 0;}
    .newsDetailPage .container{width: 69rem;}
    .newsDetailPage .title{font-size: 6rem;line-height: 1.5;margin-bottom: 4rem;}

    .newsDetailPage .big.img{margin-bottom: 4rem;}

    .newsDetailPage .box{margin-bottom: 4rem;}
    .newsDetailPage .box .name{width: 100%;text-align: left;padding: 2rem 0;}
    .newsDetailPage .box .name::after{left: 0;width: 5rem;right: auto;}

    .newsDetailPage .box .content{width: 100%;margin: 0;padding: 0rem 0 0;}

    .newsDetailPage .btn{height: 6rem;padding: 0 4rem;border-radius: 6rem;font-size: 2.8rem;}
    .newsDetailPage .btn .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}

    .newsDetailPage .list .one{width: 33.5rem;margin-bottom: 2rem;}
    .newsDetailPage .list .one .img{width: 33.5rem;height: 33.5rem;margin: 0 0 3rem;}
    .newsDetailPage .list .one .name{font-size: 2.8rem;line-height: 1.5;margin-bottom: 2rem;}
    .newsDetailPage .list .one .desc{font-size: 2.8rem;line-height: 1.5;margin-bottom: 2rem;}

    .newsDetailPage .flex{flex-direction: column;}
    .newsDetailPage .flex .one{width: 100%;margin-bottom: 2rem;}
    .newsDetailPage .flex .one .img{width: 100%;height: auto;margin: 0 0 3rem;}
    .newsDetailPage .flex .one .name{font-size: 2.8rem;line-height: 1.5;margin-bottom: 2rem;}
    .newsDetailPage .flex .one .desc{font-size: 2.8rem;line-height: 1.5;margin-bottom: 2rem;}



    .productsPage .container{width: 69rem;padding-bottom: 8rem;}
    .productsPage .bread{height: 10rem;padding: 0;display: none;}
    .productsPage .bread .icon{width: 3.2rem;height: 3.2rem;}
    .productsPage .bread .one{margin: 0 1rem;font-size: 2.8rem;line-height: 4rem;}
    .productsPage .bread span{font-size: 2.4rem;line-height: 4rem;}


    .productsPage .flex{flex-direction: column;padding-top: 3rem;}
    .productsPage .menuBox{width: 100%;margin-bottom: 4rem;}
    .productsPage .menuBox .one .normal{height: 10rem;padding: 0 3rem;}
    .productsPage .menuBox .one .normal .icon{width: 3.2rem;height: 3.2rem;margin-right: 2rem;}
    .productsPage .menuBox .one .normal .text{font-size: 3.2rem;}
    .productsPage .menuBox .one .hideBox .two{height: 8rem;padding: 0 4rem;}

    .productsPage .menuBox .one .hideBox .two .check{width: 3.2rem;height: 3.2rem;margin-right: 2rem;}
    .productsPage .menuBox .one .hideBox .two .text{font-size: 2.8rem;}


    .productsPage .listBox{width: 100%;}

    .productsPage .more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .productsPage .more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .productsPage .more .text{font-size: 2.4rem;}

    .productsPage .list{width: 69rem;margin: 0 auto 4rem;justify-content: space-between;}
    .productsPage .list .one{width: 33.5rem;margin-bottom: 4rem;margin-right: 0;}

    .productsPage .list .one .icon{width: 6.4rem;height: 6.4rem;top: 2rem;right: 2rem;}
    .productsPage .list .one .big{width: 33.5rem;height: 33.5rem;}
    .productsPage .list .one .textBox{padding: 4rem 2rem 2rem;}
    .productsPage .list .one .textBox::after{width: 5rem;}
    .productsPage .list .one .name{font-size: 3.2rem;}





    .productsDetailPage .container{width: 69rem;padding-bottom: 8rem;}
    .productsDetailPage .bread{height: 10rem;padding: 0;display: none;}
    .productsDetailPage .bread .icon{width: 3.2rem;height: 3.2rem;}
    .productsDetailPage .bread .one{margin: 0 1rem;font-size: 2.8rem;line-height: 4rem;}
    .productsDetailPage .bread span{font-size: 2.4rem;line-height: 4rem;}



    .productsDetailPage .detailBox{flex-direction: column;}
    .productsDetailPage .detailBox .swiper .gallery-thumbs{display: none;}

    .productsDetailPage .detailBox .swiper .gallery-top .swiper-slide{height: auto;}

    .productsDetailPage .detailBox .swiper .gallery-top .next{display: none;}
    .productsDetailPage .detailBox .swiper .gallery-top .prev{display: none;}

    .productsDetailPage .detailBox .swiper .gallery-top{width: 69rem;height: 69rem;}
    .productsDetailPage .detailBox .swiper .gallery-top .heart{width: 8rem;height: 8rem;}


    .productsDetailPage .detailBox .textBox{width: 100%;margin: 0;}

    .productsDetailPage .detailBox .textBox .name{font-size: 4rem;line-height: 1.5;margin-bottom: 4rem;}
    .productsDetailPage .detailBox .textBox .title{font-size: 3.2rem;line-height: 1.5;margin-bottom: 2rem;}
    .productsDetailPage .detailBox .textBox .form .line{min-height: 8rem;}
    .productsDetailPage .detailBox .textBox .form .line>div{margin: 0;font-size: 2.8rem;padding: 2rem 0;}


    .productsDetailPage .otherBox{margin: 6rem auto 0rem;width: 69rem;}
    .productsDetailPage .otherBox .tip{font-size: 3.2rem;line-height: 1.5;}
    .productsDetailPage .otherBox .title{font-size: 4.8rem;line-height: 1.5;margin-bottom: 4rem;}
    .productsDetailPage .otherBox .list{width: 69rem;margin: 0 auto;justify-content: space-between;}
    .productsDetailPage .otherBox .list .one{width: 33.5rem;margin-bottom: 4rem;margin-right: 0;}

    .productsDetailPage .otherBox .list .one .icon{width: 6.4rem;height: 6.4rem;top: 2rem;right: 2rem;}
    .productsDetailPage .otherBox .list .one .big{width: 33.5rem;height: 33.5rem;}
    .productsDetailPage .otherBox .list .one .textBox{padding: 4rem 2rem 2rem;}
    .productsDetailPage .otherBox .list .one .textBox::after{width: 5rem;}
    .productsDetailPage .otherBox .list .one .name{font-size: 3.2rem;}



    .galleryPage{width: 69rem;padding: 8rem 0;}
    .galleryPage .title{font-size: 6rem;line-height: 1.5;margin-bottom: 4rem;}
    .galleryPage .desc{font-size: 4rem;margin-bottom: 8rem;}

    .galleryPage .more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .galleryPage .more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .galleryPage .more .text{font-size: 2.4rem;}

    .galleryPage .list{margin-bottom: 4rem;justify-content: space-between;}
    .galleryPage .list .one{width: 33.5rem;margin: 0 0 4rem;}
    .galleryPage .list .one .img{width: 33.5rem;height: 42rem;border-radius: 2rem;margin-bottom: 2rem;}
    .galleryPage .list .one .name{font-size: 3.2rem;}


    .galleryDetailPage{padding: 8rem 0;}
    .galleryDetailPage .detailBox{width: 69rem;flex-direction: column;}
    .galleryDetailPage .detailBox .img{width: 100%;margin: 0 0 4rem;}

    .galleryDetailPage .detailBox .textBox{width: 100%;}
    .galleryDetailPage .detailBox .textBox .line{width: 5rem;margin-bottom: 3rem;}
    .galleryDetailPage .detailBox .textBox .title{font-size: 4rem;line-height: 1.5;}

    .galleryDetailPage .otherBox{margin: 6rem auto 0rem;width: 69rem;}
    .galleryDetailPage .otherBox .tip{font-size: 3.2rem;line-height: 1.5;}
    .galleryDetailPage .otherBox .title{font-size: 4.8rem;line-height: 1.5;margin-bottom: 4rem;}
    .galleryDetailPage .otherBox .list{width: 69rem;margin: 0 auto;justify-content: space-between;}
    .galleryDetailPage .otherBox .list .one{width: 33.5rem;margin-bottom: 4rem;margin-right: 0;}

    .galleryDetailPage .otherBox .list .one .icon{width: 4rem;height: 4rem;top: 2rem;right: 2rem;}
    .galleryDetailPage .otherBox .list .one .big{width: 33.5rem;height: 33.5rem;}
    .galleryDetailPage .otherBox .list .one .textBox{padding: 4rem 2rem 2rem;}
    .galleryDetailPage .otherBox .list .one .textBox::after{width: 5rem;}
    .galleryDetailPage .otherBox .list .one .name{font-size: 3.2rem;}


    .materialsDetailPage .banner .img{height: 40rem;}

    .materialsDetailPage .detailBox{width: 69rem;padding: 6rem 0 8rem;}
    .materialsDetailPage .detailBox .name{font-size: 6rem;line-height: 1.5;}
    .materialsDetailPage .detailBox .content{margin-top: 3rem;font-size: 2.8rem;line-height: 1.5;}
    .materialsDetailPage .detailBox .link{margin: 3rem 0 1rem;font-size: 2.8rem;line-height: 1.5;}
    .materialsDetailPage .detailBox .link a{line-height: 1.5;}

    .materialsDetailPage .detailBox .list{margin-top: 6rem;}
    .materialsDetailPage .detailBox .list>.one{padding-bottom: 4rem;margin-bottom: 4rem;flex-direction: column;}

    .materialsDetailPage .detailBox .list .one .left{width: 100%;margin: 0 0 3rem;}
    .materialsDetailPage .detailBox .list .one .left .img{width: 100%;}


    .materialsPage{width: 69rem;padding: 8rem 0;}
    .materialsPage .title{font-size: 4.8rem;line-height: 1.5;margin-bottom: 4rem;}
    .materialsPage .content{font-size: 3.6rem;line-height: 1.5;margin-bottom: 8rem;}
    .materialsPage .list{flex-direction: column;}
    .materialsPage .list .one{width: 100%;margin: 0 0 3rem;border-radius: 1rem 1rem 0 0;}
    .materialsPage .list .one:last-child{margin-bottom: 0;}
    .materialsPage .list .one .img{width: 100%;height: 40rem;}
    .materialsPage .list .one .textBox{padding: 3rem;}
    .materialsPage .list .one .name{font-size: 3.2rem;line-height: 1.5;margin-bottom: 2rem;}
    .materialsPage .list .one .desc{font-size: 2.8rem;line-height: 1.5;}
    .materialsPage .list .one .more{font-size: 2.4rem;margin-top: 2rem;}

    .materialsDetailPage .detailBox .list .one .right .name span{font-size: 3.2rem;line-height: 1.5;margin-bottom: -1rem;}


    .beforeAfterPage .banner .img{height: 40rem;}

    .beforeAfterPage .listBox{padding: 6rem 0 8rem;}
    .beforeAfterPage .listBox .list{width: 69rem;margin: 0 auto 4rem;}
    .beforeAfterPage .listBox .btn.more{height: 6rem;border-radius: 6rem;padding: 0 3rem;}
    .beforeAfterPage .listBox .btn.more .icon{width: 3.6rem;height: 3.6rem;margin-right: 2rem;}
    .beforeAfterPage .listBox .btn.more .text{font-size: 2.4rem;}

    .beforeAfterPage .listBox .list .one{padding: 3rem;}
    .beforeAfterPage .listBox .list .one .name{font-size: 3.6rem;line-height: 1.5;}

    .beforeAfterPage .listBox .list .one .box{border-radius: 2rem;margin: 0 0 4rem;height: 50rem;}

    .beforeAfterPage .listBox .list .one .more{font-size: 2.4rem;margin: 0;}



    .privatePage .banner .img{height: 40rem;}
    .privatePage .container{padding: 8rem 0 ;width: 69rem;}
    .privatePage .name{font-size: 4.8rem;line-height: 1.5;margin-bottom: 4rem;}
    .privatePage .desc{font-size: 2.8rem;}

    .privatePage .line{margin-bottom: 8rem;}

    .privatePage .flex{flex-direction: column-reverse;}
    .privatePage .flex .desc{width: 100%;}
    .privatePage .flex .img{width: 100%;border-radius: 2rem;margin-bottom: 3rem;}

    .privatePage .flex.rowReverse{flex-direction: column-reverse;}


    .privatePage .floor6{padding-bottom: 8rem;}
    .privatePage .floor6 .box{padding: 6rem 3rem;}
    .privatePage .floor6 .box .title{font-size: 4.2rem;line-height: 1.5;text-align: center;width: 100%;}
    .privatePage .floor6 .box .desc{width: 100%;margin: 4rem 0 8rem;font-size: 2.8rem;line-height: 1.5;}
    .privatePage .floor6 .box .btn{height: 6rem;border-radius: 6rem;font-size: 2.4rem;border-radius: 6rem;}



    .capabilitiesPage .banner .img{height: 80rem;}
    .capabilitiesPage .container{width: 69rem;padding: 8rem 0;}
    .capabilitiesPage .title{font-size: 6rem;line-height: 1.5;margin-bottom: 3rem;}
    .capabilitiesPage .desc{font-size: 3.2rem;margin-bottom: 8rem;}

    .capabilitiesPage .flex{margin: 8rem 0;flex-direction: column;}
    .capabilitiesPage .flex .big{width: 100%;}
    .capabilitiesPage .flex .textBox{width: 100%;padding-top: 3rem;}

    .capabilitiesPage .name{font-size: 3.6rem;margin-bottom: 3rem;line-height: 1.5;}
    .capabilitiesPage .content{font-size: 2.8rem;line-height: 1.5;}


    .capabilitiesPage .imgBox{margin-top: 3rem;flex-direction: column;}
    .capabilitiesPage .imgBox .img{width: 100%;margin-bottom: 2rem;}
    .capabilitiesPage .imgBox .img img{width: 100%;}
    .capabilitiesPage .imgBox .img:last-child{margin-bottom: 0;}


    .capabilitiesPage .flex.rowReverse{flex-direction: column;}

    .capabilitiesPage .flex .big .img{border-radius: 2rem;}
    .capabilitiesPage .flex .big.double .img{width: calc(50% - 1rem);}


    .masteringPage .banner .img{height: 40rem;}
    .masteringPage .list{width: 69rem;padding: 8rem 0;}
    .masteringPage .list .one{margin-bottom: 8rem;flex-direction: column;}
    .masteringPage .list .one .icon{width: 30rem;height: 30rem;margin: 0 0 4rem;}
    .masteringPage .list .one .name{font-size: 3.6rem;line-height: 1.5;margin: 0 0 3rem;}
    .masteringPage .list .one .desc{font-size: 2.8rem;line-height: 1.5;}


    .sustainabilityPage .container{width: 69rem;padding: 8rem 0;}
    .sustainabilityPage .title{font-size: 6rem;line-height: 1.5;margin-bottom: 4rem;}
    .sustainabilityPage .desc{font-size: 3.6rem;line-height: 1.5;margin-bottom: 8rem;}

    .sustainabilityPage .floor1{margin-bottom: 2rem;flex-direction: column;}
    .sustainabilityPage .floor1 .box{margin-bottom: 4rem;width: 100%;}
    .sustainabilityPage .name{font-size: 3.2rem;line-height: 1.5;margin-bottom: 2rem;}
    .sustainabilityPage .content{font-size: 2.8rem;line-height: 1.5;}


    .sustainabilityPage .floor2 .list{margin: 4rem 0 8rem;}
    .sustainabilityPage .floor2 .list .one{flex-direction: column;padding-bottom: 4rem;margin-bottom: 4rem;}
    .sustainabilityPage .floor2 .list .one .img{width: 100%;margin-bottom: 3rem;}
    .sustainabilityPage .floor2 .list .one .textBox{width: 100%;}


    .contactPage .banner .img{height: 40rem;}
    .contactPage .container{padding: 8rem 0;width: 69rem;}
    .contactPage .title{font-size: 4.8rem;line-height: 1.5;margin-bottom: 4rem;}
    .contactPage .desc{font-size: 2.8rem;line-height: 1.5;margin-bottom: 6rem;}

    .contactPage .formBox{width: 100%;padding: 6rem 3rem;}
    .contactPage .formBox .title{font-size: 3.2rem;margin-bottom: 4rem;}

    .contactPage .formBox .btn{width: 100%;height: 8rem;border-radius: 8rem;font-size: 2.8rem;margin-top: 4rem;}

    .contactPage .formBox .form{width: 100%;}
    .contactPage .formBox .line{margin-bottom: 3rem;}
    .contactPage .formBox .line.flex{flex-direction: column;}
    .contactPage .formBox .line .half{width: 100%;margin-bottom: 3rem;}
    .contactPage .formBox .line .half:last-child{margin-bottom: 0;}
    
    .contactPage .formBox .line .name{font-size: 2.8rem;line-height: 4rem;margin-bottom: 1rem;}
    .contactPage .formBox .line .input input{height: 8rem;font-size: 2.8rem;padding: 0 2rem;border-radius: 1rem;}
    .contactPage .formBox .line .select .normal{height: 8rem;font-size: 2.8rem;padding: 0 2rem;border-radius: 1rem;}
    .contactPage .formBox .line .select .normal .text{font-size: 2.8rem;line-height: 8rem;}
    .contactPage .formBox .line .select .normal .icon{width: 4.8rem;height: 4.8rem;margin-left: 2rem;}
    .contactPage .formBox .line .select .hideBox{border-radius: 1rem;max-height: 40rem;}
    .contactPage .formBox .line .select .hideBox .one{height: 8rem;font-size: 2.8rem;padding: 0 2rem;}

    .contactPage .formBox .line .checkBox{margin-top: -1rem;}
    .contactPage .formBox .line .checkBox .one{width: 100%;height: 6rem;margin: 1rem 0 0;}
    .contactPage .formBox .line .checkBox .one .icon{width: 3.6rem;height: 3.6rem;}
    .contactPage .formBox .line .checkBox .one .text{font-size: 2.8rem;line-height: 1;}


    .contactPage .formBox .line .textarea{height: 25rem;}
    .contactPage .formBox .line .textarea textarea{height: 100%;font-size: 2.8rem;padding: 1rem 2rem;border-radius: 1rem;}

    .contactPage .formBox .tip{font-size: 2.4rem;line-height: 1.5;}







}