/*nyAbout_head start*/
.nyAbout_head { height: 1000px; overflow: hidden; position: relative;}
.nyAbout_head img.big_img { display: block;}
.nyAbout_head img.small_img { display: none;}
.nyAbout_head .nyAboutHead_text { position: absolute; left: 50%; top: 22%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.nyAboutHead_text p { line-height: 1.2; color: #fff; font-family: "Aileron-Bold"; font-size: 72px; margin-bottom: 10px;}
.nyAboutHead_text span { display: block; line-height: 1.5; color: #fff; font-family: "Aileron-Thin"; font-size: 36px;}
.nyAbout_head .nyAboutHead_btn { display: none; text-align: right; position: absolute; left: 50%; bottom: 18%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.nyAboutHead_btn a { display: inline-block; vertical-align: top; height: 80px; line-height: 74px; color: #fff; font-family: "Aileron-Thin"; font-size: 36px; border: 3px solid #fff; border-radius: 40px; padding: 0 40px 0 5px;}
.nyAboutHead_btn a i { width: 64px; height: 64px; overflow: hidden; margin: 5px 20px 5px 0; padding: 14px; border: 3px solid #fff; border-radius: 50%; float: left;}
.nyAboutHead_btn a:hover { background-color: #4fbfdd; border: 3px solid #4fbfdd;}
/*nyAbout_head end*/

.nyAbout_title { margin-bottom: 60px;}
.nyAbout_title p { line-height: 1.2; color: #4d4d4d; font-family: "Aileron-Bold"; font-size: 58px;}
.nyAbout_title i { display: block; width: 70px; height: 6px; background-color: #4fbfdd; margin-top: 20px;}
.nyAbout_title span { display: block; line-height: 1.5; color: #808080; font-family: "Aileron-Thin"; font-size: 24px; margin-top: 40px;}
.nyAbout_title1 p, .nyAbout_title1 span { color: #fff;}

/*nyAbout_part01 start*/
.nyAbout_part01 { overflow: hidden; padding: 120px 0; background-color: #f7f7f7;}
.nyAboutPart01_main .nyAboutPart01_left { width: 50%; padding-right: 60px; float: left;}
.nyAboutPart01_main .nyAboutPart01_right { width: 50%; padding-left: 60px; float: right;}
.nyAboutPart01_con { margin-bottom: 60px;}
.nyAboutPart01_con div:last-child, .nyAboutPart01_con p:last-child { margin-bottom: 0;}
.nyAboutPart01_con, .nyAboutPart01_con div, .nyAboutPart01_con p,
.nyAboutPart01_con div span, .nyAboutPart01_con p span,
.nyAboutPart01_con div font, .nyAboutPart01_con p font { line-height: 1.8 !important; color: #808080 !important; font-family: "Aileron-Thin" !important; font-size: 24px !important;}

.nyAboutPart01_img01, .nyAboutPart01_img02 { width: 100%; height: 860px; overflow: hidden; position: relative;}
.nyAboutPart01_img01 .nyAboutPart01_text01 { position: absolute; top: 60px; right: 60px;}
.nyAboutPart01_text01 p em { display: inline-block; line-height: 200px; color: #fff; font-family: "DIN-Medium"; font-size: 240px; vertical-align: bottom;}
.nyAboutPart01_text01 span { display: block; line-height: 1.5; color: #fff; font-family: "Aileron-Thin"; font-size: 24px; margin-top: 10px;}

.nyAboutPart01_img02 { margin-bottom: 120px;}
.nyAboutPart01_img02 .nyAboutPart01_text02 { position: absolute; right: 60px; bottom: 60px;}
.nyAboutPart01_text02 em { display: inline-block; line-height: 200px; color: #fff; font-family: "DIN-Medium"; font-size: 240px; vertical-align: bottom;}
.nyAboutPart01_text02 span { display: inline-block; line-height: 1.5; color: #fff; font-family: "Aileron-Thin"; font-size: 24px; margin-left: 10px;}

.nyAboutPart01_data dl { display: flex; flex-wrap: wrap; justify-content: left;}
.nyAboutPart01_data dl dd { width: 50%; position: relative;}
.nyAboutPart01_data dl dd:first-child:after { content: ''; display: block; width: 2px; height: 100%; background-color: #ddd; position: absolute; top: 0; right: -1px;}
.nyAboutPart01_data dl dd span { display: block; line-height: 1.2; color: #444; font-family: "Aileron-Thin"; font-size: 30px; text-align: center;}
.nyAboutPart01_data dl dd i { display: block; width: 80px; height: 80px; overflow: hidden; margin: 24px auto; position: relative;}
.nyAboutPart01_data dl dd p { line-height: 1; color: #444; font-family: "DIN-Medium"; font-size: 64px; text-align: center;}
.nyAboutPart01_data dl dd p em { line-height: 1; color: #444; font-family: "DIN-Medium"; font-size: 64px;}
/*nyAbout_part01 end*/


.nyMobile_part01 { display: none;}


/*nyAbout_part02 start*/
.nyAbout_part02 { overflow: hidden; background: url(../images/nyAboutPart02_bg.jpg) center center no-repeat; background-size: cover; position: relative;}
.nyAbout_part02::before { content: ''; display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(7, 29, 51, .5); position: absolute; left: 0; top: 0;}
.nyAboutPart02_main { display: flex; position: relative;}
.nyAboutPart02_main .nyAboutPart02_left { width: 34%; padding: 120px 80px 120px 0;}
.nyAboutPart02_main .nyAboutPart02_right { width: 66%;}
.nyAboutPart02_ms, .nyAboutPart02_ms p { line-height: 1.8; color: #fff; font-family: "Aileron-Thin"; font-size: 24px;}
.nyAboutPart02_right ul { min-height: 100%; display: flex; flex-wrap: wrap; justify-content: left; background-image: linear-gradient(to bottom, rgba(7, 29, 51, 0) 25%, rgba(7, 29, 51, .6));}
.nyAboutPart02_right ul li { width: 33.333333%; padding: 400px 20px 200px; border-left: 1px solid #fff;}
.nyAboutPart02_right ul li:hover { padding: 300px 20px;}
.nyAboutPart02_right ul li i { display: block; width: 140px; height: 140px; overflow: hidden; margin: 0 auto; position: relative;}
.nyAboutPart02_right ul li p { line-height: 1.5; color: #fff; font-family: "Aileron-SemiBold"; font-size: 26px; text-align: center;}
.nyAboutPart02_right ul li span { display: none; line-height: 1.5; color: #fff; font-family: "Aileron-Thin"; font-size: 20px; text-align: center;}
.nyAboutPart02_right ul li:hover p { display: none;}
.nyAboutPart02_right ul li:hover span { display: block;}
/*nyAbout_part02 end*/


.nyMobile_part02 { display: none;}


/*nyAbout_part03 start*/
.nyAbout_part03 { overflow: hidden; padding: 120px 0; position: relative;}
.nyAboutPart03_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px -40px;}
.nyAboutPart03_list ul li { width: 50%; margin-bottom: 40px; padding: 0 20px;}
.nyAboutPart03_con { width: 100%; height: 340px; overflow: hidden; position: relative;}
.nyAboutPart03_con:hover img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyAboutPart03_con::after { content: ''; display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(7, 29, 51, .4); position: absolute; left: 0; top: 0;}
.nyAboutPart03_con p { width: 100%; line-height: 1.5; color: #fff; font-family: "Aileron-SemiBold"; font-size: 36px; text-align: center; padding: 0 40px; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
/*nyAbout_part03 end*/


/*nyAbout_part04 start*/
.nyAbout_part04 { overflow: hidden; margin-top: -320px; padding: 320px 0 120px; background-color: #f7f7f7;}
.nyAboutPart04_map { width: 100%; height: auto; margin: 0 auto; position: relative;}
.nyAboutPart04_map img { display: block; width: 100%; height: auto;}
.nyAboutPart04_map ul li { position: absolute;}
.nyAboutPart04_map ul li:nth-child(1) { left: 20%; top: 28%;}
.nyAboutPart04_map ul li:nth-child(2) { left: 54%; top: 50%;}
.nyAboutPart04_map ul li:nth-child(3) { left: 60%; top: 42%;}
.nyAboutPart04_map ul li:nth-child(4) { left: 69%; top: 47%;}
.nyAboutPart04_map ul li:nth-child(5) { left: 77%; top: 49%;}
.nyAboutPart04_map ul li:nth-child(6) { left: 79%; top: 58%;}
.nyAboutPart04_map ul li:nth-child(7) { left: 81%; top: 37%;}
.nyAboutPart04_map ul li:nth-child(8) { left: 84%; top: 75%;}
.nyAboutPart04_map ul li:nth-child(9) { left: 96%; top: 87%;}
.nyAboutPart04_map ul li i { display: block; width: 22px; height: 22px; overflow: hidden; position: relative;}
.nyAboutPart04_map ul li i::before, .nyAboutPart04_map ul li i::after { content: ''; display: block; background-color: #44b9c0; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.5s; -webkit-transition: all 0.5s;}
.nyAboutPart04_map ul li i::before { width: 0%; height: 0%; opacity: .45;}
.nyAboutPart04_map ul li:hover i::before { width: 100%; height: 100%;}
.nyAboutPart04_map ul li i::after { width: 10px; height: 10px;}
.nyAboutPart04_map ul li p { width: auto; height: 0px; overflow: hidden; line-height: 30px; color: #fff; font-size: 15px; white-space: nowrap; padding: 0 10px; background-color: #44b9c0; border-radius: 3px; position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.nyAboutPart04_map ul li:hover p { height: 30px;}
/*nyAbout_part04 end*/


/*nyAbout_part05 start*/
.nyAbout_part05 { overflow: hidden; padding: 120px 0;}
.nyAboutPart05_text { margin-bottom: 60px;}
.nyAboutPart05_text .nyAboutPart05_tit { line-height: 1.4; color: #444; font-family: "Aileron-Bold"; font-size: 40px; text-align: center; margin-bottom: 20px;}
.nyAboutPart05_text p { max-width: 80%; line-height: 1.8; color: #808080; font-family: "Aileron-Thin"; font-size: 24px; text-align: center; margin: 0 auto;}

.nyAboutPart05_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -16px;}
.nyAboutPart05_list ul li { width: 33.333333%; padding: 0 16px;}
.nyAboutPart05_con { width: 100%; height: 340px; overflow: hidden; position: relative;}
.nyAboutPart05_con:hover img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.nyAboutPart05_con::after { content: ''; display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(7, 29, 51, .2); position: absolute; left: 0; top: 0;}
.nyAboutPart05_con span { display: block; width: 100%; line-height: 1.4; color: #fff; font-family: "Aileron-Bold"; font-size: 45px; text-align: center; padding: 0 20px; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

/*nyAbout_part05 end*/


@media (max-width:1680px) {
  .nyAbout_head { height: 880px;}
  .nyAboutHead_text p { font-size: 64px;}
  .nyAboutHead_text span { font-size: 32px;}
  .nyAbout_head .nyAboutHead_btn { bottom: 15%;}
  .nyAboutHead_btn a { height: 72px; line-height: 68px; font-size: 32px; border: 2px solid #fff; border-radius: 36px; padding: 0 30px 0 5px;}
  .nyAboutHead_btn a i { width: 58px; height: 58px; margin: 5px 20px 5px 0; border: 2px solid #fff;}
  .nyAboutHead_btn a:hover { border: 2px solid #4fbfdd;}
  
  .nyAbout_title { margin-bottom: 50px;}
  .nyAbout_title p { font-size: 54px;}
  .nyAbout_title i { width: 60px; height: 5px;}
  .nyAbout_title span { font-size: 22px;}

  .nyAbout_part01 { padding: 100px 0;}
  .nyAboutPart01_main .nyAboutPart01_left { padding-right: 50px;}
  .nyAboutPart01_main .nyAboutPart01_right { padding-left: 50px;}
  .nyAboutPart01_con { margin-bottom: 50px;}
  .nyAboutPart01_con, .nyAboutPart01_con div, .nyAboutPart01_con p, .nyAboutPart01_con div span, .nyAboutPart01_con p span, .nyAboutPart01_con div font, .nyAboutPart01_con p font { font-size: 22px !important;}
  .nyAboutPart01_img01, .nyAboutPart01_img02 { height: 820px;}
  .nyAboutPart01_img02 { margin-bottom: 100px;}
  .nyAboutPart01_text01 p em, .nyAboutPart01_text02 em { line-height: 180px; font-size: 220px;}
  .nyAboutPart01_text01 span, .nyAboutPart01_text02 span { font-size: 22px;}
  .nyAboutPart01_data dl dd:first-child:after { width: 1px; right: 0;}
  .nyAboutPart01_data dl dd span { font-size: 26px;}
  .nyAboutPart01_data dl dd p, .nyAboutPart01_data dl dd p em { font-size: 60px;}

  .nyAboutPart02_main .nyAboutPart02_left { padding: 100px 60px 100px 0;}
  .nyAboutPart02_ms, .nyAboutPart02_ms p { font-size: 22px;}
  .nyAboutPart02_right ul li { padding: 360px 20px 180px;}
  .nyAboutPart02_right ul li:hover { padding: 270px 20px;}
  .nyAboutPart02_right ul li p { font-size: 24px;}
  .nyAboutPart02_right ul li span { font-size: 18px;}

  .nyAbout_part03 { padding: 100px 0;}
  .nyAboutPart03_con p { font-size: 32px;}

  .nyAbout_part04 { margin-top: -300px; padding: 300px 0 100px;}

  .nyAbout_part05 { padding: 100px 0;}
  .nyAboutPart05_text { margin-bottom: 50px;}
  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 36px;}
  .nyAboutPart05_text p { font-size: 22px;}
  .nyAboutPart05_con { height: 320px;}
  .nyAboutPart05_con span { font-size: 40px;}
}

@media (max-width:1600px) {
  .nyAbout_head { height: 840px;}
}

@media (max-width:1560px) {
  .nyAbout_head { height: 820px;}

  .nyAboutPart02_right ul li { padding: 320px 20px 160px;}
  .nyAboutPart02_right ul li:hover { padding: 240px 20px;}

  .nyAboutPart03_con { height: 320px;}

  .nyAboutPart05_con { height: 300px;}
  .nyAboutPart05_con span { font-size: 36px;}
}

@media (max-width:1440px) {
  .nyAbout_head { height: 750px;}
  .nyAboutHead_text p { font-size: 60px; margin-bottom: 0;}
  .nyAboutHead_text span { font-size: 30px;}
  .nyAbout_head .nyAboutHead_btn { bottom: 12%;}
  .nyAboutHead_btn a { height: 64px; line-height: 60px; font-size: 28px; border-radius: 32px; padding: 0 30px 0 5px;}
  .nyAboutHead_btn a i { width: 50px; height: 50px; padding: 12px;}

  .nyAbout_title { margin-bottom: 40px;}
  .nyAbout_title p { font-size: 50px;}
  .nyAbout_title i { width: 60px; height: 4px; margin-top: 10px;}
  .nyAbout_title span { font-size: 20px; margin-top: 30px;}

  .nyAbout_part01 { padding: 80px 0;}
  .nyAboutPart01_main .nyAboutPart01_left { padding-right: 40px;}
  .nyAboutPart01_main .nyAboutPart01_right { padding-left: 40px;}
  .nyAboutPart01_con { margin-bottom: 40px;}
  .nyAboutPart01_con, .nyAboutPart01_con div, .nyAboutPart01_con p, .nyAboutPart01_con div span, .nyAboutPart01_con p span, .nyAboutPart01_con div font, .nyAboutPart01_con p font { font-size: 20px !important;}
  .nyAboutPart01_img01, .nyAboutPart01_img02 { height: 760px;}
  .nyAboutPart01_img02 { margin-bottom: 80px;}
  .nyAboutPart01_img01 .nyAboutPart01_text01 { top: 50px; right: 50px;}
  .nyAboutPart01_img02 .nyAboutPart01_text02 { right: 50px; bottom: 50px;}
  .nyAboutPart01_text01 p em, .nyAboutPart01_text02 em { line-height: 160px; font-size: 200px;}
  .nyAboutPart01_text01 span, .nyAboutPart01_text02 span { font-size: 20px;}
  .nyAboutPart01_data dl dd span { font-size: 24px;}
  .nyAboutPart01_data dl dd p, .nyAboutPart01_data dl dd p em { font-size: 54px;}

  .nyAboutPart02_main .nyAboutPart02_left { padding: 80px 40px 80px 0;}
  .nyAboutPart02_ms, .nyAboutPart02_ms p { font-size: 20px;}
  .nyAboutPart02_right ul li { padding: 240px 20px 120px;}
  .nyAboutPart02_right ul li:hover { padding: 180px 20px;}
  .nyAboutPart02_right ul li p { font-size: 22px;}
  .nyAboutPart02_right ul li span { font-size: 16px;}

  .nyAbout_part03 { padding: 80px 0;}
  .nyAboutPart03_con { height: 300px;}
  .nyAboutPart03_con p { font-size: 30px; padding: 0 30px;}

  .nyAbout_part04 { margin-top: -250px; padding: 250px 0 80px;}
  .nyAboutPart04_map dl dt, .nyAboutPart04_map dl dd { min-height: 24px; line-height: 24px; font-size: 14px; padding-left: 24px;}
  .nyAboutPart04_map dl dd::before { width: 14px; height: 14px;}
  .nyAboutPart04_map dl dt i { width: 18px; height: 18px;}

  .nyAbout_part05 { padding: 80px 0;}
  .nyAboutPart05_text { margin-bottom: 40px;}
  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 32px;}
  .nyAboutPart05_text p { font-size: 20px;}
  .nyAboutPart05_con { height: 280px;}
  .nyAboutPart05_con span { font-size: 32px;}

}

@media (max-width:1366px) {
  .nyAbout_head { height: 712px;}
  .nyAboutHead_text p { font-size: 54px;}
  .nyAboutHead_text span { font-size: 28px;}

  .nyAboutPart03_list ul { margin: 0 -15px -30px;}
  .nyAboutPart03_list ul li { margin-bottom: 30px; padding: 0 15px;}
  .nyAboutPart03_con { height: 280px;}

  .nyAbout_part04 { margin-top: -220px; padding: 220px 0 80px;}

  .nyAboutPart05_list ul { margin: 0 -15px;}
  .nyAboutPart05_list ul li { padding: 0 15px;}
  .nyAboutPart05_con { height: 260px;}
  .nyAboutPart05_con span { font-size: 30px;}
}

@media (max-width:1280px) {
  .nyAbout_head { height: 640px;}
  .nyAboutHead_text p { font-size: 50px; margin-bottom: 5px;}
  .nyAboutHead_text span { font-size: 24px;}
  .nyAbout_head .nyAboutHead_btn { bottom: 10%;}
  .nyAboutHead_btn a { height: 56px; line-height: 52px; font-size: 24px; border-radius: 28px;}
  .nyAboutHead_btn a i { width: 42px; height: 42px; padding: 10px;}

  .nyAbout_title { margin-bottom: 30px;}
  .nyAbout_title p { font-size: 44px;}
  .nyAbout_title i { width: 48px; height: 3px; margin-top: 10px;}
  .nyAbout_title span { font-size: 18px; margin-top: 20px;}

  .nyAbout_part01 { padding: 60px 0;}
  .nyAboutPart01_main .nyAboutPart01_left { padding-right: 30px;}
  .nyAboutPart01_main .nyAboutPart01_right { padding-left: 30px;}
  .nyAboutPart01_con { margin-bottom: 30px;}
  .nyAboutPart01_con, .nyAboutPart01_con div, .nyAboutPart01_con p, .nyAboutPart01_con div span, .nyAboutPart01_con p span, .nyAboutPart01_con div font, .nyAboutPart01_con p font { font-size: 18px !important;}
  .nyAboutPart01_img01, .nyAboutPart01_img02 { height: 700px;}
  .nyAboutPart01_img02 { margin-bottom: 60px;}
  .nyAboutPart01_img01 .nyAboutPart01_text01 { top: 40px; right: 40px;}
  .nyAboutPart01_img02 .nyAboutPart01_text02 { right: 40px; bottom: 40px;}
  .nyAboutPart01_text01 p em, .nyAboutPart01_text02 em { line-height: 140px; font-size: 180px;}
  .nyAboutPart01_text01 span, .nyAboutPart01_text02 span { font-size: 18px;}
  .nyAboutPart01_data dl dd span { font-size: 22px;}
  .nyAboutPart01_data dl dd i { margin: 20px auto;}
  .nyAboutPart01_data dl dd p, .nyAboutPart01_data dl dd p em { font-size: 48px;}

  .nyAboutPart02_main .nyAboutPart02_left { width: 32%; padding: 60px 40px 60px 0;}
  .nyAboutPart02_ms, .nyAboutPart02_ms p { font-size: 18px;}
  .nyAboutPart02_main .nyAboutPart02_right { width: 68%;}
  .nyAboutPart02_right ul li { padding: 200px 20px 100px;}
  .nyAboutPart02_right ul li:hover { padding: 150px 20px;}
  .nyAboutPart02_right ul li i { width: 120px; height: 120px;}
  .nyAboutPart02_right ul li p { font-size: 20px;}
  .nyAboutPart02_right ul li span { font-size: 14px;}

  .nyAbout_part03 { padding: 60px 0;}
  .nyAboutPart03_con { height: 260px;}
  .nyAboutPart03_con p { font-size: 28px; padding: 0 20px;}

  .nyAbout_part04 { margin-top: -180px; padding: 180px 0 60px;}

  .nyAbout_part05 { padding: 60px 0;}
  .nyAboutPart05_text { margin-bottom: 30px;}
  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 30px;}
  .nyAboutPart05_text p { font-size: 18px;}
  .nyAboutPart05_con { height: 250px;}
  .nyAboutPart05_con span { font-size: 28px;}
  
}

@media (max-width:1200px) {
  .nyAbout_head { height: 620px;}
  .nyAboutHead_text p { font-size: 48px;}

  .nyAbout_title p { font-size: 40px;}

  .nyAboutPart02_main .nyAboutPart02_left { width: 30%;}
  .nyAboutPart02_main .nyAboutPart02_right { width: 70%;}

  .nyAboutPart03_con { height: 240px;}
  .nyAboutPart03_con p { font-size: 26px;}
  
  .nyAboutPart05_con { height: 230px;}
  .nyAboutPart05_con span { font-size: 26px;}
}

@media (max-width:1080px) {
  .nyAbout_head { height: 600px;}
  .nyAboutHead_text p { font-size: 44px;}
  .nyAboutHead_text span { font-size: 22px;}
  .nyAboutHead_btn a { height: 50px; line-height: 48px; font-size: 22px; padding: 0 20px 0 4px; border-radius: 25px; border: 1px solid #fff;}
  .nyAboutHead_btn a i { width: 40px; height: 40px; padding: 10px; margin: 4px 12px 4px 0; border: 1px solid #fff;}

  .nyMobile_title, .nyAbout_title { margin-bottom: 30px;}
  .nyMobile_title p, .nyAbout_title p { line-height: 1.2; color: #4d4d4d; font-family: "Aileron-Bold"; font-size: 44px; text-align: center;}
  .nyMobile_title i, .nyAbout_title i { display: block; width: 60px; height: 4px; background-color: #4fbfdd; margin: 15px auto 0;}
  .nyMobile_title span, .nyAbout_title span { display: block; line-height: 1.5; color: #808080; font-family: "Aileron-Regular"; font-size: 18px; text-align: center; margin-top: 30px;}

  .nyAbout_part01 { display: none;}
  .nyMobile_part01 { display: block; overflow: hidden; padding: 60px 0;}
  .nyMobilePart01_con { margin-bottom: 40px;}
  .nyMobilePart01_con, .nyMobilePart01_con div, .nyMobilePart01_con p, .nyMobilePart01_con div span, .nyMobilePart01_con p span, .nyMobilePart01_con div font, .nyMobilePart01_con p font { line-height: 1.8 !important; color: #808080 !important; font-family: "Aileron-Regular" !important; font-size: 20px !important;}

  .nyMobilePart01_main .nyMobilePart01_left { width: 50%; padding-right: 20px; float: left;}
  .nyMobilePart01_main .nyMobilePart01_right { width: 50%; padding-left: 20px; float: right;}
  .nyMobilePart01_img01 { width: 100%; height: 510px; overflow: hidden; position: relative;}
  .nyMobilePart01_img02 { width: 100%; height: 300px; overflow: hidden; margin-bottom: 30px; position: relative;}
  .nyMobilePart01_img01 .nyMobilePart01_text01, .nyMobilePart01_img02 .nyMobilePart01_text02 { position: absolute; top: 40px; right: 40px;}
  .nyMobilePart01_text01 p em, .nyMobilePart01_text02 em { display: block; line-height: 110px; color: #fff; font-family: "DIN-Medium"; font-size: 140px; vertical-align: bottom; text-align: right;}
  .nyMobilePart01_text01 span, .nyMobilePart01_text02 span { display: block; line-height: 1.5; color: #fff; font-family: "Aileron-Regular"; font-size: 20px; text-align: right; margin-top: 10px;}  
  
  .nyMobilePart01_data dl { display: flex; flex-wrap: wrap; justify-content: left;}
  .nyMobilePart01_data dl dd { width: 50%; position: relative;}
  .nyMobilePart01_data dl dd:first-child:after { content: ''; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 0; right: 0;}
  .nyMobilePart01_data dl dd span { display: block; line-height: 1.2; color: #444; font-family: "Aileron-Regular"; font-size: 20px; text-align: center;}
  .nyMobilePart01_data dl dd i { display: block; width: 64px; height: 64px; overflow: hidden; margin: 20px auto; position: relative;}
  .nyMobilePart01_data dl dd p, .nyMobilePart01_data dl dd p em { line-height: 1; color: #444; font-family: "DIN-Medium"; font-size: 44px; text-align: center;}
  
  .nyAbout_part02 { display: none;}
  .nyMobile_part02 { display: block; overflow: hidden; padding: 60px 0;}
  .nyMobilePart02_swiper { overflow: hidden; padding: 40px 0; background: url(../images/nyAboutPart02_bg.jpg) center center no-repeat; background-size: cover; position: relative;}
  .nyMobilePart02_swiper::before { content: ''; display: block; width: 100%; height: 100%; overflow: hidden; background-color: rgba(7, 29, 51, .5); position: absolute; left: 0; top: 0;}
  .nyMobilePart02_swiper .swiper-container { padding-bottom: 40px;}
  .nyMobilePart02_swiper .swiper-slide i { display: block; width: 140px; height: 140px; overflow: hidden; margin: 0 auto; position: relative;}
  .nyMobilePart02_swiper .swiper-slide p { max-width: 72%; line-height: 1.4; color: #fff; font-family: "Aileron-SemiBold"; font-size: 36px; text-align: center; margin: 0 auto;}
  .nyMobilePart02_swiper .swiper-slide span { display: block; max-width: 72%; line-height: 1.5; color: #fff; font-family: "Aileron-Regular"; font-size: 20px; text-align: center; margin: 20px auto 0;}
  .nyMobilePart02_swiper .swiper-pagination { width: 100%; height: 8px; left: 0; bottom: 40px !important;}
  .nyMobilePart02_swiper .swiper-pagination span { width: 8px; height: 8px; background-color: #fff; border-radius: 50%; margin: 0 4px; opacity: .3; vertical-align: top;}
  .nyMobilePart02_swiper .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1;}

  .nyAboutPart03_list ul { margin: 0;}
  .nyAboutPart03_list ul li { margin-bottom: 0; padding: 0;}

  .nyAboutPart04_map dl dt, .nyAboutPart04_map dl dd { min-height: 22px; line-height: 22px; font-size: 12px; padding-left: 22px;}
  .nyAboutPart04_map dl dd { margin-bottom: 4px;}
  .nyAboutPart04_map dl dd::before { width: 12px; height: 12px;}
  .nyAboutPart04_map dl dt i { width: 16px; height: 16px;}

  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 32px;}
  .nyAboutPart05_text p { max-width: 100%; font-size: 20px;}
  .nyAboutPart05_list ul { margin: 0 -10px;}
  .nyAboutPart05_list ul li { padding: 0 10px;}
  .nyAboutPart05_con { height: 210px;}
  .nyAboutPart05_con span { font-size: 24px;}
}

@media (max-width:1024px) {
  .nyAbout_head { height: 560px;}

  .nyAboutPart05_con { height: 200px;}
}

@media (max-width:920px) {
  .nyAbout_head { height: 500px; margin-top: 80px;}
  .nyAbout_head .nyAboutHead_text { top: 15%;}

  .nyMobile_title p, .nyAbout_title p { font-size: 40px;}
  .nyMobile_title span, .nyAbout_title span { font-size: 18px;}

  .nyMobilePart01_main .nyMobilePart01_left { padding-right: 15px;}
  .nyMobilePart01_main .nyMobilePart01_right { padding-left: 15px;}
  .nyMobilePart01_con, .nyMobilePart01_con div, .nyMobilePart01_con p, .nyMobilePart01_con div span, .nyMobilePart01_con p span, .nyMobilePart01_con div font, .nyMobilePart01_con p font { font-size: 18px !important;}
  .nyMobilePart01_text01 span, .nyMobilePart01_text02 span, .nyMobilePart01_data dl dd span { font-size: 18px;}
  .nyMobilePart01_data dl dd p, .nyMobilePart01_data dl dd p em { font-size: 40px;}

  .nyMobilePart02_swiper .swiper-slide p { font-size: 32px;}
  .nyMobilePart02_swiper .swiper-slide span { font-size: 18px;}

  .nyAbout_part03 .w1600 { width: 100%;}

  .nyAbout_part04 { margin-top: -60px; padding: 60px 0;}

  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 30px;}
  .nyAboutPart05_text p { font-size: 18px;}
  .nyAboutPart05_con { height: 180px;}
  .nyAboutPart05_con span { font-size: 22px;}
}

@media (max-width:820px) {
  .nyAbout_head { height: 440px;}
  .nyAbout_head .nyAboutHead_text { top: 12%;}
  .nyAboutHead_text p { font-size: 40px;}
  .nyAboutHead_text span, .nyAboutHead_btn a { font-size: 20px;}

  .nyMobile_title p, .nyAbout_title p { font-size: 36px;}

  .nyMobilePart01_main .nyMobilePart01_left { padding-right: 10px;}
  .nyMobilePart01_main .nyMobilePart01_right { padding-left: 10px;}

  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 28px;}
  .nyAboutPart05_con { height: 160px;}
  .nyAboutPart05_con span { font-size: 20px;}
}

@media (max-width:767px) {
  .nyAbout_head { height: 600px;}
  .nyAbout_head img.big_img { display: none;}
  .nyAbout_head img.small_img { display: block;}
  .nyAbout_head .nyAboutHead_text { top: 15%;}
  .nyAboutHead_text p { font-size: 30px; text-align: center; margin-bottom: 10px;}
  .nyAboutHead_text span { font-size: 16px; text-align: center;}
  .nyAbout_head .nyAboutHead_btn { text-align: center; bottom: 15%;}
  .nyAboutHead_btn a { height: 44px; line-height: 42px; font-size: 16px;}
  .nyAboutHead_btn a i { width: 34px; height: 34px; padding: 9px;}

  .nyMobile_title, .nyAbout_title { margin-bottom: 20px;}
  .nyMobile_title p, .nyAbout_title p { font-size: 32px;}
  .nyMobile_title i, .nyAbout_title i { width: 45px; height: 3px; margin: 10px auto 0;}
  .nyMobile_title span, .nyAbout_title span { margin-top: 20px;}

  .nyMobile_part01 { padding: 40px 0;}
  .nyMobilePart01_con { margin-bottom: 24px;}
  .nyMobilePart01_main .nyMobilePart01_left { padding-right: 5px;}
  .nyMobilePart01_main .nyMobilePart01_right { padding-left: 5px;}
  .nyMobilePart01_img01 { height: 300px;}
  .nyMobilePart01_img02 { height: 160px; margin-bottom: 20px;}
  .nyMobilePart01_img01 .nyMobilePart01_text01, .nyMobilePart01_img02 .nyMobilePart01_text02 { width: 100%; padding: 20px 20px 0; top: 0; right: 0;}
  .nyMobilePart01_text01 p em, .nyMobilePart01_text02 em { line-height: 50px; font-size: 70px;}
  .nyMobilePart01_text01 span, .nyMobilePart01_text02 span, .nyMobilePart01_data dl dd span { font-size: 12px;}
  .nyMobilePart01_data dl dd i { width: 44px; height: 44px; margin: 10px auto;}
  .nyMobilePart01_data dl dd p, .nyMobilePart01_data dl dd p em { font-size: 22px;}

  .nyMobile_part02 { padding: 40px 0;}
  .nyMobilePart02_swiper .swiper-slide p { max-width: 90%; font-size: 22px;}
  .nyMobilePart02_swiper .swiper-slide span { max-width: 90%; font-size: 14px;}

  .nyAbout_part03 { padding: 40px 0;}
  .nyAboutPart03_con { height: 260px;}
  .nyAboutPart03_con p { font-size: 18px; padding: 0 10px;}

  .nyAbout_part04 { margin-top: -40px; padding: 40px 0;}
  .nyAboutPart04_map dl { margin-top: 20px; position: inherit; left: inherit; bottom: inherit;}

  .nyAbout_part05 { padding: 40px 0;}
  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 22px; margin-bottom: 10px;}
  .nyAboutPart05_list ul { margin: 0 0 -20px;}
  .nyAboutPart05_list ul li { width: 100%; margin-bottom: 20px; padding: 0 0;}
  .nyAboutPart05_con { height: 250px;}
  .nyAboutPart05_con span { font-size: 32px;}
}

@media (max-width:390px) {
  .nyAbout_head { height: 560px; margin-top: 64px;}

  .nyMobilePart01_data dl dd p, .nyMobilePart01_data dl dd p em { font-size: 20px;}

  .nyAboutPart03_con { height: 250px;}

  .nyAboutPart05_con { height: 230px;}
  .nyAboutPart05_con span { font-size: 28px;}
  
}

@media (max-width:320px) {
  .nyAbout_head { height: 460px;}
  .nyAbout_head .nyAboutHead_text { top: 12%;}
  .nyAboutHead_text p { font-size: 24px;}
  .nyAboutHead_text span { font-size: 14px;}
  .nyAbout_head .nyAboutHead_btn { bottom: 12%;}
  .nyAboutHead_btn a { height: 40px; line-height: 38px; font-size: 14px;}
  .nyAboutHead_btn a i { width: 30px; height: 30px; padding: 7px;}
  
  .nyMobile_title p, .nyAbout_title p { font-size: 26px;}
  .nyMobile_title span, .nyAbout_title span { font-size: 16px;}

  .nyMobilePart01_con, .nyMobilePart01_con div, .nyMobilePart01_con p, .nyMobilePart01_con div span, .nyMobilePart01_con p span, .nyMobilePart01_con div font, .nyMobilePart01_con p font { font-size: 16px !important;}
  .nyMobilePart01_img01 { height: 280px;}
  .nyMobilePart01_img02 { height: 140px;}

  .nyMobilePart02_swiper .swiper-slide p { font-size: 18px;}
  .nyMobilePart02_swiper .swiper-slide span { font-size: 12px; margin: 10px auto 0;}

  .nyAboutPart03_con { height: 220px;}
  .nyAboutPart03_con p { font-size: 14px;}

  .nyAboutPart05_text .nyAboutPart05_tit { font-size: 20px;}
  .nyAboutPart05_text p { font-size: 16px;}
  .nyAboutPart05_con { height: 180px;}
  .nyAboutPart05_con span { font-size: 24px;}
}