.ctn1 .tu img {
  width: 100%;
}
.ctn1 .tu video {
  width: 100%;
}
.ctn1 .tu{position: relative;}
.ctn1 .tu li{position:absolute;left:40%;top:20%;width:8px;z-index: 2;}
.ctn1 .tu li a{
  display: block;color:#fff;word-break: keep-all;transform:translateX(-50%);
  position:absolute;left:50%;bottom: 100%;background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;border:1px solid #00efff;margin-bottom: 7px;
  padding:4px 30px;transition:all 0.3s ease-in-out;
}
.ctn1 .tu li a:hover{background: rgba(0, 149, 160, 0.8);}

.ctn2 .ctn-top .swiper-slide {
  display: flex;
  justify-content: space-between;
  height: auto;
  padding-bottom: 40px;
}
.ctn2 .ctn-top .swiper-slide:after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
}
.ctn2 .ctn-top .swiper-slide:after {
  content: '';
  width: 0;
  height: 4px;
  background: var(--color);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.ctn2 .ctn-top .swiper-slide .nums {
  width: 12%;
  font-weight: bold;
  color: var(--color);
}
.ctn2 .ctn-top .swiper-slide .txt {
  width: 88%;
  text-align: justify;
  color: #999;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.ctn2 .ctn-top .swiper-slide:hover:after {
  width: 100%;
}
.ctn2 .ctn-top .swiper-slide:hover .txt {
  color: #333;
}
.ctn2 .ctn-top .swiper-slide.active:after {
  width: 100%;
}
.ctn2 .ctn-top .swiper-slide.active .txt {
  color: #333;
}
.ctn2 .ctn-bottom {
  margin-top: 43px;
}
.ctn2 .ctn-bottom .swiper-slide .tu {
  border-radius: 10px;
  overflow: hidden;
}
.ctn2 .ctn-bottom .swiper-slide .tu img {
  width: 100%;
}
.ctn3{
  background: #f9f9f9;
}
.ctn3 .ctn-list {
  margin-top: 60px;
}

.ctn3 .swiper-slide{position: relative;}

.ctn3 .ctn-list .swiper-slide img {
  width: 100%;
  position: relative;
  z-index: 1;
  height:100%;object-fit: contain;
}
.ctn3 .ctn-list .sw_con{
  display: flex;flex-wrap:wrap;
}
.ctn3 .ctn-list .sw_con .img{
  flex:0 0 839px;
}
.ctn3 .ctn-list .swiper-slide .text {
 flex:1;padding:60px 30px 0 80px;
}
.ctn3 .ctn-list .swiper-slide .text h2 {
  font-weight: bold;margin-bottom:20px;
}
.ctn3 .ctn-list .swiper-slide .text p {
  max-width: 100%;color:#777;
  text-align: justify;
}
.ctn3 .ctn-list .swiper-slide .text .more_a{
  display: flex;margin-top:80px;
}


@media screen and (max-width: 1600px) {
  .ctn1 .tu {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .ctn1 .tu li{width:4px;transform:translateY(10px);}
  .ctn1 .tu li a{padding:0px 8px;font-size: 12px;border-radius: 4px;}
}

.cyzs_dl{display: flex;flex-wrap:wrap;background: #f5f7fa;}
.cyzs_dl dt{flex:0 0 720px;}
.cyzs_dl dt img{width:100%;height:100%;object-fit: cover;}
.cyzs_dl dd{flex:1;padding:0px 100px;color:#777;display:flex;flex-wrap: wrap;align-items: center;}
.cyzs_dl dd .p{    text-align: justify;padding:50px 0;}
@media screen and (max-width: 1600px) {
  .cyzs_dl dt{flex:0 0 35vw;}
  .cyzs_dl dd{padding:0 5vw;}
  .cyzs_dl dd .p{padding:3vw 0;}
}
@media screen and (max-width: 767px) {
  .cyzs_dl dt{flex:0 0 100%;}
  .cyzs_dl dd{padding:8vw 5vw;}
  .cyzs_dl dd .p{padding:0px;}
}


.ctn2 .newen_tu{max-width: 1530px;margin:0 auto;}
.ctn2 .newen_tu img{width:100%;}

.ener_cybj_con{background-color: #f9f9f9;}
/* .ener_cybj_con .titl_text{display:flex;flex-wrap: wrap;justify-content: space-between;}
.ener_cybj_con .titl_text .p{flex:0 0 900px;margin-top:0px;text-align: left;} */
.ener_cybj_con .titl_text .p{max-width: 1000px;margin-left:auto;margin-right: auto;}

.ener_cybj_con .ener_list dl{background-color: #fff;padding:50px 30px;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.ener_cybj_con .ener_list dt{flex:0 0 716px;display: flex;flex-wrap:wrap;align-content: center;}
.ener_cybj_con .ener_list dt img{width:100%;height:100%;object-fit: cover;}
.ener_cybj_con .ener_list dd{flex:1;padding-right:50px;padding-left:30px;display: flex;flex-wrap:wrap;align-content:center}
.ener_cybj_con .ener_list span{color:var(--color);display: inline-block;}
.ener_cybj_con .ener_list h3{font-weight: 700;margin-top:10px;line-height: 1.2;}
.ener_cybj_con .ener_list .p{color:#777;margin-top:30px;text-align: justify;}
.ener_cybj_con .ener_list .more_a{margin-top: 70px;}

@media screen and (max-width: 1600px) {
  .ener_cybj_con .ener_list dt{flex:0 0 40vw;}
  .ener_cybj_con .ener_list dl{padding:3vw 2vw;}
  .ener_cybj_con .ener_list dd{padding-left:2vw;padding-right: 3vw;}
  .ener_cybj_con .ener_list .more_a{margin-top: 5vw;}
}
@media screen and (max-width: 767px) {
  .ener_cybj_con .ener_list dt{flex:0 0 100%;}
  .ener_cybj_con .ener_list dl{padding:0vw;}
  .ener_cybj_con .ener_list dd{padding:8vw 5vw;}
}

.ene_prod ul{display: flex;flex-wrap:wrap;justify-content: center;}
.ene_prod ul li{height:65px;flex:1;background: #f7f7f7;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.ene_prod ul li.on{background: var(--color);color:#fff;}
.ene_prod .con{margin-top: 50px;}
.ene_prod dl{display: none;flex-wrap: wrap;flex-direction: row-reverse;}
.ene_prod dl.on{display:flex;}
.ene_prod dt{flex:0 0 959px;}
.ene_prod dt img{width:100%;}
.ene_prod dd{flex:1;}
.ene_prod dd .text{padding-top: 100px;padding-right:150px}
.ene_prod dd p{color:#777;margin-top: 30px;text-align: justify;}
.ene_prod dd p span{color:var(--color);font-weight: 700;}
.ene_prod .more_a{margin-top: 20px;}

@media screen and (max-width: 1600px) {
  .ene_prod dt{flex:0 0 50vw;}
  .ene_prod dd .text{padding-top:5vw;padding-right:8vw;}
  .ene_prod ul li{height:4vw;}
  .ene_prod .con{margin-top: 3vw;}
}
@media screen and (max-width: 1100px) {
  .ene_prod dd .text h2{font-size: 24px;}
  .ene_prod ul li{height:7vw;}
}
@media screen and (max-width: 767px) {
  .ene_prod ul li{height:auto;padding:3vw 1vw;flex:0 0 50%;}
  .ene_prod .con{margin-top:8vw;}
  .ene_prod dt{flex:0 0 100%;}
  .ene_prod dd {margin-top: 8vw;}
  .ene_prod dd .text{padding:0px;}
  .ene_prod dd p{margin-top: 3vw;}
}

.ene_dzfu{position: relative;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.ene_dzfu img{width:100%;}
.ene_dzfu .img{flex:0 0 960px;}
.ene_dzfu .con{flex:1;display: flex;flex-wrap: wrap;align-content: center;padding-left:80px;}
.ene_dzfu .con .titl_text{margin-bottom: 0;width:auto;}
.ene_dzfu .con .p{text-align: left;}

@media screen and (max-width: 1600px) {
  .ene_dzfu .img{flex:0 0 50vw;}
  .ene_dzfu .con{padding-left:4vw;}
}
@media screen and (max-width: 767px) {
  .ene_dzfu{background: #f9f9f9;width:100%;}
  .ene_dzfu .img{flex:0 0 100%;}
  .ene_dzfu .con{padding-left:0px;margin-bottom: 5vw;padding:0 5vw 5vw;}
}

.ene_jsfw dl{display:flex;flex-wrap: wrap;flex-direction: row-reverse;}
.ene_jsfw dt{flex:0 0 690px}
.ene_jsfw dt img{width:100%;}
.ene_jsfw dd{flex:1;padding-right:80px;display: flex;flex-wrap: wrap;align-items: center;}
.ene_jsfw dd .p{text-align: left;}
.ene_jsfw dd .titl_text{width:auto;margin-bottom: 0px;}
@media screen and (max-width: 1600px) {
  .ene_jsfw dt{flex:0 0 47vw;}
  .ene_jsfw dd{padding-right:5vw;}
}
@media screen and (max-width: 767px) {
  .ene_jsfw dt{flex:0 0 100%;margin-bottom:5vw;}
  .ene_jsfw dd{padding-right: 0px;}
  .ene_jsfw .titl_text{margin-bottom: 0px;}
}

.ene_sswd{background: #f9f9f9;}
.ene_sswd .con{display: flex;flex-wrap:wrap;}
.ene_sswd dl{flex:1;margin-right: 20px;}
.ene_sswd h3{border-bottom:1px solid #e9e9e9;font-weight:700;padding-bottom:20px;margin-bottom:25px;}
.ene_sswd h3 span{color:var(--color);font-size:16px;font-weight: normal;padding-left:10px;}
.ene_sswd .p{color:#666;}
.ene_sswd .p p{margin-bottom: 15px;display: flex;}
.ene_sswd .p p svg{margin-right:10px;}

@media screen and (max-width: 1600px) {
  .ene_sswd h3 span{display: block;padding-left:0px;}
  .ene_sswd h3{padding-bottom: 1vw;margin-bottom: 2vw;}
}
@media screen and (max-width: 1000px) {
  .ene_sswd dl{flex:0 0 50%;margin-right: 0px;margin-bottom: 3vw;}
}
@media screen and (max-width: 767px) {
  .ene_sswd dl{flex:0 0 100%;margin-bottom: 8vw;}
  .ene_sswd h3{padding-bottom: 3vw;margin-bottom: 5vw;}
  .ene_sswd h3 span{display: inline-block;padding-left:8px;}
}

.ene_hzhb .img img{width:100%;}

.mate_jsfw{background: #f9f9f9;}
.mate_jsfw .sec6 .case .swiper_text h4{padding-right:40px;font-weight: 700;}
.mate_jsfw .sec6 .case .swiper_text .p{padding-left:0px;text-align: justify;padding-bottom: 60px;margin-top:20px;padding-top: 0;}
.mate_jsfw .sec6 .case .swiper-button-prev{left:10px;position:static;}
.mate_jsfw .sec6 .case .swiper-button-next{left:110px;position:static;}
.mate_jsfw .sec6 .case .sw_btn_all{justify-content: flex-start;margin-top: 0px!important;position: static;}
.mate_jsfw .sec6 .case .swiper_img{width:50%;}
.mate_jsfw .sec6 .case .img{height:405px;}
.mate_jsfw .sec6 .case{justify-content: space-between;}
.mate_jsfw .sec6 .case .swiper_text{width:50%;}


.mat_kjcx .titl_text .p{max-width:920px;margin-left:auto;margin-right:auto;}
.mat_kjcx .dl_img_icon{display: block;}
.mat_kjcx .dl_img_icon .sw_btn_all{margin-bottom: 50px;}
.mat_kjcx .dl_img_icon.no_swp .swiper-wrapper{justify-content: center;}
.mat_kjcx .dl_img_icon dd .p{height:2.6em}
.mat_kjcx .dl_img_icon dd .num{color: var(--color);}
.mat_kjcx .dl_img_icon dd i{color: var(--color);}

.mat_kjcx .no_swp .swiper-wrapper{justify-content: center;}

.mat_kjcx .lay2_swiper{margin-top:2vw;}
.mat_kjcx .lay2_swiper .text_img{display:flex;flex-wrap:wrap;background: #f9f9f9;height:100%;}
.mat_kjcx .lay2_swiper .text{position: relative;flex:1;display: flex;flex-wrap: wrap;align-items: center;}
.mat_kjcx .lay2_swiper .p{padding-left:70px;padding-right:70px;text-align: justify;}
.mat_kjcx .lay2_swiper .p h3{margin-bottom:20px;color:var(--color);font-weight: 700;}
.mat_kjcx .lay2_swiper .p a{color:#333;}
.mat_kjcx .lay2_swiper .p a:hover{text-decoration: underline;}
.mat_kjcx .lay2_swiper .swiper-slide{overflow: hidden;}
.mat_kjcx .lay2_swiper .img{overflow: hidden;flex:0 0 800px;position: relative;}
.mat_kjcx .lay2_swiper .img img{width:100%;height: 100%;object-fit: cover;}

@media screen and (max-width: 1600px) {
  .mat_kjcx .lay2_swiper .img{flex:0 0 40vw;}
  .mat_kjcx .lay2_swiper .p{padding:2vw 4vw;}

  .mate_jsfw .sec6 .case .swiper_text .p{padding-bottom: 3vw;}
  .mate_jsfw .sec6 .case .img{height:23vw;}
}
@media screen and (max-width: 1200px) {
  .mate_jsfw .sec6 .case .img{height:26vw;}
}
@media screen and (max-width: 1000px) {
  .mat_kjcx .lay2_swiper{width:90%;margin-left:auto;margin-right:auto;}
  .mat_kjcx .lay2_swiper .p{padding:8vw 5vw;}
}
@media screen and (max-width: 767px) {
  .mat_kjcx .lay2_swiper .swiper-slide{background-color: #f9f9f9;}
  .mat_kjcx .lay2_swiper .text_img{flex-direction:column-reverse;height:auto;}
  .mat_kjcx .lay2_swiper .img{flex:0 0 100%;}
  .mat_kjcx .lay2_swiper .text{flex:0 0 100%;}

  .mate_jsfw .sec6 .case{flex-direction:column-reverse;}
  .mate_jsfw .sec6 .case .swiper_img{width:100%;}
  .mate_jsfw .sec6 .case .swiper_text{width:100%;}
  .mate_jsfw .sec6 .case .swiper_text .swiper{padding-bottom: 0px;margin-top: 5vw;}
  .mate_jsfw .sec6 .case .swiper_text .p{margin-top: 2vw;padding-right: 0px;padding-bottom: 5vw;}
  .mate_jsfw .sec6 .case .sw_btn_all{margin-top: 5vw!important;}
  .mate_jsfw .sec6 .case .img{height:auto;}


}

.join4.mate_jnhb{position: relative;}
.join4.mate_jnhb .titl_text{position:absolute;left:50%;top:10%;transform:translate(-50%);z-index: 2;color:#fff;}
.join4.mate_jnhb .bottom{position: relative;}
.join4.mate_jnhb .text_list{position:absolute;left:0px;top:0px;width:100%;bottom:0px;display: flex;flex-wrap: wrap;color:#fff;}
.join4.mate_jnhb .bottom .text_list .text{flex:1;border-left:1px solid rgba(255,255,255,0.2);position: relative;transition:all 0.3s ease-in-out;z-index: 2;}
/* .join4.mate_jnhb .bottom .text_list .text.hover{background: none;} */
.join4.mate_jnhb .bottom .text_list .text:first-child{border:0;}
.join4.mate_jnhb .bottom .text_list .con{position:absolute;bottom:20%;left:50px;right:50px;top:auto;transform:translateY(0);}
.join4.mate_jnhb img{width:100%;display: block;height:100%;object-fit: cover;}
.join4.mate_jnhb .bottom .text_list .p{display: block!important;animation: none!important;margin-top:0px;}

.ener_cybj_list .ener_list:last-child{z-index: 2;position: relative;margin-bottom: 0px;}
.ener_cybj_list .ener_list{margin-bottom: 50px;}

.mate_prod .con{margin-top: 50px;}
.mate_prod dl{display: none;flex-wrap: wrap;flex-direction: row-reverse;}
.mate_prod dl.on{display:flex;}
.mate_prod dt{flex:0 0 100%;}
.mate_prod dt img{width:100%;}
.mate_prod dd{flex:1;}
.mate_prod dd .text{padding-top: 100px;padding-right:150px}
.mate_prod dd p{color:#777;margin-top: 30px;}
.mate_prod dd p span{color:var(--color);}

.mate_cp .ctn-list{width:100%;}
.mate_cp.ctn3 .ctn-list .sw_con .img{flex:0 0 100%;}

.mate_cp.ctn3 .ctn-list .swiper-slide:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left:0px;top:0px;bottom:0px;right:0px;
  background: rgba(6,26,55,0.4);z-index: 2;opacity: 0;
  transition:all 0.5s ease-in-out;
}
.mate_cp.ctn3 .swiper-slide{position: relative;}

.mate_cp.ctn3 .ctn-list .swiper-slide img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.mate_cp.ctn3 .ctn-list .swiper-slide .text {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 30%;
  transform: translate(-50%,-50%);
  z-index: 3;
  text-align: center;opacity: 0;transition:opacity 0.5s ease-in-out;
}
.mate_cp.ctn3 .ctn-list .swiper-slide .text h2 {
  font-weight: bold;
  color: #fff;
}
.mate_cp.ctn3 .ctn-list .swiper-slide .text p {
  max-width: 100%;
  width: 50%;
  margin: 20px auto 50px;color:#fff;
  text-align: justify;
}
.mate_cp.ctn3 .ctn-list .swiper-slide .text .more_a{
  display: flex;
  justify-content: center;
}

.mate_cp.ctn3 .ctn-list .swiper-slide:hover:after{opacity: 1;}
.mate_cp.ctn3 .ctn-list .swiper-slide:hover .text{opacity: 1;}


.ctn3_trans .ul_title li{display:flex;flex-wrap: wrap;position: relative;}
.ctn3_trans .ul_title li:before{
  content: "";display: block;position:absolute;left:-30px;top:20px;width:20px;height:20px;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071917501303280/cms/image/8554eeca-f306-4396-b7b4-2a8fe4062110.png) no-repeat;
}
.ctn3_trans .ul_title li:first-child:before{display: none;}
.ctn3_trans .ul_title li img{width:36px;display: none;}
.ctn3_trans .ul_title li span{padding-left:10px;}

.newen_pro  .ul_title li:before{
  content: "";display: block;position:absolute;left:-30px;top:20px;width:20px;height:20px;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071917501303280/cms/image/8554eeca-f306-4396-b7b4-2a8fe4062110.png) no-repeat;
}
.newen_pro .ul_title li:first-child:before{display: none;}
.mate_cp  .ul_title li:before{
  content: "";display: block;position:absolute;left:-30px;top:20px;width:20px;height:20px;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024071917501303280/cms/image/8554eeca-f306-4396-b7b4-2a8fe4062110.png) no-repeat;
}
.mate_cp .ul_title li:first-child:before{display: none;}

@media screen and (max-width: 1600px) {
  .ctn3_trans .ul_title{font-size: 16px;}
  .ctn3_trans .ul_title li:before{background-size: 14px;left:-27px;}

  .mate_cp .ul_title{font-size: 16px;}
  .mate_cp .ul_title li:before{background-size: 14px;left:-27px;}

  .ctn3 .ctn-list .sw_con .img{flex:0 0 50%;}
  .ctn3 .ctn-list .swiper-slide .text{padding:3vw 1.5vw 0 4vw;}

  .join4.mate_jnhb .bottom .text_list .con{left:2vw;right:2vw;}
}

@media screen and (max-width: 1200px) {
  .ctn3_trans .ctn-wrapper{overflow: auto;}
  .ctn3_trans .ul_title{width: max-content;justify-content: flex-start;}

  .mate_cp .ctn-wrapper{overflow: auto;}
  .mate_cp .ul_title{width: max-content;justify-content: flex-start;}

  .ul_title.small li{margin:0 20px;}
  .join4.mate_jnhb .bottom_phone .text_list .p br{display: none;}
}
@media screen and (max-width: 1000px) {
  .join4.mate_jnhb .text_list{position: relative;z-index: 2;}
  .join4.mate_jnhb .bottom .img_list {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
  }
  .join4.mate_jnhb .bottom .img_list .img {
    height: 100%;
  }
  .join4.mate_jnhb .bottom .text_list .con{position: static;}
  /* .join4.mate_jnhb .bottom .text_list .text{flex:0 0 100%;} */
  .join4.mate_jnhb .titl_text{position:static;color:#333;transform:translate(0%);}
}
@media screen and (max-width: 767px) {
  .ctn3 .ctn-list{margin-top:8vw;}
  .ctn3 .ctn-list .sw_con .img{flex:0 0 100%;}
  .ctn3 .ctn-list .swiper-slide .text{padding:5vw 0vw;}
  .ctn3 .ctn-list .swiper-slide .text h2{margin-bottom: 2vw;}
  .ctn3 .ctn-list .swiper-slide .text .more_a{margin-top: 8vw;}

  .mate_cp.ctn3 .ctn-list .swiper-slide .text{padding:8vw 5vw;background: #f9f9f9;position:static;transform:translate(0,0);color: #333;}
  .mate_cp.ctn3 .ctn-list .swiper-slide .text p{margin:0;width:100%;}
  .mate_cp.ctn3 .ctn-list .swiper-slide:after{display: none;}
  .mate_cp.ctn3 .ctn-list .swiper-slide .text h2{color:#333;}
  .mate_cp.ctn3 .ctn-list .swiper-slide .text p{color:#333;}

  .mate_cp .ul_title{width:100%;}

  .join4.mate_jnhb .bottom_phone .text_list{display: block;min-height: 250px;}
  .join4.mate_jnhb .bottom_phone .swiper-slide{min-height: 250px;align-content:center;}
  

}