.energy-case{width: 100%;overflow: hidden;}
        .energy-case-content{width: 100%;position: relative;margin: auto;}
        .energy-case-content .text-1{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);width:100%;}
        .energy-case-content .text-1 .title-1{font-family: 'Poppins-sb',Microsoft Yahei,Arial;font-size: 64px;color: #fff; text-align: center;}
        .energy-case-content .pic-2{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;}
        .energy-case-content .pic-2 img{width: 100%;}
        
        .energy-case-news2-content{padding:5% 0 0;}
        .zf-title-2{font-family: 'Poppins-sb',Microsoft Yahei,Arial;font-size: 48px;color: #000; text-align: center;line-height: 1;}

        .sh-news-nav{padding: 1% 0;width: 76%;margin: auto;text-align: center;margin-top: 1%;position: relative;}
        .sh-news-nav-swiper {position: relative;overflow: hidden;width: 90%;margin: auto;}
        .sh-news-nav-swiper strong {font-family: 'Poppins',Arial, Helvetica, sans-serif;font-weight: 600;margin: 0;padding: 0;}
        .sh-news-nav-swiper .swiper-wrapper {height: auto;}
        .sh-news-nav-swiper a {display: block;position: relative;}
        .sh-news-nav-swiper a::after {content: '';width: 1px;height: 100%;background: #ccc;position: absolute;right: -1px;top: 0;}
        /* 高亮当前分类，使用自定义 is-active，避免受 Swiper 默认 active 影响 */
        .sh-news-nav-swiper .swiper-slide.is-active strong {color: #2c3368;}
        .sh-news-nav-swiper strong {display: block;color: #999;font-size: 18px;}
        .swiper-news-prev,.swiper-news-next {background-size: 20%;margin-top:0;width: 30px;height: 30px;border-radius: 100%;background: none;background-color: #ccc;}
        .swiper-news-prev:hover,.swiper-news-next:hover {background-color: #2c3368;}
        .swiper-news-prev::after,.swiper-news-next::after {content: '';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('images/right3.png') center no-repeat;background-size: auto 100%;}
        .swiper-news-prev::after {transform: translate(-50%,-50%) rotate(180deg);}
        @media screen and (max-width: 860px) {   
            .sh-news-nav  {width: 100%;padding: 5% 0;}
            .sh-news-nav-swiper strong {font-size: 14px;}
            .sh-news-nav-swiper .swiper-slide {width: auto;}
            .sh-news-nav-swiper {width: 70%;}
            .sh-news-nav-swiper a {padding: 0 20px;}
        }


        .energy-case-news4{width: 100%;overflow: hidden;margin-top: 2%;}
        .energy-case-news4-content{width: 76%;margin: auto;} 


        .energy-case-news{width: 100%; overflow: hidden;}
        .energy-case-news-content{width: 76%; position: relative; margin: auto;}
        .energy-case-news-top{padding: 50px 0; display: flex;justify-content: center; align-items: center;width:100%;margin: auto;position: relative;overflow: hidden;}
        .energy-case-news-top a{color: #898989; font-size: 18px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;display: inline-block;width: 100%; box-sizing: border-box;position: relative;}
        .energy-case-news-top a:hover{color: #2c3368;} 
        
        .energy-case-news-top .jiant-1{width:27px; height: 27px; position: absolute; border-radius:100%; border:1px solid #c3c3c3; margin:0 4%;display: inline-block;z-index: 15;}
        
       
        .energy-case-news-bottom{margin:4% 0 5%;display: flex;flex-wrap: wrap;justify-content: space-between;}
        .energy-case-news-bottom .item{width: 45%;margin-right: 2%;margin-bottom: 2%;}
        .energy-case-news-bottom .iem-3{margin-right: 0;}
        .energy-case-news-bottom .item:nth-child(3n){margin-right: 0;}
        .energy-case-news-bottom .item a{text-decoration: none;overflow: hidden;width: 100%;display: block;}
        .energy-case-news-bottom .item .pic-1{width: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;overflow: hidden;margin:auto;background-color:#000;} 
        .energy-case-news-bottom .item .title-1{font-family: 'Poppins-sb',Microsoft Yahei,Arial;font-size: 18px;color: #000;margin-top: 20px;}
        .energy-case-news-bottom .item .txt-2{font-size: 14px;color: #000000cc; margin-top:30px;}
        .energy-case-news-bottom .item .txt-3{color: #2c3368;font-family: 'Poppins-sb',Microsoft Yahei,Arial;font-size: 16px;margin-top: 25px;}
        .energy-case-news-bottom .item a .fd-1{overflow: hidden;width: 100%;border-radius: 10px;width: 100%;margin:auto;}
        .energy-case-news-bottom .item a:hover .fd-1 .pic-1{transform: scale(1.03);}

        .energy-case-news-content .swiper-button-prev5{background-image: none;opacity: 1;}
        .energy-case-news-content .swiper-button-prev5::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;background: url(./images/right2.png) center no-repeat;}
        .energy-case-news-content .swiper-button-next5{background-image: none;opacity: 1;}
        .energy-case-news-content .swiper-button-next5::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;background: url(./images/right2.png) center no-repeat;}
        .energy-case-news-content .jiant-1{transform:translateY(-50%);}
        .energy-case-news-content .jiant-2{transform:translateY(-50%) rotate(180deg);}
        
        .energy-case-news-content .swiper-button-prev5:hover,.energy-case-news-content .swiper-button-next5:hover{background: #2c3368;color: #fff;border: 1px solid #2c3368;}
        .energy-case-news-content .swiper-button-prev5:hover::after,.energy-case-news-content .swiper-button-next5:hover::after{filter: brightness(0%) invert(100%);}
        .energy-case-news-content .myswiper5{width: 76%;overflow: hidden;text-align: center;margin: auto;}
        .energy-case-news-content .swiper-slide-active a{color: #2c3368;}
        .energy-case-news-top a::after{content: '';position: absolute;right:0;top: 50%;transform: translateY(-50%);width: 1px;height: 100%;background-color: #c3c3c3;}


        .sh-event-nav1{padding: 1% 0;width:100%;margin: auto;text-align: center;margin-top: 1%;position: relative;}
        .sh-event-nav-swiper {position: relative;overflow: hidden;width: 90%;margin: auto;}
        .sh-event-nav-swiper .swiper-wrapper {height: auto;}
        .sh-event-nav-swiper a {display: block;position: relative;}
        .sh-event-nav-swiper a::after {content: '';width: 1px;height: 100%;background: #ccc;position: absolute;right: -1px;top: 0;}
        .sh-event-nav-swiper .swiper-slide.swiper-slide-active strong {color: #2c3368;}
        .sh-event-nav-swiper strong {display: block;color: #999;font-size: 18px;}
        .swiper-event-prev,.swiper-event-next {background-size: 20%;margin-top: 0px;width: 30px;height: 30px;border-radius: 100%;background: none;background-color: #ccc;}
        .swiper-event-prev:hover,.swiper-event-next:hover {background-color: #2c3368;}
        .swiper-event-prev::after,.swiper-event-next::after {content: '';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('images/right3.png') center no-repeat;background-size: auto 100%;}
        .swiper-event-prev::after {transform: translate(-50%,-50%) rotate(180deg);}
 
        .energy-case-news3-content {width: 76%;}


        @media screen and (max-width: 1920px) {}

        @media screen and (max-width: 1680px) {}

        @media screen and (max-width: 1440px) {
            .energy-case-content .text-1 .title-1,.zf-title-2{font-size:36px;}
            .energy-case-news-top a{font-size:14px;}
            .energy-case-news-bottom .item .title-1,.energy-case-news-bottom .item .txt-3{font-size:14px;}
            .energy-case-news-bottom .item a .txt-2{font-size: 12px;margin-top:15px;}
            .energy-case-news3-bottom .title-1-1{font-size: 32px;}
        }
        @media screen and (max-width: 1280px) {
            .energy-case-news-top a{font-size:12px;}
            .energy-case-news3-content,.energy-case-news-content,.sh-news-nav {width: 90%;}
        }

        @media screen and (max-width: 1024px) {
            .energy-case-content .text-1 .title-1,.zf-title-2{font-size:32px;}
            .energy-case-news-top a{font-size:10px;}
            .energy-case-news-bottom .item .title-1{font-size:10px;}
            .energy-case-news-bottom .item a .txt-2{font-size: 8px;}
            .energy-case-news3-bottom .title-1-1{font-size: 30px;}
            .energy-case-news-bottom .item .txt-3{font-size: 12px;}
        }

        @media screen and (max-width: 860px) {

            .energy-case-news-content{width: 90%;}
            .energy-case-news-top{justify-content: normal;flex-wrap: wrap;}
            .energy-case-news-top{position: relative;}
            
            
            .energy-case-news-bottom .item{width: 100%;margin-right: 0;margin-bottom: 8%;}
            .energy-case-news-bottom .item .title-1 { font-size: 18px; }
            .energy-case-news-bottom .item a .txt-2 { font-size: 14px; }
            .energy-case-news-content .jiant-1{margin:0 auto;}
            .energy-case-news-content .swiper-button-next5{right: 0%;}
            .energy-case-news-content .swiper-button-prev5{left: 0%;}
            .energy-case-news-top a{font-size:16px;}
            .energy-case-news-button{padding: 3% 0 15%;}

            .sh-event-nav-swiper{width: 70%;}
            .sh-event-nav-swiper strong{font-size: 14px;}
            .energy-case-news3-bottom .title-1-1{font-size: 24px;}
            .energy-case-news-bottom .item .txt-3{font-size: 14px;}
            .energy-case-news3-content,.energy-case-news4-content{width:90%;}

            


        }




/* cases-detail.css */

.energy-case2{width: 100%;overflow: hidden;padding:8% 0 0;}
        .energy-case2-content{width: 76%; margin: auto; } 
        .energy-case2-content .title-2{ font-family: 'Poppins-sb',Microsoft Yahei,Arial;color: #000;font-size: 48px;margin-bottom: 30px;}
        .energy-case2-content .box-3{padding:1.5%; color: #f2f2f2; display: flex; align-items: center;background-color: #f2f2f2;position: relative; border-radius: 20px;overflow: hidden;}
        .energy-case2-content .box-3 .mh-1{color: #00000033;position: absolute;left:1.5%;top:20%;}
        .energy-case2-content .box-3 .text-1{color: #000000cc;font-size: 18px;margin: 0 5%;line-height: 30px;}
        .energy-case2-content .box-3 .mh-2{color: #00000033;position: absolute;right:1.5%;bottom:20%;transform: scale(-1);} 
        .return-1 {margin: 10px 0;}
        .return-1 * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
        .return-1 a {display: inline-block;align-items: center;background: #f2f2f2;border-radius: 50px;overflow: hidden;padding: 7px 30px 7px 7px;font-size: 0;}
        .return-1 a i {width: 35px;height: 35px;background: #fff;border-radius: 50%;margin-right: 10px;display: inline-block;vertical-align: middle;position: relative;overflow: hidden;}
        .return-1 a i::before,.return-1 a i::after {content: '';width: 20px;height: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-180deg);background: url('images/rjt003.svg') center no-repeat;background-size: 80%;filter: invert(1);opacity: .5;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
        .return-1 a i::after {margin-left: 40px;}
        .return-1 a:hover i::before {margin-left: -40px;}
        .return-1 a:hover i::after {margin-left: 0px;}
        .return-1 a strong {display: inline-block;vertical-align: middle;color: #999;font-size: 18px;}
        .return-1 a:hover { background-image: -moz-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -webkit-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-image: -ms-linear-gradient( 0deg, rgb(44,51,104) 31%, rgb(28,130,134) 71%, rgb(77,181,96) 94%);background-size: 110%;}
        .return-1 a:hover strong {color: #fff;}

  
        .energy-case2-berpic{width: 88%;margin-left: 12%;background-position: center center; background-repeat: no-repeat; background-size: cover;margin:1.5% 0 2% 12%;}
        .energy-case2-berpic img{width: 100%;}
 

        .energy-case2-details{width: 76%;margin:auto;}
        .energy-case2-details-content{width: 100%;display: flex;justify-content: space-between;padding-bottom: 4%;}
        .energy-case2-details-left{width: 60%;font-size: 18px;color: #000;line-height: 30px;}
        .energy-case2-details-right{width: 35%;}
        .energy-case2-details-right .item-1{width: 100%; background-color:#f2f2f2; padding:10% 10% 10% 12%; box-sizing: border-box; border-radius:20px;}
        .energy-case2-details-right .item-1 .text-1{margin-bottom: 30px;}
        .energy-case2-details-right .item-1 .text-1:last-child{margin-bottom: 0;}
        .energy-case2-details-right .item-1 .text-1 .txt-1{font-size: 16px;color: #00000080;line-height: 30px;position: relative;padding-left: 20px;}
        .energy-case2-details-right .item-1 .text-1 .txt-1::after{content: ''; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 0; height: 0; border-left: 6px solid #4db560; border-right: 6px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
        .energy-case2-details-right .item-1 .text-1 .title-2{font-size: 18px;color: #000;line-height: 30px;font-family: 'Poppins-sb',Microsoft Yahei,Arial;padding-left: 20px;}

        .sh-news-detail-bottom {clear: both;border-radius: 10px;overflow: hidden;background: #f7f7f7;margin-bottom: 5%;}
        .sh-news-detail-bottom-content {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;padding: 4% 5%;position: relative;}
        .sh-news-detail-bottom-content::after {content: '';width: 1px;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #ccc;opacity: .5;}
        .sh-news-detail-bottom-fanye {width: 50%;}
        .sh-news-detail-bottom-fanye .text-1 {color: #999;}
        .sh-news-detail-bottom-fanye .title-1 {color: #000;font-size: 18px;margin-top: 10px;overflow: hidden;}
        .sh-news-detail-bottom-fanye .title-1 strong {width: 80%;display: block;}
        .sh-news-detail-bottom-fanye .icon-1 {margin-top: 20px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;overflow: hidden;}
        .sh-news-detail-bottom-fanye .icon-1 i {width: 40px;height: 40px;overflow: hidden;position: relative;display: block;}
        .sh-news-detail-bottom-fanye .icon-1 i::before,.sh-news-detail-bottom-fanye .icon-1 i::after {content: '';width: 30px;height: 30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-180deg);background: url('images/rjt003.svg') center no-repeat;background-size: 100%;filter: invert(1);opacity: .5;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
        .sh-news-detail-bottom-fanye a .icon-1 i::after {margin-left: 60px;}
        .sh-news-detail-bottom-fanye a:hover .icon-1 i::before {margin-left: -60px;}
        .sh-news-detail-bottom-fanye a:hover .icon-1 i::after {margin-left: 0px;}
        .sh-news-detail-bottom-fanye a:hover .text-1 {color: #000;}
        .sh-news-detail-bottom-fanye a:hover .title-1 strong {color: #2c3368;} 
        .sh-news-detail-bottom-fanye:last-child {text-align: right;}
        .sh-news-detail-bottom-fanye:last-child .title-1 strong {float: right;} 
        .sh-news-detail-bottom-fanye:last-child .icon-1 i {float: right;transform: rotate(180deg);}

        @media screen and (max-width: 860px) {  
            .sh-news-detail {width: 90%;padding-top: 15%;}
            .sh-news-detail-top .title-1 h1 {font-size: 26px;line-height: 36px;}
            .sh-news-detail-bottom-fanye,.sh-news-detail-bottom-fanye .title-1 strong {width: 100%;}
            .sh-news-detail-bottom-content::after {display: none;}
            .sh-news-detail-bottom-content {padding: 0;}
            .sh-news-detail-bottom {background: #fff;border-radius: 0;margin-bottom: 15%;}
            .sh-news-detail-bottom-fanye {padding: 5%;border-radius: 10px;background: #f7f7f7;margin-bottom: 3%;}
            .return-1 a {padding: 5px 20px 5px 5px;}
            .return-1 a i {width: 30px;height: 30px;}
            .return-1 a strong {font-size: 14px;}
            .return-1{margin:20px 0 0;}
            
        }




        @media screen and (max-width: 1920px) {}

        @media screen and (max-width: 1680px) {}

        @media screen and (max-width: 1440px) {
            .energy-case2-content .title-2{font-size: 36px;}
            .energy-case2-content .button-1 a .txt-2{font-size: 16px;}
            .energy-case2-content .box-3 .text-1{font-size: 16px;line-height: 24px;}
            .energy-case2-details-left{font-size: 16px;line-height: 24px;}
            .energy-case2-details-right .item-1 .text-1 .txt-1{font-size: 14px;}
            .energy-case2-details-right .item-1 .text-1 .title-2{font-size: 16px;line-height: 24px;}
            .energy-case2-news-content .item-1 .txt-1,.energy-case2-news-content .item-1 .title-2{font-size: 16px;}
            .energy-case2-news-content .item-1 .jiant-3{width: 30px;height: 27px;}

        }
        @media screen and (max-width: 1280px) {
            
        }

        @media screen and (max-width: 1024px) {
            .energy-case2-content .title-2{font-size: 30px;}
            .energy-case2-content .button-1 a .txt-2{font-size: 14px;}
            .energy-case2-content .box-3 .text-1{font-size: 14px;}
            .energy-case2-details-left{font-size: 14px;line-height: 20px;}
            .energy-case2-details-right .item-1 .text-1 .txt-1{font-size: 12px;}
            .energy-case2-details-right .item-1 .text-1 .title-2{font-size: 14px;line-height: 20px;}
            .energy-case2-news-content .item-1 .txt-1,.energy-case2-news-content .item-1 .title-2{font-size: 14px;}
            
        }

        @media screen and (max-width: 860px) {
            .energy-case2-content,.energy-case2-details,.energy-case2-news-content{width: 90%;}
            .energy-case2{padding: 15% 0 ;}
            .energy-case2-content .button-1{padding: 10px 0;}
            .energy-case2-content .title-2{font-size: 24px;}
            .energy-case2-content .box-3 .text-1{line-height:20px; margin:10%;}
            
            .energy-case2-berpic{width:100%;margin: 0;}
            .energy-case2-details{margin:8% auto;flex-direction: column;}
            .energy-case2-details-content{flex-direction: column;}
            .energy-case2-details-left,.energy-case2-details-right{width: 100%;}
            .energy-case2-details-right{margin-top:10%;}
            .energy-case2-details-right .item-1{padding:5%;}
            .energy-case2-news{margin: 2% 0 15%;}
            .energy-case2-content .box-3{padding: 0;}
            .energy-case2-content .box-3 .mh-1{top: 20%;}
            
            .energy-case2-content .button-1 a .txt-2{font-size: 16px;}
            .energy-case2-content .box-3 .text-1{font-size: 16px;}
            .energy-case2-details-left{font-size: 16px;line-height: 20px;}
            .energy-case2-details-right .item-1 .text-1 .txt-1{font-size: 14px;}
            .energy-case2-details-right .item-1 .text-1 .title-2{font-size: 16px;line-height: 20px;}
            .energy-case2-news-content .item-1 .txt-1,.energy-case2-news-content .item-1 .title-2{font-size: 16px;}
        }