
/*nyProShow_head start*/
.nyProShow_head { display: flex; align-items: center; overflow: hidden; margin: 80px auto;}
.nyProShowHead_img { width: 50%; height: 420px; padding: 0 48px; position: relative;}
.nyProShowHead_img .swiper-container { height: 100%;}
.nyProShowHead_img .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.nyProShowHead_img .swiper-button-prev, .nyProShowHead_img .swiper-button-next { width: 48px; height: 48px; margin-top: -24px; padding: 0; background: none; top: 50%; opacity: .25;}
.nyProShowHead_img .swiper-button-prev { left: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.nyProShowHead_img .swiper-button-next { right: 0;}
.nyProShowHead_img .swiper-button-prev:hover, .nyProShowHead_img .swiper-button-next:hover { opacity: 1;}
.nyProShowHead_img .swiper-button-prev:hover svg path, .nyProShowHead_img .swiper-button-next:hover svg path { fill: #009596;}
.nyProShowHead_img .swiper-button-disabled { opacity: .25 !important;}

.nyProShowHead_text { width: 50%; padding-left: 80px;}
.nyProShowHead_text .nyProShowHead_title { line-height: 48px; color: #222; font-size: 36px; font-weight: bold; margin-bottom: 15px;}
.nyProShowHead_text h1 { max-height: 90px; overflow: hidden; line-height: 30px; color: #555; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.nyProShowHead_text dl { display: flex; margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
.nyProShowHead_text dl dd { flex-grow: 1;}
.nyProShowHead_text dl dd p { line-height: 24px; color: #222; font-size: 20px; font-weight: bold;}
.nyProShowHead_text dl dd span { display: block; line-height: 24px; color: #999; font-size: 16px; margin-top: 4px;}
.nyProShowHead_text a { display: block; width: 160px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 16px; background-color: #009596; margin-top: 50px;}
.nyProShowHead_text a i { display: inline-block; width: 22px; height: 22px; overflow: hidden; vertical-align: middle; margin: -2px 10px 0 0;}
.nyProShowHead_text a:hover i { margin: -2px 20px 0 0;}
/*nyProShow_head end*/


.nyProShow_title { line-height: 1.2; color: #222; font-size: 40px; text-align: center; margin-bottom: 40px;}


/*nyProShow_part1 start*/
.nyProShow_part1 { overflow: hidden; padding: 80px 0; background-color: #f4f4f4;}
.nyProShow_intro { min-height: 200px; overflow: hidden; padding: 40px 80px; background-color: #fff;}
.nyProShow_intro, .nyProShow_intro div, .nyProShow_intro p { line-height: 28px !important; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; color: #555 !important; font-size: 16px !important;}
.nyProShow_intro div, .nyProShow_intro p { margin-bottom: 14px;}
.nyProShow_intro div:last-child, .nyProShow_intro p:last-child { margin-bottom: 0;}
.nyProShow_intro img, .nyProShow_intro table, .nyProShow_intro tr, .nyProShow_intro td, .nyProShow_intro p, .nyProShow_intro span, .nyProShow_intro div, .nyProShow_intro video, .nyProShow_intro embed { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%;}
.nyProShow_intro img { display: block; max-width: 100%; margin: 20px auto;}
.nyProShow_intro p span, .nyProShow_intro span, .nyProShow_intro p em, .nyProShow_intro em { color: #555 !important; font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Arial', 'Helvetica', 'sans-serif' !important; font-size: 16px !important;}
.nyProShow_intro b, .nyProShow_intro strong { color: #222; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.nyProShow_intro table { display: block; width: 100% !important; overflow-x: scroll; padding-bottom: 10px;  border-collapse: separate; border-spacing: 0; margin: 20px 0;}
.nyProShow_intro table::-webkit-scrollbar { height: 3px;}
.nyProShow_intro table tbody { display: table; width: 100% !important;}
.nyProShow_intro table tr { width: 100% !important;}
.nyProShow_intro table tr th, .nyProShow_intro table tr td { padding: 10px; border: 1px solid #d7d9dd !important; border-right: 0 !important;}
.nyProShow_intro table tr th:last-child, .nyProShow_intro table tr td:last-child { border-right: 1px solid #d7d9dd !important;}
.nyProShow_intro table tr th p, .nyProShow_intro table tr td p { margin: 0 !important;}
.nyProShow_intro ol, .nyProShow_intro ul, .nyProShow_intro ol li, .nyProShow_intro ul li { list-style: disc; list-style-position: inside;}
/*nyProShow_part1 end*/


/*nyProShow_part2 start*/
.nyProShow_part2 { overflow: hidden; padding: 80px 0;}
.nyProShow_feature { padding-bottom: 60px; position: relative;}
.nyProShow_feature .swiper-slide { height: 280px; overflow: hidden; padding: 40px; background-color: #f4f4f4; border-bottom: 3px solid #009596;}
.nyProShow_feature .swiper-slide span { display: block; height: 40px; overflow: hidden; line-height: 40px; color: #009596; font-size: 24px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 30px;}
.nyProShow_feature .swiper-slide p { max-height: 120px; overflow: hidden; line-height: 30px; color: #555; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.nyProShow_feature .swiper-pagination { width: 100%; height: 25px; bottom: 0 !important;}
.nyProShow_feature .swiper-pagination span { width: 25px; height: 25px; border: 1px solid rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); border-radius: 50%; margin: 0 2px; opacity: 1; vertical-align: top;}
.nyProShow_feature .swiper-pagination span::after { content: ''; display: block; width: 9px; height: 9px; background-color: rgba(0, 0, 0, .1); border-radius: 50%; margin: 7px auto;}
.nyProShow_feature .swiper-pagination span.swiper-pagination-bullet-active { border: 1px solid #009596;}
.nyProShow_feature .swiper-pagination span.swiper-pagination-bullet-active::after { background-color: #009596;}
/*nyProShow_part2 end*/


/*nyProShow_part3 start*/
.nyProShow_part3 { overflow: hidden; padding: 80px 0; background-color: #f4f4f4;}
.nyProShow_parameter { overflow: hidden; padding: 50px; background-color: #fff;}
.nyProShow_parameter table { width: 100%;}
.nyProShow_parameter table tr { background-color: #ccdbde;}
.nyProShow_parameter table tr:nth-child(1) { background-color: #57c0cc;}
.nyProShow_parameter table tr:nth-child(2n) { background-color: #fff;}
.nyProShow_parameter table tr th, .nyProShow_parameter table tr td { border-right: 1px solid #fff;}
.nyProShow_parameter table tr th:last-child, .nyProShow_parameter table tr td:last-child { border-right: 0;}
.nyProShow_parameter table tr th p, .nyProShow_parameter table tr td p { line-height: 30px; color: #fff; font-size: 18px; text-align: center; padding: 10px;}
.nyProShow_parameter table tr td p { color: #222;}
/*nyProShow_part3 end*/


/*nyProShow_part4 start*/
.nyProShow_part4 { overflow: hidden; padding: 80px 0;}
.nyProduct_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -16px -32px;}
.nyProduct_list ul li { width: 50%; margin-bottom: 32px; padding: 0 16px;}
.nyProduct_con { display: flex; align-items: center; flex-direction: row-reverse; min-height: 100%; padding: 30px; background: #f4f4f4 url(../images/proBg.png) center center no-repeat; background-size: 400px 100px;}
.nyProduct_con .nyProduct_img { width: 40%; height: 220px; overflow: hidden;}
.nyProduct_con .nyProduct_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProduct_con:hover .nyProduct_img a img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyProduct_con .nyProduct_text { width: 60%; height: auto; overflow: hidden; padding: 0 30px;}
.nyProduct_con .nyProduct_text a.name { display: block; max-height: 64px; overflow: hidden; line-height: 32px; color: #222; font-size: 24px; font-weight: bold; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProduct_con:hover .nyProduct_text a.name { color: #009596;}
.nyProduct_con .nyProduct_text p.ms { max-height: 60px; overflow: hidden; line-height: 30px; color: #555; font-size: 16px; margin: 10px 0 30px; padding-left: 15px; position: relative; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProduct_con .nyProduct_text p.ms::before { content: ''; display: block; width: 6px; height: 6px; background-color: #009596; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.nyProduct_con .nyProduct_text a.btn { display: block; width: 132px; height: 44px; overflow: hidden; line-height: 42px; color: #222; font-size: 16px; text-align: center; background-color: rgba(0, 0, 0, 0); border: 1px solid #ddd;}
.nyProduct_con .nyProduct_text a.btn:hover { color: #fff; background-color: #009596; border: 1px solid #009596;}
/*nyProShow_part4 end*/


/*nyProShow_part5 start*/
.nyProShow_part5 { overflow: hidden; padding: 80px 0; background-color: #f4f4f4;}
.nyContactMsg_main dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyContactMsg_main dl dt, .nyContactMsg_main dl dd { width: 50%; margin-bottom: 30px; padding: 0 15px;}
.nyContactMsg_main dl dt, .nyContactMsg_main dl dd:nth-child(5) { width: 100%;}
.nyContactMsg_main dl dt:last-child { margin-bottom: 0; margin-top: 20px;}
.nyContactMsg_main dl dd .nyMessage_ipt { height: 60px; background-color: #fff; border-radius: 0;}
.nyContactMsg_main dl dd .nyMessage_ipt p { width: 120px; height: 60px; overflow: hidden; line-height: 60px; color: #777; font-size: 16px; padding: 0 0 0 24px; float: left;}
.nyContactMsg_main dl dd .nyMessage_ipt p span { color: #f00; margin-right: 8px;}
.nyContactMsg_main dl dd .nyMessage_ipt input { width: calc(100% - 120px); height: 60px; line-height: 40px; color: #020202; font-size: 16px; padding: 10px 20px; background: none; border: 0; outline: none; float: right;}

.nyContactMsg_main dl dt .nyMessage_area { width: 100%; height: 200px; padding: 12px 12px 12px 24px; background-color: #fff; border-radius: 0;}
.nyContactMsg_main dl dt .nyMessage_area textarea { display: block; width: 100%; height: 100%; overflow-y: scroll; line-height: 32px; color: #020202; font-size: 16px; padding-right: 12px; background: none; border: 0; outline: none; resize: none;}
.nyContactMsg_main dl dt .nyMessage_btn { text-align: center;}
.nyContactMsg_main dl dt .nyMessage_btn button { display: inline-block; height: 60px; line-height: 60px; color: #fff; font-size: 18px; margin: 0 18px; padding: 0 60px; vertical-align: top; border-radius: 0; border: 0; outline: none; cursor: pointer;}
.nyContactMsg_main dl dt .nyMessage_btn button.MsgBtn01 { background-color: #009596;}
.nyContactMsg_main dl dt .nyMessage_btn button.MsgBtn02 { background-color: #555555;}
.nyContactMsg_main dl dt .nyMessage_btn button.MsgBtn01:hover { background-color: #007d7e;}
.nyContactMsg_main dl dt .nyMessage_btn button.MsgBtn02:hover { background-color: #222222;}
/*nyProShow_part5 end*/


@media (max-width:1680px) {
  .nyProShow_head { margin: 60px auto;}
  .nyProShowHead_text { padding-left: 60px;}

  .nyProShow_part1, .nyProShow_part2, .nyProShow_part3, .nyProShow_part4, .nyProShow_part5 { padding: 60px 0;}
  .nyProShow_title { font-size: 36px; margin-bottom: 30px;}
  .nyProShowHead_text .nyProShowHead_title { line-height: 44px; font-size: 32px;}

  .nyProShow_intro { padding: 30px 60px;}

  .nyProShow_feature { padding-bottom: 55px;}
  .nyProShow_feature .swiper-slide { height: 260px; padding: 30px;}
  
  .nyProShow_parameter { padding: 40px;}
  .nyProShow_parameter table tr th p, .nyProShow_parameter table tr td p { line-height: 26px; font-size: 16px;}

  .nyProduct_list ul, .nyPro_list ul { margin: 0 -15px -30px;}
  .nyProduct_list ul li, .nyPro_list ul li { margin-bottom: 30px; padding: 0 15px;}

  .nyContactMsg_main dl dt:last-child { margin-top: 10px;}
}

@media (max-width:1600px) {}

@media (max-width:1560px) {
  .nyContactMsg_main dl dd .nyMessage_ipt p, .nyContactMsg_main dl dd .nyMessage_ipt input { font-size: 16px;}
  .nyContactMsg_main dl dt .nyMessage_area textarea { line-height: 32px; font-size: 16px;}
  .nyContactMsg_main dl dt .nyMessage_btn button { padding: 0 40px;}
}

@media (max-width:1440px) { 
  .nyProShowHead_text h1, .nyProShowHead_text a { font-size: 15px;}
  .nyProShowHead_text dl dd p { font-size: 18px;}
  .nyProShowHead_text dl dd span { line-height: 1.4; font-size: 15px;}
  .nyProShowHead_text a i { width: 20px; height: 20px;}
  .nyProShowHead_img .swiper-button-prev, .nyProShowHead_img .swiper-button-next { padding: 4px;}

  .nyProShow_intro div, .nyProShow_intro p { margin-bottom: 12px;}
  .nyProShow_intro b, .nyProShow_intro strong { font-size: 17px;}
  .nyProShow_intro, .nyProShow_intro div, .nyProShow_intro p, .nyProShow_intro p span, .nyProShow_intro span, .nyProShow_intro p em, .nyProShow_intro em { font-size: 15px !important;}

  .nyProShow_feature { padding-bottom: 50px;}
  .nyProShow_feature .swiper-slide { height: 240px;}
  .nyProShow_feature .swiper-slide span { height: 32px; line-height: 32px; font-size: 20px; margin-bottom: 20px;}
  .nyProShow_feature .swiper-slide p { font-size: 15px;}
  .nyProShow_feature .swiper-pagination { height: 20px;}
  .nyProShow_feature .swiper-pagination span { width: 20px; height: 20px;}
  .nyProShow_feature .swiper-pagination span::after { width: 8px; height: 8px; margin: 5px auto;}

  .nyProShow_parameter table tr th p, .nyProShow_parameter table tr td p { line-height: 25px; font-size: 15px;}

  .nyProduct_con { padding: 20px; background: #f4f4f4 url(../images/proBg.png) center center no-repeat; background-size: 320px 80px;}
  .nyProduct_con .nyProduct_text { padding: 0 20px;}
  .nyProduct_con .nyProduct_text a.name { max-height: 60px; line-height: 30px; font-size: 20px;}
  .nyProduct_con .nyProduct_text p.ms { font-size: 15px; margin: 10px 0 20px;}
  .nyProduct_con .nyProduct_text a.btn { width: 120px; height: 40px; line-height: 38px; font-size: 14px;}
  .nyProduct_con .nyProduct_img { height: 200px;}

  .nyContact_msg { padding: 60px 0;}
  .nyContactMsg_main dl dd .nyMessage_ipt { height: 50px;}
  .nyContactMsg_main dl dd .nyMessage_ipt p { height: 50px; line-height: 50px; padding: 0 0 0 20px;}
  .nyContactMsg_main dl dd .nyMessage_ipt input { height: 50px; line-height: 30px;}
  .nyContactMsg_main dl dt .nyMessage_area { padding: 10px 10px 10px 20px;}
  .nyContactMsg_main dl dt .nyMessage_area textarea { line-height: 30px; padding-right: 10px;}
  .nyContactMsg_main dl dt:last-child { margin-top: 0;}
  .nyContactMsg_main dl dt .nyMessage_btn button { height: 50px; line-height: 50px; font-size: 16px; margin: 0 13px; padding: 0 30px;}
}

@media (max-width:1366px) {}

@media (max-width:1280px) {
  .nyProShowHead_img { height: 400px;}
  .nyProShowHead_text .nyProShowHead_title { line-height: 40px; font-size: 30px;}
  .nyProShowHead_text dl { margin-top: 20px; padding-top: 20px;}
  .nyProShowHead_text a { margin-top: 40px;}

  .nyProShow_intro { padding: 30px 40px;}  

  .nyContactMsg_main dl dd .nyMessage_ipt p, .nyContactMsg_main dl dd .nyMessage_ipt input, .nyContactMsg_main dl dt .nyMessage_area textarea { font-size: 15px;}
}

@media (max-width:1200px) {
  .nyProShow_title { font-size: 32px;}

  .nyProShowHead_img { height: 360px;}
  .nyProShowHead_text .nyProShowHead_title { line-height: 36px; font-size: 28px;}

  .nyProduct_con .nyProduct_img { height: 188px;}
}

@media (max-width:1080px) {
  .nyProShow_title { font-size: 30px;}

  .nyProShowHead_img { height: 320px;}
  .nyProShowHead_text { padding-left: 40px;}
  .nyProShowHead_text .nyProShowHead_title { line-height: 32px; font-size: 24px;}

  .nyProShow_intro { padding: 24px 30px;}

  .nyProShow_feature .swiper-slide { height: 220px; padding: 24px;}
  .nyProShow_feature .swiper-slide span { margin-bottom: 12px;}

  .nyProShow_parameter { padding: 30px;}

  .nyProduct_list ul, .nyPro_list ul { margin: 0 -12px -24px;}
  .nyProduct_list ul li, .nyPro_list ul li { margin-bottom: 24px; padding: 0 12px;}
  .nyProduct_con .nyProduct_text a.name { font-size: 18px;}
  .nyProduct_con .nyProduct_text p.ms { max-height: 56px; line-height: 28px; font-size: 14px;}
  .nyProduct_con .nyProduct_text p.ms::before { top: 11px;}

  .nyProduct_con .nyProduct_img { height: 170px;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyProShow_title { font-size: 28px;}

  .nyProShowHead_img { height: 300px;}
  .nyProShowHead_text { padding-left: 30px;}
  .nyProShowHead_text .nyProShowHead_title { line-height: 30px; font-size: 22px; margin-bottom: 10px;}
  .nyProShowHead_text a { margin-top: 30px;}

  .nyProduct_list ul, .nyPro_list ul { margin: 0 -10px -20px;}
  .nyProduct_list ul li, .nyPro_list ul li { margin-bottom: 20px; padding: 0 10px;}
  .nyProduct_con { padding: 20px 15px;}
  .nyProduct_con .nyProduct_text { padding: 0 20px 0 5px;}
  .nyProduct_con .nyProduct_text a.name { max-height: 52px; line-height: 26px; font-size: 16px;}
  .nyProduct_con .nyProduct_text p.ms { max-height: 48px; line-height: 24px; font-size: 14px; margin: 5px 0 10px;}
  .nyProduct_con .nyProduct_text p.ms::before { top: 9px;}
  .nyProduct_con .nyProduct_text a.btn { width: 100px; height: 36px; line-height: 34px; font-size: 14px;}
  .nyProduct_con .nyProduct_img { height: 140px;}

  .nyContactMsg_main dl { margin: 0 -10px;}
  .nyContactMsg_main dl dt, .nyContactMsg_main dl dd { margin-bottom: 20px; padding: 0 10px;}
  .nyContactMsg_main dl dt .nyMessage_area { height: 170px;}
  .nyContactMsg_main dl dt .nyMessage_btn button { margin: 0 10px;}
}

@media (max-width:820px) {
  .nyProShow_head { margin: 40px auto; display: block;}
  .nyProShowHead_img { width: 100%; height: 360px;}
  .nyProShowHead_text { width: 100%; margin-top: 20px; padding-left: 0;}

  .nyProShow_title { margin-bottom: 20px;}

  .nyProShow_part1, .nyProShow_part2, .nyProShow_part3, .nyProShow_part4, .nyProShow_part5 { padding: 40px 0;}
  
  .nyProShow_parameter { padding: 20px;}
  .nyProShow_parameter table tr th p, .nyProShow_parameter table tr td p { line-height: 22px; font-size: 14px;} 
}

@media (max-width:767px) {
  .nyProShowHead_img { height: 240px; padding: 0 40px;}
  .nyProShowHead_img .swiper-button-prev, .nyProShowHead_img .swiper-button-next { width: 40px; height: 40px; margin-top: -20px;}

  .nyProShow_title { font-size: 24px;}

  .nyProShow_part1, .nyProShow_part2, .nyProShow_part3, .nyProShow_part4, .nyProShow_part5 { padding: 40px 0;}

  .nyProShow_intro { padding: 16px 20px;}

  .nyProShow_parameter { padding: 0;}
  .nyProShow_parameter table tr th p, .nyProShow_parameter table tr td p { line-height: 20px; font-size: 12px;}

  .nyProduct_list ul, .nyPro_list ul { margin: 0 0 -20px;}
  .nyProduct_list ul li, .nyPro_list ul li { width: 100%; padding: 0;}

  .nyContactMsg_main dl { margin: 0;}
  .nyContactMsg_main dl dt, .nyContactMsg_main dl dd { width: 100%; padding: 0;}
  .nyContactMsg_main dl dd .nyMessage_ipt p { width: 100px; padding: 0 0 0 10px;}
  .nyContactMsg_main dl dd .nyMessage_ipt input { width: calc(100% - 100px); padding: 10px;}
  .nyContactMsg_main dl dt .nyMessage_area { padding: 10px 5px 10px 10px;}
  .nyContactMsg_main dl dt .nyMessage_area textarea { padding-right: 5px;}
}

@media (max-width:390px) {
  .nyProShowHead_img { height: 220px;}
}

@media (max-width:320px) {
  .nyProShowHead_img { height: 200px;}

  .nyContactMsg_main dl dt .nyMessage_btn button { margin: 0 5px;}
}