a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}



.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}
.w1200{margin:0 auto;max-width: 1200px; position: relative;}
.w1280{margin:0 auto;max-width: 1280px; position: relative;}
.w1380{margin:0 auto;max-width: 1380px; position: relative;}
.w1400{margin:0 auto;max-width: 1400px; position: relative;}
.w1440{margin:0 auto;max-width: 1440px; position: relative;}
.w1600{margin:0 auto;max-width: 1600px; position: relative;}

.empty{ 
    display: block;
    background: url(img/empty.png) no-repeat center;
    width: 100%;
    height: 300px;
}

#header{position: fixed;z-index:10000;top: 0px;left:0;right:0;height: 0;transition:.2s;padding:0 0; border-bottom: 1px solid rgba(255,255,255,0.2); height: 100px; background:url(../images/tb_bj.png) center repeat-x;}
#header>.w1600{display:flex;align-items:center;justify-content:space-between;height: 100px; }
#header .right{display:flex;align-items:center;border-radius: .625rem;position: relative;}
#header>.w1600 .logo img{ width: 330px;}
.logo2{ display: none;}


#header.heade2{ background: #fff;border-bottom: 1px solid rgba(0,0,0,.05)!important; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.heade2 .logo2{ display: block;}
.heade2 .logo{ display: none;}

nav{display: inline-block;}
#nav>ul{display: flex;padding: 0 2rem;}
#nav>ul>li{position:relative;z-index:0;margin: 0 26px;display: flex;align-items: center;}
#nav>ul>li span{display:inline-block;width: .3125rem;height: .3125rem;background: #b2b2b2;border-radius:50%;}
#nav>ul>li >a{display:block;padding: 0;text-transform:uppercase;}
#nav>ul>li >a{font-size: 18px;color: #fff;line-height: 100px;position:relative;transition:.6s;display: flex;align-items: center;}
#nav>ul>li.on >a{ font-weight:bold;}
#nav>ul>li >a h3{position:relative;font-size: 18px;font-family:'harmonyos_sanssc_regular';}
.heade2 #nav>ul>li >a h3{ color: #333;}



#nav>ul>li .sub {
    position: absolute;
    left: 50%;
    top: 100px;
    z-index: 999;
    /* -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); */
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    transform-origin: 0 0 0;
    /* 初始状态：完全隐藏 + 缩放为0 + 位移 */
    transform: scaleY(0) translateX(-50%);
    opacity: 0;          /* 初始透明度为0 */
    visibility: hidden;  /* 初始不可见 */
    pointer-events: none;/* 初始不响应鼠标事件，避免遮挡 */
    -webkit-transition: all 0.5s ease 0.1s; /* 延迟0.1s开始动画，更自然 */
    -moz-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s; 
    display: block;      /* 改用opacity/visibility控制显隐，避免display:block打断过渡 */
    padding: 20px;
    
}
/*#nav>ul>li .sub:before{content:"";position:absolute;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #fff 8px solid;top: 13px;left: 50%;margin-left: -6px;}*/
#nav>ul>li .sub .box{text-align:center;border-radius: 5px;overflow: hidden;background: #f1f4fb; padding:40px; padding-top:30px; padding-bottom:30px; width:300px; padding-right:20px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
#nav>ul>li:nth-child(4) .sub .box{ width:480px;}
#nav>ul>li .xin_nav_a2 a{font-size: 16px;color: #666; display: block; position:relative; float: left; width:120px; line-height: 32px; text-align: left;
   
}

#nav>ul>li:nth-child(4) .xin_nav_a2 a{ width:210px;}

#nav>ul>li .xin_nav_a2{ margin-top:15px;}


#nav>ul>li .xin_nav_a2 a em{ background:url(../images/r1.png) center no-repeat; width:5px;  height:9px;display: inline-block; margin-left:5px;}

#nav>ul>li .xin_nav_a2 a:hover em{background:url(../images/r2.png) center no-repeat;width:5px;  height:9px;display: inline-block;  }
#nav>ul>li .sub a:last-child{ border-bottom: none;}

#nav>ul>li .sub a:hover{color: #003c96;background: none;}
#nav>ul>li .sub .box .xin_nav_a h4{ font-size:24px; color:#333; text-align:left; margin-bottom:4px;}
#nav>ul>li .sub .box .xin_nav_a h4 img{
    margin-right: 5px;
display: inline-block;
vertical-align: -3px; width:24px;}
#nav>ul>li .sub .box .xin_nav_a p{ font-size:16px; color:#999;text-align:left; border-bottom:1px solid #d7d7d7; padding-bottom:10px;}
#nav>ul>li .sub .box .xin_nav_a a{ margin-bottom:0; margin-top:0; line-height:30px!important;}

#nav>ul>li .sub .box .xin_nav_a h5{ width:38px; height:38px; background:#fdd706; border-radius:100px; text-align:center; line-height:38px; color:#333; font-size:22px; font-weight:700; margin-top:20px; margin-bottom:0;}


#nav>ul>li:hover .sub {
    opacity: 1;          /* 完全显示 */
    visibility: visible; /* 可见 */
    pointer-events: auto;/* 响应鼠标事件 */
    /* 最终状态：正常缩放 + 位移 + 取消scaleY */
    transform: translateY(-20px) translateX(-50%) scaleY(1);
    /* 保持过渡时长，确保动画流畅 */
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    
}




#nav>ul>li.on>a, #nav>ul>li:hover>a, #header.xg #nav>ul>li.on >a, #header.xg #nav>ul>li:hover >a{}

#nav>ul>li h3:after{content:"";display:block;width: 100%;height: 3px;position:absolute;left: 50%;margin-left: -50%;background: #fed806;bottom: 0;transition:.5s;transform:scale(0);border-radius: 0;}
#nav>ul>li h3:before{content:"";display:block;position:absolute;left:50%;margin-left: -3px;border-left:transparent 3px solid;border-right:transparent 3px solid;border-bottom: #00a271 4px solid;bottom:2px;transition:.3s;opacity:0;visibility:hidden;display: none;}
#nav>ul>li:hover h3:after,#nav>ul>li.on h3:after{  transform:scale(1);}
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{ opacity:1; visibility:visible}
#header.xg #nav>ul>li h3:after{ background:#007f64}

#header:hover{}
#nav>ul>li.li1{ position:inherit}

.sub_box1{position:absolute;background:#fff url(../images/xiala_bg.jpg) right bottom no-repeat;background-size:cover;width:100%;left:0;padding:2.875rem 0;box-shadow:0 25px 25px rgba(0,0,0,.05);opacity:0;visibility:hidden;transform:scaleY(0); transform-origin:top; transition: .5s;}
.sub_box1 *{line-height:1;width: 100%;}
.sub_box1 .w1200{ display:flex; align-items:flex-start}

.sub_box1 .ll1{width: 20rem;padding-right:2px;}
.sub_box1 .ll1 .miso_hd1 ul .miso-list{ overflow:visible}
.sub_box1 .ll1 .miso_hd1 ul li{ height:7rem; margin-bottom:1.5rem}
.sub_box1 .ll1 .miso_hd1 ul li a{ display:flex;}
.sub_box1 .ll1 .miso_hd1 ul li .img{ width:7rem;}
.sub_box1 .ll1 .miso_hd1 ul li .img .img_hezi{ padding-bottom:7rem !important}
.sub_box1 .ll1 .miso_hd1 ul li .con{width:calc(100% - 7rem);height:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 0 1.125rem;transition:.5s;border:#e5e5e5 1px solid;}
.sub_box1 .ll1 .miso_hd1 ul li .con h5{ font-size:1.125rem; color:#2e2e2e; line-height:1.25}
.sub_box1 .ll1 .miso_hd1 ul li .con p{ font-size:.875rem; color:#828282; line-height:1.25; margin:.75rem 0 0}
.sub_box1 .rr1{width: calc(100% - 20rem);padding:0 0 0 2.5rem;}
.sub_box1 .box_li{display:flex;}
.sub_box1 .box_li dl{padding-right: 1.5rem;flex: 1;}
.sub_box1 .box_li dl dt{ font-size:.9375rem; color:#003c96; font-weight:900; line-height:1.5; margin-bottom:1.5rem; transition:.5s}
.sub_box1 .box_li dl dd{ font-size:.875rem; color:#003c96; line-height:1.875rem; transition:.5s}

.sub_box1 .box_li dl dt:hover, .sub_box1 .box_li dl dd:hover{ color:#e65e0e}

.sub_box1 .ll1 .miso_hd1 ul li.miso-current .con{ border:#0750a2 1px solid; background:#0750a2}
.sub_box1 .ll1 .miso_hd1 ul li.miso-current .con h5, .sub_box1 .ll1 .miso_hd1 ul li.miso-current .con p{ color:#fff}

#nav>ul>li.li1.active .sub_box1{ opacity:1; visibility:visible; transform:scaleY(1)}

.sub_box2{background:#fff}
.sub_box2 .miso_hd2 ul{display:flex;margin:0 -.9375rem;flex-wrap:wrap;}
.sub_box2 .miso_hd2 ul li{ width:33.333333%; padding:0 .9375rem;}
.sub_box2 .miso_hd2 ul li a{ display:flex;}
.sub_box2 .miso_hd2 ul li .img{ width:7rem;}
.sub_box2 .miso_hd2 ul li .img .img_hezi{ padding-bottom:7rem !important}
.sub_box2 .miso_hd2 ul li .con{ width:calc(100% - 7rem); height:7rem; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 1.75rem; transition:.5s; border:#e5e5e5 1px solid}
.sub_box2 .miso_hd2 ul li .con h5{ font-size:1.125rem; color:#2e2e2e; line-height:1.25}
.sub_box2 .miso_hd2 ul li .con p{ font-size:.875rem; color:#828282; line-height:1.25; margin:.75rem 0 0}

.sub_box2 .miso_hd2 ul li:hover .con{ border:#0750a2 1px solid; background:#0750a2}
.sub_box2 .miso_hd2 ul li:hover .con h5, .sub_box2 .miso_hd2 ul li:hover .con p{ color:#fff}












/*首页新闻开始*/

.news_big{ padding: 50px 0; background: #f1f4fb;}
.news_tit{ display: flex;justify-content: space-between;}

.news_tit_left h2{ color:#666; font-size: 16px;font-family:'harmonyos_sanssc_regular'; background: url(../images/hst.png) no-repeat left top; padding-left: 10px; padding-top: 5px; font-weight: 700;}
.news_tit_left h3{ font-size: 44px; color: #333;  margin-top: 10px;font-family:'harmonyos_sanssc_bold'; font-weight: 700;}
.news_tit_right{ display: flex; margin-top: 8px;}
.news_tit_right ul{ display: flex; gap:10px}
.news_tit_right ul li{ width: 150px; height: 50px; text-align: center; border: 1px solid #c9c9c9; line-height: 50px; color:#666; font-size: 18px;font-family:'harmonyos_sanssc_regular'; display: block;}
.news_tit_right ul li a{ color: #666; display: block;}
.news_tit_right ul li:hover{ background: #003c96; color: #fff;border: 1px solid #003c96;}
.news_tit_right ul li:hover a{ color: #fff;}
.news_tit_right ul .select{background: #003c96; color: #fff;border: 1px solid #003c96;}
.news_tit_right ul .select a{ color: #fff;}
.news_nr ul{ 
  display: flex;
  gap: 20px; 
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 50px;
}

/* ★核心关键：给每个li设置强制均分宽度，解决所有宽度问题 */
.news_nr ul li{ 
  flex: 1 0 calc((100% - 60px)/4); 
  background: #fff; 
  border-radius: 8px; 
  overflow: hidden; 
  display: block;
  box-sizing: border-box; /* 防止padding撑大宽度 */
 transition: all 0.5s;
}
.news_nr_pic{ width: 100%; height: 16rem; overflow: hidden;}


.news_tit_right ul li:nth-child(1):hover{ background:#bd0705; border:1px solid #bd0705;}


.news_nr_pic img{ 
  width: 100%; 
  height: 100%;
  object-fit: cover; 
  text-align: center;
  transition: all 0.5s; 
}
.news_nr_txt{ padding:30px; box-sizing: border-box;}
.news_nr_txt1{
	color: #333333;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 20px;
    text-align: left;
    font-family:'harmonyos_sanssc_regular';
    height: 94px;
}
.news_nr_txt2{ font-size: 16px; color: #666; text-align: left; margin-bottom: 20px;font-family:'harmonyos_sanssc_regular';}
.news_nr_txt3{font-size: 16px; color: #666;font-family:'harmonyos_sanssc_regular'; margin-top: 34px; margin-bottom: 25px;}

.news_nr ul li:hover{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);transition: all 0.5s;transform: translateY(-5px);}
.ckgd{ text-align: center;}
.ckgd a{ width: 170px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #bfbfbf; border-radius: 60px; font-size: 14px; display: inline-block; color: #666; margin: 0 auto; margin-top: 30px;transition: all 0.5s; overflow: hidden;}
.news_nr ul li:hover  .news_nr_txt1{ color: #003c96;}
.news_nr ul li:hover .news_nr_pic img{ transform: scale(1.15);}
.news_nr ul li:hover .news_nr_txt3{ color: #003c96; text-decoration: underline;transition: all 0.6s;transform: translateY(-5px);}





/*关于我们开始*/
.about{ background: #f1f4fb url(../images/jybj.jpg) no-repeat bottom center; background-size: 100%; padding-bottom: 120px; padding-top: 60px;}
.aobut_nr{display: flex;justify-content: space-between;margin-top: 40px;} 
.aobut_nr_left{ width: 780px;}
.aobut_nr_left h2{display: flex}
.aobut_nr_left h2 p{ font-size: 22px; color: #333; line-height: 33px;font-weight: 700;}
.aobut_nr_left section{ 
	  font-size: 16px; color: #333;font-family:'harmonyos_sanssc_regular'; line-height: 30px; margin-top: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    text-indent: 2em;
    text-align: justify;
    }
.about_more a{ width: 150px; text-align: center; line-height: 50px;  height: 50px; background: #003c96; font-size: 16px; display: block; color: #fff;} 
.about_more{ margin-top: 40px;}
.about_more a:hover{ background: #0068f7;}


.about_number ul{ display: flex;justify-content: space-between; padding-top: 65px;}
.about_number ul li{ text-align: center;}
.about_number ul li .about_right3_2{ font-size: 16px; color: #666; margin-top: 10px;}
.about_right3_1 span{ font-size: 40px; color: #003c96; font-weight: 700;font-family:'harmonyos_sanssc_regular';margin-top: -4px; padding-right: 5px;}
.about_right3_1 b{font-size: 18px; color: #666; font-weight: 400;font-family:'harmonyos_sanssc_regular';}
.about_number ul li:nth-child(2) .about_right3_1 b{ font-size:30px;color: #003c96;font-weight: 700;font-family:'harmonyos_sanssc_regular';margin-right:4px;}
.about_number ul li:nth-child(3) .about_right3_1 b{ font-size:40px;color: #003c96;font-weight: 700;font-family:'harmonyos_sanssc_regular'; margin-right:4px;}
.about_right3_1 {
    font-size: 18px;
    color: #666;
    font-family: 'harmonyos_sanssc_regular';
    align-items: center;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}


.aobut_nr_right{ width: 650px; background: #e5eef9; padding-top: 50px;}
.aobut_nr_right1{ color: #003c96; font-size: 32px;font-weight: 700;font-family:'harmonyos_sanssc_regular'; text-align: center;}
.aobut_nr_right2{ text-align: center; font-size: 16px; color: #999999; line-height: 24px; margin-top: 10px;}
.aobut_nr_right3 video{ width:100%; cursor: pointer;height: 366px;}
.aobut_nr_right3{ height: 366px;}
.aobut_nr_right3{ margin-top: 20px;}
















/* footer */ 
.footer {background:#0f1d37;position: relative;clear: both;padding: 5% 0 0 0;overflow: hidden;}

.footer-content-top  {margin: auto;padding-bottom: 3%;overflow: hidden;display: flex;
justify-content: space-between;box-sizing: border-box;}
.footer-content-left { position: relative;}
.footer-content-left:before{ content: ""; left: -164px; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,.2); position: absolute; z-index: 4;}
.footer-logo {width: 100%; color: #fff; font-size: 18px;}
.footer-logo a{ color: #fff;}
.footer-logo svg * {fill: #fff!important;}
.footer-logo svg .st6 {fill: #fff!important;}
.footer-logo svg .st3 rect{fill: #8400d2!important;}
.footer-logo svg .st0 rect{fill: #7dcbf1!important;}
.footer-contact {margin-top: 7%;color: #fff;}
.footer-contact-item {margin-top: 4%;}
.footer-contact-item .title-1{color: rgba(255,255,255,.8);  line-height: 28px; font-size: 16px; font-family:'harmonyos_sanssc_regular';}
.footer-contact-item .tel-1{ font-size: 2rem; margin-top: 0.7rem;}
.footer-contact-item .add-1{margin-top: 2%;}
.footer-content-right {}
.footer-nav {text-align: right;}
.footer-nav ul{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;text-align: left;margin-left: 6rem;}	
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav ul strong {font-weight: normal;margin: 0;padding: 0;padding-bottom:20px;display: block;}
.footer-nav ul strong a {color: #fff; font-size: 18px;}
.footer-nav ul li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul li a{color: rgba(255,255,255,.6);display: block; line-height: 2.1rem;  font-size: 16px;font-family:'harmonyos_sanssc_regular';}
.footer-nav ul li a:hover {color: #fff;}
.footer-content-bottom {padding: 1.6% 0;overflow: hidden;clear: both;color: rgba(255,255,255,.7);margin: auto;position: relative;}
.footer-content-bottom a {color: rgba(255,255,255,.7);}
.footer-content-bottom a:hover {color: #fff; text-decoration: underline;}
.footer-content-bottom .copy-1{overflow: hidden;}
.footer-content-bottom .niego-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.footer-contact-item-code{ display: flex; gap:20px; margin-top: 15px;}
.ewm1{ border-radius: 4px; overflow: hidden; text-align: center;}
.ewm2{ text-align: center; line-height: 20px; color: rgba(255,255,255,.6); margin-top: 5px;}

.footer_yqlj{ display: flex; font-size: 16px;font-family:'harmonyos_sanssc_regular'; color: #fff; border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 25px;}
.footer_yqlj_right a{font-size: 14px;font-family:'harmonyos_sanssc_regular'; color: #fff; margin-right: 30px; color: rgba(255,255,255,.8); position: relative;}
.footer_yqlj_right a:hover{ color: #fff;} 
.footer_yqlj_right a:before{ position: absolute; right: -15px; top: 2px; width: 1px; height: 13px; background: rgba(255,255,255,.8); content: "";}
.footer_yqlj_right{ padding-left: 10px;}



/*首页下面两个板块开始*/
.two_sections{ padding-top:80px; padding-bottom: 80px;}
.two_sections .w1600{
align-items: center;
display: flex;
justify-content: space-between;
box-sizing: border-box;}
.two_sections_1{ width: 48%; display: block; border-radius: 8px; overflow: hidden; height: 360px; padding: 70px;box-sizing: border-box;transition: all 0.5s;}
.two_sections1 h2{ color: #fff; font-size: 36px; font-weight: 600;font-family:'harmonyos_sanssc_regular'; }
.two_sections1{transition: all 0.5s;}
.two_sections1 h3{ color: #fff; font-size: 16px;margin-top: 5px; opacity: .9;}
.two_sections1 em{ width: 40px; height: 3px; background: #fdd706; display: block; margin-top: 16px;}
.two_sections2{ font-size: 18px; color: #fff; margin-top: 30px;opacity: .9;transition: all 0.5s;}

.two_sections3 { width: 54px; height: 54px; border: 1px solid #fff; border-radius: 50px; margin-top: 70px;width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50px;align-items: center;
display: flex;
justify-content: space-between;
box-sizing: border-box;transition: all 0.5s;
padding-left: 5px;
}


.two_sections3 a{ display: block; padding-left: 5px; }
.two_sections3 img{ width: 25px;}

.two_sections_1:hover .two_sections1{transition: all 0.5s;transform: translateY(-7px);}
.two_sections_1:hover .two_sections2{transition: all 0.5s;transform: translateY(-7px);}
.two_sections_1:hover .two_sections3{transition: all 0.5s;transform: translateY(-7px);}
.two_sections_1:hover{transition: all 0.5s;transform: translateY(-5px);}





/*业务领域开始*/
.business{ padding-top: 50px; }
.map-container .w1600{ position:relative; height:50rem;}
/* 主容器（纯色背景替代底图） */
 .map-container {
            position: relative;
            width: 100vw;
            height:50rem;
            background: url(../images/yw_dt.jpg) no-repeat top center;  background-size: cover;
            margin-top: 40px;
}
       
.business_nr .indicator {
            position: absolute;
            display: flex;
            align-items: center;
            background: rgba(255,255,255,.8);
            border: 3px solid #003c96;
            border-radius:60px;
            padding: 15px 30px;
            font-size: 20px;
            color: #003c96;
            cursor: pointer;
            
          /*  transition: all 0.1s ease;*/
            animation: float ease-in-out infinite;
            font-family:'harmonyos_sanssc_regular';
             font-weight: 700;
        }
      
.business_nr  .indicator a {
            display: flex;
            align-items: center;
            text-decoration: none; /* 去掉下划线 */
            color: inherit; /* 继承文字颜色，去掉默认蓝色 */
            width: 100%;
            height: 100%;
        }
     
.business_nr .indicator .circle {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 3px solid #003c96;
            margin-right: 10px;
            background: none;
        }
        /* 各标注位置+独立自定义动画时长+启动延迟（不变，每个跳动速度都不同） */
.business_nr .water-supply {
    top: 8rem;
    right: 12rem;
    animation-duration: 4.2s;
    animation-delay: 0.5s;
        }
.business_nr .municipal-sewage {
    top: 24rem;
    right: 19rem;
    animation-duration: 3.2s;
    animation-delay: 0.5s;
        }
.business_nr  .village-sewage {
            top: 23rem;
            left: 39rem;
            animation-duration: 4.2s;
            animation-delay: 0.5s;
        }
.business_nr .industrial-sewage {
           top: 14rem;
          left: 26rem;
            animation-duration: 3.9s;
            animation-delay: 0.8s;
        }
      
        
.business_nr  .industrial-sewage4 {
          left: 43rem;
          bottom: 8rem;
        animation-duration: 3.7s; /* 最慢的跳动频率 */
        animation-delay: 0.3s;
}
.business_nr  .industrial-sewage5 {
          left: 50rem;
          top: 6rem;
        animation-duration: 3.3s; /* 最慢的跳动频率 */
        animation-delay: 0.3s;
        padding: 12px 23px;
        font-size: 18px;
       border: 2px solid #fed806;
       color: #333;
}

.business_nr .industrial-sewage5  .circle{ border: 2px solid #fed806;}
.business_nr .industrial-sewage6  .circle{ border: 2px solid #fed806;}
.business_nr .industrial-sewage7  .circle{ border: 2px solid #fed806;}
.business_nr  .ecological-river .circle{ border: 2px solid #fed806;}
.business_nr  .industrial-sewage6 {
          right:  10rem;
          top: 19rem;
          animation-duration: 3.8s; /* 最慢的跳动频率 */
          animation-delay: 0.3s;
          padding: 12px 23px;
        font-size: 18px;
         border: 2px solid #fed806;
       color: #333;
}
.business_nr  .industrial-sewage7 {
          left:  20rem;
          bottom:  15rem;
          animation-duration: 4.0s; /* 最慢的跳动频率 */
          animation-delay: 0.3s;
          padding: 12px 23px;
        font-size: 18px;
         border: 2px solid #fed806;
       color: #333;
}
.business_nr  .ecological-river {
          left: 5rem;
           bottom: 18rem;
            animation-duration: 3.2s; /* 最慢的跳动频率 */
            animation-delay: 0.3s;
           padding: 12px 23px;
        font-size: 18px;
         border: 2px solid #fed806;
       color: #333;
}
  
        
        
        
        
        
        /* hover交互效果（不变，优化视觉反馈） */
.business_nr .indicator:hover {
            transform: scale(1.08);
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            background: #003c96;
            border-color: #003c96;
            color: #fed806;
        }
.business_nr .indicator:hover .circle{border: 3px solid #fed806;}
        /* 浮动跳动动画定义（核心不变） */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-6px); }
        }



/*banner轮播图开始*/

.hmFocusWpr { position: relative; }
.hmFocus { height: 100vh;  background: #000; }
.hmFocus_item {  height: 100vh;  position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transform: scale(1.11); transform: scale(1.11); }
.hmFocus_item video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }


.active .hmFs_bg { visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards; }
.hmFocus .slick-prev { background: url(../images/fsbtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform: rotate(180deg); transition: all 0.5s ease-in-out; opacity: 0.3; }
.hmFocus .slick-next { background: url(../images/fsbtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition: all 0.5s ease-in-out; opacity: 0.3; }
.hmFocus .slick-prev:hover, .hmFocus .slick-next:hover { background-image: url(../images/fsbtn.png); opacity: 1 }
.hmFocus_doc { width: 100%; position: absolute; left: 0; bottom: 3vw; z-index: 5; }
.hmFocus_doc ul { text-align: center; }
.hmFocus_doc ul li { cursor: pointer; margin: 0 8px 0 0; width: 60px; display: inline-block; }
.hmFs_docx { height: 5px; background: rgba(255,255,255,0.5); transition: all 0.5s ease-in-out; opacity: 1; position: relative; }
.hmFs_docx.on { opacity: 1; }
.hmFs_docx i { width: 0; height: 5px; background: #fed806; position: absolute; left: 0; top: 0px; transition: all 0.5s ease-in-out; }
.hmFs_docx.on i { width: 100%; transition: all 5.5s linear; }
.hmFocus_doc ul li:first-child .hmFs_docx.on i { transition: all 8s linear; }
.hmBan_txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; width: 100%; text-shadow: 0 2px 8px rgba(0,0,0,0.3); padding: 0 }
.hmBan_txt strong { letter-spacing: 1px; display: block; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; font: 44px/78px fzlt; }
.hmBan_txt p { font-size: 26px; line-height: 36px; margin-top: 16px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 1px; }
.hmBan_txt strong span { font-size: 18px; margin: 0 5px; }
.hmban_m { font-size: 16px; line-height: 52px; background: #DCDEDF; letter-spacing: 1px; text-align: center; display: block; height: 52px; width: 160px; text-shadow: none; }
.hmBan_btn { transition: all 0.8s ease; transform: translateY(40px); opacity: 0; margin-top: 30px; }
.hmBan_btn2 { margin-top: 22px; }
.active .hmBan_txt strong { opacity: 1; transform: translateY(0); }
.active .hmBan_txt p { opacity: 1; transform: translateY(0); transition-delay: 0.2s }
.active .hmFs_ban2a { right: 4vw; bottom: 5vw; transform: scale(1); }
.active .hmBan_btn { opacity: 1; transform: translateY(0); transition-delay: 0.4s }
 @media (max-width:1799px) {
.hmBan_txt strong { font-size: 38px; line-height: 66px; }
.hmBan_txt p { font-size: 24px; line-height: 32px; margin-top: 12px; }
.hmban_m { font-size: 15px; line-height: 50px; height: 50px; width: 150px; }
.hmFs_docx { height: 3px; }
.hmFs_docx i { height: 3px; }
}
 @media (max-width:1379px) {
}
 @media (max-width:1199px) {
.hmFocus_item, .hmFocus { height: calc(100vh); }
.hmFocus_doc { bottom: 55px; }
.hmBan_txt strong { font-size: 32px; line-height: 52px; }
}
 @media (max-width:993px) {

}
 @media (max-width:767px) {
.hmFs_docx { height: 2px; }
.hmFs_docx i { height: 2px; }
.hmBan_txt strong { font-size: 22px; line-height: 32px; }
.hmBan_txt p { font-size: 17px; line-height: 26px; margin-top: 6px; }
* { letter-spacing: 0; }
.hmFocus_item, .hmFocus { height: 400px; }
.hmFocus_doc { bottom: 35px; }
.hmban_m { font-size: 14px; width: 142px; line-height: 46px; height: 46px; }
.hmFocus_doc ul li { width: 30px; }
}

.hmFs_trsBg{ width: 100%; text-align: center; height: 100vh;  position: absolute; left: 0; top: 0; width: 100%;}
.hmc1img2 img{ max-width: 100%;}
.hmc1img2{ 
	text-align: center;align-items: center;
display: flex;
justify-content: space-around;
box-sizing: border-box;width: 100%; height: 100vh;
transition: all 0.8s;
transform: translateY(-20px);
}

.about_right3_1{ height: 40px;}
/*首页响应适配*/
@media (max-width: 1680px){
	.w1600{max-width: 1400px;}
	.aobut_nr_left {
    width: 670px;
  }
  .footer-nav ul{margin-left: 4rem;}
	
	
}

@media (max-width: 1500px){
	.w1600{max-width: 1300px;}
	.aobut_nr_right{width: 590px;}
	.news_nr_txt1{ height: 85px;}
	.footer-content-left:before{left: -141px;}
}
@media (max-width: 1380px){
	.w1600{max-width: 1200px;}
	.aobut_nr_left {
    width: 570px;
   }
.aobut_nr_right{width: 580px;}
.two_sections1 h2{ font-size: 30px;}
.about_number ul li .about_right3_2{ font-size: 14px;}
.footer-content-left:before{left: -60px;}



}

@media (max-width: 1280px){
	.w1600{max-width: 1100px;}
		.aobut_nr_left {
    width: 550px;
   }
.aobut_nr_right{width: 520px;}
.about_right3_1 span{ font-size: 30px;}
.about_right3_1 b{ font-size: 30px;}
.footer-nav ul {
    margin-left: 2rem;
}
.footer-nav ul li a{ font-size: 14px;}
.footer-contact-item .title-1{ font-size: 14px;}
#nav>ul>li >a h3{ font-size: 16px;}
#nav>ul>li{ margin: 0 20px;}


	
}


@media (max-width: 1140px){
	
.w1600{max-width: 1000px;}
.aobut_nr_left {
    width: 480px;
   }
.aobut_nr_right{width: 500px;}
	
}

@media (max-width: 1040px){
	.w1600{ width: 100%;box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
	.aobut_nr_left {
    width: 420px;
}
@media (max-width: 1010px){
#nav>ul>li{ margin: 0 12px;}	
}
	
}

/*后面的手机适配*/
@media (max-width: 990px){
	
	
	
}





/*内页部分开始*/
.about_banner{ width: 100%; height: 600px;}
.about_banner_txt{ text-align: center;}
.about_banner_txt h2{ font-size: 46px; color: #fff;font-family:'harmonyos_sanssc_regular'; font-weight: 700; text-shadow: 0px 2px 2px rgba(14, 14, 14, 0.73);  padding-top: 270px;}
.about_banner_txt h3{ font-size: 20px;color: #fff;font-family:'harmonyos_sanssc_regular'; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5); letter-spacing: 4px; margin-top: 20px;}

.about_ny_p p{ font-size: 18px; color: #333;font-family:'harmonyos_sanssc_regular';text-align: justify; line-height: 34px; margin-top: 40px; text-indent: 2em;}
.about_ny{
	  background: #fff url(../images/lou_xt.png) no-repeat bottom center;
    background-size: 100%;
    padding-bottom: 120px;
    padding-top: 60px;
}
.aobut_ny_bt{ font-size: 32px;font-family:'harmonyos_sanssc_bold'; font-weight: 700; color: #003b95; margin-bottom: 32px;}
.em_x{ background: url(../images/hx_di.png) no-repeat left center; height: 6px; width: 90%; margin-top: 20px; margin-bottom: 26px;}
.about_ny_p{ width: 90%;}

.about_number2 ul li{ width: 25%; text-align: center; border-right: 1px solid #cccccc;}
.about_number2 ul li:last-child{ border-right: none;}



/*当前位置开始*/
.location{ background: #f1f4fb; width: 100%; height: 90px; line-height: 90px;}
.location_nr{ display: flex;justify-content: space-between;}
.location_nr_left ul{ display: flex;}
.location_nr_left ul li{ margin-right: 40px; display: block;}
.location_nr_left ul li a{ font-size: 18px; color: #333;font-family:'harmonyos_sanssc_regular'; display: block; }
.location_nr_left ul li a:hover{ color:#003b95;}
.location_nr_left ul li.curren2 a{color:#003b95; border-bottom: 3px solid #003b95;}
.location_nr_right{  background: url(../images/home_f.png) no-repeat left 37px;  padding-left:25px; font-size: 16px; color: #666; display: flex;}
.location_nr_right span{ position: relative; display: block; margin-right: 30px;}
.location_nr_right span:before{background: url(../images/sjx.png) no-repeat right center; position: absolute; right: -16px; top: 40px; content: ""; z-index: 3; width: 5px; height: 7px;}
.location_nr_right span:last-child:before{ background: none;}
.location_nr_right span a:hover{ color: #003b95;}


/*企业文化开始*/
.culture_n_big{ padding-bottom: 50px;}
.culture_n_lie{ display: flex;justify-content: space-between; margin-top: 50px;}
.culture_n_lie_txt{ background: #f1f4fb; padding: 70px;flex:1; width:calc(100% - 620px);height: 500px;}
.culture_n_lie_tu{ width: 600px; height: 500px; border-radius: 4px; overflow: hidden;}
.culture_n_lie_tu img{ width: 100%;transition: 1s;transition: all 0.8s;height: 500px;}
.culture_n_lie_tu img:hover{transform: scale(1.15);transition: all 0.8s;}
.culture_n_lie_txt span{ background: #003b96; padding: 8px 15px; border-radius: 60px; color: #fff; font-size: 16px;}
.culture_n_lie_txt h2{ font-size: 42px;  color: #333; margin-top: 30px;}
.culture_n_lie_txt em{ background: #fed806; width: 38px; height: 4px; display: block; margin-top: 30px; margin-bottom: 30px;} 
.culture_n_lie_txt section{ font-size: 16px; color: #333; line-height: 28px;font-family:'harmonyos_sanssc_light';}




.culture_n_big .culture_n_lie:nth-child(even){
    flex-direction: row-reverse;
}
.culture_n_big .culture_n_lie:last-child{ height: 690px;}
.culture_n_big .culture_n_lie:last-child .culture_n_lie_tu{ height: 690px;}
.culture_n_big .culture_n_lie:last-child .culture_n_lie_tu img{ height: auto;}
.culture_n_big .culture_n_lie:last-child .culture_n_lie_txt{ height: 690px;}

@media (max-width: 1680px){
.about_ny_p{ width: 100%;}
	
	
}
@media (max-width: 1530px){
	
.w1440{ max-width: 1300px;}	
}


@media (max-width: 1380px){
/*.about_ny .aobut_nr_right {
    width: 650px;
}*/
	.w1440{ max-width: 1200px;}	
	.about_ny_p p{ line-height: 26px;}
	.aobut_ny_bt{ margin-bottom: 30px;}
	
	
}

@media (max-width: 1260px){
	.w1440{ max-width: 1100px;}	
	.culture_n_lie_txt h2{ font-size: 40px;}
	.culture_n_lie_txt section{ line-height: 26px;}
}




/*内页荣誉资质*/
.ny_honner{ background: url(../images/ry_bj.jpg) no-repeat bottom center; background-size: cover; padding-top: 20px; padding-bottom: 50px;}
.ny_honner_tit{ text-align: center;  color: #003b96; font-size: 40px; font-weight: 700;font-family:'harmonyos_sanssc_bold'; margin-top: 50px; margin-bottom: 40px; position: relative; }
.ny_honner_tit:before{ width: 40px; height: 4px; display: block; content: ""; background: #fed806; left: 50%; margin-left: -20px; position: absolute; top: 55px;}


#certify0 {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify0 .swiper-container {
	padding-bottom: 60px;
	padding-top: 20px;
}

#certify0  .swiper-slide {
	width: 450px;
	height: 684px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
	text-align: center;
	padding: 20px;
}
#certify0  .swiper-slide img{
	display:inline-block;width: 100%; height: 580px;
}
#certify0  .swiper-slide p {
	line-height: 28px;
	padding-top: 0;
	text-align: center;
	color: #333;
	font-size: 16px;
	margin: 0;
	margin-top: 25px;
}

#certify0 .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify0 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify0 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify0 .swiper-button-prev {
	left: 0px;
	width: 56px;
	height: 56px;
	background: #fff url(../images/prev1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 2px;
	top: 45%;
	
}

#certify0 .swiper-button-prev:hover {
background: #0068f7 url(../images/prev4.png) no-repeat center center;border: 1px solid #0068f7;border-radius: 2px;
}

#certify0 .swiper-button-next {
	right: 0px;
	width: 56px;
	height: 56px;
	background: #fff url(../images/next1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 2px;
	top: 45%;
}

#certify0 .swiper-button-next:hover {
background: #0068f7 url(../images/next2.png) no-repeat center center;border: 1px solid #0068f7;border-radius: 2px;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content: "";}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ content: "";}





#certify1 {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify1 .swiper-container {
	padding-bottom: 60px;
	padding-top: 20px;
}

#certify1  .swiper-slide {
	width: 487px;
	height: 440px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
	text-align: center;
	padding: 30px;
}
#certify1  .swiper-slide img{
	display:inline-block; width: 100%; height: 300px;
}
#certify1  .swiper-slide p {
	line-height: 28px;
	padding-top: 0;
	text-align: center;
	color: #333;
	font-size: 16px;
	margin: 0;
	margin-top: 23px;
}

#certify1 .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify1 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify1 .swiper-button-prev {
	left: 0px;
	width: 56px;
	height: 56px;
	background: #fff url(../images/prev1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 2px;
	top: 45%;
}

#certify1 .swiper-button-prev:hover {
background: #0068f7 url(../images/prev4.png) no-repeat center center;border: 1px solid #0068f7;border-radius: 2px;
}

#certify1 .swiper-button-next {
	right: 0px;
	width: 56px;
	height: 56px;
	background: #fff url(../images/next1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 2px;
	top: 45%;
}

#certify1 .swiper-button-next:hover {
background: #0068f7 url(../images/next2.png) no-repeat center center;border: 1px solid #0068f7;border-radius: 2px;
}



/*发展历程开始*/

.xj_tm{ font-size: 22px;font-family:'harmonyos_sanssc_bold'; color: #fff; margin-top: 20px; line-height: 30px;}
.fzlc-wrap{background: url(../images/lc_bj.jpg) no-repeat center top; background-size: cover; padding-top: 60px;position: relative;z-index: 18; position: relative; height:850px;}
.fzlc-wrap .ny-title h2{ font-size: 36px ; font-weight: bold; color: #fff;font-family:'harmonyos_sanssc_bold';}
.fzlc-wrap .ny-title em{ width: 54px; height: 5px; background: #fed806; display: block; margin-top: 20px;}
.fzlc-wrap .fzlc-line{ position: absolute; height: 640px; background: url(../images/fzlc-line.png) no-repeat center; width: 100%; top: 400px; z-index: 23;}
.fzlc-wrap .fzlc-cont{ position: relative;z-index: 30;}
.fzlc-wrap .fzlc-cont .swiper-slide ul{ display: flex; justify-content: space-between; height: 640px; }
.fzlc-wrap .fzlc-cont .swiper-slide ul li{ width: 25%; position: relative;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li .flzc-nr{ width: 100%;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li .flzc-nr em{ display: block; margin-top: 50px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(1) .flzc-nr{ position: absolute;
    bottom: 57px; }
.fzlc-wrap .fzlc-cont .swiper-slide ul li section span{ font-size: 28px; color: #fff;font-family:'harmonyos_sanssc_regular';}
.fzlc-wrap .fzlc-cont .swiper-slide ul li section .fzlc-txt{ margin-top: 10px;  width: 90%; height: 92px; overflow: hidden;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li section .fzlc-txt p{ font-size: 14px; color: #fff; line-height: 22px; font-family:'harmonyos_sanssc_light';}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(2) .flzc-nr{ display: flex; flex-direction: column; position: absolute;
    top: 272px;}
    
    
.fzlc-wrap  .swiper-wrapper{ padding-left: 10px;}

.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(3) .flzc-nr{  position: absolute;
    bottom: 212px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(4) .flzc-nr{ position: absolute;
    top: 109px;}
    .fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(5) .flzc-nr{ position: absolute;
    top: 13px;}
.fzlc-wrap .fzlc-cont .swiper-button-next { 
	width: 56px;
	height: 56px;
	background: #fff url(../images/next1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 4px;left: 70px; top: 80px;}
.fzlc-wrap .fzlc-cont .swiper-button-next:after{ display: none;}
.fzlc-wrap .fzlc-cont .swiper-button-next:hover{background: #0068f7 url(../images/next2.png) no-repeat center center;border: 1px solid #0068f7;border-radius: 4px;}
.fzlc-wrap .fzlc-cont .swiper-button-prev{ 
	width: 56px;
	height: 56px;
	background: #fff url(../images/prev1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 4px; left: 0; top: 80px;}
.fzlc-wrap .fzlc-cont .swiper-button-prev:after{ display: none;}
.fzlc-wrap .fzlc-cont .swiper-button-prev:hover{ background: #0068f7 url(../images/prev4.png) no-repeat center center;border: 1px solid #0068f7;border-radius: 4px;}

.fzlc_line{ background: url(../images/fzlc_line.png) no-repeat center center; width: 100%; height: 516px; position: absolute; z-index: -1; bottom: 100px; animation: pulse2 3s ease-out infinite;
    
    
    
}
@keyframes pulse2 {
  0%, 100% {
    opacity: 1;
    /* 删掉多余的transform，只保留需要的属性 */
  }
  50% {
    opacity: 0.34;
    /* 删掉多余的transform */
  }
}



/*新闻中心页面*/
.ny_news_n{ padding-bottom: 100px;}
.ny_news_n1{ margin-top: 50px;}
.ny_news_n1 a{display: flex;justify-content: space-between;}
.ny_news_n1_left{  width: 49rem; height: 33rem; overflow: hidden;}
.ny_news_n1_left img{ width: 100%; height: 100%;}
.ny_news_n1_right{ background: #f1f4fb; width: calc(100% - 49rem);box-sizing: border-box; padding: 60px;height: 33rem;}


.ny_news_n1_right h2{ color: #003c96; font-size: 16px;font-family:'harmonyos_sanssc_regular';margin-top: 1rem;}
.ny_news_n1_right h3{
	 color: #003c96;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 26px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    position: relative;
}
.lin_xt{ width: 100%; height: 1px; background: #d2d4da; display: block; }

.ny_news_n1_right section{
	 color: #666;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px;
    margin-top: 2rem;
    margin-bottom: 4rem;
    
}
.clear{ clear: both;}
.ny_news_n1_right h4{ width: 150px; height: 50px; text-align: center; line-height: 50px; background: #003c96; color: #fff;  display: block;} 
.ny_news_n2 ul li{ float:left; width: 32%; margin-right: 1.8rem; margin-top: 3rem; transition: all 0.5s;}
.ny_news_n2 ul li:nth-child(3n){ margin-right: 0;}

.ny_news_n2_img{ width: 100%; height: 19rem; overflow: hidden;}
.ny_news_n2_img img{ width: 100%;transition: 1s;transition: all 0.5s;min-height: 19rem;}
.ny_news_n2_txt{ padding: 2.8rem;box-sizing: border-box;
    background: #f1f4fb;}

.ny_news_n2_txt h2{ color: #666; font-size: 16px;font-family:'harmonyos_sanssc_regular';}
.ny_news_n2_txt h3{
	 color: #333333;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    height: 56px;
    margin-top: 20px;
    margin-bottom: 25px;
    
}
.ny_news_n2_txt h4{ font-size: 16px; color: #666; }
.ny_news_n1 a:hover .ny_news_n1_right h4{ background: #0068f7;}

.ny_news_n1_left img{ width: 100%; text-align: center;transition: 1s;transition: all 0.5s;}
.ny_news_n1 a:hover .ny_news_n1_left img {transform: scale(1.1);transition: all 0.5s;}
.ny_news_n1 a:hover .ny_news_n1_right h4{transition: all 0.5s;transform: translateY(-6px);}
.ny_news_n2 ul li a:hover .ny_news_n2_img img{transform: scale(1.1);transition: all 0.5s;}
.ny_news_n2 ul li a:hover .ny_news_n2_txt h3{ color: #003c96;}
.ny_news_n2 ul li a:hover .ny_news_n2_txt h2{ color: #003c96;}
.ny_news_n2 ul li a:hover .ny_news_n2_txt h4{ color: #003c96;}
.ny_news_n2 ul li:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); transition: all 0.5s;}
.ny_news_n2 ul li:hover .ny_news_n2_txt{transition: all 0.5s;transform: translateY(-5px);}


/*分页代码*/
.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  justify-content: center;
  margin-top: 60px;
}

/* 箭头按钮 & 页码按钮 基础样式 */
.page-btn, .page-num {
 border:1px solid #c8cacc;
  background-color: #fff;
  border-radius: 4px;
  padding: 16px 24px;
  cursor: pointer;
  outline: none;
  font-size: 18px;
  font-family:'harmonyos_sanssc_regular';
  margin: 0;
  color: #666;
}
.page-num:hover{color: #003c96;}
.page-btn:hover{color: #003c96;}

/* 当前页码样式 */
.page-num.active {
  background-color: #003c96;
  color: #fff;
  border-color: #003c96;
}
  .page-btn{ margin-right: 40px;}
  .next-btn{ margin-left: 40px;}

/* 禁用状态的箭头按钮（变灰+不可点击） */
.page-btn:disabled {
  border-color: #e5e5e5;
  color: #ccc;
  cursor: not-allowed;
  background-color: #f9f9f9;
}

.ellipsis {
  color: #666;
   font-size: 18px;
  font-family:'harmonyos_sanssc_regular';
 
}

.go-text, .page-text {
  color: #666;
  font-size: 18px;
  font-family:'harmonyos_sanssc_regular';
  font-size: 18px;
}
.go-text{ margin-left: 20px;}

/* 页码输入框样式 - 核心：去掉输入框的上下数字箭头 + 完整样式 */
.page-input {
  width: 50px;
  text-align: center;
  border: 1px solid #c8cacc;
  padding: 4px;
  padding: 16px 0px;
  /* 去掉谷歌/Edge浏览器的上下箭头 */
  -webkit-appearance: none;
  -moz-appearance: textfield;
   font-size: 18px;
  font-family:'harmonyos_sanssc_regular';
  border-radius: 4px;
  color: #666;
}
/* 彻底去除所有浏览器number输入框的上下箭头 */
.page-input::-webkit-inner-spin-button,
.page-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;

}

.page-input:focus {
  border: 1px solid #003c96; 
}


#pageinfo { 
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    justify-content: center;
    margin-top: 60px;
  }
.digg {

    width: 100%;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.digg li{ width: 60px !important;height: 60px !important;line-height: 32px;display:inline-block;margin: 0 4px!important;
    text-align: center;
 padding: 0px !important; margin:0 4px;background:#fff;border:1px solid #d6d6d6 !important;border-radius:5px;font-size:18px;color:#767676;}
.digg .page-item a{min-width: 60px;border: none;padding: 0px;height: 60px;line-height: 60px;display: block !important;overflow: inherit;}
.digg .page-item:hover {background: #003c96; color: #fff;}
.digg .page-item:hover a{ color: #fff; cursor:pointer;}
.digg .page-item a:active {background: #003c96 !important;color:#fff;}
.digg li.active {display: inline-block; width: 31px;height: 31px;line-height: 60px;background-color: #003c96;color: #fff;text-decoration: none;}
.digg li.disabled .page-linkdata{
  line-height: 60px; 
}
.digg  .goto-page{
    display: flex; align-items: center; 
    margin: 0px 24px !important;
    padding-left: 10px;
    width: 186px !important;
    border: none !important;
}
.digg  .goto-page .btn{
   font-size: 18px;
    font-family:'harmonyos_sanssc_regular';
   
    color: #767676;}
.digg  .goto-page:hover{
  background: none !important;
  color: #767676;
  box-shadow: none;
}
.digg .page-item .page-input{
  width: 60px; height: 60px; padding: 0 5px; margin: 0 5px; border: 1px solid #ced4da; border-radius: 0.25rem;
}


@media (max-width: 1260px){
	.ny_news_n2 ul li{margin-right: 1.6rem;}
}

.human{ padding-top: 50px; padding-bottom: 70px;}
.human_n_tit{ text-align: center; color: #003b96; font-size: 40px;font-family:'harmonyos_sanssc_bold'; position: relative;}
.human_n_tit:before{ width: 40px; height: 4px; background: #fed806; content: ""; position: absolute;left: 50%; margin-left: -20px; top: 55px; display: block;}
.human_n_lie ul li a{
	  display: flex;
    justify-content: space-between;
    }
.human_n_lie ul li{ width: 100%; border-bottom: 1px dashed #e1e1e1; height: 100px; line-height: 100px;font-size: 22px;font-family:'harmonyos_sanssc_bold'; color: #333; padding-left: 20px; }
.human_n_lie ul li .human_n_lie_re{ font-weight: 300;font-family:'harmonyos_sanssc_regular'; font-size: 18px; color: #999999;}
.human_n_lie ul li{ background: url(../images/dd.jpg) no-repeat left center;}
.human_n_lie ul{ padding-top: 40px;}
.human_n_lie_le{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 80%;}
.human_n_lie ul li a:hover .human_n_lie_le{ color: #003b96;}
.human_n_lie ul li a:hover .human_n_lie_re{ color: #003b96;}



/*新闻详情页面*/
.news_details{ border: 1px solid #e5e5e5; border-radius: 4px; margin-top: 50px;box-sizing: border-box; padding: 100px; padding-top: 80px; padding-bottom: 80px;}

.news_details h2{ text-align: center; font-size: 32px; color: #383838;font-family:'harmonyos_sanssc_bold'; line-height: 44px;}
.news_details h3{ text-align: center;font-size: 16px;font-family:'harmonyos_sanssc_light'; color: #666; margin-top: 20px; border-bottom: 2px solid #ebebeb; padding-bottom: 30px; margin-bottom: 40px;}

.news_details_xq{ font-size: 18px; color: #333; line-height: 28px;font-family:'harmonyos_sanssc_regular'; }
.news_details_xq p{ font-size: 18px; color: #333; line-height: 28px;font-family:'harmonyos_sanssc_regular'; margin-top: 20px; text-indent: 2em; }

.news_details_sxp_re  a img{
	margin-right: 5px;
display: inline-block;
vertical-align: -2px;
}
.news_details_sxp_re a { color: #fff; font-size: 16px; background: #003b95; border-radius: 30px; padding: 14px 24px;}

.news_details_sxp{display: flex;
justify-content: space-between;}

.news_details_sxp_le p{font-size: 18px;font-family:'harmonyos_sanssc_regular'; color: #666; line-height: 35px;}
.news_details_sxp_le p a:hover{ color: #003b95; text-decoration: underline;}
.news_details_sxp{border-top: 2px solid #ebebeb; padding-top: 50px; margin-top: 50px;}
.news_details_sxp_re{ margin-top: 14px;}
.news_details_sxp_re a:hover{ background: #0068f7;}




@media (max-width: 1160px){
	.w1440 {
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

	
}




/*联系我们*/
.ny_contact_n1{margin-top: 80px; margin-bottom: 60px; }
.ny_contact_n1 h2{ font-size: 32px; color: #003b95;font-family:'harmonyos_sanssc_bold'; }
.ny_contact_n2_le{ width: 450px; background: #003b95;box-sizing: border-box; padding: 50px; height:610px ;}
.ny_contact_n2_re{ width: calc(100% - 450px); height:610px; border: 1px solid #dcdcdc;}
.ny_contact_n2{display: flex;justify-content: space-between; margin-bottom: 80px;}
.ny_contact_n2_le ul li{ display: flex; margin-bottom: 25px;justify-content: space-between;}
.ny_contact_n2_le_l{ width: 35px; height: 35px;}
.ny_contact_n2_le_l img{width: 100%; height: 100%;}
.ny_contact_n2_le_r{width: calc(100% - 50px); color: #fff; border-bottom: 1px solid #2b5ca7; padding-bottom: 20px;}
.ny_contact_n2_le_r h2{ font-size: 16px;font-family:'harmonyos_sanssc_regular'; margin-top: 5px;}
.ny_contact_n2_le_r p{ font-size: 18px; color: #fff; margin-top: 8px; line-height: 28px;}
.ewm_code{ display: flex; gap:15px;} 
.ewm_code div{ width: 100px;}
.ewm_code div img{max-width: 100%;}

#map{ height:610px; width: 100%;}


.about_banner_txt2 h2{ color: #f30b03;-webkit-background-clip: text; text-shadow: 0px 3px 3px rgba(14, 14, 14, 0.52);
text-shadow: 
    2px 2px 0 #fff,
    -2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px -2px 0 #fff,
    2px 0 0 #fff,
    -3px 0 0 #fff,
    0 2px 0 #fff,
    0 -2px 0 #fff;

}

.about_banner_txt2 h3{
	color: #f30b03;-webkit-background-clip: text; text-shadow: 0px 3px 3px rgba(14, 14, 14, 0.52);
  text-shadow: 
    2px 2px 0 #fff,
    -2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px -2px 0 #fff,
    2px 0 0 #fff,
    -3px 0 0 #fff,
    0 2px 0 #fff,
    0 -2px 0 #fff;
	
	
}




/*业务领域详情*/
.domain_n1{margin-top: 40px;box-shadow: 0px 3px 87px 0px rgba(14, 14, 14, 0.07); border: 1px solid #eeeeee; padding: 60px; padding-top:40px;}
.xin_clexg{ width:100%;}
.xin_clexg h2{ color: #003b95; font-size: 32px;font-family:'harmonyos_sanssc_bold'; }
.domain_n1{}
.domain_n1_right{ width: 36rem; height:24.75rem;  overflow: hidden; margin-top:25px;}
.domain_n1_right img{ width: 100%;}
.domain_n1_left{ width: calc(100% - 36rem); padding-right: 50px;}


.xin_clexg_zz{display: flex;
justify-content: space-between;}

.domain_n1_left section p{ font-size: 16px; color: #333;font-family:'harmonyos_sanssc_regular'; line-height: 23px; margin-top: 20px;}
.domain_n1_left section img{ max-width:100%;}
.domain_n2_t h2{ color: #333; font-size: 33px;font-family:'harmonyos_sanssc_bold'; margin-top: 50px;}
.domain_n2_t em{ width: 54px; height: 5px; background: #fdd706; display: block; margin-top: 20px;}
.domain_n2{ padding-bottom: 80px;}
.domain_n2_n ul li{ background: #f1f4fb; width: 48%; float: left; margin-top: 50px;transition: all 0.5s;}
.domain_n2_n ul li:nth-child(2n){  float: right;}

.domain_n2_n_pic{ width: 100%; height: 24.25rem;overflow: hidden;}
.domain_n2_n_pic img{ width: 100%;height: 24.25rem;transition: 1s;transition: all 0.5s;}

.domain_n2_n_txt{ padding: 40px;}
.domain_n2_n_txt h2{color: #333; font-size:24px;font-family:'harmonyos_sanssc_bold'; line-height: 30px; background: url(../images/hui.png) no-repeat left bottom; padding-bottom:22px;}
/*.domain_n2_n_txt em{width: 20px; height: 3px; background: #fdd706; display: block; margin-top: 20px;}*/

.domain_n2_n_txt section{ 
	font-size: 16px; color: #333;font-family:'harmonyos_sanssc_light'; line-height: 25px; height: 150px;
  color: #333333;
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-top: 20px;
    }
    
.domain_n2_n_txt{ height:340px ;}   
.domain_n2_n_txt section p{ font-size: 16px; color: #333;font-family:'harmonyos_sanssc_light'; line-height: 25px;}


.domain_n2_n ul li:hover .domain_n2_n_pic img{transform: scale(1.1);transition: all 0.5s;}
.domain_n2_n ul li:hover .domain_n2_n_txt h2{ color: #003b95;}
.domain_n2_n ul li:hover{transition: all 0.5s;transform: translateY(-5px);box-shadow: 0px 3px 40px 0px rgba(14, 14, 14, 0.22);}
@media (max-width: 1680px){
  .business_nr .industrial-sewage5{
     left: 46rem;
    top: 7rem;} 
    .business_nr .village-sewage {
    top: 23rem;
    left: 32rem;}
    .business_nr .ecological-river{ left:-2rem;}
    .business_nr .industrial-sewage7{ left:13rem;}
    .business_nr .industrial-sewage4{left: 35rem;
    bottom: 7rem;}
    .business_nr .industrial-sewage6{right: 4rem;}
    .business_nr .industrial-sewage{left: 19rem;}
}
@media (max-width: 1600px){
    .about_ny_p p{ font-size:16px;}
    
  .business_nr .industrial-sewage5 {
        left: 52rem;
        top: 5rem;
    }
    .business_nr .village-sewage {
        top: 25rem;
        left: 38rem;
    }
        .business_nr .industrial-sewage7 {
        left: 19rem;
    }
        .business_nr .ecological-river {
        left: 4rem;
    }
        .business_nr .industrial-sewage4 {
        left: 39rem;
        bottom: 5rem;
    }
   
   
   
}



@media (max-width: 1530px){
	.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(5) .flzc-nr {
    position: absolute;
    top: 34px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(2) .flzc-nr {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 258px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(1) .flzc-nr {
    position: absolute;
    bottom: 65px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(4) .flzc-nr {
    position: absolute;
    top: 108px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(3) .flzc-nr {
    position: absolute;
    top: 150px;
}
.location_nr_left ul li{ margin-right:23px;}

	
	
}

@media (max-width: 1500px){
     .business_nr .industrial-sewage4 {
        left: 39rem;
        bottom: 5rem;
    }
    .business_nr .municipal-sewage{right: 17rem;}
    .business_nr .ecological-river {
        left: 1rem;
    }
    .business_nr .industrial-sewage {
        left: 22rem;
    }
    .business_nr .water-supply {
    top: 8rem;
    right: 9rem;}
    .business_nr .industrial-sewage7 {
        left: 16rem;
    }
        .business_nr .village-sewage {
        top: 25rem;
        left: 35rem;
    }
}

@media (max-width: 1380px){
.location_nr_left ul li a{ font-size: 16px;}
.location_nr_left ul li{margin-right: 30px;}
.location_nr_right span{margin-right: 24px;}
.about_banner_txt h3{ font-size: 18px;}
.culture_n_lie_txt h2{ font-size: 38px; line-height: 44px;}
.aobut_nr_left h2 p{ line-height: 28px; font-size:16px;}

.em_x{ margin-top: 30px;
    margin-bottom: 30px;
}
.aobut_nr_right3 video{ height: 328px;}
.aobut_nr_right3 {
    height: 328px;
}
.aobut_nr_right{ padding-top: 50px;}
	.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(5) .flzc-nr {
    position: absolute;
    top: 43px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(3) .flzc-nr {
    position: absolute;
    bottom: 214px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(2) .flzc-nr {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 248px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(1) .flzc-nr {
    position: absolute;
    bottom: 70px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(4) .flzc-nr {
    position: absolute;
    top: 113px;
}
.location_nr_left ul li {
        margin-right: 22px;
    }

	
	
}

@media (max-width: 1280px){
.business_nr .water-supply {
        top: 25rem;
        right: 13rem;
} 
    .business_nr .industrial-sewage {
        top: 29rem;
        left: 11rem;
    }
    .business_nr .village-sewage {
    top: 8rem;
    right: 3rem;}
  
    
}

@media (max-width: 1260px){
.location_nr_left ul li {
    margin-right: 25px;
}

.location_nr_left ul li a {
    font-size: 15px;
}
.location_nr_left ul li{ margin-right:15px;}
.news_details{ padding: 80px;}
.ny_contact_n2_le_r p{ font-size: 16px;}
.ny_honner{ padding-left: 50px; padding-right: 50px;}
#certify0 .swiper-slide{ width: 420px; height: 638px;}
#certify0{ width: 1100px;}
#certify1{ width: 1100px;}
#certify1 .swiper-slide{width: 456px; height: 390px;}	
#certify1 .swiper-slide img{ height: 270px;}
.culture_n_lie_tu {
    width: 546px;
    height: 404px;}
.culture_n_lie_txt{width: calc(100% - 546px);}    
.culture_n_lie_txt h2{ font-size: 26px;}
.culture_n_lie_txt em{margin-top: 16px;
    margin-bottom: 27px}
.culture_n_lie_txt{ height: 404px;}
.culture_n_big .culture_n_lie:last-child .culture_n_lie_txt {
    height: 628px;
}
.culture_n_big .culture_n_lie:last-child .culture_n_lie_tu{ height: 628px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(5) .flzc-nr {
    position: absolute;
    top: 52px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(2) .flzc-nr {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 232px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(1) .flzc-nr {
    position: absolute;
    bottom: 73px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(4) .flzc-nr {
    position: absolute;
    top: 115px;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(3) .flzc-nr {
    position: absolute;
    top: 146px;
}






}

@media (max-width: 1180px){
#certify0{ width: 1000px;}
#certify1{ width: 1000px;}
#certify0 .swiper-slide{ width: 400px; height: 600px;}
#certify0 .swiper-slide img{ height: 500px;}
#certify1 .swiper-slide{width: 430px; height: 370px;}	
#certify1 .swiper-slide img{ height: 250px;}
	
}

@media (max-width: 1140px){
 .business_nr .water-supply {
        top: 25rem;
        right: 9rem;
 }
 .business_nr .ecological-river {
        left: 33rem;
        bottom: 6rem;
    }
}
@media (max-width: 1130px){
.location_nr_left ul li {
    margin-right: 20px;
}



	
}

.fzlc-wrap .fzlc-cont .swiper-slide ul li .flzc-nr em{
	  width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    z-index: 2;
}
.fzlc-wrap .fzlc-cont .swiper-slide ul li .flzc-nr em:before{
	  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: rgba(253,215,6,.7);
    border: 1px solid #fff;
  
    animation: pulse 3s ease-out infinite;
    content: "";
  
    
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.8);
  }
}


#byc {
	width: 100%;
	position: relative;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 40px;
	
}

#byc .byc {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
	gap: 6px;
}


/* 为 .bycs 添加过渡效果，让宽度变化更平滑 */

.bycs {
	width: 142px;
	height: 470px;
	overflow: hidden;
	flex-grow: 1;
	position: relative;
	/* 关键改动：添加过渡效果 */
	transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.bycs.on {
	/* 关键改动：这个宽度变化现在会有 0.5 秒的过渡动画 */
	width: calc(100% - 62.5rem);
	flex-shrink: 0;
}
.bycs .byc_tit a{ display: block; width: 100%; height: 100%;}

.bycs .byc_tit {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	line-height: 1.5rem;
	font-size: 1.375rem;
	width: 100%;
	height: 100%;
	
}

.bycs .byc_tit .p {
	width: 100%;
	text-align: center;
	display: inline-block;
	position: absolute;
  top: 270px;
	height: 80px;
	font-size: 18px;
	line-height: 30px;
	margin: 0;
	text-shadow: 0px 1px 4px rgba(14, 14, 14, 0.56);
	padding-left: 10px;
	padding-right: 15px;
	/* 为名称的显示/隐藏添加过渡 */
	font-family:'harmonyos_sanssc_bold';
	color: #fff;
}

.bycs .byc_tit .span {
	z-index: 88;
	color: rgba(255, 255, 255, 0.85);
	line-height: 24px;
	font-size: 16px;
	position: absolute;
	top: 152px;
	left: 60px;
	width: 72%;
	/* 去掉文本截断和行数限制 */
	display: block;
	opacity: 0;
	transform: translateY(20px);
	/* 初始向下偏移 */
	transition: opacity 0.7s ease, transform 0.7s ease;
	visibility: hidden;
	/* 整体过渡动画 */
}

.bycs.on .byc_tit .span {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	/* 激活时回到原位 */
}

.byc .bycs .bl {
	height: 465px;
	/* 39.125rem * 16px/rem */
	background-position: center center !important;
	background-size: cover !important;
	position: relative;
}


/* 为背景遮罩添加过渡效果 */
.bycs .bl:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 100%;
	/* 关键改动：让背景渐变的变化也有过渡 */
	
}
.byc_ico{  text-align: center; margin-top: 150px;}
.byc_ico img{ display: inline-block;}
.bycs.on .bl:before {
	/* 关键改动：这个背景变化现在会有 0.5 秒的过渡动画 */
	/*background: linear-gradient(90deg, #063340 0%, rgba(6, 51, 64, 0.6) 90%);*/
}

.bycs.on .byc_ico{ display: none;}

.s_title {
	text-align: center;
}

.s_title h4 {
	color: #1f1f1f;
	font-size: 42px;
	font-weight: 500;
}

.s_title p {
	color: #1f1f1f;
	font-size: 16px;
	margin: 32px 0 60px;
}

.bycs.on .byc_tit .p {
	display: none;
}

.name_05 {
	opacity: 0;
	/* 为底部标签的显示/隐藏添加过渡 */
	transition: opacity 0.5s ease;
}

.bycs.on .name_05 {
	opacity: 1;
}

.name_01 img{
margin-right: 10px;
display: inline-block;
vertical-align: -20px;
}

.name_01 {
	color: #fff;
	font-size: 18px;
	display: block;
  font-family:'harmonyos_sanssc_bold';
}

.name_02 {
	font-size: 16px;
	display: block;
	margin-top: 32px;
	margin-bottom: 24px;
	font-family:'harmonyos_sanssc_regular';
}

.name_03 {
	font-size: 16px;
	line-height: 25px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	transition: none!important;
	margin-top: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.name_04 {
	font-size: 13px;
	text-align: right;
	text-decoration: underline;
	display: block;
	color: #fff;
	cursor: pointer;
}

.name_05 {
	background: #133d4a;
	height: 48px;
	line-height: 48px;
	color: #14ec2a;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding-left: 20px;
}

@media (max-width: 1260px){
	
.bycs.on .byc_tit .span{ width: 66%; left: 50px;}	
.name_01 img{ width: 46px;vertical-align: -13px;}	
	


}



.new_index_header{ display: none;}
.news_details_xq img{ max-width: 100%;height: auto!important;}
.heade2{ background: #fff;border-bottom: 1px solid rgba(0,0,0,.05)!important; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.heade2 .logo2{ display: block;}
.heade2 .logo{ display: none;}

/*手机适配*/

@media (max-width: 1000px){
    .new_index_header{ display:block;}
    
    
.news_tit{ display: block;}
.news_tit_left h3{ font-size: 24px;}	
.news_tit_right ul li{ width: 33%; font-size: 16px;}
.news_tit_right{ display: block;}
.news_tit_right{ margin-top: 22px;}
#header{ height: 50px;}
#header>.w1600{ height: 50px;}
.news_nr ul{ display: block;}
.news_nr ul li{ margin-bottom: 20px;}
.news_nr_txt3{ margin-bottom: 0;}
.news_nr_txt1{ font-size: 18px;}
.news_nr_txt2{ font-size: 14px;}
.news_nr ul{ margin-top: 24px;}
.news_big{padding: 30px 0;}
.aobut_nr{ display: block;}
.about{box-sizing: border-box; padding-left: 15px; padding-right: 15px;}
.w1600 {max-width: 100%;}
.aobut_nr_left{ width: 100%;}
.aobut_nr{ margin-top: 30px;}
.aobut_nr_left h2 p{ font-size: 18px;}
.aobut_nr_left section{ font-size: 15px; line-height: 25px;}	
.about_more {margin-top: 30px;}	
.about_number ul{ padding-top: 38px;}	
.aobut_nr_right{ width: 100%; padding-top: 40px; margin-top: 50px;}
.aobut_nr_right1{ font-size: 22px;}
.aobut_nr_right2{ font-size: 14px;}
.aobut_nr_right3 video{ height: 100%;}
.aobut_nr_right3 {height: auto;}
.about_right3_1 span{ font-size: 26px;}	
.about_right3_1 b{ font-size: 26px;}	
.about_number ul li .about_right3_2{ line-height: 20px;}
.about_number ul li .about_right3_2{ margin-top: 0;}
.about{ padding-bottom: 50px;}
.two_sections .w1600{ display: block; padding-left: 15px; padding-right: 15px;}
.two_sections_1{ width: 100%; padding: 40px;}
.two_sections1 h2{ font-size: 22px;}
.two_sections1 h3{ font-size: 14px;}
.two_sections2{ font-size: 15px; margin-top: 20px;}
.two_sections_1{ height: 234px;}
.two_sections3{ margin-top: 24px;}
.two_sections_1{ margin-bottom: 20px;}
.two_sections {
    padding-top:30px;
    padding-bottom: 30px;
}
.two_sections3 img {width: 18px;}
.two_sections3{ padding-left: 10px;}
.footer-content-top{ display: block;}
.footer-content-bottom .niego-1 {
    position: inherit;
    right: 0;
    top: 50%;
    transform: none;
    text-align: center;
    margin-top: 5px;
}
.footer-content-bottom{ padding-left: 10px; padding-right: 10px;}
.footer-content-bottom .copy-1{ text-align: center; line-height: 20px;}
.footer_yqlj_right a{ line-height: 28px;}
.footer_yqlj{ display: block;}
.footer_yqlj_right {
    padding-left: 0; margin-top: 8px;
}
.footer_yqlj{ margin-top: 20px;}
.footer-contact{ margin-top: 2%;}
.footer-nav ul {
        margin-left: 0; width: 32%; margin-top: 20px;
 }
 .footer-nav {
    text-align: left;
}
.footer-nav ul strong{ padding-bottom: 10px;}
.footer-nav{ padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 30px;}
.footer_yqlj_right a{display: inline-masonry;}
.footer_yqlj_right {
      margin-top: 12px;
      margin-bottom: 18px;
}
.footer_yqlj{ padding-bottom: 0;}
.footer-content-bottom{ padding-top: 15px;}
.footer{ padding-left: 15px; padding-right: 15px;}
.business_nr .indicator{padding: 12px 16px; font-size: 16px;}
.about{ padding-top: 30px;}
.footer_yqlj_right a {display: list-item;}
.footer_yqlj_right a:before{ display: none;}
.footer_yqlj_right{ padding-left: 18px;}
.footer-contact-item .title-1{ line-height: 24px;}
.map-container{ height: 60vh;}
.business_nr .industrial-sewage{ left: 47%;}
.business_nr .village-sewage {top: 43%;left: 6%;}
.business_nr .water-supply{ top: 16%;}
.hmc1img2{ height: 430px;}
.hmc1img2 img {max-width: 82%;}
.two_sections{ padding-bottom: 15px;}

.new_index_header {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 55px;
    background: rgba(0,0,0,.0);
    border-bottom: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.08);
    display: block;
    align-items: center;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
   }
 .new_index_header2{ background: #fff!important;}
.xin_logo{ float: left; width: 200px; padding-left:10px; margin-top:3px;}
.xin_logo2{ display: none; width: 200px; padding-left:10px; margin-top:3px;}
 .new_index_header2 .xin_logo2{ position: absolute; left: 0; z-index: 2; display: block;}
.new_index_header2 .xin_logo{ display: none;}
 
.xin_logo img{ width: 100%;}
.xin_logo2 img{ width: 100%;}

.new_index_navbtn { float: right; margin-right: 15px; width: 24px; height: 24px; position: relative; cursor: pointer; margin-top: 3px; }
.new_index_navbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.new_index_navbtn span:nth-child(2) { top: 8px; }
.new_index_navbtn span:nth-child(3) { top: 16px; }
.new_index_navbtn:hover span { width: 100%; }
.new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }
.new_index_closeNavbtn span:nth-child(2) { display: none; }
.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
.new_Common_nav {
    display: none;
    position: fixed;
    left: 0px;
    top: 54px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
    background-color: #fff;
    border-top: 1px solid #eee;
}
.new_index_header2 .new_index_navbtn { float: right;position: absolute; right: 0px; }
.new_index_header2 .new_index_navbtn span{ background: #333; }
.new_Common_nav ul { padding: 0px 15px 0px; }
.new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid rgba(0,0,0,.2); position: relative; }
.new_Common_nav ul li h2{ margin:0; }
.new_Common_nav ul li h2 a { font-weight: 700; height: 60px; line-height:60px; font-size: 14px; display: block; color: #333; position: relative; }
.new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 60px; width: 30%; }

.new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }
.new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; }
.new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }
.new_child_navbox { width: 100%;  overflow: hidden; max-height: 0px; }
.new_childnav_web dd h3 { padding-top: 10px; margin:0; }
.new_childnav_web dd h3 a { color: #666; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 30px; }
.new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }
.new_childnav_web dd:last-child { background-image: none; }
dd{ margin:0; padding-left: 0; }
.new_childnav_Program dd h3 { padding-top: 10px; }
.new_childnav_web{ margin:0; }
.yinemfe {
    position: absolute;
    right: 60px;
    top: 12px;
}


#header{ display: none;}
.hmFs_bg{ background-size: cover!important;}


/*手机内页适配*/
.about_banner{ height: 204px;}
.about_banner_txt h2{ font-size: 24px;padding-top: 80px;}
.about_banner_txt h3{ font-size: 14px;letter-spacing:2px; line-height: 20px; padding-left: 10px; padding-right: 1px; margin-top: 10px;}
.location_nr{ display: block;}
.location{ position: relative; height: 54px; line-height: 54px;}
.location_nr_right{ position: absolute; top:0px; left: 10px;}
.location_nr_left{padding-top: 60px;}
.location{ margin-bottom: 70px;}
.location_nr_left{ position: relative; overflow: hidden;}
.location_nr_left ul {
    width: 100%;
    text-align: center;
   
    position: relative;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
}
.location_nr_left ul li {
	  height: auto;
    line-height: normal;
    color: #666;
    display: inline;
    text-align: center;
    cursor: pointer;
    padding: 10px 10px;
    border: 1px solid #bcbcbc;
    font-size: 14px;
    border-radius: 4px; margin-right: 10px;padding-bottom: 6px
}
.location_nr_left ul li.curren2{
    color: #fff;
    background: #003b95;
}
.location_nr_left ul li.curren2 a{ color: #fff;}
.location_nr_left ul li a{ font-size: 16px;}
.location_nr_right span:before{ top:23px;}
.location_nr_right{background: url(../images/home_f.png) no-repeat left 19px; padding-left: 20px;}
.domain_n1{ display: block; padding: 16px;}
.domain_n1_left{ width: 100%; padding-right: 0;}
.domain_n1_left h2{ font-size: 25px;}
.em_x {
        margin-top: 20px;
        margin-bottom: 20px;
}
.domain_n1_left section p{ font-size: 15px;}
.domain_n1_right{ width: 100%;height: 16.75rem;}
.domain_n1_right{ margin-top: 20px;}
.domain_n1_left h2{ margin-top: 10px;}
.domain_n2_t h2{ font-size: 26px;}
.domain_n2_t em {
    width: 47px;
    height: 4px;
    background: #fdd706;
    display: block;
    margin-top: 16px;
}
.domain_n2_n ul li{ width: 100%;}
.w1440{
	padding-left: 15px;
  padding-right: 15px;
}
.domain_n2_n_pic img{height: 16.25rem;}
.domain_n2_n_pic{height: 16.25rem;}
.domain_n2_n_txt{ padding: 20px; height: auto; padding-bottom: 30px;}
.domain_n2_n_txt section{-webkit-line-clamp: initial; height: auto;}
.domain_n2_n_txt h2{ font-size: 20px;}
.domain_n2_n_txt em{ margin-top: 15px;}
.domain_n2_n ul li{ margin-top: 20px;}
.domain_n2 {
    padding-bottom: 44px;
}
.ny_news_n1 a{ display: block;}
.ny_news_n1_left{ width: 100%; height: 20rem;}
.ny_news_n1_right{ width: 100%; padding: 25px;}
.ny_news_n1_right h4{ margin-bottom: 1rem;}
.ny_news_n1_right h3{ font-size: 20px; line-height: 28px; padding-bottom: 2rem;}
.ny_news_n1_right h2{ font-size: 15px;}
.ny_news_n1_right section{ margin-bottom: 2rem;}
.ny_news_n1_right{ height: auto;}
.ny_news_n2 ul li{ width: 100%; margin-right: 0; margin-top: 1.4rem;}
.ny_news_n2_txt h2{ font-size: 15px;}
.ny_news_n2_txt{ padding: 25px;}
.ny_news_n2_txt h3{ margin-top: 15px;}
.news_details{ padding: 20px;}
.news_details h2{ font-size: 22px; line-height: 32px;}
.news_details h3{ font-size: 14px;}
.news_details_xq p{ font-size: 16px;}
.news_details_xq img{ max-width: 100%; display: block!important;height: auto!important;}
.news_details h3{ margin-bottom: 25px;}
.news_details_sxp_le p{ font-size: 14px; line-height: 24px; margin-top: 10px;}
.news_details_sxp_re{ display: none;}
.news_details_sxp{ padding-top: 30px; margin-top: 30px;}
.ny_news_n {
    padding-bottom: 44px;
}
.human_n_lie ul li{ font-size: 16px;}
.human_n_lie ul li .human_n_lie_re{ font-size: 16px;}
.aobut_ny_bt{ font-size:22px;}
.about_ny {
   
    padding-bottom: 40px;
    padding-top: 6px;
}
    .about_banner_txt h2 {
        font-size: 24px;
        padding-top: 95px;
    }
    .culture_n_lie{ display:block;}
    .culture_n_lie_txt{ width:100%; padding-bottom:30px;}
    .culture_n_lie_tu{ width:100%;}
    .culture_n_lie_tu{ height:20rem;}
    .culture_n_lie_txt{ padding:20px;}
    .culture_n_lie_txt section{ font-size:15px;}
    .culture_n_lie_txt span{ margin-top:20px;display: inline-block;}
    .culture_n_lie_txt{ height:auto; padding-bottom:50px;}
    .culture_n_lie_txt h2{ line-height:30px;}
    .culture_n_big .culture_n_lie:last-child .culture_n_lie_tu {
        height: auto;
    }
    .culture_n_big .culture_n_lie:last-child .culture_n_lie_txt {
        height: auto;
    }
    .culture_n_big .culture_n_lie:last-child {
    height: auto;
}
.culture_n_lie_txt span{ font-size:14px;}
.culture_n_lie_txt h2 {font-size: 22px; }
.ny_contact_n1 h2{ font-size:20px;}
.ny_contact_n1 {
    margin-top: 87px;
    margin-bottom: 26px;
}
.ny_contact_n2_le{ width:100%; padding:30px;}
.ny_contact_n2{ display:block;}
.ny_contact_n2_re{ width:100%; height:300px; margin-top:30px; margin-bottom:50px;}
#map{ height:300px;}
.ny_contact_n2_le{ padding-bottom:10px; height:auto;}
.human_n_tit{ font-size:28px;}
.human {
    padding-top: 30px;
    padding-bottom: 30px;
}

.human_n_lie ul li{ height:70px; line-height:70px;}
.location_nr_left ul li a {
        font-size: 15px;
 }
.about_banner_txt h3 {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 20px;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 10px;
}

.location_nr_right{ font-size:14px;}
.domain_n2_t h2 { font-size: 22px; }
.em_x{ height:4px;}
.domain_n1_left h2 {
        font-size: 22px;
 }
 #byc .byc{ margin-top:0;margin-top: -50px;}
 #byc .byc{ display:block;}
 .bycs{ width:32%; float:left; margin-top:10px; margin-right:7px;}
.bycs:nth-child(3n){ float:right; margin-right:0;}
.byc .bycs .bl{ height:380px;}
.bycs{ height:380px;}
#byc{ padding-top:0;}
.byc_ico{ margin-top:120px;}
.bycs .byc_tit .p{ top:226px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li{ width:100%;}
.fzlc-wrap .fzlc-cont .swiper-slide ul{ display:block;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li .flzc-nr{ position:initial; padding-left:40px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(1) .flzc-nr{position:initial}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(2) .flzc-nr{position:initial}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(3) .flzc-nr{position:initial}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(4) .flzc-nr{position:initial}
.fzlc-wrap .fzlc-cont .swiper-slide ul li:nth-child(5) .flzc-nr{position:initial}
.fzlc-wrap{ height:auto;}
.new_index_header{ z-index:999;}
.fzlc-wrap .ny-title h2{  font-size:22px;}
.fzlc-wrap .fzlc-cont{ padding-top:110px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li section span{ font-size:22px;}
.fzlc-wrap .fzlc-cont .swiper-button-prev{top:44px;}
.fzlc-wrap .fzlc-cont .swiper-button-next{top:44px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li .flzc-nr em{ position:absolute; left:10px; top:3px; margin-top:0;}
.fzlc-wrap .swiper-container{ padding-top:10px;}
.xj_tm{ margin-top:12px;}
.fzlc-wrap .fzlc-cont .swiper-slide ul{ height:auto;}
.fzlc_line{ display:none;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li section .fzlc-txt{ height:auto;}
.fzlc-wrap .fzlc-cont .swiper-slide ul li{ margin-bottom:50px;}

.ny_honner_tit{ font-size:28px;}
#certify1{ width: 100%;}
#certify0{ width: 100%;}
.ny_honner {
        padding-left: 30px;
        padding-right: 30px;
}
#certify1 .swiper-slide{ width: 100%;}
#certify0 .swiper-slide{ width: 100%;}
#certify1 .swiper-slide img{ height:220px;}
#certify1 .swiper-slide{ height:320px;}
#certify1 .swiper-slide p{line-height: 70px;}
#certify0 .swiper-slide img{height: 500px;}
#certify0 .swiper-slide{ height:590px;}

#certify1 .swiper-container{ padding-bottom:0;}
#certify0 .swiper-container{ padding-bottom:0;}
.ny_honner_tit:before{ top:40px;}
.ny_honner_tit{ margin-bottom:24px;}
#certify0 .swiper-slide p{ line-height:50px;}
.news_nr_txt3{ font-size:14px; margin-top:20px;}
.news_tit_right ul li{ font-size:15px;}
.news_nr_txt2{ margin-bottom:15px;}
.news_tit_right ul li{ height:45px; line-height:45px;}
.news_tit_left h2{background-size: 4%;}
.business {
    padding-top: 30px;
}
.map-container{ margin-top:20px;}
.business_nr .village-sewage{ right:inherit;}
.business_nr .municipal-sewage{ left:5rem;}
.business_nr .water-supply{  right:10px;}
.business_nr .village-sewage {
        top:50%;
        left: inherit;
        right: 10px;
    }
.business_nr .ecological-river {
        left: 10rem;
        bottom: 6rem;
    }
.business_nr .industrial-sewage {
        left: 7%;
        top: 27rem;
    }
 .map-container {
        height: 50rem;
}
    .about_right3_1 b {
        font-size: 14px;
    }
    .about_number ul li:nth-child(3) .about_right3_1 b{ font-size:15px;}
    .about_number ul li{ width:50%; float:left; margin-bottom:10px;}
    .about_number ul{ display:block;}
    .about_more a{ font-size:14px;}
.aobut_nr_left h2 p{ font-size:17px;}
.about_number ul li:nth-child(2){ border-right:none;}
.aobut_ny_bt {
        font-size: 19px;
    }
    .xj_tm{font-size:16px;}
    .fzlc-wrap .fzlc-cont .swiper-slide ul li section span{ font-size:18px}
    .fzlc-wrap .fzlc-cont .swiper-button-next { 
	width: 48px;
	height: 48px;
	background: #fff url(../images/next1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 4px;left: 70px; top: 60px;
	background-size: 17%;
        
        
    }

.fzlc-wrap .fzlc-cont .swiper-button-prev{ 
    
	width: 48px;
	height: 48px;
	background: #fff url(../images/prev1.png) no-repeat center center;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 4px; left: 0; top: 60px;	background-size: 17%;}
.fzlc-wrap .fzlc-cont .swiper-button-prev:hover{background-size: 17%;}
.fzlc-wrap .fzlc-cont .swiper-button-next:hover{background-size: 17%;}
.xj_tm{ line-height:25px;}
.location_nr_left ul li{ margin-right:8px;}
.ny_honner_tit {
        font-size: 20px; font-weight: 300;
    }
.ny_honner_tit{ margin-top:10px;}
#certify0 .swiper-slide{ margin-bottom:20px;}
.byc_ico img{ width:42px;}
.bycs .byc_tit .p{ font-size:16px;}
.bycs .byc_tit .span{ display:none;}
.location_nr_left ul li a{ font-size:14px;}
.ny_news_n1_right h3{ font-size:17px;}
.ny_news_n2_txt h3{ font-size:17px;}
.ny_contact_n2_le_r{padding-bottom: 10px;}
.ny_contact_n2_le_r p{ margin-top:5px;}
.ny_contact_n2_le_l{ width:30px;  height:30px;}
.human_n_tit {
        font-size: 20px;
    }
.human_n_tit:before{ top:35px;}
.about_banner_txt2 h3{
    text-shadow: 2px 2px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
}
.ny_news_n1_right h3{ padding-bottom:1rem;}
.ny_news_n1_right section{ font-size:14px;}
.news_tit_left h3{ font-weight:400;}




}

.xin_title{ text-align:center;font-size: 32px; color: #003b95;font-family:'harmonyos_sanssc_regular'; padding-top:60px; font-weight:700;}
.xin_title5{ width:68px; height:68px; border-radius:50%; background:#fdd706; font-size:33px;font-family:'harmonyos_sanssc_regular'; font-weight:700; text-align:center; line-height:68px; display:block; margin:0 auto; margin-top:30px;}

.xin_title6 {
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
  /* 移除位移的动画，只保留透明度变化 */

  /* 可选：给div设置一个宽度，让margin:0 auto的居中效果更稳定 */
  width: 100%;
}

.n_lingyu ul{ display: flex;
justify-content: space-between; gap:40px; margin-top:30px; margin-bottom:60px;}
.n_lingyu ul li{ background:#f1f4fb; border-radius:8px; display:block; text-align:center; height: 180px; width:24%;
}
.n_lingyu ul li a{ display:block; width:100%; height: 180px;}
.n_lingyu_img{ margin-top:36px;}
.n_lingyu_txt{font-size: 18px; color: #333;font-family:'harmonyos_sanssc_regular'; margin-top:20px; font-weight:700;}
.n_lingyu ul li:hover{ background:#003b95;}
.n_lingyu ul li:hover .n_lingyu_txt{ color:#fff;}
.n_lingyu ul li:hover .n_lingyu_img{transition: all 0.5s;transform: translateY(-5px);}
.n_lingyu ul li:hover .n_lingyu_txt{transition: all 0.5s;transform: translateY(-5px);}

.yc_pf{
    position: fixed;
    right: 20px;
    bottom: 50px;
    width: 60px;
    height: 180px;
    background: #003c96;
    border-radius: 4px;
    opacity: .99;
    z-index: 1;
}
.yc_pf .little-box {
    width: 60px;
    height: 60px;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #fff;
    position: relative;
}
.yc_pf .little-box img {
    width: 22px;
    height: 22px;
}
.yc_pf .little-box .phone-box:nth-child(2) img {
    width: 90px;
    height: 90px;
}
.yc_pf .little-box .phone-box {
    display: none;
    transform: translateX(10px);
    transition: all .5s;
    position: absolute;
    right: 70px;
    padding: 10px;
    font-family: HarmonyOS_Sans_SC;
    line-height: 35px;
    border-radius: 10px;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    background-color: #fff;
    width:180px;
}

.yc_pf .little-box:hover .phone-box{ display:block;}

.yc_pf .little-box:last-child {
    background-color: #fed806;
    border-bottom: none;
    border-radius: 0 0 4px 4px;
}
.yc_pf .little-box:nth-child(2) .phone-box{ width:110px;}
.yc_pf .little-box:nth-child(3){ cursor:pointer;}
.ewm1 img{ width:100px; height:100px;}




@media (max-width: 1000px){
    
    .n_lingyu ul{display: grid; grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); gap:10px;}
    .n_lingyu ul li{ display:block; width:100%;} 
    .xin_title{ font-size:24px; padding-left:40px; padding-right:40px; line-height:40px;}
    .xin_title5{ width:60px; height:60px; font-size:25px;}
    .xin_title{ padding-top:0;}
    .xin_title5{ width:60px; height:60px; font-size:25px;}
    #byc .byc{ margin-top:30px;}
    .xin_clexg_zz{ display:block;}
    .xin_clexg h2{ font-size:23px;}
    .n_lingyu_txt{ padding-left:10px; padding-right:10px;}
    .xin_title5{ margin-top:10px;}
    .bycs.on{ width:32%;}
    .xin_title{ font-size:22px;}
    .xin_title5{ line-height:60px;}
    .yc_pf{ display:none;}
       .business_nr .industrial-sewage {
        left: 7%;
        top: 14rem;
    }
    .business_nr .industrial-sewage7 {
        left: 2rem;
    }
    .business_nr .industrial-sewage6 {
        right: 0rem;
    }
    .business_nr .ecological-river{ left:0;}
    .business_nr .industrial-sewage4{ left:38%;}
    .business_nr .village-sewage{ left:10%;right: auto;}
    .business_nr .municipal-sewage{ left:auto; right:0;}
    
    .n_lingyu_img img{ width:44px; height:44px;}
    .ny_news_n1_right h3 {
        padding-bottom: 0;
    }
    .ny_news_n2_img{min-height: 16rem;}
    .ny_news_n2_img img{min-height: 16rem;}
    .news_details_xq{ font-size:14px;}
    .n_lingyu_txt{ font-size:16px;}
  
}

.zh_xjtj{
  
}


@media (max-width: 1000px){
    .culture_n_lie_tu img{ height:auto;}
    #certify0 .swiper-slide img {
        height: 450px;
    }
        #certify1 .swiper-slide img {
        height: 210px;
    }
    #certify1 .swiper-slide p {
        line-height: 24px; margin-top: 14px;
    }
    #certify0 .swiper-button-next{ width:50px; height:50px;}
     #certify0 .swiper-button-prev{ width:50px; height:50px;}
    #certify1 .swiper-button-next{width:50px; height:50px;}
     #certify1 .swiper-button-prev{width:50px; height:50px;}
    #certify1 .swiper-slide p{ font-size:14px;}
    #certify0 .swiper-slide p{ font-size:14px;}
    #certify1 .swiper-slide {
        height: 344px;
    }
    #certify0 .swiper-slide {
        height: 540px;
    }
    #certify0 .swiper-slide p {
        line-height: 25px;
    }
    .bycs {
        height: 290px;
    }
        .byc_ico {
        margin-top: 93px;
    }
    .bycs .byc_tit .p {
        font-size: 16px;
        color: #fff;
        top: 163px;
    }
    .xin_title{ line-height:30px;}
    .xin_title5 {
        width: 50px;
        height: 50px; line-height: 50px;
        font-size: 22px;
    }
        #byc .byc {
        margin-top: 17px;
    }
    .business_nr .indicator a{ font-size:14px;}
    .bycs.on .byc_tit .p{ display:block;}
    .bycs.on .byc_ico {
    display: block;}
       .bycs .byc_tit .p {
       
        
     font-size: 17px;
    color: #fff;
    /* 移除无效的top属性（无position配合），如需定位后续补充 */
    writing-mode: vertical-rl;
    letter-spacing: 4px;
    /* 1. 给元素设置固定高度（示例高度，可根据你的需求修改） */
    height: 300px;
    /* 2. 开启Flex布局，实现内部文本竖向居中 */
    display: flex;
    /* 核心属性：竖排下，align-items: center 对应文本竖向居中 */
    align-items: center;
    /* 可选：如需文本水平（竖排视觉上的横向）居中，添加 justify-content: center; */
    /* justify-content: center; */
        
        
    }
    .bycs {
        height: 383px;
    }
    #byc .byc{ display:flex;}
    .bycs{ margin-right:0;}
       
    .bycs.on .byc_tit .p{ top:77px;}
    /* 1. 屏蔽.bycs.on的所有特殊样式，让它和普通.bycs视觉一致 */
  .bycs.on {
    /* 继承普通.bycs的样式，清除on的专属样式（比如背景、颜色等） */
    all: unset;
    /* 重新继承li的基础样式（避免all: unset清空所有样式），可根据你的实际样式调整 */
    display: list-item;
    list-style: none;
  }

  /* 2. 禁止.bycs的鼠标悬浮交互，避免移动端点击触发hover逻辑 */
  .bycs {
    pointer-events: none;
  }

  /* 3. 如果你需要保留<a>标签的点击跳转功能，单独开启a的指针事件 */
  .bycs a {
    pointer-events: auto;
  }
      .xin_clexg h2 {
        font-size: 20px;
        padding-top: 10px;
    }
    .n_lingyu ul li:hover .n_lingyu_img{transition: all 0.5s;transform: translateY(0px);}
.n_lingyu ul li:hover .n_lingyu_txt{transition: all 0.5s;transform: translateY(0px);}
.n_lingyu ul li a {
    display: block;
    width: 100%;
    height: auto;
}
.about_number ul li:nth-child(2) .about_right3_1 b{ font-size:16px;}
.aobut_ny_bt {
        margin-bottom: 10px;
}
.about_ny_p p{ margin-top:30px; line-height:30px;}
.aobut_nr {
        margin-top: 18px;
    }
    
.culture_n_lie_txt h2{ margin-top:14px;}
.culture_n_lie_txt span{ margin-top:6px;}

    
    
}



@media (max-width: 1530px){
    
    
    
    
}