@charset "utf-8";
/* CSS Document */
@media (min-width: 1024px) and (max-width: 1500px) {
	.pro-series-item{ 
	 grid-template-columns:repeat(2,auto);
	}
	#indexabout-info{
	padding-top:5rem; 
	padding-bottom:5rem;

}
	}
@media only screen and (max-width: 1023px) {	
/*导航*/	
#nycon{
 grid-template-columns:repeat(3,auto);
 justify-content:space-between;
 grid-column-gap:0;
 padding:15px;
 
}
#nylog{
	padding: 0;
}
#nycon-right{ margin-top:-1rem;margin-right:4rem;}
#nycon-right #language a{

	padding-left:1.8rem;

}
.com-link{
	grid-column: 1 / 3;
		grid-row:1;
		justify-content:flex-end;
}
 .indexmenu ul{ display:none;} 
 .indexmenu{
	 display: -webkit-flex; 
  display: flex;
  justify-content:center;
  align-items:center;
	 }  
#nylog img{
	width:80px;
}

#language a{
	padding:2rem 0;
	font-size:16px;
}
 /*手机导航栏*/
#bottom-nav{
	display:block;
	background-color:#fff;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:1000;
	box-shadow: 0 0 10px rgba(80,80,80,0.4);

}
#bottom-nav .wrap-flex{
	justify-content:space-around;
	margin-top:6px;
	margin-bottom:8px;
}
#bottom-nav a{
	display:block;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	margin-top:1px;
	color:#787878;}
	
#bottom-nav a i{
 text-align:center;
}	
#bottom-nav a:hover,.navactive a{
	color:var(--web-theme-color);
}	
  
/*底部*/	
.botlxfs1left{ padding-top:4rem;}
.botlxfs1left img{
	max-width:60px;
}

.botabout p{ font-size:1.8rem;max-width:400px;padding-top:2rem;}
.bot-tag .wrap-flex  a{
	font-size:1.8rem;
}
#compart { margin-top:0;margin-botto:6rem; padding-bottom:12rem;}
#compart .wrap-flex{  padding-top:2rem;flex-direction:column; align-items:flex-start;}
#compart .wrap-flex a:nth-child(1){ display:block;margin:0;}
#compart .wrap-flex a:nth-child(2){ display:block; line-height:1.8em;}
#compart .wrap-flex-1 img{ padding-top:0.4rem;}
#compart .wrap-flex-1 a{ margin:0; font-size:1.8rem;}
/*--------------------------首页---------------------------------*/

/*banner*/
.swiper-container-index .swiper-slide>img{
		width:110%;
		height:auto;
		min-height:100%;
		transition:0.6s linear 1s;
		transform:scale(1.2,1.2);
		}
.swiper-container-index .banner-box{ position:absolute; left:0; top:12%;right:0; bottom:0;width:35%; height:100%; overflow:hidden; border:#444547 solid 20px; margin:0 auto;}
.swiper-container-index .banner1{ position:absolute; left:0;top:22%;width:100%;color:#fff; text-align:center; }
.swiper-container-index .banner1 .banner-title{ font-size:3rem; line-height:1.2em; font-weight:bold;color:var(--web-theme-color);letter-spacing:3px;}
.swiper-container-index .banner1 .banner-mid-title{ max-width:22vw;font-size:2.4rem;padding:0; line-height:1.6em; letter-spacing:1px;}
.swiper-container-index .bannet-mid-img{ width:15%; margin:0 auto; padding:4rem 0;}
.swiper-container-index .banner1 .banner-large-title{ font-size:4rem; padding-top:0; letter-spacing:1px; font-weight:bold;}

.swiper-container-index .banner1-img-left { position:absolute; left:8%;top:10%; width:12%;}
.swiper-container-index .banner1-img-left  .test-move-left-1{ padding:1.6vh 0;}

.swiper-container-index .banner1-img-right{ position:absolute; right:4%;top:10%; width:12%;}
.swiper-container-index .banner1-img-right  .test-move-right-1{ padding:1.6vh 0; width:50%;}



.swiper-container-index .banner2{ position:absolute; left:10%; top:15%; padding:0;color:#fff; }
.swiper-container-index .banner2 .banner-title{font-size:2.4rem; font-weight:bold;color:rgba(255,255,255,.6);}
.swiper-container-index .banner2 .banner-large-title{ font-size:3rem; padding-top:0; line-height:1.4em; letter-spacing:1px; }
.swiper-container-index .banner2 .banner-large-title strong{font-size:3rem;color:var(--web-theme-color);}
.swiper-container-index .banner2 .bannet-mid-img{ width:30%; padding:2rem 0; margin:0;}
.swiper-container-index .banner2 .bannet-mid-img  li:nth-child(2){ padding:0 1rem;}

/*关于我们*/
#index-reason{ padding-top:8rem; padding-bottom:8rem;} 
#index-reason .grid{grid-template-columns:auto;justify-content:center;grid-row-gap:6rem; padding-top:4rem;}
#index-reason .grid  h3{font-size:2.8rem;}
#index-reason .grid  p{ font-size:2.2rem;}

/*服务中心*/
#index-service{padding-bottom:4rem;}
#index-service .grid{ grid-template-columns:auto; justify-content: flex-start; grid-row-gap:4rem;padding-top:4rem; }	
#index-service .grid .service-item{ border-right:none; padding:0;}

/*产品中心*/
.indexprobg .grid{ grid-template-columns:auto;grid-row-gap:2rem; padding-top:8rem;}		


/*联系我们*/
#index-contact{ padding-top:0;}
#index-contact .grid{  grid-column-gap:20vw;}	
#index-contact h2{ font-size:4.8rem; width:100%;}
.indexcont-item h2 a{ text-align:left; white-space:nowrap;}
#index-contact p{ line-height:1.4em; color:#fff; max-width:200px;} 
#index-contact img{ position:absolute; right:0; bottom:-20%;width:26%;}


/*-----------------------------内页-----------------------------------------*/
 h3{font-size:2.5rem;}
 p{ font-size:2.2rem;}
 
.com-list{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:repeat(3,1fr);
}
.com-list-1{ display:block;display: -webkit-grid; 
  display: grid;
	grid-template-columns:repeat(3,1fr);}
.com-list-item a{
	display:block;
	font-size:1.8rem;
	text-align:center;
	color:#fff;
	padding:2rem 3rem;
	white-space:nowrap;
	 
}




/*nybanner*/
#nybanner{
	height:24vw;
	}
.nyabimg{ background-image:url(/images/nybanner/banner1-1.jpg);}
.nyserimg{background-image:url(/images/nybanner/banner1-2.jpg);}
.NybarClutch{ background-image:url(/images/nybanner/banner1-3.jpg);}	


/*关于我们*/
#luke-culture{ padding-top:6rem;padding-bottom:7rem;}
#luke-culture .grid{grid-template-columns:auto;justify-content:center;align-items: center;grid-row-gap:2rem;padding-top:4rem;}
#luke-culture .grid .culture-item-right{ margin-left:0;}

/*企业文化*/
.culture-item ul li{ font-size:2.5rem;font-weight:bold;line-height:1.4em; }

/*服务中心*/
#service{ padding-bottom:4rem;}
#service .servicebgwhite{ margin-top:4rem;}
.servicebgblue .grid{grid-template-columns:auto;justify-content: flex-start; grid-row-gap:6rem;padding-top:6rem;}
.servicebgblue .grid .downcome-left{ display:block; background-color:#d3d100; padding:5px 4rem; font-size:3rem;}
.servicebgblue .grid .downcome-right{ display:block; background-color:#00a0e9; padding:5px 4rem; margin-left:2rem;font-size:3rem;}
.servicebgblue .grid .downcome-left:hover,.servicebgblue .grid .downcome-right:hover{background-color:var(--web-theme-color-black); color:#fff;}

/*产品列表*/
.pro-list{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:4rem;
  margin-top:9rem;
}
.pagination li:first-child{ display:none;}

/*产品详细*/
#product-details{ padding-bottom:2rem;}
 .promartoptitle{
		font-size:1.2em;
		flex:0 0 30%;
		padding:10px;}
.product-item{
	margin-top:3vh;
}
.promartop{
	font-size:12px;
}
.proline{ width:100%; }
.proviewgsline{  width:100%;}
	#product-details .row{
		padding-top:15px;
		padding-bottom:15px;
		padding-left:5px;
		padding-right:5px;}	
	.proname{
		font-size:1.2em;
		white-space:nowrap;}
	.proviewgs th,.proviewgs h3{
		font-size:16px;}
	.proviewgs p{
		font-size:10px;}
		
/*其他产品*/	
#proothers{ padding-bottom:4rem;}
#proothers .proothers-line{
	width:14%;
	height:2px;
	background-color:var(--web-theme-color);
	margin:0 auto;
	margin-top:10px;}	
#proothers .pro-list{
		grid-template-columns:repeat(2,1fr)
}

/*新闻资讯*/
#news{ padding-bottom:4rem;}			

/*新闻详情*/

/*联系我们*/
#contact{ padding-top:6rem;padding-bottom:6rem;}
#contact .grid{grid-template-columns:auto;justify-content: space-between;}
.cont-ewm{ width:60%;}
.cont-ewm img{ width:100%;}
}