.nyProlist2 { position: relative;}
.nyProlist2 ul li { overflow: hidden; background-color: #fff;}
.nyProlist2 ul li:nth-child(2n) { background-color: #f7f7f9;}
.nyProlist2 ul li .w1300 { padding: 100px 0 100px 100px;}

#pro01, #pro02, #pro03, #pro04 { margin-top: -90px; padding-bottom: 90px;}

.nyProlist2_head { display: flex; justify-content: space-between; margin-bottom: 40px;}
.nyProlist2_head .nyProlist2_title { width: 50%; padding-right: 50px;}
.nyProlist2_head .nyProlist2_title h5 { line-height: 44px; color: #222; font-size: 36px; font-weight: bold;}
.nyProlist2_head .nyProlist2_title span { display: block; line-height: 30px; color: #999; font-size: 16px; margin-top: 10px;}
.nyProlist2_head p.ms { width: 50%; line-height: 30px; color: #999; font-size: 16px;}

.nyProlist2_list dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -12px -24px;}
.nyProlist2_list dl dd { width: calc(100% / 3); margin-bottom: 24px; padding: 0 12px;}
.nyProlist2_list dl dd .nyProlist2_con { display: flex; align-items: center; justify-content: space-between; min-height: 100%; overflow: hidden; padding: 20px; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 8px;}
.nyProlist2 ul li:nth-child(2n) .nyProlist2_list dl dd .nyProlist2_con { border: 1px solid #fff;}
.nyProlist2_list dl dd .nyProlist2_con:hover { border: 1px solid #2a7570 !important;}
.nyProlist2_con .pics { width: 50%; height: 160px; overflow: hidden;}
.nyProlist2_con .pics a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProlist2_con:hover .pics a img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nyProlist2_con .text { width: 50%; padding-left: 20px;}
.nyProlist2_con .text a.name { display: block; max-height: 60px; overflow: hidden; line-height: 30px; color: #222; font-size: 18px; display: -webkit-box; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyProlist2_con:hover .text a.name { color: #2a7570;}
.nyProlist2_con .text a.btn { display: block; width: 80px; height: 32px; overflow: hidden; line-height: 32px; color: #fff; font-size: 14px; margin-top: 30px; background-color: #bbb; border-radius: 4px; display: flex; align-items: center; justify-content: center; gap: 6px;}
.nyProlist2_con:hover .text a.btn { background-color: #2a7570;}
.nyProlist2_con .text a.btn i { display: block; width: 16px; height: 16px; overflow: hidden;}

.nyProlist2_more { margin-top: 50px;}
.nyProlist2_more a { display: flex; align-items: center; justify-content: center; width: 140px; height: 44px; overflow: hidden; line-height: 44px; color: #fff; font-size: 16px; background-color: #2a7570; border-radius: 4px;}
.nyProlist2_more a i { display: block; width: 17px; height: 17px; overflow: hidden; margin-left: 10px; border: 1px solid #fff; border-radius: 50%; position: relative;}
.nyProlist2_more a i::before, .nyProlist2_more a i::after { content: ''; display: block; background-color: #fff; position: absolute; transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyProlist2_more a i::before { width: 7px; height: 1px; left: 4px; top: 7px;}
.nyProlist2_more a i::after { width: 1px; height: 7px; left: 7px; top: 4px;}
.nyProlist2_list.open .nyProlist2_more a i::after { height: 0;}
.nyProlist2_more a::after { content: ''; display: block; width: 0; height: 0; margin: 6px 0 0 8px; border: 6px solid transparent; border-top-color: #fff;}
.nyProlist2_more a.up::after { margin: 0 0 6px 8px; border-top-color: transparent; border-bottom-color: #fff;}

.nyProlist2_menu { max-width: calc(50% - 650px); overflow: hidden; padding: 0 0 0 50px; position: absolute; left: 0; top: 100px; z-index: 99;}
.nyProlist2.fxd .nyProlist2_menu { position: fixed;}
.nyProlist2_menu::before { content: ''; width: 0; height: calc(100% - 40px); border-left: 1px dashed #bbb; position: absolute; left: 59px; top: 20px;}
.nyProlist2_menu a { display: block; min-height: 30px; line-height: 30px; color: #555; font-size: 18px; margin-bottom: 40px; padding-left: 40px; position: relative; z-index: 1;}
.nyProlist2_menu a:last-child { margin-bottom: 0;}
.nyProlist2_menu a:hover, .nyProlist2_menu a.active { color: #2a7570; font-weight: bold;}
.nyProlist2_menu a::before, .nyProlist2_menu a::after { content: ''; display: block; overflow: hidden; background-color: #bbb; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyProlist2_menu a::before { display: none; width: 19px; height: 19px; left: 0; opacity: .1;}
.nyProlist2_menu a:hover::before, .nyProlist2_menu a.active::before { display: block; background-color: #2a7570;}
.nyProlist2_menu a::after { width: 7px; height: 7px; left: 6px;}
.nyProlist2_menu a:hover::after, .nyProlist2_menu a.active::after { background-color: #2a7570;}


@media (max-width:1680px) {
  #pro01, #pro02, #pro03, #pro04 { margin-top: -80px; padding-bottom: 80px;}
  .nyProlist2 ul li .w1300 { padding: 80px 0 80px 100px;}
  .nyProlist2_head .nyProlist2_title { padding-right: 40px;}
  .nyProlist2_head .nyProlist2_title h5 { line-height: 40px; font-size: 32px;}
  .nyProlist2_more { margin-top: 40px;}

  .nyProlist2_menu { max-width: calc(50% - 600px); padding: 0 0 0 40px; top: 80px;}
  .nyProlist2_menu::before { height: calc(100% - 30px); left: 49px; top: 15px;}
  .nyProlist2_menu a { min-height: 26px; line-height: 26px; font-size: 16px; margin-bottom: 26px; padding-left: 26px;}

}

@media (max-width:1600px) {
  .nyProlist2 ul li .w1300 { padding: 80px 0 80px 120px;}
  .nyProlist2_list dl { margin: 0 -10px -20px;}
  .nyProlist2_list dl dd { margin-bottom: 20px; padding: 0 10px;}
  .nyProlist2_list dl dd .nyProlist2_con { padding: 10px;}
  .nyProlist2_con .text { padding-left: 10px;}  
  .nyProlist2_con .text a.btn { margin-top: 20px;}

  .nyProlist2_menu { max-width: calc(50% - 580px);}
}

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

@media (max-width:1440px) {
  .nyProlist2 ul li .w1300 { padding: 60px 0;}
  .nyProlist2 ul li:first-child .w1300 { padding: 90px 0 60px;}
  .nyProlist2_head { margin-bottom: 30px;}
  .nyProlist2_head .nyProlist2_title { padding-right: 30px;}
  .nyProlist2_head .nyProlist2_title h5 { font-size: 30px;}
  .nyProlist2_head .nyProlist2_title span, .nyProlist2_head p.ms { line-height: 25px; font-size: 15px;}
  .nyProlist2_con .text a.name { max-height: 52px; line-height: 26px; font-size: 16px;}
  .nyProlist2_more { margin-top: 30px;}
  .nyProlist2_more a { font-size: 15px; padding: 0 20px;}
  .nyProlist2_more a i { margin: 0 0 0 10px;}
  .nyProlist2_more a:hover i { margin: 0 0 0 20px;}

  .nyProlist2_menu { display: flex; align-items: center; justify-content: center; width: auto; max-width: 1300px; padding: 10px 5px; background-color: #fff; box-shadow: 0 8px 36px rgba(0, 0, 0, .05); border-radius: 35px; left: 50%; top: -35px; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
  .nyProlist2_menu::before, .nyProlist2_menu a::before, .nyProlist2_menu a::after { display: none !important;}
  .nyProlist2_menu a { display: block; height: 50px; line-height: 50px; color: #222; font-size: 16px; margin: 0 5px; padding: 0 20px; background-color: #fff; border-radius: 25px;}
  .nyProlist2_menu a:hover, .nyProlist2_menu a.active { color: #fff; font-weight: normal; background-color: #2a7570;}

}

@media (max-width:1366px) {

  .nyProlist2_more a { width: 124px; height: 40px; line-height: 40px; font-size: 14px;}

  .nyProlist2_menu { max-width: 1200px; padding: 8px 4px; border-radius: 30px; top: -30px;}
  .nyProlist2_menu a { height: 44px; line-height: 44px; margin: 0 4px; border-radius: 22px;}
}

@media (max-width:1280px) {
  .nyProlist2_head .nyProlist2_title h5 { line-height: 36px; font-size: 28px;}
  .nyProlist2_con .pics { height: 140px;}

  .nyProlist2_menu { max-width: 1080px;}
}

@media (max-width:1200px) {
  .nyProlist2_head .nyProlist2_title h5 { line-height: 32px; font-size: 24px;}
}

@media (max-width:1080px) {
  .nyProlist2_con .pics { height: 120px;}
  .nyProlist2_con .text a.btn { margin-top: 15px;}
  .nyProlist2_menu { max-width: none; width: 94%;}
}

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

@media (max-width:920px) {
  .nyProlist2 ul li .w1300 { padding: 40px 0;}
  .nyProlist2 ul li:first-child .w1300 { padding: 70px 0 40px;}
  .nyProlist2_head { margin-bottom: 20px;}
  .nyProlist2_head .nyProlist2_title { padding-right: 20px;}
  .nyProlist2_head .nyProlist2_title span, .nyProlist2_head p.ms { line-height: 24px; font-size: 14px;}
  .nyProlist2_list dl dd { width: 50%;}
  .nyProlist2_list dl dd .nyProlist2_con { padding: 20px;}
  .nyProlist2_con .pics { height: 140px;}
  .nyProlist2_con .text { padding-left: 20px;}
  .nyProlist2_con .text a.btn { margin-top: 20px;}

  .nyProlist2_more { margin-top: 20px;}
}

@media (max-width:820px) {
  .nyProlist2 ul li:first-child .w1300 { padding: 60px 0 40px;}
  .nyProlist2_con .pics { height: 130px;}

  .nyProlist2_menu { padding: 5px; border-radius: 25px; top: -25px;}
  .nyProlist2_menu a { height: 40px; line-height: 40px; font-size: 14px; margin: 0 5px; padding: 0 16px; border-radius: 20px;}
}

@media (max-width:767px) {
  #pro01, #pro02, #pro03, #pro04 { margin-top: -64px; padding-bottom: 64px;}

  .nyProlist2 ul li:first-child .w1300 { padding: 40px 0;}
  .nyProlist2_head { display: block;}
  .nyProlist2_head .nyProlist2_title { width: 100%; margin-bottom: 15px; padding: 0;}
  .nyProlist2_head .nyProlist2_title h5 { line-height: 30px; font-size: 22px;}
  .nyProlist2_head .nyProlist2_title span { margin-top: 6px;}
  .nyProlist2_head p.ms, .nyProlist2_list dl dd { width: 100%;}
  .nyProlist2_list dl dd .nyProlist2_con { padding: 10px;}
  .nyProlist2_con .pics { height: 140px;}
  .nyProlist2_con .text { padding-left: 10px;}
  
  .nyProlist2_menu { display: none;}
}

@media (max-width:390px) {
  .nyProlist2_con .pics { height: 130px;}
}

@media (max-width:320px) {
  .nyProlist2_head .nyProlist2_title h5 { font-size: 20px;}
  .nyProlist2_con .pics { height: 110px;}
  .nyProlist2_con .text a.btn { margin-top: 10px;}
}