/*introduce 简介*/
.introduce{ background:#fff; padding:70px 0; min-height:300px; overflow: hidden;}
.introduce .ny_abcont{ margin-top:35px;}
.introduce .ny_abcont,.introduce .ny_abcont p{  font-size:18px; line-height:32px; color:#555;}
@media screen and (max-width:1440px){
	.introduce{ padding:50px 0;}
	.ny_title{font-size:38px;}
	.introduce .ny_abcont {margin-top: 25px;}
}
@media screen and (max-width:1080px){
	.introduce{ padding:40px 0;}
	.ny_title{font-size:30px;}
}
@media screen and (max-width:767px){
	.introduce{ padding:30px 0;}
	.ny_title{font-size:24px;}
	.introduce .ny_abcont, .introduce .ny_abcont p{margin-top: 15px;font-size:16px; line-height:28px;}
}
/*ny_abys*/
.ny_abys{ background:#18cfcf url(../images/webp/ny_abys.webp) center bottom no-repeat; padding:42px 0;}
.ny_abys ul{display:flex; display: -webkit-flex;  justify-content:space-between;align-items:center;}
.ny_abys ul li{color:#fff; text-align:center; margin-right:2%; font-size:16px;}
.ny_abys ul li:last-child{ margin-right:0;}
.ny_abys ul li em{ display:block; width:100px; height:100px; background:rgba(255,255,255,.2); border-radius:50%; margin:0 auto 20px; position:relative;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ny_abys ul li em:after{ content:''; display:block; width:90px; height:90px; border-radius:50%; background:#fff; position:absolute; margin:auto; top:0;  bottom:0; left:0; right:0;}
.ny_abys ul li em svg{ width:50px; height:50px; fill:#18cfcf; position:relative; z-index:1;}
.ny_abys ul li:nth-of-type(1) em svg,.ny_abys ul li:nth-of-type(3) em svg{ width:40px; height:40px;}
@media screen and (max-width:1080px){
	.ny_abys{ padding:30px 0;}
    .ny_abys ul li em{ width:80px; height:80px;    margin: 0 auto 10px;}
	.ny_abys ul li em:after{width:70px; height:70px;}
	.ny_abys ul li em svg{ width:36px; height:36px;}
    .ny_abys ul li:nth-of-type(1) em svg,.ny_abys ul li:nth-of-type(3) em svg{ width:28px; height:28px;}
}
@media screen and (max-width:767px){
	.ny_abys{ padding:30px 0 10px;}
    .ny_abys ul{ display:block !important; overflow:hidden;}
	.ny_abys ul li{ width:50%; float:left; margin:0 0 20px 0; float:left;}
}
@media screen and (max-width:413px){
	.ny_abys{ padding:20px 0 5px;}
	.ny_abys ul li em{ width:70px; height:70px;}
	.ny_abys ul li em:after{width:60px; height:60px;}
	.ny_abys ul li{ font-size:15px;}
}

/*ny_abgshj*/
.ny_abgshj{ background:#f8f8f8;padding:70px 0; min-height:300px;}
.ny_abgshj ul{display: grid;gap:22px;grid-gap:22px;grid-template-columns: repeat(3, 1fr); grid-template-rows: 250px 250px; margin-top:50px;}

.ny_abgshj ul li img{ border-radius:16px;width: 100%; height: 100%;object-fit: cover; }
.ny_abgshj ul li:nth-of-type(2){grid-column: 2 / 3;grid-row: 1 / 3;}
@media screen and (max-width:1680px){
	.ny_abgshj{padding:60px 0 80px;}
	.ny_abgshj ul{ margin-top:40px;}
}
@media screen and (max-width:1440px){
	.ny_abgshj{padding:50px 0 70px;}
	.ny_abgshj ul{ margin-top:30px;}
}
@media screen and (max-width:1200px){
	.ny_abgshj ul{gap:15px;grid-gap:15px;grid-template-rows: 220px 220px;}
}
@media screen and (max-width:1080px){
	.ny_abgshj{padding:40px 0 50px;}
	.ny_abgshj ul{gap:10px;grid-gap:10px;grid-template-rows: 180px 180px;}
	.ny_abgshj ul li img{ border-radius:8px;}
}
@media screen and (max-width:767px){
	.ny_abgshj{padding:30px 0 35px;}
	.ny_abgshj ul{ margin-top:20px;}
	.ny_abgshj ul{grid-template-rows: 150px 150px;}
}
@media screen and (max-width:550px){
	.ny_abgshj ul{grid-template-rows: 100px 100px;}
}

@media screen and (max-width:1440px){
	.ny_abgshj{padding:50px 0;}
}
@media screen and (max-width:1080px){
	.ny_abgshj{padding:40px 0;}
}
@media screen and (max-width:767px){
	.ny_abgshj{padding:30px 0;}
}

/*ny_abhonor*/
.ny_abhonor{ padding:80px 0; background:#fff; overflow:hidden;}
.ny_abhonor .swiper-container{ margin-top:40px; padding:10px 0; min-height:200px;}
.ny_abhonor ul li .nyabhonor_con{ background:#fff; border-radius:16px; border:1px dotted #999; padding:30px; position:relative; z-index:1;}
.ny_abhonor ul li:before{ content:'';display:block; width:100%; height:32px; background:url(../images/webp/shadow.webp) center no-repeat; position:absolute; bottom:0; left:50%;transform:translateX(-50%);z-index:-1; opacity:0;}
.ny_abhonor ul li:after{ content:'';display:block; width:100%; height:32px; background:url(../images/webp/shadow.webp) center no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%) rotate(-180deg); opacity:0; z-index:-1;}
.ny_abhonor ul li .pic{width:100%; height:300px; position:relative; overflow:hidden;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ny_abhonor ul li .pic img{ max-width:100%; max-height:100%;}
.ny_abhonor ul li .name{max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; font-size:24px; color:#555; text-align:center; margin-top:10px;}

.ny_abhonor ul li:hover:before{bottom:-10px; opacity:0.7;}
.ny_abhonor ul li:hover:after{top:-8px;opacity:0.7;}
.ny_abhonor ul li:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.ny_abhonor ul li:hover .name{ color:#224b9b;}
@media screen and (max-width:1680px){
	.introduce,.ny_abhonor{ padding:70px 0;}
}
@media screen and (max-width:1440px){
	.ny_abhonor{ padding:60px 0;}
	.ny_abhonor .swiper-container{ margin-top:30px;}
	.ny_abhonor ul li .name{ font-size:20px;}
}
@media screen and (max-width:1200px){
    .ny_abhonor{ padding:50px 0}
}
@media screen and (max-width:1080px){
	.ny_abhonor .swiper-container{ margin-top:20px;}
	.ny_abhonor ul li{ padding:0 1px;}
    .ny_abhonor ul li:before{transform: translateX(-50%) scale(.8, 1);}
	.ny_abhonor ul li:after{transform: translateX(-50%) rotate(-180deg) scale(.8, 1);}
	.ny_abhonor ul li .name{font-size:18px;}
	.ny_abhonor ul li:hover:before{bottom:10px;}
    .ny_abhonor ul li:hover:after{top:12px;}
}
 @media screen and (max-width:1024px){
	.ny_abhonor{ padding:40px 0;}
	.ny_abhonor .swiper-container{margin-top:15px;}
	.ny_abhonor ul li .pic{ height:250px;}
 }
 @media screen and (max-width:820px){
	.ny_abhonor{ padding:30px 0;}
			
}
@media screen and (max-width:500px){
	.ny_abhonor ul li .pic{ height:200px;}
	.ny_abhonor ul li .name{font-size:16px;}
}