@charset "UTF-8";

/* 通用样式 */
p {
  margin: 0;
}


input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

.p1920 {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

.wd1200 {
  width: 1200px;
  margin: 0 auto;
}

.bw {
  width: 100%;
}

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.clearboth {
  height: 0px;
  line-height: 0px;
  overflow: hidden;
  clear: both;
  font-size: 0px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.dfc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ovimg,
.ibw,
.miw,
.iml,
.imgbig {
  overflow: hidden;
}

.imgbig img {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.imgbig:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.ovimg img {
  width: 100%;
  min-height: 100%;
}

.ibw img {
  width: 100%;
  height: auto;
}

.miw img {
  max-width: 100%;
  max-height: 100%;
}

.iml {
  text-align: center;
}

.iml img {
  transform: translateY(-2px);
  vertical-align: middle;
}

.bgmax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.bgmin {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.fh {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**/
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
  /* align-items: center; */
}

.w1600{
    max-width: 1630px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* head */
.head-bg{
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  position:relative;
  background: #fff;
  -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s
}

.head-index{
  align-items: center;
}

.head-index .logo{
  width: 12%;
}

.head-index .logo img{
  max-width: 100%;
}

.head-index .headr{
  width: 76%;
  align-items: center;
  position: relative;
}

.tdao{
  width: 80%;
}

.headr11{
  width: 17%;
  align-items: center;
}

.tuyuyan{
  position: relative;
}

.tuyuyana{

}

.tuyuyanb{
  /* display: none;
  position: absolute;
  top: 40px;
  left: 0;
  background: #eee;
  width: 100%; */
  
position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 3px;
  padding: 5px 0px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  display: none;
  width: 100%;
}

.tuyuyanb::before{
  content: '';
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.yuyanlist{
  width: 100%;
}

.yuyanlist li{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.yuyanlist li a{
  display: block;
}

.tuyuyana .yuyanlist li{
  height: 120px;
  line-height: 120px;
}

.tuyuyana .yuyanlist li .wz{
  padding: 0 10px;
  font-size: 18px;
  color: #000000;
}

.tuyuyanb .yuyanlist li .wz{

  font-size: 14px;
  color: #000000;
}

.tuyuyanb .yuyanlist li .wz:hover{
  color: #1588df;
}

.tuyuyan:hover .tuyuyanb {
    display: block;
  }

/* nav */
.tnav{
  width:24px;
  height:24px;
}
.jidsnjhg{
  position: relative;
  z-index: 999999;
}

.jidsnjhg_hh {
    position: relative;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
}

.jidsnjhg_hh span, .jidsnjhg_hh:after, .jidsnjhg_hh:before {
    display: block;
    height: 2px;
    width: 100%;
    background: #1d1a1a;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.jidsnjhg_hh span {
    margin: 5px 0;
}

.jidsnjhg_hh:after, .jidsnjhg_hh:before {
    content: '';
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%;
}

.jidsnjhg_hh.clicked span {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    background: #000;
}

.jidsnjhg_hh.clicked:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #000;
}

.jidsnjhg_hh.clicked:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
}

.xysss{
    position: absolute;
    top:120px;
    left: 0;
    right: 0px;
    width: 100%;
    z-index: 999;
    background: #fff;
    background-size: 100% 100%;
    height: calc(100vh - 120px);
    display: none;
    box-sizing: border-box;
}

.xysss .w1600{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}



/* 下拉搜索样式 */
.sgufnghg{
  width: 50%;
  border-bottom: solid 1px rgba(0,0,0,.05);
  margin-top: 2.7vw;
}
#formsearch2{
  padding: 1.3vw 0;
}
#formsearch2 input{
  background:none;
  border:none;
  float:left;
  width:93%;
  outline: none;
  border-right: none;
}
#formsearch2 input#keyword{
  height:24px;
  line-height:24px;
  padding-left:0px;
  color:#707070;
  font-size: 18px;
}
#formsearch2 input#s_btn{
  width:7%;
  height:24px;
  line-height:24px;
  text-align:center;
  background:url(../images/7ee1510eb29d697d41406dffc085ed341a15740a.png) no-repeat center;
  color:#fff;border:none;cursor:pointer;
  padding: 0;
  float: right;
  font-size: 0px;
}

/* 下拉导航样式 */
.txldao{

}

.tnavlist li:nth-of-type(1){
  display: none;
}

.tnavlist li > a{
  display: block;
  color: #000000;
  font-size: 24px;
  margin-bottom: 2.4vw;
}

.tnavlist dl dd a{
  display: block;
  font-size: 16px;
  color: rgba(0,0,0,.5);
  line-height: 2.3125;
}

/* 导航下拉联系 */
.tlx{
  border-top: solid 1px rgba(0,0,0,.05);
  padding: 1.4vw 0;
}

.tlx .tct{
  width: 53%;
}

.tlx .tct .tctlist li{
  float: left;
  align-items: center;
  margin-right: 1.3vw;
}

.tlx .tct .tctlist li:last-child{
  margin-right: 0;
}

.tlx .tct .tctlist li .img1{
  margin-right: 10px;
}

.tlx .tct .tctlist li .wz{
  font-size: 16px;
  color: rgba(0,0,0,.5);
}

.tcop{
  width: 40%;
  font-size: 16px;
  color: rgba(0,0,0,.5);
  text-align: right;
}

.tcop a{
  color: rgba(0,0,0,.5);
}


  /* 外层容器，限制最大宽度1600px，居中 */
        .hardware-wrap {
            max-width: 1600px;
            margin: 0 auto;
            padding: 50px 10px;
        }
        /* 头部标题区域 */
        .hardware-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 50px;
        }
        .hardware-title h2 {
            font-size: 48px;
            font-weight: 500;
            color: #222222;
            line-height: 1.3;
        }
        .hardware-title h2 span {
            font-weight: 600;
        }
        /* 自定义轮播箭头按钮 */
        .swiper-nav-buttons {
            display: flex;
            gap: 12px;
        }
        .swiper-nav-btn {
            width: 44px;
            height: 44px;
            border-radius: 6px;
            border: 1px solid #cccccc;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.24s ease;
        }
        .swiper-nav-btn svg {
            width: 16px;
            height: 16px;
            fill: #666;
            transition: fill 0.24s;
        }
        .swiper-nav-btn.next-btn {
            border-color: #dd3333;
        }
        .swiper-nav-btn.next-btn svg {
            fill: #dd3333;
        }
        .swiper-nav-btn:hover {
            background-color: #f7f7f7;
        }
        /* Swiper容器重置 */
        .swiper-container {
            overflow: visible !important;
        }
        /* 产品卡片 */
        .goods-card {
            background-color: #f3f8fc;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
        }
        .goods-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.09);
        }
        .card-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 28px 24px;
        }
        .card-text h3 {
            font-size: 26px;
            color: #222;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .card-text p {
            font-size: 15px;
            color: #555;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .card-icon {
            width: 36px;
            height: 36px;
        }
        .card-img-box {
            width: 100%;
            overflow: hidden;
        }
        .card-img-box img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.4s ease;
        }
        .goods-card:hover .card-img-box img {
            transform: scale(1.04);
        }

        /* 响应式适配 */
        @media screen and (max-width: 1400px) {
            .hardware-title h2 {
                font-size: 30px;
            }
            .card-text h3 {
                font-size: 22px;
            }
        }
        @media screen and (max-width: 992px) {
            .hardware-wrap {
                padding: 50px 16px;
            }
            .hardware-title h2 {
                font-size: 26px;
            }
            .card-top {
                padding: 20px 18px;
            }
        }
        @media screen and (max-width: 576px) {
            .hardware-head {
                flex-direction: column;
                align-items: flex-start;
                gap: 20px;
            }
            .hardware-title h2 {
                font-size: 22px;
            }
        }
		
		
		
		
		    /* 模块外层容器 */
        .gb-about-section {
            width: 100%;
            position: relative;
            overflow: hidden;
            background: url(../images/ab.jpg);
        }
        /* 内容容器 最大宽度1600px居中 */
        .gb-about-container {
            max-width: 100%;
            margin: 0 auto;
            position: relative;
            display: flex;
            align-items: stretch;
            flex-wrap: wrap;
        }
        /* 左侧图片容器 */
        .gb-about-image-wrap {
            width: 50%;
            position: relative;
            right: 0;
            z-index: 1;
        }
        .gb-about-image-main {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        .gb-about-image-wrap:hover .gb-about-image-main {
            transform: scale(1.02);
        }
        /* 图片左上角标题 */
        .gb-about-img-title {
            position: absolute;
            top: 60px;
            left: 60px;
            color: #fff;
        }
        .gb-about-img-en {
            font-size: 18px;
            letter-spacing: 1px;
            opacity: 0.9;
            margin-bottom: 10px;
        }
        .gb-about-img-cn {
            font-size: 42px;
            font-weight: 500;
        }
        /* 右侧文字面板 */
        .gb-about-text-wrap {
            width: 55%;
            background: url(../images/ab2.jpg);
            padding: 80px 50px;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 99;
        }
        .gb-about-text-wrap::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0.4;
            z-index: -1;
        }
        /* 竖排装饰文字 */
        .gb-about-vertical-decor {
            position: absolute;
            left: -80px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 80px;
            font-weight: 300;
            color: #dd3333;
            opacity: 0.3;
            writing-mode: vertical-rl;
            letter-spacing: 6px;
        }
        .gb-about-text-title {
            font-size: 34px;
            color: #222;
            line-height: 1.4;
            margin-bottom: 30px;
            font-weight: 500;
        }
        .gb-about-text-desc {
            font-size: 16px;
            color: #444;
            line-height: 1.85;
            margin-bottom: 14px;
        }
        /* More按钮 */
        .gb-about-more-btn {
            display: inline-flex;
            align-items: center;
            margin-top: 40px;
            padding: 10px 26px;
            border: 1px solid #cc271b;
            color: #cc271b;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            text-decoration: none;
            font-size: 16px;
            transition: all 0.3s ease;
        }
        .gb-about-more-svg {
            width: 16px;
            margin-left: 8px;
        }
        .gb-about-more-btn:hover {
            background: #dd3333;
            color: #fff;
        }
		.gb-about-more-svg path {
  fill: #cc271b; /* 默认颜色 */
  transition: fill 0.25s ease;
}

		/* hover变色，父级hover */
.gb-about-more-btn:hover .gb-about-more-svg path {
  fill: #ffffff;
}
        /* 右下角红色方块 */
        .gb-about-red-block {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 150px;
            height: 100px;
            background-color: #dd3333;
        }
        /* 播放按钮区域 */
        .gb-about-play-trigger {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #fff;
            cursor: pointer;
        }
        .gb-about-play-circle {
            width: 76px;
            height: 76px;
            border: 2px solid #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 12px;
            transition: all 0.3s;
        }
        .gb-about-play-trigger:hover .gb-about-play-circle {
            background: rgba(255,255,255,0.25);
        }

        /* ==========视频弹窗 独立唯一类名========== */
        .gb-about-video-modal {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.85);
            z-index: 9999;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .gb-about-video-modal.gb-about-modal-show{
            display: flex;
        }
        .gb-about-video-box{
            width: 100%;
            max-width: 900px;
            position: relative;
        }
        .gb-about-video-player{
            width: 100%;
            display:block;
            border-radius:6px;
        }
        .gb-about-video-close{
            position: absolute;
            right: -36px;
            top: -36px;
            width:32px;
            height:32px;
            color:#fff;
            font-size:30px;
            cursor:pointer;
            line-height:32px;
            text-align:center;
        }

        /* ==========响应式适配========== */
        @media screen and (max-width:1200px){
            .gb-about-text-wrap {
                padding: 80px 50px;
            }
            .gb-about-text-title {
                font-size: 22px;
            }
            .gb-about-vertical-decor {
                font-size: 60px;
                left: -60px;
            }
        }
        @media screen and (max-width:992px){
            .gb-about-container {
                flex-direction: column;
                padding: 0 10px;
            }
            .gb-about-image-wrap {
                width: 100%;
                right: 0;
            }
            .gb-about-text-wrap {
                width: 100%;
                position: relative;
            }
            .gb-about-vertical-decor {
                display: none;
            }
            .gb-about-red-block {
                width: 70px;
                height: 70px;
            }
            .gb-about-video-close{
                right:0;
                top:-40px;
            }
        }
        @media screen and (max-width:576px){
            .gb-about-img-cn {
                font-size: 30px;
            }
            .gb-about-img-title {
                top: 30px;
                left: 30px;
            }
            .gb-about-text-wrap {
                padding: 50px 24px;
                position: relative;
            }
            .gb-about-red-block {
                display: none;
            }
        }


/* tanchuang css */

.search-tc {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 120px;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.search-tc .box {
  width: 100%;
  background: #fff;
  padding-bottom: 80px;
}
.search-tc .box .sbox {
  width: 100%;
  height:131px;
  display: flex;
  border-bottom: 1px solid #ececec;
  align-items: center;
}

#formsearch2 input#keyword{
  width: calc(100% - 40px);
  height: 100%;
  font-size:50px;
  color: #cccccc;border:none;outline:none;
}

#formsearch2 input::-webkit-input-placeholder{color:#cccccc;}
#formsearch2 textarea::-webkit-input-placeholder{color:#cccccc;}
 #formsearch2 input#s_btn{
    width:19px;
    height:19px;
    background: url(../images/c65a92c0db37e7cbdfb9de972c3e933df65ae750.png) right center no-repeat;
    background-size:100% 100%;border:none;outline:none;
  }
.search-tc .box .hot-search {
  font-size: 18px;
  color: #666;
  line-height: 26px;
  margin-top:2vw;
}

@media (max-width: 1580px) {
  .search-tc .box .hot-search {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .search-tc .box .hot-search {
    font-size: 14px;
  }
}
.search-tc .box .hot-search a {
  color: #000;
  margin-left:2vw;
  transition: all ease-out 0.3s;
}
.search-tc .box .hot-search a:hover {
  color: #020202;
}


  /* 外层容器：1400‑1600自适应区间 */
        .gsh-advantage-wrap {
            max-width: min(1600px, calc(100% - 80px));
            margin: 0 auto;
            padding: 60px 0;
        }
        .gsh-advantage-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 50px;
            gap:20px;
            flex-wrap: wrap;
        }
        .gsh-advantage-title-group h2 {
            font-size: clamp(28px,3vw,34px);
            font-weight: 500;
            color: #222222;
            line-height: 1.3;
        }
        .gsh-advantage-more-btn {
            border: 1px solid #dd3333;
            color: #dd3333;
            padding: 8px 20px;
            border-radius: 2px;
            display: flex;
            align-items: center;
            gap:8px;
            font-size:14px;
            cursor:pointer;
            white-space: nowrap;
        }
        .gsh-advantage-more-btn svg {
            width:14px;
            height:14px;
            fill:#dd3333;
        }

        .gsh-advantage-card {
            width:100%;
            position: relative;
            overflow:hidden;
        }
        /* CSS背景图 */
        .gsh-advantage-bg-img-box {
            width:100%;
            /* background-image: url("../images/an.jpg"); */
            /* background-size: cover; */
            /* background-position: center center; */
            /* background-repeat: no-repeat; */
            /* min-height: 620px; */
        }
        /* 遮罩层 - 桌面端绝对定位四栏 */
        .gsh-advantage-point-list {
            position:absolute;
            inset:0;
            display:block;
        }
        .gsh-advantage-point-item {
            position:absolute;
            color:#ffffff;
            width:25%;
            height:100%;
            padding:48px 40px;
            transition: background-color 0.3s ease;
            display:flex;
            flex-direction:column;
            justify-content: flex-end;
            border-right: 1px solid #fff;
        }
        .gsh-advantage-point-item:hover{
            background-color: #cc271bb5;
        }
        .gsh-advantage-point-01 { left:0; top:0; }
        .gsh-advantage-point-02 { left:25%; top:0; }
        .gsh-advantage-point-03 { left:50%; top:0; }
        .gsh-advantage-point-04 { left:75%; top:0; }

        /* 基础信息 */
        .gsh-advantage-point-num {
            font-size: clamp(42px,4vw,56px);
            font-weight:bold;
            margin-bottom:20px;
        }
        .gsh-advantage-point-icon svg {
            width:44px;
            height:44px;
            fill:#fff;
            margin-bottom:16px;
        }
        .gsh-advantage-item-title {
            font-size: clamp(18px,2vw,22px);
            font-weight:bold;
            margin: 20px 0 10px;
        }
        .gsh-advantage-item-en {
            font-size:12px;
            opacity:0.85;
            margin-bottom:20px;
        }

        /* hover展开详情 */
        .gsh-advantage-desc-wrap {
            max-height:0;
            opacity:0;
            overflow:hidden;
            transition: all 0.3s ease;
        }
        .gsh-advantage-point-item:hover .gsh-advantage-desc-wrap{
            max-height:240px;
            opacity:1;
        }
        .gsh-advantage-desc-text {
            font-size: 14px;
            line-height:1.6;
            margin-bottom:30px;
        }
        .gsh-advantage-arrow-circle {
            width:40px;
            height:40px;
            border-radius:50%;
            background:#ffffff;
            display:flex;
            align-items:center;
            justify-content:center;
            margin: 0 0 50px;
        }
        .gsh-advantage-arrow-circle svg {
            width:16px;
            height:16px;
            fill:#dd3333;
        }

        /* ==========平板 <=1200px：改为2列布局 ========== */
        @media (max-width:1200px){
            .gsh-advantage-wrap {
                max-width: calc(100% - 40px);
            }
            .gsh-advantage-bg-img-box{
                min-height:540px;
            }
            .gsh-advantage-point-list {
                position:relative;
                display:grid;
                grid-template-columns: 1fr 1fr;
            }
            .gsh-advantage-point-item{
                position:static;
                width:100%;
                height:auto;
                min-height:540px;
                padding:36px 28px;
                justify-content:flex-end;
            }
            /* 平板直接展开详情，无需hover */
            .gsh-advantage-point-item .gsh-advantage-desc-wrap{
                max-height:240px;
                opacity:1;
                overflow:visible;
            }
            .gsh-advantage-point-item{
                background-color:rgba(0,0,0,0.85);
            }
            .gsh-advantage-point-item:hover{
                background-color:#dd3333;
            }
        }

        /* ==========手机 <=768px：单列布局 ========== */
        @media (max-width:768px){
            .gsh-advantage-wrap {
                max-width: calc(100% - 30px);
                padding:30px 0;
            }
            .gsh-advantage-header {
                margin-bottom:24px;
            }
            .gsh-advantage-bg-img-box{
                min-height:280px;
                display: none;
            }
            .gsh-advantage-point-list {
                grid-template-columns: 2fr 2fr;
                gap: 10px;
            }
            .gsh-advantage-point-item{
                min-height:360px;
                padding: 10px;
                /* width: 45%; */
            }
        }
		
		
		
/* 合作客户 */
.hezuo-bg{
  background: #fbfbfb;
  padding-top: 5vw;
  padding-bottom: 1vw;
}

.hezuo-index{
  margin-bottom: 2.86vw;
}

.four-con {
    position: relative;
}

.four-con .mask[data-v-6a32e916] {
    position: absolute;
    z-index: 10;
}

.four-con .left_mask[data-v-6a32e916] {
    left: 0;
}

.four-con .right_mask[data-v-6a32e916] {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.solutionRoll {
    position: relative;
    overflow: hidden
}

.solutionRoll .tempWrap {
    margin: 0 auto;
}

.solutionRoll .solutionRollUl {
    overflow: hidden;
    zoom: 1
}

.solutionRoll .solutionRollUl li {
    float: left;
    width: 300px;
    position: relative;
    overflow: hidden;
    margin-right: 22px;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
}

.solutionRoll .solutionRollUl li span {
    display: block;
}

.solutionRoll .solutionRollUl li span img {
    width: 100%;
}


   /* 外层背景改为白色 */
        .gsh-news-wrap {
            width: 100%;
            background-color: #ffffff;
            padding: 60px 20px;
        }

        /* 主容器，最大宽度1600px */
        .gsh-news-container {
            max-width: 1600px;
            margin: 0 auto;
        }

        /* 头部标题区域 */
        .gsh-news-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 40px;
            gap: 20px;
            flex-wrap: wrap;
        }

        .gsh-news-title-group h2 {
            font-size: 34px;
            font-weight: 500;
            color: #222222;
            line-height: 1.3;
        }

        .gsh-news-title-group p {
            font-size: 16px;
            color: #666666;
            margin-top: 8px;
        }

        .gsh-news-more-btn {
            border: 1px solid #dd3333;
            color: #dd3333;
            padding: 8px 20px;
            border-radius: 2px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            text-decoration: none;
        }

        .gsh-news-more-btn svg {
            width: 14px;
            height: 14px;
            fill: #dd3333;
        }

        /* 4列网格，4张卡片完全等宽等高，1px分割线 */
        .gsh-news-content {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            background-color: #e8e8e8;
        }

        /* 新闻卡片，全部统一尺寸，hover切换黑色背景，文字反白 */
        .gsh-news-card {
            background-color: #ffffff;
            padding: 32px 28px;
            display: flex;
            flex-direction: column;
            transition: 0.3s ease;
            cursor: pointer;
        }
        .gsh-news-card:hover {
            background-color: #dd3333;
        }
        .gsh-news-card:hover .gsh-news-card-tag {
            color: #ffffff;
            background: #dd3333;
        }
        .gsh-news-card:hover h3 {
            color: #ffffff;
        }
        .gsh-news-card:hover .desc {
            color: #fff;
        }
        .gsh-news-card:hover .gsh-news-card-date {
            color: #fff;
        }

        /* 红边框标签 */
        .gsh-news-card-tag {
            display: inline-block;
            border:1px solid #dd3333;
            color:#dd3333;
            font-size:14px;
            padding:4px 14px;
            border-radius:3px;
            margin: 20px 0;
            width:fit-content;
            transition: 0.3s ease;
        }

        .gsh-news-card h3 {
            font-size:22px;
            font-weight:600;
            color:#222;
            line-height:1.45;
            margin-bottom: 30px;
            transition: 0.3s ease;
        }

        .gsh-news-card .desc{
            font-size:15px;
            color:#999;
            line-height: 1.8;
            flex:1;
            transition: 0.3s ease;
            display: -webkit-box;
            -webkit-line-clamp: 4;
    /*! autoprefixer: off */
            -webkit-box-orient: vertical;
    /* autoprefixer: on */
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .gsh-news-card-date {
            margin-top: 30px;
            font-size:14px;
            color:#bbbbbb;
            display:flex;
            align-items:center;
            gap:6px;
            transition: 0.3s ease;
        }
    .gsh-news-card-date::before{
    content:"";
    width:15px;
    height:15px;
    flex-shrink: 0;
    margin-right:6px;
    background-color:#999999;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M468.394667 936.448a427.818667 427.818667 0 0 1-42.368-6.485333 431.488 431.488 0 0 1-80.085334-24.832 426.922667 426.922667 0 0 1-72.533333-39.338667 430.037333 430.037333 0 0 1-63.146667-52.096 429.866667 429.866667 0 0 1-52.096-63.146667 426.666667 426.666667 0 0 1-39.338666-72.533333 418.602667 418.602667 0 0 1-24.832-80.085333 425.514667 425.514667 0 0 1-6.485334-42.368A431.488 431.488 0 0 1 85.333333 512a431.488 431.488 0 0 1 2.218667-43.605333 425.514667 425.514667 0 0 1 6.485333-42.368 431.488 431.488 0 0 1 24.832-80.085334 426.666667 426.666667 0 0 1 39.338667-72.533333 429.909333 429.909333 0 0 1 52.096-63.146667 429.994667 429.994667 0 0 1 63.146667-52.096 426.666667 426.666667 0 0 1 72.533333-39.338666 414.293333 414.293333 0 0 1 80.085333-24.832 427.818667 427.818667 0 0 1 42.368-6.485334A433.493333 433.493333 0 0 1 512 85.333333a433.194667 433.194667 0 0 1 43.605333 2.218667 427.349333 427.349333 0 0 1 42.368 6.485333 431.488 431.488 0 0 1 80.085334 24.832 426.453333 426.453333 0 0 1 72.533333 39.338667 428.885333 428.885333 0 0 1 63.146667 52.096 429.226667 429.226667 0 0 1 52.096 63.146667 426.666667 426.666667 0 0 1 39.338666 72.533333 414.293333 414.293333 0 0 1 24.832 80.085333 425.6 425.6 0 0 1 6.485334 42.368A434.517333 434.517333 0 0 1 938.666667 512a434.517333 434.517333 0 0 1-2.218667 43.605333 425.6 425.6 0 0 1-6.485333 42.368 431.488 431.488 0 0 1-24.832 80.085334 426.666667 426.666667 0 0 1-39.338667 72.533333 429.184 429.184 0 0 1-52.096 63.146667 428.970667 428.970667 0 0 1-63.146667 52.096 426.453333 426.453333 0 0 1-72.533333 39.338666 418.602667 418.602667 0 0 1-80.085333 24.832 427.349333 427.349333 0 0 1-42.368 6.485334A433.194667 433.194667 0 0 1 512 938.666667a433.493333 433.493333 0 0 1-43.605333-2.218667zM145.066667 512a367.36 367.36 0 0 0 366.933333 366.933333 367.36 367.36 0 0 0 366.933333-366.933333A367.36 367.36 0 0 0 512 145.066667 367.36 367.36 0 0 0 145.066667 512z m337.536 0H482.133333V211.2h59.733334v266.026667l230.613333 133.162666-29.866667 51.712z"></path></svg>');
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M468.394667 936.448a427.818667 427.818667 0 0 1-42.368-6.485333 431.488 431.488 0 0 1-80.085334-24.832 426.922667 426.922667 0 0 1-72.533333-39.338667 430.037333 430.037333 0 0 1-63.146667-52.096 429.866667 429.866667 0 0 1-52.096-63.146667 426.666667 426.666667 0 0 1-39.338666-72.533333 418.602667 418.602667 0 0 1-24.832-80.085333 425.514667 425.514667 0 0 1-6.485334-42.368A431.488 431.488 0 0 1 85.333333 512a431.488 431.488 0 0 1 2.218667-43.605333 425.514667 425.514667 0 0 1 6.485333-42.368 431.488 431.488 0 0 1 24.832-80.085334 426.666667 426.666667 0 0 1 39.338667-72.533333 429.909333 429.909333 0 0 1 52.096-63.146667 429.994667 429.994667 0 0 1 63.146667-52.096 426.666667 426.666667 0 0 1 72.533333-39.338666 414.293333 414.293333 0 0 1 80.085333-24.832 427.818667 427.818667 0 0 1 42.368-6.485334A433.493333 433.493333 0 0 1 512 85.333333a433.194667 433.194667 0 0 1 43.605333 2.218667 427.349333 427.349333 0 0 1 42.368 6.485333 431.488 431.488 0 0 1 80.085334 24.832 426.453333 426.453333 0 0 1 72.533333 39.338667 428.885333 428.885333 0 0 1 63.146667 52.096 429.226667 429.226667 0 0 1 52.096 63.146667 426.666667 426.666667 0 0 1 39.338666 72.533333 414.293333 414.293333 0 0 1 24.832 80.085333 425.6 425.6 0 0 1 6.485334 42.368A434.517333 434.517333 0 0 1 938.666667 512a434.517333 434.517333 0 0 1-2.218667 43.605333 425.6 425.6 0 0 1-6.485333 42.368 431.488 431.488 0 0 1-24.832 80.085334 426.666667 426.666667 0 0 1-39.338667 72.533333 429.184 429.184 0 0 1-52.096 63.146667 428.970667 428.970667 0 0 1-63.146667 52.096 426.453333 426.453333 0 0 1-72.533333 39.338666 418.602667 418.602667 0 0 1-80.085333 24.832 427.349333 427.349333 0 0 1-42.368 6.485334A433.194667 433.194667 0 0 1 512 938.666667a433.493333 433.493333 0 0 1-43.605333-2.218667zM145.066667 512a367.36 367.36 0 0 0 366.933333 366.933333 367.36 367.36 0 0 0 366.933333-366.933333A367.36 367.36 0 0 0 512 145.066667 367.36 367.36 0 0 0 145.066667 512z m337.536 0H482.133333V211.2h59.733334v266.026667l230.613333 133.162666-29.866667 51.712z"></path></svg>');
}

/* hover 图标变白色 */
.gsh-news-card:hover .gsh-news-card-date::before{
    background-color:#ffffff;
}


        /* 响应式 */
        @media (max-width: 1200px) {
            .gsh-news-wrap {
                padding: 40px 20px;
            }
            .gsh-news-title-group h2 {
                font-size: 28px;
            }
            .gsh-news-content {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .gsh-news-header {
                flex-direction: column;
                align-items: flex-start;
            }
            .gsh-news-title-group h2 {
                font-size: 24px;
            }
            .gsh-news-content {
                grid-template-columns: 1fr;
            }
            .gsh-news-card{
                padding:24px 20px;
            }
            .gsh-news-card h3{
                font-size:18px;
            }
			.gb-about-more-btn{margin-top:0;}
			
			.gsh-footer-social {
   
    justify-content: center;
}







.gsh-footer-col-contact p {
    font-size: 14px;
    line-height: 1.6;
}
.gsh-footer-copyright {
    font-size: 14px;
    color: #777777;
}

.gsh-footer-lang a {
    color: #777777;
    text-decoration: none;
    font-size: 14px;
}
.text-col p {
    line-height: 2;
    font-size: 14px;
    color: #444;
    margin-bottom: 16px;
}

.gb-about-text-desc {
    font-size: 14px;
    color: #444;
    line-height: 1.85;
    margin-bottom: 14px;
}


.solutionRoll .solutionRollUl li {
    
    width: 200px;
    
}

        }