@media (min-width: 1920px) {
  html {
    font-size: 192px !important;
  }
}
.slide-text {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.slide-text .tit {
  margin-bottom: 10px;
}
.indexBanner video,
.indexBanner img {
  width: 100%;
}
.thumb {
  left: 0;
  position: absolute;
  bottom: 0;
  max-width: 3.724rem;
  width: 100%;
  background: #fff;
  z-index: 3;
  height: 0.9271rem;
display:none
}
.thumbImg {
  width: calc(100% - 0.8854rem);
  border-bottom: 1px solid #ebebec;
  box-sizing: border-box;
}
.swiper-btn {
  width: 0.8854rem;
  height: 0.9271rem;
  background: #ea1110;
}
.swiper-btn .swiper-button-next,
.swiper-btn .swiper-button-prev {
  width: 0.3125rem;
  text-align: center;
}
.swiper-btn .swiper-button-next::after,
.swiper-btn .swiper-button-prev::after {
  font-size: 0.1354rem;
  color: #fff;
}
.thumbSwiper .con {
  padding: 0.1563rem 0 0 0.2083rem;
}
.thumbSwiper .con .num {
  font-size: 0.0729rem;
  color: #929292;
}
.thumbSwiper .con .txt {
  font-size: 0.0833rem;
  line-height: 1.6;
  color: #000;
  margin-top: 0.1042rem;
  padding-right: 0.2083rem;
}
.thumbSwiper .swiper-slide-thumb-active .txt {
  color: #ea1110;
}
.i-case {
  padding: 0.7396rem 0.4115rem 0 0.625rem;
}
.case-nav {
  width: 1.7188rem;
}
.case-nav .con {
  padding: 0.1563rem 0;
}
.case-nav .con a {
  margin-bottom: 0.0781rem;
  padding-left: 0.1302rem;
  border-left: 0.0208rem solid transparent;
}
.case-nav .con a:hover {
  color: #ea1110;
  font-weight: bold;
  border-left: 0.0208rem solid #ea1110;
}
.swiperbox {
  width: calc(100% - 1.8073rem);
}
.indexCaseSwiper .img {
  width: calc(100% - 2.4896rem);
}
.indexCaseSwiper .img img {
  width: 100%;
}
.con-right {
  width: 2.5104rem;
  padding-top: 0.4792rem;
}
.conbox {
  height: 1.901rem;
}
.conbox .con {
  height: 1.901rem;
  position: absolute;
  background: #fff;
  width: 3.099rem;
  right: 0;
  padding-left: 0.7083rem;
  box-sizing: border-box;
}
.conbox .txt {
  margin-top: 0.1042rem;
  line-height: 1.3;
}
.bigImgnbox {
  height: 0.974rem;
  right: 0;
  bottom: 0;
  width: 2.4896rem;
}
.bigImg {
  width: 0.9479rem;
  height: 0.9479rem;
  right: 0;
  bottom: 0;
}
.bigImg img {
  max-width: 100%;
  height: 0.9479rem;
  object-fit: cover;
}
.bigImgBtn {
  width: 1.1719rem;
  background: #ffffff;
  height: 0.4167rem;
  bottom: 0;
  right: 0.5417rem;
  z-index: 6;
}
.bigImgBtn .swiper-button-next,
.bigImgBtn .swiper-button-prev {
  width: 0.4167rem;
}
.bigImgBtn .swiper-button-next::after,
.bigImgBtn .swiper-button-prev::after {
  font-size: 0.125rem;
  color: #b3b3b3;
}
.i-art {
  margin-top: 0.6615rem;
  background: url(../images/art.png) no-repeat top center / cover;
  height: 4.599rem;
  padding: 0.4583rem 0.5625rem 0 0.5625rem;
  box-sizing: border-box;
}
.artSwiper {
  margin-top: 0.4167rem;
}
.artSwiper a .img img {
  width: 100%;
  height: 1.724rem;
  object-fit: cover;
}
.artSwiper a .con .tit {
  margin: 0.2083rem 0;
}
.artSwiper a .con .txt {
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
}
.pagination {
  text-align: center;
  margin: 0.2583rem 0;
}
.pagination .swiper-pagination-bullet {
  height: 7px;
  width: 7px;
  background: #8a8787;
  transition: 0.5s;
}
.pagination .swiper-pagination-bullet-active {
  background: #e40113;
  width: 0.151rem;
  border-radius: 0.026rem;
}
.i-about {
  padding: 0.849rem 0.625rem 1.0313rem 0.625rem;
}
.i-about .con {
  width: 43%;
}
.i-about .con .txt {
  line-height: 1.8;
  margin: 0.151rem 0;
}
.i-about .imgbox {
  width: 48%;
}
.i-about .imgbox .img img {
  width: 100%;
  height: 2.3385rem;
  object-fit: cover;
}
.video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-btn img {
  height: 0.4167rem;
  width: 0.4167rem;
}
.more a {
  width: 0.5781rem;
  height: 0.1615rem;
  background: #e40113;
  border: 1px solid #e40113;
  color: #fff;
}

.more .icon {
  margin-left: 0.0521rem;
}
.iconList {
  margin-top: 0.1563rem;
}
.iconList .img img {
  height: 0.3646rem;
  width: 0.3646rem;
  margin: 0 auto;
}
.domain {
  background: url(../images/bg.png) no-repeat top center / cover;
  height: 4.5365rem;
  padding: 0.5208rem 0.8229rem 0 0.8229rem;
  box-sizing: border-box;
}
.domainSwiper {
  margin-top: 0.7969rem;
}
.domainSwiper .con {
  height: 1.9167rem;
}
.domainSwiper .con .img img {
  height: 0.4531rem;
  width: 0.4531rem;
  margin: 0 auto;
}
.domainSwiper .con .num {
  margin-top: 0.0521rem;
}
footer {
  background: #1d1d1b;
  padding: 0.2604rem 0.4219rem;
  box-sizing: border-box;
}
.footer-logo img {
  margin: 0 auto;
  height: 40px;
  max-width: 100%;
}
.footer-bottom {
  margin-top: 0.1042rem;
}
.footer-nav a {
  color: #fff;
  margin: 0 1vw;
}
.footer-nav a:hover {
  font-weight: bold;
}
.copy {
  color: rgba(255, 255, 255, 0.6);
}
.wxbox .wx {
  margin-right: 0.0521rem;
  cursor: pointer;
}
.wxbox .wx .icon img {
  max-width: 100%;
  height: 0.1875rem;
  margin: 0 auto;
}
.wxbox .wx .ewm {
  height: 0.625rem;
  width: 0.625rem;
  background: #fff;
  border-radius: 0.026rem;
  padding: 0.0417rem;
  box-sizing: border-box;
  bottom: 0.2083rem;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.wxbox .wx .ewm img {
  max-width: 100%;
}
.wxbox .wx:hover .ewm {
  opacity: 1;
  visibility: visible;
}
.subanner  video,
.subanner .img img {
  width: 100%;
}
.subanner .tit {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.subanner .tit1 {
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.subanner .tit1 p {
  margin-bottom: 14px;
}

.solution {
  background: #fafafa;
  padding: 0.4896rem 0 5% 0;
}

.solution .wrap {
  padding-bottom: 3%;
}

.wrap {
  width: 100%;
  max-width: 8.3333rem;
  margin: 0 auto;
}
.scheme {
  box-shadow: 0rem 0rem 0.3021rem 0.0052rem rgba(0, 0, 0, 0.01);
  margin-top: 0.2344rem;
}
.scheme-top .box {
  width: 50%;
}
.scheme-top .con {
  padding: 0.1042rem 0.651rem 0 0.5208rem;
  box-sizing: border-box;
}
.scheme-top .con .txt {
  line-height:2;
  margin: 0.1563rem 0;
}
.scheme-top .img img {
  width: 100%;
  height: 2.3438rem;
}
.schemSwiper {
  padding: 0.4896rem 0 0.0313rem 0;
}
.schemSwiper a {
  background: #fff;
  box-shadow: 0rem 0rem 0.2969rem 0rem rgba(0, 0, 0, 0.04);
  padding: 0.0833rem;
  border-radius: 0.1042rem;
}
.schemSwiper a .left {
  width: calc(100% - 1.1146rem);
  padding: 0.0642rem 0 0 0.1354rem;
  box-sizing: border-box;
}
.schemSwiper a .left .txt {
  min-height: 1.0417rem;
}
.schemSwiper a .left .txt p {
  background: url(../images/dot.png) no-repeat left 0.0313rem;
  background-size: 0.0313rem;
  padding-left: 0.0981rem;
  font-size: 0.0833rem;
  line-height: 1.5;
  color: #000;
}
.schemSwiper a .left .btn {
  width: 0.5781rem;
  height: 0.1615rem;
  color: #fff;
  background: #e40113;
  border: 1px solid #e40113;
  margin-top: 0.0781rem;
}
.schemSwiper a .img {
  width: 1.0417rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.schemSwiper a .img img {
  max-width: 100%;
  margin: 0 auto;
}

.model {
  color: #333;
}
.line {
  height: 0.0208rem;
  background: #dd173d;
  width: 0.2292rem;
  margin: 0.0781rem 0;
}
.dot {
  text-align: center;
  margin: 0.1563rem 0;
}
.dot .swiper-pagination-bullet {
  height: 0.0573rem;
  width: 0.0573rem;
  background: #fff;
  border: 1px solid #a8a8a8;
}
.dot .swiper-pagination-bullet-active {
  border: 1px solid #e40113;
}
.locbox {
  background: #fafafa;
}
.location {
  background: url(../images/home.png) no-repeat left center;
  height: 0.375rem;
  padding-left: 0.1563rem;
  background-size: 0.0833rem 0.0833rem;
}
.location a {
  color: #666;
}
.location a i {
  margin: 0 0.0521rem;
}
.location a:last-child i {
  display: none;
}
.contentbox {
  padding: 0.2969rem 0 0 0;
}
.contentbox .list {
  padding: 6% 0;
}
.contentbox .list .img img {
  margin: 0 auto;
  max-width: 100%;
  height: 0.5208rem;
}
.contentbox .list .txt {
  margin-top: 3%;
  line-height: 2;
}
.content .box {
  width: 48.3%;
  box-sizing: border-box;
}
.content .left .txt {
 line-height:2;
  margin: 0.1563rem 0;
}
.content .img img {
  width: 100%;
}
.related {
  padding: 0.4948rem 0 0.6458rem 0;
  background: #f6f6f6;
}
.relatedSwiper {
  padding-top: 0.2242rem;
}
.relatedSwiper a {
  background: #fff;
  padding: 0.1406rem 0.3385rem;
  border-radius: 0.1563rem;
  box-shadow: 0px 10px 133px 0px rgba(0, 0, 0, 0.04);
}
.relatedSwiper a .img {
  width: 2rem;
}
.relatedSwiper a .img img {
  max-width: 100%;
  margin: 0 auto;
  height: 2rem;
  object-fit: scale-down;
}
.relatedSwiper a .left {
  width: calc(100% - 2.151rem);
}
.relatedSwiper a .left .txt {
  line-height: 1.7;
  color: #333;
  margin: 0.1781rem 0;
}
.relatedSwiper a .left .txt p {
  background: url(../images/dot.png) no-repeat left center;
  background-size: 0.0573rem 0.0573rem;
  padding-left: 0.0981rem;
}
.relatedSwiper a .left .btn {
  width: 0.5781rem;
  height: 0.1615rem;
  border: 1px solid #e40113;
  color: #fff;
  background: #e40113;
  margin-top: 0.0781rem;
}

.relatedSwiper .swiper-slide {
  width: 54%;
  position: relative;
}
.more-prodcut a {
  width: 1.4583rem;
  line-height: 0.3177rem;
  background: #dd173d;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}
.relatedCase {
  padding-top: 4%;
}
.CaseBox {
  margin-top: 0.2323rem;
  padding-bottom: 0.2083rem;
}
.CaseSwiper .img img {
  width: 100%;
  height: 2.1042rem;
  object-fit: cover;
}
.CaseSwiper .tit {
  color: #000;
  padding: 4% 0;
}
.Pagebg {
  background: #f6f6f6;
  padding-bottom: 3%;
}
.product-table {
  padding-top: 0.7813rem;
}
.productBox {
  width: 1.8177rem;
  padding-bottom: 5%;
}
.product-nav {
  border: 1px solid #eaeaea;
}
.product-nav li {
  border-bottom: 1px solid #eaeaea;
}
.product-nav li .box {
  padding: 0 0.1302rem 0 0.2448rem;
}
.product-nav li a {
  line-height: 0.3646rem;
}
.product-nav li .icon {
  height: 0.3646rem;
  line-height: 0.3646rem;
  text-align: center;
  font-size: 0.125rem !important;
  transition: 0.5s;
}
.product-nav li.cur .box {
  background: #dd173d;
}
.product-nav li.cur .a2 {
  color: #fff;
}
.product-nav li.cur .icon {
  transform: rotate(90deg);
  color: #fff;
}
.product-nav li.cur .item {
  display: block;
}
.product-nav li .item {
  padding: 0.1042rem 0.2083rem;
  display: none;
}
.product-nav li .item a {
  line-height: 0.2604rem;
}
.product-nav li .item a.cur1 {
  color: #e40113;
}
.product-nav li:last-child {
  border: none;
}
/* 表格容器：实现横向滚动的核心 */
.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* 移动端平滑滚动 */
  margin-bottom: 0.1563rem;
  border-radius: 0.0208rem;
}


.tbalebox table{width:100%}

/* 表格基础样式 */
table {


  /* 保证表格最小宽度，触发滚动 */
  border-collapse: collapse;
  text-align: center;
}
/* 分组标题样式 */
.table-group-title {
  text-align: left;
  font-size: 0.0938rem;
  font-weight: bold;
  padding: 0.0625rem 0.0781rem;

  border-bottom: 0.0052rem solid #e6e6e6;
}



/* 表头样式 */
table thead th {
  color: #333;
  font-weight: 600;
  padding: 0.0625rem 0.0417rem;
  border: 0.0052rem solid #e6e6e6;
  font-size: 0.0729rem;
  white-space: nowrap;
}
/* 表格内容样式 */
table tbody td {
  padding: 0.0521rem 0.0417rem;
  border: 0.0052rem solid #e6e6e6;
  font-size: 0.0729rem;
  color: #666;
  white-space: nowrap;
}
/* 型号列a标签样式 */
table tbody td a {
  text-decoration: none;
  font-weight: 500;
}
table tbody td a:hover {
  text-decoration: underline;
}

/* 响应式适配：小屏幕优化 */
@media screen and (max-width: 4rem) {
  .table-group-title {
    font-size: 0.0833rem;
    padding: 0.0521rem 0.0625rem;
  }
  table thead th,
  table tbody td {
    padding: 0.0417rem 0.0313rem;
    font-size: 0.0677rem;
  }
}
.tbalebox {
  width: calc(100% - 2.1042rem);
}

.tbale-tit {
  padding-bottom: 0.1042rem;
}
.product-tab {
  margin-top: 0.2125rem;
  border-bottom: 1px solid #afafaf;
  height: 0.4167rem;
}
.product-tab a {
  padding: 0 0.1042rem;
  line-height: 0.4167rem;
}
.product-tab a:hover,
.product-tab a.cur {
  color: #dd173d;
  border-bottom: 1px solid #dd173d;
}
.productList {
  margin: 0 -0.026rem;
  margin-top: 0.375rem;
  padding-bottom: 0.2604rem;
}
.productList li {
  width: 25%;
  margin-bottom: 0.0521rem;
}
.productList li a {
  margin: 0 0.026rem;
}
.productList li a .img img {
  height: 1.3021rem;
  object-fit: scale-down;
  max-width: 100%;
  margin: 0 auto;
}
.productList li a .tit {
  height: 0.4792rem;
}
.productList li a:hover {
  box-shadow: 0rem 0.0104rem 0.026rem 0rem rgba(0, 0, 0, 0.07);
}
.productbox {
  padding-bottom: 0.3125rem;
}
/*分页样式  */
.pages a {
  padding: 0.0313rem 0.0625rem;
  font-size: 0.0729rem;
  color: #666;
  text-decoration: none;
  border-radius: 0.0104rem;
  transition: all 0.3s ease;
  margin-right: 0.0521rem;
}
.pages a:hover,
.pages a.cur {
  background: #dd173d;
  border-color: #dd173d;
  color: #fff;
}
.p-details {
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.p-details .left .t1 {
  margin-bottom: 0.1042rem;
}
.details-box {
  width: 3.099rem;
}
.details-img {
  padding: 0.2083rem 0.2604rem;
  border-radius: 0.1563rem;
  box-sizing: border-box;
}
.details-img img {
  max-width: 100%;
}
.dowlaod a {
  color: #dd173d;
  background: url(../images/down.png) no-repeat left center;
  padding-left: 0.224rem;
  background-size: 0.151rem 0.1406rem;
}
.lxwm-btn {
  width: 1.1979rem;
  height: 0.2552rem;
  background: #f61712;
  border-radius: 0.1302rem;
  margin: 0 auto;
  color: #fff;
  margin-top: 0.1406rem;
  cursor: pointer;
}
.lxwm-btn p {
  margin: 0 0.026rem;
}
.modal-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.contact-container {
  max-width: 5.7292rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  border-radius: 0.1563rem;
  padding: 0.2917rem 0.4167rem;
  box-sizing: border-box;
}
.close-btn {
  position: absolute;
  top: 0.1563rem;
  right: 0.1563rem;
  width: 0.125rem;
  height: 0.125rem;
  font-size: 0.2083rem;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sub-title {
  padding: 0.0521rem 0 0.2125rem 0;
  color: #666;
}
.form-footer .box,
.form-item {
  width: 48%;
}
.form-group {
  margin-bottom: 0.1563rem;
}
.form-footer {
  margin-top: 0.1563rem;
}
.form-label {
  font-size: 0.0729rem;
  color: #333;
  margin-bottom: 0.0417rem;
  display: block;
  width: 100%;
}
.form-input {
  height: 0.2083rem;
  padding: 0 0.0521rem;
  border: 0.0052rem solid #dddddd !important;
  border-radius: 0.0208rem;
  font-size: 0.0729rem;
  color: #333;
  width: 100%;
  box-sizing: border-box;
}
.form-textarea-item {
  width: 100%;
}
.form-textarea {
  height: 0.5208rem;
  padding: 0.0521rem;
  border: 0.0052rem solid #ddd;
  border-radius: 0.0208rem;
  font-size: 0.0729rem;
  color: #333;
  resize: none;
  box-sizing: border-box;
  width: 100%;
}
.agreement a {
  display: inline-block;
  color: #dd173d;
}
.submit-btn {
  width: 100%;
  display: block;
  height: 0.2083rem;
  background-color: #e63920;
  color: #fff;
  border: none;
  border-radius: 0.0208rem;
  font-size: 0.0833rem;
  cursor: pointer;
  text-align: center;
  line-height: 0.2083rem;
}
.submit-btn:hover {
  background-color: #d92a1a;
}
.richText {
  font-size: 0.0833rem;
  line-height: 2.4;
  padding: 4% 0;
}
.richText img {
  max-width: 100%;
  margin: 0 auto;
}
.apply {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
}
.core-tit {
  padding: 6% 0;
}
.sjjy li {
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf;
  height: 1.2969rem;
}
.sjjy li:nth-child(2n) {
  border-right: none;
}
.sjjy li:nth-last-child(2),
.sjjy li:nth-last-child(1) {
  border-bottom: none;
}
.sjjy li:nth-last-child(1) {
  border-right: none;
}
.sjjy li .img {
  opacity: 0;
  transition: 0.5s;
}
.sjjy li .img img {
  width: 100%;
  height: 1.2969rem;
  object-fit: cover;
}
.sjjy li .num span {
  margin-left: 0.026rem;
}
.sjjy li .con {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sjjy li.cur .img,
.sjjy li:hover .img {
  opacity: 1;
}
.sjjy li.cur .con,
.sjjy li:hover .con {
  color: #fff;
}
.qualitylist {
  padding-bottom: 10%;
}
.qualitylist li {
  width: 16%;
}
.qualitylist li .img img {
  max-width: 100%;
  margin: 0 auto;
  height: 0.5573rem;
}
.qualitylist li .tit {
  line-height: 1.5;
  padding: 0 11%;
  text-align: center;
}
.news {
  padding-bottom: 4%;
}
.newsList {
  padding-bottom: 0.2604rem;
  margin: 0 -0.3385rem;
  margin-top: 0.349rem;
}
.newsList li {
  width: 33.3333%;
  margin-bottom: 0.2083rem;
}
.newsList li a {
  margin: 0 0.3385rem;
}
.newsList li a .img {
  border-radius: 0.0521rem;
  overflow: hidden;
}
.newsList li a .img img {
  width: 100%;
  height: 1.5938rem;
  object-fit: cover;
}
.newsList li a .tit {
  line-height: 1.5;
  height: 0.375rem;
  margin: 0.0521rem 0;
  color: #000;
}
.newsList li a .gd {
  color: #666;
}
.newsList li a .data {
  color: #999;
}
.newsList li a .data span {
  color: #000;
}
.wrap1 {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}
.newsDetails {
  padding-bottom: 5%;
}
.newstit .t1 {
  margin: 0.1042rem 0;
}
.newscon {
  line-height: 0.1875rem;
  font-size: 0.0833rem;
}
.newscon img {
  max-width: 100%;
  margin: 0 auto;
}
.newsbox {
  width: calc(100% - 0.7813rem);
}
.share {
  width: 0.4896rem;
}
.sharebox {
  height: 1.5729rem;
  background: #f6f6f8;
  text-align: center;
  padding: 0.1771rem 0.1302rem;
  box-sizing: border-box;
}
.fx-ewm {
  right: 0.2865rem;
  top: 0;
  width: 0.5208rem;
  border-radius: 0.0521rem;
  background: #fff;
  padding: 0.0521rem;
  box-shadow: 0rem 0.0104rem 0.026rem 0rem rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.fx-ewm img {
  width: 100%;
  height: 0.5208rem;
}
.fx-ewm::before {
  border: 0.0469rem solid;
  border-color: transparent;
  border-left-color: #fff;
  position: absolute;
  top: 7%;
  content: "";
  right: -0.0885rem;
}
.fx-a {
  margin-top: 0.125rem;
}
.fx-a .wx img {
  height: 0.151rem;
  width: 0.151rem;
  margin: 0 auto;
}
.fx-a:hover .fx-ewm {
  opacity: 1;
}
.news-hot {
  padding: 3% 0;
  background: #fafbfc;
}
.newsList1 {
  margin-top: 0.0821rem;
}
.concept li:nth-child(2n) {
  flex-direction: row-reverse;
}
.concept .box {
  width: 50%;
}
.concept .img img {
  width: 100%;
}
.concept .con .tit {
  margin-bottom: 0.0521rem;
}
.concept .con p {
  line-height: 1.7;
}
.yszc {
  background: url(../images/bg_02.png) no-repeat top center;
  background-size: 100%;
  padding: 0.5208rem 0 0 0;
}
.yszc .sub-tit {
  padding: 0.2083rem 0;
}
.ygzxSwiper .img {
  border-radius: 0.1042rem;
}
.ygzxSwiper .img img {
  height: 1.5938rem;
}
.search-container {
  width: 100%;
  max-width: 4.1667rem;
  margin: 0 auto;
  border-radius: 0.2083rem;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0.0208rem 0.0625rem rgba(0, 0, 0, 0.08);
  margin-top: 0.2083rem;
}
.search-input-wrap {
  width: calc(100% - 0.9375rem);
  box-sizing: border-box;
  padding-left: 0.1354rem;
}
.search-btn {
  width: 0.9375rem;
  height: 0.2917rem;
  border: none;
  outline: none;
  border-radius: 0.2083rem;
  background: #ff0000;
  cursor: pointer;
  transition: background 0.2s ease;
}
.search-icon {
  width: 0.1667rem;
  height: 0.1667rem;
  background: url(../images/ss.png) no-repeat center center;
  background-size: 0.1458rem 0.1354rem;
}
.search-input {
  width: 100%;
  height: 0.2604rem;
  border: none;
  outline: none;
  background: transparent;
  width: calc(100% - 0.1823rem);
}
.search-btn:hover {
  background: #e60000;
}
.rc-tabs {
  margin: 0.1563rem 0;
}
.rc-tabs a {
  margin: 0 2vw;
}
.rc-tabs a .img img {
  height: 0.3333rem;
  width: 0.4167rem;
  margin: 0 auto;
}
.join-top {
  background: #dcdcdc;
  height: 0.4635rem;
  padding: 0 0.2552rem 0 0.4167rem;
  box-sizing: border-box;
}
.join-top li {
  text-align: center;
}
.join-top li:nth-child(1) {
  text-align: left;
}
.col1 {
  width: 25%;
}
.col2 {
  width: 20%;
}
.col3 {
  width: 15%;
}
.col4 {
  width: 15%;
}
.col5 {
  width: 15%;
}
.col6 {
  width: 10%;
  font-size: 0.125rem;
}
.col7 {
  transition: 0.5s;
}
.joinList li .item {
  height: 0.4635rem;
  padding: 0 0.2552rem 0 0.4167rem;
  box-sizing: border-box;
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
}
.joinList li .item .col1 {
  text-align: left;
}
.joinList li .item span img {
  width: 0.1719rem;
  height: 0.0885rem;
}
.joinList li.cur .item {
  background: #d92a1a;
  color: #fff;
}
.joinList li.cur .col7 {
  transform: rotate(90deg);
}
.join-con {
  box-shadow: 0rem 0.0521rem 0.3073rem 0rem rgba(0, 0, 0, 0.06);
  padding: 0.2083rem 0.2188rem 0.2083rem 0.4167rem;
}
.join-con .con {
  padding: 0.1042rem 0;
}
.join-con .con h4 {
  font-weight: bold;
  font-size: 0.0833rem;
  padding-bottom: 1%;
}
.join-con .con .txt {
  padding-bottom: 4%;
  line-height: 1.8;
  font-size: 0.0833rem;
}
.sqgw a {
  width: 1.224rem;
  line-height: 0.2656rem;
  border: 1px solid #d7222b;
  text-align: center;
  color: #d7222b;
}
.sqgw a:hover {
  background: #d7222b;
  color: #fff;
}
.rc-con {
  padding-bottom: 5%;
}
.line-red {
  width: 0.1927rem;
  height: 0.0313rem;
  background: #d7222b;
  margin-top: 0.0521rem;
  margin-bottom: 0.0521rem;
}
.muto {
  margin-left: auto;
  margin-right: auto;
}
.gpxx {
  padding: 0.625rem 0;
}
.gpxx .box {
  width: 50%;
  border-right: 1px solid #dcdcdc;
  box-sizing: border-box;
}
.gpxx .box:last-child {
  border: none;
}
.gpxx .con .txt {
  line-height: 1.7;
  padding: 0.0521rem 0.4688rem 0 0;
}
.stock-top {
  margin-bottom: 0.1083rem;
}
.stock {
  padding-left: 0.6615rem;
}
.stock p {
  color: #999;
}
.stock ul {
  margin-top: 0.1632rem;
  padding-bottom: 0.3125rem;
}
.stock ul li {
  border-right: 1px solid #ddd;
  padding-right: 5%;
  box-sizing: border-box;
}
.stock ul li:last-child {
  padding: 0;
  border: none;
}
.stock ul li .t1 {
  margin-bottom: 0.026rem;
}
.stock-price {
  padding: 0.0781rem 0;
}
.price-red {
  color: #d7222b;
}
.coin {
  margin-left: 0.0781rem;
}
.price-green {
  color: #057c1f;
}
.gszl {
  background: #f9f9f9;
  padding: 0.4688rem 0 0.7552rem 0;
}
.tabs-link {
  padding: 0.0521rem 0;
}
.tabs-link a {
  margin: 0 0.1042rem;
}
.listBox {
  margin-top: 0.1563rem;
}
.listBox li {
  width: 49%;
  margin-bottom: 0.125rem;
}
.listBox li a {
  position: relative;
  background: #fff;
  box-shadow: 0rem 0.0521rem 0.8802rem 0rem rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
  height: 0.5521rem;
  padding: 0 0.0781rem;
}
.listBox li a .data {
  width: 0.5521rem;
  border-right: 1px solid #dcdcdc;
}
.listBox li a .txt {
  width: calc(100% - 0.7292rem);
  padding-right: 3%;
  box-sizing: border-box;
  color: #333;
}
.listBox li a::after {
  width: 0;
  height: 2px;
  background: #d7222b;
  left: 0;
  bottom: 0;
  position: absolute;
  content: "";
  transition: 0.5s;
}
.listBox li a:hover::after {
  width: 100%;
}
.dqgg {
  padding-top: 0.4688rem;
}
.noticeBox {
  padding: 0.1563rem 0 0.5208rem 0;
}
.noticeBox .img {
  width: 3.2292rem;
}
.noticeBox .img img {
  height: 3.0417rem;
  width: 100%;
}
.noticeList {
  width: calc(100% - 3.6563rem);
}
.listBox1 {
  margin: 0;
}
.listBox1 li {
  width: 100%;
  margin: 0;
}
.listBox1 li a {
  height: 0.6042rem;
}
.listBox1 li a::before {
  width: 100%;
  height: 1px;
  background: #dcdcdc;
  left: 0;
  bottom: 0;
  position: absolute;
  content: "";
}
.listBox1 li a:hover {
  background: #f9f9f9;
}
.develop {
  margin-top: 0.5208rem;
}
.develop li {
  padding-bottom: 0.6146rem;
}
.develop li .box {
  width: 47%;
}
.develop li .txt {
  margin-top: 0.1963rem;
  line-height: 1.8;
}
.develop li .img img {
  width: 100%;
}
.develop li:nth-child(2n) {
  flex-direction: row-reverse;
}
.manager {
  padding: 0.4635rem 0 0.5208rem 0;
}
.manager ul {
  margin: 0 -0.1901rem;
}
.manager ul li {
  width: 33.3333%;
}
.manager ul li a {
  margin: 0 0.1901rem;
  background: #fff;
  padding: 0.1406rem;
  box-sizing: border-box;
}
.manager ul li a .img img {
  width: 100%;
  height: 1.1823rem;
  object-fit: cover;
}
.manager ul li a .con .tit {
  color: #000;
  margin-top: 0.1875rem;
}
.manager ul li a .con .txt {
  margin-top: 0.0677rem;
  line-height: 1.875;
}
.manager ul li a .btn {
  width: 0.6167rem;
  line-height: 0.2083rem;
  border: 1px solid #d7222b;
  text-align: center;
  font-size: 0.0833rem;
  margin: 15px auto 0 auto;
  background: #d7222b;
  color: #fff;
}

.about {
  padding: 0.6375rem 0.4219rem 0.7656rem 0.4219rem;
}
.aboutus .img {
  width: 3.3802rem;
}
.aboutus .img img {
  max-width: 100%;
}
.aboutus .con {
  width: calc(100% - 4.1667rem);
}
.aboutus .con span {
  color: #d7222b;
}
.aboutus .con p {
  line-height: 1.6;
  margin-top: 0.1563rem;
}
.aboutNum {
  padding: 0.4688rem 0.4083rem;
}
.aboutNum li .num {
  background: linear-gradient(180deg, #e40113 7.98339844%, #f9b2af 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aboutNum li .tit {
  margin-left: 0.0521rem;
}
.surroundings {
  margin: 0 -0.1458rem;
}
.surroundings li {
  width: 25%;
  margin-bottom: 0.1042rem;
}
.surroundings li a {
  margin: 0 0.1458rem;
}
.surroundings li a img {
  width: 100%;
  height: 1.2708rem;
  object-fit: cover;
}
.surroundings li a .tit {
  line-height: 0.2969rem;
  width: 100%;
  background: rgba(215, 34, 43, 0.5);
  left: 0;
  bottom: 0;
  color: #fff;
  padding-left: 0.0521rem;
  box-sizing: border-box;
}
.worth {
  background: url(../images/bg3.png) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 0.5208rem;
}
.worth-wrap {
  max-width: 7.0938rem;
  margin: 0 auto;
  margin-top: 7%;
  padding-bottom: 0.625rem;
}
.worthSwiper {
  height: 2.4635rem;
  border-radius: 0.0521rem;
  overflow: hidden;
}
.worthSwiper .img img {
  border-radius: 0.0521rem;
  width: 100%;
  overflow: hidden;
}
.worthSwiper .abs {
  right: 0;
  top: 0.3802rem;
  width: 46%;
}
.worthSwiper .abs .t1 {
  margin: 0.1042rem 0;
}
.worthSwiper .swiper-pagination {
  right: 0.2083rem;
  top: 20%;
}
.worthSwiper .swiper-pagination-bullet {
  width: 0.0729rem;
  height: 0.0729rem;
  border-radius: 50%;
  border: 0.0104rem solid #ffffff;
  opacity: 0.25;
}
.worthSwiper .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity: 0.25;
}
.honner {
  padding: 0.5208rem 0;
}
.honnerNum {
  padding: 0.1963rem 0;
}
.honnerNum li {
  margin: 0 3vw;
}
.honnerSwiper img {
  height: 2.3802rem;
  margin: 0 auto;
  max-width: 100%;
}
.process {
  padding: 0.5208rem 0;
  background: #f9f9f9;
}
.swiperCourse {
  margin-top: 0.3604rem;
}
.fzlc-con .box {
  width: 46%;
}
.fzlc-con .img {
  width: 3.4375rem;
}
.fzlc-con .img img {
  width: 100%;
  height: 2.1354rem;
  object-fit: cover;
}
.fzlc-con .con {
  width: calc(100% - 4.125rem);
  box-sizing: border-box;
  padding-right: 4%;
}
.fzlc-con .txt {
  line-height: 1.7;
  color: #5b5b5b;
  box-sizing: border-box;
}
.line-c9 {
  background: #d4d4d4;
  height: 0.0104rem;
  margin: 0.1563rem 0;
}
.process-con {
  margin: 0 auto;
  max-width: 7.1875rem;
  width: 100%;

font-size: clamp(12px, calc(100vw * 18 / 1920),  18px); !important; line-height:2
}
.process-Year {
  height: 0.5729rem;
  margin-top: 0.2604rem;
}
.process-Year::after {
  height: 0.0104rem;
  background: #f0f0f0;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.process-Year .swiper-button-next,
.process-Year .swiper-button-prev {
  top: 66% !important;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 50%;
  background: #dddddd;
}
.process-Year .swiper-button-next::after,
.process-Year .swiper-button-prev::after {
  font-size: 0.125rem;
}
.YearBox {
  padding-bottom: 0.2188rem;
}
.YearBox::after {
  background: #f0f0f0;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 0.0938rem;
  width: 0.0938rem;
  border-radius: 50%;
  background: #d9d9d9;
  border-radius: 2px solid #fff;
}
.swiperYear .swiper-slide-thumb-active .YearBox {
  color: #d7222b;
}
.swiperYear .swiper-slide-thumb-active .YearBox::after {
  background: #d7222b;
}
.czxx {
  padding-left: 0.4219rem;
  padding-right: 0.4219rem;
}
.czxxSwiper {
  padding: 0.1042rem 0.0156rem;
}
.czxxSwiper a {
  box-shadow: 0rem 0.026rem 0.0833rem 0rem rgba(0, 0, 0, 0.08);
}
.contant {
  padding: 0.5208rem 0;
}
.contant-top {
  background: url(../images/map_03.png) no-repeat right top;
  background-size: 5.1042rem 4.2969rem;
}
.contant-top .txt {
  margin: 0.1042rem 0;
}
.contant-top p {
  line-height: 2;
}
.contant-top .con {
  width: 48%;
  margin-top: 0.2042rem;
}
.contant-top .con .box {
  width: 46%;
}
.fb {
  margin-top: 10%;
}
.fb li {
  width: 47%;
  height: 1.8646rem;
  padding: 0.2969rem;
  box-shadow: 0px 0px 58px 1px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  background: #fff;
}
.pc-pagination {
  display: none;
}
.detailsSwiper img {
  max-width: 100%;
}
.gotop {
  line-height: 40px;
  width: 40px;
  font-size: 24px !important;
  text-align: center;
  background: #696b6b;
  border-radius: 5px;
  position: fixed;
  right: 20px;
  z-index: 999;
  bottom: 100px;
  color: #fff;
}
/* ===================================
   1200px 以下响应式
==================================== */
@media (max-width: 1200px) {

.process-con{font-size:16px}

  .gotop {
    display: none;
  }
  /* 全局通用 */
  html {
    font-size: 192px !important;
  }
  .sjjy li .con .num {
    font-size: 50px;
  }
  .wrap,
  .wrap1,
  .process-con,
  .worth-wrap {
    max-width: 94%;
  }
  /* 布局与间距 */
  .i-about,
  .i-case,
  .about {
    padding: 4%;
  }
  .i-art,
  .honner {
    padding: 10% 4%;
  }
  .domain {
    padding: 10% 4% 2% 4%;
  }
  footer {
    padding: 8% 3%;
  }
  .czxx {
    padding: 8% 4%;
  }
  .aboutNum {
    padding: 4% 0;
  }
  /* 高度自动统一 */
  .conbox,
  .conbox .con,
  .i-art,
  .domain,
  .domainSwiper .con,
  .worth {
    height: auto;
  }
  /* 导航/头部/分页 */
  .pc-pagination {
    display: block;
    margin: 0;
    bottom: 20px;
  }
  .main-nav-m {
    display: block;
  }
  .subanner {
    margin-top: 60px;
  }
  /* 横幅标题 */
  .i-banner {
    margin-top: 0.3125rem;
  }
  .banner-tit1 {
    font-size: 18px !important;
  }
  .banner-tit2 {
    font-size: 24px !important;
  }
  .banner-tit3 {
    font-size: 16px !important;
  }
  /* 内容容器公共样式 */
  .conbox .con {
    padding: 0;
    position: static;
    width: 100%;
    display: block;
  }
  .flexBox {
    align-items: center;
  }
  /* 图片与轮播基础样式 */
  .swiperbox,
  .newsbox {
    width: 100%;
  }
  .domainSwiper .con .num .f60 {
    font-size: 50px;
  }
  .con-right,
  .indexCaseSwiper .img {
    width: 50%;
  }
  .con-right {
    padding: 2%;
    box-sizing: border-box;
  }
  .indexCaseSwiper {
    padding-bottom: 60px;
  }
  .artSwiper {
    margin-top: 8%;
  }
  .domainSwiper {
    margin-top: 80px;
  }
  .i-about .imgbox {
    margin-top: 3%;
  }
  /* 隐藏元素 */
  .bigImgnbox .abs,
  .case-nav,
  .thumb,
  .share,
  .product-tab,
  .location,
  .productBox,
  .process-Year {
    display: none;
  }
  /* 产品列表 */
  .product-table {
    padding-top: 60px;
  }
  .productList {
    margin-top: 10px;
  }
  .productList li {
    width: 33.333%;
  }
  .tbalebox {
    width: 100%;
    padding-top: 30px;
  }
  /* 产品详情 */
  .p-details {
    position: static;
    transform: none;
  }
  .p-details .left {
    color: #000;
    width: 50%;
  }
  .details-box {
    width: 50%;
  }
  .relatedCase {
    padding: 60px 4%;
  }
  .CaseBox {
    margin-top: 40px;
  }
  /* 关于我们 */
  .aboutus {
    display: block;
  }
  .aboutus .img,
  .aboutus .con {
    width: 100%;
  }
  /* 环境图片 */
  .surroundings {
    margin: 0 -10px;
  }
  .surroundings li {
    width: 33.3333%;
  }
  .surroundings li a {
    margin: 0 10px;
  }
  /* 价值轮播 */
  .worth-wrap,
  .worth {
    padding-top: 50px;
  }
  .worth-wrap {
    margin-top: 0;
    padding-bottom: 30px;
  }
  .worthSwiper {
    height: auto;
    padding-bottom: 80px;
  }
  .worthSwiper .swiper-pagination-bullet-active {
    background: #d7222b;
    opacity: 1;
  }
  .worthSwiper .swiper-pagination {
    top: auto;
  }
  .worthSwiper .abs {
    position: static;
    width: 100%;
  }
  .worthSwiper .abs .icon {
    display: none;
  }
  .worth {
    background: #f9f9f9;
  }
  .worth-tit {
    color: #000 !important;
  }
  /* 流程 */
  .fzlc-con .box {
    width: 100%;
  }
  .fzlc-con .img img {
    height: auto;
  }
  .fzlc-con .con {
    padding: 4% 0;
  }
  .swiperCourse {
    margin-top: 20px;
    padding-bottom: 70px;
  }
  /* 底部 */
  .footer-bottom {
    display: block;
  }
  .footer-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8% 0;
  }
  .footer-nav a {
    width: 49%;
    margin: 0;
    line-height: 36px;
  }
  .footer-logo img {
    margin: 0;
  }
  .honnerNum li {
    width: 33.333%;
    margin: 0;
  }
  .i-art {
    margin-top: 20px;
  }
  .qualitylist li {
    width: 33.333%;
  }
  .solution {
    padding: 0;
  }
  .scheme-top .box {
    width: 100%;
  }
  .scheme-top .con {
    padding: 4% 2%;
  }
  .scheme-top .img img {
    height: auto;
  }
  .develop li .box,
  .contentbox .list li,
  .content .box,
  .relatedSwiper a .left,
  .relatedSwiper a .img,
  .schemSwiper a .img,
  .schemSwiper a .left {
    width: 100%;
  }
  .schemSwiper a {
    flex-direction: column-reverse;
  }
  .relatedSwiper a .img img,
  .schemSwiper a .img img {
    height: auto;
    margin: 0 auto;
  }
  .related {
    padding: 60px 4% 0 4%;
  }
  .relatedSwiper a {
    padding: 8%;
  }
  .more-prodcut a {
    width: 140px;
  }
  .relatedCase {
    padding-bottom: 0;
  }
  .develop {
    margin: 0;
    padding: 4% 0;
  }
  .develop li {
    padding-bottom: 20px;
  }
  .develop li .txt {
    padding: 2% 0;
    margin: 0;
    line-height: 30px;
    font-size: 16px;
  }
  .manager {
    padding: 4% 0;
  }
  .manager ul {
    margin: 0 -10px;
  }
  .manager ul li a {
    margin: 0 10px;
    padding: 3%;
  }
  .manager ul li {
    width: 50%;
    margin-bottom: 15px;
  }
  .listBox1 li a,
  .noticeBox {
    flex-wrap: wrap;
  }
  .noticeList,
  .noticeBox .img {
    width: 100%;
  }
  .noticeBox .img img {
    height: auto;
  }
  .listBox li a .txt,
  .listBox li a .data {
    width: 100%;
  }
  .listBox li a .data {
    display: none;
  }
  .noticeBox {
    padding-bottom: 50px;
  }
  .newsList {
    margin: 0 -10px;
  }
  .newsList li a {
    margin: 0 10px;
  }
  .news {
    padding: 4% 0;
  }
  .newsList li a .img img {
    height: 180px;
  }
  .newsList {
    padding: 0;
  }
  .contant-top {
    background-size: 100%;
  }
  .contant {
    padding: 4% 0;
  }
  .fb,
  .contant-top .con {
    width: 100%;
    display: block;
  }
  .fb li {
    width: 100%;
    height: auto;
    padding: 4%;
  }
  .rc-tabs a {
    margin: 0 40px;
  }
  .join-top {
    display: none;
  }
  .joinList li .item {
    display: block;
    height: auto;
    text-align: left;
    padding: 4% 6%;
  }
  .col7 {
    display: none;
  }
  .join-con {
    padding: 2%;
  }
  .sqgw a {
    width: 100%;
  }
  .gpxx .box,
  .joinList li .item div {
    width: 100%;
    border: none;
  }
  .stock,
  .gpxx {
    padding: 60px 0 0 0;
  }
  .gpxx .con .txt {
    padding: 0;
  }
  .stock ul {
    padding-bottom: 0;
  }
  .stock ul li {
    border: none;
    width: 50%;
    margin-bottom: 40px;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 800px) {
  /* 布局 */
  .flexBox,
  .form-group,
  .form-footer {
    flex-wrap: wrap;
  }
  /* 宽度100%统一 */
  .con-right,
  .indexCaseSwiper .img,
  .i-about .box,
  .form-item,
  .details-box,
  .form-footer .box {
    width: 100%;
  }
  /* 图片高度自适应 */
  .artSwiper a .img img,
  .i-about .imgbox .img img,
  .CaseSwiper .img img {
    height: auto;
  }
  /* 图标尺寸 */
  .video-btn img {
    width: 40px;
    height: 40px;
  }
  .domainSwiper .con .img img,
  .iconList .img img {
    width: 50px;
    height: 50px;
  }
  /* 产品列表 */
  .productList li {
    width: 50%;
  }
  .productList li a .tit {
    height: auto;
    padding-bottom: 20px;
  }
  .productList li a .img img {
    height: 180px;
  }
  /* 产品详情 */
  .p-details {
    position: static;
    transform: none;
  }
  .p-details .left {
    color: #000;
    width: 100%;
    padding: 4% 0;
  }
  .p-details .left .t1 {
    margin-bottom: 20px;
    text-align: center;
  }
  /* 弹窗表单 */
  .contact-container {
    max-width: 320px;
    padding: 12% 4%;
  }
  .close-btn {
    top: 20px;
  }
  .sub-title {
    padding: 2% 0;
  }
  .form-item {
    margin-bottom: 10px;
  }
  .agreement {
    padding-bottom: 20px;
  }
  .dowlaod {
    display: flex;
    justify-content: center;
  }
  .aboutNum {
    flex-wrap: wrap;
    padding: 8% 0;
    justify-content: flex-start;
  }
  .aboutNum li {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    width: 33.333%;
  }
  .aboutNum li .tit {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .aboutNum li .tit .num {
    color: #000;
    background: none;
    -webkit-text-fill-color: #000;
  }
  .surroundings li {
    width: 50%;
  }
  .process {
    padding: 30px 0;
  }
  .line-c9 {
    margin: 10px 0;
  }
  .mov {
    display: none;
  }
  .qualitylist li {
    width: 50%;
  }
  .concept li {
    width: 100%;
    flex-wrap: wrap;
  }
  .concept .box,
  .manager ul li {
    width: 100%;
    margin-bottom: 15px;
  }
  .manager ul li a .img img {
    height: auto;
  }
  .newsList li {
    width: 50%;
  }
  .yszc {
    background: #f9f9f9;
    padding-top: 40px;
  }
  .yszc .sub-tit,
  .yszc .tit {
    color: #000;
  }
  .yszc .sub-tit {
    padding: 2% 0;
  }
  .search-container {
    display: block;
    border-radius: 0;
    border: none;
    box-shadow: none;
  }
  .search-input-wrap {
    width: 100%;
    border: 1px solid #ddd;
  }
  .search-btn {
    width: 120px;
    border-radius: 0;
    margin-top: 10px;
  }
  .listBox li {
    width: 100%;
    margin-bottom: 10px;
  }
  .gszl {
    padding-top: 40px;
    padding-bottom: 0;
  }
}
@media (max-width: 450px) {
  .surroundings li {
    width: 100%;
  }
  .honnerSwiper img,
  .surroundings li a img {
    height: auto;
  }
  .surroundings li a .tit {
    position: static;
    height: auto;
    color: #000;
    background: none;
    white-space: wrap !important;
    line-height: 30px;
    padding: 10px 0;
  }
  .core-tit {
    padding: 11% 0;
  }
  .newsList li {
    width: 100%;
  }
  .newsList li a .img img {
    height: auto;
  }
}
.tablebox {
  width: 100%;
  max-width: 800px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow-x: auto;
  margin: 50px 0;
}
.table {
  width: 100%;
  border-collapse: collapse;
  /* 外边框明显 */
  border: 1px solid #ddd;
}
.table tr {
  /* 行之间边框明显 */
  border-bottom: 1px solid #ddd;
}
.table tr:last-child {
  border-bottom: 1px solid #ddd;
}
.table td {
  padding: 12px 16px;
  font-size: 14px;
  /* 单元格竖线边框 */
  border-right: 1px solid #ddd;
}
.table td:last-child {
  border-right: none;
}
.table td:first-child {
  width: 35%;
  background: #fafafa;
  font-weight: 500;
}
.table tr:hover td {
  background: #f8f9fa;
}
@media (max-width: 480px) {
  .table td {
    padding: 10px 12px;
    font-size: 13px;
  }
}
.news-list {
  padding: 3% 0;
}

.specs-grid {
  margin-top: 70px;
  padding-bottom: 40px;
}

.spec-column {
  width: 30%;
  border-top: 1px solid #e0e0e0;
  position: relative;
}

.spec-column::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 1px;
  background: #cc0000;
  width: 90px;
}

.spec-title {
  padding: 30px 0;
  font-size: 30px;
}

.spec-list {
  list-style: none;
  font-size: 16px;
  line-height: 2.1;
}

.spec-list li {
  font-size: 14px;
  color: #555;
  line-height: 2.1;
  position: relative;
  padding-left: 14px;
}

.spec-list li::before {
  content: "��";
  position: absolute;
  left: 0;
  top: 0;
  color: #555;
  font-weight: bold;
}

.spec-column img {
  max-width: 100%;
}

@media (max-width: 1000px) {
  .spec-column {
    width: 100%;
    margin-bottom: 30px;
  }
}

.model1 {
  padding-bottom: 15px;
}
.model1::after {
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 59px;
  height: 9px;
  background: #e90f0f;
  content: "";
}