.oemjixingdiv{ overflow:hidden;}
.oemjixinglist{ overflow:hidden; float:left;width: calc( 100% / 5 - 24px);margin: 12px 12px 20px;box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);}
.oemjixingtu{ width:100%; overflow:hidden; text-align:center;/*! max-height: 28vh; *//*! aspect-ratio: 12/9; */background: #fff;padding: 14px;/*box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);*/}
.oemjixingtu img{ width:100%;  /*object-fit: cover;*/ /*height: 30vh;*/max-width: 100%;max-height: 100%; aspect-ratio: 10/9; }
.oemjixinglist h3{font-size: 20px;color: #434141;line-height: 1.5;margin: 20px 0 0;text-align: center;font-weight: 500;z-index: 999;position: relative;}
.oemjixinglist p{font-size: 20px;color: #666666;line-height: 1.5;/*margin: 20px;*/text-align: center;/*! font-weight: bold; */margin: 12px 0;}
.oemjixinglist:hover img{transform: scale(1.1);}

.packaging-types {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

	gap: 20px;

	margin: 60px 0 14px;

}



.packaging-card {

	background: white;

	border-radius: 8px;

	overflow: hidden;

	box-shadow: 0 4px 10px rgba(0,0,0,0.05);

	transition: transform 0.3s ease;

}



.packaging-card:hover {

	transform: translateY(-5px);

}



.packaging-image2 {

	width: 100%;

	height: 300px;

	object-fit: cover;

}



.packaging-content {

	padding: 20px;

}



.packaging-content h3 {

	font-size: 18px;

	color: #333;

	margin-bottom: 10px;

}



.packaging-content p {

	font-size: 14px;

	color: #666;

	line-height: 1.5;

}



.core-advantages {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

	gap: 20px;

	/*margin: 30px 0;*/

}



.advantage-card {

	background: white;

	padding: 36px;

	border-radius: 8px;

	box-shadow: 0 4px 10px rgba(0,0,0,0.05);

	text-align: center;

	transition: transform 0.3s ease;
border: 2px solid transparent;
}



.advantage-card:hover {

	transform: translateY(-5px);
box-shadow: inset 0 0 15px rgba(255, 154, 158, 0.22), inset 0 0 30px rgba(161, 196, 253, 0.01), inset 0 0 10px rgba(255, 255, 255, 0.02);
  background: linear-gradient(90deg, #fff, #fff) padding-box, linear-gradient(45deg, #ff9a9e, #fad0c4, #fad0c4, #a1c4fd, #c2e9fb) border-box;
  transform: translateY(-4px);
}



.advantage-card h3 {

	font-size: 23px;

	color: #333;

	margin: 20px;

  font-weight: bold;

}



.advantage-card p {

	font-size: 17px;

	color: #666;

	line-height: 30px;

}



.core-xilie {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));

	gap: 20px;

	/*margin: 30px 0;*/

}



.xilie-card {

	background: white;

	padding: 36px;

	border-radius: 8px;

	box-shadow: 0 4px 10px rgba(0,0,0,0.05);

	text-align: center;

	transition: transform 0.3s ease;
border: 2px solid transparent;
}



.xilie-card:hover {

	transform: translateY(-5px);
box-shadow: inset 0 0 15px rgba(255, 154, 158, 0.22), inset 0 0 30px rgba(161, 196, 253, 0.01), inset 0 0 10px rgba(255, 255, 255, 0.02);
  background: linear-gradient(90deg, #fff, #fff) padding-box, linear-gradient(45deg, #ff9a9e, #fad0c4, #fad0c4, #a1c4fd, #c2e9fb) border-box;
  transform: translateY(-4px);
}



.xilie-card h3 {

	font-size: 22px;

	color: #333;

	margin: 20px 0;

  font-weight: bold;

}



.xilie-card p {

	font-size: 17px;

	color: #666;

	line-height: 30px;

}




.xhgxdiv{ overflow:hidden;}
.xhgxlist{ overflow:hidden; float:left;width: calc( 100% / 4 - 20px); margin:0 10px 20px;}
.xhgxtu{ width:100%; overflow:hidden; text-align:center;max-height: 28vh;aspect-ratio: 12/9;}
.xhgxtu img{/* width:100%;object-fit: cover;height: 40vh;*/max-width: 100%;max-height: 100%;}
.xhgxlist p{font-size: 20px;
color: #333;
line-height: 1.5;
/*margin: 20px;*/
text-align: center;
font-weight: bold;}
.xhgxlist:hover img{transform: scale(1.1);}

.innlbg_oem1{ padding:80px 0; /*background:#0692E5;*/background:url('../images/index_bg6.jpg') no-repeat center;background-size: cover;text-shadow: 1px 1px 1px #333;}

.inshugun{ overflow:hidden; width:100%;margin: 10px 0;}



.inshugdiv{ float:left; width:calc( 100% / 5 - 40px);margin: 0 20px; /*margin-right:4px;*/ text-align:center;/*border-right: 1px dashed #ccc;*/}

.inshutu{margin-bottom: 18px;}

.inshutu img

.inshugtu{ overflow:hidden; max-width: 40px;margin-bottom: 8px;}



.inshugtu img{ max-width:100%;}



.inshugdiv h3 span{font-family: Impact !important;font-size: 44px; color: #fff;line-height: 40px;}



.inshugdiv h3 sup{font-size: 20px;color: #fff;margin-left: 2px;}



.inshugdiv h4{line-height: 32px;font-size: 22px;font-weight: bold;color:#fff; margin-top:15px;}





.dispflex{ display:flex;}
.yiban-left{ width:30%; float:left;}
.yiban-left img{border-radius: 20px;}
.yiban-right{ width:65%; float:right;color: #666;font-size: 18px;line-height: 36px;display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.yiban-right2{ width:30%; float:right; text-align:right;}
.yiban-right2 img{border-radius: 20px;}
.yiban-left2{ width:65%; float:left;color: #666;font-size: 18px;line-height: 36px;display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.yiban-right-flex{padding-left: 10%;}
.yiban100{ width:100%;color: #666;
  font-size: 18px;
  line-height: 36px;}
.yiban100 b,.yiban100 strong{font-size:20px;}




.cpjixing{overflow: hidden;}
.jixing_item {width: calc( 100% / 4 - 20px); margin:20px 10px 20px;float: left;box-shadow: 0 2px 8px rgba(0,0,0,0.1);border-radius: 8px;}
.jixing_tu{border-radius: 8px 8px 0 0; overflow:hidden;/*height: 46vh;*/}
.jixing_tu img{border-radius: 8px 8px 0 0;width: 100%;/*object-fit: cover;*/aspect-ratio: 7/9;
  /*border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/}
.jixing_content {
  background: #fff;
  text-align: center;
  padding: 26px 36px;
  border-radius: 0 0 8px 8px;/*box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
}
.jixing_content h2{font-size: 22px;
  font-weight: bold;
  margin-bottom: 14px;}
.jixing_content p{font-size: 18px;margin-bottom: 10px;color: #666; display:none;}
.jixing_item:hover .jixing_tu img{transform: scale(1.1,1.1);transition: all 0.6s;}


.zhongchengyaodiv{ overflow:hidden;}
.zhongchengyaolist{ overflow:hidden; float:left;width: calc( 100% / 3 - 20px); margin:0 10px 10px;}
.zhongchengyaotu{ width:100%; overflow:hidden; text-align:center;/*! max-height: 28vh; *//*! aspect-ratio: 12/9; */background: #fff;padding: 10px;box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);}
.zhongchengyaotu img{/*! width:100%; */ /*object-fit: cover;*/ height: 30vh;max-width: 100%;max-height: 100%;/*! aspect-ratio: 12/9; */}
.zhongchengyaolist h3{font-size: 20px;color: #434141;line-height: 1.5;/*margin: 20px;*/text-align: center;font-weight: 500;z-index: 999;position: relative;}
.zhongchengyaolist p{font-size: 20px;color: #666666;line-height: 1.5;/*margin: 20px;*/text-align: center;/*! font-weight: bold; */margin: 12px 0;}
.zhongchengyaolist:hover img{transform: scale(1.1);}


@media (max-width:768px){
.advantage-card{padding: 30px 16px;}
.advantage-card h3 {font-size: 20px;}
.advantage-card p{font-size: 16px;}
.jixing_item{width: calc( 100% / 1 - 20px);}
.jixing_tu{ height:auto;}

.dispflex{display: block;
  overflow: hidden;}
.putong-right{width: 100%;padding: 0;margin-bottom: 20px;}
.putong-left {
  width: 100%;
  margin-bottom: 20px;
}

.oemjixinglist{width: calc( 100% / 2 - 24px);}
.oemjixinglist h3 {font-size: 16px;}


.zhongchengyaolist{width: calc( 100% / 2 - 20px);}
.zhongchengyaotu img {
  width: 100%;
  /*object-fit: cover;*/
  height: auto;
  aspect-ratio: 9/9;
}
.zhongchengyaolist h3 {font-size: 16px;}
.zhongchengyaolist p {font-size: 14px;}

.xhgxlist{width: calc( 100% / 2 - 20px);}
.xhgxlist p {font-size: 16px;}




}