@charset "utf-8";
/* CSS Document */

@media (min-width:1024px) and (max-width:1550px){
	#indexabout .indexabouttxt p{
		 height: 50px;
		  -webkit-line-clamp: 3;
		  line-height:16px;
		  margin-top:0px;
	}
}
@media (min-width:1024px) and (max-width:1300px){
	.indexabouttxt{
		padding:1vh 2vw;
	}
	.indexabout h2{
		font-size:18px;
		
	}
	#indexabout .indexabouttxt p{
		 height: 50px;
		  -webkit-line-clamp: 3;
		  font-size:12px;
		  line-height:12px;
		  margin-top:0px;
	}
	#indexabout .indexabout-first .more{ margin-top:6rem;}
	.indexaboutnews p{
	line-height: 15px !important;
  height: 36px !important;
	}
}
@media only screen and (max-width: 1023px) {	
/*导航*/	
 .indexmenu ul{ display:none;} 
 .indexmenu{
	 display: -webkit-flex; 
  display: flex;
  justify-content:center;
  align-items:center;
	 }  	
/*底部*/	

 footer #foottop{
	display: grid;
	grid-template-columns:auto auto auto;
	}
footer .footleft{
		grid-column: 1 / 4;
		grid-row:1;
		padding-bottom:4rem;
	}
footer .footleft ul:last-child{ padding-top:2rem;}	
footer .footleft li{
	width:8rem;
}
	.footleft  img{
		display:block;
		width:30rem;
		margin:0 auto;
	}
 footer .footleft p{
	 max-width:100%;
 }
 footer .footleft p a{ font-size:2.2rem;}
	footer h3{
		font-size:1.4em;
		padding-top:10px;}
.footmid{
	padding-top:3rem;
}
#copy{
	border-top:#4f526f solid 1px;
	padding-top:2rem;
	padding-bottom:2rem;
}
#copy .grid{ grid-template-columns:auto;justify-content: center;grid-column-gap:0;}
#copy ul{ display:none;}
/*--------------------------首页---------------------------------*/

/*banner*/
#index-banner .banner1 { position:absolute; left:8%; top:5%;}
#index-banner .banner1 .banner-title{font-size:18px; padding-top:2rem;padding-bottom:1rem;}
#index-banner .banner1 .banner-mid-title{ width:15rem; padding:0.2rem 0;padding-left:1rem; font-size:1.4rem; }
#index-banner .banner1 ul{ padding-top:2rem;}
#index-banner .banner1 ul li:nth-child(2){ margin:0;}
#index-banner  .banner1  ul li{ padding-top:0; font-size:12px;}
#index-banner .banner1  .bannermore{ display:inline-block; padding:1.2rem 3rem; margin-top:1.4rem;background-color:#30357c; border-radius:10px; color:#fff;}
#index-banner .banner1  .bannermore:hover{ background-color:#333; color:#fff;}
#index-banner .banner2 {position:absolute;left:2%; top:2%;}
#index-banner .banner2-img{ width:20%;}
#index-banner .banner2 .banner-title{ padding-top:2rem; padding-bottom:0;font-size:18px; }
#index-banner .banner2 .banner-mid-title{ padding:0;font-size:1.2rem;}
#index-banner .banner2 ul{ padding-top:1.7rem; }
#index-banner .banner2 ul li{ margin-top:0; padding-top:1.2rem;}
#index-banner .banner2 .banner-small-title{ padding-top:2rem;}

/*indexabout*/
#indexabout{
		flex-direction:column;
}
#indexabout .indexaboutimga img{
	width:100%;
}
.indeximg img{
		display:none;
	}
.indexabouttxt{
		position:relative;
	}
#indexabout .indexmiddle{
		flex-direction:column-reverse;
}
#indexabout .indeximg{ padding-bottom:4rem;}
#indexabout .more{ margin-left:0; margin-top:4rem;}
/*indexabout*/
.indexabout h2{ font-size:18px;}
/*indexproducts*/
#index-pro-left{ display:none;}
#index-pro-moblie-left{ display:block;  background-image: linear-gradient(to right,rgba(0,183,238,1) ,rgba(58,126,209,1) 80%);}
#index-pro-moblie-left .index-pro-con{ padding:4rem;}
#index-pro-moblie-left .index-pro-con ul li .index-pro-con-number{
	font-size:3rem;
	font-weight:bold;
		color:#fff;
	text-decoration:none;
}	
#index-pro-moblie-left .index-pro-con h3{color:#fff; padding-top:2rem;}
#index-pro-moblie-left .index-pro-con ul li a:hover .index-pro-con-number,#index-pro-moblie-left .index-pro-con ul li a:hover span{color:var(--web-theme-color-blue);}
#index-pro-moblie-left .index-pro-con ul li  .index-pro-con-number{ font-size:3.2rem;}
#index-pro-moblie-left .index-pro-con ul li a span{
		margin-left:2rem;
	font-size:2.2rem;
		color:#fff;
}
#index-pro-moblie-left .index-pro-con ul li a{
padding-top:0.5rem;

}
#index-pro-moblie-left{flex:1;}
#index-pro .wrap-flex{  flex-direction: column;}
/*-----------------------------com-----------------------------------------*/
/*index-service*/
#index-service .wrap-flex{flex-direction: column;}
#index-service .service-content{flex:1;}
#index-service .service-content:nth-child(2){ margin:4rem 0;}
#index-service .service-content p{ padding-top:2rem; width:min(100%,800px); margin:0 auto; text-align:center;}
#index-service .service-content-img{ width:10%;display:inline-block; padding:1.4rem;}

/*-----------------------------nypage-----------------------------------------*/
/*nybanner*/
#nybanner{
	height:42vw;
}
#nybanner h1{font-size:3rem;}
#nybanner .index-advline{ margin:0; display:none;}		

/*about-yk*/
#about-yk .wrap-flex{flex-direction: column;}
#about-yk .about-yk-img{ width:auto; margin-left:0; margin-top:4rem;}
#about-yk .about-yk-img img{ width:100%;}

/*about-yk-honors*/
#about-yk-honors{ background:url(../images/about/aboutbg.webp) no-repeat; background-size:cover; padding-bottom:30vh;}
#about-yk-honors h1{ font-size:4rem;}
#about-yk-honors .grid{grid-template-columns:auto;grid-column-gap:0rem; margin-top:2rem;}
#about-yk-honors .honors-item-img{  margin-top:4rem;}
#about-yk-honors .honors-item-img:last-child{ margin-left:4rem;}

/*product-top*/
#product-top .grid{grid-template-columns:auto;grid-row-gap:4rem;}
/*productlist-gray*/
#productlist-gray .grid{grid-template-columns:1fr; grid-column-gap:0rem;grid-row-gap:4rem;}
#productlist-white .grid{grid-template-columns:1fr; grid-column-gap:0rem;grid-row-gap:4rem;}
#productlist-white  .productlist-img{ display:none;}
#productlist-white  .productlist-moblic-img{ display:block;}
/*processing*/
#processing .grid{grid-template-columns:repeat(2,1fr); grid-column-gap:0rem;grid-row-gap:4rem;}

/*productview*/
#product-details .grid{
		grid-template-columns:1fr;
	grid-row-gap:2rem; 
}
.proname strong{
	font-size:4rem;
}
#product-details .nyjiacondetc{ margin-top:4rem;}

/*#proothers */

#proothers  .pro-list{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:4rem;
}

/*news*/
#news{ padding-top:4rem;}
#news .grid{
	grid-template-columns:1fr;
	grid-row-gap:6rem;
}
/*contact*/
#contact .grid{grid-template-columns:1fr;  padding:4rem 0; }
#contact h2{ white-space:nowrap;}
#contact .contact-item{ width:60%;padding-top:1.4rem; margin-left:0;}