/*introduce 简介*/
.introduce{ background:#eff4f9 url(../images/nyab_bg.png) center bottom no-repeat; padding:80px 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;}
.introduce .abdate{ margin-top:40px;}
.introduce .abdate .pjli{ width:33.33333%; text-align:center; padding:0 3%; float:left;}
.introduce .abdate .pjli p{ font-weight:bold; font-size:72px; color:#025cb0;}
.introduce .abdate .pjli p em{ font-weight:bold;}
.introduce .abdate .pjli p i{ font-style: normal; font-size:30px; color:#222; margin-left:10px; display:inline-block;}
.introduce .abdate .pjli span{  font-size:30px; line-height:36px; text-transform: capitalize;}

/*youshi*/
.gsyoushi{ background:#fff; padding:100px 0 72px; overflow:hidden;}
.gsyoushi .ys_mian .left{ width:49%; float:left; border-radius:8px; background:#025cb0 url(../images/webp/nyys_bg.webp) center no-repeat; background-size:cover; padding:94px 40px;}
.gsyoushi .ys_mian .left em{ display:block; width:160px; height:160px; border-radius:50%; background:#fff; border:4px solid #fff; overflow:hidden; position:relative;}
.gsyoushi .ys_mian .left p{ font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; margin:30px 0 10px;}
.gsyoushi .ys_mian .left .ms{ font-size:16px; line-height:26px; color:#fff;}
.gsyoushi .ys_mian ul{ width:49%; float:right; display: -webkit-flex;display: flex;flex-wrap: wrap; max-height:550px; overflow:auto;}
.gsyoushi .ys_mian ul::-webkit-scrollbar{display: none;}
.gsyoushi .ys_mian ul li{ width:48%; background:#eff4f9; float:left; margin-right:4%; margin-bottom:28px; padding:40px 30px; border-radius:8px;}
.gsyoushi .ys_mian ul li:nth-child(2n){ margin-right:0;}
.gsyoushi .ys_mian ul li p{ line-height: 24px;font-weight:bold; font-size:20px; text-transform: capitalize; margin-bottom:20px;}
.gsyoushi .ys_mian ul li .ms{ font-size:16px; color:#555; line-height:26px;}

.gsyoushi .ys_mian .left:hover{transform:translateY(-5px); box-shadow:0 5px 10px rgba(0,0,0,.05);}
.gsyoushi .ys_mian ul li:hover{ transform:translateY(-5px); box-shadow:0 5px 10px rgba(0,0,0,.05);}


/*ny_abhonor*/
.ny_abhonor{ padding:80px 0; background:#eff4f9; 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 #ddd; padding:30px; position:relative; z-index:1;}
.ny_abhonor ul li:before{ content:'';display:block; width:100%; height:32px; background:url(../images/shadow.png) 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/shadow.png) center no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%) rotate(-180deg); opacity:0; z-index:-1;}
.ny_abhonor ul li .pic{ display:block; width:100%; height:300px; position:relative; overflow:hidden;}
.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; text-transform: capitalize; 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);}
@media screen and (max-width:1680px){
.introduce,.ny_abhonor{ padding:70px 0;}	
.gsyoushi{padding:80px 0 72px;}
}

@media screen and (max-width:1440px){
	.introduce,.ny_abhonor{ padding:60px 0;}
	.ny_title{font-size:38px;}
	.introduce .ny_abcont {margin-top: 25px;}
	.introduce .abdate {margin-top: 30px;}
	.introduce .abdate .pjli p{ font-size:52px;}
	.introduce .abdate .pjli p i{ font-size:24px;}
	.introduce .abdate .pjli span{ font-size:24px;}
	
	.gsyoushi{padding:60px 0;}
	.gsyoushi .ys_mian .left{width:40%;}
	.gsyoushi .ys_mian ul{ width:57.5%;}
	.gsyoushi .ys_mian ul li{padding: 30px 25px; margin-bottom:20px;}
	
	.ny_abhonor .swiper-container{ margin-top:30px;}
	.ny_abhonor ul li .name{ font-size:20px;}
}
@media screen and (max-width:1200px){
    .introduce,.ny_abhonor{ padding:50px 0;}
	.gsyoushi{padding:50px 0;}	
	
}
@media screen and (max-width:1080px){
	.ny_title{font-size:30px;}
	.introduce .abdate {margin-top: 20px;}
	.introduce .abdate .pjli p{ font-size:40px;}
	.introduce .abdate .pjli p i{ font-size:20px;}
	.introduce .abdate .pjli span{ font-size:20px; line-height:30px;}
	
	.gsyoushi .ys_mian .left{width:100%; margin-bottom:20px;}
	.gsyoushi .ys_mian .left p{ font-size:28px;margin: 15px 0 5px;}
	.gsyoushi .ys_mian ul{ width:100%;}
	.gsyoushi .ys_mian ul li{ width:48.5%; margin-right:3%;}
	.gsyoushi .ys_mian ul li p{ margin-bottom:10px;}
	
	.ny_abhonor .swiper-container{ margin-top:20px;}
	.ny_abhonor ul li{ padding:20px 10px;}
    .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){
	.introduce,.ny_abhonor{ padding:40px 0;}
	
	.gsyoushi{padding:40px 0 25px;}
	
	.ny_abhonor .swiper-container{margin-top:15px;}
	.ny_abhonor ul li .pic{ height:250px;}  
  }
@media screen and (max-width:820px){
	.introduce,.ny_abhonor{ padding:30px 0;}
			
}
@media screen and (max-width:767px){
	.ny_title{font-size:24px;}
	.introduce .ny_abcont, .introduce .ny_abcont p{margin-top: 15px;font-size:16px; line-height:28px;}
	.introduce .abdate{ display:none;}
	
	.gsyoushi{padding:30px 0 25px;}
	.gsyoushi .ys_mian .left{margin-bottom:10px;}
	.gsyoushi .ys_mian .left p{ font-size:24px;}
	.gsyoushi .ys_mian ul li{ width:100%; margin-right:0; margin-bottom:10px;}
}
@media screen and (max-width:500px){
	.ny_abhonor ul li .pic{ height:200px;}
	.ny_abhonor ul li .name{font-size:16px;}
}