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

.nyProShowHead_main { padding: 50px; background-color: #fff;}
.nyProShow_img { width: 45%; margin-top: -100px; position: relative; float: right;}
.nyProShow_big { height: 400px; overflow: hidden; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .06);}
.nyProShow_big .swiper-container, .nyProShow_small .swiper-container { height: 100%;}
.nyProShow_big .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.nyProShow_small { height: 120px; margin-top: 20px;}
.nyProShow_small .swiper-slide { width: 100%; height: 100%; overflow: hidden; border: 1px solid #ddd; position: relative;}
.nyProShow_small .swiper-slide.swiper-slide-thumb-active { border: 1px solid #01314d;}
.nyProShow_text { width: 55%; padding-right: 50px; float: left;}
.nyProShow_text .nyProShow_name { line-height: 50px; color: #222; font-family: "Poppins-SemiBold"; font-size: 44px; margin-bottom: 29px;}
.nyProShow_text .nyProShow_ms { padding-bottom: 20px; border-bottom: 1px solid #E6E6E6;}
.nyProShow_text .nyProShow_ms span { display: block; line-height: 26px; color: #01314d; font-size: 18px; margin-bottom: 10px;}
.nyProShow_text .nyProShow_ms p { max-height: 104px; overflow: hidden; line-height: 26px; color: #666; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}

.nyProShow_text dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 40px -15px;}
.nyProShow_text dl dd { width: 50%; padding: 0 15px 0 75px; position: relative;}
.nyProShow_text dl dd i { display: block; width: 48px; height: 48px; overflow: hidden; margin-top: -24px; position: absolute; left: 15px; top: 50%;}
.nyProShow_text dl dd span { display: block; line-height: 1.3; color: #666; font-size: 16px; margin-bottom: 4px;}
.nyProShow_text dl dd p { line-height: 1.5; color: #222; font-family: "Poppins-Medium"; font-size: 22px;}

.nyProShow_text ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyProShow_text ul li { width: 50%; padding: 0 15px;}
.nyProShow_text ul li a { display: block; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-family: "Poppins-Medium"; font-size: 18px; text-align: center;}
.nyProShow_text ul li a.btn1 { background-color: #01314d;}
.nyProShow_text ul li a.btn2 { background-color: #01314d;}
.nyProShow_text ul li a.btn1:hover { background-color: #01314d;}
.nyProShow_text ul li a.btn2:hover { background-color: #01314d;}
.nyProShow_text ul li a i { display: inline-block; width: 28px; height: 28px; overflow: hidden; vertical-align: middle; margin: -4px 10px 0 0;}
.nyProShow_text ul li a.btn:hover i { margin: -4px 0 0 20px;}
/*nyProshow_head end*/


/*nyProshow_main start*/
.nyProshow_main { overflow: hidden; padding: 100px 0; background-color: #f8f8f8;}
.nyProShow_bar ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -1px;}
.nyProShow_bar ul li { width: 20%; padding: 0 1px;}
.nyProShow_bar ul li a { display: block; overflow: hidden; padding: 20px; background-color: #fff;}
.nyProShow_bar ul li a:hover { background-color: #01314d;}
.nyProShow_bar ul li a i { display: block; width: 30px; height: 30px; overflow: hidden; margin: 0 auto 10px;}
.nyProShow_bar ul li a:hover i svg path { fill: #ffffff;}
.nyProShow_bar ul li a span { display: block; height: 20px; overflow: hidden; line-height: 20px; overflow: hidden; color: #555; font-family: "Poppins-Medium"; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis;}
.nyProShow_bar ul li a:hover span { color: #fff;}

.nyProShow_part { overflow: hidden; margin-top: 50px; padding: 50px 50px 40px; background-color: #fff;}
.nyProShow_title { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.nyProShow_title p { line-height: 40px; color: #222; font-family: "Poppins-SemiBold"; font-size: 36px;}
.nyProShow_title p::after { content: ''; display: inline-block; width: 30px; height: 6px; vertical-align: middle; background-color: #01314d; border-radius: 3px; margin: -4px 0 0 30px;}
.nyProShow_con { min-height: 240px;}
.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: #222 !important; font-size: 16px !important;}
.nyProShow_con div, .nyProShow_con p { margin: 10px 0;}
.nyProShow_con br { display: none;}
.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%; line-height: 30px; color: #555; font-size: 16px;}
.nyProShow_con img { display: block; margin: 30px auto;}
.nyProShow_con p span, .nyProShow_con span, .nyProShow_con p em, .nyProShow_con em { color: #222 !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif' !important; font-size: 16px !important;}
.nyProShow_con b { color: #222; font-family: "Poppins-Medium"; font-size: 22px !important; font-weight: normal; font-style: italic;}

.nyProShow_list { padding-bottom: 48px; position: relative;}
.nyProShow_list .swiper-container { min-height: 240px; margin: -10px; padding: 10px;}
.nyProShow_list .swiper-slide { height: 100% !important; overflow: hidden; padding-bottom: 84px; background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .06); border-top: 3px solid #ddd; position: relative;}
.nyProShow_list .swiper-slide:hover { border-top: 3px solid #01314d;}
.nyProShow_list .swiper-slide .pic { height: 300px; padding: 16px 20px;}
.nyProShow_list .swiper-slide .pic a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProShow_list .swiper-slide:hover .pic a img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyProShow_list .swiper-slide em.model { display: block; height: 28px; overflow: hidden; line-height: 28px; color: #777; font-size: 16px; font-style: normal; text-align: center; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; padding: 0 16px;}
.nyProShow_list .swiper-slide a.name { display: block; height: 60px; overflow: hidden; line-height: 30px; color: #222; font-family: "Poppins-Medium"; font-size: 20px; text-align: center; word-break: keep-all; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0 20px; padding: 0 20px;}
.nyProShow_list .swiper-slide:hover a.name { color: #01314d;}
.nyProShow_list .swiper-slide p.ms { width: 100%; height: 84px; overflow: hidden; padding: 16px 20px; background-color: #f8f8f8; position: absolute; left: 0; bottom: 0;}
.nyProShow_list .swiper-slide p.ms span { display: block; height: 52px; overflow: hidden; line-height: 26px; color: #777; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProShow_list .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important;}
.nyProShow_list .swiper-pagination span { width: 20px; height: 8px; margin: 0 4px !important; background-color: #ddd; border-radius: 0; vertical-align: top; opacity: 1;}
.nyProShow_list .swiper-pagination span::after { display: none;}
.nyProShow_list .swiper-pagination span.swiper-pagination-bullet-active { width: 40px; background-color: #3fbf70;}
/*nyProshow_main end*/


/*nyProshow_msg start*/
.nyProshow_msg { overflow: hidden; padding: 100px 0; background-color: #fff;}
.nyProshow_msg dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyProshow_msg dl dd { width: 50%; margin: 0 0 30px; padding: 0 15px;}
.nyProshow_msg dl dd:nth-child(1), .nyProshow_msg dl dd:nth-child(6) { width: 100%;}
.nyForm_ipt, .nyForm_area { background-color: #fff; border: 1px solid #ddd; padding: 9px 24px 9px 129px; position: relative;}
.nyForm_ipt span, .nyForm_area span { display: block; width: 129px; line-height: 40px; color: #999; font-size: 18px; padding-left: 20px; position: absolute; left: 0; top: 9px;}
.nyForm_ipt span em, .nyForm_area span em { color: #da0000; font-size: 18px; font-style: normal;}
.nyForm_ipt input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #222; font-size: 18px; background: none; border: 0; outline: none;}
.nyForm_area textarea { display: block; width: 100%; height: 190px; overflow-y: scroll; line-height: 30px; color: #222; font-family: 'Poppins-Regular', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'; font-size: 18px; padding: 5px 0; background: none; border: 0; outline: none; resize: none;}
.nyForm_btn input { display: block; width: 160px; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 24px; font-weight: bold; text-transform: uppercase; text-align: center; background-color: #01314d; border: 0; outline: none; cursor: pointer;}
.nyForm_btn input:hover { background-color: #01314d;}
/*nyProshow_msg end*/

@media (max-width:1680px) {
  .nyProshow_head { padding: 120px 0 80px;}
  .nyProShowHead_main { padding: 40px;}
  .nyProShow_text { padding-right: 40px;}
  .nyProShow_text .nyProShow_name { margin-bottom: 21px;}
  .nyProShow_text .nyProShow_ms span { line-height: 22px; font-size: 16px;}
  .nyProShow_text .nyProShow_ms p { max-height: 100px; line-height: 25px; font-size: 15px;}
  .nyProShow_text dl { margin: 30px -10px;}
  .nyProShow_text dl dd { padding: 0 10px 0 70px;}
  .nyProShow_text dl dd i { left: 10px;}
  .nyProShow_text dl dd span { font-size: 15px;}
  .nyProShow_text dl dd p { font-size: 22px;}
  .nyProShow_text ul { margin: 0 -10px;}
  .nyProShow_text ul li { padding: 0 10px;}
  .nyProShow_img { margin-top: -80px;}
  .nyProShow_big { height: 360px;}
  .nyProShow_small { height: 100px;}
  
  .nyProshow_main, .nyProshow_msg { padding: 80px 0;}
  .nyProShow_part { margin-top: 40px; padding: 40px;}
  .nyProShow_con, .nyProShow_con div, .nyProShow_con p, .nyProShow_con img, .nyProShow_con table, .nyProShow_con tr, .nyProShow_con td, .nyProShow_con span, .nyProShow_con video, .nyProShow_con embed { font-size: 15px !important;}
  .nyProShow_con b { font-size: 20px !important;}

  .nyProShow_list .swiper-slide { padding-bottom: 80px;}
  .nyProShow_list .swiper-slide em.model { height: 25px; line-height: 25px; font-size: 15px;}
  .nyProShow_list .swiper-slide a.name { height: 56px; line-height: 28px; font-size: 18px;}
  .nyProShow_list .swiper-slide p.ms { height: 80px; padding: 15px;}
  .nyProShow_list .swiper-slide p.ms span { height: 50px; line-height: 25px; font-size: 15px;}

  .nyForm_ipt, .nyForm_area { padding: 4px 20px 4px 119px;}
  .nyForm_ipt span, .nyForm_area span { width: 119px; font-size: 16px; padding-left: 20px; top: 4px;}  
  .nyForm_ipt input, .nyForm_area textarea { font-size: 16px;}  
  .nyForm_btn input { font-size: 22px;}
}

@media (max-width:1600px) {
  .nyProShow_text .nyProShow_name { font-size: 40px;}
  .nyProShow_text dl dd p { font-size: 20px;}

  .nyProShow_list .swiper-slide .pic { height: 282px;}
}

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

@media (max-width:1440px) {
  .nyProshow_head { padding: 90px 0 60px;}
  .nyProShowHead_main { padding: 30px;}
  .nyProShow_big { height: 348px;}
  .nyProShow_text { padding-right: 30px;}
  .nyProShow_text .nyProShow_name { line-height: 44px; font-size: 36px;}
  .nyProShow_text dl dd p { font-size: 18px;}

  .nyProShow_bar ul li a { padding: 15px;}
  .nyProShow_bar ul li a span { font-size: 16px;}

  .nyProshow_main, .nyProshow_msg { padding: 60px 0;}
  .nyProShow_part { margin-top: 30px; padding: 30px;}
  .nyProShow_title { margin-bottom: 30px; padding-bottom: 15px;}

  .nyProShow_list { padding-bottom: 36px;}
  .nyProShow_list .swiper-slide .pic { padding: 15px;}  
  .nyProShow_list .swiper-slide a.name { margin: 5px 0 15px; padding: 0 15px;}
  .nyProShow_list .swiper-pagination { height: 6px;}
  .nyProShow_list .swiper-pagination span { width: 15px; height: 6px;}
  .nyProShow_list .swiper-pagination span.swiper-pagination-bullet-active { width: 30px;}

  .nyForm_ipt span, .nyForm_area span, .nyForm_ipt input { font-size: 15px;}  
  .nyForm_area textarea { height: 160px; line-height: 25px; font-size: 15px;}
  .nyForm_btn input { height: 50px; line-height: 50px; font-size: 20px;}
}

@media (max-width:1366px) {
  .nyProShow_list .swiper-slide .pic { height: 266px;}
}

@media (max-width:1280px) {
  .nyProShow_small { height: 96px;}
  .nyProShow_text .nyProShow_name { line-height: 40px; font-size: 32px;}

  .nyProShow_title p { font-size: 30px;}  

  .nyProShow_list .swiper-slide { padding-bottom: 72px;}
  .nyProShow_list .swiper-slide .pic { height: 250px;}
  .nyProShow_list .swiper-slide em.model { height: 24px; line-height: 24px; font-size: 14px;}
  .nyProShow_list .swiper-slide p.ms { height: 72px; padding: 12px;}
  .nyProShow_list .swiper-slide p.ms span { height: 48px; line-height: 24px; font-size: 14px;}

  .nyProshow_msg dl { margin: 0 -12px;}  
  .nyProshow_msg dl dd { margin: 0 0 24px; padding: 0 12px;}
}

@media (max-width:1200px) {
  .nyProShow_img { margin-top: -60px;}
  .nyProShow_big { height: 320px;}
  .nyProShow_small { height: 82px;}
  .nyProShow_text dl { margin: 24px -10px;}
  .nyProShow_text dl dd { padding: 0 10px 0 60px;}
  .nyProShow_text dl dd i { width: 40px; height: 40px; margin-top: -20px;}
  .nyProShow_text ul li a { height: 50px; line-height: 50px; font-size: 16px;}
  .nyProShow_text ul li a i { width: 24px; height: 24px;}

  .nyProShow_list .swiper-slide .pic { height: 230px;}

  .nyForm_btn input { font-size: 18px;}
}

@media (max-width:1080px) {
  .nyProShow_big { height: 306px;}
  .nyProShow_text .nyProShow_name { line-height: 36px; font-size: 30px; margin-bottom: 15px;}
  .nyProShow_text dl dd span { font-size: 14px;}
  .nyProShow_text dl dd p { font-size: 16px;}

  .nyProShow_title p { font-size: 28px;}
  .nyProShow_title p::after { width: 28px; height: 4px; border-radius: 2px; margin: -4px 0 0 20px;}

  .nyProShow_list .swiper-slide .pic { height: 210px;}
}

@media (max-width:1024px) {
  .nyProShow_list .swiper-slide .pic { height: 200px;}
  .nyProShow_bar ul li a span { font-size: 15px;}
}

@media (max-width:920px) {
  .nyProshow_head { padding: 40px 0;}
  .nyProShowHead_main { padding: 30px;}
  .nyProShow_img { margin-top: 0;}
  .nyProShow_big { height: 280px;}
  .nyProShow_text .nyProShow_name { line-height: 32px; font-size: 26px; margin-bottom: 10px;}
  .nyProShow_text .nyProShow_ms { padding-bottom: 19px;}
  .nyProShow_text .nyProShow_ms p { max-height: 96px; line-height: 24px; font-size: 14px;}
  .nyProShow_text dl { margin: 15px 0;}
  .nyProShow_text dl dd { width: 100%; padding: 5px 0 5px 50px;}
  .nyProShow_text dl dd i { left: 0;}

  .nyProShow_title p { font-size: 24px;}

  .nyProShow_bar ul li a { padding: 10px;}
  .nyProShow_bar ul li a span { height: 40px; line-height: 20px; font-size: 16px; white-space: inherit; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

  .nyProshow_main, .nyProshow_msg { padding: 40px 0;}
  .nyProShow_part { margin-top: 20px; padding: 20px 30px;}
  .nyProShow_title { margin-bottom: 20px; padding-bottom: 10px;}

  .nyProShow_list { padding-bottom: 26px;}
  .nyProShow_list .swiper-slide { padding-bottom: 68px;}
  .nyProShow_list .swiper-slide .pic { height: 180px; padding: 10px;}
  .nyProShow_list .swiper-slide em.model, .nyProShow_list .swiper-slide a.name { padding: 0 10px;}
  .nyProShow_list .swiper-slide p.ms { height: 68px; padding: 10px;}

  .nyProshow_msg dl { margin: 0 -10px;}
  .nyProshow_msg dl dd { margin: 0 0 20px; padding: 0 10px;}
}

@media (max-width:820px) {
  .nyProShow_text .nyProShow_name { font-size: 24px;}
  .nyProShow_list .swiper-slide .pic { height: 170px;}
}

@media (max-width:767px) {
  .nyProshow_head { padding: 40px 0 20px;}
  .nyProShowHead_main { padding: 20px;}
  .nyProShow_img { width: 100%; margin: -40px 0 20px; float: none;}
  .nyProShow_big { height: 240px;}
  .nyProShow_small { height: 70px; margin-top: 10px;}
  .nyProShowHead_main, .nyProShow_big, .nyProShow_small .swiper-slide {}
  .nyProShow_text { width: 100%; padding-right: 0; float: none;}
  .nyProShow_text ul li a { height: 44px; line-height: 44px; font-size: 14px;}
  .nyProShow_text ul li a i { width: 18px; height: 18px; margin: -2px 5px 0 0;}

  .nyProshow_main { padding: 20px 0 0;}  
  .nyProShow_bar { display: none;}
  .nyProShow_part { margin: 0 0 20px; padding: 20px;}
  .nyProShow_title p { line-height: 32px; font-size: 22px;}
  .nyProShow_title p::after { width: 20px; height: 2px; border-radius: 1px; margin: -2px 0 0 10px;}

  .nyProShow_list .swiper-slide .pic { height: 240px;}
  
  .nyProshow_msg { padding: 20px 0;}
  .nyProshow_msg dl { margin: 0;}  
  .nyProshow_msg dl dd { width: 100%; padding: 0;}
  .nyForm_ipt, .nyForm_area { padding: 0 20px 0 119px;}
  .nyForm_ipt span, .nyForm_area span { top: 0;}
  .nyForm_btn input {}
}

@media (max-width:390px) {
  .nyProShow_big, .nyProShow_list .swiper-slide .pic { height: 220px;}
  .nyProShow_small { height: 64px;}
}

@media (max-width:320px) {
  .nyProShow_small { height: 50px;}
  .nyProShow_big, .nyProShow_list .swiper-slide .pic { height: 180px;}
  .nyProShow_text .nyProShow_name { font-size: 22px;}

  .nyProShow_title p { font-size: 20px;}
}

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