/*nyProShow_head start*/
.nyProShow_head { overflow: hidden; margin-top: 100px; padding-bottom: 50px; background-image: linear-gradient(to bottom, #e6e7ed, #fff);}
.nyProShowHead_main { width: 100%; padding: 0 26% 0 30%; position: relative;}

.nyProShow_big { width: 100%; height: 450px; overflow: hidden; padding: 0 50px;}
.nyProShow_big .swiper-container { height: 100%;}
.nyProShow_big .swiper-slide { height: 100%; overflow: hidden; position: relative;}

.nyProShow_small { width: 26%; height: 80px; overflow: hidden; position: absolute; right: 0; bottom: 0;}
.nyProShow_small .swiper-container { height: 100%;}
.nyProShow_small .swiper-slide { height: 100%; overflow: hidden; background-color: #fff; border: 1px solid #e6e6e6; position: relative; cursor: pointer;}
.nyProShow_small .swiper-slide.swiper-slide-thumb-active { border: 1px solid #ff6c02;}

.nyProShowHead_left { width: 30%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProShowHead_left .nyProShowHead_title { line-height: 40px; color: #222; font-size: 30px; margin-bottom: 30px; padding-bottom: 20px; position: relative;}
.nyProShowHead_left .nyProShowHead_title::before, .nyProShowHead_left .nyProShowHead_title::after { content: ''; display: block; height: 1px; position: absolute; left: 0; bottom: 0;}
.nyProShowHead_left .nyProShowHead_title::before { width: 100%; background-color: #ddd;}
.nyProShowHead_left .nyProShowHead_title::after { width: 100px; background-color: #ff6c02;}
.nyProShowHead_left .nyProShowHead_ms { max-height: 90px; overflow: hidden; line-height: 30px; color: #777; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 60px;}
.nyProShowHead_left a.nyProShowHead_btn { display: inline-block; vertical-align: top; background-color: #ff6c02; transform: skew(-30deg); -webkit-transform: skew(-30deg);}
.nyProShowHead_left a.nyProShowHead_btn span { display: block; height: 44px; line-height: 44px; color: #fff; font-size: 15px; text-align: center; padding: 0 30px; transform: skew(30deg); -webkit-transform: skew(30deg);}
.nyProShowHead_left a.nyProShowHead_btn span i { display: inline-block; width: 16px; height: 16px; overflow: hidden; vertical-align: middle; margin: -4px 10px 0 0;}

.nyProShowHead_right { width: 26%; position: absolute; right: 0; top: 0;}
.nyProShowHead_right ul li { display: flex; align-items: center; overflow: hidden; margin-bottom: 20px; background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .03);}
.nyProShowHead_right ul li:last-child { margin-bottom: 0;}
.nyProShowHead_right ul li i { display: block; width: 80px; height: 70px; overflow: hidden; padding: 15px 20px;}
.nyProShowHead_right ul li .text { width: calc(100% - 80px); padding-right: 20px; display: flex; align-items: center;}
.nyProShowHead_right ul li .text p { max-height: 50px; overflow: hidden; line-height: 25px; color: #777; font-size: 15px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*nyProShow_head end*/


.nyProShow_bar { overflow: hidden; padding: 15px 0; background-color: #f5f5f5;}
.nyProShow_bar ul li { display: inline-block; height: 50px; line-height: 50px; color: #222; font-size: 18px; margin-right: 72px; position: relative; cursor: pointer;}
.nyProShow_bar ul li:last-child { margin-right: 0;}
.nyProShow_bar ul li:hover, .nyProShow_bar ul li.active { color: #ff6c02;}
.nyProShow_bar ul li::after { content: ''; display: block; width: 0; height: 1px; background-color: #ff6c02; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyProShow_bar ul li:hover::after, .nyProShow_bar ul li.active::after { width: 100%;}

.nyProShowCon_main { overflow: hidden; padding: 40px 0;}
.nyProShow_con, .nyProShow_down { padding-bottom: 40px; border-bottom: 1px solid #e6e6e6;}
/*.nyProShow_con, .nyProShow_con div, .nyProShow_con p { line-height: 32px !important; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; color: #555 !important; font-size: 16px !important;}
.nyProShow_con div, .nyProShow_con p { margin-bottom: 12px;}
.nyProShow_con br, .nyProShow_con div br, .nyProShow_con p br { display: none;}
.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; max-width: 100%; margin: 0 auto;}
.nyProShow_con strong { font-weight: bold;}
/*.nyProShow_con p span, .nyProShow_con span, .nyProShow_con p em, .nyProShow_con em { color: #555 !important; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; font-size: 16px !important;}
.nyProShow_con b, .nyProShow_con strong { color: #222; font-size: 18px; font-weight: bold; margin-bottom: 20px;}*/
.nyProShow_con table { display: block; width: 100% !important; overflow-x: scroll; padding-bottom: 10px; border: 0 !important; border-collapse: separate; border-spacing: 0; margin: 20px 0;}
.nyProShow_con table::-webkit-scrollbar { height: 3px;}
.nyProShow_con table::-webkit-scrollbar-track { background-color: rgb(0, 0, 0, 0);}
.nyProShow_con table thead, .nyProShow_con table tbody { width: 100% !important;}
.nyProShow_con table tr { width: 100% !important;}
.nyProShow_con table tr th, .nyProShow_con table tr td { padding: 10px; border: 1px solid #d7d9dd !important; border-right: 0 !important;}
.nyProShow_con table tr th:last-child, .nyProShow_con table tr td:last-child { border-right: 1px solid #d7d9dd !important;}
.nyProShow_con table tr th p, .nyProShow_con table tr td p { margin: 0 !important;}
/*.nyProShow_con ol, .nyProShow_con ul { margin-bottom: 12px;}
.nyProShow_con ol, .nyProShow_con ul, .nyProShow_con ol li, .nyProShow_con ul li { list-style: none;}
.nyProShow_con ol li, .nyProShow_con ul li, .nyProShow_con ol li p, .nyProShow_con ul li p { line-height: 32px !important; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; color: #555 !important; font-size: 16px !important;}
.nyProShow_con ol li, .nyProShow_con ul li { padding-left: 14px; position: relative;}
.nyProShow_con ol li::before, .nyProShow_con ul li::before { content: ''; display: block; width: 4px; height: 4px; background-color: #777; border-radius: 50%; position: absolute; left: 0; top: 14px;}
.nyProShow_con ol li p, .nyProShow_con ul li p { margin-bottom: 0;}*/

.nyProShow_down dl dd { background-color: #f8f8f8; margin-bottom: 4px; padding-right: 120px; position: relative;}
.nyProShow_down dl dd:nth-child(2n+2) { background-color: #fff;}
.nyProShow_down dl dd:last-child { margin-bottom: 0;}
.nyProShow_down dl dd a.name { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #222; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; padding: 0 20px;}
.nyProShow_down dl dd a.name:hover { color: #ff6c02;}
.nyProShow_down dl dd a.btn { display: block; width: 120px; height: 50px; overflow: hidden; line-height: 50px; color: #fff; font-size: 16px; text-align: center; background-color: #ff6c02; position: absolute; top: 0; right: 0;}
.nyProShow_down dl dd a.btn i { display: inline-block; width: 18px; height: 18px; overflow: hidden; vertical-align: middle; margin: -4px 10px 0 0;}

.nyProShow_bottom { margin-bottom: 50px;}

@media (max-width:1680px) {
  .nyProShow_head { margin-top: 80px;}
  .nyProShowHead_main { padding: 0 26% 0 32%;}
  .nyProShow_big { height: 460px; padding: 0 40px;}
  .nyProShowHead_left { width:32%;}
  .nyProShowHead_left .nyProShowHead_ms { margin-bottom: 50px;}

  .nyProShow_bar { padding: 12px 0;}
  .nyProShow_bar ul li { height: 46px; line-height: 46px; margin-right: 56px;}

  .nyProShowCon_main { padding: 40px 0;}
  .nyProShow_con, .nyProShow_down { padding-bottom: 40px;}
}

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

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

@media (max-width:1440px) {
  .nyProShowHead_main { padding: 0 28% 0 34%;}
  .nyProShow_big { height: 420px; padding: 0 30px;}
  .nyProShow_small { width: 28%;}

  .nyProShowHead_left { width:34%;}
  .nyProShowHead_left .nyProShowHead_title { line-height: 36px; font-size: 28px;} 
  .nyProShowHead_left .nyProShowHead_title::after { width: 80px;}
  .nyProShowHead_left .nyProShowHead_ms { max-height: 75px; line-height: 25px; font-size: 15px; margin-bottom: 40px;}  
  .nyProShowHead_right { width: 28%;} 
  .nyProShowHead_right ul li i { width: 70px; height: 60px; padding: 10px 15px;}
  .nyProShowHead_right ul li .text { width: calc(100% - 70px);}
  .nyProShowHead_right ul li .text p { max-height: 44px; line-height: 22px; font-size: 14px;}  

  .nyProShow_bar ul li { margin-right: 46px;}

  .nyProShow_con, .nyProShow_down { padding-bottom: 30px;}
}

@media (max-width:1366px) {
  .nyProShow_big { height: 390px;}
  .nyProShow_small { height: 75px;}
  .nyProShowHead_left .nyProShowHead_title { line-height: 34px; font-size: 26px;}
}

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

@media (max-width:1200px) {
  .nyProShow_big { height: 360px;}
  .nyProShow_small { height: 70px;}
  .nyProShowHead_left .nyProShowHead_title { line-height: 35px; font-size: 25px;}  

  .nyProShow_bar ul li { margin-right: 36px;}
}

@media (max-width:1080px) {
  .nyProShowHead_main { margin-top: 20px;}
  .nyProShowHead_main { padding: 0 28% 0 36%;}
  .nyProShow_big { height: 300px; padding: 0 20px;}
  .nyProShow_small { width: 28%; height: 60px;}
  .nyProShowHead_left { width:36%;}
  .nyProShowHead_left .nyProShowHead_title { line-height: 32px; font-size: 24px; margin-bottom: 20px; padding-bottom: 12px;}
  .nyProShowHead_left .nyProShowHead_title::after { width: 60px;}
  .nyProShowHead_left .nyProShowHead_ms { max-height: 72px; line-height: 24px; font-size: 14px; margin-bottom: 30px;}
  .nyProShowHead_left a.nyProShowHead_btn span { height: 40px; line-height: 40px; font-size: 14px; padding: 0 20px;}
  .nyProShowHead_left a.nyProShowHead_btn span i { width: 14px; height: 14px; margin: -2px 6px 0 0;}
  .nyProShowHead_right { width: 28%;}
  .nyProShowHead_right ul li i { width: 50px; height: 50px; padding: 9px;}
  .nyProShowHead_right ul li .text { width: calc(100% - 50px); padding-right: 15px;}
  .nyProShowHead_right ul li .text p { max-height: 40px; line-height: 20px; font-size: 12px;}

  .nyProShow_bar { padding: 10px 0;}
  .nyProShow_bar ul li { height: 40px; line-height: 40px; font-size: 16px; margin-right: 26px;}

  .nyProShow_down dl dd { padding-right: 100px;}
  .nyProShow_down dl dd a.name { height: 44px; line-height: 44px; font-size: 16px;}
  .nyProShow_down dl dd a.btn { width: 100px; height: 44px; line-height: 44px; font-size: 14px;}
  .nyProShow_down dl dd a.btn i { width: 14px; height: 14px;}
  
}

@media (max-width:1024px) {
  .nyProShowHead_left .nyProShowHead_title { line-height: 30px; font-size: 22px;}
  .nyProShowHead_right ul li { margin-bottom: 12px;}
  
}

@media (max-width:920px) {
  .nyProShow_head { padding-bottom: 40px;}
  .nyProShow_big { height: 280px; padding: 0 20px;}
  .nyProShow_small { height: 52px;}
  .nyProShowHead_left .nyProShowHead_title { font-size: 20px;}

  .nyProShowCon_main { padding: 40px 0;}
  .nyProShow_con, .nyProShow_down { padding-bottom: 20px;}
  .nyProShow_con, .nyProShow_con div, .nyProShow_con p { line-height: 30px !important; font-size: 15px !important;}
  .nyProShow_bottom { margin-bottom: 40px;}
}

@media (max-width:820px) {
  .nyProShow_big { height: 250px;}
  .nyProShow_small { height: 44px;}
  .nyProShowHead_left .nyProShowHead_title { line-height: 30px; font-size: 18px;}

  .nyProShow_bar ul li { margin-right: 20px;}
}

@media (max-width:767px) {
  .nyProShow_head { margin-top: 64px;}
  .nyProShowHead_main { margin-top: 0; padding: 0;}
  .nyProShow_big { height: 260px; padding: 0;}
  .nyProShow_small { height: 80px; margin: 20px 0;}
  .nyProShowHead_left, .nyProShowHead_right, .nyProShow_small { width: 100%; position: inherit; left: inherit; top: inherit; right: inherit; bottom: inherit; transform: inherit; -webkit-transform: inherit;}
  .nyProShowHead_left .nyProShowHead_title { line-height: 36px; font-size: 24px;}
  .nyProShowHead_left .nyProShowHead_ms { margin-bottom: 20px;}
  .nyProShowHead_left a.nyProShowHead_btn { margin-left: 12px;}
  .nyProShowHead_right { margin-top: 20px;}
  .nyProShowHead_right ul li i { width: 70px; height: 60px; padding: 10px 15px;}
  .nyProShowHead_right ul li .text { width: calc(100% - 70px); padding-right: 20px;}
  .nyProShowHead_right ul li .text p { max-height: 44px; line-height: 22px; font-size: 14px;}

  .nyProShow_bar ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -5px -10px;}
  .nyProShow_bar ul li { width: 25%; text-align: center; margin: 0 0 10px; padding: 0 5px;}
  .nyProShow_bar ul li:hover::after, .nyProShow_bar ul li.active::after { width: calc(100% - 10px);}
}

@media (max-width:390px) {
  .nyProShow_big { height: 240px;}
}

@media (max-width:320px) {
  .nyProShow_big { height: 220px;}
  .nyProShow_small { height: 64px;}

  .nyProShow_bar ul li { width: 33.333333%; height: 35px; line-height: 35px; font-size: 15px;}
}