@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: 101vh;}
.banner-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.banner-title{opacity: 0;transform: translateX(-150px);transition: all 1.5s .5s ease;}
.banner-text{letter-spacing: 1px;font-weight: 300;opacity: 0;transform: translateX(150px);transition: all 1.5s .5s ease;}
.banner .swiper-slide-active .banner-title,.banner .swiper-slide-active .banner-text{opacity: 1;transform: translateX(0);}
.banner-next,.banner-prev{width: 50px;height: 50px;border-radius: 50%;color: #fff;user-select: none;cursor: pointer; border: 1px solid rgba(255, 255, 255, .3);transition: all .4s ease; z-index: 2;position: absolute;right: 40px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}
.banner-prev{left: 40px;right: auto;transform: translateY(-50%) rotate(180deg);}
.banner-next::after,.banner-prev::after{content: "";width: 18px;height: 11px;background: url('../images/index/banner-next.png') no-repeat center/100% auto; display: inline-block;font-size: 16px;}
.banner-prev:hover,.banner-next:hover{border-color: #fff;}
.banner-pagination{position: absolute;left: 50%;bottom: 60px;transform: translateX(-50%);z-index: 2;user-select: none;cursor: pointer;}
.banner-pagination .swiper-pagination-bullet{opacity: 1; border-radius: 0; width: 60px;height: 3px;background: rgba(255, 255, 255, .3);position: relative;margin-left: 10px;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;}
.banner-pagination .swiper-pagination-bullet.active::after{width: 100%;transition: all 3s linear;}
.banner-scroll{position: absolute;right: 10%;bottom: 80px;z-index: 2;writing-mode:tb-rl;letter-spacing: 6px;}
.banner-scroll::after{content: "\e765";font-family: "icon";font-size: 16px;transform: rotate(90deg);color: #fff;position: absolute;top: 40px;left: -4px;}
.indIntro-img{width: 50%;}
.indIntro-img img{width: 100%;height: 100%;}
.indIntro-con{padding: 10% 10% 10% 8%;width: 50%;}
.indIntro-text,.indIntro-num .num,.indIntro-num .text{color: #676a6f;}
.indIntro-num{justify-content: space-between;}
.indIntro-num .num-data{align-items: flex-start;display: flex;flex-wrap: nowrap;}
.indIntro-num .num-data i{font-style:normal;display: inline-block;line-height: .5;}
.indIntro-num li{width: 34%;}
.indIntro-num .num{align-items: flex-end;}
.indIntro-num .num span{display: inline-block;margin-right: 10px;}
.indIntro-more{width: 220px;height: 54px;transition: all .4s ease; border: 1px solid #1f1a17;color: #1f1a17;}
.indIntro-more p{position: relative;z-index: 3;}
.indIntro-more::after{content: "";position:relative;width: 16px;transition: all .4s ease; height: 10px;background: url('../images/index/indIntro-more.png') no-repeat center/100% auto;display: inline-block;margin-left: 10px;z-index: 2;}
.indIntro-more::before{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #735b3f;transition: all .5s ease;}
.indIntro-more:hover{border-color: #735b3f;color: #fff;}
.indIntro-more:hover::after{background-image: url('../images/index/indIntro-moreH.png');}
.indIntro-more:hover::before{width: 100%;}
.indSeries-bg{position: relative;background: #eee;}
.indSeries-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indSeries-bg img{width: 100%;display: none;}
.indSeries-bg img:first-child{display: block;}
.indSeries-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indSeries-item{width: calc(100% / 3);height: 100%;flex-direction: column;border-right: 1px solid rgba(255, 255, 255, .2);position: relative;}
.indSeries-item::after{content: "";position: absolute;right: 0;bottom: 0;width: 1px;height: 0;background: #fff;transition: all .4s ease;}
.indSeries-item .more{padding: 10px 11px;position: relative;}
.indSeries-item .more p{position: relative;z-index: 2;}
.indSeries-item .more::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fff;transition: all .4s ease;}
.indSeries-item.active .more::after{height: 100%;background: #735b3f;}
/* .indSeries-item:hover::after{animation: line 1s ease forwards;} */
@keyframes line {0%{bottom: 0;height: 0;}50%{height: 100%;}100%{bottom: auto;top: 0;height: 100%;}}
.indNews{background: #f0f0ee;}
.indNews-title .title{color: #1f1a17;letter-spacing: 1px;}
.indNews-list{margin-left: -30px;}
.indNews-item{margin-left: 30px;width: calc(25% - 30px);}
.indNews-img img{width: 100%;height: 220px;transition: all .6s ease;}
.indNews-con{background: #fff;transition: all .4s ease;padding: 40px 40px 70px;}
.indNews-con .title{position: relative;color: #1f1a17;transition: all .4s ease;}
.indNews-con .title::after{content: "";position: absolute;left: 0;top: 0;width: 40px;height: 2px;background: #735b3f;}
.indNews-con .date{color: #676a6f;}
.indNews-item:hover .indNews-con{box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);}
.indNews-item:hover .indNews-con .title{color:#735b3f;}
.indNews .indIntro-more{margin: 60px auto 0;}
.indCase-svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 70%;}
.indCase-svg::after{content: "";border-radius: 50%;border: 1px solid rgba(255, 255, 255, .3);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 92.8%;height: 92.8%;}
.indCase svg { fill: rgba(255, 255, 255, .3);width: 100%;transform: rotate(-90deg);}
.indCase .circle {transition: all 5s ease;position: relative;z-index: 2; stroke-dasharray:0,200;stroke-dashoffset: 0; fill: none;stroke: #fff;stroke-width: 0.2px;width: 100%;height: 100%;;}
.indCase .swiper-slide.active svg .circle{animation: svgAnima 2s ease forwards;}
@keyframes svgAnima {0%{stroke-dasharray:0,200;}100%{stroke-dasharray:200,200;stroke-dashoffset: 0;}}
.indCase-bg img{width: 100%;height: 980px;}
.indCase-con{position: absolute;left: 0;top: 0;width: 100%;display: flex; height: 100%;flex-direction: column;z-index: 2; align-items: center;justify-content: center;text-align: center;}
.indCase-con .indIntro-more{border-color: #fff;color: #fff;}
.indCase-con .indIntro-more::after{background-image: url('../images/index/indIntro-moreH.png');}
.indCase-con .indIntro-more:hover{border-color: #735b3f;}
.indCase-title-en{font-size: 130px;line-height: 1;z-index: 3; position: absolute;left: 50%;top: 8%;width: 100%;text-align: center;text-transform: uppercase; transform: translateX(-50%); font-family: "Montserrat";font-weight: 700;letter-spacing: 3px;color: transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, .5)}
.indCase-next,.indCase-prev{z-index: 10; transition: all .4s ease;opacity: .5; cursor: pointer;user-select: none; position: absolute;right: -110px;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;}
.indCase-next::after,.indCase-prev::after{content: "";width: 20px;height: 11px;display: inline-block;background: url('../images/index/banner-next.png') no-repeat center/100% auto;}
.indCase-prev{right: auto;left: -110px;transform: translateY(-50%) rotate(180deg);}
.indCase-next:hover,.indCase-prev:hover{opacity: 1;}
.indCase-pagination{font-size: 60px;line-height: 1; position: absolute;top: 10%;font-weight: 300; right: 0;transform: translateX(50%);color: #fff;z-index: 10;bottom: auto !important;left: auto !important;width: auto !important;}
.indCase-pagination .swiper-pagination-current{font-size: 60px;font-weight: 700;font-family: "Montserrat";margin-right:-10px;}
.indCase-pagination .swiper-pagination-total{font-size: 30px;margin-left: -10px;}
.indCase-swp .swiper-container{overflow: visible;}
.indCase-swp .swiper-slide::after{content: "";transition: all .4s linear; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.indCase-swp .swiper-slide-active::after{opacity: 0;}
.indShop{background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: left  center;}
.indShop-con{background: rgba(0, 0, 0,.3);}
.indShop-con .contain{display: flex;flex-direction: column;align-items: center;}
.indShop-title,.indShop-text{letter-spacing: 1px;}
.indShop-con .indIntro-more{border-color: #fff;color: #fff;}
.indShop-con .indIntro-more::after{background-image: url('../images/index/indIntro-moreH.png');}
.indShop-con .indIntro-more:hover{border-color: #735b3f;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indCase-title-en{font-size: 110px;}
    .indNews-con{padding: 25px 25px 50px;}
    .indNews-con .title{height: 70px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indIntro-con {padding: 5%;}
    .indIntro-more{width: 170px;height: 50px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
    .indCase-bg img{height: 750px;}
    .indCase-title-en{font-size: 90px;}
    .indCase-next{right: -60px;}
    .indCase-prev{left: -60px;}
    .indNews-list{margin-left: -20px;}
    .indNews-item{margin-left: 20px;width: calc(25% - 20px);}
    .indNews-img img{height: 160px;}
    .indNews-con {padding: 15px 15px 30px;}
    .indNews-con .title{height: 60px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-bg img{height: calc(100vh - 60px);}
    .indCase-bg img{height: 600px;}
    .indCase-title-en{font-size: 80px;}
    .indCase-pagination{font-size: 50px;right: 10px;}
    .indCase-pagination .swiper-pagination-current{font-size: 50px;}
    .indCase-next{right: 10px;}
    .indCase-prev{left: 10px;}
    .indCase-next, .indCase-prev{opacity: 1;}
    .indNews-list{margin-left: -15px;}
    .indNews-item{margin-left: 15px;width: calc(25% - 15px);}
    .indNews-img img{height: 120px;}
    .indNews-con{padding-bottom: 20px;}
    .indNews-con .title{padding-top: 5px;}
    .indNews-con .title::after{width: 25px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-next, .banner-prev{display: none;}
    .banner-pagination .swiper-pagination-bullet{width: 30px;height: 2px;margin-left: 7px;}
    .banner-pagination{bottom: 30px;}
    .banner-bg img{height: calc(100vh - 60px);}
    .indIntro-img{width: 100%;}
    .indIntro-con{width: 100%;padding: 30px 15px;}
    .indIntro-more{width: 140px;height: 44px;}
    .indIntro-more::after{width: 14px;height: 9px;margin-left: 8px;}
    .indSeries-item{width: 100%;height: auto;height: 200px;border-bottom: 1px solid rgba(255, 255, 255, .2);border-right: unset;}
    .indSeries-con{z-index: 2; position: relative;left: auto;top: auto;}
    .indSeries-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indSeries-bg img{width: 100%;height: 100%;}
    .indSeries-item .more{padding: 5px 6px;}
    .indCase-title-en{font-size: 35px;top: 10px;}
    .indCase-bg img{height: 300px;}
    .indCase .contain-1200{width: 80%;}
    .indCase-svg{top: 55%;width: 80%;}
    .indCase-con .indIntro-more{width: 130px;height: 42px;}
    .indCase-pagination{font-size: 40px;}
    .indCase-pagination .swiper-pagination-current{margin-right: -5px;font-size: 40px;}
    .indCase-pagination .swiper-pagination-total{font-size: 20px;margin-left: -5px;}
    .indCase-prev{width: 30px;height: 30px;left: -25px;}
    .indCase-next{width: 30px;height: 30px;right: -25px;}
    .indNews-list{margin-left: 0;}
    .indNews-item{margin: 15px 0 0;width: 100%;}
    .indNews-item:first-child{margin-top: 0;}
    .indNews-img img{height: 180px;}
    .indNews-con .title{height: auto;}
    .indNews-con{padding: 20px 15px;}
    .indCase-next::after, .indCase-prev::after{width: 12px;height: 8px;}
}