.about8_1{padding-top: 100px;background: #fcfcfc;}

.about8_1 .con1{display: flex;justify-content: space-between;margin-bottom: 60px;}

.about8_1 .con1 .le{margin-bottom: 35px;}

.about8_1 .con1 .le2{line-height: 25px;color: #555555;margin-bottom: 15px;}

.about8_1 .con1 .le3{display: flex;align-items: center;color: #555555;margin-bottom: 20px;}

.about8_1 .con1 .le3 img{width: 30px;}

.about8_1 .con1 .le4{line-height: 35px;color: #555555;}

.about8_1 .con1 .con_re span{display: block;text-align: center;margin-top: 5px;}

.about8_1 .con2{padding:50px 0 40px;border-top: 1px dashed #bebebe;}

.about8_1 .con2 .ul{display: flex;flex-wrap: wrap;}

.about8_1 .con2 .ul .li{width: 25%;margin-bottom: 60px;}

.about8_1 .con2 .ul .li .i1{line-height: 35px;margin-bottom: 8px;}

.about8_1 .con2 .ul .li .i2{line-height: 30px;color: #555555;}



.ab3{width: 100%;background: url(../images2/sep_1.jpg) left no-repeat ;background-size: cover;}

.ab3 .aox{width: 100%;height: 640px;position: relative;padding-top: 140px;color: #fff;display: flex;}

.ab3 .aox .xian{display: block;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.2);position: absolute;top: 0;left: 0;z-index: 1;}

.ab3 .aox .alt{width: 15.5%;}

.ab3 .aox .alt li{margin: 5px 0;display: flex;color: #a5aaae;cursor: pointer;height: 40px;align-items: center;align-content: center;}

.ab3 .aox .alt li .yuan{width: 40px;height: 40px;position: relative;background: url(../images2/jain.png) no-repeat center left;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);}

.ab3 .aox .alt li .yuan s{display: block;width: 15px;height: 15px;background: #1a6eb2;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.ab3 .aox .alt li.act .yuan{transform: scale(1);-webkit-transform: scale(1);}

.ab3 .aox .alt li.act {color: #1a6eb2;}

.ab3 .aox .acont{width: 34.5%;margin-top: -50px;}

.ab3 .aox .acont li{display: flex;}

.ab3 .aox .acont li .num{font-size: 240px;line-height: 1;position: relative;overflow: hidden;width: 150px;height: 240px;}

.ab3 .aox .acont li .num span{display: block;width: 100%;height: 100%;text-align: center;color: rgba(1,64,153, 0.1);}

.ab3 .aox .acont li .num.act0 span:nth-child(1){margin-top: 0;}

.ab3 .aox .acont li .num.act1 span:nth-child(1){margin-top: -240px;}

.ab3 .aox .acont li .num.act2 span:nth-child(1){margin-top: -480px;}

.ab3 .aox .acont li .num.act3 span:nth-child(1){margin-top: -720px;}

.ab3 .aox .acont li .num.act4 span:nth-child(1){margin-top: -960px;}

.ab3 .aox .acont li .num.act5 span:nth-child(1){margin-top: -1200px;}

.ab3 .aox .acont li .num.act6 span:nth-child(1){margin-top: -1440px;}

.ab3 .aox .acont li .num.act7 span:nth-child(1){margin-top: -1680px;}

.ab3 .aox .acont li .num.act8 span:nth-child(1){margin-top: -1920px;}

.ab3 .aox .acont li .num.act9 span:nth-child(1){margin-top: -2160px;}

.ab3 .aox .acont li .num3{margin-left: 150px;}

.ab3 .aox .art{width: 47.5%;margin-left: 2.5%;}

.ab3 .aox .art .att{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px dashed #d6d6d6 ;color: #000000;}

.ab3 .aox .art .atc{line-height: 30px;color: #333333;}

.ab3 .aox .art .atc li{display: none;max-height: 320px;overflow-y: auto;}

.ab3 .aox .art .atc li::-webkit-scrollbar{ width:4px;height: 1px;}
.ab3 .aox .art .atc li::-webkit-scrollbar-thumb{ background:#0069d1;}
.ab3 .aox .art .atc li::-webkit-scrollbar-track{ background:#fff;} 

.ab3 .aox .art .atc li:nth-child(1){display: block;}

.ab3 .aox .art .atc li .actt{margin-bottom: 40px;}

.ab3 .aox .art .atc li .wz{margin-bottom: 20px;position: relative;padding-left: 20px;position: relative;}

.ab3 .aox .art .atc li .wz::after{content: '';display: block;width: 6px;height: 6px;background: url(../images2/dian.png);position: absolute;left: 0;top: 12px;border-radius: 50%;}

.special2{padding: 170px 0 195px;background: url(../images2/sep2_1.jpg) left no-repeat;background-size: cover;}

.special2 .spe2_con{display: flex;padding-left: 8.33%;justify-content: space-between;align-items: center;}

.special2 .spe2_con .con_le{width: 23.5%;color: #fff;text-align: justify;}

.special2 .spe2_con .con_le .le{}

.special2 .spe2_con .con_le s{display: block;width: 60px;height: 3px;background: rgba(255, 255, 255, 0.4);margin: 30px 0 30px;}

.special2 .spe2_con .con_le .le2{line-height: 30px;max-height: 200px;overflow-y: auto;padding-right: 15px;}

.special2 .spe2_con .con_le .le2::-webkit-scrollbar{ width:4px;height: 1px;}
.special2 .spe2_con .con_le .le2::-webkit-scrollbar-thumb{ background:#0069d1;}
.special2 .spe2_con .con_le .le2::-webkit-scrollbar-track{ background:#fff;}


.special2 .spe2_con .con_re{width: 71.6%;}

.special2 .spe2_con .con_re img{width: 100%;}

.special2 .spe2_con .con_re .txt{line-height: 30px;color: #fff;text-align: center;margin-top: 25px;}

.special2 .spe2_con .con_re .img{overflow: hidden;}

.special2 .spe2_con .con_re .img img{transition: all 0.6s;width: 100%; }

.special2 .spe2_con .con_re .img:hover img{transform: scale(1.05);transition: all 0.6s;}

.special3{padding: 75px 0;}

.special3 .sp_top{text-align: center;margin-bottom:20px;}

.special3 .sp_top2{text-align: center;line-height: 30px;color: #555555;margin-bottom: 50px;}

.special3 .img{background: #ededed;padding: 25px 0;display: flex;justify-content: center;}




.special3 .t1{color: #333333;line-height: 30px;margin: 15px 0 3px;}

.special3 .t2{color: #999999;line-height: 25px;}

.special3 .con{position: relative;}

.special3 .swiper-slide:hover .t1{color: #014099;}

.sp_prev,.sp_next{width: 45px;height: 45px;background: url(../images2/zuo2.png) center no-repeat;background-size: cover;box-shadow: 0 3px 10px 5px #f6f6f6;border-radius: 100%;}

.sp_prev{left: -110px;}

.sp_next{right: -110px;transform: rotate(180deg);}

.special3 .con .spe3_sw.one-swiping .swiper-wrapper {
    display: flex;
    justify-content: center;
}

.sp_prev:hover,.sp_next:hover{background: url(../images2/z.png) center no-repeat;}

.special4 {background: #f7f9fc;padding: 75px 0;}

.special4 .con1{text-align: center;margin-bottom: 35px;}

.special4 .con2{display: flex;justify-content: center;line-height: 60px;margin-bottom: 60px;}

.special4 .con2 .c{display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #d9d9d9;}

.special4 .con2 span{display: block;padding: 0 15px;line-height: 55px;margin-right: 20px;position: relative;cursor: pointer;color: #999999;}


.special4 .con2 span::after{content: "";width: 0;left: auto;right: 0;bottom: 0;height: 2px;background: #014099;position: absolute;transition: all 0.6s;}

.special4 .con2 span:last-child{margin-right: 0;}

.special4 .con2 span.act{color: #333333;}

.special4 .con2 span.act::after{width: 100%;left: auto;right: 0;}

.special4 .con2 span:hover::after{width: 100%;left: 0;right: auto;transition: all 0.6s;}

.special4 .con3 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}

.special4 .con3 .ul .li{width: 49.375%;height: 110px;border: 1px solid #e8e8e8;margin-bottom: 20px;}

.special4 .con3 .ul .li a{display: flex;align-items: center;height: 100%;background: #fff;justify-content: space-between;}

.special4 .con3 .ul .li a .aimg{position: relative;width: 130px;display: flex;align-items: center;justify-content: center;}

.special4 .con3 .ul .li a .aimg::after{position: absolute;width: 1px;height: 50px;background: #e8e8e8;content: "";right: 0;top: 50%;transform: translateY(-50%);}

.special4 .con3 .ul .li a .aimg img:last-child{position: absolute;top: 0;opacity: 0;}

.special4 .con3 .ul .li a .atxt{width: 78.5%;display: flex;align-items: center;}

.special4 .con3 .ul .li a .atxt span{display: block;overflow: hidden;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

.special4 .con3 .ul .li a .atxt span:first-child{width: 30%;color: #014099;margin-right: 5px;}

.special4 .con3 .ul .li a .atxt span:last-child{width: calc(100% - 35.26%);font-weight: 100;}

.special4 .con3 .ul .li:hover a{background: url(../images2/jianb.jpg) center no-repeat;background-size: cover;}

.special4 .con3{display: none;}

.special4 .con3:first-child{display: block;}


.special4 .con3 .ul .li:hover a .aimg img:last-child{opacity: 1;}

.special4 .con3 .ul .li:hover a .aimg img:first-child{opacity: 1;}

.special4 .con3 .ul .li:hover a .atxt span{color: #fff;}

.special4 .con3 .ul .li:hover a .aimg::after{background: rgba(255, 255, 255, 0.3);}

.special5{padding: 75px 0 120px;}

.special5 .con1{text-align: center;margin-bottom: 60px;}

.special5 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images2/sep5_s.png) center no-repeat;background-size: cover;}

.special5 .swiper-slide .img{overflow: hidden;}

.special5 .swiper-slide .img img{width: 100%;transition: all 0.6s;}

.special5 .swiper-slide:hover .img img{transform: scale(1.05);transition: all 0.6s;}

.special5 .txt .t{position: absolute;bottom: 20px;line-height: 35px;left: 40px;color: #fff;}

.special5 .img img{width: 100%;}

.special6{padding: 75px 0;position: relative;}

.special6 .con1 { text-align: center; margin-bottom: 35px;}

.energy1{padding: 100px 0 80px;}

.energy1 .ener1_top{text-align: center;margin-bottom: 25px;}

.energy1 .ener1_top2{text-align: center;line-height: 35px;width: 1030px;margin: 0 auto;text-align: center;color: #555555;}

.special3 .swiper-slide .img img{transition: all 0.6s;}

.special3 .swiper-slide:hover .img img:hover{transform: scale(1.05);transition: all 0.6s;}

/* .energy2{padding: 100px 0;} */

.energy2 .con1{text-align: center;margin-bottom: 30px;}

.energy3 {position: relative;}

.energy3 .con1{text-align: center;margin-bottom: 50px;}

.energy3 .con1 .c1{margin-bottom: 35px;}

.energy3 .c2{display: flex;align-items: center;justify-content: center;line-height: 60px;}

.energy3 .c2 a{padding: 0 50px;display: block;border-bottom: 1px solid #d9d9d9;position: relative;cursor: pointer;transition: all 0.6s;color: #999999;}

.energy3 .c2 a::after{position: absolute;left: auto;right: 0;width: 0%;height: 2px;content: "";background: #014099;bottom: 0;transition: all 0.6s;}

.energy3 .c2 a.act::after{width: 100%;}

.energy3 .c2 a.act{color: #333;}

.energy3 .c2 a:hover::after{width: 100%;left: 0;right:auto;transition: all 0.6s;}

.energy3 .botd{position: relative;}

.energy3 .botd .bot{opacity: 0;pointer-events: none;transition: all 0.6s;}

.energy3 .botd .bo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.energy3 .botd .bot.act {opacity: 1;pointer-events: visible;transition: all 0.6s;}

.energy3 .con2{display: flex;}

.energy3 .con2 .con_le{width: 50%;}

.energy3 .con2 .con_le img{width: 100%;}

.energy3 .con2 .con_re{width: 50%;background: #f5f7fa;position: relative;}

.energy3 .con2 .con_re .re{margin-bottom: 35px;}

.energy3 .con2 .con_re .re2{line-height: 35px;color: #555555;text-align: justify;}

.energy3 .con2 .con_re .res{padding: 100px 50px 50px 70px;position: absolute;left: 0;top: 0;width: 100%;opacity: 0;pointer-events: none;transition: all 0.6s;}

.energy3 .con2 .con_re .res.act{opacity: 1;pointer-events: visible;padding: 80px 50px 50px 70px;transition: all 0.6s;}

.energy3  .con3{padding: 60px 0 100px;background: #f2f2f2;margin-top: 40px;}

.energy3  .con3 .txt{background: #fff;line-height: 60px;text-align: center;padding: 0 15px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-weight: 100;transition: all 0.6s;}

.energy3  .con3  .img{overflow: hidden;transition: all 0.6s;}

.energy3  .con3  .img img{width: 100%;transition: all 0.6s;}

.energy3  .con3 .swiper-slide{cursor: pointer;}

.energy3  .con3 .swiper-slide:hover .img img{transform: scale(1.05);transition: all 0.6s;}

.energy3  .con3 .swiper-slide:hover .txt{font-weight: 400;transition: all 0.6s;}

.energy3  .con3 .swiper-slide.act .txt{font-weight: 400;}

.sp_prev, .sp_next{box-shadow: 0 3px 10px 10px #e9e9e9;}

.energy3 .sp_prev,.energy3 .sp_next{background: #f3f3f3 url(../images2/zuo2.png);}

.energy3 .ener3_top{text-align: center;margin-bottom: 30px;}

.energy3 .ener3_top2{text-align: center;line-height: 30px;margin-bottom: 30px;}

.energy3 .sp_prev:hover,.energy3 .sp_next:hover{background: url(../images2/z.png) center ;}





@media screen and (max-width:1680px) {
    .about8_1{padding-top: 80px;}

    .about8_1 .con1{margin-bottom: 40px;}

    .about8_1 .con2{padding: 30px 0 ;}

    .special2{padding: 120px 0 ;}

    .special2 .spe2_con .con_le s{margin: 40px 0 30px;}

    .special2 .spe2_con .con_re .txt{margin-top: 15px;}

    .special2 .spe2_con .con_le .le2{line-height: 30px;}

    .special5{padding: 60px 0 80px;}
}



@media screen and (max-width:1025px) {

    .special3 .con .spe3_sw.one-swiping .swiper-wrapper {
        display: flex;
        justify-content:normal !important;
    }
    .about8_1{padding-top: 30px;}

    .about8_1 .con1{flex-wrap: wrap;}

    .about8_1 .con1 .con_le{width: 100%;}

    .about8_1 .con1 .con_re {width: 100%;}

    .about8_1 .con1 .con_re img{width: 150px;}

    .about8_1 .con1 .con_re span{width: 150px;}

    .about8_1 .con1 .le4{line-height: 25px;}

    .about8_1 .con1 .le4 .l{margin-bottom: 5px;}

    .about8_1 .con1 .le{margin-bottom: 15px;}

    .about8_1 .con1 .le2{margin-bottom: 10px;}

    .about8_1 .con1 .le3{margin-bottom: 10px;}

    .about8_1 .con2 .ul{justify-content: space-between;}

    .about8_1 .con2 .ul .li{width: 48%;margin-bottom: 30px;}

    .about8_1 .con2 .ul .li .i1{line-height: 30px;margin-bottom: 5px;}

    .about8_1 .con2 .ul .li .i2{line-height: 25px;}

    .about8_1 .con2{padding: 30px 0 20px;}

    .ab3 .aox{padding: 30px 0;display: block;height: auto;}

    .ab3 .aox .xian{display: none;}
  
    .ab3 .aox .alt{width: 100%;display: flex;flex-wrap: wrap;}
  
    .ab3 .aox .alt li{width:20%;text-align: center;color: #aaa;display: block;height: 30px;}
  
    .ab3 .aox .alt li .yuan{display: none;}
  
    .ab3 .aox .alt li:nth-child(4n){margin-right: 0;}
  
    .ab3 .aox .acont{display: none;}

    .ab3 .aox .art .atc li .actt{margin-bottom: 20px;}
  
    .ab3 .aox .alt li.act{}

    .ab3 .aox .alt li.act .num{color: #000;font-weight: bold;text-decoration: underline;}
  
    .ab3 .aox .art{width: 100%;margin-top: 20px;}
  
    .ab3 .aox .art .att{padding-bottom: 20px;margin-bottom: 20px;}

    .special2{padding: 30px 0;}

    .special2 .spe2_con{flex-wrap: wrap;padding:0 5%;}

    .special2 .spe2_con .con_le{width: 100%;}

    .special2 .spe2_con .con_re{width: 100%;margin-top: 30px;}

    .special2 .spe2_con .con_le s{margin: 20px 0;}

    .special3{padding: 30px 0;}

    .special3 .sp_top2{margin-bottom: 20px;}

    .special3 .t1{margin: 10px 0 0;}

    .special4{padding: 30px 0;}

    .special4 .con1{margin-bottom: 20px;}

    .special4 .con2 span{line-height: 40px;padding: 0 5px;margin-right: 0px;width: 100%;text-align: center;}

    .special4 .con2{margin-bottom: 30px;}

    .special4 .con2 .c{flex-wrap: wrap;border: none;}

    .special4 .con3 .ul .li{width: 100%;height: 80px;margin-bottom: 10px;}

    .special4 .con3 .ul .li a .aimg{display: none;}

    .special4 .con3 .ul .li a{padding:0 20px;}

    .special4 .con3 .ul .li a .atxt{width: 100%;}

    .special4 .con3 .ul .li a .atxt span:first-child{width: 50%;}

    .special4 .con3 .ul .li a .atxt span:last-child{width: 50%;}

    .special4 .con3 .ul{margin-bottom: 10px;}

    .special4  .jiaz{margin-bottom: 0;}

    .special5{padding: 30px 0;}

    .special5 .con1{margin-bottom: 30px;}

    .special5 .txt .t{left: 30px;}

    .energy3 .c2{line-height: 40px;}

    .energy3 .c2 a{padding: 0 15px;}

    .energy3 .con2{flex-wrap: wrap;}

    .energy3 .con2 .con_le{width: 100%;margin-bottom: 20px;}

    .energy3 .con2 .con_re{width: 100%;height: 320px;}

    .energy3 .con2 .con_re .res{padding: 50px 20px 20px;}

    .energy3 .con2 .con_re .res.act{padding: 30px 20px 20px;}

    .energy3 .con1{margin-bottom: 30px;}

    .energy3 .con3{padding: 30px 0;}

    .energy3 .con2 .con_re .re{margin-bottom: 20px;}

    .energy3 .con1 .c1{margin-bottom: 20px;}

    .sp_prev, .sp_next{display: none;}

    .energy3 .con2 .con_re .re2{line-height: 30px;}

    .energy3 .ener3_top{margin-bottom: 20px;}
    


}






