@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu a{width: 38px;height: 38px;border: 1px solid #e1e1e1;margin: 4px;font-size: 14px;color: #555;transition: all .4s ease;border-radius: 3px;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.paging-menu a:first-child, .paging-menu a:last-child{width: 68px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #ffec87;background-color: #ffec87;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #ffec87;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #ffec87;color: #fff;border-color: #ffec87;}
.paging-hint span{color: #ffec87;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #ffec87;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #ffec87;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightrow span{color: #ffec87 !important;}
.search-link:hover h2{color: #ffec87;}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #ffec87;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #ffec87;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu {font-size: 18px;}
    .webmap-list>ul>li>.drop a {font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 720px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}
/* 内页公共 */
.pagesban-img img{width: 100%;height: 670px;}
.pagesban-con{align-items: center; position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesban-con .title{opacity: 0;animation: bantext 1s ease forwards;}
.pagesban-con .title-en{opacity: 0;animation: bantext 1s .15s ease forwards;}
.pagesbread{position: absolute;left: 0;bottom: 40px;width: 100%;z-index: 2;opacity: 0; animation: bantext 1s .25s ease forwards;}
.pagesbread-item{color: rgba(255, 255, 255, .25);margin-right: 35px;}
.pagesbread-item::after{content: "\e80b";font-size: 12px;transform: rotate(180deg) scale(.8); font-family: "icon";position: absolute;right: -22px;top: calc(50% - 8px);color: rgba(255, 255, 255, .25);}
.pagesbread-item:last-child{color: #fff;margin-right: 0;}
.pagesbread-item:last-child::after{display: none;}
.pagesbread-item:hover{color: #fff;}
.details .pagesbread{position: relative;opacity: 1;animation: unset;left: auto;bottom: auto;}
.details .pagesbread-item,.details .pagesbread-item::after{color: #9d9b97;}
.details .pagesbread-item:hover,.details .pagesbread-item:last-child{color: #222;}
.newsdet-header .pagesbread{margin-top: 60px;}
@keyframes bantext {0%{opacity: 0;transform: translatey(120px);}100%{opacity: 1;transform: translatey(0);}}
.pagescta{background: #e5e0d9;}
.pagescta .combtn{width: 204px;}
/* 资讯列表 */
.news::after{content: "";position: absolute;left: 0;top: 483px;width: 100%;height: 650px;background: #e5e0d9;}
.news .contain{position: relative;z-index: 2;}
.newsshow-header{justify-content: space-between;align-items: flex-end;}
.newsshow-btn .btn{width: 48px;height: 48px;font-weight: 700; border-radius: 50%;background: #e5e0d9;font-size: 18px;user-select: none;cursor: pointer;}
.newsshow-btn .btn.next{transform: rotate(180deg);margin-left: 25px;}
.newsshow-btn .btn:hover{background: #ffec87;}
.newsshow-img img{width: 100%;height: 550px;}
.newsshow-con{height: 50%;background: #fff;width: 41%;position: absolute;right: 0;bottom: 0;padding: 45px;transition: all .4s ease;}
.news-date{align-items: center;}
.news-date i{display: block;margin-right: 8px;}
.newsshow-slide:hover .newsshow-img img{transform: scale(1.08);}
.newsshow-slide:hover .newsshow-con{background: rgba(255, 255, 255, .6);}
.swiper-pagination-progressbar{position: relative !important;height: 1px;background: #d1cdc6 !important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #a39f97 !important;top: auto !important;bottom: 0;height: 200% !important;}
.newslist{justify-content: space-between;border-bottom: 1px solid #d1cdc6;}
.newsitem{width: calc(50% - 20px);}
.newsitem-img img{width: 100%;height: 370px;}
.newsitem:hover .newsitem-img img{transform: scale(1.08);}
.newsitem:hover .newsitem-con .title{color: #000;}
/* 视频列表 */
.videoshow-con{width: 41%; position: absolute;right: 0;bottom: 0;background: #fff;padding: 45px;}
.videoshow-con .btn{align-items: center;user-select: none;cursor: pointer;}
.videoshow-con .btn i{width: 48px;height: 48px;border-radius: 50%;background: #222;font-size: 12px;margin-right: 12px;transition: all .4s ease;}
.videoshow-con .btn span{transition: all .4s ease;}
.videoshow-con .btn:hover span{color: #ffec87;}
.videoshow-con .btn:hover i{background: #ffec87;color: #222;}
.videoshow-con .btn:active i{transform: scale(.95) translatey(4px);}
.video-view .newsitem-con .title{color: #222 !important;}
.video-view .newsitem-img img{height: 300px;}
.newsitem-img{position: relative;}
.newsitem-img .btn,.newsshow-slide .btn{position: absolute;left: calc(50% - 30px);top: calc(50% - 30px);width: 60px;height: 60px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .5);background: rgba(255, 255, 255, .12);user-select: none;cursor: pointer;}
.newsshow-slide .btn{width: 80px;height: 80px;font-size: 18px;left: calc(50% - 40px);top: calc(50% - 40px);}
.newsitem-img .btn:hover,.newsshow-slide .btn:hover{background: rgba(255, 255, 255, .5);}
.newsitem-img .btn:active,.newsshow-slide .btn:active{transform: scale(.95) translatey(4px);}
/* 新闻详情 */
.newsdet-header{border-bottom: 1px solid #d1cdc6;}
.newsdet-edit{border-bottom: 1px solid #d1cdc6;}
.newsdet-edit video{display: inline-block;}
.newsdet-next{justify-content: space-between;align-items: center;}
.newsdet-next .next{width: 250px;}
.newsdet-next .next:hover{color: #ffec87;}
.newsdet-next .combtn-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.newsdet-next .combtn i{font-size: 14px;overflow: visible;}
.newsdet-next .combtn i::after{display: none;}
.newsdet-next .combtn:hover i::before{transform: rotate(180deg);color: #222;}
/* 联系方式 */
.contact{background:  no-repeat center/cover;}
.ctaintro-flex{background: #e5e0d9;}
.ctaintro-map{width: 50%;height: 450px;}
.ctaintro-list{width: 50%;padding:10px 60px 0;}
.ctaintro-icon{width: 30px;margin-right: 15px;}
.ctaintro-text{flex: 1;}
.ctaintro-text .title{line-height: 1.14;}
.ctaintro-text .text a:hover{text-decoration: underline;}

.amap-logo{display: none !important;}
.ctaform-table{justify-content: space-between;}
.ctaform-table input{background: transparent; margin-top: 30px; width: calc(50% - 15px);height: 46px;border-bottom: 1px solid #222;color: #222;font-size: 16px;padding-left: 15px;}
.ctaform-table input::-webkit-input-placeholder{font-size: 16px;color: #666;}
.ctaform-table textarea{width: 100%;background: transparent; margin-top: 30px;padding: 15px 0 0 15px;height: 120px; border-bottom: 1px solid #222;color: #222;font-size: 16px;}
.ctaform-table textarea::-webkit-input-placeholder{font-size: 16px;color: #666;}
.ctaform-btm{width: 100%;justify-content: space-between;align-items: flex-end;padding-left: 15px;}
.ctaform-radio .list li{align-items: center;margin-right: 25px;user-select: none;cursor: pointer;}
.ctaform-radio .list li:last-child{margin-right: 0;}
.ctaform-radio .list i{margin-left: 7px;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #7b7b7b;background: #fff;display: flex;align-items: center;justify-content: center;}
.ctaform-radio .list i::after{content: "";display: block;width: 60%;height: 60%;border-radius: 50%;background: #222;opacity: 0;}
.ctaform-radio .list li.active i{border-color: #222;}
.ctaform-radio .list li.active i::after{opacity: 1;}
.ctaform-btn{width: 104px;height: 48px;border-radius: 40px;background: #222;user-select: none;cursor: pointer;}
.ctaform-btn:hover{background: #ffec87;}
/* 线下体验店 */
.shopsearch{justify-content: space-between;}
.shopsearch::after{width: 31%;}
.shopselect,.shopform{width: 31%;}
.shopselect{user-select: none;cursor: pointer;}
.shopmenu{transition: all .4s ease; align-items: center;padding-left: 18px;height: 46px;border-bottom: 1px solid #222;}
.shopmenu::after{content: "\ea82";font-family: "icon";display: block;position: absolute;right: 10px;font-size: 12px;top: calc(50% - 6px);transform:scale(.6) rotate(90deg);transition: all .4s ease;}
.shopmenu.active::after{transform:scale(.6) rotate(270deg);}
.shopdrop{display: none; position: absolute;z-index: 10;background: #e4ddd4; left: 0;top: 100%;width: 100%;max-height: 230px;overflow-y: auto;}
.shopdrop::-webkit-scrollbar {width: 3px;}
.shopdrop::-webkit-scrollbar-thumb {background: #ffec87;}
.shopdrop::-webkit-scrollbar-track {background: #e3dfd9;}
.shopdrop li{display: flex;align-items: center;padding-left: 18px;height: 46px;transition: all .4s ease;border-top: 1px solid #666;}
.shopdrop li:first-child{border-color: transparent;}
.shopdrop li:hover{background: #d3c6b5;}
.shopform input{transition: all .4s ease; width: 100%;background: transparent;font-size: 16px;color: #222;height: 46px;padding-left: 18px;border-bottom: 1px solid #222;}
.shopform .btn{width: 50px;height: 100%;position: absolute;right: 0;top: 0;user-select: none;cursor: pointer;transition: all .4s ease;}
.shopform .btn:hover{color: #ffec87;}
.shopshow{width: 67.5%;}
.shopshow-item{display: none;}
.shopshow-item:first-child{display: block;}
.shopshow-bg{position: relative;}
.shopshow-bg img{width: 100%;}
.shoplist,.shopshow-bg img{height: 530px;}
.shopshow-bg::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.6) 100%);}
.shopshow-con{position: absolute;left: 0;bottom: 35px;padding: 0 55px;z-index: 2;width: 100%;}
.shopshow-con .list li{display: flex;flex-wrap: wrap;margin-top: 10px;}
.shopshow-con .list i{margin-right: 5px;}
.shopshow-con .list p{flex: 1;}
.shopshow-link{position: absolute;right: 50px;transition: all .4s ease; bottom: 0;width: 50px;height: 50px;border-radius: 50%;background: rgba(255, 255, 255, .3);user-select: none;cursor: pointer;}
.shopshow-link img{width: 16px;}
.shopshow-link:hover{background: #ffec87;}
.shoplist{width: 32.5%;background: #fff;overflow-y: auto;}
.shopitem{user-select: none;cursor: pointer; color: #222; height: calc(100% / 6);align-items: center;padding: 0 10px 0 35px;border-top: 1px solid #eeedea;transition: all .4s ease;}
.shopitem:hover{color: #ffec87;}
.shopitem.active,.shoplist li.active:hover{color: #fff;background: #222;}
.shoplist::-webkit-scrollbar {width: 3px;height: 3px;}
.shoplist::-webkit-scrollbar-thumb {background: #ffec87;}
.shoplist::-webkit-scrollbar-track {background: #e3dfd9;}
/* 案例列表-橱柜 */
.pagesnav{background: #e5e0d9;padding: 0 150px;justify-content: space-between;}
.pagesnav-item{display: flex;align-items: center;height: 64px;color: #9d9b97;}
.pagesnav-item span{position: relative;padding-bottom: 4px;}
.pagesnav-item span::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #222;transition: all .4s ease;}
.pagesnav-item:hover,.pagesnav-item.active{color: #222;}
.pagesnav-item.active span::after{width: 100%;}
.caselist{justify-content: space-between;border-bottom: 1px solid #d4d1cd;}
.caselist li{width: 46%;}
.caselist li:nth-child(2n){margin-top: 60px;}
.caseitem-img img{width: 100%;height: 400px;}
.caseitem:hover .caseitem-img img{transform: scale(1.08);}
.caseitem:hover .caseitem-con .commore{background: #ffec87;}
.caseitem:hover .caseitem-con .commore i{transform: translatex(100%);}
.project .caseitem-img img{height: 660px;}
/* 案例详情 */
.casedet-intro::after{content:"";position: absolute;right: 0;top: 0;transform: translatex(50%);width: 30vw;height: 30vw;border-radius: 50%;border: 1px solid #e2dfdb;}
.casedet-intro-img{margin-right: 70px; position: relative;z-index: 2;flex-direction: column;align-items: center;text-align: center;}
.casedet-intro-img .img{width: 160px;height: 160px;border-radius: 50%;}
.casedet-intro-img .img img{width: 100%;height: 100%;}
.casedet-intro-text{flex: 1;position: relative;z-index: 2;}
.casedet-show .swiper-container{overflow: visible;}
.casedet-show-slide .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(237, 233, 228, .75);transition: all .6s ease;}
.casedet-show-slide .img img{width: 100%;height: 500px;}
.casedet-show-slide .btn{position: absolute;right: 17px;bottom: 20px;transition: all .5s ease;transform: scale(0);}
.swiper-slide-active .casedet-show-slide .img::after,.casedet-show-slide:hover .img::after{opacity: 0;}
.swiper-slide-active .casedet-show-slide .btn,.casedet-show-slide:hover .btn{transform: scale(1);transition-delay: .3s;}
.casedet-use-list{margin-left: -24px;}
.casedet-use-item{margin: 24px 0 0 24px;width: calc(50% - 24px);background: #e5e0d9;}
.casedet-use-img{width: 50%;}
.casedet-use-img img{width: 100%;height: 220px;transition: all .6s ease;}
.casedet-use-con{padding: 45px 30px;width: 50%;}
.casedet-use-con .title{align-items: center;}
.casedet-use-con .title i{display: block;margin-left: 10px;font-size: 12px;transform: rotate(180deg);transition: all .4s ease;}
.casedet-use-item:hover .casedet-use-img img{transform: scale(1.08);}
.casedet-use-item:hover .casedet-use-con .title i{margin-left: 20px;}
.casedet-hot-slide .img img{width: 100%;height: 270px;}
.casedet-hot-slide .title{align-items: center;}
.casedet-hot-slide .title i{display: block;margin-left: 10px;font-size: 20px;transition: all .4s ease;transform: rotate(180deg);}
.casedet-hot-slide:hover .img img{transform: scale(1.08);}
.casedet-hot-slide:hover .title i{margin-left: 20px;}
/* 产品系列 */
.product-body .pagescta{background: transparent;border-top: 1px solid #d1cdc6;}
.product .pagesnav{padding: 0 60px;}
.prointro{align-items: center;justify-content: space-between;}
.prointro-img{width: 50%;}
.prointro-img img{width: 100%;height: 610px;}
.prointro-con{width: 42%;}
.prointro-con .pagestitle{border-bottom: 1px solid #d1cdc6;}
.prolist{margin-left: -80px;}
.prolist li{margin-left: 80px;width: calc((100% / 3) - 80px);transition: all .4s ease;}
.prolist li:nth-child(3n 2){margin-top: 80px;}
.proitem{overflow: hidden;transition: all .4s ease;}
.proitem-img::after{content: "";transition: all .6s ease; position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 20%,rgba(0,0,0,.6) 100%);}
.proitem-img img{width: 100%;height: 510px;}
.proitem-con{position: absolute;left: 0;bottom: 0;width: 100%;padding:0 15px 30px 30px;}
.prolist li:hover{transform: translatey(-20px);}
/* .prolist li:hover .proitem-img::after{height: 140%;} */
/* 产品详情 */
/* .prodet-show .pagestitle{width: 66%;} */
.prodet-show-flex{justify-content: space-between;}
.prodet-show-swp{width: 50%;}
.prodet-show-swp .gallery-more img{width: 100%;height: 310px;}
.prodet-show-swp .thumbs{padding: 0 60px;}
.prodet-show-swp .thumbs-btn{position: absolute;top: calc(50% - 15px);width: 30px;height: 30px;user-select: none;cursor: pointer;color: #bab7b3;font-size: 12px;}
.prodet-show-swp .thumbs-prev{left: 10px;}
.prodet-show-swp .thumbs-next{right: 10px;transform: rotate(180deg);}
.prodet-show-swp .thumbs-btn:hover{color: #ffec87;}
.prodet-show-swp .thumbs-year{position: relative;}
.prodet-show-swp .thumbs-year::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #ffec87;transition: all .4s ease;opacity: 0;}
.prodet-show-swp .thumbs-year::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(237, 233, 228, .75);transition: all .4s ease;}
.prodet-show-swp .thumbs-year img{width: 100%;height: 66px;}
.prodet-show-swp .thumbs-year.active::after{opacity: 1;}
.prodet-show-swp .thumbs-year.active::before{opacity: 0;}
.prodet-show-con{width: 42%;}
.prodet-select-item:first-child{margin-top: 0;}
.prodet-select-item .title{width: 90px;padding-top: 4px;}
.prodet-select-item .list{margin: -14px 0 0 -14px;flex: 1;}
.prodet-select-item .list li{margin: 14px 0 0 14px;user-select: none;cursor: pointer;position: relative;padding: 4px 12px;border-radius: 40px;background: #e5e0d9;transition: all .2s ease;}
.prodet-select-item .list li:hover{color: #222;}
.prodet-select-item .list li.active,.prodet-select-item .list li.active:hover{color: #fff;background: #222;}
.prodet-select-item .list li.noevent{opacity: .4;pointer-events: none;cursor: no-drop;}
.prodet-select-item .list li.nothing{opacity: .4;pointer-events: none;cursor: no-drop;display:none}
.prodet-price{border-bottom: 1px solid #d1cdc6;user-select: none;display:none}
.prodet-why{background: #e5e0d9;}
.prodet-why-list{margin-left: -50px;}
.prodet-why-list li{width: calc(25% - 50px);margin-left: 50px; flex-direction: column;justify-content: flex-start;}
.prodet-why-list .img{height: 38px;}
.prodet-why-list .img img{max-height: 100% ;}
.prodet-hot-img{position: relative;}
.prodet-hot-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 30%;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));}
.prodet-hot-img img{width: 100%;height: 290px;}
.prodet-hot-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 25px;}
.prodet-hot-slide:hover .prodet-hot-img img{transform: scale(1.08);}
/* 极致门 */
.gateshow-swp{width: 50%;}
.gateshow-slide img{width: 100%;height: 620px;}
.gateshow-btn{width: 30px;height: 30px;user-select: none;cursor: pointer;font-size: 14px;position: absolute;top: calc(50% - 15px);z-index: 2;}
.gateshow-btn.prev{left: 10px;}
.gateshow-btn.next{right: 10px;transform: rotate(180deg);}
.gateshow-btn:hover{color: #ffec87;}
.gateshow-pagination{user-select: none; position: absolute;left: 50%;bottom: 20px;transform: translatex(-50%);flex-wrap: nowrap;z-index: 2;}
.gateshow-pagination .swiper-pagination-bullet{width: 40px;height: 40px;background: transparent;opacity: 1;display: flex;align-items: center;justify-content: center;}
.gateshow-pagination .swiper-pagination-bullet::after{content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background: #585450;}
.gateshow-pagination .swiper-pagination-bullet-active::after{background: #fff;}
.gateshow .prodet-select-item .title{width: 60px;}
.gateshow .prodet-show-flex{align-items: center;}
/* 家居系列 */
.jiaju{background: #fff;}
.jiaju .pagesnav,.jiaju .pagesnav-box{background: #f8f6f4;}
.jiaju-list{border-bottom: 1px solid #d1cdc6;}
.jiaju-body .pagescta{background: #fff;}
.jiaju-item{width: calc(100% / 3);}
.jiaju-item .img{height: 270px;}
.jiaju-item .img img{max-width: 80%;max-height: 90%;}
.jiaju-item .title{transition: all .8s ease; position: absolute;left: 0;top: 35%;transform: translatey(-50%);width: 100%;opacity: 0;}
.jiaju-item:hover .img img{opacity: .15;}
.jiaju-item:hover .title{opacity: 1;transition-delay: .2s;}
/* 家居详情 */
.jjdet{background: #fff;}
.jjdet-show-swp{width: 50%;}
.jjdet-show-swp .gallery-more{height: 410px;}
.jjdet-show-swp .gallery-more img{height: 100%;}
.jjdet-show-swp .thumbs{padding: 0 60px;}
.jjdet-show-swp .thumbs-btn{position: absolute;top: calc(50% - 15px);width: 30px;height: 30px;font-size: 12px;color: #c7c8c8;user-select: none;cursor: pointer;}
.jjdet-show-swp .thumbs-btn:hover{color: #ffec87;}
.jjdet-show-swp .thumbs-prev{left: 10px;}
.jjdet-show-swp .thumbs-next{right: 10px;transform: rotate(180deg);}
.jjdet-show-swp .thumbs-year{height: 60px;border: 2px solid transparent;transition: all .4s ease;}
.jjdet-show-swp .thumbs-year img{max-width: 90%;max-height: 80%;opacity: .25;}
.jjdet-show-swp .thumbs-year:hover img{opacity: 1;}
.jjdet-show-swp .thumbs-year.active{border-color: #ffec87;}
.jjdet-show-swp .thumbs-year.active img{opacity: 1;}
.jjdet .prodet-select-item .list li{background: #ede9e4;}
.jjdet .prodet-select-item .list li.active{background: #222;}
/* 奖状证书 */
.honor-body .pagescta{background: transparent;}
.honor-list{padding-left: 60px;padding-right: 60px;margin-left: -90px;border-bottom: 1px solid #d1cdc6;}
.honor-item{margin-left: 90px;width: calc(25% - 90px);}
.honor-item .img{height: 160px;}
.honor-item .img img{max-height: 85%;max-width: 70%;transition: all .4s ease;filter: grayscale(1);opacity: .5;}
.honor-item:hover .img img{opacity: 1;filter: grayscale(0);}
/* 关于我们 */
.abintro{width: 73%;}
.abintro .title{width: 86%;}
.abwh{justify-content: space-between;}
.abwh-left,.abwh-right{width: 46%;}
.abwh-left .abwh-img img{height: 645px;}
.abwh-img img{width: 100%;height: 330px;}
.abwh-text{padding-left: 20px;}
.abwh-text .title{align-items: center;}
.abwh-text .title span{color: #b9bbb0;margin-left: 10px;}
.absm .title{padding: 0 90px;}
.abfz{background:  no-repeat center/cover;}
.abfz-header{justify-content: space-between;align-items: center;}
.abfz-btn .commore{background: transparent;border: 1px solid rgba(255, 255, 255, .12);}
.abfz-btn .commore i{color: rgba(255, 255, 255, .12);}
.abfz-btn .commore.next{margin-left: 20px;}
.abfz-btn .commore.prev i::before{transform: rotate(0);}
.abfz-btn .commore.prev i:nth-child(2n){left: 100%;}
.abfz-btn .commore:hover{border-color: #ffec87;background: #ffec87;}
.abfz-btn .commore:hover i{color: #222;}
.abfz-btn .commore.prev:hover i{transform: translatex(-100%);}
.abfz-swp .swiper-container{overflow: visible;}
.abfz-swp .swiper-slide{height: auto;}
.abfz-slide{background: #2a2c2b;padding: 55px 45px; height: 100%;min-height: 340px;}
.abfz-slide .text{color: rgba(255, 255, 255, .25);}
.abfz-slide .text p{position: relative;padding-left: 20px;margin-top: 15px;}
.abfz-slide .text p::after{content: "";position: absolute;left: 0;top: 6px;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #ffec87;}
.abfz-pagination.swiper-pagination-progressbar{background: rgba(255, 255, 255, .12) !important;}
.abfz-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #ffec87 !important;}
/* .abhz-list{border-left: 1px solid #f1f0ee;border-top: 1px solid #f1f0ee;} */
.abhz-list li{width: 20%;position: relative; height: 80px;}
.abhz-list li img{max-width: 70%;max-height: 80%;filter: grayscale(1);opacity: .5;}
/* .abhz-list li:hover{z-index: 2;box-shadow: 0 5px 15px rgba(0, 0, 0, .1);border-color: transparent;} */
.abhz-list li:hover img{filter: grayscale(0);opacity: 1;}
/* 可持续性 */
.kcxxintro{background:  no-repeat center/cover;}
.kcxxintro .pagestitle{width: 75%;}
.kcxxintro-img{margin-left: -30px;}
.kcxxintro-img li{margin-left: 30px;width: calc((100% / 3) - 30px);overflow: hidden;}
.kcxxintro-img img{width: 100%;height: 450px;transition: all .6s ease;}
.kcxxintro-img li:hover img{transform: scale(1.1);}
.kcxxintro-num{justify-content: space-between;}
.kcxxintro-num::after{content: "";width: 29%;}
.kcxxintro-num li{width: 29%;}
.kcxxintro-num .img{height: 44px;}
.kcxxrz{padding-left: 360px;}
.kcxxrz-list{cursor:none;}
.kcxxrz-mouse{cursor:none;position: absolute;pointer-events: none; left: 0;top: 0;z-index: 2;}
.kcxxrz-mouse .box{width: 80px;height: 80px;border-radius: 50%;background: #ffec87;opacity: 0; font-size: 22px;transform: scale(0);transition: all .3s ease;}
.kcxxrz-mouse .box i{font-style: normal;animation: rzmouse 1s ease forwards;}
.kcxxrz-mouse .box i::before{content: "\e6cc";font-family: "icon"; font-size: 22px;}
.kcxxrz-list:hover .kcxxrz-mouse .box{transform: scale(1);opacity: 1;}
@keyframes rzmouse {0%{transform: scale(0);opacity: 0;}20%{transform: scale(0);}100%{transform: scale(1);opacity: 1;}}
.kcxxrz-item{cursor:none;overflow: hidden;flex: 1;position: relative;transition: flex .75s cubic-bezier(0.4,0,0.2,1);}
.kcxxrz-list-img{position: relative;}
.kcxxrz-list-img img{width: 100%;height: 450px;} 
.kcxxrz-list-img::after{content: "";position: absolute;opacity: 0; left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);transition: all .6s ease;}
.kcxxrz-list-con{position: absolute;left: 0;top: 0;width: 100%;padding: 30px;}
.kcxxrz-item:hover{flex-grow: 2;}
.kcxxrz-item:hover .kcxxrz-list-img::after{opacity: 1;}
/* clip出场效果 */
.clipleft{animation: clipleft 1.5s linear forwards;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.clipright{animation: clipright 1s linear forwards;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.cliptop{animation: cliptop 1.5s linear forwards;clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);}
.clipbottom{animation: clipbottom .8s linear forwards;clip-path: polygon(100% 100%, 0 100%, 0 100%, 100% 100%);}
 @keyframes clipleft {
    0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
    100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
 }
 @keyframes clipright {
    0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
    100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
 }
 @keyframes cliptop {
    0%{clip-path: polygon(100% 0, 0 0, 0 0, 100% 0);}
    100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
 }
 @keyframes clipbottom {
    0%{clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
    100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
 }
/* -------------------------pc端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .kcxxrz{padding-left: 230px;}
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .news::after{top: 443px;height: 600px;}
    .ctaintro-map{height: 400px;}
    .ctaintro-list{padding: 30px 45px 0;}
    .ctaintro-icon{width: 25px;}
    .kcxxrz{padding-left: 120px;}
    .pagesban-img img{height: 500px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .newsshow-img img{height: 460px;}
    .newsshow-con,.videoshow-con{padding: 25px;}
    .news::after {top: 370px;height: 550px;}
    .newsitem-img img{height: 300px;}
    .video-view .newsitem-img img{height: 250px;}
    .shoplist, .shopshow-bg img{height: 440px;}
    .shopshow-con{bottom: 25px;padding: 0 35px;}
    .shopshow-link{right: 35px;}
    .pagesnav{padding: 0 100px;}
    .caseitem-img img{height: 340px;}
    .caselist li:nth-child(2n){margin-top: 40px;}
    .project .caseitem-img img{height: 550px;}
    .casedet-intro-img{margin-right: 50px;}
    .casedet-intro-img .img{width: 140px;height: 140px;}
    .casedet-show-slide .img img{height: 390px;}
    .casedet-use-img img{height: 180px;}
    .casedet-use-con{padding: 25px 15px;}
    .casedet-hot-slide .img img{height: 220px;}
    .prointro-img img{height: 510px;}
    .prolist{margin-left: -50px;}
    .prolist li {margin-left: 50px;width: calc((100% / 3) - 50px);}
    .proitem-img img{height: 450px;}
    .prodet-show-swp .gallery-more img{height: 250px;}
    .prodet-show-con{width: 45%;}
    .prodet-select-item .title{width: 70px;}
    .prodet-show-swp .thumbs{padding: 0 30px;}
    .prodet-show-swp .thumbs-prev{left: 0;}
    .prodet-show-swp .thumbs-next{right: 0;}
    .prodet-show-swp .thumbs-year img{height: 75px;}
    .prodet-hot-img img{height: 240px;}
    .gateshow-slide img{height: 520px;}
    .jiaju-item .img{height: 230px;}
    .jjdet-show-swp .gallery-more{height: 350px;}
    .honor-item .img{height: 140px;}
    .abwh-img img{height: 280px;}
    .abwh-left .abwh-img img {height: 550px;}
    .abfz-slide{padding: 35px 25px;min-height: 280px;}
    .abhz-list li{height: 70px;}
    .pagesban-img img{height: 400px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .newsshow-btn .btn{width: 38px;height: 38px;font-size: 14px;}
    .newsshow-btn .btn.next{margin-left: 10px;}
    .newsshow-header{align-items: center;}
    .newsshow-img img{height: 160px;}
    .newsshow-con,.videoshow-con{padding: 25px 15px;position: relative;width: 100%;height: auto;}
    .news-date i{font-size: 12px;margin-right: 4px;}
    .news::after{display: none;}
    .newslist{margin-top: 0;}
    .newsitem{width: 100%;}
    .newsitem-img img{height: 220px;}
    .videoshow-con .btn i{width: 36px;height: 36px;margin-right: 8px;font-size: 12px;}
    .video-view .newsitem-img img{height: 180px;}
    .newsitem-img .btn,.newsshow-slide .btn{width: 40px;height: 40px;font-size: 12px;left: calc(50% - 20px);top: calc(50% - 20px);}
    .newsdet-next{padding-top: 60px;}
    .newsdet-next .next{margin-top: 10px;width: 80%;}
    .newsdet-next .combtn-box{top: 0;transform: translatex(-50%);}
    .newsdet-next .combtn i{font-size: 12px;}
    .ctaintro-map{height: 200px;width: 100%;}
    .amap-icon img{width: 50px;}
    .ctaintro-list{width: 100%;padding: 25px 15px;}
    .ctaintro-icon{width: 20px;margin-right: 12px;}
    .ctaform-table input{width: 100%;margin-top: 15px;font-size: 14px;height: 38px;padding-left: 12px;}
    .ctaform-table input::-webkit-input-placeholder{font-size: 14px;}
    .ctaform-table textarea{margin-top: 15px;font-size: 14px;height: 100px;padding: 12px 0 0 12px;}
    .ctaform-table textarea::-webkit-input-placeholder{font-size: 14px;}
    .ctaform-radio .list i{width: 16px;height: 16px;}
    .ctaform-btm{padding-left: 12px;}
    .ctaform-btn{width: 80px;height: 40px;}
    .shopselect, .shopform{width: 100%;}
    .shopmenu,.shopdrop li,.shopform input{height: 42px;padding-left: 15px;}
    .shopform input{font-size: 13px;}
    .shopform input::-webkit-input-placeholder{font-size: 13px;}
    .shopform .btn{width: 42px;font-size: 14px;}
    .shopcon{flex-direction: column-reverse;}
    .shopshow{width: 100%;margin-top: 20px;}
    .shopshow-bg img{height: 230px;}
    .shopshow-con{bottom: 15px;padding: 0 30px 0 15px;}
    .shopshow-con .title{font-size: 16px;}
    .shopshow-link{right: 10px;width: 28px;height: 28px;}
    .shopshow-link img{width: 35%;}
    .shoplist{width: 100%;height: 300px;display: none;}
    .shopitem{width: auto;height: 50px;padding: 0 15px;}
    .shopshow-item{display: block;margin-top: 10px;border-radius: 3px;overflow: hidden;}
    .pagesnav-box{overflow-x: auto;background: #e5e0d9;}
    .pagesnav{padding: 0 10px !important;flex-wrap: nowrap;justify-content: flex-start;white-space: nowrap;}
    .pagesnav-item{height: 50px;margin-left: 20px;}
    .caselist li{width: 100%;margin-top: 30px !important;}
    .caseitem-img img{height: 260px;}
    .project .caseitem-img img{height: 400px;}
    .casedet-intro-img{margin: 0 auto;}
    .casedet-intro-text{flex: unset;width: 100%;margin-top: 30px;}
    .casedet-show-slide .img img{height: 270px;}
    .casedet-show-slide .btn{right: 12px;bottom: 15px;width: 34px;}
    .casedet-use-list{margin-left: 0;}
    .casedet-use-item{width: 100%;margin: 15px 0 0;}
    .casedet-use-con .title i{margin-left: 5px;}
    .casedet-use-con .title i::before{display: block;transform: scale(.8);}
    .casedet-use-img img{height: 160px;}
    .casedet-use-con .text{line-height: 20px;}
    .casedet-hot-slide .img img{height: 260px;}
    .casedet-hot-slide .title i{font-size: 16px;}
    .pagescta .combtn{width: 180px;}
    .prointro-img{width: 100%;}
    .prointro-img img{height: 350px;}
    .prointro-con{width: 100%;padding-top: 30px;}
    .prolist{margin-left: -15px;}
    .prolist li{width: calc(50% - 15px);margin: 15px 0 0 15px !important;}
    .proitem-img img{height: 250px;}
    .proitem-con{font-size: 14px;padding:20px 12px ;}
    .prolist-box .combtn{width: 150px;}
    .prodet-header{padding-top: 0;}
    .prodet-show .pagestitle{width: 100%;}
    .prodet-show-swp{width: 100%;}
    .prodet-show-swp .gallery-more img{height: 170px;}
    .prodet-show-swp .thumbs-btn{width: 20px;height: 20px;}
    .prodet-show-swp .thumbs-year img{height: 64px;}
    .prodet-show-con{width: 100%;margin-top: 30px;}
    .prodet-select-item .title{width: 80px;padding-top: 1px;}
    .prodet-select-item{margin-top: 24px;align-items: flex-start;}
    .prodet-select-item .list{margin: -8px 0 0 -8px;}
    .prodet-select-item .list li{font-size: 12px;margin: 8px 0 0 8px;padding: 2px 10px;}
    .prodet-price{font-size: 24px;margin-top: 40px;}
    .prodet-why-list{margin: 0;justify-content: space-between;}
    .prodet-why-list li{margin: 35px 0 0;width: 48%;}
    .prodet-why-list li:nth-child(2){order: 1;}
    .prodet-why-list li:nth-child(3){order: 2;}
    .prodet-why-list li:nth-child(5){order: 3;}
    .prodet-why-list li:nth-child(7){order: 4;}
    .prodet-why-list li:nth-child(8){order: 5;}
    .prodet-why-list li:nth-child(1){order: 6;}
    .prodet-why-list li:nth-child(4){order: 7;}
    .prodet-why-list li:nth-child(6){order: 8;}
    .prodet-why-list .img{height: 32px;}
    .prodet-why-list .text{font-size: 12px;}
    .prodet-hot-img img{height: 175px;}
    .prodet-hot-con{padding: 20px 15px;}
    .gateshow-swp{width: 100%;}
    .gateshow-slide img{height: 350px;}
    .gateshow-btn.prev{left: 0;}
    .gateshow-btn.right{right: 0;}
    .gateshow-pagination .swiper-pagination-bullet{width: 20px;height: 20px;}
    .gateshow-pagination{bottom: 15px;}
    .gateshow .prodet-select-item .title{width: 40px;}
    .jiaju-item{width: 100%;height: 200px;}
    .jjdet-show-swp{width: 100%;}
    .jjdet-show-swp .gallery-more{height: 250px;}
    .jjdet-show-swp .thumbs{padding: 0 30px;}
    .jjdet-show-swp .thumbs-prev{left: 0;}
    .jjdet-show-swp .thumbs-next{right: 0;}
    .jjdet-show-swp .thumbs-btn{width: 20px;height: 20px;top: calc(50% - 10px);}
    .jjdet-show-swp .thumbs-year{height: 63px;}
    .honor-list{margin-left: -15px;padding-left: 0;padding-right: 0;}
    .honor-item{width: calc(50% - 15px);margin-left: 15px;}
    .honor-item .img{height: 100px;}
    .abintro,.abintro .title{width: 100%;}
    .abwh-left, .abwh-right{width: 48%;}
    .abwh-img img{height: 100px;}
    .abwh-text{padding-left: 10px;}
    .abwh-text .title span{margin-left: 5px;font-size: 12px;}
    .abwh-left .abwh-img img {height: 222px;}
    .abfz-slide .text p{padding-left: 15px;margin-top: 10px;}
    .abfz-slide .text p::after{width: 6px;height: 6px;}
    .abfz-slide{min-height: 250px;}
    .abhz-list li{width: calc(100% / 3);height: 50px;}
    .kcxxintro .pagestitle{width: 100%;}
    .kcxxintro-img{margin-left: -5px;}
    .kcxxintro-img li{margin-left: 5px;width: calc((100% / 3) - 5px);}
    .kcxxintro-img img{height: 135px;}
    .kcxxintro-num li{width: 100%;margin-top: 50px;}
    .kcxxintro{background: #ede9e4;}
    .kcxxintro-num .img{height: 40px;}
    .kcxxrz{padding:40px 4%;}
    .kcxxrz-item{flex: unset;width: 50%;}
    .kcxxrz-list-img img{height: 250px;}
    .kcxxrz-list-con{padding: 20px 15px;}
    .casedet-intro::after{display: none;}
    .honor .pagesnav{justify-content: center;width: 100% !important;}
    .honor .pagesnav-item:first-child{margin-left: 0;}
    .prointro .combtn-box{display: none;}
    .prodet-show-swp .thumbs,.jjdet-show-swp .thumbs{display: none;}
    .gallery-pagination{position: absolute;left: 0;bottom: 10px;width: 100%;z-index: 2;}
    .gallery-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;background: rgba(255, 255, 255, .8);opacity: 1;}
    .gallery-pagination .swiper-pagination-bullet-active{background: #ffec87;}
    .pagesban-img img{height: 300px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}