.banner {

    margin-bottom: 80px;

}

.banner:before{

    display: none;

}

.banner .slick-prev,

.banner .slick-next {

    white-space: nowrap;

    text-indent: 101%;

    overflow: hidden;

    padding: 0;

    border: 0;

    background: url('../../images/common/index/banner_arrow.svg') no-repeat;

    width: 55px;

    height: 55px;

    position: absolute;

    z-index: 100;

    top: 50%;

    margin-top: -15px;

    cursor: pointer;

}

.no-svg .banner .slick-prev,

.no-svg .banner .slick-next {

    background-image: url('../../images/common/index/banner_arrow.png')

}

.banner .slick-prev {

    background-position: 0 0;

    left: 2%;

}

.banner .slick-next {

    background-position: 100% 0;

    right: 2%;

}

.banner .slick-prev:hover {

    background-position: 0 100%;

}

.banner .slick-next:hover {

    background-position: 100% 100%;

}

.banner .ibtn.scroll {

    background: url('../../images/common/index/btn_scroll4.png') bottom;

    width: 93px;

    height: 93px;

    position: absolute;

    bottom: -52px;

    right: 30px;

    overflow: inherit;

}

.banner .ibtn.scroll:after{

    content: '';

    display: block;

    background: url(../../images/common/index/btn_scroll3.png);

    width: 5px;

    height: 10px;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    /*bottom: 37px;*/

    bottom: 70px;

}

.banner .ibtn.scroll:before{

    content: '';

    display: block;

    transition: all 0.3s ease;

    height:  38px;

    left: 50%;

    margin-left: -3px;

    background: #000000;

    width: 1px;

    /*bottom: 37px;*/

    bottom: 70px;

    position: absolute;

}

.banner .ibtn.scroll:hover:before {

    height: 91px;

}

.site-main {

    /* background: #F7F5F2; */

}

.sect1 {

    /* padding-top: 60px; */

    padding-bottom: 70px;

    position: relative;

}

.sect1 .a-pic-1{

    position: absolute !important;

    background: url('../../images/common/index/about-pic-1.png');

    width: 225px;

    height: 231px;

    top: 180px !important;

    left: -12px !important;

    pointer-events: none;

    z-index: 3;

    transition: all .3s ease !important;

}

.sect1 .a-pic-2{

    position: absolute !important;

    background: url('../../images/common/index/about-pic-2.png');

    background-repeat: no-repeat;

    width: 137px;

    height: 225px;

    top: 110px !important;

    left: -2px !important;

    pointer-events: none;

    z-index: 2;

}

.sect1 .a-pic-3{

    position: absolute !important;

    background: url('../../images/common/index/about-pic-3.png');

    background-repeat: no-repeat;

    width: 200px;

    height: 207px;

    top: 370px !important;

    left: 300px !important;

    pointer-events: none;

    z-index: 2;

}

.sect4{

   position: relative;

}

.sect4:after{

    position: absolute;

    content: '';

    display: block;

    width: 1690px;

    height: 69px;

    bottom: -34px;

    right: 0;

    margin: auto;

    left: 0;

    background: url('../../images/common/index/sh.png') no-repeat;

    background-size: contain;

    z-index: -1;

}

.about-sect {

    float: right;

    position: relative;

    border-width: 1px 1px 0;

    padding: 30px 200px 0px 71px;

    width: 800px;

    letter-spacing: 1px;

    margin-top: 240px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.about-slogan {

    color: rgba(222,204,169,.8);

    font-family: 'Cormorant Garamond', serif;

    font-weight: bold;

    line-height: 1.4;

    white-space: nowrap;

}

.about-slogan.s1 {

    font-size: 80px;

    position: absolute;

    bottom: 100%;

    right: 62%;

    letter-spacing: 5px;

}

.about-slogan.s2 {

    font-size: 50px;

    position: absolute;

    top: -20px;

    right: 37%;

    font-size: 40px;

    color: #A76C4F;

}

.about-pic {

    position: absolute;

    right: 0px;

    bottom: 65%;

}

.about-pic:after{

    content: '';

    position: absolute;

    height: 131px;

    width: 500px;

    background: url('../../images/common/index/about01.png') no-repeat;

    right: -195px;

    z-index: 1;

    top: 0;

}

.about-pic:before,

.about-pic_1:before{

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 99em 80em;

    border: 1px solid #D1B471;

    position: absolute;

    -webkit-transform: translate(2px, 3px);

    -ms-transform: translate(2px, 3px);

    transform: translate(2px, 3px);

    z-index: 15;

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

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

}

.about-pic_1{

    position: absolute;

    right: -150px;

    top: 50px;

}

@-webkit-keyframes footerpicbefore {

    0% {

        -webkit-transform: translate(2px, 3px);

        transform: translate(2px, 3px);

        border-radius: 99em 80em;

    }

    30% {

        -webkit-transform: translate(-2px, -1px) scale(1.04);

        transform: translate(-2px, -1px) scale(1.04);

        opacity: 0.8;

        border-radius: 70em;

    }

    70% {

        -webkit-transform: translate(-1px, -2px);

        transform: translate(-1px, -2px);

        border-radius: 80em;

    }

    100% {

        -webkit-transform: translate(2px, 3px);

        transform: translate(2px, 3px);

        border-radius: 99em 80em;

    }

}

@keyframes footerpicbefore {

    0% {

        -webkit-transform: translate(2px, 3px);

        transform: translate(2px, 3px);

        border-radius: 99em 80em;

    }

    30% {

        -webkit-transform: translate(-2px, -1px) scale(1.04);

        transform: translate(-2px, -1px) scale(1.04);

        opacity: 0.8;

        border-radius: 70em;

    }

    70% {

        -webkit-transform: translate(-1px, -2px);

        transform: translate(-1px, -2px);

        border-radius: 80em;

    }

    100% {

        -webkit-transform: translate(2px, 3px);

        transform: translate(2px, 3px);

        border-radius: 99em 80em;

    }

}

@-webkit-keyframes footerpicafter {

    0% {

        -webkit-transform: translate(-3px, -3px);

        transform: translate(-3px, -3px);

        border-radius: 80em 99em;

    }

    30% {

        -webkit-transform: translate(2px, 3px);

        transform: translate(2px, 3px);

        border-radius: 60em;

    }

    70% {

        -webkit-transform: translate(-2px, 2px) scale(1.05);

        transform: translate(-2px, 2px) scale(1.05);

        border-radius: 99em;

    }

    100% {

        -webkit-transform: translate(-2px, -2px);

        transform: translate(-2px, -2px);

        border-radius: 80em 99em;

    }

}

@keyframes footerpicafter {

    0% {

        -webkit-transform: translate(-3px, -3px);

        transform: translate(-3px, -3px);

        border-radius: 80em 99em;

    }

    30% {

        -webkit-transform: translate(2px, 3px);

        transform: translate(2px, 3px);

        border-radius: 60em;

    }

    70% {

        -webkit-transform: translate(-2px, 2px) scale(1.05);

        transform: translate(-2px, 2px) scale(1.05);

        border-radius: 99em;

    }

    100% {

        -webkit-transform: translate(-2px, -2px);

        transform: translate(-2px, -2px);

        border-radius: 80em 99em;

    }

}

.about-sect .sect-title {

    color: #3E3431;

    font-size: 27px;

    margin: 10px 0;

    letter-spacing: 3px;

}

.about-sect .editor {

    position: relative;

    color: #1E1F24;

    font-size: 16px;

    letter-spacing: 1.2px;

    line-height: 1.8;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 86px;

}

.about-sect .btn-box {

    text-align: left;

    margin-top: 20px;

    padding-top: 15px;

}

.about-sect .btn.more {

    color: #39301c;

    background: url(../../images/common/index/bg3.jpg) center;

    font-size: 15px;

    font-weight: bold;

    font-family: 'Cormorant Garamond', serif;

    border-radius: 0;

    letter-spacing: 0.5px;

    width: 150px;

    height: 51px;

    line-height: 51px;

    position: relative;

    transition: all .3s ease;

}

.about-sect .btn.more:before {

    width: calc(100% - 10px);

    height: calc(100% - 10px);

    top: 5px;

    left: 5px;

    content: '';

    width: calc(100% - 12px);

    height: calc(100% - 12px);

    border: 1px solid #62512c;

    position: absolute;

    z-index: 1;

}

.about-sect .btn.more:hover {letter-spacing: 3px;}

.about-sect .btn.more .ic {

    font-size: 0px;

    vertical-align: middle;

    margin: 0 0 2px 8px;

    display: none;

}

.about-deco {

    position: absolute;

    top: 0;

    left: 9%;

    display: block;

}

.mask1 {

    mask-image: url(../../images/common/index/mask2.png);

    mask-repeat: no-repeat;

    mask-position: 20%;

    mask-size: 0;

}

.pic01{

    content: "";

    display: block;

    width: 610px;

    height: 326px;

    background: url(../../images/common/index/about_deco01.png) no-repeat;

    left: -49px;

    bottom: -86px;

    position: absolute;

    animation: imageFadeIn 3s ease-in-out 2s forwards;

    -webkit-animation: imageFadeIn 3s ease-in-out 2s forwards;

    z-index: -1;

}

.animated .mask1 {

  animation: imageFadeIn 4s ease-in-out 2s forwards;

  -webkit-mask-image: url(../../images/common/index/mask2.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: 20%;

  -webkit-mask-size: 0;

}

@keyframes imageFadeIn {

  0% {

    mask-size: 0;

    -webkit-mask-size: 0;

  }

  100% {

    mask-size: 200%;

    -webkit-mask-size: 200%;

  }

}

.sect2 {

    margin: 0 30px;

    position: relative;

}

.sect2:before{

    content: '';

    background: url('../../images/common/index/pd_pic.png');

    position: absolute;

    bottom: -200px;

    right: 94px;

    display: block;

    width: 210px;

    height: 237px;

    z-index: 1;

}

.sect2 .container{

    padding: 0;

}

.news-sect {

    padding: 50px 0px 0px;

}

.news-sect .sect-title,

.products-sect .sect-title{

    position: relative;

    text-align: center;

    line-height: 1.2;

    display: block;

    color: #3E3431;

    font-size: 27px;

    margin: 10px 0 50px;

    letter-spacing: 3px;

    overflow: inherit;

}

.news-sect .sect-title:before {

    content: '';

    position: absolute;

    left: 50%;

    top: 45%;

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

    background: url(../../images/common/index/news_title_line.png) no-repeat top center;

    width: 240px;

    height: 146px;

}

.news-sect .sect-title h2,

.products-sect .sect-title h2{

    font-size: 34px;

    color: #3E3431;

    letter-spacing: 1.6px;

    line-height: 1;

    margin: 0;

    font-weight: normal;

    overflow: inherit;

    position: relative;

}

.news-sect .sect-title span:before{

    content: '';

    position: absolute;

    right: -88px;

    /* margin-left: -68px; */

    top: 11px;

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

    background: url(../../images/common/index/news_title_ic.png) no-repeat;

    width: 50px;

    height: 39px;

}

.news-sect .sect-title span,

.products-sect .sect-title span{

    font-size: 18px;

    font-family: 'Cormorant Garamond', serif;

    font-weight: bold;

    text-align: left;

    color: #A66C4E;

    letter-spacing: 1.6px;

    margin-left: -37px;

    position: relative;

}

.news-sect .btn.more {

    font-family: 'Cormorant Garamond', serif;

    position: relative;

    z-index: 1;

    display: block;

    width: 130px;

    height: 44px;

    line-height: 43px;

    margin-top: 0px;

    font-size: 13px;

    color: #502B25;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

}

.news-sect .btn.more {

    margin: 20px 0;

    display: block;

    margin-top: 35px;

    margin-bottom: 5px;

    position: absolute;

    right: 0;

    top: 13%;

}

.news-sect .btn.more span{

    font-size: 13px;

    letter-spacing: 0.075em;

    /* padding-left: 20px; */

    display: flex;

    font-weight: bold;

    margin-left: 37px;

}

.news-sect .btn.more a{

    position: relative;

    font-size: 0;

    font-weight: bold;

    color:#7B6228;

}

.news-sect .btn.more span:before{

    content: "";

    width: 25px;

    height: 25px;

    box-shadow: 0px 0px 0px 2px #7A6127;

    border-radius: 50%;

    position: absolute;

    left: 14px;

    top: 49%;

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

    transition-property: all;

    transition-duration: .4s;

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

.news-sect .btn.more span:after{

    content: "";

    width: 6px;

    height: 6px;

    background: #7A6127;

    border-radius: 49%;

    position: absolute;

    left: 14px;

    top: 49%;

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

}

.news-sect .btn.more:hover span:before{

    box-shadow: 0px 0px 0px 4px #7A6127;

}

.news-sect .btn.more i{

    display: none;

}

.news-list {

    margin: 0 -15px;

}

.news-list .item {

    width: 25%;

    padding: 0 15px;

}

.news-list .item:nth-child(4n+1) {

    clear: left;

}

.news-list .box {

    max-width: 320px;

    margin: 0 auto 50px;

    overflow: hidden;

    border: 1px solid #EEEEEE;

    background: #FFFFFF;

    transition: all 0.3s ease;

    position: relative;

    box-shadow: 25px 25px 40px rgba(221,157,138,0);

}

.news-list .box:hover{

    border-color: #EFCDC4;

    box-shadow: 20px 20px 40px rgb(199 181 163 / 30%);

}

.news-list li .cover{

    font-size: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index:30;

}

.news-list .pic {

    position: relative;

    overflow: hidden;

}

.news-list .pic img {

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    width: 100%;

}

.news-list .box:hover .pic img {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

     opacity:0.8;

}

.news-list .txt {

    padding: 0 20px 30px;

}

.news-list .date {

    display: block;

    background: #FFFFFF;

    width: 130px;

    line-height: 44px;

    text-align: center;

    color: #2A180F;

    font-family: Quicksand;

    font-weight: 500;

    font-size: 16px;

    box-shadow: 5px 5px 10px rgba(150,140,112,.3);

    margin: -11px auto 25px;

    position: relative;

    z-index: 2;

    transition: all 0.3s ease;

}

.news-list .box:hover .date{

    background: #C2A362;

    box-shadow: 5px 5px 10px rgba(150,140,112,0);

} 

.news-list .name {

    color: #502B25;

    font-size: 20px;

    line-height: 1.35;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 54px;

    font-weight: bold;

    transition: all 0.3s ease;

    margin-bottom: 10px;

}

.news-list .description {

    color: #666;

    font-size: 14px;

    line-height: 1.5;

    height: 63px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    transition: all 0.3s ease;

}

.news-list .box:hover .name {

    color: #CEAE69;

}

.news-list .box:hover .description {

    color: #0D1319;

}

.sect3 {

    padding-top: 290px;

    margin-top: -267px;

    padding-bottom: 89px;

    position: relative;

}

.sect3:before{

    content: '';

    background: #F9F9F6;

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    width: 100%;

    height: 100%;

    z-index: -1;

}

.sect3:after{

    content: '';

    display: block;

    position: absolute;

    top: 0px;

    right: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: url(../../images/common/index/smoke1.png) #f7f5f2 50% 0% repeat-y;

    background-size: 100%;

    pointer-events: none;

    -webkit-animation-name: runtop,smoke_opacity;

    animation-name: runtop,smoke_opacity;

    -webkit-animation-duration: 45s,4s;

    animation-duration: 45s,4s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

@-webkit-keyframes runtop {

0% {

background-position-y:100%;

}

100% {

background-position-y:0%;

}

}

@keyframes runtop {

0% {

background-position-y:100%;

}

100% {

background-position-y:0%;

}

}

@-webkit-keyframes smoke_opacity {

0% {

opacity:.8;

}

30% {

opacity:.5;

}

70% {

opacity:.2;

}

100% {

opacity:.8;

}

}

@keyframes smoke_opacity {

0% {

opacity:.8;

}

30% {

opacity:.5;

}

70% {

opacity:.2;

}

100% {

opacity:.8;

}

}

.sect3 .container {

    max-width: 1620px;

    background: #fff;

    padding: 0 30px;

    padding-top: 70px;

}

.products-sect .sect-title {

    /* padding-top: 92px; */

    color: #9C8064;

    font-family: 'Times New Roman', Times, Georgia, serif;

    font-size: 28px;

    text-align: center;

    /* margin-bottom: 20px; */

    margin: auto;

}

.products-sect .sect-title span{

    margin-left: -25px;

}

.products-list-box {

    padding: 50px 30px 60px;

}

.products-list {

    margin: 0 auto;

    max-width: 1470px;

}

.products-list .item {

    width: 25%;

    padding: 0 18px;

}

.products-list .box {

    max-width: 320px;

    margin: 0 auto 50px;

    position: relative;

}

.products-sect .sect-title:before{

    content: '';

    position: absolute;

    left: 50%;

    top: 45%;

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

    background: url(../../images/common/index/products_title_line.png) no-repeat top center;

    width: 240px;

    height: 146px;

}

.products-sect .sect-title h2:before{

    content: '';

    position: absolute;

    left: 50%;

    margin-left: -106px;

    top: 61%;

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

    background: url(../../images/common/index/news_title_ic.png) no-repeat;

    width: 50px;

    height: 39px;

}

.products-list .box.new .pic-box:before {

    content: '';

    display: block;

    background: url('../../images/common/products/new_tag.png') no-repeat;

    width: 58px;

    height: 58px;

    position: absolute;

    z-index: 10;

    left: 30px;

    top: -24px;

}

.products-list .btn.wish {

    width: 50%;

    vertical-align: middle;

    color: #0E0E0E;

    font-size: 14px;

    background: #EEEEEE;

    border:solid 1px #d8beb1;

    line-height: 47px;

    margin-left: -1px;

    border-radius: 0;

}

.products-list .btn.wish:before {

    content: "";

    background: url('../../images/common/products/wishic.svg') 0 50% no-repeat;

    width:20px;

    height:20px;

    display:inline-block;

    margin: 0px 7px -4px 0;

}

.products-list .btn.wish:hover:before{

    background: url('../../images/common/products/wishic2.svg') 0 50% no-repeat;

}

.ic30-diamond{

    display: none;

}

.products-list .btn.wish:before{

}

.products-list .btn.wish:hover{

    background: #e4c894;

}

.products-list .pic-box {

    position: relative;

    /* overflow: hidden; */

}

.products-list .pic {

    display: block;

    position: relative;

    overflow: hidden;

}

.products-list .pic:before{

    content: '';

    position: absolute;

    z-index: 1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    background-position: 50% 55%;

}

.products-list .box:hover .pic:before {

    background: url('../../images/common/products/hover.png') 50% 50% no-repeat rgba(0, 0, 0, 0.6);

}

.products-list .txt {

    display: flex;

    flex-wrap: wrap;

}

.products-list .name {

    color: #0C1319;

    font-size: 20px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    height: 35px;

    width: 100%;

    order: 2;

    margin-top: 10px;

}

.products-list .name a {

    display: inline;

}

.products-list .offers {

    color: #5d5d5d;

    font-family: Quicksand;

    width: 50%;

    border: solid 1px #d8beb1;

    box-sizing: border-box;

    line-height: 47px;

    font-size: 20px;

    text-align: center;

}

.products-list .box:hover .offers {

}

.products-sect .btn.more {

    color: #39301c;

    background: url(../../images/common/index/bg3.jpg) center;

    font-size: 15px;

    font-weight: bold;

    font-family: 'Cormorant Garamond', serif;

    border-radius: 0;

    letter-spacing: 0.5px;

    width: 150px;

    height: 51px;

    margin: auto;

    line-height: 51px;

    display: block;

    position: absolute;

    left: 50%;

    margin-left: -75px;

    bottom: -24px;

    transition: all .3s ease;

}

.products-sect .btn.more:before {

    width: calc(100% - 10px);

    height: calc(100% - 10px);

    top: 5px;

    left: 5px;

    content: '';

    width: calc(100% - 12px);

    height: calc(100% - 12px);

    border: 1px solid #62512c;

    position: absolute;

    z-index: 1;

}

.products-sect .btn.more .ic {

    font-size: 0px;

    vertical-align: middle;

    margin: 0 0 2px 8px;

    display: none;

}

.products-sect .btn.more:hover {

    letter-spacing: 3px;

}

.ad-sect {

    padding-bottom: 58px;

}

.ad-sect .sect-title {

    display: block;

    width: 221px;

    margin: 0 auto 50px;

}

.sect5{

    position: relative;

    z-index: 1;

    background: #f8f7f4;

}

.sect5:before{

    content: "";

    display: block;

    width: 340px;

    height: 795px;

    position: absolute;

    bottom: -230px;

    left: 0;

    background: url(../../images/common/sect5_daco.png);

}

.sect5:after{

    content: "";

    display: block;

    width: 446px;

    height: 761px;

    position: absolute;

    top: -47px;

    right: -48px;

    background: url(../../images/common/sect5_daco1.png);

    z-index: -1;

}

.warning-sect,

.social-index{

background: #f8f7f4;
}

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

    .sect1,

    .sect2 {

        margin: 0;

    }

    .sect2{

         margin-bottom:20px;

    }

    .sect3 .container {

        padding: 50px 15px;

    }

}

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

    .sect2:before,

    .sect1 .a-pic-1,

    .sect1 .a-pic-2{

        display: none!important;

    }

    .sect1 .a-pic-3{

        left: 50px!important;

    }

}

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

    .about-slogan.s1 {

        font-size: 60px;

    }

    .about-slogan.s2 {

        font-size: 30px;

        top: -10px;

        right: 50%;

    }

    .about-deco {

        width: 35%;

        left: 2%;

    }

}

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

    .animated .mask1{

        bottom: -34px;

    }

}

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

    .about-slogan.s1 {

        /* right: 50%; */

    }

    .about-sect {

        /* width: 45%; */

    }

    .about-pic {

        /* width: 36%; */

    }

    .news-list {

        margin: 0 -7px;

    }

    .news-list .item {

        padding: 0 7px;

    }

    .products-list .item {

        padding: 0 10px;

    }

    .pic01{

        left: -107px;

    }

}

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

    .about-deco{

        width: 31%;

    }

}

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

    .banner .ibtn.scroll{

        display: none;

    }

    .banner {

        margin-bottom: 0px;

    }

    .banner .slick-prev,

    .banner .slick-next {

        display: none!important;

    }

    .sect3:before,

    .sect3:after{

        display: none;

    }

    .sect4{

        padding-top: 10px; 

    }

    .sect5:before,

    .sect5:after{

        display: none;

    }

    .about-sect {

        width: 100%;

        margin-top: 0;

        padding: 60px 10px 0;

    }

    .about-sect .editor {

        min-height: 60px;

        display: block;

        height: auto;

        margin: auto;

    }

    .about-slogan.s1,

    .about-slogan.s2 {

        display: none;

    }

    .about-pic,

    .about-pic_1,

    .sect1 .a-pic-3{

        display: none!important;

    }

    .about-sect .sect-title,

    .news-sect .sect-title h2,

    .products-sect .sect-title h2 {

        font-size: 25px;

        text-align: center;

    }

    .sect1 {

        flex-direction: column;

        display: flex;

        padding-bottom: 0;

    }

    .about-deco {

        width: 45%;

        position: relative;

        margin: auto;

        display: block;

    }

    .about-sect .btn-box{

        text-align: center;

        padding: 0;

    }

    .animated .mask1{

        bottom: -96px;

    }

    .news-sect .btn.more{

        position: relative;

        right: auto;

        margin: 10px auto;

    }

    .news-list {

        max-width: 800px;

        margin: 0 auto;

        position: relative;

        padding-top: 15px;

    }

    .news-list:before{

        content: '';

        display: block;

        width: 100%;

        background: #eedac6;

        height: 1px;

        position: absolute;

        top: 0;

        left: 0; 

    }

    .news-list .item {

        width: 50%;

         margin-bottom:20px;

    }

    .news-list .item:nth-child(4n+1) {

        clear: none;

    }

    .news-list .item:nth-child(2n+1) {

        clear: left;

    }

    .products-list {

        max-width: 800px;

    }

    .products-list .item {

        width: 50%;

        margin-bottom: 25px;

    }

    .products-list .item:nth-child(2n+1) {

        clear: left;

    }

    .news-sect {

        padding: 50px 0 10px;

    }

     .news-list .date {

        width: 120px;

        line-height: 25px;

        font-size: 16px;

        margin: 0 auto 8px;

    }

    .news-list .name {

        font-size: 16px;

        height: auto;

        margin-bottom: 5px;

        line-height: 1.45;

    }

    .news-list .txt {

        padding: 0 10px 15px;

    }

    .news-list .box {

        margin-bottom: 6px;

    }

    .sect3 {

        padding: 0;

        margin: 0;

    }

    .products-sect .sect-title {

    font-size: 20px;

    margin-bottom: 50px;

    /* padding-top: 45px; */

    }

    .news-sect .sect-title span,

    .products-sect .sect-title span{

        margin-left: 0;

    }

    .products-sect .sect-title h2:before {

        margin-left: -92px;

        top: 89%;

    }

    .sect5 {

       padding: 30px 0 0;

    }

    .products-list-box {

        padding: 10px;

    }

    .products-list .txt {

        padding-top: 0;

        margin-top: 17px;

    }

    .products-list .name {

        height: auto;

        font-size: 16px;

    }

    .products-list .offers {

        font-size: 14px;

    }

    .products-list .box {

        margin-bottom: 10px;

    }

    .products-sect .btn.more{

        position: relative;

        bottom: auto;

    }

    .products-list .btn.wish {

        font-size: 12px;

    }

    .news-sect .sect-title:before,

    .products-sect .sect-title:before{

        display: none;

    }

    .news-sect .sect-title,

    .products-sect .sect-title{

        margin: 0px;

        padding: 10px 0;

    }

    .sect3 .container{

        padding: 0;

    }

    .products-list .box.new .pic-box:before {

        width: 50px;

        height: 50px;

        background-size: contain;

    }

}

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

    .products-list .btn.wish:before{

        display: none;

    }

    .products-list {

        margin: 0 -7px;

    }

    .products-list .item {

        padding: 0 7px;

    }

    .ad-sect {

        padding-bottom: 8%;

    }

    .ad-sect .sect-title {

        width: 30%;

        margin: 0 auto 3%;

    }

    .news-sect {

        padding: 70px 0 10px;

    }

    .news-list .date{

        margin: 0 0 5px;

    }

    .news-list .txt {

        padding: 0 0px 15px;

    }

    .news-list .description {

         margin:0 8px 0px;

    }

    .news-list .name {

    margin:0 8px 5px;

    }

    .news-list .pic {

    display: none;

    }

    .news-list .item {

        width: 100%;

        margin-bottom: 10px;

    }

}

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

    .about-pic {

        width: 30%;

        margin-right: 4%;

    }

    .banner .ibtn.scroll {

        display: none;

    }

    .products-list .btn.wish .ic {

        display: none;

    }

    .products-list .btn.wish {

        margin-left: 0px;

        padding-left: 5px;

    }

}