.wp{max-width:1440px; margin:0 auto;}

*{font-family: '微软雅黑';box-sizing: border-box;}

.dan_hang {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 头部 */
#web_head{padding: 0 40px;position: fixed;left: 0;top: 0;width: 100%;
	background-color: #4A663F;z-index: 999;
}
#web_head .con{display: flex;justify-content: space-between;align-items: center;
	height: 90px;
}
#web_head .logo{width: 60px;}
#web_head .logo img{width: 100%;vertical-align: middle;}
#web_head .right{}
#web_head .right .item{float: left;}
#web_head .right .item>a{padding: 0 30px;font-size: 20px;color: #fff;
	display: block;text-align: center; position: relative;
	transition: transform 0.2s ease;line-height: 90px;
}

#web_head .right .item>a:hover{
	transform-origin: center center;
	transform: scale(1.1);
}
#web_head .right .item.on>a{transform: scale(1.1);}
#web_head .right .item.on>a::before{content: "";
	display: block;position: absolute;
	width: 11px;height: 6px;background-image: url(../images/s.png);
	top: 65%;left: 50%;transform: translateX(-50%);
	background-size: 100% 100%;
}




#web_head .right .item>a i{
	width: 12px;height: 12px;background-image: url(../images/xx.png);
	background-size: 12px auto;position: absolute;right:12px;
	top: 50%;transform: translateY(-45%);display: block;transition: transform 0.3s ease;
}
#web_head .right .item>a:hover i{ transform: translateY(-45%) rotate(180deg);
}
#web_head .right .item.down_item{position: relative;}
#web_head .right .item.down_item .down_nav_con{position: absolute;
	left:30px;top: 100%;width: 450px;
	background-color: #fff;box-shadow: 0 5px 8px rgba(0, 0, 0,0.2);
	padding: 25px;border-bottom-left-radius: 8px;padding-top: 12px;
	border-bottom-right-radius: 8px;overflow: hidden;
	 display: flex;
	  justify-content: space-between;display: none;
	
}
#web_head .right .item.down_item .down_nav_con .item{width: 43%;}
#web_head .right .item.down_item .down_nav_con dt a{font-size: 14px;
	color: #333;
}
#web_head .right .item.down_item .down_nav_con dt a:hover{text-decoration: underline;color: #4A663F;}
#web_head .right .item.down_item .down_nav_con dl{margin-top: 12px;}
#web_head .right .item.down_item .down_nav_con dd{margin-top: 8px;}
#web_head .right .item.down_item .down_nav_con dd a{font-size: 14px;color: #333;}
#web_head .right .item.down_item .down_nav_con dd a:hover{
	text-decoration: underline;color: #4A663F;
}

#web_head .right .item.down_item:hover .down_nav_con{display: flex;}
#web_head .right .item.down_item .down_nav_con2{width: 220px}
#web_head .right .item.down_item:hover .down_nav_con2{display: block;}


#web_head_mm{
	background-color: #4A663F;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;
	left: 0;top:0;z-index: 10;
   width: 100%;display: none;
}
#web_head_mm .logo{text-align: left;}
#web_head_mm img{vertical-align: middle;height: 48px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -moz-user-focus: none;
}
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;z-index: 99;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:40px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:40px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}


#mm_er_nav{display: none;width: 100%;position: relative;}
#mm_er_nav .tit{height: 42px;line-height: 42px;background-color:#fff;padding:0 3%;
   background-image: url(../images/up1.png);background-repeat: no-repeat;background-position: right 3% center;
   background-size:  13px auto;
}
#mm_er_nav .tit.on{background-image: url(../images/down1.png);}
#mm_er_nav .tit h4{font-size: 14px;color: #333;font-weight: normal;}
#mm_er_nav .down_nav{position: fixed;width: 100%;left: 0;top:100%;background-color: rgba(0, 0, 0,0.1);
  z-index: 999999;bottom: 0;transition:.3s;
}
#mm_er_nav .down_nav.on{top:0px;transition:.3s;}
#mm_er_nav .down_nav .con{position: absolute;left: 0;width: 100%;top:1px;bottom: 50px;padding: 0 20px;
   background-color: #fff;
}
#mm_er_nav .down_nav .con.on{top: 5px;transition:.3s;}
#mm_er_nav .down_nav .con h5{font-size: 16px;color: #333;font-weight: normal;text-align: center;
   padding: 25px 0;
}

#mm_er_nav .down_nav .item{border-bottom: 1px solid #f0f0f0;padding: 5px 0;}
#mm_er_nav .down_nav .item:last-child{border-bottom: none;}
#mm_er_nav .down_nav .item>a{line-height: 30px;font-size: 14px;color: #000;font-weight: bold;}
#mm_er_nav .down_nav .item dt{padding: 5px 0;}
#mm_er_nav .down_nav .item dt>a{font-size: 14px;color: #333;}
#mm_er_nav .down_nav .item dd{padding: 5px 0;}
#mm_er_nav .down_nav .item dd>a{font-size: 13px;color: #333;display: inline-block;}
#mm_er_nav .down_nav .item dd>a img{width: 6px;margin-right: 6px;vertical-align:0px;}
#mm_er_nav .down_nav .colse{background-color: #535353;height: 50px;line-height: 50px;text-align: center;
   cursor: pointer;font-size: 14px;color: #fff;position: absolute;left: 0;width: 100%;bottom: 0;display: none;
}
#mm_er_nav .down_nav.on .colse{display: block;}
.oh{overflow: hidden !important;}


/* 首页 */
.index_banner{width: 100%;overflow: hidden;margin-top: 0px;position: relative;}
.index_banner img{vertical-align: middle;width: 100%;}
.index_banner .swiper-pagination-bullet{background-color: #fff;opacity: 0.3;}
.index_banner .swiper-pagination-bullet-active{opacity: 1;background-color: #fff;}
.index_banner .swiper-slide{position: relative;}
.index_banner .txt{position: absolute;z-index: 99;width: 1400px;
	left: 50%;top: 55%;transform: translate(-50%, -50%);
}
.index_banner .txt .con{width: 1080px;}
.index_banner .txt .con h5{font-size: 100px;color: #fff;
	display: block;white-space: pre-wrap;
}
.index_banner .txt .con p{font-size:40px;color: #fff;margin-top:20px;
	display:block;
}
.index_banner .txt .con .btn span{width: 170px;height: 48px;display: inline-block;
	margin-top: 38px;text-align: center;background-color: #fff;
	line-height: 45px;font-size: 18px;color: #DB010A;cursor: pointer;
	border-radius: 5px;border: 1px solid #DB010A;font-weight: normal;
	margin-right: 35px;
}
.index_banner .txt .con .btn span:hover{background-color: #DB010A;color: #fff;}

.index_banner .swiper-pagination-bullet {
  all: unset; /* 清除所有默认样式 */
  box-sizing: border-box;opacity: 1;
  display: inline-block;margin: 0 8px;
  vertical-align: top;
}
.index_banner .swiper-pagination{text-align: center;
}
.index_banner .swiper-pagination em{font-size: 18px;color: #fff;display: inline-block;opacity: 0;}
.index_banner .swiper-pagination span{display: block;width: 4px;height: 30px;
	background-color: #fff;margin-left: auto;margin-right: auto;opacity: 0.7;
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active em{opacity: 1;}

.index_banner .swiper-pagination .swiper-pagination-bullet-active span{height: 50px;
	opacity: 1;
}

.index_tit h3{font-size: 70px;color: #1A1B20;text-align: center;font-weight: normal;}

.index_type{padding: 100px 0;}
.index_type .list{overflow: hidden;margin-top: 80px;margin-left: -30px;}
.index_type .list .item{width: 16.6667%;float: left;padding-left: 30px;}
.index_type .list .item .con{cursor: pointer;}
.index_type .list .item .pic{width: 180px;height: 180px;border-radius: 50%;overflow: hidden;
	position: relative;margin-left: auto;margin-right: auto;
}

.index_type .list .item .pic img{vertical-align: middle;
	 position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	  object-position: center;
	  transition: transform 0.5s ease;
}

.index_type .list .item .con:hover .pic img{
	transform: scale(1.1); 	 
}

.index_type .list .item .con p{text-align: center;font-size: 30px;color: #151619;margin-top: 20px;}
.index_type .list .item .con:hover p{color: #4A663F;}
.index_type .list .item .con span{text-align: center;font-size: 26px;color: #151619;margin-top: 8px;
	display: block;opacity: 0.7;
}
.index_ad{position: relative;}
.index_ad img{width: 100%;vertical-align: middle;}
.index_ad .txt{position: absolute;width: 1440px;text-align: right;
	left: 50%;transform: translate(-50%,-50%);top: 50%;
}
.index_ad .txt .con{width: 730px;display: inline-block;text-align: left;}
.index_ad .txt h4{font-size: 58px;color: #fff;}
.index_ad .txt p{font-size: 32px;color: #fff; margin-top: 24px;}

.index_candle{padding: 100px 0;}
.index_candle_con{margin-top: 80px;}
.index_candle_con .pic img{max-width: 100%;vertical-align: middle;border-radius: 30px;}
.index_candle_con .txt{text-align: center;margin-top: 30px;}
.index_candle_con .txt h5{font-size: 32px;color: #151619;}
.index_candle_con .txt p{font-size: 26px;margin-top:20px;color: #151619;}



.index_ad_two{position: relative;}
.index_ad_two img{width: 100%;vertical-align: middle;}
.index_ad_two .txt{position: absolute;width: 1440px;text-align: right;
	left: 50%;transform: translate(-50%,-50%);top: 50%;
}
.index_ad_two .txt .con{width: 1000px;display: inline-block;text-align: left;}
.index_ad_two .txt h4{font-size: 58px;color: #fff;}
.index_ad_two .txt p{font-size: 32px;color: #fff; margin-top: 24px;}
.index_ad_two .txt span{display:block;
	width: 189px;text-align: center;margin-top: 36px;
	height: 52px;line-height: 52px;
	background: #FFFFFF;font-size: 18px;color: #151619;
}
.index_ad_two .txt span:hover{background-color: #4A663F;color: #fff;}

.index_good{padding: 100px 0;}
.index_good .list{overflow: hidden;margin-left: -85px;margin-top:75px;
	padding-top: 25px;
}
.index_good .list .item{width: 25%;padding-left: 85px;float: left;text-align: center;}
.index_good .list .item img{width: 110px;vertical-align: middle;}
.index_good .list .item h4{font-size: 32px;color: #151619;margin-top: 40px;}
.index_good .list .item p{font-size: 25px;color: #151619;margin-top: 30px;}
.index_good .list .item .con {cursor: pointer;
  transition: transform 0.3s ease;
}
.index_good .list .item .con:hover{transform: translateY(-25px);}

.index_welcome{padding: 100px 0;background-image: url(../images/index5.png);
	background-position: center;background-size: cover;
}
.index_welcome .txt{font-size: 26px;color: #151619;line-height: 1.6;margin-top: 40px;
	text-align: center;
}
.index_welcome .txt2{font-size: 26px;color: #151619;line-height: 1.6;margin-top: 60px;
	text-align: center;
}

.index_link{padding: 100px 0;}
.index_link .index_tit h3{font-size: 46px;}
.index_link .con{display: flex;justify-content: space-between;
	 align-items: center;
}
.index_link .con .left{width: 70%;}
.index_link .con .left span{display: block;font-size: 26px;color: #151619;}
.index_link .con .input{margin-top: 28px;font-size: 0;}
.index_link .con .input input{width: 414px;height: 62px;
	border:1px solid #4A663F;font-size: 16px;color: #333;padding: 0 8px;
	outline: none;
}
.index_link .con .input input.btn{width: 120px;
background-color: #4A663F;color: #fff;cursor: pointer;
}
.index_link .con .input input.btn:hover{opacity: 0.8;}

.index_link .con .left p{display: block;font-size: 26px;color: #151619;
	margin-top: 12px;
}

.index_link .con .left em{display: block;margin-top: 33px;color: #6B6C6F;
	font-size: 26px;line-height: 1.6;
}

.index_link .con .right{}
.index_link .con .right img{width: 66px;vertical-align: middle;
	margin: 0 20px;
}
.index_link .con .right img:hover{opacity: 0.8;}
.web_mass {margin-top: 15px;}
.web_mass .con{padding: 4px 12px;border: 1px solid #ddd;display: inline-block;font-size: 12px;
	border-radius: 5px;
}
.web_mass.error .con{border: 1px solid #D0012B;color: #D0012B;
	background-color: #f9f6f6;
}
.web_mass.success .con{border: 1px solid #417505;color: #417505;
	background-color: #f9fff3;
}


/* 底部 */
#web_food{background-color: #00101A;}
#web_food .nav{padding-top: 88px;}
#web_food .con{}
#web_food .nav{display: flex;justify-content: space-between;}
#web_food .nav dl{}
#web_food .nav dl dt{font-size: 18px;color: #fff;
	margin-bottom: 32px;
}
#web_food .nav dl dd{line-height: 3;}
#web_food .nav dl dd em{font-size: 16px;color: #fff;opacity: 0.7;}
#web_food .nav dl dd a{font-size: 16px;color: #fff;opacity: 0.7;}
#web_food .nav dl dd a:hover{opacity: 1;}
#web_food .nav dl dd span.btn{width: 146px;height: 36px;display: block;
	text-align: center;font-size: 15px;color: #fff;background: #1B1B1B;
	border-radius: 5px;line-height: 36px;margin-top: 6px;cursor: pointer;
}
#web_food .nav dl dd span.btn:hover{opacity: 0.8;}
#web_food .nav dl dd .code{display: inline-block;margin-left: 40px;cursor: pointer;}
#web_food .nav dl dd .code:first-child{margin-left: 0;}
#web_food .nav dl dd .code img{width: 100px;vertical-align: middle;}
#web_food .nav dl dd .code span{display: block;text-align: center;font-size: 14px;
	color: #fff;margin-top: 12px;
}
#web_food .copy{font-size: 16px;color: #fff;opacity: 0.8;text-align: center;
	padding: 26px 0;margin-top: 70px;background-color: #0C1619;
}


/* 关于我们 */

.nei_banner{padding-top: 170px;padding-bottom: 190px;text-align: center;
	background-repeat: no-repeat;background-size: cover;background-position: center;
	margin-top: 90px;
}
.nei_banner h4{font-size: 36px;color: #fff;}
.nei_banner p{font-size: 18px;color: #fff;margin-top: 10px;}


.use_list_con{position: relative;
	min-height: 1050px; display: flex;align-items: flex-start; 
}
.candles_seach {
  width: 340px;
  position: sticky;
  top: 100px;
  left: 0;
  background: #fff; /* 添加背景色，可选 */
}

.use_list_con .list {
  flex: 1; /* 现在这个样式会生效了 */
  min-width: 0; /* 防止内容溢出 */
}





.candles_seach .chose_type{background-color: #f5f5f5;border: 1px solid #4A663F;}
.candles_seach .chose_type .item{position: relative;
	padding: 10px 15px;border-bottom: 1px solid #f0f0f0;
	line-height: 2;
}
.candles_seach .chose_type .item:last-child{border-bottom: none;}
.candles_seach .chose_type .name{display: block;
	left: 20px;top: 13px;font-size: 15px;color: #333;font-weight: bold;
}
.candles_seach .chose_type em{font-size: 14px;color: #333;
	cursor: pointer;white-space: nowrap;padding:3px 10px;border-radius: 5px;
	margin-top: 10px;display: inline-block;
}
.candles_seach .chose_type em:hover{color: #4A663F;}
.candles_seach .chose_type em.on{color: #fff;border: 1px solid #4A663F;background-color: #4A663F;}

.candles_seach .chose_type .item input{height: 28px;
	width: 60px;text-align: center;border-radius: 5px;border: 1px solid #4A663F;
	outline: none;margin-right: 10px;
}
.candles_seach .chose_type .item b{cursor: pointer;}


.candles_seach .list_sort{background-color: #f5f5f5;margin-top: 10px;
	border: 1px solid #4A663F;font-size: 0;
}
.candles_seach .list_sort span{width: 180px;height: 40px;line-height: 40px;
	display: inline-block;font-size: 15px;color: #333;cursor: pointer;
	text-align: center;border-right: 1px solid #F0F0F0;position: relative;
}
.candles_seach .list_sort span.on{background-color: #4A663F;
	color: #fff;
}
.candles_seach .list_sort span:hover{background-color: #fff;color: #4A663F;}

.candles_seach .list_sort span.on:hover{background-color: #4A663F;
	color: #fff;
}









.use_list{padding: 60px 0;background-color: #f5f5f5;}
.use_list h4{font-size: 22px;color: #333;font-weight: normal;
	padding-left: 30px;
}

.use_list .list .item{width: 25%;padding-left: 30px;float: left;
	margin-top: 30px;
}
.use_list .list .item .con{background-color: #fff;}
.use_list .list .item .pic{position: relative;overflow: hidden;
	aspect-ratio: 5 / 4;
}


.use_list .list .item .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: contain; 
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
	transform-origin: center center;
}


.use_list .list .item .pic .img2{
	position: absolute;left: 100%;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover; 
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
	transform-origin: center center;
}

.use_list .list .item .con:hover .pic .img1{left: -100%;}
.use_list .list .item .con:hover .pic .img2{left: 0;}

.use_list .list .item .txt{padding: 24px;}
.use_list .list .item .txt h5{font-size: 22px;color: #333;
	font-weight: normal;overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;
}
.use_list .list .item .txt p{font-size: 14px;color: #999;line-height: 1.6;
	overflow: hidden;margin-top: 12px;
}
.use_list .list .more{text-align: center;width: 180px;height: 40px;line-height: 38px;
	border: 1px solid #bcbcbc;border-radius: 50px;font-size: 14px;color: #333;
	margin-top: 12px;font-weight: bold;
}
.use_list .list .con:hover .more{background-image: linear-gradient(to right, #DB010A, #DB010A);
	color: #fff;border: 1px solid #fff;
}










.use_list .more2{text-align: center;}

.use_list .more2 span{display:inline-block;
	width: 189px;text-align: center;margin-top: 36px;
	height: 52px;line-height: 52px;cursor: pointer;
	background: #FFFFFF;font-size: 18px;color: #151619;
}
.use_list .more2 span:hover{background-color: #4A663F;color: #fff;}
.use_list .list_mass{text-align: center;width: 60%;margin-left: 20%;}
.use_list .list_mass h4{margin-top: 40px;font-size: 32px;color: #000;}
.use_list .list_mass p{font-size: 18px;color: #333;line-height: 1.8;
	margin-top: 20px;
}

.product_deta{padding: 60px 0;}
.product_deta .top{display: flex; justify-content: space-between;
	 align-items: center;
}
.product_deta .top .left{width: 40%;overflow: hidden;position: relative;
  padding-bottom: 50px;
}
.product_deta .top .left img{width: 100%;vertical-align: middle;}
.product_deta .top .left .left_swiper{overflow: hidden;}
.product_deta .about_course_btn{position: absolute;top: 50%;
  width: 64px;height: 64px;text-align: center;line-height: 64px;border: 1px solid #e5e5e5;
  border-radius: 50%;font-size: 20px;color: #999;cursor: pointer;z-index: 9;margin-top: -32px;
}
.product_deta .about_course_btn:hover{background-color: #4A663F;;color: #fff;}
.product_deta .btn_left{left: 0px;}
.product_deta .btn_right{right: 0;}
.product_deta .swiper-slide{border: 1px solid #e5e5e5;}
.product_deta .swiper-pagination{z-index: 9;text-align: center;width: 100%;}
.product_deta  .swiper-pagination-bullet{background-color: #000;opacity:0.6;margin: 0 4px;}
.product_deta  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
   width: 36px;border-radius: 50px;background-color: #4A663F;
}
.product_deta .swiper-pagination{bottom: 15px !important;}
.product_deta .right{width: 60%;padding-left: 80px;}
.product_deta .right h4{font-size: 32px;color: #333;margin-bottom: 30px;}
.product_deta .right p{font-size: 20px;color: #666;line-height: 2;}
.product_deta .right .money{font-size: 28px;color: #DB010A;font-weight: bold;
	margin-top: 15px;
}

.product_deta .right .xing{margin-top: 18px;}
.product_deta .right .xing img{width: 25px;vertical-align: middle;}
.product_deta .right .xing .span{display: inline-block;vertical-align: middle;font-size: 20px;
	color: #333;font-weight: bold;
}
.product_deta .right .xing .em{display: inline-block;vertical-align: middle;font-size: 20px;
	color: #4A663F;font-weight: bold;margin-left: 5px;
}


.product_deta .right a{display: block;width: 210px;height: 60px;
   text-align: center;line-height: 58px;border: 1px solid #D1D1D1;
   font-size: 16px;color: #333;margin-top: 35px;
}
.product_deta .right a:hover{background-color: #4A663F;color: #fff;
   border: 1px solid #4A663F;
}

.product_deta .deta_txt{}
.product_deta .deta_txt .title{width: 100%;border-bottom: 1px solid #F0F0F0;
   height: 80px;line-height: 80px;font-size: 0;
}
.product_deta .deta_txt .title a{display: inline-block;width: 33.333%;
   font-size: 20px;color: #000;text-align: center;
}
.product_deta .deta_txt .title a:hover{color: #F4C552;}
.product_deta .deta_txt .title a.on{border-bottom: 1px solid #F4C552;color: #F4C552;}
.product_deta .deta_html .con{position: relative;
   margin-top: 60px;
}
.product_deta .deta_html .con .tit{position: absolute;
   left: 0;top: 0;
}
.product_deta .deta_html .con .tit h4{font-size: 18px;color: #333;padding-left: 22px;
   position: relative;
}
.product_deta .deta_html .con .tit h4 em{position: absolute;left: 0;
   top: 50%;transform: translateY(-50%);display: block;width: 3px;height: 12px;
   background-color: #F4C552;
}
.product_deta .deta_html .html p{font-size: 18px;color: #666;line-height: 1.8;}
.product_deta .deta_html .html img{vertical-align: middle;max-width: 100%;}
.product_deta .deta_txt h4{font-size: 26px;color: #333;
	margin-bottom: 25px;
}
.product_deta .reviews{margin-top: 40px;}
.product_deta .reviews h4{margin-bottom: 9px;}
.product_deta .reviews .tit_p{margin-top: 0px;font-size: 18px;color: #666;}


.review-list {
	margin-top: 30px;
}

.review-item {
	background: white;
	border-radius: 10px;
	padding: 25px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	width: 100%;
	transition: box-shadow 0.3s;
}

.review-item:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.user-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.user-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 20px;
	border: 3px solid #f1f8ff;
}

.user-info {
	flex: 1;
}

.user-name-row {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.user-name {
	font-weight: 600;
	font-size:16px;
	color: #2c3e50;
}

.verified-badge {
	display: inline-flex;
	align-items: center;
	background-color: #e8f4fc;
	color: #3498db;
	font-size: 0.8rem;
	padding: 3px 8px;
	border-radius: 10px;
	margin-left: 10px;
}

.verified-badge i {
	margin-right: 3px;
}

.review-meta {
	display: flex;
	align-items: center;
	gap: 20px;
}

.star-rating img{width: 20px;vertical-align: middle;margin-right: 3px;}
.review-date {
	color: #95a5a6;
	font-size: 14px;vertical-align: middle;
}

.review-content {
	margin-bottom: 20px;
	color: #34495e;
	font-size: 1.05rem;
	line-height: 1.7;
}

.review-images {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.review-img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 8px;
}

.no-images {
	color: #95a5a6;
	font-style: italic;
	font-size: 0.9rem;
}

.review-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
}

.product-info {
	color: #7f8c8d;
	font-size: 0.9rem;
}

.helpful-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: #f8f9fa;
	border: 1px solid #e0e0e0;
	padding: 6px 15px;
	border-radius: 20px;
	color: #666;
	font-size: 0.9rem;cursor: pointer;
}

.helpful-btn i {
	color: #666;
}

.pagination {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	gap: 8px;
}

.page-btn {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: white;
	border: 1px solid #e0e0e0;
	color: #666;
	font-size: 0.95rem;
}

.page-btn.active {
	background: #3498db;
	color: white;
	border-color: #3498db;
}

/* 分隔线 */
.divider {
	height: 1px;
	background: linear-gradient(to right, transparent, #e0e0e0, transparent);
	margin: 25px 0;
}












.web_now{background-color: #F0F0F0;}
.web_now .wp{}

.web_now .wp .left span{font-size: 24px;color: #444;margin: 0 3px;}
.web_now .wp .left em{font-size: 24px;color: #444;}
.web_now .wp .right{font-size: 0;text-align: center;}
.web_now .wp .right a{padding:0 50px;height: 68px;font-size: 20px;color: #444;display: inline-block;
	line-height: 68px;
}
.web_now .wp .right a:hover,.web_now .wp .right a.on{background-color: #ABC0D8;}



.service_sale{padding: 80px 0;}
.service_sale h3{text-align: center;font-size: 30px;margin-bottom: 80px;}
.service_sale p{line-height: 2;font-size: 16px;color: #000;margin-top:20px;}
.service_sale b{display: block;margin-top:20px;font-size: 16px;color: #000;}

.service_sale .html img{max-width: 100%;}
.service_sale .html .pic{padding: 20px 0;text-align: center;}



.product_question{padding: 80px 0;background-color: #f6f6f6;}
.product_question h3{text-align: center;font-size: 30px;margin-bottom: 80px;}


.product_question .item{width: 100%;}
.product_question .item .tit{display: flex; align-items: center;justify-content: space-between;
	border-bottom: 1px solid #D6D6D6;cursor: pointer;
	padding: 18px 0;
}
.product_question .item .tit span{font-size: 20px;color: #333;font-weight: bold;

	/* 强制在任意字符处换行 */
	    word-break: break-all;
	    /* 或者 允许在单词内换行 */
	    word-wrap: break-word;

}
.product_question .item .tit em{font-size: 30px;color: #333;}
.product_question .item .item_con{padding: 40px 0;overflow: hidden;
	border-bottom: 1px solid #D6D6D6;display: none;
}
.product_question .item .item_con img{width: 100%;}
.product_question .item .data_item{width: 50%;float: left;
	margin: 15px 0;
}
.product_question .item .item_con p{font-size: 16px;color: #333;
	line-height: 2;/* 强制在任意字符处换行 */
	    word-break: break-all;
	    /* 或者 允许在单词内换行 */
	    word-wrap: break-word;

}

.become{margin-top: 60px;}


.become_con{width: 535px;margin-left: auto;margin-right: auto;}
.service_sale .input{margin-top: 28px;font-size: 0;
	
}
.service_sale .input input{width: 414px;height: 62px;
	border:1px solid #4A663F;font-size: 16px;color: #333;padding: 0 8px;
	outline: none;
}
.service_sale .input input.btn{width: 120px;
background-color: #4A663F;color: #fff;cursor: pointer;
}
.service_sale .input input.btn:hover{opacity: 0.8;}



.bg_hui {
    background-color: #f6f6f6;
}

.about_news_list {
	padding-top: 80px;
    padding-bottom: 80px;
}


.about_news{padding-top: 100px;}

.about_news h3{text-align: center;font-size: 30px;}

.about_news .list .item{margin-bottom: 40px;background-color: #fff;
	padding-left: 430px;height: 240px;overflow: hidden;cursor: pointer;
}
.about_news .list .item .pic{width: 430px;height: 240px;position: relative;overflow: hidden;
	float: left;margin-left: -430px;
}

.about_news .list .item .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: cover; 
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center center;
}
.about_news .list .item:hover .pic img{transform: scale(1.05);}
.about_news .list .item .txt{padding: 60px 50px;}
.about_news .list .item .txt h4{font-size: 20px;color: #444;padding-right: 110px;position: relative;}
.about_news .list .item .txt h4 span{display: block;}
.about_news .list .item .txt h4 em{position: absolute;
	right: 0;top: 50%;transform: translateY(-50%);font-size: 16px;color: #444;
}
.about_news .list .item .txt p{margin-top: 30px;font-size: 16px;color: #444;
	line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.about_news .list .item:hover h4{color: #4A663F;}
.about_news .list .more{text-align: right;margin-bottom: 14px;}
.about_news .list .more a{font-size: 16px;color: #4A663F;}
.about_news .list .more a:hover{text-decoration: underline;opacity: 0.8;}




.application_info{padding: 60px 0;}

.web_deta .title2{text-align: center;border-bottom: 1px solid #f0f0f0;padding-bottom: 25px;}
.web_deta .title2 h4{font-size: 22px;color: #000;}
.web_deta .title2 span{font-size: 14px;color: #666;margin: 0 10px;margin-top: 15px;
   display: inline-block;
}
.web_deta .back{margin-top: 40px;padding-top: 40px;border-top: 1px solid #f0f0f0;
   text-align: center;
}
.web_deta .back a{display: inline-block;width: 166px;height: 50px;text-align: center;
   line-height: 48px;border: 1px solid #ccc;
   font-size: 14px;color: #333;transition: .3s;
}
.web_deta .back a:hover{background-color: #4A663F;border: 1px solid #4A663F;
   color: #fff;transition: .3s;
}
.web_deta .deta{margin-top: 30px;}
.web_deta .deta p{font-size: 16px;color: #333;line-height: 1.8;margin-bottom: 15px;}
.web_deta .deta .pic{margin-top: 30px;text-align: center;}
.web_deta .deta .pic img{max-width: 100%;vertical-align: middle;}




.contact_us{padding: 80px 0;
	display: flex;justify-content: space-between;
}
.contact_us .left{width: 48%;}
.contact_us .left .tit{margin-bottom: 30px;}
.contact_us .left .tit h3{font-size: 30px;color: #333;}
.contact_us .left .tit p{font-size: 16px;color: #333;margin-top: 22px;}

.contact_us .left .item{position: relative;padding-left: 65px;
	margin-bottom: 40px;
}
.contact_us .left .item .icon{position: absolute;
	left: 0;width: 54px;border: 1px solid #ddd;border-radius: 50%;
	height: 54px;top:50%;transform: translateY(-50%);
	display: flex;justify-content: center;align-items: center;
}

.contact_us .left .item .icon img{width: 28px;vertical-align: middle;}

.contact_us .left .item span{display: block;font-weight: bold;color: #333;font-size: 16px;}
.contact_us .left .item p{margin-top: 6px;font-size: 18px;color: #666;}
.contact_us .right{width: 48%;background-color: #ddd;
	padding: 20px 56px;
}
.contact_us .right .title{border-bottom: 1px solid #999;
	padding: 15px 0;
}
.contact_us .right .title .con{padding-left: 16px;
	border-left: 2px solid #333;
}
.contact_us .right .title .con p{font-size: 20px;color: #333;font-weight: bold;
	line-height: 1;
}
.contact_us .right .title .con span{display: block;font-size: 15px;color: #666;
	margin-top: 15px;line-height: 1;
}
.contact_us .right .form{margin-left: -40px;}
.contact_us .right .item{width: 100%;padding-left: 40px;margin-top: 20px;float: none;}
.contact_us .right .item input{width: 100%;height: 44px;
	padding: 0 8px;border: none;outline: none;color: #333;font-size: 16px;
}
.contact_us .right .item2{width: 50%;float: left;}
.contact_us .right .item textarea{width: 100%;padding: 8px;
	border: none;outline: none;resize: none;height: 200px;
	color: #333;font-size: 16px;
}
.contact_us .right .item .btn{background-color: #4A663F;color: #fff;cursor: pointer;
	margin-top: 20px;
}
.contact_us .right .item .btn:hover{opacity: 0.8;}

.web_make{padding: 80px 0;}
.web_make h4{font-size: 30px;color: #333;}


.step-title {
    align-items: flex-end;
    display: flex;
    margin: 20px 0;
}

.step.cont {
    align-items: center;
    display: flex;
    height: 50px;
    min-width: 100px;
    overflow: hidden;
    padding-right: 20px;
    width: fit-content;
}

.step .stepContent {
    align-items: center;
    background: linear-gradient(90deg, #4A663F 0, #4A663F 80%);
    border-radius: 8px 8px 0 0;
    color: #fff;
    display: flex;
    flex: 1;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    padding: 0 4px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.step .stepContent:before {
    background-color: #4A663F;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    content: "";
    height: 110%;
    position: absolute;
    right: -15px;
    top: 3px;
    width: 16px;
    z-index: -1;
}

/* .step .stepContent:after {
    border: 10px solid transparent;
    border-left: 10px solid #d24600;
    border-radius: 100%;
    bottom: 0px;
    content: "";
    height: 80px;
    position: absolute;
    right: -43px;
    transform: rotate(-45deg);
    width: 80px;
    z-index: -1;
} */
.step-title .titleBox {
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid #f0f0f0;
    color: #000;
    display: flex;
    flex: 1;
    justify-content: space-between;
    line-height: 1;
	font-size: 16px;
}
.web_make .pic_list{overflow: hidden;margin-left: -20px;}
.web_make .kuai{width: 16.66666666%;float: left;padding-left: 20px;
	margin-bottom: 20px;
}
.web_make .kuai .con{cursor: pointer;
	border: 1px solid #dbdbdb;border-radius: 5px;overflow: hidden;
	background-color: #fafafa;padding:12px;padding-bottom: 0;
}
.web_make .kuai.kuai_up .con{padding-bottom: 12px;}
.web_make .kuai .pic{aspect-ratio: 1/1;position: relative;overflow: hidden;}

.web_make .kuai .pic .btn{position: absolute;left: 0;top:0;
	width: 100%;height: 100%;opacity: 0;z-index: 9;cursor: pointer;
}




.web_make .kuai .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: contain; 
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
	transform-origin: center center;
}
.web_make .kuai .con p{font-size: 15px;color: #333;
	text-align: center;padding: 12px 0;font-weight: bold;
}

.web_make .kuai .con:hover{border: 1px solid #4A663F;}
.web_make .kuai .con:hover p{color: #4A663F;}

.web_make .kuai.on .con{border: 1px solid #4A663F;
	background-image: url(../images/ok2.png);
	background-repeat: no-repeat;background-position: right bottom;
	background-size: 32px auto;
}
.web_make .kuai.on .con p{color: #4A663F;}
.web_make .up_pic{margin-bottom: 20px;}
.web_make .up_pic p{font-size: 18px;font-weight: bold;}
.web_make .up_pic p span{font-size: 12px;color: #999;font-weight: normal;
	margin-left: 10px;
}

.lable_input{}
.lable_input input{width: 500px;height: 62px;
	border:1px solid #4A663F;font-size: 16px;color: #333;padding: 0 12px;
	outline: none;
}

.web_make .submit{}
.web_make .submit input{display:inline-block;
	width: 189px;text-align: center;margin-top: 36px;
	height: 52px;line-height: 52px;cursor: pointer;
	background: #FFFFFF;font-size: 18px;color: #151619;
	border: 1px solid #4A663F;color: #4A663F;
}

.web_make .submit input:hover{background-color: #4A663F;color: #fff;}


.mm_seach_btn{display: none;position: fixed;
	border-radius: 50%;width: 60px;height: 60px;
	box-shadow: 0 0 8px rgba(0, 0, 0,0.3);background-color: #fff;
	justify-content: center;align-items: center;z-index: 88;
	top: 75%;right: 15px;
}
.mm_seach_btn img{width: 38%;vertical-align: middle;}

.index_hoor{background-color: #F9FAFC;padding: 100px 0;}
.index_hoor .list{margin-top: 60px;position: relative;
	width: 100%;overflow: hidden;
}
.index_hoor .list img{width: 100%;vertical-align: middle;}
.index_hoor .list .pic{aspect-ratio: 336 / 513;position: relative;
	overflow: hidden;
}

.index_hoor .list .pic img{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;vertical-align: middle;object-fit: contain; 
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
	transform-origin: center center;
}
.index_hoor .list .swiper-pagination-bullet-active{background-color: #417505;}

.index_hoor .list .pic:hover img{transform: scale(1.05);}


.web_now_info{margin-top: 90px;height: 60px;line-height: 60px;
	border-bottom: 1px solid #e5e5e5;background-color: #fff;
}
.web_now_info a{font-size: 16px;color: #333;}
.web_now_info span{font-size: 16px;color: #333;display: inline-block;margin: 0 5px;}
.web_now_info em{font-size: 16px;color: #333;}
.web_now_info a:hover{color: #417505;}

.about_us_page{ display: flex;justify-content: space-between; align-items: center;}
.about_us_page .left{width: 48%;}
.about_us_page .right{width: 48%;}
.about_us_page .right img{width:100%;vertical-align: middle;}


.deta_html_info{ display: flex;
  justify-content: space-between;
}
.deta_html_info .left{width: 47%;}
.deta_html_info .right{width: 47%;}
.deta_html_info h6{font-size: 20px;color: #333;}
.deta_html_info .left p{font-size: 15px;color: #333;
	line-height: 1.8;margin-top: 20px;
}
.deta_html_info .right .list{margin-top: 20px;}
.deta_html_info .right .hang{padding: 5px 20px;font-size: 16px;
	color: #333;padding-left: 40%;position: relative;
}
.deta_html_info .right .hang span{display: inline-block;width: 40%;text-align: right;
	position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding-right: 10px;
}

.deta_html_info .right .hang:nth-child(odd){
	background-color: #f2f2f2;
}

.deta_html_info2{margin-top: 30px;}