/*nyProShow start*/
.nyProShow { padding: 50px 0 90px; background: #fcfcfc url(../images/webp/proShowBg.webp) center top no-repeat; background-size: 100%;}
.nyProShow .nyLocation { width: 100%; margin: 0 0 50px;}
.nyProShow .nyLocation em { border: 1px solid #fff;}
.nyProShow .nyLocation em svg path { fill: #ffffff;}
.nyProShow .nyLocation a { color: #fff;}
.nyProShow .nyLocation i { opacity: 1;}

.nyProShow_head { margin-bottom: 60px; padding: 60px; background-color: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 6%);}
.nyProShow_img { width: 50%; height: 452px; position: relative; float: right;}
.nyProShow_big { width: calc(100% - 110px); height: 100%; float: left;}
.nyProShow_big .swiper-container { height: 100%;}
.nyProShow_big .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.nyProShow_big .swiper-button-prev, .nyProShow_big .swiper-button-next { width: 100px; height: 24px; background: #f4f4f4; padding: 5px 0; position: absolute; right: 0; left: inherit; top: inherit; margin: 0;}
.nyProShow_big .swiper-button-prev { top: 0;}
.nyProShow_big .swiper-button-next { bottom: 0;}
.nyProShow_big .swiper-button-prev svg, .nyProShow_big .swiper-button-next svg { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
.nyProShow_big .swiper-button-prev:hover, .nyProShow_big .swiper-button-next:hover { background: #da251c;}
.nyProShow_big .swiper-button-prev:hover svg path, .nyProShow_big .swiper-button-next:hover svg path { fill: #ffffff;}

.nyProShow_small { width: 100px; height: 100%; padding: 30px 0; float: right;}
.nyProShow_small .swiper-container { height: 100%;}
.nyProShow_small .swiper-slide { width: 100%; height: 100px; overflow: hidden; border: 1px solid #ddd; position: relative;}
.nyProShow_small .swiper-slide.swiper-slide-thumb-active { border: 1px solid #da251c;}

.nyProShow_text { width: 50%; padding-right: 60px; float: left;}
.nyProShow_text .nyProShow_name { line-height: 1.3; color: #222; font-size: 36px; font-weight: bold; margin-bottom: 20px;}
.nyProShow_text .nyProShow_ms { max-height: 104px; overflow: hidden; line-height: 26px; color: #777; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.nyProShow_text ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 20px -10px;}
.nyProShow_text ul li { width: 50%; padding: 5px 10px 5px 26px; line-height: 26px; color: #222; font-size: 16px; position: relative;}
.nyProShow_text ul li::before { content: ''; display: block; width: 6px; height: 6px; background-color: #da251c; border-radius: 50%; position: absolute; left: 10px; top: 15px;}
.nyProShow_text dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 20px -10px;}
.nyProShow_text dl dd { width: 50%; padding: 0 10px;}
.nyProShow_text dl dd span { display: block; line-height: 1.3; color: #da251c; font-size: 16px; margin-bottom: 10px;}
.nyProShow_text dl dd p { line-height: 1.5; color: #222; font-size: 20px; font-weight: bold; word-break: break-all;}

.nyProShow_text .nyProShow_btn { margin-top: 50px;}
.nyProShow_btn a.msgBtn { display: block; width: 240px; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 18px; text-align: center; background-color: #da251c; float: left;}
.nyProShow_btn a.msgBtn i { display: inline-block; width: 28px; height: 28px; overflow: hidden; vertical-align: middle; margin: 0 0 0 10px;}
.nyProShow_btn a.msgBtn:hover { background-color: #222;}
.nyProShow_btn a.msgBtn:hover i { margin: 0 0 0 20px;}
.nyProShow_btn .shareBtn { margin: 12px 0; float: right;}
.shareBtn span { display: inline-block; height: 36px; line-height: 36px; color: #777; font-size: 16px; vertical-align: top;}
.shareBtn a { display: inline-block; width: 36px; height: 36px; overflow: hidden; padding: 9px; background-color: #da251c; border-radius: 50%; vertical-align: top; margin-left: 6px;}
.shareBtn a:hover { background-color: #222;}


.nyProShow_bar { background-color: #da251c;}
.nyProShow_bar ul li { width: 25%; position: relative; float: left;}
.nyProShow_bar ul li::after { content: ''; display: block; width: 1px; height: 32px; margin-top: -16px; background-color: rgba(255, 255, 255, .45); position: absolute; top: 50%; right: 0;}
.nyProShow_bar ul li:last-child::after { display: none;}
.nyProShow_bar ul li a { display: block; width: 100%; height: 80px; overflow: hidden; line-height: 40px; color: #fff; font-size: 20px; text-align: center; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; padding: 20px;}
.nyProShow_bar ul li a:hover { text-decoration: underline;}


.nyProShow_part, .nyProShow_msg { padding-top: 80px;}
.nyProShow_con { min-height: 240px; padding: 20px 40px; background-color: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 6%);}
.nyProShow_con, .nyProShow_con div, .nyProShow_ms p { line-height: 30px !important; font-family: 'Poppins-Regular', '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: 15px 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: #555 !important; font-family: 'Poppins-Regular', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif' !important; font-size: 16px !important;}
.nyProShow_con b { color: #222; font-size: 24px !important; font-weight: bold;}
.nyProShow_con table { width: 100% !important; background-color: #f6f6f6; border: 0;}
.nyProShow_con table tr th { color: #fff; font-size: 20px; background-color: #da251c; padding: 15px; border-right: 1px solid #fff;}
.nyProShow_con table tr { border-bottom: 1px solid #ddd;}
.nyProShow_con table tr:nth-child(2n) { background-color: #fff;}
.nyProShow_con table tr td { color: #777; font-size: 16px; text-align: center; padding: 15px; border-right: 1px solid #ddd;}
.nyProShow_con table tr th:last-child, .nyProShow_con table tr td:last-child { border: 0;}

.nyProShow_msg .msgDes { line-height: 1.8; color: #222; font-size: 16px; margin-bottom: 30px;}
.nyProShow_msg form { display: block; overflow: hidden; padding: 10px 20px; background-color: #eee; border: 5px solid #222;}
.nyProShow_msg dl dd { padding: 10px 0;}
.nyProShow_msg dl dd span { display: block; line-height: 1.5; color: #222; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.nyProShow_msg dl dd span em { color: #da251c;}
.nyForm_ipt input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 38px; color: #222; font-size: 16px; border: 1px solid #222; padding: 0 9px; background: #fff; outline: none;}
.nyForm_area { overflow: hidden; padding: 9px; border: 1px solid #222; background: #fff;}
.nyForm_area textarea { display: block; width: 100%; height: 90px; overflow-y: scroll; line-height: 30px; color: #222; font-size: 16px; border: 0; background: none; outline: none; resize: none;}
.nyForm_btn input { display: inline-block; vertical-align: top; overflow: hidden; line-height: 3; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 0 40px; background: #da251c; border: 0; outline: none; cursor: pointer;}
.nyForm_btn input:hover { background: #222;}
/*nyProShow end*/

@media (max-width:1680px) {
  .nyProShow { padding: 40px 0 80px;}
  .nyProShow .nyLocation { margin: 0 0 40px;}
  .nyProShow_text .nyProShow_name { line-height: 1.4; font-size: 32px;}
  .nyProShow_text .nyProShow_ms { max-height: 100px; line-height: 25px; font-size: 15px;}
  .nyProShow_text ul li { line-height: 25px; font-size: 15px;}
  .nyProShow_text ul li::before { width: 5px; height: 5px;}
  .nyProShow_text dl dd span { line-height: 1.7; font-size: 15px; margin-bottom: 5px;}
  .nyProShow_text dl dd p { line-height: 1.6; font-size: 18px;}
  .nyProShow_img { height: 442px;}

  .nyProShow_bar ul li a { height: 70px; font-size: 18px; padding: 15px;}
  .nyProShow_bar ul li::after { height: 24px; margin-top: -12px;}

  .nyProShow_part, .nyProShow_msg { padding-top: 60px;}
  .nyProShow_con div, .nyProShow_con p { margin: 10px 0;}  
  .nyProShow_con, .nyProShow_con div, .nyProShow_ms p { font-size: 15px !important;}  
  .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 { font-size: 15px;}  
  .nyProShow_con b { font-size: 22px !important;}  
  .nyProShow_con img { margin: 20px auto;}

  .nyProShow_msg .msgDes { font-size: 15px;}
}

@media (max-width:1600px) {
  .nyProShow { padding: 30px 0 80px;}
  .nyProShow .nyLocation { margin: 0 0 30px;}
  .nyProShow_head { padding: 50px;}
  .nyProShow_text { padding-right: 50px;}
}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyProShow { padding: 30px 0 60px;}
  .nyProShow_head { padding: 40px;}  
  .nyProShow_text { padding-right: 40px;}
  .nyProShow_text .nyProShow_ms { max-height: 96px; line-height: 24px; font-size: 14px;}
  .nyProShow_text ul li { line-height: 24px; font-size: 14px; padding: 5px 10px 5px 22px;}
  .nyProShow_text ul li::before { width: 4px; height: 4px;}
  .nyProShow_text dl dd span { line-height: 1.6; font-size: 14px; margin-bottom: 4px;}
  .nyProShow_text .nyProShow_btn { margin-top: 40px;}
  .nyProShow_btn a.msgBtn { width: 220px; height: 50px; line-height: 50px; font-size: 16px;}
  .nyProShow_btn a.msgBtn i { width: 22px; height: 22px;}
  .nyProShow_btn .shareBtn { margin: 7px 0;}
  .nyProShow_img { height: 420px;}

  .nyProShow_con, .nyProShow_con div, .nyProShow_ms p { line-height: 26px !important; font-size: 14px !important;}  
  .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 { line-height: 26px; font-size: 14px;}  
  .nyProShow_con b { font-size: 18px !important;}

  .nyProShow_msg .msgDes { font-size: 14px; margin-bottom: 20px;}
  .nyProShow_msg form { border: 3px solid #222;}
  .nyProShow_msg dl dd span, .nyForm_ipt input { font-size: 14px;}  
  .nyForm_area textarea { height: 72px; line-height: 24px; font-size: 14px;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {
  .nyProShow_text .nyProShow_name { font-size: 30px;}
}

@media (max-width:1200px) {
  .nyProShow_img { height: 400px;}
  .nyProShow_text .nyProShow_name { font-size: 28px;}
  .nyProShow_btn a.msgBtn { width: 200px; height: 44px; line-height: 44px; font-size: 15px;}
  .nyProShow_btn a.msgBtn i { width: 20px; height: 20px;}
  .nyProShow_btn .shareBtn { margin: 4px 0;}
  .shareBtn span { font-size: 15px;}
  
  .nyProShow_bar ul li a { height: 60px; padding: 10px;}
  .nyForm_btn input { line-height: 44px; font-size: 14px;}
}

@media (max-width:1080px) {
  .nyProShow { padding: 20px 0 40px;}
  .nyProShow .nyLocation { margin: 0 0 20px;}
  .nyProShow_head { margin-bottom: 40px; padding: 30px;}
  .nyProShow_img { height: 360px;}
  .nyProShow_text { padding-right: 30px;}
  .nyProShow_text .nyProShow_name { font-size: 26px;}
  .nyProShow_text ul, .nyProShow_text dl { margin: 15px -10px;}
  .nyProShow_text .nyProShow_btn { margin-top: 20px;}
  .nyProShow_btn a.msgBtn { width: 180px;}
  .nyProShow_btn .shareBtn { margin: 6px 0;}
  .shareBtn span { height: 32px; line-height: 32px; font-size: 14px;}
  .shareBtn a { width: 32px; height: 32px; margin-left: 2px; padding: 8px;}

  .nyProShow_part, .nyProShow_msg { padding-top: 40px;}
  .nyProShow_con { padding: 15px 30px;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyProShow_head { padding: 20px;}
  .nyProShow_img { height: 380px;}
  .nyProShow_big { width: 100%; height: calc(100% - 80px); float: none;}
  .nyProShow_big .swiper-button-prev, .nyProShow_big .swiper-button-next { width: 24px; height: 70px; padding: 0 5px;}
  .nyProShow_big .swiper-button-prev { left: 0; top: inherit; right: inherit; bottom: 0;}
  .nyProShow_big .swiper-button-prev svg, .nyProShow_big .swiper-button-next svg { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg);}
  .nyProShow_small { width: 100%; height: 70px; margin-top: 10px; padding: 0 30px; float: none;}
  .nyProShow_small .swiper-slide { height: 70px;}

  .nyProShow_text { padding-right: 20px;}
  .nyProShow_text .nyProShow_name { font-size: 22px; margin-bottom: 10px;}
  .nyProShow_text .nyProShow_ms { max-height: 48px; -webkit-line-clamp: 2;}
  .nyProShow_text ul li { width: 100%;}
  .nyProShow_text ul li { padding: 2px 10px 2px 22px;}
  .nyProShow_text ul li::before { top: 12px;}
  .nyProShow_text dl dd span { margin-bottom: 0;}
  .nyProShow_text dl dd p { font-size: 16px;}
  .nyProShow_btn a.msgBtn { float: none;}
  .nyProShow_btn .shareBtn { margin: 20px 0 0; float: none;}

  .nyProShow_bar ul li a { font-size: 16px;}
  .nyProShow_con { padding: 10px 20px;}
}

@media (max-width:820px) {
  .nyProShow_text dl dd { width: 100%;}
  .nyProShow_btn .shareBtn { display: none;}

  .nyProShow_bar ul li a { height: 50px; padding: 5px 10px;}
}

@media (max-width:767px) {
  .nyProShow { padding: 20px 0;}
  .nyProShow_head { margin-bottom: 20px;}
  .nyProShow_img { width: 100%; height: 340px; margin-bottom: 20px; float: none;}
  .nyProShow_big { height: calc(100% - 70px);}
  .nyProShow_big .swiper-button-prev { left: -20px;}
  .nyProShow_big .swiper-button-next { right: -20px;}
  .nyProShow_small { width: 100%; height: 60px; padding: 0 10px;}
  .nyProShow_small .swiper-slide, .nyProShow_big .swiper-button-prev, .nyProShow_big .swiper-button-next { height: 60px;}
  .nyProShow_text { width: 100%; padding-right: 0;float: none;}

  .nyProShow_bar ul li { width: 50%;}
  .nyProShow_bar ul li:nth-child(2n):after { display: none;}
  .nyProShow_part, .nyProShow_msg { padding-top: 20px;}
}

@media (max-width:390px) {
  .nyProShow_con b { font-size: 16px !important;}
}

@media (max-width:320px) {}

@media (max-width:280px) {}
