/*nyProShow_head start*/
.nyProShow_head { overflow: hidden; margin: 80px auto; border: 1px solid #084187;}
.nyProShowHead_img { width: 50%; height: 450px; padding: 30px; position: relative; float: right; display: flex; align-items: center;}
.nyProShow_big { width: calc(100% - 120px); height: 100%; overflow: hidden;}
.nyProShow_big .swiper-container, .nyProShow_small .swiper-container { height: 100%;}
.nyProShow_big .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.nyProShow_small { width: 120px; height: 350px; padding-left: 20px;}
.nyProShow_small .swiper-slide { overflow: hidden; border: 1px solid #e6e6e6; position: relative; cursor: pointer;}
.nyProShow_small .swiper-slide.swiper-slide-thumb-active { border: 1px solid #084187;}

#preview { width: 50%; height: 450px; padding: 30px; position: relative; float: right; display: flex; align-items: center;}
#spec-n1 { width: calc(100% - 120px); height: 100%; overflow: hidden; position: relative;}
#spec-n1 #ceshi { width: 100% !important; height: 100% !important; overflow: hidden; position: relative !important;}
#spec-n5 { width: 120px; height: 350px; padding-left: 20px;}
#spec-n5 #spec-list { width: 100%; height: 100%; overflow: hidden;}
#spec-list ul li { width: 100%; height: 80px; overflow: hidden; margin-bottom: 10px;}
#spec-list ul li:last-child { margin-bottom: 0;}
#spec-list ul li p { width: 100%; height: 100%; overflow: hidden; border: 1px solid #e6e6e6; position: relative;}
#spec-list ul li:first-child p { border: 1px solid #084187;}

/*jqzoom*/
.zoomdiv { display: none; width: 100% !important; height: 100% !important; overflow: hidden; background-color: #fff; border-right: 1px solid #084187; text-align:center; position: absolute; right: 100% !important; top: 0 !important; z-index: 100;}
.zoomdiv img { max-width: inherit;}
.zoomdiv::-webkit-scrollbar { height: 0;}
.jqZoomPup { width:120px !important; height:120px !important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


.nyProShowHead_text { width: 50%; height: 450px; padding: 60px 40px; background: #084187 url(../images/webp/proShowBg.webp) right bottom no-repeat; float: left;}
.nyProShow_name { max-height: 44px; overflow: hidden; line-height: 44px; color: #fff; font-family: "MontserratBold"; font-size: 30px; margin-bottom: 20px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nyProShow_dec { margin-bottom: 60px;}
.nyProShow_dec { max-height: 150px; overflow: hidden; line-height: 30px; color: #fff; font-family: "PoppinsLight"; font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.nyProShow_btn { float: left;}
.nyProShow_btn a { display: block; width: 220px; height: 54px; overflow: hidden; line-height: 54px; color: #084187; font-family: "PoppinsMedium"; font-size: 18px; text-transform: uppercase; text-align: center; background-color: #fff;}
.nyProShow_btn a i { display: inline-block; width: 30px; height: 30px; overflow: hidden; vertical-align: middle; margin: -2px 10px 0 0;}
.nyProShow_btn a:hover { width: 240px;}
.nyProShow_share { margin: 9px 0; float: right;}
.nyProShow_share span { display: block; line-height: 36px; color: #fff; font-size: 18px; margin-right: 10px; float: left;}
.nyProShow_share a { display: block; width: 36px; height: 36px; overflow: hidden; margin-right: 5px; padding: 8px; background-color: rgba(255, 255, 255, .45); float: left;}
.nyProShow_share a:hover { background-color: #fff;}
.nyProShow_share a:hover svg path { fill: #084187;}
/*nyProShow_head end*/


.nyProShow_title { line-height: 1; color: #040404; font-family: "PoppinsSemiBold"; font-size: 40px; margin-bottom: 50px;}
.nyProShow_title1 { color: #fff;}

#pro01, #pro02, #pro03, #pro04 { margin: -80px 0 80px;}

/*nyPro_Description start*/
.nyPro_Description { overflow: hidden; padding: 100px 0; background: #084187 url(../images/webp/proShowBg1.webp) center center no-repeat; background-size: cover; background-attachment: fixed;}
.nyPro_Description .nyProShow_con { min-height: 240px;}
.lyShow_con .nyProShow_con, .nyProShow_con div, .nyProShow_con p { line-height: 30px !important; font-family: "PoppinsLight" !important; color: #fff !important; font-size: 16px !important;}
.nyProShow_con div, .nyProShow_con p { margin: 10px 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%; line-height: 30px; color: #fff; font-size: 16px;}
.nyProShow_con img { display: block; margin: 20px 0;}
.nyProShow_con p span, .nyProShow_con span, .nyProShow_con p em, .nyProShow_con em { color: #fff !important; font-family: "PoppinsLight" !important; font-size: 16px !important;}
.nyProShow_con strong { display: inline-block; line-height: 30px; color: #fff; font-family: "PoppinsBold" !important; font-size: 20px !important; margin: 20px 0 5px;}
.nyProShow_con br { display: none;}
/*nyPro_Description end*/


/*nyPro_Features start*/
.nyPro_Features { overflow: hidden; padding-top: 100px;}
.nyProFeatures_list ul { display: flex; flex-wrap: wrap; justify-items: left; margin: 0 -20px -20px;}
.nyProFeatures_list ul li { width: 50%; margin-bottom: 20px; padding: 0 20px;}
.nyProFeatures_list ul li p { min-height: 100%; overflow: hidden; line-height: 30px; color: #555; font-family: "PoppinsLight"; font-size: 16px; background-color: #fff; border: 1px solid #e6e6e6; padding: 20px 40px;}
.nyProFeatures_list ul li p:hover { color: #fff; background-color: #084187; border: 1px solid #084187;}
/*nyPro_Features end*/


/*nyPro_Drawing start*/
.nyPro_Drawing { overflow: hidden; padding-top: 100px;}
.nyProDrawing_main { overflow: hidden; border: 1px solid #e6e6e6; padding: 50px;}
.nyProDrawing_main ul li { display: flex; align-items: center; flex-direction: row; margin-bottom: 50px;}
.nyProDrawing_main ul li:last-child { margin-bottom: 0;}
.nyProDrawing_main ul li:nth-child(2n) { flex-direction: row-reverse;}
.nyProDrawing_main ul li .nyProDrawing_img { width: 50%;}
.nyProDrawing_main ul li .nyProDrawing_text { width: 50%; line-height: 30px; color: #555; font-family: "PoppinsLight"; font-size: 16px; padding: 0 0 0 50px;}
.nyProDrawing_main ul li:nth-child(2n) .nyProDrawing_text { padding: 0 50px 0 0;}
/*nyPro_Drawing end*/


/*nyPro_Technical start*/
.nyPro_Technical { overflow: hidden; padding: 100px 0;}
.nyProTechnical_main { border: 1px solid #e6e6e6;}
.nyProTechnical_main dl { display: flex; flex-wrap: wrap; justify-items: left; border-bottom: 1px solid #e6e6e6;}
.nyProTechnical_main dl:last-child { border-bottom: 0;}
.nyProTechnical_main dl dt, .nyProTechnical_main dl dd { display: flex; align-items: center; justify-content: center; width: 40%; border-right: 1px solid #e6e6e6;}
.nyProTechnical_main dl dt:last-child, .nyProTechnical_main dl dd:last-child { width: 60%; border-right: 0;}
.nyProTechnical_main dl dt p, .nyProTechnical_main dl dd p { line-height: 1.5; color: #555; font-family: "PoppinsLight"; font-size: 16px; word-break: break-all; text-align: center; padding: 15px;}
.nyProTechnical_main dl dt p { color: #040404; font-family: "PoppinsBold"; font-size: 18px;}
/*nyPro_Technical end*/


/*nyPro_Related start*/
.nyPro_Related { overflow: hidden; padding-bottom: 100px;}
.nyProRelated_swiper { position: relative;}
.nyProRelated_swiper .lyPro_con a.lyPro_img { display: block; width: 100%; height: 380px; overflow: hidden; border: 1px solid #e6e6e6; position: relative;}
.nyProRelated_swiper .lyPro_con:hover a.lyPro_img { border: 1px solid rgba(8, 65, 135, .45);}
.nyProRelated_swiper .lyPro_con:hover a.lyPro_img img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyProRelated_swiper .lyPro_con a.lyPro_img::after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(8, 65, 135, .45); position: absolute; left: 0; top: 100%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyProRelated_swiper .lyPro_con:hover a.lyPro_img::after { top: 0;}
.nyProRelated_swiper .lyPro_con a.lyPro_img i { display: block; width: 100px; height: 100px; overflow: hidden; padding: 25px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 100%; z-index: 1; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%);}
.nyProRelated_swiper .lyPro_con:hover a.lyPro_img i { top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.nyProRelated_swiper .lyPro_con a.lyPro_name { display: block; height: 60px; overflow: hidden; line-height: 30px; color: #040404; font-family: "PoppinsRegular"; font-size: 20px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px;}
.nyProRelated_swiper .lyPro_con:hover a.lyPro_name { color: #084187;}

.nyProRelated_swiper .swiper-button-prev, .nyProRelated_swiper .swiper-button-next { width: 48px; height: 48px; margin-top: 0; padding: 13px; background: #fff; border: 1px solid #e6e6e6; border-radius: 50%; top: -90px;}
.nyProRelated_swiper .swiper-button-prev { left: inherit; right: 68px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.nyProRelated_swiper .swiper-button-next { right: 0;}
.nyProRelated_swiper .swiper-button-prev:hover, .nyProRelated_swiper .swiper-button-next:hover { background: #084187; border: 1px solid #084187;}
.nyProRelated_swiper .swiper-button-prev:hover svg path, .nyProRelated_swiper .swiper-button-next:hover svg path { fill: #fff;}
.nyProRelated_swiper .swiper-button-disabled { opacity: .25 !important;}
/*nyPro_Related end*/


@media (max-width:1680px) {
  .nyProShow_title { margin-bottom: 40px;}

  .nyPro_Description, .nyPro_Technical { padding: 80px 0;}
  .nyPro_Features, .nyPro_Drawing { padding-top: 80px;}
  .nyPro_Related { padding-bottom: 80px;}

  .nyProDrawing_main { padding: 40px;}
  .nyProDrawing_main ul li { margin-bottom: 40px;}
  .nyProDrawing_main ul li .nyProDrawing_text { padding: 0 0 0 40px;}
  .nyProDrawing_main ul li:nth-child(2n) .nyProDrawing_text { padding: 0 40px 0 0;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img i { width: 80px; height: 80px; padding: 22px;}
  .nyProRelated_swiper .swiper-button-prev, .nyProRelated_swiper .swiper-button-next { top: -80px;}
}

@media (max-width:1600px) {
  .nyProShow_btn a, .nyProShow_share span { font-size: 16px;}

}

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

@media (max-width:1440px) {
  .nyProShow_head { margin: 60px auto;}
  .nyProShowHead_text { height: 440px; padding: 50px 30px;}
  .nyProShow_dec { font-size: 15px; margin-bottom: 50px;}
  .nyProShow_name { max-height: 36px; line-height: 36px; font-size: 28px;}
  .nyProShow_btn a { width: 200px; height: 50px; line-height: 50px;}
  .nyProShow_btn a:hover { width: 220px;}
  .nyProShow_btn a i { width: 24px; height: 24px;}
  .nyProShow_share { margin: 10px 0;}
  .nyProShowHead_img, #preview { height: 440px;}

  .nyPro_Description, .nyPro_Technical { padding: 60px 0;}
  .nyPro_Features, .nyPro_Drawing { padding-top: 60px;}
  .nyPro_Related { padding-bottom: 60px;}

  .nyProShow_title { font-size: 36px; margin-bottom: 30px;}

  .lyShow_con .nyProShow_con, .nyProShow_con div, .nyProShow_con p, .nyProShow_con p span, .nyProShow_con span, .nyProShow_con p em, .nyProShow_con em { 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 strong { font-size: 18px !important;}

  .nyProFeatures_list ul { margin: 0 -15px -20px;}
  .nyProFeatures_list ul li { margin-bottom: 20px; padding: 0 15px;}
  .nyProFeatures_list ul li p { line-height: 25px; font-size: 15px; padding: 15px 30px;}

  .nyProDrawing_main { padding: 30px;}
  .nyProDrawing_main ul li { margin-bottom: 30px;}
  .nyProDrawing_main ul li .nyProDrawing_text { line-height: 25px; font-size: 15px; padding: 0 0 0 30px;}
  .nyProDrawing_main ul li:nth-child(2n) .nyProDrawing_text { padding: 0 30px 0 0;}

  .nyProTechnical_main dl dt p { font-size: 17px; padding: 10px;}
  .nyProTechnical_main dl dd p { font-size: 15px; padding: 10px;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 360px;}
  .nyProRelated_swiper .lyPro_con a.lyPro_name { height: 56px; line-height: 28px; font-size: 18px; margin-top: 15px;}
  .nyProRelated_swiper .swiper-button-prev, .nyProRelated_swiper .swiper-button-next { top: -66px;}

}

@media (max-width:1366px) {

}

@media (max-width:1280px) {
  .nyProShowHead_text, .nyProShowHead_img, #preview { height: 410px;}
  .nyProShowHead_text { padding: 40px 30px;}
  .nyProShow_name { max-height: 34px; line-height: 34px; font-size: 26px;}
  .nyProShow_dec { margin-bottom: 40px;}
  .nyProShow_btn a, .nyProShow_share span { font-size: 15px;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 330px;}
}

@media (max-width:1200px) {
  .nyProShow { padding-top: 20px;}
  .nyProShow_name { max-height: 32px; line-height: 32px; font-size: 24px;}
  .zoomdiv, .jqZoomPup { display: none !important;}

  .nyProShow_title { font-size: 32px;}

  .nyProFeatures_list ul { margin: 0 -10px -20px;}
  .nyProFeatures_list ul li { padding: 0 10px;}
  .nyProFeatures_list ul li p { padding: 15px 20px;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 320px;}
  .nyProRelated_swiper .lyPro_con a.lyPro_name { height: 52px; line-height: 26px; font-size: 16px; margin-top: 10px;}
  .nyProRelated_swiper .swiper-button-prev, .nyProRelated_swiper .swiper-button-next { top: -62px;}

}

@media (max-width:1080px) {
  .nyProShowHead_text { padding: 24px;}
  .nyProShow_dec { margin-bottom: 30px;}
  .nyProShow_btn { float: none;}
  .nyProShow_btn a { width: 180px; height: 44px; line-height: 44px; font-size: 14px;}
  .nyProShow_btn a:hover { width: 200px;}
  .nyProShow_btn a i { width: 22px; height: 22px;}
  .nyProShow_share { float: none; margin: 24px 0 0;}
  .nyProShow_share span { font-size: 14px;}

  .nyProShowHead_img, #preview { padding: 24px;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 280px;} 
  .nyProRelated_swiper .lyPro_con a.lyPro_img i { width: 72px; height: 72px; padding: 20px;}

}

@media (max-width:1024px) {
  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 260px;}

}

@media (max-width:920px) {
  .nyProShow_head { margin: 40px auto;}
  .nyProShowHead_text, .nyProShowHead_img, #preview { padding: 20px;}

  #pro01, #pro02, #pro03, #pro04 { margin: -60px 0 60px;}

  .nyPro_Description, .nyPro_Technical { padding: 40px 0;}
  .nyPro_Features, .nyPro_Drawing { padding-top: 40px;}
  .nyPro_Related { padding-bottom: 40px;}

  .nyProShow_title { font-size: 30px; margin-bottom: 20px;}

  .nyProDrawing_main { padding: 20px;}
  .nyProDrawing_main ul li { margin-bottom: 20px;}
  .nyProDrawing_main ul li .nyProDrawing_text { padding: 0 0 0 20px;}
  .nyProDrawing_main ul li:nth-child(2n) .nyProDrawing_text { padding: 0 20px 0 0;}

  .nyProTechnical_main dl dt p { font-size: 16px;}
  .nyProTechnical_main dl dd p { font-size: 14px;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 300px;}
  .nyProRelated_swiper .swiper-button-prev, .nyProRelated_swiper .swiper-button-next { top: 50%; margin-top: -24px;}
  .nyProRelated_swiper .swiper-button-prev { right: inherit; left: -24px;}
  .nyProRelated_swiper .swiper-button-next { right: -24px;}

}

@media (max-width:820px) {
  .nyProShowHead_text { width: 100%; height: auto; padding: 30px 20px;}
  .nyProShow_name { max-height: 64px; -webkit-line-clamp: 2;}
  .nyProShowHead_img, #preview { width: 100%; height: 390px;}
  .nyProShow_btn { float: left;}
  .nyProShow_share { float: right; margin: 7px 0;}

  .nyProShow_title { font-size: 28px;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 280px;}

}

@media (max-width:767px) {
  .nyProShowHead_img, #preview { display: block; height: auto;}
  .nyProShow_big, #spec-n1 { width: 100%; height: 280px;}
  .nyProShow_small, #spec-n5 { width: 100%; height: 80px; padding: 10px 0 0;}
  #spec-n5 #spec-list ul { height: 100%; display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -5px;}
  #spec-n5 #spec-list ul li { width: 25%; height: 100%; margin-bottom: 0; padding: 0 5px;}

  #pro01, #pro02, #pro03, #pro04 { margin: -40px 0 40px;}

  .nyProShowHead_text { padding: 20px;}
  .nyProShow_name { max-height: 60px; line-height: 30px; font-size: 22px; margin-bottom: 15px;}
  .nyProShow_dec { margin-bottom: 20px;}
  .nyProShow_btn { float: none;}
  .nyProShow_btn a { width: 160px;}
  .nyProShow_btn a:hover { width: 180px;}
  .nyProShow_share { float: none; margin: 20px 0 0;}

  .nyProShow_title { font-size: 26px;}

  .nyProFeatures_list ul { margin: 0 0 -20px;}
  .nyProFeatures_list ul li { width: 100%; padding: 0;}

  .nyProDrawing_main ul li { display: block; align-items: inherit; flex-direction: inherit;}
  .nyProDrawing_main ul li .nyProDrawing_img { width: 100%; margin-bottom: 10px;}
  .nyProDrawing_main ul li .nyProDrawing_text { width: 100%; line-height: 22px; font-size: 14px; padding: 0;}

  .nyProRelated_swiper { padding-bottom: 60px;}
  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 220px;}
  .nyProRelated_swiper .lyPro_con a.lyPro_img i { width: 48px; height: 48px; padding: 12px;}
  .nyProRelated_swiper .swiper-button-prev, .nyProRelated_swiper .swiper-button-next { top: inherit; bottom: 0;}
  .nyProRelated_swiper .swiper-button-prev { left: 0;}
  .nyProRelated_swiper .swiper-button-next { right: 0;}

}

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

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 200px;}
}

@media (max-width:320px) {
  .nyProShow_head, .nyProShow_con { margin-bottom: 20px;}
  .nyProShowHead_img, #preview { padding: 10px;}
  .nyProShow_big { height: 230px;}
  .nyProShow_small { height: 62px;}  
  .nyProShow_name { max-height: 60px; line-height: 30px; font-size: 20px;}

  .nyProShow_title { font-size: 24px;}

  .nyProRelated_swiper .lyPro_con a.lyPro_img { height: 260px;}
  .nyProRelated_swiper .lyPro_con a.lyPro_img i { width: 64px; height: 64px; padding: 16px;}

}