@charset "utf-8";
/* CSS Document */
div, ul, li, a, img {
  margin: 0;
  padding: 0;
}
body {
  margin: 0 auto;
  width: 100%;
  max-width: 7.5rem;
  font-size: 0.2rem;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.h2 {
  margin-top: 0.2rem;
}
img {
  display: block;
}
a {
  text-decoration: none;
}
.banner img {
  width: 100%;
  max-width: 7.5rem;
}
.col {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  background: #ddedf5;
}
.col_02 {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
}
.bt_img img {
  margin: 0 auto;
  width: 100%;
  max-width: 7.5rem;
}
.js-silder-ctrl {
  display: none;
}
.col_1 {
  width: 100%;
  max-width: 7.5rem;
}
.top {
  width: 100%;
  max-width: 7.5rem;
  height: 1.15rem;
  background: #40babf;
  text-align: center;
  line-height: 1.1rem
}
.top img {
  width: 100%;
  max-width: 5.27rem;
}
.dh {
  background: url("../images/dh_ico.jpg");
}
.dh dl {
  float: left;
  width: 1.8rem;
  position: relative;
  background-image: url("../images/xian.png"); /* 替换为实际图片路径 */
  background-repeat: repeat-y; /* 垂直重复，适配dl高度 */
  background-position: right center; /* 定位到右侧居中 */
  background-size: 0.02rem 1.28rem; /* 边框宽度8px，高度100%（可自定义） */
  /* 留出图片边框的空间，避免内容重叠 */
  /*padding-right: 0.01rem;*/ /* 数值略大于背景图宽度，比如图片宽8px则设15px */
  height: 1.14rem;
  text-align: center;
  margin-top: 0.05rem;
}
.dh dl dt {
  margin-top: 0.08rem;
}
.dh dl dd {
  font-size: 0.21rem;
  color: #fff;
  margin-top: 0.05rem;
  line-height: 0.22rem;
}
.dh dl:nth-child(4) {
  background-image: none;
}
.dh dl img {
  width: 100%;
  max-width: 0.55rem;
}
.title {
  width: 6.7rem;
  margin: 0 auto;
}
.title p {
  text-align: center;
  font-size: 0.34rem;
}
.title p strong {
  font-size: 0.55rem;
}
.title img {
  margin-top: 0.1rem;
  width: 100%;
}
.col_02 .col_01 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.map_title {
  width: 4rem;
  height: 0.88rem;
  background: #ffd290;
  box-shadow: 0 -0.15rem 0 -0.05rem #c18026;
  border-radius: 0.2rem;
  text-align: center;
  margin: 0 auto;
  color: #a47027;
  line-height: 0.82rem;
  font-size: 0.46rem;
}
.map_img {
  width: 7.1rem;
  height: 0.85rem;
  background: url("../images/xm_02.jpg") no-repeat;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.kq_xm {
  background: url("../images/xm_04.jpg") repeat-y;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 7.1rem;
  margin: 0 auto;
}
.kq_xm .dl1 {
  float: left;
  width: 264px;
  height: 360px;
  margin-left: 12px;
  margin-top: 30px
}
.kq_xm .dl2 {
  float: left;
  width: 3.25rem;
  height: 2.6rem;
  margin-left: 0.12rem;
  margin-top: 0.3rem
}
.kq_xm .dl3 {
  float: left;
  width: 353px;
  height: 360px;
  margin-left: 12px;
  margin-top: 30px
}
.kq_xm dl dt img {
  border: 0.02rem solid #dfb191;
  border-radius: 0.1rem;
  width: 3.25rem;
}
/*.kq_xm .dl1 .dd1 ,.kq_xm .dl2 .dd1，{font-size:24px; text-align: center; align-content: center; font-weight: 600;line-height: 60px;}*/
.kq_xm dl .dd1 {
  font-size: 0.24rem;
  text-align: center;
  align-content: center;
  font-weight: 600;
  line-height: 0.6rem;
}
.kq_xm dl1 .dd1 a {
  color: #000
}
.kq_xm dl .dd2 {
  width: 2rem;
  height: 0.53rem;
  line-height: 0.53rem;
  background: #d5a25b;
  color: #fff;
  text-align: center;
  font-size: 0.24rem;
  border-radius: 0.1rem;
  margin: 0 auto;
}
.kq_xm dl .dd2 a {
  color: #fff;
}
.kq_xm .dl2:nth-child(2n-1) {
  margin-left: 0.2rem;
}
.xm_bt {
  width: 7.1rem;
  height: 0.36rem;
  background: url("../images/xm_06.jpg") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.fw, .gsfw {
  width: 6.7rem;
  margin: 0 auto
}
.fw dl {
  width: 2.03rem;
  height: 2.34rem;
  float: left;
  margin-left: 0.3rem;
  border-radius: 0.15rem;
  margin-top: 0.35rem;
  background: #2b7d81;
}
.fw dl:nth-child(1), .fw dl:nth-child(4) {
  margin-left: 0
}
.fw dl dt {
  width: 2.03rem;
  height: 1.68rem;
}
.fw dl dd {
  height: 0.68rem;
  color: #fff;
  text-align: center;
  line-height: 0.68rem;
  font-size: 0.3rem;
}
.fw dl img {
  width: 100%;
  max-width: 2.03rem;
}
.gsfw dl {
  width: 1.93rem;
  height: 1.93rem;
  border: 0.05rem #88c2c8 solid;
  border-radius: 50%;
  float: left;
  margin-left: 0.3rem;
  margin-top: 35px;
}
.gsfw dl:nth-child(1), .gsfw dl:nth-child(4), .gsfw dl:nth-child(7) {
  margin-left: 0;
}
.gsfw dl dt img {
  width: 1.93rem;
  height: 1.93rem;
  border-radius: 50%;
}
.gsfw dl dd {
  width: 1.93rem;
  height: 1.93rem;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 0.3rem;
  margin-top: -1.93rem;
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* 顶部开始，完全透明 */ rgba(0, 0, 0, 0) 1.29rem, /* 129px处仍完全透明 */ rgba(0, 0, 0, 0.2) 1.29rem, /* 129px处开始变为0.2透明度 */ rgba(0, 0, 0, 0.2) 100% /* 到底部保持0.2透明度 */
    );
}
.gsfw_con {
  /* 绝对定位：基于父容器（circle）定位 */
  position: absolute;
  /* 水平居中：left 50% + 向左偏移自身50%宽度 */
  left: 50%;
  transform: translateX(-50%);
  /* 距离底部20px */
  bottom: 0.25rem;
  /* 文字样式（可选，可根据需求调整） */
  font-size: 0.18rem;
  /*color: #333;*/
  /* 文字水平居中（兜底） */
  text-align: center;
  /* 可选：限制文字宽度，避免超出圆形 */
  max-width: 1.6rem;
}
.pinpai, .pinpai img {
  width: 100%;
  max-width: 7.5rem;
}
.anniu {
  width: 6.7rem;
  height: 0.74rem;
  text-align: center;
  margin: 0.4rem auto;
  color: #fff;
  font-size: 0.34rem;
  line-height: 0.7rem;
}
.anniu1 {
  width: 3.2rem;
  height: 0.7rem;
  background: #2bc98e;
  border-radius: 0.3rem;
  float: left;
  box-shadow: 0 0.08rem 0 -0.02rem rgba(0, 0, 0, 1);
}
.anniu2 {
  width: 3.2rem;
  height: 0.7rem;
  background: #d96d63;
  border-radius: 0.3rem;
  float: right;
  box-shadow: 0 0.08rem 0 -0.02rem rgba(0, 0, 0, 1);
}
.anniu1 a, .anniu2 a {
  color: #fff;
}
.anniu1 a:visited, .anniu2 a:visited, .anniu1 a:active, .anniu2 a:active {
  color: #fff;
}
.anniu img {
  width: 100%;
  max-width: 0.31rem;
}
/*.anniu2:hover{background:#c6473c;}*/
.bg3 {
  background: #9cd1df;
}
.sb {
  margin: 0 auto;
  padding-bottom: 0.15rem;
}
.sb_con {
  width: 6.7rem;
  margin: 0 auto;
}
.sb_con img {
  width: 100%;
}
.sb_con1 {
  width: 3.16rem;
}
.sb_con2 {
  width: 3.44rem;
}
.sb_con dl {
  border-radius: 0.1rem;
}
.sb_con dl dd {
  color: #fff;
  position: relative;
  border-bottom-left-radius: 0.05rem;
  border-bottom-right-radius: 0.05rem;
  background-color: rgba(82, 166, 170, 0.8)
}
.sb_con1 dl dd, .sb_con3 dl dd {
  height: 0.45rem;
  margin-top: -0.45rem;
  ;
  text-align: center;
  font-size: 0.22rem;
  line-height: 0.45rem;
}
.sb_con1 dl {
  margin-bottom: 0.13rem;
}
.sb_con4 {
  margin-top: 0.01rem;
}
.sb_con4 dl {
  width: 1.67rem;
  margin-top: 0.12rem;
}
.sb_con4 dl dd {
  height: 0.35rem;
  margin-top: -0.35rem;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.4rem;
}
.ys_01 {
  background: url("../images/ys_01.jpg") no-repeat;
  background-position: center center; /* 图片居中显示，保证核心内容不被裁切 */
  background-size: contain; /* 覆盖整个div，自动缩放，裁剪边缘（最常用） */
  /* 可选：如果想完整展示图片，不用cover，改用contain */
  /* background-size: contain; */
  /* 可选：固定背景图，滑动页面时不跟随滚动 */
  /* background-attachment: fixed; */
}
.hj_ys {
  width: 6.8rem;
  margin: 0 auto;
}
.hj {
  width: 6.8rem;
  height: 5.43rem;
  margin: 0 auto;
}
.hj_ys dl {
  width: 4.06rem;
  float: right;
  margin-top: 0.65rem;
}
.hj_ys dl dt {
  font-size: 0.35rem;
  color: #000;
}
.hj_ys dl dt strong {
  font-size: 0.4rem;
  color: #11767b;
}
.hj_ys .dd1 {
  font-size: 0.2rem;
  color: #fff;
  background: #50a8ac;
  padding: 0.07rem 0.14rem;
  margin-top: 0.25rem;
  line-height: 0.36rem;
  width: 3.54rem;
  border-radius: 0.1rem;
}
.dd2 ul li {
  list-style-type: none; /* 清除默认圆点 */
  position: relative; /* 为伪元素定位做准备 */
  padding-left: 0.14rem; /* 给圆点留出空间，避免文字重叠 */
  /* margin: 0.1rem 0;*/ /* 列表项间距，可选 */
  font-size: 0.16rem; /* 文字大小，可选 */
  line-height: 0.2rem;
}
.dd2 ul li::before {
  content: ""; /* 伪元素必须有content，空值即可 */
  position: absolute; /* 绝对定位，精准控制圆点位置 */
  left: 0; /* 圆点靠左对齐 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 精准垂直居中 */
  width: 0.08rem; /* 圆点宽度（大小） */
  height: 0.08rem; /* 圆点高度（大小） */
  border-radius: 50%; /* 圆形（关键） */
  background-color: #50a8ac; /* 绿色，可替换为其他色值 */
}
.dd2 {
  margin-top: 0.1rem;
}
.hj_ys .dd4 {
  font-size: 0.2rem;
  color: #fff;
  background: #50a8ac;
  padding: 0.07rem 0.14rem;
  margin-top: 0.1rem;
  line-height: 0.3rem;
  width: 0.8rem;
  border-radius: 0.1rem;
}
.hj_ys .dd3 {
  font-size: 0.16rem;
  margin-top: 0.1rem;
  line-height: 0.2rem;
}
.huanjing {
  background: #9cd1df;
  width: 100%;
  max-width: 7.5rem;
}
.hj {
  width: 100%;
  max-width: 6.83rem;
  height: 4.15rem;
  margin: 0 auto;
}
.layui-carousel img {
  width: 100%;
}
.map {
  width: 100%;
  max-width: 6.8rem;
  margin: 0 auto;
}
.map img {
  width: 100%;
}
.lylx {
  width: 100%;
  max-width: 6.83rem;
  margin: 0 auto;
  background: #fff;
}
.lylx dl {
  width: 6.48rem;
  height: 0.98rem;
  border-bottom: 1px #666 dashed;
  margin-left: 0.1rem;
  margin-top: 0.2rem;
}
.lylx dl dt {
  width: 100%;
  max-width: 0.77rem;
}
.lylx dl dt img {
  width: 100%;
  max-width: 0.77rem;
}
.lylx dl dt, .lylx dl dd {
  float: left;
}
.lylx dl dd {
  font-size: 0.2rem;
  margin-left: 0.1rem;
  width: 100%;
  max-width: 5rem
}
.lylx dl dd .dt1 {
  font-size: 0.25rem;
  line-height: 0.5rem;
}
.lylx dl:nth-child(2) dd .dt1 {
  line-height: 0.4rem;
}
/*友情链接*/
.gytj {
  width: 100%;
  max-width: 7.5rem;
  margin: 0.1rem auto 0;
  padding-bottom: 0.35rem;
  background: #9cd1df;
}
.gytj .gy_title {
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
  font-weight: 600;
  padding-top: 0.3rem;
}
.gytj .gy_con {
  font-size: 0.2rem;
  color: #fff;
  line-height: 0.38rem;
  max-width: 6.2rem;
  margin: 0.15rem auto 0;
}
.gytj .gy_con span {
  background: #f57905;
  padding: 0.01rem 0.06rem;
  border-radius: 0.05rem;
}
.zzsx {
  background: #29ccb7;
  max-width: 7.5rem;
  width: 100%;
}
.zzsx .sx_title {
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
  font-weight: 600;
  padding-top: 0.2rem;
}
.sx_con {
  padding-bottom: 0.35rem;
  margin: 0.2rem auto 0;
  width: 100%;
  max-width: 6.2rem;
}
.sx_con dl {
  width: 100%;
  max-width: 6.2rem;
  margin-top: 0.15rem;
}
.sx_con dl dt, .sx_con dl dd {
  float: left;
}
.sx_con dl dt img {
  width: 100%;
  max-width: 0.8rem;
}
.sx_con dl dd {
  width: 100%;
  max-width: 4.8rem;
  line-height: 0.25rem;
  background: #d5efec;
  margin-left: 0.1rem;
  border-radius: 0.15rem;
  padding-left: 0.2rem;
  padding-top: 0.15rem;
  padding-right: 0.15rem;
  padding-bottom: 0.15rem;
}
.clear {
  clear: both;
}
.gytj .gy_con1 {
  font-size: 0.26rem;
  width: 100%;
  max-width: 6rem;
  margin: 0.15rem auto 0
}
.gy_con1 ul {}
.gy_con1 ul li {
  float: left;
  margin-right: 0.55rem;
  line-height: 0.45rem;
}
.gy_con1 ul li a {
  color: #fff;
}
/*友情链接*/
.dibu {
  max-width: 7.5rem;
  width: 100%;
  margin: 0 auto;
  height: 4.5rem;
}
.footer {
  background: url(../images/online_img9.jpg) no-repeat;
  overflow: hidden;
  width: 100%;
  max-width: 7.5rem;
  background-position: center center; /* 图片居中显示，保证核心内容不被裁切 */
  background-size: contain; /* 覆盖整个div，自动缩放，裁剪边缘（最常用） */
  height: 3.28rem;
}
.footer_p {
  width: 100%;
  max-width: 5rem;
  margin: 1.2rem auto 0;
}
.footer_p p {
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.36rem;
}
.footer_p p a {
  font-size: 0.24rem;
  color: #fff;
}
.footer h5 {
  font-size: 0.12rem;
  text-align: center;
  opacity: 0.7;
  color: #fff;
  font-weight: normal;
}