#head{height: 907px; position: relative;}
#banner ul li{height: 907px; width: 100%; display: block; background-position: center; background-size: cover;  }
#nav{position: absolute; top: 0; width: 100%; z-index:5;}
.nav{height: 101px; border-bottom: 1px solid rgba(255, 255, 255, 0.27); display: flex; justify-content: space-between; }
.logo{padding-top: 12px; }
.menu{ width: 80%; }
.menu>ul{display: flex; padding-top: 35px; justify-content: space-between;}
.menu>ul>li{color: #fff; font-size: 18px; line-height: 33px;  position: relative; }
.menu>ul>li:hover{font-weight: bold;}
.menu>ul>li:hover ul{display: block;}
.menu ul li ul{position: absolute; display: block; background: rgba(0,0,0,0.5); width: 100px; padding: 15px;text-align: center; left: 50%; transform: translateX(-50%); display: none;}
.menu ul li ul li{color: #fff; font-weight: normal; font-size:16px;}
.menu ul li ul li:hover{font-weight: bold;}
.search{float: right; padding-left: 72px; border-left: 3px solid #fff; height: 18px; margin-top: 7px;}

#bannerbj{height: 645px; background: url(../img/bj.png) repeat-x top; position: absolute; top: 0; width: 100%;}
#m1{height: 665px; padding-top: 65px;}
.m1l{width:calc(50% - 100px); height: 580px; float: left; padding-left: 100px;}
.t1{height: 124px; position: relative; padding-top: 46px;}
.t1 h3{font-size: 30px; font-weight: bold; margin: 0; padding: 0;line-height: 50px;}
.t1::before{ content: ''; position: absolute; display: block; width: 59px; height: 2px;background: #020000; top: 0;  }
.m1lcon{font-size: 18px; line-height: 35px; height: 410px; position: relative;}
.m1lcon p{height: 335px; padding-right: 60px;}
.m1lconbj{font-size: 180px; font-weight: bold; white-space: nowrap; color: rgba(0,0,0,0.07); position: absolute; bottom: -25px; line-height: 180px; display: block;}
.m1lcon a.more{width: 145px; height: 49px; display: block; background: #4a7808; color: #fff; border-radius: 25px; line-height: 49px; font-size: 16px; padding-left: 20px; position: relative;}
.m1lcon a.more::after{content:url(../img/m1more.png); position: absolute; right: 20px; top: 8px; }
.m1r{height: 580px; width: 50%; float: right;}
.m1r img{height: 580px; width: 100%;object-fit: cover; border-bottom-left-radius: 25px; border-top-left-radius: 25px;}
#m2{height: 816px; background: url(../img/m2.jpg) center no-repeat; overflow: hidden;}
#m2bj{height: 816px; width: 100%; background: url(../img/bj2.png) bottom repeat-x; position: absolute; z-index: 1;}
#m2 ul{display: flex; position: relative; z-index: 2;}
#m2 ul li{width: 20%; height: 816px;}
#m2 ul li .icon{ width: 61px; margin: auto; margin-top: 600px;}
#m2 ul li h3{text-align: center; color: #fff; font-size: 24px; font-weight: bold; padding-top: 10px;}
#m2 ul li p{display: none;}
#m2 ul li.on{background: rgba(140,57,29,0.74); transition: all 0.3s;}
#m2 ul li.on .icon{ width: 104px; margin: auto; margin-top: 185px;}
#m2 ul li.on h3{}
#m2 ul li.on p{ padding-left: 14%;  padding-right: 14%;  color: #fff; font-size: 16px; line-height: 32px; padding-top: 30px; height: 192px; }

#m2 ul li .more{width: 145px; height: 49px; display: none; background: rgba(255,255,255,0.34); color: #000; border-radius: 25px; line-height: 49px; font-size: 16px; padding-left: 20px; position: relative; margin: auto;}
#m2 ul li .more::after{content:url(../img/m2more.png); position: absolute; right: 20px; top: 8px; }
#m2 ul li.on p{display: block;}
#m2 ul li.on .more{display: block;}
.m3{height: 699px; }
.tit{text-align: center; height: 220px;}
.tit h3{font-size: 30px; font-weight: bold; position: relative; padding-top: 55px;}
.tit h3::after{content: ''; width: 22px; height: 3px; display: block; background: #6e2e18; margin: auto;}
.tit p{font-size: 16px; color: #555654; padding-top: 10px;}
.m3con{background: #f6f6f6; height: 400px;}
.m3con ul{display: flex;}
.m3con ul li{width: 18%; height: 400px; border-right: 1px solid #fff; display: flex; }
.m3con ul li .con{width: 100%; }
.m3con ul li .m3limore{display: block; padding-left: 15%;}
.m3con ul li .icon{padding-left: 15%; padding-top: 55px;}
.m3con ul li h3{padding-left: 15%; font-size: 24px; padding-top: 10px;}
.m3con ul li span{padding-left: 15%; display: block; text-align: left; display: block; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #424141; height: 60px;}

.m3con ul li p{font-size: 15px; line-height: 33px; padding-left: 15%; display: none;}
.m3conr{display: none;}
.m3conr img{display: block; width: 100%; height: 100%; object-fit: cover;}
.m3con ul li.on{width: 46%; background: #6e2e18; color: #fff;}
.m3con ul li.on h3{padding-top: 45px;}
.m3con ul li.on .con{width: 38%; }
.m3con ul li.on .m3conr{display: block; width: 62%;}
.m3con ul li.on .icon{display: none;}
.m3con ul li.on .m3limore{display: none;}
.m3con ul li.on span{color: #cec0bd;}
.m3con ul li.on p{display: -webkit-box; padding-right: 15px;}

#m4{height: 844px; background: url(../img/m4.jpg) center;}
.m4con{position: relative;}
.m4con ul.bd li{height: 525px; width: 100%; overflow:hidden; position:relative;}
.m4con ul.bd li iframe{width: 100%; height: 525px; position:absolute; display:none;}
.m4con .hd{height: 80px; background: rgba(0,0,0,0.58); position: absolute; bottom: 0; width: 100%; display: flex;}
.m4con .hd li{font-size: 18px; color: #fff; line-height: 80px; text-align: center; flex: 1; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.m4con .hd li:nth-child(1){border-left: none;}
.m4con .hd li:nth-last-child(1){border-right: none;}
.m4con .hd li.on{background: rgba(110,46,24,0.58);}
#m5{height: 730px;}
.m5con{display: flex; justify-content: space-between;}
.m5con_li{width: 31.7%; border-radius: 10px; overflow: hidden;}
.m5con_li_pic{width: 100%; height: 302px; }
.m5con_li_pic img{height: 302px; width: 100%; object-fit: cover;}
.m5con_li_con{height: 201px; background: #f6f6f6; padding-left: 20px; padding-right: 20px;}
.m5con_li_con h3{font-size: 18px; font-weight: normal; padding-top: 20px; padding-bottom: 5px;}
.m5con_li_con span{font-size: 14px; line-height: 24px;}
.m5con_li_con p{font-size: 14px; line-height: 24px; padding-top: 10px;}
.m5con_li ul li{ font-size: 16px; line-height: 42px;}
.m5con_li ul li::before{content: '○'; padding-left: 10px; padding-right: 10px; }
.m6{height: 485px;}
.m6 .tit{height: 200px;}
.m6con{overflow:hidden}
.m6con ul{display: block; justify-content: space-between;}
.m6con ul li{width: 330px; height: 237px; margin-right:19px;}
.m6con ul li img{width: 100%; height: 237px; object-fit: cover;}
#m7{height: 541px; background: #414141;}
.m7l{width: 48%; padding-top: 64px; float: left;}
.m7r{width: 50%; height: 413px; padding-top: 65px; overflow: hidden; float: right; border-radius: 10px; }
.m7r iframe{width: 100%; height: 413px; overflow: hidden;}
.m7l_a{height: 100px; width: 48%; background: #fff; border-radius: 10px; overflow: hidden; float: left;}
.m7l_a .img{ height: 100px; float: left;  padding-left: 38px; padding-right: 18px;}
.m7l_a:nth-child(2){float: right;}
.m7l_a h3{font-weight: normal; font-size: 16px; padding-top: 20px;}
.m7l_a p{font-size: 16px; padding-right: 15px; line-height: 20px;}
.m7l_a:nth-child(2) p{font-size: 26px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; line-height: 30px; }
.m7l_b{height: 274px; background: #fff;border-radius: 10px; clear: both; margin-top: 39px; }
.m7l_b_t{font-size: 18px; font-weight: bold; height: 64px; line-height: 64px; padding-left: 30px;}
.m7l_b_con{padding-left: 30px; padding-right: 30px;}
.m7l_b_con table{width: 100%;}
.m7l_b_con input{width: 85%; height: 43px; border: 1px solid #414141; border-radius: 10px; padding-left: 5px; font-size: 16px; }
.m7l_b_con textarea{width: 100%; height: 100px;border: 1px solid #414141; border-radius: 10px; padding: 5px; font-size: 16px;}
.dijiao{float: right; color: #fff; width: 130px; height: 47px; background: #6e2e18; border-radius: 10px; text-align: center; line-height: 47px; margin-top: 18px; cursor: pointer;}
#foot{height: 207px;  background: #414141;}
.foot{border-top: 1px solid #a0a0a0; display: flex; justify-content: space-between;}
.ewm{width: 130px; height: 130px;  padding-top: 35px;}
.ewm img{width: 130px; height: 130px; display: block;}
.footr{width: calc(100% - 300px);}
.footr ul{display: flex; justify-content: space-between; padding-top: 30px;}
.footr ul li{color: #fff; font-size: 18px;}

.footrb_l{float: left; color: #fff; font-size: 16px; line-height: 33px; padding-top: 40px;}
.footrb_r{float: right; font-size: 16px; height: 51px; background: #4a7808; color: #fff; margin-top: 40px; width: 172px; padding-left: 19px; line-height: 51px;}
.footrb_r span{float: right; padding-right: 19px;}


/* 子页面专属样式 */
#zyhead{height: 380px;}    
		.sub-banner {
			width: 100%;
			height: 380px;
			background: url(../img/banner.jpg) center center / cover no-repeat;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.sub-banner::after {
			content: '';
			position: absolute;
			inset: 0;
			background: rgba(0,0,0,0.35);
		}
		.sub-banner-title {
			position: relative;
			z-index: 1;
			text-align: center;
			color: #fff;
		}
		.sub-banner-title h2 {
			font-size: 36px;
			font-weight: bold;
			letter-spacing: 4px;
			margin: 0 0 10px;
		}
		.sub-banner-title p {
			font-size: 14px;
			opacity: 0.85;
			letter-spacing: 2px;
		}

		/* 面包屑导航 */
		.breadcrumb {
			background: #f7f5f0;
			border-bottom: 1px solid #e8e3d8;
			padding: 12px 0;
		}
		.breadcrumb .container {
			display: flex;
			align-items: center;
			gap: 6px;
			font-size: 13px;
			color: #888;
		}
		.breadcrumb a {
			color: #888;
			text-decoration: none;
			transition: color .2s;
		}
		.breadcrumb a:hover { color: #8b6914; }
		.breadcrumb .sep { color: #ccc; }
		.breadcrumb .current { color: #8b6914; }

		/* 内容区 */
		.sub-content {
			min-height: 500px;
			padding: 60px 0 80px;
		}
		.sub-content .container {
			background: #fff;
		}


/* 手机 */
@media (max-width:1463px){
	.m7l_a:nth-child(2) p{font-size: 16px;}
}
@media (max-width:1240px){
	#m7{display: none;}
}
/* 手机 */
@media (max-width:768px){
	body{min-width: auto;}

	/* ===== 顶部 Banner ===== */
	#head{height: 220px; position: relative;}
	#bannerbj{display: none;}
	#banner ul li{height: 220px; width: 100%; display: block; background-position: center; background-size: cover;}

	/* ===== M1 关于我们 ===== */
	#m1{height: auto; padding-top: 30px; padding-bottom: 30px;}
	.m1l{width: 100%; height: auto; float: none; padding-left: 15px; padding-right: 15px;}
	.t1{height: auto; position: relative; padding-top: 0; padding-bottom: 10px;}
	.t1 h3{font-size: 24px; font-weight: bold; margin: 0; padding: 0; line-height: 40px;}
	.t1::before{display: none;}
	.m1lcon{font-size: 15px; line-height: 28px; height: auto; position: relative; padding-bottom: 20px;}
	.m1lcon p{height: auto; padding-right: 0; -webkit-line-clamp: 8;}
	.m1lconbj{display: none;}
	.m1lcon a.more{width: 130px; height: 44px; display: inline-block; background: #4a7808; color: #fff; border-radius: 22px; line-height: 44px; font-size: 15px; padding-left: 18px; position: relative; margin-top: 15px;}
	.m1lcon a.more::after{content:url(../img/m1more.png); position: absolute; right: 16px; top: 8px;}

	/* ===== M2 产品系列 ===== */
	#m2{height: auto; background: url(../img/m2.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 15px; position: relative;}
	#m2bj{height: 100%; width: 100%; background: url(../img/bj2.png) bottom repeat-x; position: absolute; z-index: 1;}
	#m2 ul{display: flex; position: relative; z-index: 2; flex-direction: column; height: auto;}
	#m2 ul li{width: 100%; height: auto; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,0.15);}
	#m2 ul li .icon{width: 50px; margin: 0; margin-right: 12px; float: left; padding-left: 0; margin-top: 5px;}
	#m2 ul li h3{text-align: left; color: #fff; font-size: 18px; font-weight: bold; padding-top: 5px; overflow: hidden;}
	#m2 ul li p{display: none; color: #fff; padding: 8px 15px 8px 0; clear: both; font-size: 14px; line-height: 26px;}
	#m2 ul li.on{background: rgba(140,57,29,0.85); transition: all 0.3s;}
	#m2 ul li.on .icon{width: 50px; margin-right: 12px; float: left; margin-top: 5px;}
	#m2 ul li.on p{display: block; padding-left: 0; padding-right: 15px; color: #fff; font-size: 14px; line-height: 26px; padding-top: 8px; height: auto;}
	#m2 ul li .more{width: 120px; height: 40px; display: none; background: rgba(255,255,255,0.34); color: #fff; border-radius: 20px; line-height: 40px; font-size: 14px; padding-left: 15px; position: relative; margin: 8px auto;}
	#m2 ul li .more::after{content:url(../img/m2more.png); position: absolute; right: 15px; top: 6px;}
	#m2 ul li.on .more{display: none;}

	/* ===== M3 匠心工艺 ===== */
	.m3{height: auto;}
	.tit{height: auto; padding-bottom: 20px;}
	.tit h3{font-size: 22px; padding-top: 30px;}
	.tit p{font-size: 14px; padding: 8px 15px 0;}
	.m3con{background: #f6f6f6; height: auto; overflow: hidden;}
	.m3con ul{display: flex; flex-direction: column; height: auto; flex-wrap: nowrap;}
	.m3con ul li{width: 100%; height: auto; border-right: none; border-bottom: 1px solid #fff; display: flex; padding: 15px 0;}
	.m3con ul li .con{width: 100%;}
	.m3con ul li .m3limore{display: none;}
	.m3con ul li .icon{padding-left: 15px; padding-top: 0; float: left; width: 50px;}
	.m3con ul li h3{padding-left: 15px; font-size: 18px; padding-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.m3con ul li span{padding-left: 15px; display: block; font-size: 12px; color: #424141; height: auto; padding-bottom: 5px;}
	.m3con ul li p{font-size: 14px; line-height: 26px; padding-left: 15px; padding-right: 15px; display: none;}
	.m3conr{display: none;}
	.m3con ul li.on{width: 100%; background: #6e2e18; color: #fff; flex-direction: column;}
	.m3con ul li.on h3{padding-top: 0; padding-left: 70px;}
	.m3con ul li.on span{padding-left: 70px; color: #cec0bd;}
	.m3con ul li.on .con{width: 100%;}
	.m3con ul li.on .m3conr{display: none;}
	.m3con ul li.on .icon{display: none; position: absolute;}
	.m3con ul li.on .m3limore{display: none;}
	.m3con ul li.on p{display: block; padding-left: 15px; padding-right: 15px; color: #f3e5e0; -webkit-line-clamp: unset; clear: both; padding-top: 10px;}

	/* ===== M4 案例展示 ===== */
	#m4{height: auto; background: url(../img/m4.jpg) center; background-size: cover; padding-bottom: 20px;}
	.m4con ul.bd li{height: 420px; width: 100%;}
	.m4con ul.bd li iframe{width: 100%; height: 420px;}
	.m4con .hd{height: 50px; position: relative; width: 100%; display: flex; bottom: auto; margin-top: 0; flex-wrap:wrap;}
	.m4con .hd li{font-size: 14px; color: #fff; line-height: 50px;width: 32%;
    flex: auto;}

	/* ===== M5 新闻动态 ===== */
	#m5{height: auto; padding-bottom: 30px;}
	.m5con{display: flex; flex-direction: column; justify-content: flex-start; gap: 15px;}
	.m5con_li{width: 100%; border-radius: 10px; overflow: hidden;}
	.m5con_li_pic{width: 100%; height: 200px;}
	.m5con_li_pic img{height: 200px; width: 100%; object-fit: cover;}
	.m5con_li_con{height: auto; padding: 12px 15px 15px;}
	.m5con_li_con h3{font-size: 16px; padding-top: 10px; padding-bottom: 4px;}
	.m5con_li_con span{font-size: 13px;}
	.m5con_li_con p{font-size: 13px; padding-top: 8px;}
	.m5con_li ul{padding: 10px 5px;}
	.m5con_li ul li{font-size: 14px; line-height: 36px; border-bottom: 1px solid #eee;}
	.m5con_li ul li::before{padding-left: 5px; padding-right: 8px;}

	/* ===== M6 生产实力 ===== */
	.m6{height: auto; padding-bottom: 30px;}
	.m6 .tit{height: auto;}
	.m6con ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px;}
	.m6con ul li{width: calc(50% - 4px); height: 150px;}
	.m6con ul li img{width: 100%; height: 150px; object-fit: cover;}

	/* ===== M7 联系我们 ===== */
	#m7{height: auto; display: none; padding: 20px 0 25px;}
	.m7l{width: 100%; padding-top: 20px; float: none;}
	.m7r{width: 100%; height: 220px; padding-top: 15px; overflow: hidden; float: none; border-radius: 10px;}
	.m7r iframe{width: 100%; height: 220px; overflow: hidden;}
	.m7l_a{height: auto; width: 48%; background: #fff; border-radius: 10px; overflow: hidden; float: left; padding: 12px 10px;}
	.m7l_a .img{height: 50px; float: left; padding-left: 10px; padding-right: 10px;}
	.m7l_a:nth-child(2){float: right;}
	.m7l_a h3{font-weight: normal; font-size: 14px; padding-top: 5px;}
	.m7l_a p{font-size: 13px; padding-right: 5px; line-height: 18px;}
	.m7l_a:nth-child(2) p{font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; line-height: 22px;}
	.m7l_b{height: auto; background: #fff; border-radius: 10px; clear: both; margin-top: 15px; padding-bottom: 15px;}
	.m7l_b_t{font-size: 16px; height: 50px; line-height: 50px; padding-left: 15px;}
	.m7l_b_con{padding-left: 15px; padding-right: 15px;}
	.m7l_b_con table{width: 100%;}
	.m7l_b_con input{width: 100%; height: 40px; border: 1px solid #ccc; border-radius: 8px; padding-left: 10px; font-size: 14px; box-sizing: border-box;}
	.m7l_b_con textarea{width: 100%; height: 80px; border: 1px solid #ccc; border-radius: 8px; padding: 8px; font-size: 14px; box-sizing: border-box;}
	.m7l_b_con td{display: block; width: 100% !important; padding-bottom: 10px;}
	.m7l_b_con tr{display: block;}
	.dijiao{float: none; display: block; width: 100%; height: 44px; background: #6e2e18; border-radius: 8px; text-align: center; line-height: 44px; margin-top: 10px;}

	/* ===== Footer 底部 ===== */
	#foot{height: auto; padding: 20px 0;}
	.foot{border-top: 1px solid #a0a0a0; display: flex; flex-direction: column; align-items: center; gap: 10px;}
	.ewm{width: 80px; height: 80px; padding-top: 15px;}
	.ewm img{width: 80px; height: 80px;}
	.footr{width: 100%;}
	.footr ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 15px; padding-top: 10px;}
	.footr ul li{color: #fff; font-size: 14px;}
	.footrb_l{float: none; color: #fff; font-size: 13px; line-height: 26px; padding-top: 10px; text-align: center;}
	.footrb_r{float: none; font-size: 14px; height: 40px; background: #4a7808; color: #fff; margin-top: 10px; width: 140px; padding-left: 15px; line-height: 40px; margin: 10px auto 0; display: block;}
	.footrb_r span{float: right; padding-right: 15px;}
}