/* nyProducts start */
.nyProducts { padding-bottom: 80px;}
.nyProducts .nyProducts_main { margin: 0 auto;}
.nyProducts_main .nyProducts_left { width: 360px; float: left;}
.nyProducts_main .nyProducts_right { width: calc(100% - 400px); float: right;}

.nyProducts_right .nyProducts_filter { display: flex; overflow: hidden; margin-bottom: 30px; padding: 30px; background-color: #fff; border-radius: 8px;} 
.nyProducts_filter p { width: 120px; line-height: 36px; color: #222; font-size: 18px; font-weight: bold;}
.nyProducts_filter dl { width: calc(100% - 120px); display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -5px -10px;}
.nyProducts_filter dl dd { width: 20%; margin-bottom: 10px; padding: 0 5px;}
.nyProducts_filter dl dd a { display: block; height: 36px; overflow: hidden; line-height: 36px; color: #222; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; position: relative; cursor: pointer;}
.nyProducts_filter dl dd:hover a, .nyProducts_filter dl dd.active a { color: #1b355d;}
.nyProducts_filter dl dd a::before { content: ''; display: block; width: 10px; height: 10px; border: 2px solid #bbb; border-radius: 50%; position: absolute; left: 0; top: 11px;}
.nyProducts_filter dl dd:hover a::before, .nyProducts_filter dl dd.active a::before { width: 8px; height: 8px; border: 3px solid #1b355d;}

.nyProList ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px 30px;}
.nyProList ul li { width: 50%; margin-bottom: 30px; padding: 0 15px;}
.nyProList ul li .nyProList_con { overflow: hidden; padding: 20px; border-radius: 8px; background: linear-gradient(to bottom, #e1e7f1, #ffffff);}
.nyProList ul li .nyProList_con:hover { background: linear-gradient(to bottom, #1b355d, #1b355d);}
.nyProList_con .nyProList_text { width: calc(100% - 230px); padding-right: 20px; float: left;}
.nyProList_text .nyProList_name { margin-bottom: 12px;}
.nyProList_name a { display: block; height: 32px; overflow: hidden; line-height: 32px; color: #222; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;}
.nyProList ul li .nyProList_con:hover .nyProList_name a { color: #fff;}
.nyProList_ms p { min-height: 24px; max-height: 48px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; margin: 3px 0; padding-left: 12px; position: relative; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProList_ms p::before { content: ''; display: block; width: 4px; height: 4px; background-color: #1b355d; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.nyProList ul li .nyProList_con:hover .nyProList_ms p { color: rgba(255, 255, 255, .5);}
.nyProList ul li .nyProList_con:hover .nyProList_ms p::before { background-color: #fff;}
.nyProList_text .nyProList_btn { margin-top: 24px;}
.nyProList_btn a { display: inline-block; height: 36px; line-height: 34px; color: #222; font-size: 14px; border: 1px solid #ddd; border-radius: 18px; padding: 0 20px; vertical-align: top;}
.nyProList ul li .nyProList_con:hover .nyProList_btn a { color: #fff; border: 1px solid #fff;}
.nyProList_btn a i { display: inline-block; width: 17px; height: 17px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 6px;}
.nyProList_btn a i svg { display: block; width: 100%; height: 100%;}
.nyProList_btn a i svg path { fill: #222222;}
.nyProList ul li .nyProList_con:hover .nyProList_btn a i svg path { fill: #fff;}
.nyProList_con .nyProList_img { width: 230px; height: 170px; overflow: hidden; float: right;}
.nyProList_con .nyProList_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProList_con .nyProList_img a img { display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

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

@media (max-width:1600px) {
  .nyProList ul { margin: 0 -10px 20px;}
  .nyProList ul li { margin-bottom: 20px; padding: 0 10px;}
}

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

@media (max-width:1440px) {
  .nyProducts { padding-bottom: 60px;}
  .nyProducts_main .nyProducts_left { width: 320px;}
  .nyProducts_main .nyProducts_right { width: calc(100% - 350px);}
  .nyProducts_right .nyProducts_filter { margin-bottom: 30px; padding: 20px;}
  .nyProducts_filter p { line-height: 30px; font-size: 17px;}
  .nyProducts_filter dl { margin: 0 -5px -5px;}
  .nyProducts_filter dl dd { width: 25%; margin-bottom: 5px;}
  .nyProducts_filter dl dd a { height: 30px; line-height: 30px; font-size: 15px;}
  .nyProducts_filter dl dd a::before { width: 8px; height: 8px; top: 9px;}
  .nyProducts_filter dl dd:hover a::before, .nyProducts_filter dl dd.active a::before { width: 6px; height: 6px;}
  .nyProList_con .nyProList_text { width: calc(100% - 210px);}
  .nyProList_con .nyProList_img { width: 210px; height: 160px;}
}

@media (max-width:1366px) {
  .nyProducts_main .nyProducts_left { width: 300px;}
  .nyProducts_main .nyProducts_right { width: calc(100% - 330px);}
  .nyProList_con .nyProList_text { width: calc(100% - 180px);}
  .nyProList_con .nyProList_img { width: 180px; height: 140px;}
}

@media (max-width:1280px) {
  .nyProducts_main .nyProducts_right { width: calc(100% - 320px);}
}

@media (max-width:1200px) {
  .nyProducts_main .nyProducts_left { width: 280px;}
  .nyProducts_main .nyProducts_right { width: calc(100% - 300px);}
  .nyProList_con .nyProList_text { width: calc(100% - 160px);}
  .nyProList_con .nyProList_img { width: 160px; height: 120px;}
}

@media (max-width:1080px) {
  .nyProducts_main .nyProducts_left { width: 100%;}
  .nyProducts_main .nyProducts_right { width: 100%; margin-top: 40px;}
  .nyProList_con .nyProList_text { width: calc(100% - 210px);}
  .nyProList_con .nyProList_img { width: 210px; height: 160px;}
}

@media (max-width:1024px) {
  .nyProList_con .nyProList_text { width: calc(100% - 180px);}
  .nyProList_con .nyProList_img { width: 180px; height: 140px;}
}

@media (max-width:920px) {
  .nyProducts { padding-bottom: 40px;}
  .nyProducts_right .nyProducts_filter { margin-bottom: 20px;}
}

@media (max-width:820px) {
  .nyProducts_main .nyProducts_right { margin-top: 20px;}
  .nyProducts_filter dl dd { width: 33.333333%;}
  .nyProList ul li { width: 100%;}
  .nyProList_con .nyProList_text { width: calc(100% - 210px);}
  .nyProList_con .nyProList_img { width: 210px; height: 160px;}
}

@media (max-width:767px) {
  .nyProducts_right .nyProducts_filter { display: block;}
  .nyProducts_filter p { width: 100%; margin-bottom: 10px;}
  .nyProducts_filter dl { width: 100%;}
  .nyProducts_filter dl dd { width: 50%;}
  
  .nyProList ul { margin: 0 0 20px;}
  .nyProList ul li { padding: 0;}
  .nyProList_con .nyProList_text { width: 100%; padding: 0; float: none;}
  .nyProList_text .nyProList_name { margin-bottom: 10px;}
  .nyProList_text .nyProList_btn { margin-top: 20px;}
  .nyProList_con .nyProList_img { width: 100%; height: 240px; margin-bottom: 20px; float: none;}
}

@media (max-width:390px) {
  .nyProList_con .nyProList_img { height: 230px;}
}

@media (max-width:320px) {
  .nyProducts { padding-bottom: 20px;}
  .nyProList ul { margin: 0;}
  .nyProList_con .nyProList_img { height: 190px;}
}

@media (max-width:280px) {
  .nyProList_con .nyProList_img { height: 170px;}
}

/* nyProducts end */