/*nyProshow_head start*/
.nyProshow_head { overflow: hidden; margin-top: 90px; padding: 0 0 100px; background: url(../images/webp/proShowBg.webp) center bottom no-repeat; background-size: cover;}

.nyProShowHead_main { display: flex; flex-wrap: wrap; justify-content: left; flex-direction: row-reverse; margin-top: 50px;}
.nyProShow_img { width: 60%; padding: 50px; background-color: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, .06); border-radius: 16px; position: relative;}
.nyProShow_big { height: 440px; overflow: hidden;}
.nyProShow_big .swiper-container, .nyProShow_small .swiper-container { height: 100%;}
.nyProShow_big .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.nyProShow_small { height: 110px; margin-top: 30px;}
.nyProShow_small .swiper-slide { overflow: hidden; border: 1px solid #ddd; border-radius: 4px; position: relative; cursor: pointer;}
.nyProShow_small .swiper-slide.swiper-slide-thumb-active { border: 1px solid #2a7570;}

.nyProShow_text { width: 39%; padding: 50px; background-color: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, .06); border-radius: 16px; margin-right: 1%;}
.nyProShow_text .nyProShow_name { line-height: 32px; color: #222; font-size: 24px; font-weight: bold;}
.nyProShow_text .nyProShow_ms { margin-top: 20px;}
.nyProShow_text .nyProShow_ms h1 { max-height: 120px; overflow: hidden; line-height: 30px; color: #777; font-size: 16px; font-weight: normal; text-align: justify; display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}

.nyProShow_text dl { margin: 50px 0;}
.nyProShow_text dl dt { line-height: 30px; color: #222; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.nyProShow_text dl dd { min-height: 30px; margin-bottom: 10px; padding-left: 40px; position: relative;}
.nyProShow_text dl dd:last-child { margin-bottom: 0;}
.nyProShow_text dl dd i { display: block; width: 20px; height: 20px; overflow: hidden; margin-top: -10px; position: absolute; left: 0; top: 5px;}
.nyProShow_text dl dd:hover i svg path { fill: #2a7570;}
.nyProShow_text dl dd span { display: block; line-height: 30px; color: #777; font-size: 16px;}
/*nyProshow_head end*/


/*nyProshow_main start*/
.nyProshow_main { overflow: hidden; padding: 80px 0 100px;}
.nyProShow_bar { overflow: hidden; margin-bottom: 80px; background-color: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, .06); border-radius: 32px;}
.nyProShow_bar ul { display: flex; align-items: center; justify-content: space-between;}
.nyProShow_bar ul li { flex: 1;}
.nyProShow_bar ul li a { display: block; height: 64px; overflow: hidden; line-height: 32px; color: #222; font-size: 16px; text-align: center; padding: 16px; background-color: #fff; border-radius: 32px;}
.nyProShow_bar ul li:hover a, .nyProShow_bar ul li.active a { color: #fff; background-color: #2a7570;}

.nyProShow_part { margin-bottom: 100px;}
.nyProShow_title { margin-bottom: 40px;}
.nyProShow_title p { line-height: 40px; color: #222; font-size: 36px; font-weight: bold; text-transform: capitalize;}

.nyProShow_con { min-height: 240px; overflow: hidden; padding: 40px; background-color: #f7f7f9; border-radius: 8px;}
.nyProShow_con, .nyProShow_con div, .nyProShow_con p { line-height: 30px !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'!important; color: #555!important; font-size: 16px!important;}
.nyProShow_con div, .nyProShow_con p { margin-bottom: 10px;}
.nyProShow_con div:last-child, .nyProShow_con p:last-child { margin-bottom: 0;}
.nyProShow_con img, .nyProShow_con table, .nyProShow_con tr, .nyProShow_con td, .nyProShow_con p, .nyProShow_con span, .nyProShow_con div, .nyProShow_con video, .nyProShow_con embed { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%;}
.nyProShow_con img { display: block; margin: 20px auto;}
.nyProShow_con p span, .nyProShow_con span, .nyProShow_con p em, .nyProShow_con em { color: #555 !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif' !important; font-size: 16px !important;}
.nyProShow_con b, .nyProShow_con strong {  color: #222; font-size: 24px !important; font-weight: bold;}

.nyProShow_td ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.nyProShow_td ul li { width: 50%; margin-bottom: 40px; padding: 0 20px;}
.nyProShowTd_con { min-height: 100%; overflow: hidden; padding: 50px; background-color: #f7f7f9; border-radius: 8px;}
.nyProShowTd_con:hover { background-color: #2a7570; transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.nyProShowTd_con h3 { line-height: 32px; color: #222; font-size: 24px; font-weight: bold; margin-bottom: 24px; padding-left: 40px; position: relative;}
.nyProShowTd_con h3::before { content: ''; display: block; width: 8px; height: 24px; overflow: hidden; background-color: #2a7570; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); position: absolute; left: 0; top: 4px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyProShowTd_con h3::after { content: ''; width: 6px; height: 18px; overflow: hidden; background-color: #d9d9d9; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); position: absolute; left: 13px; top: 4px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyProShowTd_con:hover h3 { color: #fff;}
.nyProShowTd_con:hover h3::before { background-color: #fff;}
.nyProShowTd_con:hover h3::after { background-color: rgba(255,255,255,.25);}
.nyProShowTd_con p.ms { line-height: 30px; color: #555; font-size: 16px;}
.nyProShowTd_con:hover p.ms { color: rgba(255,255,255,.7);}

.nyProShow_application { margin-bottom: 100px;}
.nySoluCase_swiper { 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: #f7f7f9; border: 1px solid #fff; border-top: 0; border-radius: 0 0 8px 8px;}
.nySoluCase_swiper .swiper-slide:hover .text { background-color: #fff; 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;}


.nyProShow_xg { margin: 0;}
.nyProShowXg_swiper { overflow: hidden; padding-bottom: 50px; position: relative;}
.nyProShowXg_swiper .swiper-slide .img { display: block; width: 100%; height: 270px; overflow: hidden; border-radius: 8px; position: relative;}
.nyProShowXg_swiper .swiper-slide .img a.pics { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProShowXg_swiper .swiper-slide:hover .img a.pics img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nyProShowXg_swiper .swiper-slide .img .btn { position: absolute; left: -100%; bottom: 0;}
.nyProShowXg_swiper .swiper-slide:hover .img .btn { left: 0;}
.nyProShowXg_swiper .swiper-slide .img .btn a { display: flex; align-items: center; justify-content: center; width: 180px; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 16px; padding: 0 20px; background-color: #2a7570; border-radius: 4px;}
.nyProShowXg_swiper .swiper-slide .img .btn a i { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0 0 0 10px;}
.nyProShowXg_swiper .swiper-slide .img .btn a:hover i { margin: 0 0 0 20px;}
.nyProShowXg_swiper .swiper-slide a.name { display: block; min-height: 30px; max-height: 60px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; margin: 16px auto; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProShowXg_swiper .swiper-slide:hover a.name { color: #2a7570; font-weight: bold;}
.nyProShowXg_swiper .swiper-slide .time { display: flex; align-items: flex-end;}
.nyProShowXg_swiper .swiper-slide .time i { display: block; width: 14px; height: 24px; overflow: hidden;}
.nyProShowXg_swiper .swiper-slide .time em { display: block; line-height: 24px; color: #2a7570; font-size: 16px; font-style: normal; margin: 0 5px 0 10px;}
.nyProShowXg_swiper .swiper-slide .time span { display: block; line-height: 28px; color: #2a7570; font-size: 24px; font-weight: bold;}
.nyProShowXg_swiper .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important;}
.nyProShowXg_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;}
.nyProShowXg_swiper .swiper-pagination span::after { display: none;}
.nyProShowXg_swiper .swiper-pagination span.swiper-pagination-bullet-active { background-color: #2a7570;}
/*nyProshow_main end*/


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

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

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

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

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

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

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

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

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

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

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

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

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

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