@charset "utf-8";

body{background-color: #FFFFFF;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
a,a:hover{text-decoration: none;}




.anchor{position:relative;top:-100px;display:block;}



/*banner*/
/* .index-banner .swiper-button-prev,.index-banner .swiper-button-next{display: none;opacity: 0;} */

.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:36px;height:36px;margin-top:-18px;transition: all 0.3s;-webkit-transition: all 0.3s;opacity:0;z-index:9;border-radius:50%;background:none;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);font-size:12px;color:#fff;display:flex;align-items:center;justify-content:center;}
.index-banner .swiper-button-prev:hover,.index-banner .swiper-button-next:hover{background:#e7c99a;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity:1;}

.index-banner .swiper-container .swiper-pagination{bottom:40px;}
.index-banner .swiper-container .swiper-pagination-bullet{opacity:0.2;width:8px;margin:0 4px!important;background:#e7c99a;height:4px;transition: all .3s;position:relative;border-radius:4px;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;width:32px;}

@media(max-width:1080px){
    .index-banner .swiper-container .swiper-pagination{bottom:10px;}
}

.home-title{width:100%;margin-top:80px;margin-bottom:56px;display: flex;align-items: center;justify-content:space-between;}
.home-title h2{display: flex;align-items: center;font-size:38px;color:#131108;line-height:40px;font-weight:bold;}
.home-title h2 .title-icon{display: block;width:24px;margin-right:16px;}
.home-title .more,.home-title .more a{display: flex;align-items: center;}
.home-title .more a{font-size:16px;color:#131108;line-height:24px;transition: all .3s;display:flex;align-items: center;}
.home-title .more a .arrow{display: block;width:8px;margin-left:8px;}
.home-title .more a .icon-arrow{margin-left:8px;font-size:14px;margin-top:2px;}
.home-title .more a:hover{color:#e7c99a;}

@media(max-width:1440px){
    .home-title{margin-top:64px;margin-bottom:40px;}
    .home-title h2{font-size:32px;line-height:32px;}
    .home-title h2 .title-icon{margin-right:12px;}
    .home-title .more a{font-size:16px;line-height:24px;}
}
@media(max-width:1280px){
    .home-title{margin-top:56px;margin-bottom:32px;}
    .home-title h2{font-size:28px;}
}

@media(max-width:1080px){
    .home-title{margin-top:48px;margin-bottom:28px;}
    .home-title h2{font-size:24px;line-height:28px;}
    .home-title h2 .title-icon{margin-right:8px;width:16px;}
    .home-title .more a{font-size:14px;line-height:20px;}
    .home-title .more a .arrow{width:6px;margin-left:4px;}
    .home-title .more a .icon-arrow{margin-left:4px;font-size:12px;}
}

@media(max-width:769px){
    .home-title{margin-top:32px;margin-bottom:16px;}
    .home-title h2{font-size:18px;line-height:24px;}
    .home-title h2 .title-icon{margin-right:6px;width:12px;}
}

.home-pro{width:100%;margin-bottom:40px;position:relative;}
.home-pro .swiper-slide a{display:block;width:100%;}
.home-pro .pro-item{width:100%;padding:36px 40px 40px;border-radius:24px;overflow:hidden;background-color:#F4F5F7;}
.home-pro .pro-item .item-title{width:100%;text-align:left;}
.home-pro .pro-item .item-title h3{width:100%;font-size:24px;color:#131108;line-height:32px;height:32px;font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.home-pro .pro-item .item-title p{width:100%;margin-top:8px;font-size:16px;color:#52504a;line-height:28px;height:56px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.home-pro .pro-item .img{width:100%;margin-top:16px;position:relative;overflow:hidden;}
.home-pro .pro-item .img .img-cont{width:100%;height:0;padding-bottom:72.1649%;overflow:hidden;position: relative;}
.home-pro .pro-item .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-pro .pro-item .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 0.6s;-webkit-transition: all 0.6s;}
.home-pro .pro-item:hover .img img{-webkit-transform:scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}

.home-pro .pro-item .item-bottom{width:100%;margin-top:16px;display: flex;justify-content:space-between;min-height:40px;}
.home-pro .pro-item .item-bottom .price{font-size:16px;line-height:24px;color:#131108;font-family:"Arial";text-align:left;}
.home-pro .pro-item .item-bottom .price-num{color: #878787;}
.home-pro .pro-item .item-bottom .price s{margin-left:16px;color:#6c5c3f;}
.home-pro .pro-item .item-bottom .btn{display:block;padding:0;margin:0;border: 1px solid #878787;
;width:124px;height:50px;font-size:16px;color:#878787;background-color:#F4F5F7;border-radius:40px;text-align:center;line-height:48px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-pro .pro-item .item-bottom .btn:hover{color:#fff;background-color:#CAAE82; border: 1px solid #CAAE82;}


.home-pro .swiper-button-next,.home-pro .swiper-button-prev{width:36px;height:36px;margin-top:-18px;transition: all 0.3s;-webkit-transition: all 0.3s;border: 1px solid #878787; opacity: 1;left:50%;margin-left:-776px;z-index:9;border-radius:50%;background:none;color:#878787;font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center;}

.home-pro .swiper-button-next{margin-left:740px;}

.home-pro .swiper-button-prev:hover,.home-pro .swiper-button-next:hover{border:none;background:#e7c99a;color:#fff;}
.home-pro .swiper-button-next.swiper-button-disabled,.home-pro .swiper-button-prev.swiper-button-disabled{opacity:0.3;}


@media(max-width:1600px){
    .home-pro .swiper-button-next,.home-pro .swiper-button-prev{left:20px;margin-left:0;}
    .home-pro .swiper-button-next{margin-left:0;left:auto;right:20px;}
}

@media(max-width:1440px){
    .home-pro{margin-bottom:32px;}
    .home-pro .pro-item{padding:24px 32px 32px;}
    .home-pro .pro-item .img{margin-top:20px;}

    .home-pro .pro-item .item-bottom{margin-top:12px;}
}

@media(max-width:1280px){
    .home-pro{margin-bottom:24px;}
    .home-pro .pro-item{padding:20px 28px 28px;}
    .home-pro .pro-item .item-title h3{font-size:20px;line-height:28px;height:28px;}
    .home-pro .pro-item .item-title p{margin-top:6px;font-size:14px;line-height:24px;height:48px;}
    .home-pro .pro-item .img{margin-top:16px;}

    .home-pro .pro-item .item-bottom{margin-top:10px;min-height:32px;}
    .home-pro .pro-item .item-bottom .price{font-size:14px;line-height:20px;}
    .home-pro .pro-item .item-bottom .price s{margin-left:10px;}
    .home-pro .pro-item .item-bottom .btn{width:96px;height:32px;font-size:14px;line-height:32px;}
}

@media(max-width:1080px){
    .home-pro{margin-bottom:20px;}
    .home-pro .pro-item{padding:16px 24px 24px;border-radius:12px;}
    .home-pro .pro-item .item-title h3{font-size:18px;line-height:24px;height:24px;}
    .home-pro .pro-item .item-title p{margin-top:4px;}
    .home-pro .pro-item .img{margin-top:12px;}

    .home-pro .pro-item .item-bottom{margin-top:8px;min-height:30px;}
    .home-pro .pro-item .item-bottom .btn{width:88px;height:30px;line-height:30px;}

    .home-pro .swiper-button-next,.home-pro .swiper-button-prev{left:0px;margin-left:0;}
    .home-pro .swiper-button-next{margin-left:0;left:auto;right:0px;}
}

@media(max-width:769px){
    .home-pro{margin-bottom:16px;}
    .home-pro .pro-item{padding:12px 16px 16px;}
    .home-pro .pro-item .item-title h3{font-size:16px;}
    .home-pro .pro-item .item-bottom{min-height:28px;}
    .home-pro .pro-item .item-bottom .btn{width:80px;height:28px;line-height:28px;}
}










.home-pro-list{width:100%;margin-bottom:40px;position:relative;}
.home-pro-list .img-list{width:100%;display: flex;flex-wrap:wrap;}
.home-pro-list .img-list .img-cont{display:block;width:100%;height:0;padding-bottom:162.068%;border-radius:24px;overflow:hidden;position: relative;}
.home-pro-list .img-list .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-pro-list .img-list .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 0.6s;-webkit-transition: all 0.6s;}
.home-pro-list .img-list .img-cont:hover img{-webkit-transform:scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}


.home-pro-list .img-list .left-img{width:24.166%;}
.home-pro-list .img-list .right-img{width:24.166%;}
.home-pro-list .img-list .img-center-box{width:calc(51.668% - 32px);margin-right:16px;margin-left:16px;}

.home-pro-list .img-list .top-img{width:100%;}
.home-pro-list .img-list .top-img .img-cont{padding-bottom:45.505%;}
.home-pro-list .img-list .bottom-img-box{width:100%;margin-top:16px;display: flex;justify-content:space-between;}
.home-pro-list .img-list .bottom-img{width:calc(50% - 8px);}
.home-pro-list .img-list .bottom-img .img-cont{padding-bottom:64.367%;}

.home-pro-list .swiper-button-next,.home-pro-list .swiper-button-prev{width:36px;height:36px;margin-top:-18px;transition: all 0.3s;-webkit-transition: all 0.3s; border: 1px solid #878787;opacity: 1;left:50%;margin-left:-776px;z-index:9;border-radius:50%;background:none;color:#878787;font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center;}

.home-pro-list .swiper-button-next{margin-left:740px;}

.home-pro-list .swiper-button-prev:hover,.home-pro-list .swiper-button-next:hover{border:none;background:#e7c99a;color:#fff;}
.home-pro-list .swiper-button-next.swiper-button-disabled,.home-pro-list .swiper-button-prev.swiper-button-disabled{opacity:0.3;}


@media(max-width:1600px){
    .home-pro-list .swiper-button-next,.home-pro .swiper-button-prev{left:20px;margin-left:0;}
    .home-pro-list .swiper-button-next{margin-left:0;left:auto;right:20px;}
}

@media(max-width:1440px){
    .home-pro-list{margin-bottom:32px;}
}

@media(max-width:1280px){
    .home-pro-list{margin-bottom:24px;}
}

@media(max-width:1080px){
    .home-pro-list{margin-bottom:20px;}
    .home-pro-list .img-list .img-cont{border-radius:12px;}
    .home-pro-list .img-list .img-center-box{width:calc(51.668% - 16px);margin-right:8px;margin-left:8px;}
    .home-pro-list .img-list .bottom-img-box{margin-top:8px;}
    .home-pro-list .img-list .bottom-img{width:calc(50% - 4px);}

    .home-pro-list .swiper-button-next,.home-pro .swiper-button-prev{left:0px;margin-left:0;}
    .home-pro-list .swiper-button-next{margin-left:0;left:auto;right:0px;}
}

@media(max-width:769px){
    .home-pro-list{margin-bottom:16px;}
    .home-pro-list .swiper-button-prev {
        margin-left: -179px !important;
    }
}




.home-news{width:100%;display: flex;justify-content:space-between;margin-bottom:120px;}
.home-news-left{width:32.569%;background-color:#F4F5F7;border-radius:24px;overflow: hidden;}
.home-news-left a{display:block;width:100%;}
.home-news-left a .img{width:100%;position:relative;overflow:hidden;}
.home-news-left a .img .img-cont{width:100%;height:0;padding-bottom:70.36%;overflow:hidden;position: relative;}
.home-news-left a .img .img-cont .img-flex{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;}
.home-news-left a .img .img-cont img{display:block;width:100%;height: 100%;object-fit: cover;transition: all 0.6s;-webkit-transition: all 0.6s;}
.home-news-left a:hover .img img{-webkit-transform:scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}

.home-news-left a .news-bottom{width:100%;padding:56px 40px;display:flex;align-items: center;justify-content:space-between;}
.home-news-left a .txt{width:calc(98% - 36px);max-width:300px;}
.home-news-left a .txt .date{font-size:16px;color:#878787;line-height:20px;font-family:"Arial";}
.home-news-left a .txt h3{width:100%;font-size:24px;color:#131108;line-height:36px;margin-top:12px;height:72px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;font-weight:bold; -webkit-line-clamp:2;}
.home-news-left a .more-icon{width:36px;height:36px;display: flex;align-items: center;justify-content:center;border-radius:50%;border:#878787 1px solid;font-size:12px;color:#878787;}
.home-news-left a .more-icon:hover{border-color:#CAAE82;background:#CAAE82;color:#fff;}

.home-news-right{width:calc(67.431% - 16px);}
.home-news-right li{width:100%;margin-top:16px;}
.home-news-right li:first-child{margin-top:0;}
.home-news-right li a{width:100%;background-color:#F4F5F7;border-radius:24px;overflow: hidden;display: flex;align-items: center;justify-content:center;min-height:170px;}
.home-news-right li a .date{width:170px;display: flex;align-items: center;justify-content:center;flex-direction:column;position:relative;color:#878787;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-news-right li a .date span{font-size:40px;font-family:"Arial";line-height:48px;font-weight:bold;}
.home-news-right li a .date .year{font-size:16px;font-family:"Arial";line-height:20px;margin-top:8px;}
.home-news-right li a .date .line{position:absolute;right:0;top:0;width:1px;height:100%;background-color:#DDE2E6;}

.home-news-right li a .txt{width:calc(100% - 170px);padding:32px 40px;}
.home-news-right li a .txt h3{width:100%;font-size:24px;color:#131108;line-height:32px;padding-bottom:16px;height:44px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;font-weight:bold;}
.home-news-right li a .txt p{width:100%;font-size:16px;color:#878787;line-height:28px;max-height:56px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.home-news-right li a:hover{background-color:#CAAE82;}
.home-news-right li a:hover .date{color:#FFFFFF;}
.home-news-right li a:hover .txt p{color:rgba(255, 255, 255, 0.75);}
.home-news-right li a:hover .txt h3{color:#FFFFFF;}

@media(max-width:1440px){
    .home-news{margin-bottom:100px;}
    .home-news-left a .news-bottom{padding:48px 36px;}
    .home-news-left a .txt .date{font-size:14px;}
    .home-news-left a .txt h3{font-size:20px;line-height:32px;margin-top:12px;height:64px;}

    .home-news-right li a{min-height:148px;}
    .home-news-right li a .date{width:140px;}
    .home-news-right li a .date span{font-size:36px;line-height:40px;}
    .home-news-right li a .date .year{margin-top:8px;}
    .home-news-right li a .date .line{top:20px;height:calc(100% - 40px);}

    .home-news-right li a .txt{width:calc(100% - 140px);padding:28px 32px;}
    .home-news-right li a .txt h3{font-size:20px;line-height:32px;padding-bottom:12px;height:44px;}
}

@media(max-width:1280px){
    .home-news{margin-bottom:80px;}
    .home-news-left a .news-bottom{padding:40px 32px;}
    .home-news-left a .txt h3{font-size:18px;line-height:28px;margin-top:8px;height:56px;}
    .home-news-left a .more-icon{width:32px;height:32px;}

    .home-news-right li a{min-height:128px;}
    .home-news-right li a .date{width:100px;}
    .home-news-right li a .date span{font-size:32px;line-height:32px;}
    .home-news-right li a .date .year{margin-top:4px;}
    .home-news-right li a .date .line{top:16px;height:calc(100% - 32px);}

    .home-news-right li a .txt{width:calc(100% - 100px);padding:20px 24px;}
    .home-news-right li a .txt h3{font-size:18px;line-height:28px;padding-bottom:12px;height:40px;}
    .home-news-right li a .txt p{font-size:14px;line-height:24px;max-height:48px;}
}

@media(max-width:1080px){
    .home-news{margin-bottom:64px;}
    .home-news-left{border-radius:12px;}
    .home-news-left a .news-bottom{padding:20px 24px;}
    .home-news-left a .txt h3{font-size:16px;line-height:24px;margin-top:4px;height:48px;}

    .home-news-right{width:calc(67.431% - 8px);}
    .home-news-right li{margin-top:8px;}
    .home-news-right li a{min-height:96px;border-radius:12px;}
    .home-news-right li a .date{width:80px;}
    .home-news-right li a .date span{font-size:28px;line-height:28px;}
    .home-news-right li a .date .year{margin-top:4px;}
    .home-news-right li a .date .line{top:12px;height:calc(100% - 24px);}

    .home-news-right li a .txt{width:calc(100% - 80px);padding:12px 16px;}
    .home-news-right li a .txt h3{font-size:16px;line-height:24px;padding-bottom:12px;height:36px;}
}

@media(max-width:769px){
    .home-news{display: block;}
    .home-news-left{width:100%;margin-bottom:8px;}
    .home-news-right{width:100%;}
}







