﻿

.nyAb_title { line-height: 1; color: #333; font-size: 36px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 50px;}

/*nyAb_Profile start*/
.nyAb_Profile { padding: 90px 0 70px; overflow: hidden; background: #fff url(../images/nyAb_bg.png) center 90px no-repeat; background-size: 89%;}
.nyAb_Profile .nyAbProfile_con { line-height: 1.8; color: #777; font-family: 'Arial'; font-size: 16px;}
.nyAbProfile_con div, .nyAbProfile_con p { line-height: 1.8; color: #777; font-family: 'Arial'; font-size: 16px; margin-bottom: 20px;}
.nyAbProfile_con span, .nyAbProfile_con span, .nyAbProfile_con div span, .nyAbProfile_con p span { color: #777 !important; font-family: 'Arial' !important; font-size: 16px !important;}
/*nyAb_Profile end*/

/*nyAb_Data start*/
.nyAb_Data { padding: 80px 0; overflow: hidden; background: #f1f3f8 url(../images/nyAb_bg1.png) center center no-repeat; background-size: cover;}
.nyAb_Data ul { display: flex; align-items: center; justify-content: center; margin: 0 -80px;}
.nyAb_Data ul li { display: flex; align-items: center; padding: 0 80px;}
.nyAb_Data ul li p { margin-right: 20px; padding-right: 20px; border-right: 2px solid #fff; position: relative;}
.nyAb_Data ul li p::before { content: ''; display: block; width: 60px; height: 60px; background-color: rgba(0, 0, 0, .1); border-radius: 50%; position: absolute; left: -15px; top: -15px;}
.nyAb_Data ul li p em { display: block; line-height: .8; color: #fff; font-size: 84px; font-weight: bold; position: relative;}
.nyAb_Data ul li span { line-height: 1.4; color: #fff; font-size: 18px;}
/*nyAb_Data end*/

/*nyAb_Honor start*/
.nyAb_Honor { padding: 90px 0 70px; overflow: hidden;}
.nyAbHonor_swiper { height: 500px; padding: 0 70px; position: relative;}
.nyAbHonor_swiper .swiper-container { height: 100%; margin: -20px auto; padding: 20px;}
.nyAbHonor_swiper .swiper-slide { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nyAbHonor_swiper .swiper-slide:hover { margin-top: -10px;}
.nyAbHonor_swiper .swiper-slide a { display: block; height: 100%; overflow: hidden; padding: 40px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .04);}
.nyAbHonor_swiper .swiper-slide:hover a { box-shadow: 0 0 20px rgba(15, 170, 198, .1);}
.nyAbHonor_swiper .swiper-slide a p { height: calc(100% - 50px); overflow: hidden; position: relative; margin-bottom: 20px;}
.nyAbHonor_swiper .swiper-slide a span { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #555; font-size: 18px; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis;}
.nyAbHonor_swiper .swiper-slide:hover a span { color: #0faac6;}

.nyAbHonor_swiper .swiper-button-prev, .nyAbHonor_swiper .swiper-button-next { width: 70px; height: 70px; margin-top: -35px; padding: 22px; background: #f1f3f8; border-radius: 50%;}
.nyAbHonor_swiper .swiper-button-prev { left: -35px;}
.nyAbHonor_swiper .swiper-button-next { right: -35px;}
.nyAbHonor_swiper .swiper-button-prev:hover, .nyAbHonor_swiper .swiper-button-next:hover { background: #0faac6;}
.nyAbHonor_swiper .swiper-button-prev:hover svg path, .nyAbHonor_swiper .swiper-button-next:hover svg path { fill: #ffffff;}
.nyAbHonor_swiper .swiper-button-disabled { opacity: .5 !important;}
/*nyAb_Honor end*/

/*nyAb_Culture start*/
.nyAb_Culture { padding: 90px 0 140px; background-color: #f1f3f8;}
.nyAb_Culture ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px;}
.nyAb_Culture ul li { width: 33.333333%; padding: 0 20px;}
.nyAb_Culture ul li .ico { width: 360px; height: 360px; margin: 0 auto; padding: 24px; background-color: rgba(15, 170, 198, 0); border: 1px solid rgba(15, 170, 198, .25); border-radius: 50%; position: relative;}
.nyAb_Culture ul li .ico::after { content: ''; display: block; width: 6px; height: 6px; margin-left: -3px; background-color: #0faac6; border-radius: 50%; position: absolute; left: 50%; top: -3px;}
.nyAb_Culture ul li:nth-child(2) .ico::after { top: inherit; bottom: -3px;}
.nyAb_Culture ul li:hover .ico { background-color: rgba(15, 170, 198, .1); border: 1px solid rgba(15, 170, 198, 0);}
.nyAb_Culture ul li .ico p { width: 100%; height: 100%; background-color: rgba(15, 170, 198, 0); border: 1px solid #0faac6; border-radius: 50%; padding: 60px 40px;}
.nyAb_Culture ul li:hover .ico p { background-color: #0faac6;}
.nyAb_Culture ul li .ico p i { display: block; width: 110px; height: 110px; overflow: hidden; margin: 0 auto 40px;}
.nyAb_Culture ul li .ico p span { display: block; line-height: 1; color: #333; font-size: 30px; font-weight: bold; text-transform: capitalize; text-align: center;}
.nyAb_Culture ul li:hover .ico p i svg path { fill: #ffffff;}
.nyAb_Culture ul li:hover .ico p span { color: #fff;}
.nyAb_Culture ul li .ms { max-width: 360px; line-height: 1.6; color: #777; font-size: 16px; text-align: center; margin: 30px auto 0;}
/*nyAb_Culture end*/

@media (max-width:1680px) {
  .nyAb_title { margin-bottom: 40px;}
  .nyAb_Profile { padding: 80px 0 60px;}

  .nyAb_Data { padding: 60px 0;}
  .nyAb_Data ul li p em { font-size: 75px;}
  .nyAb_Data ul li p::before { width: 56px; height: 56px;}
  .nyAb_Data ul li span { line-height: 1.8; font-size: 16px;}

  .nyAb_Honor { padding: 80px 0 60px;}
  .nyAbHonor_swiper { height: 460px; padding: 0 60px;}
  .nyAbHonor_swiper .swiper-slide a { padding: 30px;}
  .nyAbHonor_swiper .swiper-button-prev, .nyAbHonor_swiper .swiper-button-next { width: 60px; height: 60px; margin-top: -30px; padding: 20px;}
  .nyAbHonor_swiper .swiper-button-prev { left: -30px;}
  .nyAbHonor_swiper .swiper-button-next { right: -30px;}

  .nyAb_Culture { padding: 80px 0 120px;}
  .nyAb_Culture ul li .ico { width: 320px; height: 320px;}
  .nyAb_Culture ul li .ico p i { width: 100px; height: 100px; margin: 0 auto 24px;}
  .nyAb_Culture ul li .ico p span { font-size: 26px;}
  .nyAb_Culture ul li .ms { max-width: 320px;}
    
}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyAb_title { font-size: 34px; margin-bottom: 30px;}
  .nyAb_Profile { padding: 60px 0 40px;}
  .nyAbProfile_con div, .nyAbProfile_con p { margin-bottom: 16px;}

  .nyAb_Data { padding: 48px 0;}
  .nyAb_Data ul li p em { font-size: 66px;}
  .nyAb_Data ul li p::before { width: 50px; height: 50px;}

  .nyAb_Honor { padding: 60px 0 40px;}
  .nyAbHonor_swiper { height: 450px;}
  .nyAbHonor_swiper .swiper-button-prev { left: -10px;}
  .nyAbHonor_swiper .swiper-button-next { right: -10px;}

  .nyAb_Culture { padding: 60px 0 100px;}
  .nyAb_Culture ul li .ico { width: 300px; height: 300px;}
  .nyAb_Culture ul li .ico p { padding: 56px 40px;}
  .nyAb_Culture ul li .ico p i { width: 90px; height: 90px; margin: 0 auto 20px;}
  .nyAb_Culture ul li .ms { max-width: 100%;}
}

@media (max-width:1366px) {
  .nyAbHonor_swiper { height: 440px;}
  
  .nyAb_Culture ul li .ico p span { font-size: 24px;}
  .nyAb_Culture ul li .ms { margin: 20px auto 0;}
}

@media (max-width:1280px) {
  .nyAb_title { font-size: 32px;}

  .nyAb_Data ul li p em { font-size: 60px;}
  .nyAb_Data ul li p::before { width: 48px; height: 48px;}
  .nyAb_Data ul li span { line-height: 1.6; font-size: 15px;}

  .nyAbHonor_swiper { height: 420px;}
}

@media (max-width:1200px) {
  .nyAbProfile_con div, .nyAbProfile_con p { margin-bottom: 12px;}

  .nyAb_Culture ul li .ico { width: 280px; height: 280px; padding: 20px;}
  .nyAb_Culture ul li .ico p i { width: 80px; height: 80px;}
}

@media (max-width:1080px) {
  .nyAbHonor_swiper { height: 380px; padding: 0 50px;}
  .nyAbHonor_swiper .swiper-slide a { padding: 20px;}

  .nyAb_Culture ul li .ico { width: 240px; height: 240px;}
  .nyAb_Culture ul li .ico p { padding: 46px 20px;}
  .nyAb_Culture ul li .ico p i { width: 64px; height: 64px;}
  .nyAb_Culture ul li .ico p span { font-size: 20px;}
  .nyAb_Culture ul li .ms { line-height: 1.4; font-size: 15px;}
}

@media (max-width:1024px) {
  .nyAbHonor_swiper { height: 360px; padding: 0 40px;}
  .nyAbHonor_swiper .swiper-button-prev, .nyAbHonor_swiper .swiper-button-next { width: 50px; height: 50px; margin-top: -25px; padding: 17px;}
}

@media (max-width:920px) {
  .nyAb_title { font-size: 30px; margin-bottom: 20px;}

  .nyAb_Profile { padding: 40px 0 20px;}

  .nyAb_Data { padding: 40px 0;}
  .nyAb_Data ul { margin: 0 -50px;}
  .nyAb_Data ul li { padding: 0 50px;}
  .nyAb_Data ul li p em { font-size: 52px;}
  .nyAb_Data ul li p::before { width: 40px; height: 40px; left: -10px; top: -10px;}

  .nyAb_Honor { padding: 40px 0 20px;}
  .nyAbHonor_swiper { height: 350px;}

  .nyAb_Culture { padding: 40px 0 75px;}
  .nyAb_Culture ul li .ico { width: 200px; height: 200px; padding: 16px;}
  .nyAb_Culture ul li .ico p { padding: 39px 16px;}
  .nyAb_Culture ul li .ico p i { width: 60px; height: 60px; margin: 0 auto 10px;}
  .nyAb_Culture ul li .ico p span { font-size: 18px;}
}

@media (max-width:820px) {
  .nyAb_Data ul { margin: 0 -40px;}
  .nyAb_Data ul li { padding: 0 40px;}

  .nyAbHonor_swiper { height: 320px;}
  .nyAbHonor_swiper .swiper-slide a { padding: 10px;}
  .nyAbHonor_swiper .swiper-slide a p { height: calc(100% - 40px); margin-bottom: 10px;}
  .nyAbHonor_swiper .swiper-slide a span { font-size: 16px;}

  .nyAb_Culture ul { margin: 0 -12px;}
  .nyAb_Culture ul li { padding: 0 12px;}
  .nyAb_Culture ul li .ico { width: 180px; height: 180px; padding: 12px;}
  .nyAb_Culture ul li .ico p { padding: 36px 12px;}
  .nyAb_Culture ul li .ico p i { width: 54px; height: 54px;}
  .nyAb_Culture ul li .ms { line-height: 1.6; font-size: 14px;}
}

@media (max-width:767px) {
  .nyAb_title { font-size: 28px;}
  .nyAb_Profile .nyAbProfile_con, .nyAbProfile_con div, .nyAbProfile_con p { line-height: 1.6; font-size: 15px;}

  .nyAb_Data ul { margin: 0 -20px;}
  .nyAb_Data ul li { padding: 0 20px; display: block; align-items: inherit;}
  .nyAb_Data ul li p { margin-right: 0; padding-right: 0; border-right: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff;}
  .nyAb_Data ul li p em { text-align: center;}

  .nyAbHonor_swiper .swiper-button-prev { left: 0;}
  .nyAbHonor_swiper .swiper-button-next { right: 0;}

  .nyAb_Culture { padding: 40px 0 20px;}
  .nyAb_Culture ul { margin: 0;}
  .nyAb_Culture ul li { width: 100%; margin-bottom: 20px; padding: 0;}
  .nyAb_Culture ul li .ms { margin: 10px auto 0;}
}

@media (max-width:390px) {
  .nyAb_title { font-size: 24px;}

  .nyAb_Data ul { margin: 0 -15px;}
  .nyAb_Data ul li { padding: 0 15px;}
}

@media (max-width:320px) {
  .nyAb_Data ul { margin: 0 -10px;}
  .nyAb_Data ul li { padding: 0 10px;}
  .nyAb_Data ul li p { margin-bottom: 10px; padding-bottom: 10px;}
  .nyAb_Data ul li p em { font-size: 44px;}
  .nyAb_Data ul li p::before { width: 30px; height: 30px; left: 0; top: -10px;}
  .nyAb_Data ul li span { line-height: 1.2; font-size: 14px;}

  .nyAbHonor_swiper { height: 300px; padding: 0 20px;}
}
