* {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-decoration: none;
    color: #222;
}

body {
    text-size-adjust: 100%;
   
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.clear {
    clear: both;
    width: 100%;
}
.text{
 width: 100%;
 border:1px solid #eee;
 background-color: #fff;
 line-height: 36px;
 outline: none;
 text-indent:5px;
}
.submit{
 width: 100%;
 border:0px;
 background-color: #f00;
 color: #fff;
 font-size: 14px;
 line-height: 36px;
 outline: none;
 cursor: pointer;
 border-radius: 5px;
}
.main{
 text-size-adjust: 100%;
  /*width: 400px;*/
  /*min-width: 360px;*/
  margin: 0px auto;
  margin-bottom: 62px;
}
.head{
 width: 100%;
 height: auto;
 position: relative;
 
}
.head>img.bg{
 width: 100%;
}
.head>.left{
 float: left;
 position: absolute;
 
}
.head>.right{
 float: right;
 position: absolute;
}
.head>.tel{
 position: absolute;
 
 right: 0px;
 bottom: 4px;
 /*width: 96%;*/
 /*left: 2%;*/
 width: 100%;
 
}
.head>.tel>a{
 display: block;
 width: 100%;
 line-height: 44px;
 text-align: center;
 color: #fff;
 background-color: #f00;
 border-radius: 10px;
 font-weight: bold;
}


.zhanshi{
 width: 100%;
 height: auto;
 position: relative;
 background-color: #f5ebe0;
 padding-bottom: 0px;
 
}
.zhanshi>img.top{
 width: 100%;
}
.zhanshi>.title{
 width: 100%;
 font-size: 16px;
 text-align: center;
 line-height: 200%;
 font-weight: bold;
}
.zhanshi>.keys{
 width: 92%;
 margin: 5px auto 5px auto;
 border-top: 1px solid #a97c47;
 border-bottom: 1px solid #a97c47;
 display: flex;
}
.zhanshi>.keys>li{
 flex: 1; /* 核心：每个li平均分配父容器宽度（1份） */
  text-align: center; /* 可选：文本居中，视觉更整齐 */
  padding: 5px 0; /* 可选：增加内边距，避免内容贴边 */
  font-size: 14px;
   
}
.zhanshi>.pic{
 width: 100%;
 margin-top:5px; ;
}
.zhanshi>.content{
 width: 100%;
 margin-top:5px; ;
}
.zhanshi>.content>p{
 margin:5px 10px;
 text-align: justify;
 font-size: 14px;
 text-indent: 2rem;
 
}
.zhanshi>.addweixin{
 /*width: 96%;*/
 /*margin: 5px auto;*/
 width: 100%;
 cursor: pointer;
 background-color: #00c923;
 line-height: 44px;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 color: #ffffff;
 border-radius: 10px;
 background-repeat: no-repeat;
 background-size: 24px auto;
 background-position: 30% 13px;
}
.zhanshi>.pics{
 
 display: grid;
 padding:  10px;
 grid-template-columns: repeat(2, 1fr); /* 2 列，每列平均分配宽度（1fr 代表等分） */
 gap: 10px; /* 列之间的间距（可选） */
}
.zhanshi>.pics>li {
  box-sizing: border-box;
  /*aspect-ratio: 4/2.5;*/

}
.zhanshi>.pics>li>img{
 width: 100%;
 aspect-ratio: 16/9;
}
.zhanshi>.pics>li>p{
 font-size:13px;
 text-align: center;
}
.xuanze{
 background-color: #1d5403;
 width:100%;
 min-height:100px;
 padding-top: 5px;
 position: relative;
}
.xuanze>h1{
 line-height: 66px;
 text-align: center;
 font-size: 40px;
  background: linear-gradient(45deg, #d4af37, #f0e68c, #d4af37);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
}
.xuanze>h2{
 width: 100%;
 height: 36px;
 line-height: 36px;
 text-align: center;
 background-position: center center;
 background-repeat: no-repeat;
 font-size: 18px;
 color:#f0e68c;
 margin-top: 10px;
 font-weight: normal;
}

.xuanze>h3{
 width: 100%;
 height: 30px;
 line-height: 30px;
 text-align: center;
 font-size: 14px;
 color:#ffffff;
 margin-top: 10px;
 font-weight: normal;
}

.xuanze>.pics{
 width: 100%;
 display: grid;
 padding:  10px;
 box-sizing: border-box;
 grid-template-columns: repeat(3, 1fr);  
 gap: 10px;  
}
.xuanze>.pics>li {
  box-sizing: border-box;
  /*aspect-ratio: 2.5/4*/
}
.xuanze>.pics>li>img{
 width: 100%;
 aspect-ratio: 9/16;
}
.xuanze>.pics>li>h4{
 line-height: 40px;
 font-size:18px;
 text-align: center;
 color:#ffffff;
 background: linear-gradient(45deg, #d4af37, #f0e68c, #d4af37);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.xuanze>.pics>li>p{
 font-size:12px;
 text-align: center;
 color:#ffffff;
 font-weight: bold;
 line-height: 24px;
}

.xuanze>.line{
 width: 100%;
 display: grid;
 padding:  0px;
 box-sizing: border-box;
 grid-template-columns: repeat(3, 1fr);  
 gap: 0px; 
 height: 60px;
 position: absolute;
 left: 0px;
 bottom: 15px;
}
.xuanze>.line>li {
  box-sizing: border-box;
  /*aspect-ratio: 2.5/4*/
  border-right: solid 1px #f0d060;
}
.xuanze>.line>li:last-child{
 border:0px;
}

.muxing{
 background-color: rgb(236, 233, 228);
 width: 100%;
 min-height: 100px;
}
.muxing>.title{
 width: 100%;
 height: 90px;
 background-position: center center;
 background-repeat: repeat;
 
}
.muxing>.title>h1{
  line-height: 80px;
 text-align: center;
 font-size: 40px;
 color:#ffffff;
  background: linear-gradient(45deg, #10650c, #54aa4c, #10650c);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
 
}
 
 
.muxing>h2{
 width: 100%;
 height: 36px;
 line-height: 36px;
 text-align: center;
 background-position: center center;
 background-repeat: no-repeat;
 font-size: 18px;
 color:#f0e68c;
 margin-top: 10px;
 font-weight: normal;
}

.muxing>h3{
 width: 100%;
 height: 30px;
 line-height: 30px;
 text-align: center;
 font-size: 14px;
 color:#10650c;
 margin-top: 10px;
 font-weight: normal;
}
.muxing>.pics{}
.muxing>.pics>li{padding:3px 10px;width:calc(100% - 20px);}
.muxing>.pics>li>img{width:100%;}

.jingguan{
 background-color: #eee3d3;
 width: 100%;
 min-height: 100px;
}
.jingguan>.title{
 width: 100%;
 height: 90px;
 background-position: center center;
 background-repeat: repeat;
 
}
.jingguan>.title>h1{
  line-height: 80px;
 text-align: center;
 font-size: 40px;
 color:#ffffff;
  background: linear-gradient(45deg, #10650c, #54aa4c, #10650c);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
 
}
 
 
.jingguan>h2{
 width: 100%;
 height: 36px;
 line-height: 36px;
 text-align: center;
 background-position: center center;
 background-repeat: no-repeat;
 font-size: 18px;
 color:#f0e68c;
 margin-top: 10px;
 font-weight: normal;
}

.jingguan>h3{
 width: 100%;
 height: 30px;
 line-height: 30px;
 text-align: center;
 font-size: 14px;
 color:#10650c;
 margin-top: 10px;
 font-weight: normal;
}
.jingguan>.pics{}
.jingguan>.pics>li{padding:3px 10px;width:calc(100% - 20px);}
.jingguan>.pics>li>img{width:100%;}

.jingguan>.pics2{
 width: 100%;
 display: grid;
 padding:  10px;
 box-sizing: border-box;
 grid-template-columns: repeat(2, 1fr);  
 gap: 10px;  
}
.jingguan>.pics2>li {
  box-sizing: border-box;
  /*aspect-ratio: 2.5/4*/

}
.jingguan>.pics2>li>img{
 width: 100%;
 aspect-ratio: 16/9;
}
.wenda{
  background-color: #ffffff;
 width: 100%;
 min-height: 100px;
}
.wenda>ul.wendalist{
 width: calc(100% -20px );
 margin: 0px auto;
}
.wenda>ul.wendalist>li{
 border-bottom:1px solid #ccc;
 padding: 10px 0px;
}
.wenda>ul.wendalist>li>span{
 line-height: 36px;
 height: 36px;
 font-size: 14px;
 display: block;
 width: 100%;
 
}
.wenda>ul.wendalist>li>span>em{
 float: left;
 display: block;
 width: 18px;
 height: 18px;
 line-height: 18px;
 text-align: center;
 background-color: #f00;
 color: #fff;
 font-style: normal;
 border-radius: 3px;
 margin-top: 8px;
 margin-left: 5px;
 font-size: 14px;
}


.wenda>ul.wendalist>li>span>h4{
 float: left;
 font-size: 14px;
 font-weight: normal;
 margin-left:5px ;
}
.wenda>ul.wendalist>li>span>i{
 background-image: url(../images/hot.png);
 background-repeat: no-repeat;
 background-size: 80%;
 background-position: center center;
 float: left;
 width: 21px;
 height: 30px;
 margin-top: 3px;
 
}
.wenda>ul.wendalist>li>div{
 padding-bottom: 1px;
 clear: both;
}
.wenda>ul.wendalist>li>div>em{
 float: left;
 display: block;
 width: 18px;
 height: 18px;
 line-height: 18px;
 text-align: center;
 background-color: #00f;
 color: #fff;
 font-style: normal;
 border-radius: 3px;
 margin-top: 4px;
 margin-left: 5px;
 font-size: 14px;
}

.wenda>ul.wendalist>li>div>p{
 float: left;
 padding-left:0px ;
 padding-right: 10px;
 margin-left: 5px;
 margin-top: 3px;
 line-height: 22px;
 font-size: 12px;
 color: #666;
 width: calc(100% - 40px );

 /* 关键属性：限制显示的行数 */
  -webkit-line-clamp: 2;
  /* 将元素设置为弹性盒模型（webkit 私有） */
  display: -webkit-box;
  /* 设置弹性盒的排列方向为垂直 */
  -webkit-box-orient: vertical;
  /* 隐藏超出容器的内容 */
  overflow: hidden;
  /* 可选：增强省略号显示的兼容性 */
  text-overflow: ellipsis;
  /* 建议设置固定宽度（避免容器宽度自适应导致不触发溢出） */
   
}
.wenda>.fuwu1v1{
 height: 25px;
 width:calc(100% - 20px );
 margin: 10px auto;
 background-color: #efefef;
}
.wenda>.fuwu1v1>ul{
 height: 100%;
 width: 100px;
 overflow: hidden;
 float: left;
}
.wenda>.fuwu1v1>ul>li{
 background-size: 100% 100%;
 border-radius: 50%;
 width:25px;
 height: 25px;
 float: left;
 margin-left:-5px;
}
.wenda>.fuwu1v1>p{
 float: left;
 
 line-height: 25px;
 margin-left: 10px;
 font-size: 13px;
}
.wenda>.fuwu1v1>a{
 float: right;
 background-color: #f00;
 color: #fff;
 text-align: center;
 line-height: 25px;
 border-radius: 10px;
 font-size: 13px;
width: 90px;
 
}
.yuyue{
 background-color: #eee;
 min-height: 100px;
 padding-bottom:20px ;
}
.yuyue>.tel{
 margin-left: calc(100% - 300px);
 padding: 20px 0px;
 
 float: left;
}
.yuyue>.tel>li{
 width:100%;
 line-height: 26px;
 clear: both;
 
}
.yuyue>.tel>li>p{
 float: left;
 font-size: 18px;
}
.yuyue>.tel>li>a{
 float: left;
 font-size: 15px;
 margin-left: 8px;
 font-weight: bold;
}

.yuyue>.hot{
  float: left;
  margin-left: 10px;
  font-size: 12px;
  color: #CC0A5E;
  margin-top: 24px;
}
.yuyue>.hot>i{}
.yuyue>.hot>span{
 background-color: #CC0A5E;
 color: #fff;
 border-radius: 3px;
 min-width: 12px;
 padding: 1px 5px;
}

.fuwu{
 background-color: #1d5403;
 width: 100%;
 min-height: 100px;
 padding-bottom: 10px;
}
.fuwu>.title{
 width: 100%;
 height: 90px;
 background-position: center center;
 background-repeat: repeat;
 
}
.fuwu>.title>h1{
  line-height: 80px;
 text-align: center;
 font-size: 40px;
 color:#ffffff;
  background: linear-gradient(45deg, #f0e68c, #d4af37, #f0e68c);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
 
}
 
.fuwu>h2{
 width: 100%;
 height: 36px;
 line-height: 36px;
 text-align: center;
 background-position: center center;
 background-repeat: no-repeat;
 font-size: 18px;
 color:#f0e68c;
 margin-top: 10px;
 font-weight: normal;
}
.fuwu>img{
 width: 90%;
 margin: 10px auto;
 display: block;
 
}
.fuwu>ul{
  width: calc(100% - 40px );
 margin: 10px 20px;
 padding-left: 10px;
}
.fuwu>ul>li{
 list-style-type: disc;
 line-height: 22px;
 font-size: 14px;
 color: #fff;
 margin-bottom: 4px;
}

.lianxi{
 background-color: rgb(236, 233, 228);
 width: 100%;
 min-height: 100px;
 position: relative;
 padding-bottom:50px ;
 position: relative;
}
.lianxi>.title{
 width: 100%;
 height: 90px;
 background-position: center center;
 background-repeat: repeat;
 
}
.lianxi>.title>h1{
  line-height: 80px;
 text-align: center;
 font-size: 40px;
 color:#ffffff;
  background: linear-gradient(45deg, #10650c, #54aa4c, #10650c);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
 
}

.lianxi>h3{
 width: 100%;
 height: 30px;
 line-height: 30px;
 text-align: center;
 font-size: 14px;
 color:#10650c;
 font-weight: normal;
}
.lianxi>.tel24{
 width: 100%;
 padding: 10px 0px;
 height: auto;
}
.lianxi>.tel24>div{
  width: 40% ;    
  height: 36px;    
  line-height: 36px;
  text-align: center;
  background-color: #f0d060; /* 匹配原图的暖黄色调 */
  border-radius: 30px;       /* 大圆角，与高度比例适配 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); /* 轻微阴影增强层次 */
  margin-left: 5%;
  font-weight: bold;
  float: left;
}
.lianxi>.tel24>a{
 width: 40% ;    
  height: 36px;    
  line-height: 36px;
  float: right;
  font-size: 20px;
  color: #10650c;
  font-weight: bold;
  margin-right: 5%;
}
.lianxi>.pic{
 width: 90%;
 margin: 10px auto;
 display: block;
 
}
.lianxi>.weixin{
 width: 30%;
 display: block;
 position: absolute;
 left: 12%;
 bottom: 20px;
 aspect-ratio: 1/1;
 
}
.lianxi>.address{
 width: 30%;
 display: block;
 position: absolute;
 right:  12%;
 bottom: 20px;
 aspect-ratio: 1/1;
 
}
.bottom{
 width: 100%;
 height: 60px;
 background-color: #fff;
 position: fixed;
 left: 0px;
 bottom: 0px;
}
.bottom>.yu{
 width: 70px;
 height: 30px;
 line-height: 30px;
 padding-top: 30px;
 background-image: url(../images/yuyue_car.png);
 background-repeat: no-repeat;
 background-position: center 5px ;
 text-align: center;
 margin-left:10px ;
 float: left;
}
.bottom>.weixin_bottom{
 display: block;
 width:calc(50% - 55px) ;
 line-height: 46px;
 margin-left: 10px;
 margin-top:7px ;
 border-radius: 5px;
 background-image: url(../images/b_weixin.png);
 color: #fff;
 text-align: center;
 float: left;
 text-indent:30px;
 background-repeat: no-repeat;
 background-color: #009a44;
}
.bottom>.tel{
 display: block;
 width:calc(50% - 55px);
 line-height: 46px;
 margin-left: 10px;
 margin-top:7px ;
 border-radius: 5px;
 background-image: url(../images/b_tel.png);
 color: #fff;
 text-align: center;
 float: left;
 text-indent:30px;
 background-repeat: no-repeat;
 background-color: #fa7300;
}
.hide{
 width: 100%;
 background-color: #fff;
 position: fixed;
 left: 0px;
 bottom: 0px;
 z-index: 999;
 display: none;
}
.hide>.close{
 position: absolute;
 width: 22px;
 height: 22px;
 line-height: 22px;
 background-color: #eee;
 color: #f00;
 right: 3px;
 top: 3px;
 text-align: center;
 cursor: pointer;
 border-radius: 11px;
}

.cover{
 position: fixed;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.25);
 left: 0px;
 bottom: 0px;
 display: none;
 z-index: 888;
}
.addweixin_show{
 width: 80%;
 left: 10%;
 top: calc(50% - 125px  );

 position: fixed;
 z-index: 998;
 background-color: #fff;
 border-radius: 20px;
 display: none;
 padding: 30px 0px 20px 0px;
}
.addweixin_show>.ico{
 width: 100%;
 height: 40px;
 background-image: url(../images/weixin_gou.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 40px;
}
.addweixin_show>h4{
 line-height: 36px;
 font-size: 18px;
 width: 100%;
 text-align: center;
}
.addweixin_show>p{
 line-height: 24px;
 font-size: 16px;
 width: 100%;
 text-align: center;
}
.addweixin_show>.weixin>a{
 width: 50%;
 line-height: 42px;
 color: #fff;
 font-size: 16px;
 background-color: #16b64a;
 display: block;
 text-align: center;
 margin: 10px auto;
 border-radius: 5px;
}
.addweixin_show>.weixin>img{
 width: 60%;
 margin: 10px auto;
 display: block;
}
.qa{
 background-color: #fff;
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: calc(100% - 60px);
 display: none;
  
}
.qa>.q{
 padding-top: 20px;
 
}
.qa>.q>em{
 float: left;
 display: block;
 width: 18px;
 height: 18px;
 line-height: 18px;
 text-align: center;
 background-color: #f00;
 color: #fff;
 font-style: normal;
 border-radius: 3px;
 margin-top: 8px;
 margin-left: 15px;
 font-size: 14px;
}


.qa>.q>h3{
 width:calc(100% - 55px );
 margin-left: 7px;
 float: left;
 padding-top: 3px;
 line-height: 28px;
}
.qa>.a{
 padding-top: 10px;
}
.qa>.a>em{float: left;
 display: block;
 width: 18px;
 height: 18px;
 line-height: 18px;
 text-align: center;
 background-color: #00f;
 color: #fff;
 font-style: normal;
 border-radius: 3px;
 margin-top: 4px;
 margin-left: 15px;
 font-size: 14px;}
.qa>.a>p{
 width:calc(100% - 55px );
 margin-left: 7px;
 float: left;
 padding-top: 2px;
 line-height: 26px;
 font-size: 16px;
}
.qa>.close{
 position: absolute;
 top: 2px;
 right: 2px;
 padding:3px 5px;
 font-size: 12px;
 background-color: rgba(0,0,0,0.2);
 color: #f00;
 border-radius: 5px;
}