.nyTitle { line-height: 1.2; font-size:40px; font-weight:bold; text-align:center; text-transform: capitalize; margin-bottom: 50px; padding-bottom: 24px; position: relative;}
.nyTitle:after { content:''; display:block; width: 80px; height: 3px; overflow: hidden; background-color: #fd0909; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

.nyAboutProfile { overflow: hidden; padding: 100px 0; background-color: #fff;}
.nyAboutProfile .nyAbout_con { min-height: 200px;}
.nyAboutProfile .nyAbout_con::-webkit-scrollbar { width: 3px;}
.nyAbout_con, .nyAbout_con div, .nyAbout_con p { line-height: 30px !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'!important; color: #222!important; font-size: 16px!important;}
.nyAbout_con div, .nyAbout_con p { margin: 15px 0;}
.nyAbout_con br { display: none;}
.nyAbout_con img, .nyAbout_con table, .nyAbout_con tr, .nyAbout_con td, .nyAbout_con p, .nyAbout_con span, .nyAbout_con div, .nyAbout_con video, .nyAbout_con embed { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100%;}
.nyAbout_con img { display: block; margin: 30px auto;}
.nyAbout_con p span, .nyAbout_con span, .nyAbout_con p em, .nyAbout_con em { color: #222 !important; font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif' !important; font-size: 16px !important;}
.nyAbout_con b, .nyAbout_con strong {  color: #222; font-size: 24px !important; font-weight: bold;}


/* nyAboutData */
.nyAboutData { overflow: hidden; padding: 50px 0; background: #fd0909 url(../images/webp/dataBg.webp) center center no-repeat; background-size: cover;}
.nyAboutData ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.nyAboutData ul li { width: 25%; padding: 0 20px;}
.nyAboutData ul li .con { display: flex; min-height: 100%; overflow: hidden;}
.nyAboutData ul li .con i { display: block; width: 72px; height: 72px; overflow: hidden; padding: 18px; background-color: #fff; border-radius: 50%;}
.nyAboutData ul li .con .text { width: calc(100% - 72px); padding-left: 30px;}
.nyAboutData ul li .con .text p { height: 40px; margin-bottom: 10px;}
.nyAboutData ul li .con .text p em { display: inline-block; line-height: 40px; color: #fff; font-size: 48px; font-weight: bold; font-style: normal;}
.nyAboutData ul li .con .text p sub { display: inline-block; line-height: 24px; color: #fff; font-size: 16px; vertical-align: top; margin-left: 5px;}
.nyAboutData ul li .con .text span { display: block; line-height: 24px; color: #fff; font-size: 16px;}


/*nyAboutEnv*/
.nyAboutEnv { overflow: hidden; padding: 100px 0; background: #f8f8f8;}
.nyAboutEnv ul {display: grid; gap:20px; grid-gap:20px; grid-template-columns: repeat(3, 1fr); grid-template-rows: 250px 250px;}
.nyAboutEnv ul li { overflow: hidden; background-color: #fff; border-radius: 16px; position: relative;}
.nyAboutEnv ul li:nth-of-type(2) { grid-column: 2 / 3; grid-row: 1 / 3;}


/*nyAboutHonor*/
.nyAboutHonor { padding:100px 0; background:#fff; overflow:hidden;}
.nyAbHonor_swiper { min-height: 200px; margin-top: -10px; padding-bottom: 50px; position: relative;}
.nyAbHonor_swiper .swiper-container { padding: 10px 0;}
.nyAbHonor_swiper .swiper-slide .nyAbHonor_con{ background: #fff; border-radius: 16px; border: 1px dotted #999; padding: 30px; position: relative; z-index: 1;}
.nyAbHonor_swiper .swiper-slide:before { content:''; display: block; width: 100%; height: 32px; background: url(../images/webp/shadow.webp) center no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(-180deg); -webkit-transform: translateX(-50%) rotate(-180deg); z-index: -1; opacity: 0;}
.nyAbHonor_swiper .swiper-slide:after { content:''; display: block; width: 100%; height: 32px; background: url(../images/webp/shadow.webp) center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; z-index: -1;}
.nyAbHonor_swiper .swiper-slide a.pic { display: block; width: 100%; height: 300px; overflow: hidden; position: relative;}
.nyAbHonor_swiper .swiper-slide a.name { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; font-size: 18px; color:#555; text-align:center; white-space: nowrap; text-overflow: ellipsis; margin-top:15px;}

.nyAbHonor_swiper .swiper-slide:hover:before { top: -10px; opacity: 0.5;}
.nyAbHonor_swiper .swiper-slide:hover:after { bottom: -10px; opacity: 0.5;}
.nyAbHonor_swiper .swiper-slide:hover a.pic img { transform: scale(1.05); -webkit-transform: scale(1.05);}
.nyAbHonor_swiper .swiper-slide:hover a.name { color: #fd0909;}

.nyAbHonor_swiper .swiper-pagination { width: 100%; height: 12px; bottom: 0 !important;}
.nyAbHonor_swiper .swiper-pagination span { width: 12px; height: 12px; margin: 0 4px !important; background-color: #ddd; border: 2px solid #fff; border-radius: 50%; vertical-align: top; opacity: 1;}
.nyAbHonor_swiper .swiper-pagination span::after { display: none;}
.nyAbHonor_swiper .swiper-pagination span.swiper-pagination-bullet-active { background-color: #fff; border: 2px solid #fd0909;}


/*nyAboutPartner*/
.nyAboutPartner { padding:100px 0; background:#f8f8f8; overflow:hidden;}
.nyAbPartner_swiper { padding-bottom: 30px; position: relative;}
.nyAbPartner_swiper .swiper-container { min-height: 200px; margin: 0 -20px; padding: 0 20px 20px;}
.nyAbPartner_swiper .swiper-slide { display: block; height: 120px; overflow: hidden; background-color: #fff; border-radius: 8px; border-top: 2px solid #ddd; box-shadow: 0 0 0 rgba(0, 0, 0, 0); position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nyAbPartner_swiper .swiper-slide:hover { border-top: 2px solid #fd0909; box-shadow: 0 0 18px rgba(0, 0, 0, .06);}

.nyAbPartner_swiper .swiper-pagination { width: 100%; height: 12px; bottom: 0 !important;}
.nyAbPartner_swiper .swiper-pagination span { width: 12px; height: 12px; margin: 0 4px !important; background-color: #ddd; border: 2px solid #fff; border-radius: 50%; vertical-align: top; opacity: 1;}
.nyAbPartner_swiper .swiper-pagination span::after { display: none;}
.nyAbPartner_swiper .swiper-pagination span.swiper-pagination-bullet-active { background-color: #fff; border: 2px solid #fd0909;}


@media (max-width:1680px) {
  .nyTitle { font-size: 36px; margin-bottom: 40px; padding-bottom: 20px;}
  .nyTitle:after { width: 72px;}

  .nyAboutProfile, .nyAboutEnv, .nyAboutHonor, .nyAboutPartner { padding: 80px 0;}
  .nyAbout_con div, .nyAbout_con p { margin-bottom: 12px;}

  .nyAboutData { padding: 40px 0;}
  .nyAboutData ul li .con .text p em { font-size: 44px;}

  .nyAbHonor_swiper { padding-bottom: 40px;}

  .nyAbPartner_swiper { padding-bottom: 20px;}
  
}

@media (max-width:1600px) {

}

@media (max-width:1560px) {

}

@media (max-width:1440px) {
  .nyTitle { font-size: 32px; margin-bottom: 30px; padding-bottom: 15px;}
  .nyTitle:after { width: 64px;}

	.nyAboutProfile, .nyAboutEnv, .nyAboutHonor, .nyAboutPartner { padding: 60px 0;}
  .nyAbout_con div, .nyAbout_con p { margin: 10px 0;}
  .nyAbout_con, .nyAbout_con div, .nyAbout_con p, .nyAbout_con p span, .nyAbout_con span, .nyAbout_con p em, .nyAbout_con em { line-height: 27px !important; font-size: 15px !important;}
  .nyAbout_con img, .nyAbout_con table, .nyAbout_con tr, .nyAbout_con td, .nyAbout_con p, .nyAbout_con span, .nyAbout_con div, .nyAbout_con video, .nyAbout_con embed { font-size: 15px !important;}
  .nyAbout_con b, .nyAbout_con strong { font-size: 22px !important;}
  .nyAbout_con img { margin: 20px auto;}

  .nyAboutData { padding: 40px 0;}
  .nyAboutData ul { margin: 0 -15px;}
  .nyAboutData ul li { padding: 0 15px;}
  .nyAboutData ul li .con i { width: 64px; height: 64px; padding: 16px;}
  .nyAboutData ul li .con .text { width: calc(100% - 64px); padding-left: 20px;}
  .nyAboutData ul li .con .text p { height: 36px;}
  .nyAboutData ul li .con .text p em { line-height: 36px; font-size: 40px;}
  .nyAboutData ul li .con .text p sub, .nyAboutData ul li .con .text span { line-height: 22px; font-size: 15px;}

  .nyAboutEnv ul li { border-radius: 12px;}

  .nyAbHonor_swiper, .nyAbPartner_swiper { padding-bottom: 30px;}
  .nyAbHonor_swiper .swiper-slide .nyAbHonor_con { padding: 24px; border-radius: 12px;}
  .nyAbHonor_swiper .swiper-slide a.pic { height: 280px;}
  .nyAbHonor_swiper .swiper-slide a.name { height: 26px; line-height: 26px; font-size: 16px; margin-top: 12px;}

  .nyAbPartner_swiper .swiper-slide { height: 112px;}
}

@media (max-width:1366px) {
  .nyAbPartner_swiper .swiper-slide { height: 100px;}
}

@media (max-width:1280px) {
  .nyAboutData ul li .con { display: block;}
  .nyAboutData ul li .con i { width: 72px; height: 72px; margin: 0 auto 20px; padding: 18px;}
  .nyAboutData ul li .con .text { width: 100%; padding: 0;}
  .nyAboutData ul li .con .text p, .nyAboutData ul li .con .text span { text-align: center;}

  .nyAboutEnv ul { gap: 15px; grid-gap: 15px; grid-template-rows: 220px 220px;}

  .nyAbHonor_swiper .swiper-slide .nyAbHonor_con { padding: 20px;}
  .nyAbHonor_swiper .swiper-slide a.pic { height: 240px;}
  .nyAbHonor_swiper .swiper-slide a.name { margin-top: 10px;}
}

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

@media (max-width:1080px) {
	.nyAboutEnv ul { gap: 10px; grid-gap: 10px; grid-template-rows: 180px 180px;}	

  .nyAbHonor_swiper .swiper-slide .nyAbHonor_con { padding: 10px;}
  .nyAbHonor_swiper .swiper-slide a.pic { height: 220px;}
}

@media (max-width:920px) {
	.nyAboutProfile, .nyAboutEnv, .nyAboutHonor, .nyAboutPartner { padding: 40px 0;}

  .nyTitle { font-size: 30px; margin-bottom: 20px; padding-bottom: 12px;}
  .nyTitle:after { width: 52px;}

  .nyAboutData { padding: 30px 0;}
  .nyAboutData ul { margin: 0 -10px;}
  .nyAboutData ul li { padding: 0 10px;}
  .nyAboutData ul li .con i { width: 64px; height: 64px; margin: 0 auto 15px; padding: 16px;}
  .nyAboutData ul li .con .text p { height: 30px;}
  .nyAboutData ul li .con .text p em { line-height: 30px; font-size: 36px;}
  .nyAboutData ul li .con .text p sub, .nyAboutData ul li .con .text span { line-height: 20px; font-size: 14px;}

  .nyAboutEnv ul { gap: 10px; grid-gap: 10px; grid-template-rows: 160px 160px;}
	.nyAboutEnv ul li, .nyAbHonor_swiper .swiper-slide .nyAbHonor_con { border-radius: 8px;}

  .nyAbHonor_swiper { padding-bottom: 20px;}

  .nyAbPartner_swiper { padding-bottom: 10px;}
}

@media (max-width:767px) {
  .nyTitle { font-size: 28px;}
  .nyTitle:after { width: 44px; height: 2px;}

  .nyAbout_con, .nyAbout_con div, .nyAbout_con p, .nyAbout_con p span, .nyAbout_con span, .nyAbout_con p em, .nyAbout_con em { line-height: 25px !important; font-size: 15px !important;}

  .nyAboutData ul { margin: 0 -10px -30px;}
  .nyAboutData ul li { width: 50%; margin-bottom: 30px;}

	.nyAboutEnv ul { gap: 6px; grid-gap: 6px; grid-template-rows: 80px 80px;}

  .nyAbHonor_swiper .swiper-slide a.pic { height: 180px;}

  .nyAbPartner_swiper .swiper-container { min-height: 180px;}
  .nyAbPartner_swiper .swiper-slide { height: 80px;}
}

@media (max-width:390px) {
  .nyShow_con b, .nyShow_con strong { font-size: 16px !important;}

  .nyAboutEnv ul { gap: 6px; grid-gap: 6px; grid-template-rows: 70px 70px;}

  .nyAbHonor_swiper .swiper-slide a.pic { height: 160px;}
  .nyAbHonor_swiper .swiper-slide a.name { height: 25px; line-height: 25px; font-size: 15px;}
}

@media (max-width:320px) {
  .nyTitle { font-size: 24px;}
  .nyTitle:after { width: 40px;} 

  .nyAboutData ul { margin: 0 -6px -20px;}
  .nyAboutData ul li { width: 50%; margin-bottom: 20px; padding: 0 6px;}
  .nyAboutData ul li .con i { width: 60px; height: 60px; margin: 0 auto 15px; padding: 14px;}
  .nyAboutData ul li .con .text p em { font-size: 32px;}
  .nyAboutData ul li .con .text p sub, .nyAboutData ul li .con .text span { line-height: 18px; font-size: 12px;}

  .nyAbHonor_swiper .swiper-slide a.pic { height: 140px;}
}