/*汕头裕兴食品*/
.index_about{background-image:url(../images/index_about.jpg); background-repeat:no-repeat;background-position: center;height:900px;}
.width-1340{width: 65%;overflow: hidden;position: relative;margin: 0 auto;}
.width-1200{width: 1200px;overflow: inherit;position: relative;margin: 0 auto;}
.index_about_title{text-align:center;margin-top:120px;}
.index_about_info{text-align: center;font-size:17px;line-height: 29px;color:#666666;padding:40px 150px;background-image: url(../images/index_about_tip.png);background-size: contain;background-repeat: no-repeat;background-position: center;}
.more{font-size:14px;text-align:center;color:#e50019;}
.index_about_pic{margin-top:40px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_about_pic img{width:49.7%;}
.index_product{background-color: #fec901; background-image:url(../images/index_product.jpg); background-repeat:no-repeat;height:900px;}
.index_product_1414{/* 设置背景图片 - 需替换为实际图片路径 */
    background-image: url(../images/index_product_bg.png);
    /* 背景图片不重复 */
    background-repeat: no-repeat;
    /* 背景图片位置 - top表示顶部对齐 */
    background-position: top;
    /* 背景图片大小 - cover表示覆盖整个元素，contain表示完整显示 */
    background-size: 85%;
    /* 设置元素高度和宽度 */
    height: 520px;
    width: 1200px;
    /* 水平居中 */
    margin: 20px auto 0;
    /* 设置flex布局 */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}
.index_product_title{text-align:center;margin-top:120px;}
.index_product_info{text-align: center;font-size:18px;line-height: 29px;color:#cf0011;padding:20px 150px 0px 150px;}
.index_product_left{width:250px;margin-left:16px;margin-top:50px;}
.index_product_left .icon2{display: none;}
.index_product_left .hover{color:#fff;background-color:#cf0011;}
.index_product_left .hover .icon2{display: block;}
.index_product_left .hover .icon1{display: none;}
.index_product_menu{border-radius:44px;width:200px;height:44px;margin-bottom:23px;padding-left:34px;display: flex;justify-content:flex-start;flex-wrap:wrap-reverse;
	line-height: 44px;font-size:20px;color:#666666;font-weight:bolder;
}
.index_product_menu:hover{cursor: pointer;}
.index_product_menu img{margin-right:10px;}
.index_product_box{display: none;}
.index_product_right{width:925px;margin-right:5px;padding-top: 150px; overflow: hidden;}
.index_product_right p{text-align: center;color:#cf0011;    line-height: 60px;}
.index_product_pic{text-align:center;transform: scale(0.9);}
.index_product_pic p{font-size:22px;color:#313030}

.index_product_preview{width:925px;padding-top: 80px; overflow: hidden;}
.index_product_preview p{text-align: center;color:#cf0011;    line-height: 60px;}

.swiperpage{display: flex; justify-content: center; align-items: center; width: 20%; margin-top: 50px; position: relative; gap: -5px; margin-left: auto; margin-right: auto;}
.swiperpage .swiper-button-prev{width: 36px; background: url(../images/arrow_left.png) no-repeat center center; cursor: pointer;display: flex;align-items: center;justify-content: center;}

.swiperpage .swiper-button-next{width: 36px; background: url(../images/arrow_right.png) no-repeat center center; cursor: pointer;display: flex;align-items: center;justify-content: center;}
.swiperpage img{display: inline-block;vertical-align: middle;max-height: 36px;margin: 0;}

.index_custom{background-color: #fff;background-image:url(../images/index_custom_bg.jpg); background-repeat:no-repeat;height:900px;overflow: hidden;}
.index_custom_title{text-align:center;margin-top:120px;margin-bottom:40px;}
.index_custom .list{background-color:#fff;width:390px;height:504px;border:1px solid #d6d6d6;margin: 0 auto;}
.index_custom_info{background-color:#fff;width:310px;height:82px;padding:47px 40px;position: absolute;bottom:1px;}
.index_custom_pic{position: absolute;width:390px;}
.index_custom_info .data{font-size:18px;color:#cf0011;padding-bottom:12px;}
.index_custom_info .title{font-size:22px;}
.index_custom_info .more{font-size:14px;color:#cf0011;text-align: right;margin-top:-20px;position: absolute;right: 35px;bottom: 35px;}
.index_custom_up{position: absolute;top: -50px;left: 184px;z-index:1;}
.index_custom_down{position: absolute;top: 177px;left: 205px;z-index:1;}

.index_news{background-color: #fff;background-image:url(../images/index_news_bg.jpg); background-repeat:no-repeat;height:900px;overflow: hidden;}
.index_news_title{text-align:center;margin-top:120px;margin-bottom:80px;}
.index_news .list{background-color:#fff;width:390px;height:504px;border:1px solid #d6d6d6;margin: 0 auto;}
.index_news_info{background-color:#fff;width:310px;height:82px;padding:47px 40px;position: absolute;bottom:1px;}
.index_news_pic{position: absolute;width:390px;}
.index_news_info .data{font-size:18px;color:#cf0011;padding-bottom:12px;}
.index_news_info .title{font-size:22px;}
.index_news_info .more{font-size:14px;color:#cf0011;text-align: right;margin-top:-20px;position: absolute;right: 35px;bottom: 35px;}
.index_news_up{position: absolute;top: -50px;left: 184px;z-index:1;}
.index_news_down{position: absolute;top: 177px;left: 205px;z-index:1;}

.index_duty{background-color: #fff;background-image:url(../images/index_duty_bg.jpg); background-repeat:no-repeat;background-size:cover;;height:950px;background-size: cover;background-position: center;}
.index_duty_pic{background-image: url(../images/index_duty_pic1.png);background-repeat:no-repeat;background-size:100%;height:565px;margin-top:195px;overflow:visible;}
.index_duty .title{font-size:45px;color:#feedd0;line-height: 66px;padding-top:135px;width:220px;margin-left:780px;}
.index_duty .mome{font-size:18px;color:#feedd0;line-height: 28px;width:280px;margin-left:780px;}
.index_duty .more{font-size:18px;color:#feedd0;line-height: 66px;width:220px;text-align: left;margin-left:780px;}
.index_duty_pic2{position:absolute;top:214px;right:-170px;width:350px;}

.index_contact{background-image: url(../images/index_contact_bg.jpg);background-color: #fff; background-repeat:no-repeat;background-size:cover;;height:900px;background-size: cover;background-position: center;}
.index_contact_iconlist{width:90%;display: flex;justify-content: center;align-items: center;margin:0 auto;margin-top:62px; text-align: center;position: relative;gap:40px;}

/* 响应式设计 - 调整宽度和字体大小，确保水平排列 */
@media (max-width: 1200px) {
  .index_contact_iconlist{width:80%;}
}

@media (max-width: 992px) {
  .index_contact_iconlist{width:90%;}
  .index_contact_iconlist p{font-size:18px !important;line-height:28px !important;}
}

@media (max-width: 768px) {
  .index_contact_iconlist{width:95%;}
  .index_contact_iconlist p{font-size:16px !important;line-height:24px !important;}
  .index_contact_iconlist a .iconbox{width:36px;height:36px;}
  .index_contact_iconlist .iconbox i{font-size:36px;}
}

@media (max-width: 576px) {
  .index_contact_iconlist{width:98%;}
  .index_contact_iconlist p{font-size:14px !important;line-height:20px !important;}
  .index_contact_iconlist a .iconbox{width:32px;height:32px;}
  .index_contact_iconlist .iconbox i{font-size:32px;}
  
  /*企业风采移动端样式*/
  .fcya{width: 100%;margin-top: 2%;}
  .fcyaa{width: 100%;margin-top: 6%;cursor: pointer;}
  .fcyab{width: 100%;border: 1px solid #ebeff2;padding: 10px;transition: all ease 0.3s;border-radius: 10px;}
  .fcyab_t img.tb{width: 35px;}
  .fcyaa p{font-size: 0.95rem;color: #7e7e7e;line-height: 16px;margin-top: 12px;}
  .fcyac{width: 0%;height: 0%;background-color: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 999;opacity: 0;}
  .fcyad .close{position: absolute;right: 0;top: 0;}
  
  /*工厂实景页移动端样式*/
  .gcsja{width: 100%;}
  .gcsjb{width: 100%;background-color: #f7fafc;padding: 8% 0;margin-top: 8%;}
  .gcsjc{width: 100%;margin-top: 8%;}
}
.index_contact_iconlist a{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.index_contact_iconlist p{font-size:20px !important;line-height:30px !important;margin:0;padding:0;}
.index_contact_box{width:908px;border:1px solid #cf0011;margin:0 auto; text-align: center;font-size:18px;line-height: 38px;margin-top:100px;}
.index_contact_iconlist a .iconbox{position: relative;width:40px;height:40px;display: flex;align-items: center;justify-content: center;margin-bottom:10px;}
.index_contact_iconlist .iconbox i{font-size:40px;color:#cf0011;}
.index_contact_iconlist .iconbox svg{color:#cf0011;}
.index_contact_iconlist .iconbox svg path{fill:#cf0011 !important;}
.Qrcode{position:absolute;top: -110%;left: 63.5%;}

.index_contact_box span{color:#cf0011;font-size:34px;display:block;line-height: 100px;}
.index_contact_box .joinus_link{background-color:#cf0011;font-size:26px;line-height:64px;color:#fff;margin-top:45px;}




.index-1.m-active,.index-1:hover{color: #e72427;}
.index-1.m-active>.index-1-icon,.index-1:hover>.index-1-icon{
	background:url(../images/jb-bg.png) no-repeat center;
border:none;background-size: 100% 100%;}
.index-1.m-active>.index-1-icon>img,.index-1:hover>.index-1-icon>img{
	opacity: 0;}
.index-1.m-active>.index-1-icon>span,.index-1:hover>.index-1-icon>span{
	opacity: 1;}
.index-2{margin-top: .8rem;}
.index-2:after,.img-box.index-11:after{content: '';position: absolute;width: 28px; height:10px;transform: translateX(-50%);
background: url(../images/sj.png) no-repeat center;top:0;left: 50%;z-index: 2;}
.index-3{height: 651px;position: relative;}
.index-3>.a-background{height: 100%;}
.index-3>.text{position: absolute;width: 100%; height: 100%;z-index: 1;background: rgba(11,9,37,.7);top:0;
left: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all .5s;
opacity: 0;}
.index-3>.text>h1{font-size: .72rem;color:rgba(255,255,255,.9);line-height: 1.1rem;margin: 0 0 .6rem;}
.index-3:hover>.text .wo{animation: fadeInUp 1s backwards;}
.index-3:hover>.text{opacity: 1;}

.index-bt1{background: url(../images/index-bg1.jpg) no-repeat bottom center;}
.index-bt1 .btn-ljgd{margin-top: .9rem;}
.index-5{overflow: hidden;height: 100%;}
.index-5 .width-50{float: left;}
.index-6{padding-bottom:70.8%;}
.index-6.img-box:hover>img,.index-11.img-box:hover>img{transform: scale(1.05);}
.index-8{position: absolute;background: #303030;color: #cfcfcf;width: 100%;height: 100%;
display: flex;justify-content: center;flex-direction: column;font-size: .44rem;padding: 5% 10% 5% 5%;line-height: .72rem;}
.index-9{max-width: 330px;margin: 0 auto;}
.index-9>h1{font-size: .8rem;color: #fff;margin: 0 0 .36rem;}
.index-9 .btn-ljgd{margin-top: .9rem;}
.index-5.swiper-slide-active .wo,.index-10.swiper-slide-active .wo{animation: fadeInUpa 1s backwards;}







.index-4{overflow: hidden;}
.index-page{width: 24px !important;right: 1rem;left: auto !important;bottom: auto !important;
top: 50%;transform: translateY(-50%);}
.index-page .swiper-pagination-bullet{width: 24px; height: 24px;border-radius: 50%;
opacity: 1;background: none;margin:.4rem 0 !important;position: relative;
border: 1px solid rgba(0,0,0,0);}
.index-page .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #d52528;
position: absolute;left: 9px;top:9px;border-radius: 50%;}
.index-page .swiper-pagination-bullet:hover,.index-page .swiper-pagination-bullet-active{
	border: 1px solid #d52528;}
.index-10{background: #fff;}
.index-11{padding-bottom:72.131%;}
.index-14{border: 1px solid #dcdcdc;border-left: none;background: url(../images/index-4.jpg) no-repeat right top;}
.img-box.index-11:after{top:50%;left: auto;right:0;transform:translateY(-50%);width: 10px;height: 28px;
background-image: url(../images/sj-2.png); }
.index-12{position: absolute;color: #969696;width: 100%;height: 100%;
padding: 1.4rem 3.6rem 1.4rem 1.4rem;line-height: 1.8;}
.index-12>.h3{line-height: 1.5;margin: 0;}
.index-12>.rq{font-size: 16px; color: #707070;font-weight: 600;margin: .3rem 0 .5rem;}

.index-13{font-size: 16px;color: #fff;background: #e72427;display: inline-block;
position: absolute;right: .8rem;bottom: 1.26rem;line-height: 30px;padding: 0 .2rem;}

.index-page2{width: 50% !important;left: 50% !important;text-align: left;padding-left: 1.4rem;
bottom: 1rem !important;}

.index-page2 .swiper-pagination-bullet{font-size: 18px;opacity: 1;width: auto;height: auto;color: #dcdcdc;
margin: 0 .7rem 0 0 !important;border-radius: 0;line-height: 1;padding-bottom: .34rem;
border-bottom: 3px solid rgba(0,0,0,0);background: none;}
.index-page2 .swiper-pagination-bullet-active{border-color: #e72427;color: #000;}
.index-15{margin: 1.06rem auto;border-top: 1px solid #ededed;}
.index-16{border-bottom: 1px solid #ededed;padding: .48rem .2rem;display: flex;font-size: 16px;transition: all .3s;
color: #969696;background: url(../images/icon-6.png)no-repeat 98% center;align-items: flex-start;line-height:30px;}
.index-17{width: 6em;text-align: center;background: #707070;padding: 0;flex-shrink: 0;
color: #fff;transition: all .3s;}
.index-18{width: 3.6rem;flex-shrink: 0;text-align: center;font-weight: 600;}
.index-19{width: 50%;flex-grow: 1;padding-right: 3.6rem;font-size: 18px;}
.index-19>.m-dhslh{display:block;text-overflow:ellipsis;white-space: nowrap;}
.index-16:hover{background-image: url(../images/icon-7.png);}
.index-16:hover,.index-16:hover a{color: #e72427;}
.index-16:hover>.index-17{background: #e72427;}
.index-hzhb{padding: 2rem 0 1rem;font-size: .44rem;color: #707070;line-height: .76rem;}
.index-20{float: left;width: 66.4%;padding-top: .24rem;overflow: hidden;}
.index-21{width: 27.16%;margin-right:6.17%;margin-bottom:6.17%;background: #fff;float: left;
cursor: pointer;transition: all .5s;}
.index-21>.img-box{padding-bottom: 100%;}
.index-21>.img-box>.m-center{position: absolute;width: 100%;height: 100%;padding: 5%;}
.index-21:hover{transform: translateY(-6px);/*box-shadow: 0 2px 5px rgba(0,0,0,.2);*/}
.index-22{float: right;width: 20.5%;}
.index-22>h1{font-size: 1rem;line-height: 1.4rem;margin: 0 0 .6rem;color: #111111;}
.index-22 .btn-ljgd{margin-top: 1rem;}


/*banner*/
.banner{height: 948px;overflow: hidden;}
.banner-box{height: 100%;}
.banner-1{height: 100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 4%;}
.banner-left{width: 45%;padding-left: 4%;color: #fff;}
.banner-left>h1{font-size: 1rem;line-height: 1.4rem;margin: 0;}
.banner-left>h2{font-size: .56rem;margin: .8rem 0 1.14rem;}
.banner-right{width: 46.7%;}
.banner-img1{margin: 38px 0 58px;}
.banner-box.swiper-slide-active .banner-left .wo{animation: fadeInUpa 1s .5s backwards;}
.banner-box.swiper-slide-active .banner-right .wo{animation: fadeInRight 1s .5s backwards;}



@media only screen and (max-width:1600px) {
.m-prev{left: .5%;}
.m-next{right: .5%;}
.banner{height:700px;}
}


@media only screen and (max-width:768px) {

.banner{height: auto;}
.banner-1{flex-wrap: wrap;flex-direction: column-reverse;padding: 19.6% 10% 30%;align-items: flex-start;}
.banner-left{width: 85%;padding:20% 0 0 0;}
.banner-right{width: 100%;text-align: center;}
.banner-img1{margin: .8rem 0 1.2rem;}
.index-cp>div{margin: 0 10%;}
.index-3{height: auto;}
.index-3>.a-background{height: 0;padding-bottom: 86.67%;}




.index-3>.text{opacity: 1;}
.index-3.swiper-slide-active .wo{animation: fadeInUp 1s backwards .5s;}
.index-7>.index-6{padding: 0;}
.index-8{position: relative;padding: 10% 20%;}
.index-12>.h3{font-size: .7rem;}
.index-12{position: relative;padding-bottom: 3.6rem;}
.index-14{padding: 0;background-size: 19.6% auto;border:1px solid #dcdcdc;border-top: none;}
.index-page2{width: 100% !important;left: 0 !important;text-align: left;}
.img-box.index-11:after{top:auto;left: 50%;right:auto;bottom:0;transform:rotate(180deg) translateX(50%);
width: 28px;height: 10px;
background-image: url(../images/sj.png); }
.index-new{margin: 0 5%;width: 90%;}
.index-16{font-size: .45rem;padding: .3rem 0;background: none;align-items: center;}
.index-19{font-size: .5rem;padding: 0;line-height: 1.5;}
.index-19>.m-dhslh{display: -webkit-box;text-overflow: clip;white-space:  normal;}
.index-20,.index-22{width: 100%;float: none;}
.index-20{padding: 0 3%;}
.index-22{padding: 1rem 18%;text-align: center;}
.index-21{margin: 3.085%;}


	}

	/* 定制加工区域 */
        .custom {padding: 80px 0; background-color: var(--light-color);}
        .custom-content {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
        .custom-image {flex: 1.25; min-width: 300px; margin-right: 60px;}
        .custom-image img {width: 100%; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
        .custom-features {flex: 1; min-width: 300px;}
        .feature-item {display: flex; justify-content: left; margin-bottom: 30px;}
		.feature-item1 {display: flex; justify-content: left;}
        .feature-icon {display: flex; align-items: flex-start; font-size: 32px; color: #e72427; min-width: 60px; text-align: center;}
		.feature-contact-icon {display: flex; align-items: center; font-size: 40px; color: #e72427; min-width: 60px; text-align: center;justify-content: center; height: 50px;margin-bottom: 10px;}
        .feature-content h3 {font-size: 20px; color: var(--dark-color); margin-bottom: 10px;}
        .feature-content p {font-size: 14px; line-height: 1.6;}


		/* 网格容器样式 */
		.grid-container { width: 100%; max-width: 985px; margin: 0 auto; padding: 20px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, auto); gap: auto; }
		/* 网格项样式 */
		.grid-item { border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
		/* 图片容器样式 */
		.grid-image { height: 300px; overflow: hidden; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; cursor: pointer;}
		/* 图片样式 */
		.grid-image img { width: 100%; height: auto; object-fit: contain; transition: transform 0.5s ease; }
		/* MORE图片样式 */
		.more-image { display: flex; justify-content: center; align-items: center; padding: 10px 0; }
		.more-image img { object-fit: cover; }
		/* 图片悬停效果 */
		.grid-item:hover .grid-image img { transform: scale(1.1); }
		/* 文字内容样式 */
		.grid-content { padding: 15px; text-align: center; }
		/* 标题样式 */
		.grid-title { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; }
		/* 描述文字样式 */
		.grid-description { font-size: 14px; line-height: 20px; color: #333; padding: 0 20px 20px 20px; }
		
		/* 认证证书图片样式 */
		.certSwiper {
			position: relative;
			max-width: 1250px;
			margin-top: 180px;
			margin-bottom: 240px;
		}
		
		/* 左侧装饰图片 */
		.cert-group::before {
			content: '';
			position: absolute;
			left: 0px;
			top: 240px;
			width: 50px;
			height: 310px;
			background-image: url('../images/PicList002433_ul_l.png');
			background-repeat: no-repeat;
			z-index: 10;
		}
		
		/* 右侧装饰图片 */
		.cert-group::after {
			content: '';
			position: absolute;
			right: 0px;
			top: 240px;
			width: 50px;
			height: 310px;
			background-image: url('../images/PicList002433_ul_r.png');
			background-repeat: no-repeat;
			z-index: 10;
		}

		.certSwiper .swiper-slide figure{
			position:relative; /* 确保伪元素相对于figure定位 */
			overflow:visible; /* 确保伪元素不被裁剪 */
		}
		.certSwiper .swiper-slide figure:after{
			position:absolute;
			right:-24px; 
			top:-4px;
			background: url('../images/PicList002433_ying.png') no-repeat left bottom; 
			width:24px; 
			height:100%; 
			background-size:contain; 
			content:'';
			z-index:1;}
		
		.certSwiper .swiper-slide {
			width: calc(100%) !important;
		}
		.certSwiper .swiper-slide figure img {
			width: auto;
			height: 215px;
			object-fit: cover;
			padding: 8px;
    		border: 5px solid #4b4949;
		}
		
		.certSwiper .swiper-slide .ytable {
			height: 215px;
		}
		.certSwiper .swiper-slide .ytable-cell {
			display: flex;
			align-items: center;
			justify-content: center;
		}

		



		/* 证书文字水平居中 */
		.certSwiper .swiper-slide aside {
			text-align: center;
      		height: 65px;
			margin-top: 25px;
      		background-image: url(../images/PicList002433_libg.png);
		}
		.certSwiper .swiper-slide aside p.dot2 {
			text-align: center;
			margin: 0;
      		padding-top: 30px;
			font-size: 16px;
		}
		/* 响应式调整 */
		@media (max-width: 768px) {
			.certSwiper .swiper-slide {
				width: 100% !important;
			}
			.certSwiper {
				padding: 0 30px;
			}
			.certSwiper::before,
			.certSwiper::after {
				width: 20px;
				height: 60px;
			}
		}
		/* 响应式设计 */
	    
    /* 所有slide都保持可见状态 */
    .certSwiper .swiper-slide {
      opacity: 1;
      visibility: visible;
      transition: transform 0.3s ease;
    }
    
    /* 证书组合容器 */
    .cert-group {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 92%;
      height: 100%;
      margin: 0 auto;
    }
    
    /* 证书项样式 */
    .cert-item {
      width: 100%;
      height: 100%;
      display: block;
      text-align: center;
    }
    
    /* 响应式调整 */
    @media (max-width: 768px) {
      .cert-group {
        flex-direction: column;
      }
      
      .cert-item {
        width: 100%;
        margin-bottom: 20px;
      }
    }
		
    /*工厂实景*/
	.gc{width: 100%;margin-top: -130px;}
	.gca .bt h6{color: #fff;}
	.gca .bt h6 span{color: #fff;}
	.gca > p{float: right;font-size: 18px;color: #fff;line-height: 32px;letter-spacing: 3px;}
	.gcb{width: 102.333%;margin-left: -1.1665%;padding-top: 49px;overflow: hidden;}
	.gcda{width: 91.2%;margin: 0 auto;}
	.gcda_t{width: 100%;background-color: #fff;border: 1px solid #ebeff2;padding: 9px;border-radius: 10px;overflow: hidden;transition: all ease 0.3s;}
	.gcda_t img{width: 100%;}
	.gcda p{font-size: 14px;color: #7e7e7e;line-height: 14px;margin-top: 20px;}
	.gcda p span{display: inline-block;width: 18px;height: 3px;background-color: #119d8a;position: relative;top: -3px;margin-right: 4px;}
	.gcda:hover .gcda_t{transform: translateY(-6px);}

	/*工厂实景页*/
	.gcsja{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
	.gcsja .fcyaa{width: 22%;margin: 20px 1% 0;}
	.gcsjb{width: 100%;background-color: #f7fafc;padding: 30px 0;margin-top: 63px;}
	.gcsjc{width: 100%;margin-top: 60px;}
	.bt h6{font-size: 22px;}
  .bt h6{display: flex; align-items: center;}  
  .bt h6 .title-icon{width:32px;height:32px;margin-right:12px;display:inline-block;}
	.bt{width: 1200px;margin: 0 auto;}
	.commen{margin: 0 auto;}

	    .fcyab {
        width: fit-content;
        border: 1px solid #ebeff2;
        padding: 11px;
        transition: all ease 0.3s;
        border-radius: 10px;
        margin: 0 auto;
    }
    .fcyab_t {
        width: 258px;
        height: 159px;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
    }
    .fcyab_t img.ta {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all ease 0.3s;
    }
    .fcyab_t img.tb {
        width: 38px;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: all ease 0.3s;
    }
    .fcyaa p {
        font-size: 16px;
        color: #7e7e7e;
        line-height: 16px;
        margin-top: 18px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
    .fcyaa p span {
        display: inline-block;
        width: 18px;
        height: 3px;
        background-color: #119d8a;
        margin-right: 12px;
        position: relative;
        top: -5px;
    }
    .fcyaa:hover {
        border-color: #119d8a;
    }
    .fcyaa:hover .fcyab_t img.ta {
        transform: scale(1.05);
        height: 100%;
        width: 100%;
    }
    .fcyaa:hover .fcyab_t img.tb {
        opacity: 1;
    }
    .fcyac {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        opacity: 0;
        display: none;
        transition: opacity 0.3s ease;
    }
    .fcyad {
        width: 900px;
        position: absolute;
        left: 50%;
        margin-left: -450px;
        top: 50%;
        margin-top: -275px;
    }
    .fcyad img.ta {
        width: 100%;
        height: auto;
        max-height: 80vh;
        object-fit: contain;
    }
    .fcyad .close {
        position: absolute;
        right: -20px;
        top: -20px;
        border-radius: 50%;
        background-color: #fff;
    }
    .fcya {
        width: 1280px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 10px auto 0;
        align-items: center;
    }
    .fcyaa {
        width: 22%;
        margin: 40px 0 0;
        cursor: pointer;
    }

.index_form{background-color: #fec901;background-image:url(../images/index_product.jpg); background-repeat:no-repeat;height:900px;}
.index_form_1414{/* 设置背景图片 - 需替换为实际图片路径 */
    /* 背景图片不重复 */
    background-repeat: no-repeat;
    /* 背景图片位置 - top表示顶部对齐 */
    background-position: top;
    /* 背景图片大小 - cover表示覆盖整个元素，contain表示完整显示 */
    background-size: 85%;
    /* 设置元素高度和宽度 */
    height: 520px;
    width: 1200px;
    /* 水平居中 */
    margin: 20px auto 0;
    /* 设置flex布局 */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;}
.index_form_title{text-align:center;margin-top:120px;}
.index_form_info{text-align: center;font-size:18px;line-height: 29px;color:#cf0011;padding:20px 150px 0px 150px;}
.index_form_box{display: none;}
.index_form_preview{width:1200px; padding-top: 50px; overflow: hidden;}
.index_form_preview p{text-align: center;color:#cf0011; line-height: 60px;}
.index_form_pic{text-align:center;transform: scale(0.9);}
.index_form_pic img{width: 100%; height: auto; object-fit: contain; max-width: 150px; max-height: 150px;}
.index_form_pic p{font-size:18px;color:#313030}
.form_bg{background-image: url(../images/index_form_bg.jpg);height: 1000px;background-position:center bottom ;background-repeat: no-repeat;}

/*定制包装页面样式*/
.packaging_detail_section {
    margin: 100px auto 30px auto;
    width: 1200px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.packaging_image_container {
    position: relative;
    width: 550px;
    height: 250px;
    text-align: center;
}
.prev_btn {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 10;
    font-size: 20px;
}
#current_packaging_image {
    max-width: 100%;
    max-height: 400px;
    object-fit: contain;
}
.next_btn {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 10;
    font-size: 20px;
}
.packaging_info {
    flex: 1;
    padding: 20px 40px;
    background: #f9f9f9;
    border-radius: 8px;
    width: 600px;
    height: 200px;
    overflow-y: auto;
}
#current_packaging_title {
    color: #ca0707;
    font-size: 24px;
    margin-bottom: 10px;
}
#current_packaging_description {
    color: #666;
    line-height: 1.6;
    font-size: 15px;
}
#current_packaging_description ul {
    list-style: none;
    padding: 0;
}