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

*{margin: 0 auto;
padding: 0;
list-style:none;}


.top{
	width:100%;
	height:76px;
	background-color: #871514;
	position: relative;
	min-width:1350px;
}

.top ul{
	width: 1350px;
	height: 100%;
	margin: 0 auto;
}
.top li {
	float: right;
	width: 130px;
	height: 100%;
	font-family: Arial; 18px; 
	color: white;
	text-align: center;
	line-height: 90px;
	
}
.logoo{
	float: left;
	position: absolute;
	top: 10px;

}

.top .co:hover{
	color: black;
cursor: pointer;}

.top .co P::after
{content: url(images/gougou.png);}

.coco{
	cursor: pointer;
	
}


.twosides{
	width: 100%;
	height: 200px;
	min-width:1350px;
	overflow: hidden;
}

.sneirong{
	width: 1200px;
	height: 4202px;
	line-height: 23px;
}



.taitou01 {
	width: 430px;
	height: 55px;
	background-color: #c1bdbc;
	float: left;
	margin-top: 50px;
	border-radius: 15px;
	text-align: center;
	font-family: EuroRoman;
	font-size: 35px;
	line-height: 55px;
	color: black;
}



.stamping{ width: 100%;
	height: 36px;
	text-align: center;
	float: left;
	font-family: EuroRoman;
	font-size: 36px;
	line-height: 36px;
	color: #871514;
	margin-top: 50px;
}


.sftext {
	width: 1170px;
	height: 73px;
	float: left;
	margin-left: 20px;
	margin-top: 27px;
	font-family: Arial;
	font-size: 14px;
	line-height: 25px;
	
	
}

.ihs{ float: left;
margin:90px 0 0 57px;
font-family: Arial;
	font-size: 14px;
	color: #ff0000;
}
.ohs{
	float: left;
margin:90px 0 0 470px;
font-family: Arial;
	font-size: 14px;
	color: #ff0000;
	
}


.boxleft  {
	width: 478px;
	height: 528px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	margin: 13px 0 0 100px;
}

.n {
	list-style: square;

}
.f01 {
	list-style: disc;
	margin-left: 20px;

}
.p01{
	list-style: circle;
	margin-left: 40px;
}

.boxright  {
	width: 520px;
	height: 528px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	margin: 13px 0 0 100px;
}

	
.mcl{
	width: 610px;
	height: 300px;
	font-family: Arial;
	font-size: 14px;
	float: left;
	margin-top: 250px;
    margin-left: 65px;
	line-height: 20px;
	
}

.Specifications{
	color: red;
}
.mclleft{
	margin: 20px;
	width: 240px;
	float: left;
}

.mclright{
	margin: 20px;
	width: 270px;
	float: left;
	color: #666666;
	
	
}

.mcr{
	width: 500px;
	height: 285px;
	float: left;
	margin-top: 250px;
	font-family: Arial;
	float: left;
	font-size: 14px;
	

}

.mcrtleft{
	float: left;
	margin: 20px;
	font-family: Arial;
	font-size: 14px;
	float: left;
	line-height: 21px;
}


.ffa{
	color: red;
}
.mcrtright{
	float: right;
	line-height: 21px;
	margin-top: 15px;
}

.mcrb{
	width: 100%;
	float: left;
	margin-left: 20px;
		margin-top: -15px;

}


.ourgoal{
	text-align: center;
	width: 100%;
	height: 65px;
font-family: Arial;
	font-size: 14px;
	float: left;
	color: #848484;
	border-bottom: solid;
	border-width: 1px;
	
}

.twoio{
	width: 100%;
	height: 30px;
	float: left;
}
.cncboxleft  {
	width: 125px;
	height: 250px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	margin: 90px 0 0 75px;
}



.cncboxright{
		width: 125px;
	height: 250px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	margin: 90px 0 0 65px;
}

.cncoss{
	width: 510px;
	height: 250px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	margin: 90px 0 0 270px;
	
}




.ihs03{
	width: 100%;
	float: left;
margin:20px 0 0 57px;
font-family: Arial;
	font-size: 14px;
	color: #ff0000;
	
}
.cncect{
	width: 800px;
	float: left;
	font-family: Arial;
	font-size: 14px;
	margin: 10px 0 0 75px;
	
}

.cnceccoleft{
	width: 50%;
	float: left;
}
.cnceccoright{
	width: 50%;
	float: left;
}




.wepro{
	text-align: center;
	width: 100%;
	height: 100px;
	float: left;
	margin-top: 60px;
	font-family: Arial;
	font-size: 14px;
}























.ftanchuang {
	width: 325px;
	height: 155px;
	margin-top: -14px;
	display: none;

	
	
}
.ftanchuang span {
	width:325px;
	height: 31px;
	float: left;
	line-height: 31px;
	text-align: left;
	background-color: #424242;
	color: white;
	
}

.ftanchuang span:hover{
	background-color: #575757;
	
}
.top li:hover .ftanchuang{
	display: block;}

.navend{
	width: 100%;
	height: 100px;
	background-color: #333;
	margin-top: 48px;
	min-width:1350px;
	
}
.mid {
	width: 1268px;
	height: 67px;
	position: relative;
}

.home {
	position: absolute;
	top: 25px;
}

.logo{
	position: absolute;
	top: 22px;
	left: 65px;
}

.mid .topp{
	width: 318px;
	height: 32px;
	color: white;
	font-size: 14px;
	font-family: Arial;
	position: absolute;
	top: 55px;
	left: 68px;
}

.email{
	position: absolute;
	top: 25px;
	left: 523px;
}

	
.midtexte {
	position: absolute;
	top: 35px;
	left: 590px;
	font-family: Bebas;
	color: white;
	font-size: 17px;
}

.etext{
	color: white;
	font-size: 14px;
	font-family: Arial;
	position: absolute;
	top: 60px;
	left: 590px;
	
	
}

.lo01{position: absolute;
	top: 33px;
	right: 178px;}
	

.lo02{position: absolute;
	top: 33px;
	right: 5px;
}
.last{
	width: 100%;
	height: 20px;
	background-color: #d71a18;
	margin-bottom: 8px;
	min-width:1350px;
}
.last .lll {
	float: left;
	line-height: 20px;
	color: #b1b1b1;
	font-size: 12px;
	font-family: Arial;
	margin-left: 275px;
}
.last .cc{
	float: right;
	line-height: 20px;
	color: black;
	font-size: 12px;
	font-family: Arial;
	margin-right: 275px;
	
}



        .container {
            max-width: 1280px;
            margin: 0 auto;
            background: #ffffff;
			float: left;
			padding-top: 30px;
        }

        /* 抬头区域：完全居中，主标题36号字，不加粗 */
        .hero {
            text-align: center;
            margin-bottom: 2.8rem;
            border-bottom: 1px solid #d0d0d0;   /* 中性浅灰分割线，无色相 */
            padding-bottom: 1.2rem;
        }
        .hero h1 {
            font-size: 36px;          /* 36号标题 */
            font-weight: normal;      /* 不要很粗字体 */
            letter-spacing: -0.2px;
            color: #000000;
            margin: 0 0 0.2rem 0;
        }
        .hero p {
            font-size: 14px;          /* 小字14号 */
            color: #4a4a4a;           /* 深灰色，保持无彩色但可读 */
            margin-top: 0.25rem;
            font-weight: normal;
        }

        /* 每个板块 — 纯白底，仅用极简线条分割，无任何背景色块 */
        .section {
            background: #ffffff;
            margin-bottom: 3rem;
        }

        /* 修改：让章节头部（包括标题和描述）全部居中 */
        .section-header {
            border-bottom: 1px solid #d0d0d0;
            padding-bottom: 0.6rem;
            margin-bottom: 1.5rem;
            text-align: center;       /* 标题区域整体居中 */
        }
        .section-header h2 {
            font-size: 24px;          /* 二级标题适中，不粗 */
            font-weight: normal;
            color: #000000;
            letter-spacing: -0.2px;
            margin-bottom: 0.2rem;
        }
        .section-desc {
            font-size: 14px;          /* 小字14号 */
            color: #4a4a4a;
            margin-top: 0.2rem;
            font-weight: normal;
        }

        /* 表格样式：纯白底，黑色文字，细灰边框，无任何背景色块，字体适中 */
        .material-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;          /* 表格内容14号字 */
            background: #ffffff;
            border: 1px solid #e0e0e0;
        }
        .material-table th {
            background: #ffffff;
            text-align: left;
            padding: 12px 14px;
            font-weight: normal;       /* 不加粗 */
            color: #000000;
            border-bottom: 1px solid #d0d0d0;
            font-size: 14px;
        }
        .material-table td {
            padding: 12px 14px;
            border-bottom: 1px solid #e6e6e6;
            vertical-align: top;
            color: #1f1f1f;
            background: #ffffff;
            font-size: 14px;
            font-weight: normal;
        }
        .material-table tr:last-child td {
            border-bottom: none;
        }

        /* 工序卡片组 — 纯白底，无任何背景色、无阴影，字重正常 */
        .process-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
            gap: 1.5rem;
        }
        .process-card {
            background: #ffffff;
            border: 1px solid #e2e2e2;
            border-radius: 0px;
            padding: 1.2rem 1.4rem;
            transition: none;
            box-shadow: none;
        }
        .process-card h3 {
            font-size: 20px;          /* 卡片标题稍大但保持轻量 */
            font-weight: normal;
            margin-bottom: 0.75rem;
            color: #000000;
            letter-spacing: -0.2px;
        }
        .process-list {
            list-style: none;
            margin-top: 0.25rem;
        }
        .process-list li {
            padding: 0.4rem 0;
            color: #1a1a1a;
            font-size: 14px;          /* 小字14号 */
            border-bottom: 1px solid #eeeeee;
            display: flex;
            align-items: baseline;
            font-weight: normal;
        }
        .process-list li strong {
            width: 100px;
            font-weight: normal;       /* 强调词也不加粗 */
            color: #000000;
            flex-shrink: 0;
        }
        .subnote {
            font-size: 14px;           /* 小字14号一致 */
            color: #5a5a5a;
            margin-top: 0.6rem;
            border-top: 1px solid #ececec;
            padding-top: 0.5rem;
            font-weight: normal;
        }

        /* 辅助线无彩色 */
        hr {
            margin: 0.75rem 0;
            border: none;
            border-top: 1px solid #e0e0e0;
        }

        /* footer 已按要求删除多余文字，仅保留空白或极简占位，但彻底删除那句长句 */
        footer {
            text-align: left;
            font-size: 14px;
            color: #6e6e6e;
            margin-top: 3rem;
            padding-top: 1rem;
            border-top: 1px solid #e0e0e0;
            font-weight: normal;
            /* 不包含任何文字内容，但为了结构保留空 footer；也可以直接去掉文字，此处清空 */
        }
        /* 确保 footer 没有任何文本 */
        footer::before {
            content: none;
        }
        /* 或者干脆移除文字，但保留页脚线占位 —— 完全无文字 */
        
        @media (max-width: 700px) {
            body { padding: 1.2rem 0.8rem; }
            .hero h1 { font-size: 32px; }    /* 移动端稍降但保持相对大号 */
            .section-header h2 { font-size: 22px; }
            .process-list li strong { width: 85px; }
            .process-grid { gap: 1rem; }
            .material-table th, .material-table td { padding: 8px 10px; }
        }