.cgcnbg1{background: url(../img/bg1.jpg);background-repeat: no-repeat; background-position: center top; padding: 5% 0; }
.cgcn_con1_r{width: 680px; float: right;}
.cgcn_con1_rn h2{font-weight: bold;font-size: 20px;color: #01A04C; margin: 5% 0 1% 0;}
.cgcn_con1_rn p{font-size: 18px;color: #616161;line-height: 36px; text-indent: 2em;}
.cgcn_con1_rn{margin-top: 5%;}
.cgcn_con1_d{width: 810px; background: #01A04C; color: #fff; padding: 3% 10%; margin-top: 4%; float: right;}
.cgcn_con1_d p{font-size: 18px;color: #FFFFFF;line-height: 36px;}
.cgcn_con1_d a{width: 180px;font-size: 22px;color: #FFFFFF;text-align: center;display: block; margin-top: 2%;line-height: 54px;background: #EFB212;}
.cgcn_con2{position: relative; display: flex; justify-content: space-between;}
.cgcn_con2 h3{width: 100%; height: 1px; background: #B7B7B7; position: absolute; left: 0; right: 0; margin: 0 auto; top: 3px;}
.cgcn_con2 dl h2{display: none;}
.cgcn_con2 dl dd img:nth-child(2){display: none;}
.cgcn_con2 dl p{display: none; margin-top: 5%; text-align: center;font-size: 26px;}
.cgcn_con2 .active p{display: block;}
.cgcn_con2 .active dd img:nth-child(1){display: none;}
.cgcn_con2 .active dd img:nth-child(2){display: block;}
.cgcn_con2 dl dt{width: 1px; height: 6px; background: #01A04C; opacity: 0;margin: 0 auto; position: relative;z-index: 11;}
.cgcn_con2 .active  dt{opacity: 1; width: 341px;transition: all 0.56s ease-in-out; opacity: 1; }
.cgcn_con2 dl dd{margin-top: 50px;}
.cgcnbg3{background: url(../img/bg3.jpg);background-repeat: no-repeat; background-position: center top; padding:1px 0 5% 0; margin: 5% auto; }
.cgcn_con3{width: 1493px; margin-left: 70px; display: flex; justify-content: space-between; position: relative;}
.cgcn_con3_l{width: 1360px;}
.cgcn_con3_l dl{display: flex; justify-content: space-between;}
.cgcn_con3_l dl dd{width: 440px; color: #fff; padding-top: 7%;}
.cgcn_con3_l dl dd h2{font-size: 24px;font-weight: bold; margin-bottom: 3%;}
.cgcn_con3_l dl dd p{font-size: 18px;line-height: 34px;}
.cgcn_con3_l dl a{width: 169px;line-height: 45px;display: block; background: url(../img/anbg.png);font-size: 22px; text-align: center; margin-top: 7%;}
.cgcn_con3 h5{position: absolute; top: -60px; right: 40px;}
.cgcn_con3_r{width: 80px; text-align: center; height: 500px; }
.cgcn_con3_r dl{width: 80px; height: 80px; line-height: 80px; border-radius: 50%; position: relative; background: #fff; }
.cgcn_con3_r dl dd{position: absolute; top: 0; right: 0; left: 0;bottom: 0;}
.cgcn_con3_r dl svg{display: none;}
.cgcn_con3_r dl dd img{vertical-align: middle;}
.cgcn_con3_r .swiper-slide-thumb-active dl svg{display: block;}
  /* SVG 圆形样式 */
  .progress-ring__circle {
    /* 边框颜色 */
    stroke: #EFB212;
    /* 边框宽度 */
    stroke-width: 8;
    /* 填充色为无 */
    fill: none;
    /* 边框线帽为圆形，让起点和终点更平滑 */
    stroke-linecap: round;
    /* 
      初始时，将 dashoffset 设置为周长，让边框不可见
      animation 属性定义动画
    */
    stroke-dashoffset: 283; 
    animation: fillCircle 4s linear forwards;
    transform: rotate(-90deg); /* 从顶部开始动画 */
    transform-origin: 50% 50%; /* 旋转中心为圆心 */
  }

  /* 背景圆，用于显示一个淡淡的边框 */
  .progress-ring__background {
    stroke: #E4F4EB;
    stroke-width: 8;
    fill: none;
  }

  /* 动画定义 */
  @keyframes fillCircle {
    from {
      /* 动画开始时，边框完全不可见 */
      stroke-dashoffset: 283;
    }
    to {
      /* 动画结束时，边框完全可见 */
      stroke-dashoffset: 0;
    }
  }

  /* 中间的文本 */
  .circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Arial, sans-serif;
    font-size: 20px;
    color: #333;
  }

.gather-advant {
    width: 100%;
    position: relative;
}

.gather-advant-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.gather-advan-btm {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.gather-advan-btm-nav {
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    left: 0;
    padding-top: 70px;
    padding-bottom: 140px;
}

.gabn-li {
    width: 2px;
    height: 80px;
    background: #EBEBEB;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
    transition: all 0.36s;
}

.gabn-li::after {
    content: '';
    position: absolute;
    bottom: -6px;
    width: 2px;
    height: 2px;
    background: var(--color1);
    border-radius: 50%;
    opacity: 0.2;
}

.gabn-li:last-child::after {
    display: none;
}

.gabn-li.act {
    background: #019B41;
}

.gather-advan-btm-ul {
    width: 100%;
    padding-left: 60px;
}

.gabu-li {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px #F1F1F1;
    padding: 20px;
    padding-left: 80px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    align-items: self-start;
}

.gabu-ri {
    width: 46%;
    border-radius: 10px;
}

.gabu-le {
    width: 46%;
    padding-top: 20px;
    padding-right: 100px;
}

.gabu-le-tit .std-tit4 {
    color: #333; font-size: 33px; font-weight: bold;
    line-height: 1.4;
}

.gabu-le-tit {
    margin-bottom: 24px;
}
.gabu-le-info h2{font-size: 26px;color: #019B41; margin-bottom: 2%;}
.gabu-le-info p {
   font-size: 18px;
   color: #666666;
   line-height: 40px;
}

.gabu-le-info {
    margin-bottom: 74px;
}

.gabu-le-subtit p {
    color: var(--color1);
    line-height: 1.7;
}

.gabu-le-subtit {
    margin-bottom: 20px;
}

.gabu-le-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.gabu-li:first-child .gabu-le-ul-li {
    width: 33.333333%;
}

.gabu-le-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.glul-wrap {
    width: 100%;
    position: relative;
    padding-left: 16px;
    border-left: 1px solid rgba(30, 48, 131, 0.20);
}

.glul-wrap-num .std-tit4 {
    color: var(--color);
    font-family: "Montserrat-Regular";
    font-weight: bold;
}

.glul-wrap-tit p {
    color: var(--color);
}

.glul-wrap-info p {
    color: #999;
    line-height: 1.8;
}

.glul-wrap-info {
    margin-top: 4px;
}

.ys-cont1600{width: 1600px; margin: 0 auto;}
.ys-imgbox-cover {
    position: relative;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.cgcn_con5{width: 1300px; margin: 0 auto; position: relative;}
.cgcn_con5 dl{text-align: center;}
.cgcn_con5 dl dd{font-size: 26px;color: #666666;  margin-top: 3%;}
.cgcnbg6{background: url(../img/bg6.jpg);background-repeat: no-repeat; background-position: center top; padding:8% 0 5% 0; color: #fff; }
.cgcn_con6_r{text-align: right;}
.cgcn_con6_r h2{display:inline-block;background: #EFB212;border-radius: 10px; line-height: 52px; padding: 0 15px;font-size: 33px; margin: 2% 0;}
.cgcn_con6_r dd{font-size: 33px;font-style: italic; margin-bottom: 3%;}
.cgcn_con6_r P{font-size: 24px;line-height: 50px;font-style: italic; text-align: right;}
.cgcnbg7{background: url(../img/bg7.jpg);background-repeat: no-repeat; background-position: center top; padding:1% 0 5% 0;  margin-top: 3%;}
.cgcn_con7_ln{width: 700px;}
.cgcn_con7_ln p{font-size: 18px;color: #616161;line-height: 36px; text-indent: 2em;}
.cgcn_con7_ln h2{font-size: 60px;color: #019B41; margin: 5% 0 1% 0;}
.cgcn_con7_ln  a{width: 180px;font-size: 22px;color: #FFFFFF;display: block;text-align: center;line-height: 54px;background: #019B41;}
.x_foot{display: flex; justify-content: space-between;}
.x_foot dl{display: flex;}
.x_foot dl dd p{font-size: 18px;color: #FDFDFC;}
.x_foot dl dd h2{font-size: 31px;font-weight: bold;}
.x_foot dl dd{margin: 5% 0 0 3%;}
.x_foot ul{width: 740px; display: flex; justify-content: space-between;margin-top: 40px;}
.x_foot_m{border-top: 1px solid #3EB36E;border-bottom: 1px solid #3EB36E; margin: 3% auto;}
.x_footm{display: flex; justify-content: space-between;}
.x_footm dl{display: flex; justify-content: center; padding: 5% 0;border-right: 1px solid #3EB36E; width: 28%;}
.x_footm dl dd p{opacity: .5;  margin-bottom: 1%;}
.x_footm dl dt{margin: 5px 8px 0 0;}
.x_footm dl:last-child{border: none;}
.x_footm dl:nth-child(2){width: 45%;}
.x_footd{display: flex; justify-content: space-between;}
.x_footd ul{width: 310px; display: flex; justify-content: space-between;}
.x_footd ul li p{font-size: 16px;text-align: center; margin-top: 2%;}
.x_footd dl{padding-top:8%;}
.x_footd dl dd{opacity: .7;  margin-top: 2%;}


 @media (max-width: 767px) {
.cgcn_con2{width: 95%; margin: 0 auto; flex-wrap: wrap;}
.cgcn_con2 dl dt{display: none;}
.cgcn_con2 dl p{display: block; font-size: 18px; line-height: 55px;background: #01A04C;border-radius: 26px; text-align: center; color: #fff; margin-top: -9%; position: relative;z-index: 11;}
.cgcn_con2 dl h2{display: block;}
.cgcn_con2 dl dd{display: none;}
.cgcn_con2 dl{margin-bottom: 5%;}
.cgcn_con2 .active p{background: #EFB212;}
.toplog dl dt img{width: 70px;}
.toplog dl dd{font-size: 15px; line-height: 25px; margin: 8px 0 0 8px;}
.cgcnbg1{background: url(../img/mbg1.jpg); background-size: 100% 100%; padding: 1% 0 9% 0;}
.cgcn_con1_r{width: 100%;float: unset;}
.cgcn_con1_r h3{display: none;}
.cgcn_con1_rn h2{font-size: 15px;}
.cgcn_con1_rn p{font-size: 14px; line-height: 25px;}
.cgcn_con1_d{width: 90%; padding: 5%; }
.cgcn_con1_d p{font-size: 14px; line-height:25px;}
.cgcn_con1_d a{display: none;}
.cgcn_con3{width: 90%; margin: 0 auto;}
.cgcn_con3_l{width: 100%;}
.cgcn_con3_r{display: none;}
.cgcn_con3_l dl{flex-direction: row-reverse; flex-wrap: wrap-reverse;}
.cgcn_con3_l dl dt{width: 100%;}
.cgcn_con3_l dl dd{width: 100%;}
.cgcn_con3_l dl dd h2{font-size: 18px;}
.cgcn_con3_l dl dd p{font-size: 14px; line-height: 25px; margin-bottom: 5%;}
.cgcn_con3_l dl dd a{display: none;}
.cgcnbg3{padding: 1% 0 9% 0;}
.ys-cont1600{width: 95%; margin: 0 auto;}
.gather-advan-btm-nav{display: none;}
.gabu-li{flex-direction: row-reverse; flex-wrap: wrap-reverse; padding:5%; width: 90%; margin-bottom: 5%;position:unset}
.gabu-ri{width: 100%;}
.gabu-le{width: 100%; padding: 0;}
.gather-advan-btm-ul{padding: 0;}
.gabu-le-tit .std-tit4{font-size: 18px; margin-top: 5%;}
.gabu-le-info h2{font-size: 16px;}
.gabu-le-info p{font-size: 14px; line-height: 22px;}
.gabu-le-tit{margin-bottom: 0;}
.gabu-le-info{margin-bottom: 0;}
.cgcn_con5{width: 95%;}
.cgcn_con5 .swiper{padding-bottom: 15%;}
.cgcn_con5 dl dd{font-size:15px;}
.cgcn_con5 .q1{top: auto; bottom: 0;right: 40%;}
.cgcn_con5 .q2{top: auto; bottom: 0;left: 40%;}
.cgcnbg6{background: url(../img/mbg6.jpg); background-size: 100% 100%; padding:25% 0 9% 0;}
.cgcn_con6_r P{font-size: 14px; line-height: 25px;}
.cgcn_con6_r h2{font-size: 16px; line-height: 35px; margin: 3% 0;}
.cgcn_con6_r dd{font-size: 16px;}
.cgcn_con6_r h3 img{width: 90%;}
.cgcn_con6_r h4{ font-size:14px; margin-top:3%}
.cgcn_con6_r{padding-right: 3%;}
.cgcn_con7_ln{width: 100%;}
.cgcn_con7_ln p{font-size: 14px; line-height: 25px;}
.cgcn_con7_ln h2{font-size: 40px;}
.cgcn_con7_ln a{width: 120px; line-height: 35px; font-size: 14px;}
.cgcnbg7{background: unset; padding: 0}
.mxtf{margin-top: -13%;}
.x_foot ul{display: none;}
.x_foot dl{width: 100%; justify-content: center;}
.x_foot dl dt img{width: 45px;}
.x_foot dl dt{margin: 6% 1% 0 0;}
.x_foot dl dd p{font-size: 15px;}
.x_foot dl dd h2{font-size: 25px;}
.x_foot_m{border: none; flex-wrap: wrap;}
.x_foot_m dl{border: none; width: 100%; flex-wrap: wrap; padding: 3% 0;}
.x_foot_m dl:nth-child(1){display: none;}
.x_foot_m dl:nth-child(2){width: 100%;}
.x_footm{flex-wrap: wrap;}
.x_footm dl dt{width: 100%; text-align: center;}
.x_footm dl dd{width: 100%; text-align: center;}
.x_footm dl dd p{width: 100%; text-align: center;}
.x_footd dl{display: none;}
.x_footd ul{width: 80%; margin: 0 auto 20%;}
.x_footd ul li{width: 45%;}
.cgcnbg3 .jnh_pub_tit p{padding: 0 15%;}

}