*,
::after,
::before {
  box-sizing: border-box;
}
body,
ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, PingFangSC-Regular, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}
img {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
}
ul {
  list-style-type: none;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.header {
  height: 68.75vw;
  background: url(../img/head.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 1.5625vw;
}
.header h1 {
  display: block;
  width: 9.0625vw;
  height: 6.25vw;
  margin-left: 6.5625vw;
}
.header h1 img {
  margin: 0;
}
.header .company-desc {
  display: flex;
  width: 48.4375vw;
  height: 29.21875vw;
  margin-top: 9.6875vw;
  margin-left: 3.28125vw;
}
.header .company-desc .line {
  width: 0.46875vw;
  height: 5.3125vw;
  background: #FFA800;
  border-radius: 0.15625vw;
  margin-right: 1.40625vw;
}
.header .company-desc .text {
  width: 100%;
  height: 100%;
}
.header .company-desc .text h3 {
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5625vw;
  color: #FFFFFF;
}
.header .company-desc .text .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.78125vw;
}
.header .company-desc .text .title h3 {
  font-weight: 500;
  font-size: 2.8125vw;
  color: #FFFFFF;
}
.header .company-desc .text .title p {
  font-weight: 500;
  font-size: 1.25vw;
  color: #FFFFFF;
}
.header .company-desc .text .title .icon-gongsi {
  font-size: 3.4375vw;
  color: #fff;
}
.header .company-desc .text .desc {
  margin-top: 1.25vw;
  font-weight: 400;
  font-size: 2.1875vw;
  color: #FFFFFF;
  line-height: 2;
}
.lines {
  width: 36.09375vw;
  height: 3.75vw;
  background: url('../img/head-line.png') no-repeat;
  background-size: 100% 100%;
  float: right;
}
.wrapper {
  width: 90.625vw;
  margin: 8.125vw auto;
}
.product-box img {
  height: 45.9375vw;
}
.product-title {
  display: flex;
  align-items: center;
  height: 5.3125vw;
  border-left: 0.46875vw solid #FFA800;
  border-radius: 2px;
  padding-left: 2.03125vw;
}
.product-title .title h3 {
  margin-top: 0.78125vw;
  height: 2.8125vw;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 2.8125vw;
  line-height: 2.8125vw;
  color: #1A377B;
}
.product-title .title p {
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 1.5625vw;
  color: #1A377B;
}
.product-title .ellipsis {
  margin: 0 4.6875vw 0 5.625vw;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 1.25vw;
  color: #1A377B;
}
.product-title .icon-chanpin {
  font-size: 3.4375vw;
}
.scope-box {
  height: 43.59375vw;
  margin-top: 6.875vw;
}
.scope-box img {
  height: 37.96875vw;
}
.common-title {
  height: 4.21875vw;
  background: url(../img/common-title.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 1.40625vw;
  padding-left: 2.8125vw;
  font-weight: 500;
  font-size: 2.8125vw;
  line-height: 4.21875vw;
  color: #FFFFFF;
}
.honor-box {
  height: 69.0625vw;
  margin-top: 6.875vw;
}
.honor-box img {
  height: 42.8125vw;
}
.honor-box .img-box {
  height: 63.4375vw;
  display: grid;
  /* 手机端列结构：左列宽2份，右列宽1份，完全匹配原图比例 */
  grid-template-columns: 2fr 1fr;
  /* 行结构：第一行高2份，第二行高1份，匹配原图上下高度差 */
  grid-template-rows: 2fr 1fr;
  /* 网格间距：8px，和原图缝隙一致 */
  gap: 1.25vw;
  /* 容器占满手机屏幕宽度，限制最大高度避免溢出 */
  width: 100%;
}
.grid-item {
  border-radius: 0.625vw;
  overflow: hidden;
  background-color: #f5f5f5;
}
/* 图片样式：完美填充，不变形 */
.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* 1. 左上大图：跨1列1行（默认） */
.item-top-left {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
/* 2. 右侧列：嵌套Grid，分成上下2个小图 */
.item-right-col {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  /* 跨2行，占满右侧整列 */
  display: grid;
  grid-template-rows: 1fr 2fr;
  /* 上下两个小图高度1:1 */
  gap: 1.25vw;
}
/* 3. 左下区域：嵌套Grid，分成左右2个小图 */
.item-bottom-left {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 左右两个小图宽度1:1 */
  gap: 1.25vw;
}
.unit-box {
  height: 57.03125vw;
  margin-top: 6.875vw;
}
.unit-box img {
  height: 51.40625vw;
}
.footer {
  display: flex;
  height: 15.625vw;
  margin-top: 6.5625vw;
  background: url(../img/footer.png) no-repeat;
  background-size: 100% 100%;
}
.footer img {
  width: 12.1875vw;
  height: 8.75vw;
  margin-left: 7.8125vw;
  margin-top: 3.4375vw;
}
.footer .link-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 10.625vw;
  margin-left: 19.375vw;
  margin-top: 3.4375vw;
}
.footer .link-box p {
  font-weight: 500;
  font-size: 2.1875vw;
  color: #032667;
}