.nyContact_part01, .nyContact_part02, .nyContact_part03, .nyContact_part04 { overflow: hidden; padding: 100px 0;}
.nyContact_part02 { background-color: #d7d9dd;}
.nyContact_part03 { background: #1f2022 url(../images/webp/nyConPart03_bg.webp) no-repeat center center / cover; background-attachment: fixed;}

.nyContactPart01_main { display: flex; align-items: center;}
.nyContactPart01_map { width: calc(100% - 480px); position: relative;}
.nyContactPart01_map img { display: block; width: 100%;}
.nyContactPart01_map dl dd { line-height: 30px; color: #2e3033; font-size: 16px; position: absolute;}
.nyContactPart01_map dl dd i { display: inline-block; width: 16px; height: 16px; overflow: hidden; margin-right: 6px; vertical-align: top;}
.nyContactPart01_map dl dd:nth-child(1) { left: 17%; top: 21%;}
.nyContactPart01_map dl dd:nth-child(2) { left: 22%; top: 32%;}
.nyContactPart01_map dl dd:nth-child(3) { left: 30%; top: 65%;}
.nyContactPart01_map dl dd:nth-child(4) { left: 46.5%; top: 22%;}
.nyContactPart01_map dl dd:nth-child(5) { left: 52%; top: 52%;}
.nyContactPart01_map dl dd:nth-child(6) { left: 61%; top: 41%;}
.nyContactPart01_map dl dd:nth-child(7) { left: 66%; top: 18%;}
.nyContactPart01_map dl dd:nth-child(8) { left: 78%; top: 31%;}
.nyContactPart01_map dl dd:nth-child(9) { left: 75%; top: 55%;}
.nyContactPart01_map dl dd:nth-child(8) i { width: 20px; height: 20px;}

.nyContactPart01_list { width: 480px; max-height: 600px; overflow-y: scroll; padding: 0 40px 0 80px; position: relative;}
.nyContactPart01_list::-webkit-scrollbar { width: 4px;}
.nyContactPart01_list::-webkit-scrollbar-thumb { background-color: #eb633b;}
.nyContactPart01_list ul li { margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid #c4c7cc;}
.nyContactPart01_list ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}

.nyContactPart01_list ul li .nyContactPart01_title { min-height: 32px; line-height: 32px; color: #2e3033; font-size: 24px; font-weight: bold; margin-bottom: 16px; padding-left: 24px; position: relative;}
.nyContactPart01_list ul li .nyContactPart01_title::before { content: ''; display: block; width: 3px; height: 24px; background-color: #eb633b; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyContactPart01_list ul li dl { padding-left: 24px;}
.nyContactPart01_list ul li dl dd { margin-bottom: 6px;}
.nyContactPart01_list ul li dl dd:last-child { margin-bottom: 0;}
.nyContactPart01_list ul li dl dd p { min-height: 32px; line-height: 32px; color: #4d5055; font-size: 18px; padding-left: 30px; position: relative;}
.nyContactPart01_list ul li dl dd p i { display: block; width: 18px; height: 18px; overflow: hidden; position: absolute; left: 0; top: 7px;}


.nyConPart02_main { display: flex; align-items: center;}
.nyConPart02_main .nyConPart02_img { width: 40%; height: 720px; overflow: hidden; border-radius: 12px; position: relative;}
.nyConPart02_main .nyConPart02_img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyConPart02_main .nyConPart02_text { width: 60%; padding-right: 80px;}

.nyConPart02_form dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -12px -20px;}
.nyConPart02_form dl dd { width: 50%; margin-bottom: 20px; padding: 0 12px;}
.nyConPart02_form dl dt { width: 100%; margin-bottom: 20px; padding: 0 12px;}
.nyConPart02_form dl dt p, .nyConPart02_form dl dd p { line-height: 24px; color: #4d5055; font-size: 18px; margin-bottom: 10px;}
.nyConPart02_form dl dt p span, .nyConPart02_form dl dd p span { color: #e90000;}
.nyConPart02_form dl dd input, .nyConPart02_form dl dt input { display: block; width: 100%; height: 48px; overflow: hidden; line-height: 46px; color: #2e3033; font-size: 16px; padding: 0 20px; background-color: #fff; border: 1px solid #a0a3aa; border-radius: 12px; outline: none;}
.nyConPart02_form dl dt textarea { display: block; width: 100%; height: 150px; overflow-y: scroll; line-height: 24px; color: #222; font-size: 16px; padding: 10px 20px; background-color: #fff; border: 1px solid #a0a3aa; border-radius: 12px; outline: none; resize: none;}
.nyConPart02_form dl dt textarea::-webkit-scrollbar { width: 0;}
.nyConPart02_form dl dd input::placeholder, .nyConPart02_form dl dt input::placeholder, .nyConPart02_form dl dt textarea::placeholder { color: #999;}

/* 自定义下拉框容器 */
.nyContactMsg_select { width: 100%; position: relative;}
.nyContactMsg_select i { display: block; width: 14px; height: 14px; overflow: hidden; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: none;}
.nyContactMsg_select .select_header { width: 100%; height: 48px; overflow: hidden; line-height: 46px; color: #999; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding: 0 30px 0 20px; background-color: #fff; border: 1px solid #a0a3aa; border-radius: 12px; cursor: pointer;}
.nyContactMsg_select .select_header span { font-size: 16px;}
.nyContactMsg_select .select_options { display: none; max-height: 220px; overflow-y: scroll; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 12px; position: absolute; top: 100%; left: 0; right: 0; z-index: 9;}
.nyContactMsg_select .select_options .option { line-height: 24px; color: #555; font-size: 16px; padding: 10px 20px; cursor: pointer;}
.nyContactMsg_select .select_options .option:hover { color: #fff; background-color: #a0a3aa;}
.nyContactMsg_select .select_options::-webkit-scrollbar { width: 0;}

.nyConPart02_form dl dt button { display: block; width: 160px; height: 54px; line-height: 54px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-transform: capitalize; margin-top: 20px; background-color: #eb633b; vertical-align: top; border-radius: 8px; border: 0; outline: none; cursor: pointer;}
.nyConPart02_form dl dt button:hover { background-color: #1f2022;}


.nyConPart03_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.nyConPart03_list ul li { width: 33.333333%; padding: 0 20px;}
.nyConPart03_con { min-height: 100%; padding: 40px 20px; background-color: #fff; border-radius: 12px;}
.nyConPart03_con:hover { background-color: #eb633b;}
.nyConPart03_con i { display: block; width: 40px; height: 40px; overflow: hidden; margin: 0 auto 20px;}
.nyConPart03_con:hover i svg path { fill: #fff;}
.nyConPart03_con span { display: block; line-height: 30px; color: #2e3033; font-size: 24px; font-weight: bold; text-align: center;}
.nyConPart03_con p { line-height: 30px; color: #4d5055; font-size: 18px; text-align: center; margin-top: 10px;}
.nyConPart03_list ul li:nth-child(2) .nyConPart03_con p { font-size: 16px;}
.nyConPart03_con:hover span, .nyConPart03_con:hover p { color: #fff;}


.nyConPart04_main { display: flex; overflow: hidden; padding: 20px; background-color: #fff; border-radius: 12px;}
.nyConPart04_main .nyConPart04_left { width: 60%; height: 520px; overflow: hidden; background-color: #eaeaea; border-radius: 12px; position: relative;}
.nyConPart04_left .nyConPart04Left_text { position: absolute; left: 37%; top: 30%;}
.nyConPart04Left_text::before { content: ''; display: block; width: 26px; height: 6px; margin-left: -13px; background-color: rgba(31, 7, 0, .15); border-radius: 50%; position: absolute; left: 50%; top: 37px;}
.nyConPart04Left_text i { display: block; width: 40px; height: 40px; overflow: hidden; margin: 0 auto; position: relative; z-index: 1;}
.nyConPart04Left_text p { line-height: 30px; color: #2e3033; font-size: 16px; text-align: center; margin-top: 10px;}

.nyConPart04_main .nyConPart04_right { width: 40%; height: 520px; overflow: hidden; padding-left: 32px;}
.nyConPart04_right .nyConPart04_pic { width: 100%; height: 222px; overflow: hidden; border-radius: 12px; position: relative;}
.nyConPart04_right .nyConPart04_text { margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #ebecee;}
.nyConPart04_text title { display: block; line-height: 32px; color: #2e3033; font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.nyConPart04_text ul li { height: 32px; overflow: hidden; line-height: 32px; color: #2e3033; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; padding-left: 30px; position: relative;}
.nyConPart04_text ul li i { display: block; width: 18px; height: 18px; overflow: hidden; position: absolute; left: 0; top: 7px;}

.nyConPart04_share { height: 30px; line-height: 30px; color: #4d5055; font-size: 16px;}
.nyConPart04_share a { display: inline-block; width: 30px; height: 30px; overflow: hidden; padding: 5px; vertical-align: top;}
.nyConPart04_share a:hover svg path { fill: #eb633b;}


@media (max-width:1680px) {
  .nyContact_part01, .nyContact_part02, .nyContact_part03, .nyContact_part04 { padding: 80px 0;}
  .nyContactPart01_map { width: calc(100% - 450px);}
  .nyContactPart01_map dl dd { font-size: 15px;}
  .nyContactPart01_list { width: 450px; max-height: 580px; padding: 0 30px 0 60px;}
  .nyContactPart01_list ul li { margin-bottom: 30px; padding-bottom: 30px;}
  .nyContactPart01_list ul li .nyContactPart01_title { min-height: 30px; line-height: 30px; font-size: 22px; margin-bottom: 15px; padding-left: 20px;}
  .nyContactPart01_list ul li .nyContactPart01_title::before { height: 22px;}
  .nyContactPart01_list ul li dl { padding-left: 20px;}
  .nyContactPart01_list ul li dl dd p { min-height: 30px; line-height: 26px; font-size: 16px; padding: 2px 0 2px 26px;}
  .nyContactPart01_list ul li dl dd p i { width: 16px; height: 16px;}

  .nyConPart02_main .nyConPart02_text { padding-right: 60px;}
  .nyConPart02_form dl dt p, .nyConPart02_form dl dd p { font-size: 16px;}
  .nyConPart02_form dl dt button { width: 150px; height: 50px; line-height: 50px;}

  .nyConPart03_con span { font-size: 22px;}

  .nyConPart04_main .nyConPart04_left, .nyConPart04_main .nyConPart04_right { height: 500px;}
  .nyConPart04Left_text p { font-size: 15px;}
  .nyConPart04_right .nyConPart04_text { margin-bottom: 24px;}
  .nyConPart04_text title { line-height: 30px; font-size: 22px;}
  .nyConPart04_text ul li { height: 30px; line-height: 26px; font-size: 16px; padding: 2px 0 2px 26px;}
  .nyConPart04_text ul li i { width: 16px; height: 16px;}
  .nyConPart04_share { font-size: 15px;}

}

@media (max-width:1600px) {
  .nyContactPart01_list { max-height: 560px;}

  .nyConPart02_main .nyConPart02_img { height: 680px;}
}

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

@media (max-width:1440px) {
  .nyContactPart01_map { width: calc(100% - 400px);}
  .nyContactPart01_map dl dd { line-height: 24px; font-size: 14px;}
  .nyContactPart01_list { width: 400px; max-height: 500px; padding: 0 24px 0 48px;}
  .nyContactPart01_list ul li { margin-bottom: 24px; padding-bottom: 24px;}
  .nyContactPart01_list ul li .nyContactPart01_title, .nyConPart03_con span, .nyConPart04_text title { font-size: 20px;}
  .nyContactPart01_list ul li .nyContactPart01_title::before { height: 20px;}
  .nyContactPart01_list ul li dl dd p { font-size: 15px;}
  .nyContactPart01_list::-webkit-scrollbar { width: 3px;}
 
}

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

@media (max-width:1280px) {
  .nyContact_part01, .nyContact_part02, .nyContact_part03, .nyContact_part04 { padding: 60px 0;}

  .nyContactPart01_map { width: calc(100% - 360px);}
  .nyContactPart01_list { width: 360px; max-height: 440px; padding: 0 20px 0 40px;}
  .nyContactPart01_list ul li { margin-bottom: 20px; padding-bottom: 20px;}
  .nyContactPart01_list ul li .nyContactPart01_title { margin-bottom: 10px;}
  .nyContactPart01_list ul li .nyContactPart01_title::before { height: 18px;}
  .nyContactPart01_list ul li dl dd { margin-bottom: 2px;}
  .nyContactPart01_list ul li dl dd p { font-size: 15px; padding: 2px 0 2px 25px;}
  .nyContactPart01_list ul li dl dd p i { width: 15px; height: 15px; top: 8px;}

  .nyConPart02_main .nyConPart02_text { padding-right: 40px;}
  .nyConPart02_form dl { margin: 0 -10px -20px;}
  .nyConPart02_form dl dt, .nyConPart02_form dl dd { padding: 0 10px;}
  .nyConPart02_form dl dt p, .nyConPart02_form dl dd p, .nyConPart02_form dl dd input, .nyConPart02_form dl dt input, .nyContactMsg_select .select_header, .nyContactMsg_select .select_header span, .nyContactMsg_select .select_options .option, .nyConPart02_form dl dt textarea { font-size: 15px;}
  .nyConPart02_main .nyConPart02_img { height: 620px;}

  .nyConPart03_list ul { margin: 0 -15px;}
  .nyConPart03_list ul li { padding: 0 15px;}
  .nyConPart03_con { padding: 30px 15px;}
  .nyConPart03_con i { margin: 0 auto 15px;}
  .nyConPart03_con p { line-height: 25px; font-size: 16px;}
  .nyConPart03_list ul li:nth-child(2) .nyConPart03_con p { line-height: 25px; font-size: 15px;}

  .nyConPart04_main .nyConPart04_right { padding-left: 30px;}

}

@media (max-width:1200px) {
  .nyConPart03_list ul { margin: 0 -10px;}
  .nyConPart03_list ul li { padding: 0 10px;}
  .nyConPart03_con { padding: 30px 10px;}

  .nyConPart04_main .nyConPart04_left, .nyConPart04_main .nyConPart04_right { height: 480px;}
  .nyConPart04_right .nyConPart04_pic { height: 202px;}
}

@media (max-width:1080px) {
  .nyContactPart01_list { max-height: 340px;}

  .nyConPart02_main .nyConPart02_text { padding-right: 30px;}
  .nyConPart02_main .nyConPart02_img { height: 580px;}
  .nyConPart02_form dl dd input, .nyConPart02_form dl dt input, .nyContactMsg_select .select_header, .nyConPart02_form dl dt textarea, .nyContactMsg_select .select_options, .nyConPart02_main .nyConPart02_img, .nyConPart03_con, .nyConPart04_main, .nyConPart04_main .nyConPart04_left, .nyConPart04_right .nyConPart04_pic { border-radius: 8px;}
  .nyConPart03_con { padding: 20px 10px;}
  .nyConPart04_main .nyConPart04_left, .nyConPart04_main .nyConPart04_right { height: 430px;}
  .nyConPart04_left .nyConPart04Left_text { left: 36%;}
  .nyConPart04_right .nyConPart04_pic { height: 182px;}
  .nyConPart04_text title { margin-bottom: 10px;}
  .nyConPart04_right .nyConPart04_text { margin-bottom: 20px;}
  .nyConPart04_text ul li:last-child { margin-bottom: 0;}
}

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

@media (max-width:920px) {
  .nyContact_part01, .nyContact_part02, .nyContact_part03, .nyContact_part04 { padding: 40px 0;}

  .nyContactPart01_main, .nyConPart02_main { display: block; align-items: normal;}
  .nyContactPart01_map { width: 100%; margin-bottom: 20px;}
  .nyContactPart01_list { width: 100%; max-height: inherit; overflow: hidden; padding: 0;}
  .nyContactPart01_list::-webkit-scrollbar { width: 0;}
  .nyContactPart01_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -10px -20px;}
  .nyContactPart01_list ul li { width: 50%; margin-bottom: 20px; padding: 0 10px 20px;}
  .nyContactPart01_list ul li:last-child { margin-bottom: 20px; padding: 0 10px 20px; border-bottom: 1px solid #c4c7cc;}

  .nyConPart02_main .nyConPart02_text { width: 100%; padding-right: 0;}
  .nyConPart02_main .nyConPart02_img { width: 100%; height: 320px; margin-top: 40px;}

  .nyConPart03_con i { width: 32px; height: 32px;}
  .nyConPart03_con span { line-height: 26px; font-size: 18px;}

  .nyConPart04_main { display: block;}
  .nyConPart04_main .nyConPart04_left, .nyConPart04_main .nyConPart04_right { width: 100%; height: auto; padding: 0;}
  .nyConPart04_main .nyConPart04_left { height: 320px; margin-bottom: 20px;}
  .nyConPart04_left .nyConPart04Left_text { left: 36%; top: 38%;}
  .nyConPart04_main .nyConPart04_right { display: flex; align-items: center;}
  .nyConPart04_right .nyConPart04_pic { width: 40%; height: 200px;}
  .nyConPart04_right .nyConPart04_text { width: calc(60% - 20px); margin: 0 0 0 20px; padding: 0; border-bottom: 0;}
  .nyConPart04_share { display: none;}
}

@media (max-width:820px) {
  .nyConPart02_main .nyConPart02_img, .nyConPart04_main .nyConPart04_left { height: 280px;}

}

@media (max-width:767px) {
  .nyContactPart01_map dl dd { line-height: 22px; font-size: 12px;}
  .nyContactPart01_map dl dd i { width: 14px; height: 14px; margin-right: 2px;}
  .nyContactPart01_map dl dd:nth-child(8) i { width: 16px; height: 16px;}
  .nyContactPart01_list ul li { width: 100%;}

  .nyConPart02_form dl { margin: 0 0 -20px;}
  .nyConPart02_form dl dt, .nyConPart02_form dl dd { width: 100%;}
  .nyConPart02_main .nyConPart02_img, .nyConPart04_main .nyConPart04_left { height: 240px;}

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

  .nyConPart04_left .nyConPart04Left_text { left: 32%; top: 26%;}
  .nyConPart04Left_text i { width: 30px; height: 30px;}
  .nyConPart04Left_text::before { width: 22px; height: 4px; margin-left: -11px; top: 28px;}
  .nyConPart04Left_text p { line-height: 20px; font-size: 12px; margin-top: 4px;}
  .nyConPart04_right .nyConPart04_pic { display: none;}
  .nyConPart04_right .nyConPart04_text { width: 100%; margin: 0;}
}

@media (max-width:390px) {
  .nyConPart02_main .nyConPart02_img, .nyConPart04_main .nyConPart04_left { height: 220px;}
}

@media (max-width:320px) {
  .nyConPart02_main .nyConPart02_img, .nyConPart04_main .nyConPart04_left { height: 180px;}
}