
/*nyProducts start*/
.nyProducts { overflow: hidden; padding: 100px 0;}
.nyProducts_main .nyProducts_left { width: 26%; float: left;}
.nyProducts_left .nyProducts_title { width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #084187; font-family: "MontserratBold"; font-size: 30px; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 30px; padding-left: 20px; position: relative;}
.nyProducts_left .nyProducts_title::before { content: ""; width: 5px; height: 26px; background-color: #084187; position: absolute; top: 12px; left: 0;}
.nyProducts_left .nyProducts_title i { display: none;}
.nyProducts_Category ul { padding: 24px; background-color: #eee;}
.nyProducts_Category ul li { margin-bottom: 24px;}
.nyProducts_Category ul li:last-child { margin-bottom: 0;}
.nyProducts_Category ul li dl dt { margin-bottom: 10px;}
.nyProducts_Category ul li dl dt a { display: block; width: 100%; max-height: 60px; min-height: 30px; overflow: hidden; line-height: 30px; color: #222; font-family: "PoppinsBold"; font-size: 18px; padding-left: 24px; position: relative; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProducts_Category ul li dl dt a i { display: block; width: 16px; height: 16px; overflow: hidden; position: absolute; left: 0; top: 7px;}
.nyProducts_Category ul li dl dd { margin-top: 2px; padding-left: 24px;}
.nyProducts_Category ul li dl dd a { display: inline-block; max-width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #222; font-family: "PoppinsLight"; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; padding-right: 16px; position: relative;}
.nyProducts_Category ul li dl dd a i { display: block; width: 12px; height: 12px; overflow: hidden; margin-top: -6px; position: absolute; top: 50%; right: 0;}
.nyProducts_Category ul li dl dd a::after { content: ""; width: 0; height: 1px; background-color: #084187; position: absolute; left: 0; bottom: 4px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyProducts_Category ul li.on dl dt a, .nyProducts_Category ul li dl dt a:hover, .nyProducts_Category ul li dl dd a:hover { color: #084187;}
.nyProducts_Category ul li.on dl dt a i svg path, .nyProducts_Category ul li dl dt a:hover i svg path, .nyProducts_Category ul li dl dd a:hover i svg path { fill: #084187;}
.nyProducts_Category ul li dl dd a:hover::after { width: 100%;}

.nyProducts_back a { display: block; height: 60px; line-height: 60px; color: #fff; font-family: "PoppinsMedium"; font-size: 18px; text-align: center; background-image: linear-gradient(to right, #084187 0%, #084187 100%);}
.nyProducts_back a i { display: inline-block; width: 16px; height: 16px; overflow: hidden; margin: -2px 0 0 10px; vertical-align: middle;}
.nyProducts_back a:hover { background-image: linear-gradient(to right, #406aa7 0%, #3e5999 100%);}
.nyProducts_back a:hover i { margin: -2px 0 0 15px;}


.nyProducts_Rom { margin-top: 30px;}
.nyProRom_swiper { overflow: hidden; margin-top: -15px; padding: 40px 0; position: relative;}
.nyProRom_swiper .swiper-container { height: 560px; padding: 10px 0;}
.nyProRom_swiper .swiper-slide { display: flex; align-items: center;}
.nyProRom_swiper .swiper-slide a.img { display: block; width: 100px; height: 100%; overflow: hidden; border: 1px solid #ddd; position: relative;}
.nyProRom_swiper .swiper-slide:hover a.img img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyProRom_swiper .swiper-slide a.name { display: block; width: calc(100% - 100px); height: auto; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; padding-left: 20px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProRom_swiper .swiper-slide:hover a.name { color: #084187;}

.nyProRom_swiper .swiper-button-prev, .nyProRom_swiper .swiper-button-next { width: 100%; height: 40px; margin-top: 0; padding: 4px 0; border-radius: 0; background: #f8f8f8; top: inherit; z-index: 99;}
.nyProRom_swiper .swiper-button-prev { left: 0; top: 0; transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
.nyProRom_swiper .swiper-button-next { right: 0; bottom: 0;}
.nyProRom_swiper .swiper-button-prev:hover, .nyProRom_swiper .swiper-button-next:hover { background: #084187}
.nyProRom_swiper .swiper-button-prev:hover svg path, .nyProRom_swiper .swiper-button-next:hover svg path { fill: #fff;}
.nyProRom_swiper .swiper-button-disabled { opacity: .25 !important;}


.nyProducts_main .nyProducts_right { width: 74%; padding-left: 60px; float: right;}
.nyProducts_right .nyProducts_form { margin-bottom: 30px; padding-left: 50%;}
.nyProducts_form form { display: block; padding-right: 50px; background-color: #eee; position: relative;}
.nyProducts_form input.proIpt { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #222; font-size: 16px; padding: 0 20px; background: none; border: 0; outline: none;}
.nyProducts_form button.proBtn { display: block; width: 50px; height: 50px; overflow: hidden; font-size: 0; background-color: #084187; border: 0; outline: none; position: absolute; top: 0; right: 0; cursor: pointer;}
.nyProducts_form button.proBtn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 14px;}

.nyProducts_list { margin-bottom: 50px;}
.nyProducts_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px -40px;}
.nyProducts_list ul li { width: 33.333333%; margin-bottom: 40px; padding: 0 20px;}
.nyProducts_con { min-height: 100%; overflow: hidden; background-color: #eee; border: 1px solid #ddd;}
.nyProducts_con:hover { background-color: #084187; border: 1px solid #084187;}
.nyProducts_con .img { width: 100%; height: 250px; overflow: hidden; background-color: #fff;}
.nyProducts_con .img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProducts_con:hover .img a img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyProducts_con .text { width: 100%; height: auto; overflow: hidden; padding: 30px 20px; text-align: center;}
.nyProducts_con .text a.name { display: block; width: 100%; height: 48px; overflow: hidden; line-height: 24px; color: #222; font-size: 18px; text-align: center; margin-bottom: 20px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProducts_con .text a.btn { display: inline-block; line-height: 30px; color: #084187; font-family: "PoppinsLight"; font-size: 16px; padding-right: 16px; position: relative;}
.nyProducts_con .text a.btn i { display: block; width: 12px; height: 12px; overflow: hidden; margin-top: -6px; position: absolute; top: 50%; right: 0;}
.nyProducts_con:hover .text a.name, .nyProducts_con:hover .text a.btn { color: #fff;}
.nyProducts_con:hover .text a.btn i svg path { fill: #fff;}
/*nyProducts end*/

@media (max-width:1680px) {
  .nyProducts { padding: 80px 0;}
}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyProducts { padding: 60px 0;}
  .nyProducts_left .nyProducts_title { height: 44px; line-height: 44px; font-size: 28px;}
  .nyProducts_left .nyProducts_title::before { width: 4px; height: 24px; top: 10px;}
  .nyProducts_Category ul { padding: 20px;}
  .nyProducts_Category ul li { margin-bottom: 20px;}
  .nyProducts_Category ul li dl dt a, .nyProducts_Category ul li dl dd { padding-left: 20px;}

  .nyProducts_main .nyProducts_right { padding-left: 40px;}
  .nyProducts_form form { padding-right: 44px;}
  .nyProducts_form input.proIpt { height: 44px; line-height: 44px; font-size: 14px;}
  .nyProducts_form button.proBtn { width: 44px; height: 44px;}
  .nyProducts_form button.proBtn i { padding: 12px;}
  .nyProducts_list { margin-bottom: 40px;}
}

@media (max-width:1366px) {
  .nyProducts_con .img { height: 240px;}

}

@media (max-width:1280px) {
  .nyProducts_left .nyProducts_title { font-size: 24px;}
  .nyProducts_left .nyProducts_title::before { width: 4px; height: 20px; top: 12px;}
  .nyProducts_Category ul li dl dt a { max-height: 52px; min-height: 26px; line-height: 26px; font-size: 16px;}
  .nyProducts_Category ul li dl dt a i { width: 14px; height: 14px; top: 6px;}
  .nyProducts_Category ul li dl dd { margin-top: 0;}
  .nyProducts_Category ul li dl dd a { font-size: 14px;}

  .nyProRom_swiper .swiper-slide a.name { line-height: 28px; font-size: 16px;}

  .nyProducts_list { margin-bottom: 30px;}
  .nyProducts_list ul { margin: 0 -15px -30px;}
  .nyProducts_list ul li { margin-bottom: 30px; padding: 0 15px;}
  .nyProducts_con .img { height: 220px;}
  .nyProducts_con .text { padding: 24px 20px;}
  .nyProducts_con .text a.name { font-size: 16px; margin-bottom: 15px;}
  .nyProducts_con .text a.btn { line-height: 24px; font-size: 14px;}

}

@media (max-width:1200px) {
  .nyProducts_main .nyProducts_left { width: 24%;}
  .nyProducts_main .nyProducts_right { width: 76%;}

  .nyProRom_swiper .swiper-container { height: 520px;}
  .nyProRom_swiper .swiper-slide a.img { width: 88px;}
  .nyProRom_swiper .swiper-slide a.name { width: calc(100% - 88px);}
  .nyProRom_swiper .swiper-button-prev, .nyProRom_swiper .swiper-button-next { padding: 7px 0;}
}

@media (max-width:1080px) {
  .nyProducts_left .nyProducts_title { font-size: 22px; margin-bottom: 20px;}
  .nyProducts_Category ul { padding: 20px 20px 20px 10px;}
  .nyProRom_swiper .swiper-container { height: 440px;}
  .nyProRom_swiper .swiper-slide a.img { width: 80px;}
  .nyProRom_swiper .swiper-slide a.name { width: calc(100% - 80px); line-height: 24px; font-size: 14px; padding-left: 10px;}
  .nyProRom_swiper .swiper-button-prev, .nyProRom_swiper .swiper-button-next { padding: 10px 0;}

  .nyProducts_main .nyProducts_right { padding-left: 30px;}
  .nyProducts_right .nyProducts_form { margin-bottom: 20px;}
  .nyProducts_list ul { margin: 0 -10px -20px;}
  .nyProducts_list ul li { margin-bottom: 20px; padding: 0 10px;}
  .nyProducts_con .img { height: 200px;}
  .nyProducts_con .text { padding: 20px 10px;}
  .nyProducts_con .text a.name { margin-bottom: 10px;}

}

@media (max-width:1024px) {
  .nyProducts_main .nyProducts_left { width: 25%;}

  .nyProducts_main .nyProducts_right { width: 75%;}
  .nyProducts_con .img { height: 180px;}
}

@media (max-width:920px) {
  .nyProducts { padding: 40px 0;}
  .nyProducts_main .nyProducts_left { width: 100%;}
  .nyProducts_left .nyProducts_title { margin-bottom: 0; padding: 0 44px 0 20px;}
  .nyProducts_left .nyProducts_title i { display: block; width: 44px; height: 44px; overflow: hidden; background-color: #eee; position: absolute; top: 0; right: 0;}
  .nyProducts_left .nyProducts_title i::before, .nyProducts_left .nyProducts_title i::after { content: ""; display: block; background-color: #084187; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
  .nyProducts_left .nyProducts_title i::before { width: 16px; height: 2px;}
  .nyProducts_left .nyProducts_title i::after { width: 2px; height: 16px;}
  .nyProducts_left.open .nyProducts_title i { background-color: #084187;}
  .nyProducts_left.open .nyProducts_title i::before { background-color: #fff;}
  .nyProducts_left.open .nyProducts_title i::after { display: none;}
  .nyProducts_Category ul { display: none; padding: 20px;}
  .nyProducts_Category.open ul { display: flex; flex-wrap: wrap; justify-content: left;}
  .nyProducts_Category ul li { width: 50%; padding: 0 10px 0 0;}
  .nyProducts_Category ul li:nth-child(2n) { padding: 0 0 0 10px;}

  .nyProducts_Rom { margin-top: 20px;}
  .nyProducts_Rom .nyProducts_title i { display: none;}    
  .nyProRom_swiper { margin-top: 10px; padding: 0 50px;}
  .nyProRom_swiper .swiper-container { height: 80px; padding: 0;}
  .nyProRom_swiper .swiper-slide a.img { width: 100px;}
  .nyProRom_swiper .swiper-slide a.name { width: calc(100% - 100px); line-height: 30px; font-size: 18px; padding-left: 20px;}

  .nyProRom_swiper .swiper-button-prev, .nyProRom_swiper .swiper-button-next { width: 32px; height: 100%; padding: 6px; top: 0; right: inherit; bottom: inherit; left: inherit;}
  .nyProRom_swiper .swiper-button-prev { left: 0;}
  .nyProRom_swiper .swiper-button-next { right: 0;}
  .nyProRom_swiper .swiper-button-prev svg { transform: rotate(90deg); -webkit-transform: rotate(90deg);}
  .nyProRom_swiper .swiper-button-next svg { transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
 
  .nyProducts_main .nyProducts_right { width: 100%; margin-top: 20px; padding: 0;}
  .nyProducts_right .nyProducts_form { padding-left: 0;}
  .nyProducts_list { margin-bottom: 40px;}
  .nyProducts_con .img { height: 240px;}

}

@media (max-width:820px) {
  .nyProducts_con .img { height: 220px;}
}

@media (max-width:767px) {
  .nyProducts_left .nyProducts_title { font-size: 22px;}
  .nyProducts_left .nyProducts_title::before { height: 18px; top: 13px;}
  .nyProducts_Category ul { padding: 20px 20px 20px 10px;}
  .nyProducts_Category ul li { width: 100%; padding: 0 !important;}

  .nyProRom_swiper { padding: 0 40px;}
  .nyProRom_swiper .swiper-slide a.name { line-height: 26px; font-size: 16px;}

  .nyProducts_list { margin-bottom: 20px;}
  .nyProducts_list ul { margin: 0 -5px -10px;}
  .nyProducts_list ul li { width: 50%; margin-bottom: 10px; padding: 0 5px;}
  .nyProducts_con .img { height: 160px;}

}

@media (max-width:390px) {
  .nyProducts_con .img { height: 170px;}
}

@media (max-width:320px) {
  .nyProducts_list ul { margin: 0 0 -10px;}
  .nyProducts_list ul li { width: 100%; margin-bottom: 10px; padding: 0;}
  .nyProducts_con .img { height: 240px;}
}


