@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: max(30px,0.36rem);height: max(30px,0.36rem);margin: 0 max(3px,0.05rem);font-size: max(14px,0.16rem);color: #666;transition: all .4s ease;border-radius: 50%;background-color: #e6e6e6;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a i{font-size: max(10px,0.12rem);}
.paging-menu a.next{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #903522;background-color: #903522;color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: max(14px,0.16rem);color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: max(48px,0.54rem);text-align: center;height: max(38px,0.46rem);border: 1px solid #e1e1e1;font-size: max(14px,0.16rem);color: #666;border-radius: 3px;transition: all .4s ease;padding: 0 max(6px,0.12rem);}
.paging-skip input:focus{border-color: #903522;}
.paging-skip button{color: #555;font-size: max(14px,0.16rem);padding: 0 max(14px,0.18rem);border: 1px solid #e1e1e1;transition: all .4s ease;height: max(38px,0.46rem);background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #903522;color: #fff;border-color: #903522;}
.paging-hint span{color: #903522;}
@media all and (max-width:1000px){.paging-skip{width: 100%;margin-left: 0;justify-content: center;margin-top: 8px;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #903522;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #903522;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);}
.search-link:first-child{margin-top: 0;}
.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: #903522 !important;}
.search-link:hover h2{color: #903522;}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
.privacy-content h6{color: #333;line-height: inherit;}
/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);}
.webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #903522;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;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: #903522;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
/* 内页公共 */
.pagesBan{background: url('../images/pages/pagesBan-bg.jpg') no-repeat center/cover;}
.pagesBan .contain{flex-direction: column;}
.pagesBan .title{animation: banText 1s ease both;}
.pagesBan .title::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: max(40px,0.8rem);height: 2px;background: #903522;}
.pagesGroup{margin-top: -0.64rem;position: relative;z-index: 2;background: #fff;border-radius: 0.8rem 0.8rem 0 0;}
@keyframes banText {0%{opacity: 0;transform: translateY(0.4rem);}100%{opacity: 1;transform: translateY(0);}}
/* 新闻-列表 */
.newsTitle{border-bottom: 1px solid #e6e6e6;}
.newsItem{align-items: flex-start;border-bottom: 1px solid #e6e6e6;justify-content: space-between;}
.newsItem-center{width: 36%;}
.newsItem-center img{width: 100%;height: 2.3rem;}
.newsItem-right{width: 59%;}
.newsItem-right .btn{background: #f5f5f5;border-radius: 50%;width: max(34px,0.48rem);height: max(34px,0.48rem);transform: rotate(180deg);}
.newsItem:hover .newsItem-center img{transform: scale(1.1);}
.newsItem:hover .newsItem-right .title{color: #903522;}
.newsItem:hover .newsItem-right .btn{color: #fff;background: #903522;}
/* 新闻-详情 */
.newsDet-head{padding-bottom: max(12px,0.18rem);border-bottom: 1px solid #e6e6e6;}
.newsDet-page{border-top: 1px solid #e6e6e6;}
.newsDet-page-item .text{width: max(220px,6rem);margin-left: 4px;}
.newsDet-page-item:hover .text{color: #903522;}
/* 联系我们 */
.ctaData{justify-content: space-between;}
.ctaData .title{border-bottom: 1px solid #e6e6e6;}
.ctaMap iframe{width: 100%;height: max(250px,5rem);}
.ctaMsg-text{padding: 0 1.5rem;}
.ctaMsg-list{justify-content: space-between;}
.ctaMsg-item{width: calc(50% - max(8px,0.2rem));}
.ctaMsg-item.w100{width: 100%;}
.ctaMsg-item input{width: 100%;height: max(42px,0.66rem);background: #f5f5f5;border: 1px solid #d9d9d9;padding: 0 max(14px,0.3rem);}
.ctaMsg-item input::-webkit-input-placeholder{color: #999;}
.ctaMsg-item textarea{width: 100%;height: max(100px,2.6rem);background: #f5f5f5;border: 1px solid #d9d9d9;padding: max(14px,0.3rem);}
.ctaMsg-item textarea::-webkit-input-placeholder{color: #999;}
.ctaMsg-item.code-box img{user-select: none;cursor: pointer;position: absolute;right: max(7px,0.1rem);top: 50%;transform: translateY(-50%);width: auto;height: calc(100% - max(14px,0.2rem));}
.ctaMsg-item.submit-box{justify-content: flex-end;}
.ctaMsg-submit{height: max(42px,0.66rem);width: max(120px,1.6rem);border-radius: 40px;user-select: none;cursor: pointer;}
.ctaMsg-submit:hover{background: #000;}
/* 关于我们 */
.abIntro-img{margin-left: -0.2rem;}
.abIntro-img .item{margin: 0.2rem 0 0 0.2rem;}
.abIntro-img .item:nth-child(1){width: calc(100% - 0.2rem);}
.abIntro-img .item:nth-child(2){width: calc(36% - 0.2rem);}
.abIntro-img .item:nth-child(3){width: calc(64% - 0.2rem);}
.abIntro-img .item:nth-child(1) img{width: 100%;height: 6rem;}
.abIntro-img .item:nth-child(2) img,.abIntro-img .item:nth-child(3) img{width: 100%;height: 4.6rem;}
.abBoss-flex{justify-content: space-between;align-items: center;}
.abBoss-left{width: 44%;}
.abBoss-right{width: 48%;}
.abBoss-title{border-bottom: 1px solid #e6e6e6;align-items: flex-end;}
.abBoss-title::after{content: "";position: absolute;left: 0;bottom: 0;width: max(40px,0.8rem);height: 2px;background: #903522;}
.abBoss-title .position{margin-left: max(20px,0.6rem);}
.abBoss-list li{position: relative;padding-left: max(16px,0.26rem);}
.abBoss-list li::before{content: "\e735";font-family: 'icon';color: #903522;font-size: max(5px,0.08rem);position: absolute;left: 0;top: 0;}
.abWH-item{background: #f5f5f5;height: max(250px,4rem);flex-direction: column;justify-content: space-between;padding: 0.4rem 0.6rem 0.5rem 0.3rem;}
.abWH-item .ico{height: max(28px,0.4rem);}
.abWH-item .ico img{max-height: 100%;transition: all .5s ease;}
.abWH-item .ico .h{position: absolute;left: 0;top: 0;opacity: 0;}
.abWH-item:hover{background: #903522;}
.abWH-item:hover .ico .s{opacity: 0;}
.abWH-item:hover .ico .h{opacity: 1;}
.abWH-item:hover .title,.abWH-item:hover .text{color: #fff;}
/* 关于失眠 */
.insoWhat-item{height: 100%;background: #f4efea;}
.insoWhat-img{position: relative;}
.insoWhat-img img{width: 100%;height: 3.65rem;}
.insoWhat-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%,#f4efea 95%);}
.insoWhat-con{padding: 0.2rem 0.25rem 0.35rem;position: relative;z-index: 2;}
.insoDet::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 3rem);background: #6f352d;}
.insoDet .contain-1200{position: relative;z-index: 2;}
.insoDet-desc.desc2{border-top: 1px solid rgba(255, 255, 255, .5);}
.insoDet-desc .img img{width: 100%;}
/* 产品-详情 */
.proIntro::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1.6rem;background: #f5f5f5;}
.proIntro .contain{position: relative;z-index: 2;width: 13.48rem;}
.proIntro .title{background: -webkit-linear-gradient(top, #903522 0%, #dfd5cd 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.proFn{padding-left: var(--widDb1200);}
.proFn-slide .img img{width: 100%;height: 5.3rem;}
.proFn-slide .text{width: 95%;}
.proFn-pagination-box{padding-right: var(--widDb1200);}
.proFn-pagination{user-select: none;padding: max(10px,0.26rem) max(15px,0.4rem);border-radius: 40px;background: #ebebf0;display: flex;}
.proFn-pagination .swiper-pagination-bullet{display: block; margin-left: max(8px,0.16rem);width: max(7px,0.08rem);height: max(7px,0.08rem);opacity: 1;background: #bababa;transition: all .4s ease;border-radius: 10px;}
.proFn-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.proFn-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #903522;width: max(32px,0.48rem);}
.proCJ .contain{width: 14rem;}
.proCJ-slide img{width: 100%;height: 7rem;transform: scale(1.1);transition: all 2s linear 1s;}
.swiper-slide-active .proCJ-slide img{transform: scale(1);transition-delay: 0s;}
.proCJ-list{position: absolute;left: 1rem;top: 0;height: 100%;flex-direction: column;justify-content: center;}
.proCJ-item{user-select: none;cursor: pointer; padding: max(10px,0.2rem); user-select: none;cursor: pointer;align-items: center;background: #fff;border-radius: 40px;z-index: 2;}
.proCJ-item .btn{width: max(20px,0.3rem);height: max(20px,0.3rem);border-radius: 50%;}
.proCJ-item .btn::before,.proCJ-item .btn::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;transition: all .5s ease;width: max(10px,0.16rem);height: 2px;}
.proCJ-item .btn::after{width: 2px;height: max(10px,0.16rem);}
.proCJ-item .title{padding: 0 max(10px,0.2rem);}
.proCJ-item.active{background: #903522;}
.proCJ-item.active .btn{background: #fff;transform: rotate(180deg);}
.proCJ-item.active .btn::before,.proCJ-item.active .btn::after{background: #903522;}
.proCJ-item.active .btn::after{opacity: 0;}
.proCJ-item.active .title{color: #fff;}
.proMode-item{height: max(120px,1.8rem);background: #f5f5f5;flex-direction: column;}
.proMode-item .ico{background: #fff;border-radius: 50%;width: max(36px,0.6rem);height: max(36px,0.6rem);}
.proMode-item .ico img{max-width: 50%;max-height: 50%;}
.proColor-swp{background: linear-gradient(to bottom,#f9f6f2,#e1d8d0);}
.proColor-slide{height: 6.3rem;}
.proColor-slide img{max-width: 70%;max-height: 75%;}
.proColor-menu{justify-content: center;padding: 0.4rem 0.1rem;}
.proColor-menu-item{user-select: none;cursor: pointer;align-items: center;margin-left: 1rem;display: flex;}
.proColor-menu-item:first-child{margin-left: 0;}
.proColor-menu-item .dot{border: 2px solid transparent;border-radius: 50%;margin-right: max(8px,0.12rem);}
.proColor-menu-item .dot i{display: block;width: max(10px,0.18rem);height: max(10px,0.18rem);border-radius: 50%;}
.proColor-menu-item.active .dot{border-color: #fff;}
.proYKQ-con{background: #f5f5f5;padding: 0.75rem 0.3rem 1rem 0.8rem;}
.proYKQ-flex{justify-content: space-between;align-items: flex-start;}
.proYKQ-img{width: 38%;}
.proYKQ-text{width: 55%;}
.proTips-list li{border-bottom: 1px solid #e6e6e6;justify-content: space-between}
.proTips-list .title{width: 21%;}
.proTips-list .text{width: 70%;}

.proVideo-con .img img{width: 100%;height: 6.8rem;}
.proVideo-con .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);z-index: 2;}
.proVideo-con .btn{user-select: none;cursor: pointer; z-index: 3;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(36px,0.88rem);height: max(36px,0.88rem);background: url('../images/pages/proVideo-icon.png') no-repeat center/100% auto;}
.proVideo-con .btn:hover{transform: translate(-50%,-50%) scale(.95);}
.proVideo-con .btn:active{transform: translate(-50%,calc(-50% + 5px)) scale(.95);}

/* 配件 */
.accItem{height: 100%;background: #f5f5f5;padding: 0.1rem 0.2rem 0.45rem;}
.accItem .img{height: 3.7rem;}
.accItem .img img{max-width: 90%;max-height: 70%;}





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* --------------------平板(横屏1024)---------------------- */
@media all and (max-width:1100px){}
/* --------------------平板(竖屏768)----------------------- */
@media all and (max-width:1000px){}
/* --------------------手机端(360)------------------------- */
@media all and (max-width:720px){
    .pagesTitle br{display: none;}
    .newsItem{padding: 25px 0;}
    .newsItem-center{width: 100%;}
    .newsItem-center img{height: 185px;}
    .newsItem-right{width: 100%;margin-top: 15px;}
    .ctaData li{width: 100%;margin-top: 25px;}
    .ctaData li:first-child{margin-top: 0;}
    .ctaMsg-text{padding: 0;}
    .ctaMsg-item{width: 100%;}
    .ctaMsg-item input,.ctaMsg-item textarea{font-size: 13px;}
    .abBoss-left{width: 60%;margin: 0 auto;}
    .abBoss-right{width: 100%;margin-top: 30px;}
    .abBoss-title{padding-bottom: 8px;}
    .abWH-item{padding: 30px 30px 30px 15px;}
    .insoWhat-img img{height: 300px;}
    .insoWhat-con{padding: 20px 15px 30px;}
    .proIntro .contain{width: 92%;}
    .proFn{padding: 40px 4%;}
    .proFn-slide .img img{height: 200px;}
    .proCJ .contain{width: 92%;}
    .proCJ-slide img{height: 250px;}
    .proCJ-list{top: auto;bottom: 10px;height: auto;left: 0;width: 100%;flex-direction: row;flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;overflow-x: auto;}
    .proCJ-item{overflow: visible;flex-wrap: nowrap;}
    .proCJ-item .title{font-size: 12px;}
    .proMode-list .uli.ml20.uli4 li {width: calc(100%/2 - max(8px,0.2rem));}
    .proColor-menu{padding: 15px;justify-content: flex-start;flex-wrap: nowrap;white-space: nowrap;}
    .proColor-menu .title{font-size: 12px;}
    .proYKQ-con{padding: 30px 15px;}
    .proYKQ-img{width: 70%;margin: 0 auto;}
    .proYKQ-text{width: 100%;margin-top: 30px;}
    .proTips-list li{padding: 15px 0;}
    .proTips-list .title{width: 100%;}
    .proTips-list .text{width: 100%;margin-top: 10px;}
    .ctaMsg-item.submit-box{justify-content: center;}
    .accItem{padding: 0 25px 30px;}
    .accItem .img{height: 280px;}
}