/*nySolu_advantage start*/
.nySolu_advantage { overflow: hidden; padding: 50px 0 100px;}
.nySoluAdvantage_con { overflow: hidden; padding: 50px 100px 100px; background: #fff url(../images/webp/soluAdvantageBg.webp) center bottom no-repeat; background-size: 100%; box-shadow: 0 0 16px rgba(0,0,0,.05); border-radius: 8px;}
.nySoluAdvantage_con p { line-height: 30px; color: #555; font-size: 16px; text-align: center;}
/*nySolu_advantage end*/


/*nySolulist start*/
.nySolulist { overflow: hidden; padding: 100px 0; background-color: #f7f7f9;}
.nySolu_application, .nySolu_products, .nySolu_service, .nySolu_cases { margin: 0 auto 100px;}

.nySoluApp_menu { display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
.nySoluApp_menu ul { display: flex; padding: 10px; background-color: #fff; box-shadow: 0 8px 30px rgba(0,0,0,.05); border-radius: 35px;}
.nySoluApp_menu ul li { display: flex; align-items: center; height: 50px; margin-right: 10px; padding: 10px 80px; background-color: #fff; border-radius: 25px; cursor: pointer;}
.nySoluApp_menu ul li:last-child { margin-right: 0;}
.nySoluApp_menu ul li:hover, .nySoluApp_menu ul li.active { background-color: #2a7570;}
.nySoluApp_menu ul li i { display: block; width: 30px; height: 30px; overflow: hidden; margin-right: 10px;}
.nySoluApp_menu ul li i img { display: block; width: 30px; height: 60px; margin: 0 auto;}
.nySoluApp_menu ul li:hover i img, .nySoluApp_menu ul li.active i img { margin: -30px auto 0;}
.nySoluApp_menu ul li span { display: block; line-height: 30px; color: #222; font-size: 16px;}
.nySoluApp_menu ul li:hover span, .nySoluApp_menu ul li.active span { color: #fff;}

.nySoluApp_main { height: 0; opacity: 0; overflow: hidden; transform: translateY(50px);}
.nySoluApp_main.active { height: auto; opacity: 1; transform: translateY(0);}
.nySoluApp_con { display: flex; align-items: center; justify-content: space-between; overflow: hidden; padding: 50px; background-color: #fff; border-radius: 8px;}
.nySoluApp_con .text { width: 50%; padding: 0 100px 0 50px;}
.nySoluApp_con .text a.name { display: block; line-height: 44px; color: #222; font-size: 36px; font-weight: bold; margin-bottom: 40px;}
.nySoluApp_con:hover .text a.name { color: #2a7570;}
.nySoluApp_con .text p.ms { max-height: 140px; overflow: hidden; line-height: 28px; color: #555; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.nySoluApp_con .pics { width: 50%; height: 320px; overflow: hidden; border-radius: 8px;}
.nySoluApp_con .pics a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nySoluApp_con:hover .pics a img { transform: scale(1.05); -webkit-transform: scale(1.05);}

.nySoluPro_list ul { min-height: 200px; display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px -30px;}
.nySoluPro_list ul li { width: calc(100% / 3); margin-bottom: 30px; padding: 0 15px;}
.nySoluPro_list ul li .nySoluPro_con { display: flex; align-items: center; justify-content: space-between; min-height: 100%; overflow: hidden; padding: 20px; background-color: #fff; border: 1px solid #fff; border-radius: 8px;}
.nySoluPro_list ul li .nySoluPro_con:hover { border: 1px solid #2a7570;}
.nySoluPro_con .pics { width: 50%; height: 160px; overflow: hidden;}
.nySoluPro_con .pics a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nySoluPro_con:hover .pics a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nySoluPro_con .text { width: 50%; padding-left: 20px;}
.nySoluPro_con .text a.name { display: block; height: 60px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nySoluPro_con:hover .text a.name { color: #2a7570;}
.nySoluPro_con .text a.btn { display: block; width: 80px; height: 32px; overflow: hidden; line-height: 32px; color: #fff; font-size: 14px; margin-top: 30px; background-color: #bbb; border-radius: 4px; display: flex; align-items: center; justify-content: center; gap: 6px;}
.nySoluPro_con:hover .text a.btn { background-color: #2a7570;}
.nySoluPro_con .text a.btn i { display: block; width: 16px; height: 16px; overflow: hidden;}

.nySoluService_list ul { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}
.nySoluService_list ul li { width: calc((100% - 60px) / 3); position: relative;}
.nySoluService_list ul li .con { display: block; width: 100%; height: 300px; overflow: hidden; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .25); position: relative;}
.nySoluService_list ul li .con a.img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nySoluService_list ul li:hover .con a.img img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nySoluService_list ul li .con .text { width: 100%; overflow: hidden; padding: 20px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)); position: absolute; left: 0; bottom: 0;}
.nySoluService_list ul li:hover .con .text { background-image: linear-gradient(to bottom, rgba(0,173,161,0), rgba(0,173,161,1));}
.nySoluService_list ul li .con .text a.name { display: block; height: 32px; overflow: hidden; line-height: 32px; color: #fff; font-size: 24px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;}
.nySoluService_list ul li .con .text p { max-height: 52px; overflow: hidden; line-height: 26px; color: #fff; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; padding-right: 60px;}
.nySoluService_list ul li a.ico { display: block; width: 60px; height: 60px; overflow: hidden; padding: 15px; background-color: #fff; border-radius: 50%; position: absolute; right: 20px; bottom: -30px;}

.nySoluCase_swiper { min-height: 200px; overflow: hidden; padding-bottom: 50px; position: relative;}
.nySoluCase_swiper .swiper-slide .pics { width: 100%; height: 280px; overflow: hidden; border-radius: 8px 8px 0 0;}
.nySoluCase_swiper .swiper-slide .pics a { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #fff; position: relative;}
.nySoluCase_swiper .swiper-slide:hover .pics a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nySoluCase_swiper .swiper-slide .text { width: 100%; height: auto; overflow: hidden; padding: 30px; background-color: #fff; border: 1px solid #fff; border-top: 0; border-radius: 0 0 8px 8px;}
.nySoluCase_swiper .swiper-slide:hover .text { border: 1px solid #2a7570; border-top: 0;}
.nySoluCase_swiper .swiper-slide .text .name { margin-bottom: 20px; padding-bottom: 20px; position: relative;}
.nySoluCase_swiper .swiper-slide .text .name a { display: block; height: 60px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nySoluCase_swiper .swiper-slide:hover .text .name a { color: #2a7570;}
.nySoluCase_swiper .swiper-slide .text .name::after { content: ''; display: block; width: 30px; height: 2px; background-color: #2a7570; position: absolute; left: 0; bottom: 0;}
.nySoluCase_swiper .swiper-slide .text p.ms { height: 56px; overflow: hidden; line-height: 28px; color: #999; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nySoluCase_swiper .swiper-slide .text a.btn { display: block; width: 80px; height: 32px; overflow: hidden; line-height: 32px; color: #fff; font-size: 14px; margin-top: 30px; background-color: #bbb; border-radius: 4px; display: flex; align-items: center; justify-content: center; gap: 6px;}
.nySoluCase_swiper .swiper-slide:hover .text a.btn { background-color: #2a7570;}
.nySoluCase_swiper .swiper-slide .text a.btn i { display: block; width: 16px; height: 16px; overflow: hidden;}
.nySoluCase_swiper .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important;}
.nySoluCase_swiper .swiper-pagination span { width: 8px; height: 8px; margin: 0 5px !important; background-color: #ddd; border-radius: 50%; vertical-align: top; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nySoluCase_swiper .swiper-pagination span::after { display: none;}
.nySoluCase_swiper .swiper-pagination span.swiper-pagination-bullet-active { background-color: #2a7570;}

.nySolu_bottom { overflow: hidden; background: #161c22; border-radius: 8px; position: relative;}
.nySolu_bottom .pics { width: 62%; height: 300px; overflow: hidden; margin-left: 38%; position: relative;}
.nySolu_bottom .pics::after { content: ''; display: block; width: 50%; height: 100%; background: linear-gradient(to right, #161c22, rgba(22,28,34,0)); position: absolute; left: 0; top: 0;}
.nySolu_bottom .text { width: 60%; overflow: hidden; padding-left: 80px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1;}
.nySolu_bottom .text a.name { display: block; line-height: 44px; color: #fff; font-size: 36px; font-weight: bold; margin-bottom: 16px;}
.nySolu_bottom .text p.ms { line-height: 28px; color: rgba(255,255,255,.7); font-size: 16px;}
.nySolu_bottom .text .btn { display: flex; margin-top: 40px;}
.nySolu_bottom .text .btn .lyMore { margin-right: 20px;}
/*nySolulist end*/


@media (max-width:1680px) {
  .nySolu_advantage { padding: 40px 0 80px;}
  .nySoluAdvantage_con { padding: 40px 80px 80px;}

  .nySolulist { padding: 80px 0;}
  .nySolu_application, .nySolu_products, .nySolu_service, .nySolu_cases { margin: 0 auto 80px;}
  .nySoluApp_menu { margin-bottom: 40px;}
  .nySoluApp_con { padding: 40px;}
  .nySoluApp_con .text { padding: 0 80px 0 40px;}
  .nySoluApp_con .text a.name { line-height: 40px; font-size: 32px; margin-bottom: 30px;}
  .nySoluCase_swiper { padding-bottom: 40px;}

}

@media (max-width:1600px) {
  .nySoluPro_list ul li .nySoluPro_con { padding: 15px;}
  .nySoluPro_con .text { padding-left: 15px;}
  .nySoluPro_con .text a.btn { margin-top: 20px;}
}

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

@media (max-width:1440px) {
  .nySolu_advantage { padding: 30px 0 60px;}
  .nySoluAdvantage_con { padding: 30px 60px 60px;}
  .nySoluAdvantage_con p { line-height: 25px; font-size: 15px;}

  .nySolulist { padding: 60px 0;}
  .nySolu_application, .nySolu_products, .nySolu_service, .nySolu_cases { margin: 0 auto 60px;}

  .nySoluApp_menu { margin-bottom: 30px;}
  .nySoluApp_menu ul li { padding: 10px 60px;}

  .nySoluApp_con .text p.ms { max-height: 125px; line-height: 25px; font-size: 15px;}

  .nySoluPro_con .pics { height: 160px;}
  .nySoluPro_con .text a.name { height: 52px; line-height: 26px; font-size: 16px;}

  .nySoluCase_swiper { padding-bottom: 30px;}
  .nySoluCase_swiper .swiper-slide .text .name { margin-bottom: 16px; padding-bottom: 16px;}
  .nySoluCase_swiper .swiper-slide .text p.ms { height: 50px; line-height: 25px; font-size: 15px;}
  
  .nySolu_bottom .pics { height: 280px;}
  .nySolu_bottom .text { padding-left: 60px;}
  .nySolu_bottom .text a.name { line-height: 40px; font-size: 32px; margin-bottom: 10px;}
  .nySolu_bottom .text p.ms { line-height: 25px; font-size: 15px;}
  .nySolu_bottom .text .btn { margin-top: 30px;}
}

@media (max-width:1366px) {
  .nySoluApp_menu ul { padding: 8px;}
  .nySoluApp_menu ul li { height: 44px; margin-right: 8px; padding: 0 50px;}

  .nySoluApp_con { padding: 30px;}
  .nySoluApp_con .text { padding: 0 60px 0 30px;}
  .nySoluApp_con .text a.name { line-height: 36px; font-size: 28px; margin-bottom: 25px;}
  
  .nySoluPro_list ul { margin: 0 -10px -20px;}
  .nySoluPro_list ul li { margin-bottom: 20px; padding: 0 10px;}
  .nySoluPro_list ul li .nySoluPro_con { padding: 10px;}
  .nySoluPro_con .text { padding-left: 10px;}

  .nySoluService_list::before { font-size: 120px;}
  .nySoluService_list ul li { width: calc((100% - 40px) / 3);}
  .nySoluService_list ul li .con { height: 260px;}
  .nySoluService_list ul li .con .text a.name { height: 30px; line-height: 30px; font-size: 22px;}
  .nySoluService_list ul li .con .text p { max-height: 50px; line-height: 25px; font-size: 15px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 260px;}

  .nySolu_bottom .text a.name { font-size: 30px;}
}

@media (max-width:1280px) {
  .nySoluApp_con .pics { height: 300px;}

  .nySoluPro_con .pics { height: 140px;}

  .nySoluService_list ul li .con { height: 240px;}
  .nySoluService_list ul li .con .text a.name { font-size: 20px;}
  .nySoluService_list ul li .con .text p { max-height: 44px; line-height: 22px; font-size: 14px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 240px;}
  .nySoluCase_swiper .swiper-slide .text { padding: 20px;}
  .nySoluCase_swiper .swiper-slide .text a.btn { margin-top: 20px;}

  .nySolu_bottom .text { width: 50%;}
  .nySolu_bottom .text a.name { line-height: 36px; font-size: 28px;}
}

@media (max-width:1200px) {
  .nySoluAdvantage_con { padding: 30px 30px 60px;}
  .nySoluApp_con .text { padding: 0 30px 0 0;}
  .nySoluApp_con .text a.name { margin-bottom: 20px;}

}

@media (max-width:1080px) {
  .nySoluApp_menu ul li { padding: 0 40px;}
  .nySoluApp_con .text a.name { line-height: 32px; font-size: 24px;}
  .nySoluApp_con .pics { height: 280px;}

  .nySoluPro_con .pics { height: 120px;}
  .nySoluPro_con .text a.btn { margin-top: 15px;}

  .nySoluService_list::before { font-size: 100px;}
  .nySoluService_list { min-height: 220px;}
  .nySoluService_list ul li .con { height: 220px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 224px;}

  .nySolu_bottom .pics { height: 260px;}
  .nySolu_bottom .text { padding-left: 30px;}
  .nySolu_bottom .text a.name { line-height: 32px; font-size: 24px;}
  .nySolu_bottom .text .btn { margin-top: 20px;}
}

@media (max-width:1024px) {
  .nySoluApp_con .pics { height: 270px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 210px;}
}

@media (max-width:920px) {  
  .nySolu_advantage { padding: 20px 0 40px;}  
  .nySoluAdvantage_con { padding: 20px 20px 40px;}
  .nySoluAdvantage_con p { line-height: 24px; font-size: 14px;}

  .nySolulist { padding: 40px 0;}
  .nySolu_application, .nySolu_products, .nySolu_service, .nySolu_cases { margin: 0 auto 40px;}
  .nySoluApp_menu { margin-bottom: 24px;}

  .nySoluApp_con { padding: 20px;}
  .nySoluApp_con .text { padding: 0 20px 0 0;}
  .nySoluApp_con .pics { height: 250px;}

  .nySoluPro_list ul li { width: 50%;}
  .nySoluPro_list ul li .nySoluPro_con { padding: 20px;}
  .nySoluPro_con .pics { height: 140px;}
  .nySoluPro_con .text { padding-left: 20px;}
  .nySoluPro_con .text a.btn { margin-top: 20px;}

  .nySoluService_list ul li .con { height: 200px;}
  .nySoluService_list ul li .con .text a.name { font-size: 18px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 190px;}
  .nySoluCase_swiper .swiper-slide .text .name a { height: 52px; line-height: 26px; font-size: 16px;}
  .nySoluCase_swiper .swiper-slide .text p.ms { height: 48px; line-height: 24px; font-size: 14px;}

  .nySolu_bottom .pics { height: 240px;}
  .nySolu_bottom .text p.ms { line-height: 24px; font-size: 14px;}

}

@media (max-width:820px) {
  .nySoluApp_menu ul li span { font-size: 14px;}
  .nySoluApp_con .pics { height: 240px;}
  .nySoluApp_con .text a.name { line-height: 30px; font-size: 22px; margin-bottom: 10px;}

  .nySoluPro_con .pics { height: 130px;}

  .nySoluService_list ul li .con { height: 200px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 164px;}
 
  .nySolu_bottom .pics { height: 220px;}
  .nySolu_bottom .text a.name { line-height: 30px; font-size: 22px;}
}

@media (max-width:767px) {
  .nySoluAdvantage_con { padding: 15px 15px 30px;}

  .nySoluApp_menu { margin-bottom: 20px;}
  .nySoluApp_menu ul { width: 100%; justify-content: center; flex-wrap: wrap; padding: 5px;}
  .nySoluApp_menu ul li { width: 50%; height: 40px; margin-right: 0; padding: 0 20px; justify-content: center;}

  .nySoluApp_con { display: block;}
  .nySoluApp_con .text { width: 100%; margin-bottom: 20px; padding: 0;}
  .nySoluApp_con .text a.name { font-size: 20px;}
  .nySoluApp_con .text p.ms { max-height: 120px; line-height: 24px; font-size: 14px;}
  .nySoluApp_con .pics { width: 100%; height: 200px;}

  .nySoluPro_list ul { margin: 0 0 -20px;}
  .nySoluPro_list ul li { width: 100%; padding: 0;}
  .nySoluPro_list ul li .nySoluPro_con { padding: 10px;}
  .nySoluPro_con .pics { height: 140px;}
  .nySoluPro_con .text { padding-left: 10px;}

  .nySoluService_list ul { display: block;}
  .nySoluService_list ul li { width: 100%; margin-bottom: 40px;}
  .nySoluService_list ul li:last-child { margin-bottom: 0;}
  .nySoluService_list ul li .con { height: 220px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 260px;}
  .nySoluCase_swiper .swiper-slide .text .name a { height: 56px; line-height: 28px; font-size: 18px;}

  .nySolu_bottom .pics { width: 100%; height: 200px; margin: 0 auto;}
  .nySolu_bottom .pics::after { width: 100%; height: 60%; background: linear-gradient(to top, #161c22, rgba(22,28,34,0)); top: inherit; bottom: 0;}
  .nySolu_bottom .text { width: 100%; padding: 0 20px 20px; position: inherit; left: inherit; top: inherit; transform: none;}
  .nySolu_bottom .text a.name { font-size: 20px;}
}

@media (max-width:390px) {
  .nySoluApp_con .pics { height: 180px;}

  .nySoluPro_con .pics { height: 130px;}

  .nySoluService_list ul li .con { height: 220px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 240px;}

  .nySolu_bottom .pics { height: 180px;}
}

@media (max-width:320px) {
  .nySoluAdvantage_con { padding: 12px 12px 24px;}

  .nySoluApp_menu ul li { padding: 0 10px;}
  .nySoluApp_con .text a.name { line-height: 28px; font-size: 18px;}
  .nySoluApp_con .pics { height: 160px;}

  .nySoluPro_con .pics { height: 110px;}
  .nySoluPro_con .text a.btn { margin-top: 10px;}

  .nySoluService_list ul li .con { height: 200px;}

  .nySoluCase_swiper .swiper-slide .pics { height: 200px;}

  .nySolu_bottom .pics { height: 150px;}
  .nySolu_bottom .text a.name { line-height: 28px; font-size: 18px;}
  .nySolu_bottom .text .btn .lyMore { margin-right: 10px;}
  .nySolu_bottom .text .btn .lyMore a, .nySolu_bottom .text .btn .lyMore1 a { padding: 0 15px;}
  .nySolu_bottom .text .btn .lyMore a:hover i, .nySolu_bottom .text .btn .lyMore1 a:hover i { margin: 0 0 0 15px;}
}