/*nyAbout_gsjj start*/
.nyAbout_gsjj { overflow: hidden; margin-top: -70px; padding: 130px 0 90px; background: #eee url(../images/webp/nyAb_bg01.webp) center center no-repeat; background-size: cover;}
.nyAbout_data ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyAbout_data ul li { width: 25%; padding: 0 15px;}
.nyAbout_data ul li .nyAbData_con { height: 100%; padding: 20px; background-color: #da251c;}
.nyAbData_con p, .nyAbData_con p em { line-height: 1.2; color: #fff; font-size: 24px; font-weight: bold; text-align: center;}
.nyAbData_con p em { font-size: 48px;}
.nyAbData_con span { display: block; line-height: 1.3; color: #fff; font-size: 16px; text-align: center; text-transform: capitalize; margin-top: 10px;}

.nyAbout_main { display: flex; align-items: center; margin-top: 90px;}
.nyAbout_main .nyAbout_text { width: 60%; line-height: 1.8; color: #222; font-size: 17px; padding-right: 90px;}
.nyAbout_text p { line-height: 1.8; color: #222; font-size: 17px; padding: 8px 0;}
.nyAbout_main .nyAbout_img { width: 40%; height: 400px; position: relative;}
.nyAbout_img p { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyAbout_img::after { content: ''; display: block; width: 170px; height: 200px; overflow: hidden; background: linear-gradient(to bottom, rgba(218, 37, 28, 0), #da251c); position: absolute; right: -16px; bottom: -20px;}
/*nyAbout_gsjj end*/


/*nyAbout_culture start*/
.nyAbout_culture { overflow: hidden; padding: 90px 0 60px;}
.nyAbCulture_main ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyAbCulture_main ul li { width: 50%; margin-bottom: 30px; padding: 0 15px;}
.nyAbCulture_main ul li .nyAbCulture_con { display: flex; height: 100%; padding: 40px 50px; background-color: #eee;}
.nyAbCulture_main ul li .nyAbCulture_con:hover { background-color: #da251c;}
.nyAbCulture_con i { display: block; width: 80px; height: 80px; overflow: hidden; padding: 19px; border: 1px dashed #da251c; border-radius: 50%;}
.nyAbCulture_con:hover i { border: 1px dashed #fff;}
.nyAbCulture_con:hover i svg path { fill: #ffffff;}
.nyAbCulture_con .nyAbCulture_text { width: calc(100% - 80px); padding-left: 40px;}
.nyAbCulture_text span { display: block; line-height: 1.5; color: #222; font-size: 24px; font-weight: bold; text-transform: capitalize;}
.nyAbCulture_text p { line-height: 1.5; color: #777; font-size: 17px; margin-top: 15px;}
.nyAbCulture_con:hover .nyAbCulture_text span { color: #fff;}
.nyAbCulture_con:hover .nyAbCulture_text p { color: rgba(255, 255, 255, .7);}
/*nyAbout_culture end*/


/*nyAbout_picture start*/
.nyAbout_picture { overflow: hidden; padding: 90px 0; background-color: #eee;}
.nyAbout_picture ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyAbout_picture ul li { width: 33.333333%; padding: 0 15px;}
.nyAbout_picture ul li .nyAbPic_con { width: 100%; height: 350px; overflow: hidden; position: relative;}
/*nyAbout_picture end*/


/*nyAbout_honor start*/
.nyAbout_honor { overflow: hidden; padding: 90px 0;}
.nyAbHonor_swiper { position: relative;}
.nyAbHonor_swiper .swiper-slide { height: 360px; padding: 20px; border: 1px solid #ddd;}
.nyAbHonor_swiper .swiper-slide:hover { border: 1px solid #da251c;}
.nyAbHonor_swiper .swiper-slide a.nyAbHonor_img { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyAbHonor_swiper .swiper-slide:hover a.nyAbHonor_img img { transform: scale(1.1); -webkit-transform: scale(1.1);}

.nyAbHonor_swiper .swiper-button-prev, .nyAbHonor_swiper .swiper-button-next { width: 60px; height: 60px; margin: -30px 0 0; padding: 17px; background: rgba(0, 0, 0, 0); border: 1px solid #999; position: absolute;}
.nyAbHonor_swiper .swiper-button-prev { left: -90px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.nyAbHonor_swiper .swiper-button-next { right: -90px;}
.nyAbHonor_swiper .swiper-button-prev:hover, .nyAbHonor_swiper .swiper-button-next:hover { background: #da251c; border: 1px solid #da251c;}
.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;}
/*nyAbout_honor end*/

@media (max-width:1680px) {
  .nyAbout_gsjj { margin-top: -60px; padding: 120px 0 80px;}
  .nyAbout_main { margin-top: 80px;}
  .nyAbout_main .nyAbout_text { padding-right: 80px;}

  .nyAbout_culture { padding: 80px 0 50px;}
  .nyAbCulture_main ul li .nyAbCulture_con { padding: 40px;}
  .nyAbCulture_text span { line-height: 1.4; font-size: 22px;}
  .nyAbout_main .nyAbout_text { font-size: 16px;}
  .nyAbCulture_text p { font-size: 16px; margin-top: 10px;}

  .nyAbout_picture, .nyAbout_honor { padding: 80px 0;}
}

@media (max-width:1600px) {
  .nyAbHonor_swiper .swiper-button-prev, .nyAbHonor_swiper .swiper-button-next { width: 50px; height: 50px; margin: -25px 0 0; padding: 15px;}
  .nyAbHonor_swiper .swiper-button-prev { left: -70px;}
  .nyAbHonor_swiper .swiper-button-next { right: -70px;}
}

@media (max-width:1560px) {}

@media (max-width:1440px) {
  .nyAbout_gsjj { margin-top: -50px; padding: 110px 0 60px;}
  .nyAbData_con p { line-height: 1; font-size: 18px;}
  .nyAbData_con p em { line-height: 1; font-size: 40px;}
  .nyAbData_con span { font-size: 14px;}
  .nyAbout_main { margin-top: 60px;}
  .nyAbout_main .nyAbout_text { padding-right: 60px;}
  .nyAbout_main .nyAbout_text, .nyAbout_text p { font-size: 16px;}
  .nyAbout_main .nyAbout_img { height: 360px;}

  .nyAbout_culture { padding: 60px 0 30px;}
  .nyAbCulture_main ul li .nyAbCulture_con { padding: 30px;}
  .nyAbCulture_con i { width: 70px; height: 70px; padding: 16px;}
  .nyAbCulture_con .nyAbCulture_text { width: calc(100% - 70px); padding-left: 30px;}
  .nyAbCulture_text span { font-size: 20px;}
  .nyAbCulture_text p { font-size: 15px;}

  .nyAbout_picture, .nyAbout_honor { padding: 60px 0;}
  .nyAbout_picture ul li .nyAbPic_con { height: 330px;}
  .nyAbHonor_swiper { padding: 0 60px;}
  .nyAbHonor_swiper .swiper-button-prev { left: 0;}
  .nyAbHonor_swiper .swiper-button-next { right: 0;}

}

@media (max-width:1366px) {
  .nyAbout_main .nyAbout_text { padding-right: 40px;}
  .nyAbout_main .nyAbout_text, .nyAbout_text p { font-size: 15px;}

  .nyAbout_picture ul li .nyAbPic_con { height: 300px;}

  .nyAbHonor_swiper .swiper-slide { height: 320px;}
}

@media (max-width:1280px) {
  .nyAbout_main .nyAbout_img { height: 300px;}
}

@media (max-width:1200px) {
  .nyAbout_gsjj { margin-top: -40px; padding: 100px 0 60px;}
  .nyAbout_main .nyAbout_text, .nyAbout_text p { font-size: 14px;}  

  .nyAbCulture_text span { font-size: 18px;}
  .nyAbCulture_text p { font-size: 14px;}

  .nyAbout_picture ul li .nyAbPic_con { height: 280px;}

  .nyAbHonor_swiper .swiper-slide { height: 360px;}
}

@media (max-width:1080px) {
  .nyAbout_gsjj { padding: 80px 0 60px;}
  .nyAbout_data ul { margin: 0 -10px;}
  .nyAbout_data ul li { padding: 0 10px;}
  .nyAbout_data ul li .nyAbData_con { padding: 20px 10px;}
  .nyAbData_con p { font-size: 14px;}
  .nyAbData_con p em { font-size: 36px;}
  .nyAbData_con span { margin-top: 6px;}

  .nyAbout_main .nyAbout_text { line-height: 1.7; padding-right: 20px;}
  .nyAbout_text p { line-height: 1.7; padding: 5px 0;}

  .nyAbout_picture ul li .nyAbPic_con { height: 240px;}

  .nyAbHonor_swiper .swiper-slide { height: 320px;}
}

@media (max-width:1024px) {}

@media (max-width:920px) {
  .nyAbout_gsjj { padding: 60px 0 40px;}
  .nyAbout_main { margin-top: 40px;}
  .nyAbout_main .nyAbout_img { height: 320px;}

  .nyAbout_culture { padding: 40px 0 20px;}
  .nyAbCulture_main ul { margin: 0 -10px;}
  .nyAbCulture_main ul li { margin-bottom: 20px; padding: 0 10px;}
  .nyAbCulture_main ul li .nyAbCulture_con { padding: 20px;}
  .nyAbCulture_con i { width: 60px; height: 60px; padding: 15px;}
  .nyAbCulture_con .nyAbCulture_text { width: calc(100% - 60px); padding-left: 20px;}

  .nyAbout_picture, .nyAbout_honor { padding: 40px 0;}

  .nyAbout_picture ul { margin: 0 -10px;}
  .nyAbout_picture ul li { padding: 0 10px;}
  .nyAbout_picture ul li .nyAbPic_con { height: 220px;}

  .nyAbHonor_swiper .swiper-slide { height: 280px;}
}

@media (max-width:820px) {
  .nyAbout_picture ul li .nyAbPic_con { height: 200px;}

  .nyAbHonor_swiper { padding: 0 50px;}
  .nyAbHonor_swiper .swiper-slide { height: 260px; padding: 10px;}
  .nyAbHonor_swiper .swiper-button-prev, .nyAbHonor_swiper .swiper-button-next { width: 40px; height: 40px; margin: -20px 0 0; padding: 10px;}
}

@media (max-width:767px) {
  .nyAbout_gsjj { margin-top: -20px; padding: 40px 0;}
  .nyAbout_data ul { margin: 0 -5px;}
  .nyAbout_data ul li { margin-bottom: 10px; padding: 0 5px;}
  .nyAbout_data ul li { width: 50%;}

  .nyAbout_main { display: block; align-items: inherit; margin-top: 20px;}
  .nyAbout_main .nyAbout_text { width: 100%;}
  .nyAbout_main .nyAbout_img { width: 100%; height: 260px; margin-top: 10px;}

  .nyAbCulture_main ul li { width: 100%;}

  .nyAbout_picture ul { margin: 0 -5px;}
  .nyAbout_picture ul li { padding: 0 5px;}
  .nyAbout_picture ul li .nyAbPic_con { height: 100px;}

  .nyAbHonor_swiper .swiper-slide { height: 190px;}
}

@media (max-width:390px) {
  .nyAbout_main .nyAbout_img { height: 240px;}
  .nyAbout_img::after { width: 140px; height: 160px; right: -10px;}

  .nyAbout_picture ul li .nyAbPic_con { height: 90px;}

  .nyAbHonor_swiper .swiper-slide { height: 280px;}
}

@media (max-width:320px) {
  .nyAbout_main .nyAbout_img { height: 200px;}
  .nyAbout_img::after { width: 100px; height: 120px;}
}

@media (max-width:280px) {}
