* {
  margin: 0;
  padding: 0;
}

a,
a:hover {
  text-decoration: none;
}

.bw {
  background: #fff;
}

.by {
  background: #FFC107;
}

.cl {
  clear: both
}

.fl {
  float: left;
}

.fr {
  float: right;
}

ul {
  list-style-type: none;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.w {
  width: 1200px;
  margin: 0 auto;
  display: block;
}

.w-100 {
  width: 1000px;
  margin: 0 auto;
  display: block;
}

.mt40 {
  margin-top: 40px;
}

/*  */
.ban {
  overflow: hidden;
  background: url('../sgxx/banner.jpg') center center;
  height: 530px;
}

.banbox {

  position: absolute;

  height: 360px;

  left: 10px;

  top: 90px;
}

.banbox h1 {

  font-size: 80px;

  font-weight: 600;

  color: #ff0000;

  line-height: 90px;
  text-shadow: -1px 0 white, 0 1px white, 4px 0 white, 0 -1px white;
}

.banbox p {

  display: block;

  color: #fff;

  font-size: 24px;

  line-height: 35px;

  font-weight: 400;

  letter-spacing: 4px;
}

.banbox b {

  color: #fff;

  text-transform: uppercase;

  font-size: 80px;

  display: block;

  line-height: 70px;
}

.banbox section {

  margin: 30px 0 30px 0;

  background: url('../sgxx/line1.png') no-repeat center center;

  width: 292px;

  height: 42px;
}

.banbox section>p {

  background: #ae1b13;

  color: #fff;

  font-size: 28px;

  line-height: 36px;

  padding: 2px 7px 2px;

  margin-bottom: 40px;
}

.banbox section>span {

  font-size: 24px;

  color: #fff;
  font-weight: bold;
  padding-left: 36px;

  line-height: 40px;
}

/* tit */
.tit {

  overflow: hidden;

  text-align: center;
}

.tit p {

  font-size: 85px;

  font-family: Impact;

  line-height: 100px;

  text-transform: uppercase;

  color: #e1e1e1;

  letter-spacing: 3px;
}

.tit h2 {
  font-size: 85px;
  line-height: 80px;
  color: #ff0b00;
  margin-top: -45px;
  font-weight: 600;
}

.tit h2 font {
  font-size: 85px;
  line-height: 80px;
  color: #101010;
  margin-top: -45px;
}

.cp {
  padding: 8px 0 8px;
  /* width: 560px; */
  text-align: center;
  margin: 0 auto;
  /* margin-top: 20px; */
}

.cp b {
  font-size: 30px;
  line-height: 34px;
  color: #000000;
  font-weight: 400;
  text-transform: uppercase;
}

/* zy */
.zy {}

.zy p {

  font-size: 24px;

  line-height: 35px;

  color: #040404;
}

.cs {
  overflow: hidden;
}

.cs img {
  max-width: 100%;
  margin-bottom: 40px;
}

/* xz */
.xz {
  overflow: hidden;
}

.t1 {}

.t1 img {

  margin-right: 20px;
}

.t1 b {

  font-size: 30px;

  line-height: 30px;

  color: #040404;

  font-weight: normal;
}

.xz p {

  font-size: 24px;

  line-height: 56px;
}

.tu {
  margin-bottom: 40px;
}

.tu img {
  max-width: 100%;
  margin-right: 7px;
}

.tu img:nth-child(2) {
  margin-right: 0px;
}

/* jd */
.jd {
  overflow: hidden;
}

.jd p {

  font-size: 18px;

  line-height: 30px;

  color: #040404;
}

.jd img {

  max-width: 100%;

  text-align: center;

  margin: 40px 0 40px 0;
}

/* advantage */
.advantage {
  overflow: hidden;
  text-align: center;
}

.t2 {}

.t2 b {
  display: block;
  font-size: 48px;
  line-height: 80px;
}

.t2 b font {

  color: #ff0000;
}

.t2 span {

  font-size: 12px;

  color: #040404;

  line-height: 22px;

  display: block;

  text-transform: uppercase;
}

.t2 p {
  font-size: 30px;
  line-height: 40px;
  color: #040404;
}

/* dw */
.dw {
  position: relative;
  background: url('../sgxx/ys.jpg') no-repeat center center;
  height: 440px;
}

.d1 {

  top: 48px;

  left: 257px;
}

.d2 {

  bottom: 30px;

  left: 85px;
}

.d3 {

  bottom: 38px;

  left: 452px;
}

.dw p {

  font-size: 30px;

  line-height: 30px;

  color: #ff0000;
}

.dw2 {
  overflow: hidden;
  background: url('../sgxx/ys2.jpg') no-repeat center center;
  height: 235px;
  position: relative;
}

.dw2 ul {
  width: 594px;
  margin: 0 auto;
}

.dw2 ul li {

  width: 190px;

  display: block;

  float: left;
}

.dw2 ul li p {

  font-size: 26px;

  line-height: 30px;

  color: #000000;
}

.p1 {
  bottom: 72px;
}

.p2 {
  bottom: 72px;
  left: 403px;
}

.p3 {

  bottom: 72px;

  right: 206px;
}

/* tu2 */
.tu2 {

  overflow: hidden;
}

.tu2 img {

  max-width: 100%;

  margin-right: 15px;
}

.tu2 img:nth-child(2) {
  margin-right: 0px;
}

.dw3 {
  overflow: hidden;
  background: url('../sgxx/dw.jpg') no-repeat center center;
  height: 440px;
  position: relative;
}

.dw3 p {

  font-size: 20px;

  color: #000000;
}

.d4 {

  top: 92px;

  left: 216px;
}

.d5 {

  top: 41px;

  left: 326px;
}

.d6 {

  top: 16px;

  right: 425px;
}

.d7 {

  bottom: 110px;

  left: 536px;
}

.d8 {

  bottom: 160px;

  right: 370px;
}

.d9 {

  bottom: 200px;

  right: 304px;
}

/* cp */
.cp {
  overflow: hidden;
}

.t3 {}

.t3 img {

  margin-right: 5px;

}

.t3 b {
  color: #040404;
  font-size: 30px;
  line-height: 55px;
  padding-top: 40px;
}

.cp-l {
  float: left;
  margin-right: 7px;
  width: 435px;
}

.cp-l img {
  max-width: 100%;
}

.cp-r {
  width: 467px;
  display: block;
  float: left;
  margin-left: 85px;
}

.cp-r ul {
  text-align: left;
}

.cp-r ul li {
  width: 546px;
  height: 118px;
  display: block;
  margin-bottom: 30px;
  padding-left: 20px;
}


.cp-r ul li span {
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #040404;
}

/* parameter */
.parameter {
  overflow: hidden;
  margin-bottom: 60px;
}

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

/* 原有代码保留，以下为新增自适应代码 */

/* 基础自适应设置 */
html {
  font-size: 16px;
  /* 桌面端基准字体（1rem=16px） */
}

@media (max-width: 768px) {
  html {
    font-size: 14px;
    /* 手机端基准字体缩小（1rem=14px） */
  }
}

/* 布局容器自适应 */
.w {
  width: 90% !important;
  /* 替代固定1200px，占屏幕宽度90% */
  max-width: 1200px;
  /* 最大宽度不超过原固定值 */
}

.w-100 {
  width: 94% !important;
  /* 替代固定1000px，占屏幕宽度94% */
  max-width: 1000px;
  /* 最大宽度不超过原固定值 */
}

/* 头部背景与内容自适应 */
.ban {
  height: auto !important;
  /* 取消固定高度 */
  min-height: 20rem;
  /* 最小高度（基于rem） */
  background-size: cover !important;
  /* 背景图覆盖容器 */
}

.banbox {
  position: relative !important;
  /* 取消绝对定位 */
  left: auto !important;
  /* 清除固定left */
  top: auto !important;
  /* 清除固定top */
  height: auto !important;
  /* 内容高度自适应 */
  padding: 2rem 1rem;
  /* 用内边距替代定位 */
}

/* 字体大小自适应（关键标题） */
.banbox h1 {
  font-size: 3.5rem !important;
  /* 原80px → 3.5rem（手机端约49px） */
  line-height: 4rem !important;
  /* 原90px → 4rem（手机端约56px） */
}

.banbox p {
  font-size: 1.4rem !important;
  /* 原24px → 1.4rem（手机端约19.6px） */
  line-height: 2rem !important;
  /* 原35px → 2rem（手机端约28px） */
}

.banbox b {
  font-size: 3.5rem !important;
  /* 原80px → 3.5rem */
  line-height: 4rem !important;
  /* 原70px → 4rem */
}

/* 图片排列自适应 */
.tu img,
.tu2 img {
  width: 48% !important;
  /* 每排放2张图（手机端自动换行） */
  margin-right: 2% !important;
  /* 图片间距 */
  margin-bottom: 1rem !important;
  /* 底部间距 */
}

.tu img:nth-child(2),
.tu2 img:nth-child(2) {
  margin-right: 0 !important;
  /* 最后一张无右间距 */
}

/* 标题模块自适应 */
.tit p {
  font-size: 4rem !important;
  /* 原85px → 4rem（手机端约56px） */
  line-height: 5rem !important;
  /* 原100px → 5rem（手机端约70px） */
}

.tit h2,
.tit h2 font {
  font-size: 3rem !important;
  /* 原85px → 3rem（手机端约42px） */
  line-height: 4rem !important;
  /* 原80px → 4rem（手机端约56px） */
  margin-top: -2rem !important;
  /* 原-45px → -2rem（手机端约-28px） */
}

/* 手机端专属调整（宽度≤576px） */
@media (max-width: 576px) {

  /* 单张图片占满宽度 */
  .tu img,
  .tu2 img {
    width: 100% !important;
    margin-right: 0 !important;
  }

  /* 左右布局改为堆叠 */
  .cp-l,
  .cp-r {
    float: none !important;
    /* 取消浮动 */
    width: 100% !important;
    /* 占满容器宽度 */
    margin: 0 auto !important;
    /* 居中 */
  }

  .cp-r ul li {
    width: 100% !important;
    /* 替代固定546px */
    height: auto !important;
    /* 高度自适应 */
    padding-left: 1rem !important;
    /* 内边距缩小 */
  }
}