.main{padding-top: 103px; height: calc(100vh - 70px); overflow-y: scroll;}
.base_main{ background-size: cover; }
.base_tit{text-align: center; padding: 50px 15px;}
.base_tit h3{font-family: "dotuch"; font-size: 87px;}
.base_tit h4{font-size: 32px; padding-top: 15px;}
.base_list{padding: 15px 3.5vw; display: flex; flex-wrap: wrap; gap: 15px;}
.base_li{flex: 1 1 calc(25% - 15px); /* 4列，减去gap补偿 */  position: relative;}
.base_li img{width: 100%}
.baseli_txt{padding: 50px 40px; text-align: center;}
.baseli_txt h3{font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.baseli_txt p{font-size: 18px; font-family: "HarmonyOS_Sans_SC_Light"; height: 80px;}
.baseli_txt span{width: 182px; height: 48px; font-family: "HarmonyOS_Sans_SC_Light"; font-size: 22px; line-height: 44px; background: linear-gradient(to right, #fadaa9, #cd8f5e); display: inline-block; transition: all 0.5s; background:#fff; border-radius: 0px; border: solid 2px #9d7c55; color: #9d7c55; font-weight: bold;}
.base_li a{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0}
.color_main{ }
.color_main .base_tit{background: none}
.color_main .base_li{border-radius: 15px; overflow: hidden; }
.color_main .base_list{ gap: 35px; padding: 15px 220px;}
.color_main .baseli_txt span{ background:#fff; border-radius: 6px; border: solid 1px #9d7c55; color: #9d7c55; font-weight: bold;}
.base_li:hover .baseli_txt span{background: linear-gradient(to right, #fadaa9, #cd8f5e);  color: #fff;}
img{max-width:100%}
.cleansing_main{ position: relative; }
.cleansing_bg{}

.balm{text-align: center;  margin: auto; padding: 10px 30px;}
.balm h3{font-size: 24px; font-weight: normal; font-family: "HarmonyOS_Sans_SC_Black";}
.balm p{font-size: 18px;font-family: "HarmonyOS_Sans_SC_Light"; padding: 5px 0}
.balm a{width: 182px; height: 48px; font-size: 22px; line-height: 44px; display: inline-block; transition: all 0.5s; margin-top: 30px; background:#fff; border-radius: 6px; border: solid 1px #9d7c55; color: #9d7c55; font-weight: bold;}
.balm a:hover{background: linear-gradient(to right, #fadaa9, #cd8f5e);  color: #fff;}

.contact_main{}
.contact_main .base_tit{background: none}
.contact_main .base_tit h3{font-size: 78px; 
  color: #000; /*文字透明，透出背景渐变*/}
.contact_main .base_tit h4{font-size: 24px; color: #8e8e8e}
.ly_tit h3{font-size: 50px; color: #000; font-family: "dotuch";}
.ly_tit h4{font-size: 18px; color: #515151; padding-top: 15px; padding-bottom: 50px;}
.tijiao ul{display: flex; flex-wrap: wrap;}
.tijiao ul li{width:50%; padding: 10px 80px;}
.tijiao ul li input{width: 100%; border: 0; height: 70px; border-bottom: solid 2px #6e6e6e; padding: 20px 0; color: #8e8e8e;        /* 文字颜色 */
  font-size: 28px;     /* 字号 */
  font-style: normal;  /* 斜体 */ line-height: 1em;}
.tijiao ul li.w100{width: 100%}
.tijiao ul li textarea{width: 100%; border: 0; height: 70px; border-bottom: solid 2px #6e6e6e; padding: 20px 0; color: #8e8e8e;        /* 文字颜色 */
  font-size: 28px;     /* 字号 */
  font-style: normal;  /* 斜体 */ line-height: 1em;}
.tijiao{margin: 0 -80px;}
.tijiao textarea::placeholder,.tijiao input::placeholder {
  color: #8e8e8e;        /* 文字颜色 */
  font-size: 28px;     /* 字号 */
  font-style: normal;  /* 斜体 */ line-height: 1em;
}
.tijiao .submit{font-size: 28px; color: #fff; display: flex; border-radius: 6px; height: 60px; padding: 15px 25px; margin-top: 15px; border: 0; background: #000;}
.tijiao .submit img{margin-left: 20px; height: 28px; float: right}
.tijiao .submit span{float: left; line-height: 1em;}

.contact_list{padding: 58px 0; display: flex; flex-wrap: wrap; gap: 20px;}
.contact_li{flex: 1 1 calc(25% - 20px); /* 4列，减去gap补偿 */ background: #dab582; display: flex; align-items: center; border-radius: 18px;  padding: 15px 25px;position: relative;}
.contact_li img{}
.con_tit{font-size: 20px; color: #fff; padding-bottom: 0;}
.contact_li p{ display: flex;  font-size: 14px; color: #fff; line-height: 1em;}
.contact_li2{background: #8e6843}
.pro_main{background: #fff; }
.pro_main .container{padding: 50px 0}

 .color-select-wrap {
    display: inline-block;
    align-items: center;
    
    border: 2px solid #99a2ad;
    border-radius: 999px;
    background-color: #f8f3e4; padding: 5px 8px;
}
.color-dot {
    width: 28px;
    height: 28px; float: left;
    border-radius: 50%;
    flex-shrink: 0; margin-top: 3px;
}
.text-label {
    font-size: 20px;
    color: #333333;
    flex:1; display: none;
}
.pro_main select {
    border: none; padding-left: 20px;
    background: transparent;
    font-size: 24px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 60px;
    cursor: pointer;
}
select:focus {
    outline: none;
}

.pro_img img{width: 100%}
.chanpin_js{padding-left: 30px;}
.chanpin_js h3{font-size: 76px; line-height: 1em; padding-bottom:0.5em;}
.chanpin_js p{font-size: 24px; padding: 15px 0}
.yanse{padding: 15px 0 30px 0}
.yanse span{display: inline-block; width: 46px; height: 46px; border-radius: 23px; margin: 0 5px;}

.tab-header{
  display:flex;
  border-bottom:3px solid #eee;
}
.pro_tab{padding-top: 40px;}
.tab-item{
   flex-wrap: wrap; display: inline-block;
  padding: 0 20px; padding-right: 160px;
  height:70px;
  line-height:70px;
  font-size:24px;
  color:#666;
  cursor:pointer;
}
.tab-item.active{
  color:#000;
}
.tab-item.active span{position: relative; display: inline-block;}
.tab-item.active span::after{
  content:"";
  position:absolute;
  bottom:-3px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  height:3px;
  background:#000;
}
/* swiper内容容器 */
.tab-swiper{
  width:100%;
  padding: 40px 0; padding-bottom: 0; font-size: 24px; line-height: 1.8em
}
.pro_tab{overflow: hidden;}


.about_main{ background: #fff}
.about_left h3{font-size: 72px; color: #d8a56c; text-transform: uppercase;font-family: "HarmonyOS_Sans_SC_Black";}
.about1{ position: relative;}
.about1 .abimg{content: ""; display: block; width: 50%;  position: absolute; right: 0; bottom: 0px; max-width: 1100px;}
.about_left h4{font-size: 36px; color: #000; line-height: 1em; font-family: "HarmonyOS_Sans_SC_Black"; font-weight: bold; padding: 50px 0}
.jianjie{font-size: 16px; line-height: 36px; font-family: "HarmonyOS_Sans_SC_Light";}
.about_left {padding-bottom: 150px;}
.about2{height: 890px; background: url(../images/aboutus_02.jpg) no-repeat; background-size: cover; display: flex; flex-wrap: wrap;}
.ab_li{width: 33.333%; padding: 0 80px; display: flex; align-items: center; border-right: solid 1px #8e7c6b; cursor: pointer;}
.ab_li:hover{background: rgba(234,135,24,0.54);}
.ab_li:hover .ab_icon{background: #d8a56c}
.ab_li:hover .ab_icon img{transform: translateY(-148px);}
.ab_icon{width: 148px; height: 148px; background: #fff; overflow: hidden; border-radius: 50%; margin: 0 auto; margin-bottom: 30px;}
.ab_li h3{font-size: 36px; color: #fff; margin-bottom: 48px; text-align: center; text-transform: uppercase; font-family: "HarmonyOS_Sans_Bold";}
.ab_li p{font-size: 18px; color: #fff; line-height: 2em; min-height: 280px;}
.about3{padding: 110px 0;}
.ab3_tit{font-size: 48px; font-family: "HarmonyOS_Sans_SC_Black"; color: #d8a56c; text-transform: uppercase;}
.ab3_p{font-size: 18px; line-height: 30px; font-family: "HarmonyOS_Sans_SC_Light"; padding-top: 38px;}
.ab3_left{padding-right: 80px;}
.honor_list{overflow: hidden; }
.honor_list .swiper-pagination{width: 100%; padding-bottom: 60px;}
.honor_list .swiper{padding-bottom: 160px;}
.honor_list .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 5px; width: 15px; height: 15px;}
.honor_list .swiper-pagination-bullet-active{background: #d8a56c}
.honor_tit{font-size: 48px; font-family: "HarmonyOS_Sans_SC_Black"; color: #d8a56c; text-transform: uppercase; text-align: center; padding: 70px 0;}
.cleansing212{text-align: center; padding: 0 30px;}

@media (min-width:992px) {    
    
} 
@media (max-width:1600px) {  
	.shangxia img{width: 420px}
}   
@media (min-width:1440px) {  
	
} 

@media(max-width:1440px){ 
	 .d_table{position: initial;}
	 .shangxia img{width: 320px;}
   .contact_main .base_tit h3{font-size: 50px}
   .honor_tit,.ab3_tit,.about_left h3{font-size: 36px;}
   .about_left h4{font-size: 20px; padding: 25px 0}
   .ab3_p,.jianjie{line-height: 1.5em}

   .ab_li h3{font-size: 24px; margin-bottom: 24px;}
   .about2{height: auto;}
   .ab_li{ padding: 100px 30px}
   .base_tit h3{font-size: 40px;}
   .chanpin_js h3{font-size: 36px;}
   .tijiao ul li{width: 100%}

}

@media(max-width:991px){ 
	.tab-item{padding-right: 15px; padding-left: 0; font-size: 16px;}
	.tab-swiper{padding:0;}
  .tab-swiper .swiper-slide{padding:40px 15px;}
	.color_main .base_list{padding: 15px;}
	.color_main .base_li{flex: inherit;}
  .chanpin_js{padding-left: 0;}
  .pro_main .container{padding: 0 15px;}
  .ab_li{padding: 0 15px; width: 100%}
  .about2{height: auto; padding: 50px 0}
  .ab_li p{min-height: inherit; padding-bottom: 50px;}
  .ab3_left{padding-right: 0; margin-bottom:50px;}
  .about1 .abimg{display: none}
  .chanpin_js h3,.base_tit h3{font-size: 36px;}
  .base_tit h4{font-size: 20px;}
  .about1{padding-top: 50px;}
  .honor_tit,.ab3_tit,.about_left h3{font-size: 36px;}
  .about_left h4{font-size: 20px; padding: 30px 0}
  .about_left{min-height: inherit; padding-bottom: 80px;}
  .ab_li h3{margin-bottom: 30px;}
  .about3{padding: 60px 0}
  .ab3_p{padding-top: 25px;}
  .contact_main .base_tit h3{font-size: 50px;}
  .tijiao ul li textarea{height: 120px;}
   .tijiao ul li{padding: 10px 0}
   .tijiao{margin: 0}
  .contact_li{width:100%;flex: inherit; padding-left:0}
}
	

@media(max-width:767px){  
	

}