/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

/* 语言切换按钮样式 */
.lang-switch {
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
}
.lang-switch span {
    margin: 0 5px;
    color: #999;
}
.lang-switch-btn {
    background: none;
    border: none;
    padding: 3px 8px;
    cursor: pointer;
    font-size: 13px;
    color: #666;
    transition: all 0.3s;
    border-radius: 3px;
}
.lang-switch-btn:hover {
    color: #0077c9;
    background: #e8f4fc;
}
.lang-switch-btn.active {
    color: #0077c9;
    font-weight: bold;
    background: #e8f4fc;
}

/* 面包屑导航 */
.breadcrumb-wrapper {
    width: 100%;
    background: #f5f5f5;
    padding: 12px 0;
    margin-top: 60px;
}
.breadcrumb-container {
    max-width: 1520px;
    margin: 0 auto;
    width: 92%;
    font-size: 14px;
    color: #666;
}
.breadcrumb-container a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s;
}
.breadcrumb-container a:hover {
    color: #0077c9;
}
.breadcrumb-sep {
    margin: 0 10px;
    color: #999;
}
.breadcrumb-current {
    color: #333;
    font-weight: 500;
}

/* 移动端面包屑 */
@media (max-width: 768px) {
    .breadcrumb-wrapper {
        margin-top: 50px;
        padding: 10px 0;
    }
    .breadcrumb-container {
        font-size: 12px;
    }
}

/* h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;} */

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
.wh{max-width: 1520px;margin: 0 auto;width: 92%;}
.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;
}
.tewm{margin-left: 5.2vw;}
.w1200{
  max-width: 1230px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* head */
.top2{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  isolation: isolate;
}
.top2.scrolled{
  background: rgba(40,40,40,0.98);
  box-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.tewm{position: relative;cursor: pointer;}
.tewm-icon{width: 30px;height: 30px;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M3 3h8v8H3V3zm2 2v4h4V5H5zm8-2h8v8h-8V3zm2 2v4h4V5h-4zM3 13h8v8H3v-8zm2 2v4h4v-4H5zm13-2h3v3h-3v-3zm-3 0h2v2h-2v-2zm0 2h2v2h-2v-2zm0 2h2v2h-2v-2zm-3-3h2v2h-2v-2zm0 2h2v2h-2v-2zm0 2h2v2h-2v-2z"/></svg>') no-repeat center;background-size: contain;}
.sec2{position: absolute;opacity: 0;transition: all 0.5s;right: 0;top: 100%;z-index: 9999;}
.tewm:hover .sec2{opacity: 1;}
.sec2 img{width: 140px;}

.mySwiper{overflow: hidden;position: relative;}
.mySwiper img{width: 100%;height: auto;display: block;}
.banner-wrapper{position: relative;width: 100%;margin: 0;padding: 0;}
.ban{position: absolute;bottom: 0;width: 100%;left: 0;z-index: 10;margin: 0;padding: 0;}
.ban-inner{width: 100%;margin: 0;padding: 0;position: relative;display: flex;align-items: center;height: 76px;padding-left: 20px;}
.ban-inner:after{content: '';display: block;background: #fff;height: 76px;width: 314px;position: absolute;bottom: 0;left: 0;z-index: 0;}
.ban .swiper-pagination1 {color: #b5b5b5;font-size: 24px;background-color: transparent;width: 120px;text-align: center;line-height: 76px;position: relative;z-index: 1;display: block !important;visibility: visible !important;}
.ban .swiper-pagination1 .swiper-pagination-current{color: #191919;}
.jian{display: flex !important;align-items: center;position: relative;z-index: 1;visibility: visible !important;height: 76px;}
.swiper-button-prev1,.swiper-button-next1{width: 87px;height: 76px;outline: none;display: flex !important;align-items: center;justify-content: center;color: #fff;font-size: 24px;font-weight: bold;cursor: pointer;position: relative;visibility: visible !important;}
.swiper-button-prev1{background: #218c53;}
.swiper-button-next1{background: #005c9c;}
.swiper-button-prev1::after{content: '<';}
.swiper-button-next1::after{content: '>';}
.swiper-pagination1 span{color: #b5b5b5;font-size: 24px;}
.swiper-pagination1 .swiper-pagination-current{color: #191919;font-size: 24px;}
.bwz{background-color: #0077c9;width: calc(100% - 294px);padding:0 2.1vw 0 2.5vw;color: #ffffff;font-size: 1.25vw;height: 76px;display: flex !important;align-items: center;position: relative;z-index: 1;}
.bwz1{width: calc(100% - 35vw);}
.line1{background: #fffffd;width: 32vw;height: 1px;}

/* Banner移动端适配 */
@media (max-width: 768px) {
    .banner-wrapper {
        position: relative;
        height: auto;
        margin-top: 60px;
        padding-top: 0;
        z-index: 10;
        isolation: isolate;
    }
    .mySwiper {
        height: auto;
    }
    .mySwiper .swiper-slide {
        height: auto;
        position: relative;
        z-index: 2;
    }
    .mySwiper .swiper-slide img {
        width: 100%;
        height: auto;
        min-height: 500px;
        max-height: 85vh;
        object-fit: cover;
        display: block;
    }
    /* 文字叠加层覆盖在图片上 */
    .swiper-slide .banner-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 25px 20px;
        background: linear-gradient(135deg, rgba(26, 31, 55, 0.7) 0%, rgba(40, 50, 80, 0.6) 100%);
        display: flex;
        align-items: center;
        margin-top: 0;
        z-index: 5;
        box-sizing: border-box;
    }
    .swiper-slide .banner-overlay .wh {
        width: 100%;
    }
    .mySwiper {
        z-index: 1;
    }
    .ban {
        position: relative;
        bottom: auto;
        left: auto;
        z-index: 6;
        margin-top: 0;
    }
    .overlay-left {
        padding-left: 0 !important;
    }
    .overlay-title {
        font-size: 22px !important;
        margin-bottom: 10px !important;
        line-height: 1.3;
        text-shadow: 2px 2px 6px rgba(0,0,0,0.6) !important;
        letter-spacing: 1px;
    }
    .overlay-subtitle {
        font-size: 13px !important;
        margin-bottom: 18px !important;
        line-height: 1.7;
        text-shadow: 1px 1px 4px rgba(0,0,0,0.5) !important;
        max-width: 100%;
        opacity: 0.95;
    }
    .overlay-features {
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 20px !important;
    }
    .feature-item {
        padding: 0 !important;
        text-align: left;
        min-width: 48%;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
    .feature-item::before {
        width: 10px !important;
        height: 10px !important;
        margin-bottom: 4px !important;
    }
    .feature-year {
        font-size: 15px !important;
        font-weight: bold;
        color: #fff;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    }
    .feature-text {
        font-size: 11px !important;
        color: rgba(255,255,255,0.85);
    }
    .feature-divider {
        display: none;
    }
    .overlay-buttons {
        flex-direction: row;
        gap: 12px;
    }
    .btn-primary-overlay {
        font-size: 14px !important;
        padding: 12px 20px !important;
        text-align: center;
        flex: 1;
        border-radius: 6px;
        font-weight: 500;
        box-shadow: 0 4px 12px rgba(0,119,201,0.5);
    }
    .btn-secondary-overlay {
        font-size: 14px !important;
        padding: 12px 20px !important;
        text-align: center;
        flex: 1;
        border-radius: 6px;
        font-weight: 500;
        border: 2px solid rgba(255,255,255,0.9);
    }
    .ban-inner {
        height: auto;
        flex-wrap: wrap;
        padding-left: 0;
    }
    .ban-inner:after {
        display: none;
    }
    .ban .swiper-pagination1 {
        width: 70px;
        line-height: 45px;
        font-size: 16px;
        height: 45px;
    }
    .jian {
        display: none !important;
    }
    .swiper-button-prev1,
    .swiper-button-next1 {
        display: none !important;
    }
    .bwz {
        width: 100%;
        height: auto;
        padding: 10px 15px;
        font-size: 12px;
        order: 3;
    }
    .bwz1 {
        width: 100%;
    }
    .line1 {
        display: none;
    }
}
.head-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  border-bottom: 1px solid #999;
}

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

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

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

.head-index .tnav{
  width: 50%;
}

/* about */
.ab-bg{
  background: url(/assets/images/cdn/eacb4ef01227ed3e185cb0f0b46aa587b6fa1821.jpg) no-repeat top center;
  padding-top: 110px;
}

.abl{
  width: 28.75%;
}

.abl .aimg img{
  width: 100%;
}

.abl .awen{
  margin-top: -30px;
}

.abl .awen a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
}

.abl .awen a span{
  width: 79%;
  background: #333333;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}

.abl .awen a b{
  width: 21%;
  background: #192f5a;
  text-align: center;
}

.abr{
  width: 62.5%;
  padding-top: 45px;
}

.atitle {
  align-items: flex-end;
}

.atitle .atitlel{
  position: relative;
}

.atitle .atitlel::before{
  content: 'A';
  position: absolute;
  left: -25px;
  top: -45px;
  font-size: 90px;
  font-weight: 600;
  line-height: 1;
  color: rgba(255,255,255,.2);
}

.atitle .atitlel b{
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  position:relative;
}

.atitle .atitlel span{
  color: #fff;
  font-size: 14px;
  margin-left: 5px;
}

.atitle .atitler{
  position: relative;
  padding: 0 40px;
  color: #fff;
}

.atitle .atitler::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(/assets/images/cdn/d0c01de4cac16efaef63daa4be9299afa8cb13ba.png) no-repeat left center;
  width: 15px;
  height: 11px;
}

.atitle .atitler::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(/assets/images/cdn/c73395fd1e3abd9d1fb6e889041dfe9da8709cb2.png) no-repeat left center;
  width: 15px;
  height: 11px;
}

.abr .aw{
  margin-top: 6vw;
}

.abr .aw p{
  color: #555555;
  font-size: 16px;
}

.alist{
  margin-top: 2vw;
}

.alist li{
  width: 25%;
  text-align: center;
}

.alist li .img1 img{
  max-width: 100%;
}

.alist li .wza{
  color: #555555;
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0;
}

.alist li .wzb{
  color: #999999;
  font-size: 14px;
}


/* 产品范围 */
.pro-bg{
  background: #f5f5f5;
  margin-top: 4.16666666666667vw;
  padding-top: 4.6875vw;
  padding-bottom: 6vw;
}

.put{
  text-align: center;
  position: relative;
  padding-top: 20px;
}

.put::before{
  content: '';
  position: absolute;
  width: 208px;
  height: 100px;
  border: 2px solid #192f5a;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.put .put1{
  color: #333333;
  font-size: 24px;
  line-height: 1;
}

.put .put2{
  /* margin: 1vw 0; */
  position: relative;
}

.put .put3{
  color: #999999;
  font-size: 12px;
  text-transform: uppercase;
}

.plist1{
  margin-top: 85px;
}

.plist1 li{
  width: 18.66%;
  background: #fff;
  padding-bottom: 20px;
}

.plist1 li .img1{
  padding: 8px 0;
}

.plist1 li .img1 img{
  width: 100%;
}

.plist1 li .wz{
  text-align: center;
}

.plist1 li .wz .wza{
  color: #333333;
  font-size: 18px;
}

.plist1 li .wz .wzb{
  color: #999999;
  font-size: 12px;
  margin-top: 10px;
}

.plist1 li:hover{
  box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.1);
}

.plist1 li:hover .wz .wza{
  font-weight: 600;
  color: #192f5a;
}

.pmore{
  background: #192f5a;
  width: 70px;
  height: 60px;
  margin: 0 auto;
  margin-top: -30px;
}

.pmore a{
  display: block;
  text-align: center;
  line-height: 60px;
}


/* 推荐 */
.recom-pro{
  margin-top: 75px;
}

.p1-swiper{
  overflow: hidden;
  margin-top: 105px;
}

.p1-swiper .swiper-slide a{
  display: flex;
  background: #fff;
  box-shadow: 3.694px 4.728px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 200px;
  margin: 16px;
  padding: 60px 130px;
}

.p1-swiper .swiper-slide a .img1{
  width: 40%;
}

.p1-swiper .swiper-slide a .img1 img{
  max-width: 100%;
}

.p1-swiper .swiper-slide a .wz{
  width: 66%;
}

.p1-swiper .swiper-slide a .wz .wza{
  color: #333333;
  font-size: 18px;
  margin-top: 1vw;
}

.p1-swiper .swiper-slide a .wz .wzb{
  color: #999999;
  font-size: 14px;
  margin-top: 1vw;
}

.p1-swiper .swiper-slide a .wz .wzc{
  border: 1px solid #333333;
  width: 104px;
  height: 32px;
  line-height: 30px;
  color: #555555;
  font-size: 14px;
  text-align: center;
  margin-top: 2.34375vw;
}

.p1-swiper .swiper-pagination{
  position: relative;
  bottom: 0;
  margin-top: 2.6vw;
}

.p1-swiper .swiper-pagination::before{
  content: '';
  position: absolute;
  width: 34%;
  margin: 0 auto;
  height: 1px;
  background: #000000;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -0.5px;
}


.p1-swiper .swiper-pagination-bullet {
  width: 38px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #333333;
  opacity: 1;
  /* font-size: 0; */
  border: 1px solid transparent;
  background: url(/assets/images/cdn/b83b7d1fbeefe84aee4a867227c1e626fd93ad64.png) no-repeat center center;
  text-indent: -200000px;
  border-radius: 0;
  position: relative;
}

.p1-swiper .swiper-pagination-bullet-active {
  color: #fff;
  font-size: initial;
  border: 1px solid #fff;
  background: url(/assets/images/cdn/4aab03a31e0408999144376cc7c092076e644513.png) no-repeat center center;
  text-indent: 0px;
}

/* 应用场景 */
.yycj-bg{
  background: url(/assets/images/cdn/824c18e4c88f62ab5bbb7fbede077fd689a1cb52.jpg) no-repeat top center;
  margin-top: 3.125vw;
  padding: 8.85416666666667vw 0;
}

.yycj-left{
  width: 23.33%;
}

.yycj-left h3{
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 1vw;
}

.yycj-left h3 span{
  display: block;
  width: 48px;
  height: 2px;
  background: #fff;
  margin-top: 15px;
}

.yycj-left p{
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

.yycj-left a{
  display: block;
  width: 70px;
  height: 60px;
  background: #fff;
  margin-top: 2.34375vw;
  text-align: center;
  line-height: 60px;
}

.yycj-right{
  width: 49.12%;
}

.yylist{
  flex-wrap: wrap;
}

.yylist li{
  width: 32.2%;
  position: relative;
  margin-bottom: 2%;
}

.yylist li .img1 img{
  width: 100%;
}

.yylist li .wz{
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
}

.yylist li:hover .img1 img{
  opacity: 0.5;
}

.yylist li:hover .wz{
  opacity: 1;
}

/* news */
.news-index{
  margin-top: 5.46875vw;
}

.newsl{
  width: 61.67%;
}

.nsort{
  border-bottom: 1px solid #192f5a;
}

.nsort li{
  width: 122px;
  margin-right: 4px;
  background: #f5f5f5;
  float: left;
}

.nsort li a{
  display: block;
  text-align: center;
  color: #999999;
  font-size: 16px;
  line-height: 40px;
}

.nsort li:hover{
  background: #192f5a;
  
}

.nsort li:hover a{
  color: #fff;
}

.news-con{
  margin-top: 65px;
}

.nlist1{
  width: 46%;
  position: relative;
}

.nlist1 li .img1 img{
  width: 100%;
}

.nlist1 li .wz{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  font-size: 14px;
  color: #d9d9d9;
  padding: 14px 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nlist2{
  width: 50%;
}

.nlist2 li{
  margin: 1vw 0;
}

.nlist2 li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nlist2 li a .wz{
  color: #555555;
  font-size: 16px;
  background: url(/assets/images/cdn/b094706434444b1d52dfc148afb9828457fb1e20.png) no-repeat left center;
  padding-left: 14px;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nlist2 li a .date{
  color: #d9d9d9;
  font-size: 14px;
  width: 25%;
}

.newsr{
  width: 28.83%;
  position: relative;
}


.newsr .nimg img{
  width: 100%;
}

.newsr .nwen{
  background: #333333;
  height: 60px;
}

.newsr .nwen a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
}

.newsr .nwen a span{
  width: 79%;
  background: #333333;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}

.newsr .nwen a b{
  width: 21%;
  background: #fff;
  text-align: center;
}

.hx{
  height: 120px;
  background: #192f5a;
  margin-top: -60px;
}

/* foot */
.foot-bg{
  padding-top: 75px;
  padding-bottom: 30px;
}

.foot-index{

}

.footl{
  width: 52%;
}

.footla{
  width: 40.8%;
}

.ft{
  color: #000000;
  font-size: 16px;
  margin-bottom: 15px;
}

.fnavlist{
  flex-wrap: wrap;
}

.fnavlist li{
  width: 50%;
  margin-bottom: 15px;
}

.fnavlist li a{
  display: block;
  color: #000000;
  font-size: 14px;
}

.footlb{
  width: calc(100% - 40.8%);
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  text-align: center;
}

.flx p:nth-of-type(1){
  color: #333333;
  font-size: 16px;
  margin-bottom: 1vw;
}

.flx p:nth-of-type(2){
  color: #333333;
  font-size: 14px;
}

.footlb a{
 width: 47%;
  height: 32px;
  border-radius: 15px;
  background: #192f5a;
  text-align: center;
  line-height: 32px;
  display: block;
  margin: 0 auto;
  margin-top: 1vw;
  color: #fff;
}

.footr{
  width: 40%;
}

.footra{
  width: 65.26%;
  text-align: right;
}

.footra .fcop{
  color: #333333;
  font-size: 14px;
  line-height: 31px;
}

.footra .fcop a{
  color: #333333;
}

.footrb{
  width: 140px;
}

.f-share .social-share .social-share-icon{
  width: 38px;
  height: 38px;
  line-height: 36px;
  border: 1px solid #393939;
  color: #393939;
}

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

.cop-bg{
  background: #f4f4f4;
  padding: 15px 0;
}

.cop-index{
  color: #999999;
  font-size: 12px;
}

.cop-index a{
  color: #999999;
}

.copl{
  width: 25%;
  float: left;
}

.copm{
  width: 40%;
  float: left;
}

.copr{
  width: 28%;
  text-align: right;
  float: right;
}

@media(max-width: 995px){
  .ab-bg{
    padding-top: 40px;
  }
  .ab-index{
    flex-wrap: wrap;
  }
  .abl{
    width: 100%;
  }
  .atitle{
    flex-wrap: wrap;
  }
  .atitle .atitlel::before{
    font-size: 24px;
    color: #333333;
    top: 0;
    left: 0;
    height: 31px;
    line-height: 31px;
  }
  .atitle .atitlel b{
    font-size: 24px;
    padding-left: 17px;
  }
  .atitle .atitler{
    padding: 0;
  }
  .atitle .atitler::before{
    display: none;
  }
  .atitle .atitler::after{
    display: none;
  }
  
  .abr{
    width: 100%;
    padding-top: 20px;
  }
  .abr .aw{
    margin-top: 20px;
  }
  .abr .aw p{
    font-size: 14px;
  }

  .alist{
    margin-top: 20px;
  }
  .alist li{
    width: 31.333%;
  }
  .alist li .wza{
    margin: 5px 0;
  }

  .alist li .wzb{
    font-size: 13px;
  }

  .pro-bg{
    margin-top: 40px;
    padding: 40px 0;
  }

  .put::before{
    height: 125px;
  }

  .plist1{
    margin-top: 55px;
  }
  .plist1{
    flex-wrap: wrap;
  }
  .plist1 li{
    width: 48%;
    margin-bottom: 4%;
  }
  .plist1 li .wz .wza{
    font-size: 16px;
  }
  .plist1 li .wz .wzb{
    margin-top: 5px;
  }
  .recom-pro{
    margin-top: 55px;
  }
  .p1-swiper{
    margin-top: 55px;
  }
  .p1-swiper .swiper-slide a{
    padding: 20px;
    flex-wrap: wrap;
    border-radius: 0;
  }
  .p1-swiper .swiper-slide a .img1{
    width: 100%;
  }
  .p1-swiper .swiper-slide a .wz{
    width: 100%;
    margin-top: 15px;
  }
  .p1-swiper .swiper-slide a .wz .wza{
    font-size: 14px;
  }
  .p1-swiper .swiper-slide a .wz .wzb{
    margin-top: 10px;
  }
  .p1-swiper .swiper-slide a .wz .wzc{
    margin-top: 10px;
  }
  .yycj-bg{
    margin-top: 40px;
    padding: 40px 0;
  }
  .yycj-index{
    flex-wrap: wrap;
  }
  .yycj-left{
    width: 100%;
  }
  .yycj-right{
    width: 100%;
    margin-top: 20px;
  }
  .news-index{
    margin-top: 40px;
    flex-wrap: wrap;
  }
  .newsl{
    width: 100%;
  }
  .news-con{
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .nlist1{
    width: 100%;
  }
  .nlist2{
    width: 100%;
    margin-top: 20px;
  }
  .nlist2 li{
    margin: 10px 0;
  }
  .nlist2 li a .wz{
    font-size: 14px;
  }
  .newsr{
    width: 100%;
    margin-top: 20px;
  }
  .foot-bg{
    padding: 40px 0;
  }
  .foot-index{
    flex-wrap: wrap;
  }
  .footl{
    width: 100%;
    flex-wrap: wrap;
  }
  .footla{
    width: 100%;
  }
  .footlb{
    width: 100%;
    border: none;
  }
  .footr{
    width: 100%;
    flex-wrap: wrap;
  }
  .footra{
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .footrb{
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .cop-index{
    flex-wrap: wrap;
    text-align: center;
  }
  .copl{
    width: 100%;
  }
  .copm{
    width: 100%;
  }
  .copr{
    width: 100%;
    text-align: center;
  }
}








/*  */
.box1{background: url(/assets/images/cdn/1c7fee31af689c6e7bc270e8a1a552c243366cd7.jpg) no-repeat top center;background-size: cover;padding-top: 8.5%;}
.box1 .wh{align-items: flex-start;}
.aleft{width: 45.2%;}
.aright{width: 50%;position: relative;margin-top: 4vw;}
.abt{color: #191919;opacity: 0.1;font-size: 2.29vw;font-weight: bold;line-height: 1;}
.abt1{color: #0077c9;font-size: 2.29vw;font-weight: bold;line-height: 1.25;margin: 5px 0 3vw;}
.abt1 img{margin-left: 10px;}
.abt2{color: #191919;font-size: 1.66vw;font-weight: bold;}
.acon{color: #111;font-size: 1.25vw;line-height: 1.667;font-weight: 600;margin-top: 10px;}
.acon p{margin: 0;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.aimg{width: 97%;border: solid 1px #7d7d7d;overflow: hidden;}
.aimg img{width: 100%;transition: all 0.5s;}
.aimg img:hover{transform: scale(1.1);}
.aimg1{width: 40.8%;position: absolute;bottom: -4vw;right: 0;overflow: hidden;}
.aimg1 img{width: 100%;transition: all 0.5s;}
.aimg1 img:hover{transform: scale(1.1);}
.amore a{color: #ffffff;font-size: 1.25vw;line-height: 52px;justify-content: flex-start;margin-top: 3vw;}
.amore a span{background-color: #0077c9;width: 181px;text-align: center;display: block;}
.amore a i{background-color: #218c53;width: 52px;font-style: normal;text-align: center;}


/*  */
.box2{padding: 4.5% 0 6%;overflow: hidden;}
.bt1{text-align: center;color: #1b1b1b;font-size: 1.66vw;font-weight: bold;}
.mySwiper2{overflow: hidden;}
.mySwiper2 .swiper-slide img{width: 100%;}
.sheng{position: relative;margin-top: 40px;padding: 0 58px;}
.swiper-button-prev2,.swiper-button-next2{position: absolute;top:50%;transform: translateY(-50%);outline: none;z-index: 999;width: 58px;}
.swiper-button-prev2 .jt1,.swiper-button-next2 .jt1{width: 46px;height: 126px;}
.swiper-button-prev2 {left: 0;}
.swiper-button-next2{right: 0;}
.swiper-button-prev2 .jt1{background:#bfbfbf url(/assets/images/cdn/5cc690d4d7f80a5c9cdc39045f30a6028824f53c.png) no-repeat center;}
.swiper-button-next2 .jt1{right: 0;background:#bfbfbf url(/assets/images/cdn/1f5e044a0f8fe200918f336a6077fb321f9fb6a1.png) no-repeat center;}
.swiper-button-prev2:hover .jt1,.swiper-button-next2:hover .jt1{background-color: #0077c9;}
.line2{width: 5px;height: 126px;background-color: #bfbfbf;}
.swiper-button-prev2:hover .line2,.swiper-button-next2:hover .line2{background-color: #218c53;}


/*  */
.box3{background: url(/assets/images/cdn/d34629990166fe0b87f2bd5097e73de5b70a8f09.jpg) no-repeat top center;background-size: cover;padding: 4.5% 0 5.2%;overflow: hidden;}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0; opacity: 0; pointer-events: none; transition: opacity .5s ease; }
.tab-con .tab-main.active { position: relative; z-index: 999; opacity: 1; pointer-events: auto; }
.pbt{text-align: center;}
.pbt1{color: #191919;opacity: 0.1;font-size: 2.29vw;font-weight: bold;line-height: 1;}
.pbt2{color: #0077c9;font-size: 2.29vw;font-weight: bold;}
.pbt2 span{padding: 0 2.6vw;}
.pbox{margin-top: 5.2vw;padding-left: 10%;}
.pright{width:77.1%;}
.pleft{width: 20%;}
.mySwiperp {overflow: hidden;}
.mySwiperp .swiper-slide{width: 25%;background-color: #ffffff;border: 1px solid #fff;position: relative;}
.pbt3{color: #191919;opacity: 0.5;font-size: 1.66vw;font-weight: bold;line-height: 1.25;}
.mySwiperp .swiper-slide .img{overflow: hidden;margin: 0 2px}
.mySwiperp .swiper-slide .img img{width: 100%;transition: all 0.5s;}
.mySwiperp .swiper-slide:hover .img img{transform: scale(1.05);}
.psort{margin: 5.2vw 0 6.7vw;}
.psort li {margin-bottom: 2.2vw;}
.psort li a{color: rgba(25,25,25,.5);font-size: 1.25vw;font-weight: bold;line-height: 52px;justify-content: flex-start;align-items: center;flex-wrap: nowrap;white-space: nowrap;}
.psort li a span{display: inline-block;transition: all 0.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.psort li.active a span{background-color: #0077c9;padding: 0 10px;color: #fff;}
.psort li a i{font-style: normal;width: 41px;	height: 52px;background-color: #218c53;text-align: center;color: #fff;opacity: 0;transition: all 0.5s;flex-shrink: 0;}
.psort li.active a i{opacity: 1;}
.pbt4{color: #b5b5b5;font-size: 1.4583vw;}
.pbj{padding: 1.9vw 1.5vw 5px;}
.pbj h3{margin: 0;color: #191919;font-size: 1.66vw;font-weight: bold;}
.ys{color: #191919;opacity: 1;font-size: 1.25vw;font-weight: 500;margin: 5px 0 15px;}
.xq{color: #848484;font-size: 1.25vw;font-weight: lighter;}
.xq span{margin-left: 10px;}
.mySwiperp .swiper-slide:hover{border: solid 1px #0077c9;}
.sz{color: #191919;opacity: 0.1;font-size: 2.29vw;font-weight: bold;position: absolute;bottom: 0.8vw;left: 1.5vw;line-height: 1;}

.jian2{display: flex;align-items: center;justify-content: center;margin-top: 7vw;gap: 15px;}
.xg{padding: 0 15px;color: #b5b5b5;font-size: 16px;}
.swiper-button-prev3,.swiper-button-next3{
    outline: none;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    color: #666;
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}
.swiper-button-prev3:hover{
    color: #fff;
    background: #0077c9;
    border-color: #0077c9;
}
.swiper-button-next3:hover{
    color: #fff;
    background: #0077c9;
    border-color: #0077c9;
}

/* 案例切换按钮 */
.swiper-button-prev4,.swiper-button-next4{
    outline: none;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    color: #666;
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}
.swiper-button-prev4:hover{
    color: #fff;
    background: #0077c9;
    border-color: #0077c9;
}
.swiper-button-next4:hover{
    color: #fff;
    background: #0077c9;
    border-color: #0077c9;
}


/*  */
.box4{overflow: hidden;margin-top: 6%;position: relative;padding-top: 6.76vw;}
.bg1{position: absolute;right: 0;bottom: 102px;width: 32.24%;}
.cc{position: absolute;top:0;left: 10%;z-index: 99;}
.cc .abt1{margin: 0;line-height: 1;}
.yen{color: #1b1b1b;opacity: 0.1;font-size: 6.25vw;font-weight: bold;line-height: 1;}
.yen span{display: block;color: #ffffff;}
.pernr5{width: 89.58%;overflow: hidden;position: relative;}
.pernr51 .img{height: 600px;overflow: hidden;}
.pernr51 .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.pernr51  a{display: block;position: relative;}
.cbj{position: absolute;left: 12%;top:11vw;width: 60%;background: rgba(0,0,0,0.5);padding: 20px 25px;border-radius: 4px;}
.cbt{color: #ffffff;font-size:2.291vw;font-weight: bold;line-height: 1.2;}
.con3{font-size: 1.25vw;color: rgba(255,255,255,.9);font-weight: lighter;max-width: 825px;margin-top: 3vw;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.box4 .jian2{margin-top: 0;width: 12.4%;background: #fff;line-height: 100px;}
.pernr52 {width: 87.6%;position: relative;}
.pernr52:after{content: '';display: block;background-color: #0077c9;height: 100%;position: absolute;left: -100%;top:0;width: 100%;border: solid 1px #0077c9;}
.pernr52 li{border: 1px solid rgba(125,125,125,.5);border-right: none;flex: 1;width: auto;min-width: 100px;}
.pernr52 li a{font-size: 1.25vw;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.5);line-height: 100px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 25px;}
.cc2 {position: absolute;left: 0;bottom: 0;width: 100%;padding-left: 12%;z-index: 999;}
.pernr52 li:first-child{border-left: none;}
.swiper-button-prev4,.swiper-button-next4{outline: none;}
.swiper-button-prev4:hover{color: #218c53;}
.swiper-button-next4:hover{color: #218c53;}
.pernr52 li.on a{background-color: #0077c9;}

/* Banner叠加层样式 */
.banner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
}
.overlay-content{
    width: 100%;
}
.overlay-left{
    padding-left: 12%;
    color: #ffffff;
}
.overlay-title{
    font-size: 2.8vw;
    font-weight: bold;
    margin: 0 0 1.2vw 0;
    line-height: 1.25;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
    letter-spacing: 2px;
}
.overlay-subtitle{
    font-size: 1.1vw;
    margin: 0 0 2.5vw 0;
    opacity: 0.95;
    line-height: 1.8;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    max-width: 50vw;
}
.overlay-features{
    display: flex;
    align-items: center;
    margin-bottom: 2.5vw;
    flex-wrap: wrap;
    gap: 0.5vw;
}
.feature-item{
    padding: 0 1.5vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}
.feature-item::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: linear-gradient(135deg, #0077c9 0%, #00a3e0 100%);
    border-radius: 50%;
    margin-bottom: 0.5vw;
}
.feature-year{
    font-size: 1.3vw;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.feature-text{
    font-size: 0.85vw;
    opacity: 0.9;
    color: rgba(255,255,255,0.9);
}
.feature-divider{
    width: 1px;
    height: 3.5vw;
    background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);
}
.overlay-buttons{
    display: flex;
    gap: 1.5vw;
}
.btn-primary-overlay{
    display: inline-block;
    padding: 1vw 2.5vw;
    background: linear-gradient(135deg, #0077c9 0%, #005c9c 100%);
    color: #ffffff;
    text-decoration: none;
    font-size: 1vw;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,119,201,0.4);
}
.btn-primary-overlay:hover{
    background: linear-gradient(135deg, #0095e8 0%, #0077c9 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,119,201,0.5);
}
.btn-secondary-overlay{
    display: inline-block;
    padding: 1vw 2.5vw;
    background: transparent;
    color: #ffffff;
    text-decoration: none;
    font-size: 1vw;
    border: 2px solid rgba(255,255,255,0.8);
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.btn-secondary-overlay:hover{
    background: rgba(255,255,255,0.15);
    border-color: #fff;
    transform: translateY(-2px);
}



/*  */
.box5{padding: 6.3% 0 55px;overflow: hidden;}
.hul{margin-top: 3.1vw;}
.hul li{width: 58.63%;margin-bottom: 0.6%;position: relative;}
.hul li:nth-child(2),.hul li:nth-child(3){width: 40.8%;}
.hul li a{display: block;position: relative;}
.hbj{position: absolute;width: 100%;padding: 0 1.7vw;padding-top:3vw;height: 100%;top:0;}
.hbj h3{color: #ffffff;font-size: 1.66vw;font-weight: bold;margin: 0;}
.line3{width: 28px;height: 4px;background: #fff;margin-top: 22px;}
.hbj p{color: rgba(255,255,255,.8);font-size: 1.25vw;font-weight: lighter;line-height: 1.2;margin-top: 13px;height: 7vw;opacity: 0;transition: all 0.5s;}
.hmore{color: #ffffff;font-size: 1.25vw;font-weight: lighter;display: inline-block; text-align: center;padding-bottom: 2px;position: absolute;bottom: 3.5vw;}
.hul li:hover .hmore{background: url(/assets/images/cdn/e255d71efe6162d2141d26b8d4a53eb686ead902.png) no-repeat bottom center;}
.hul li:hover .hbj p{opacity: 1;}
.hul li:hover  .line3{display: none;}
.hul li .img{overflow: hidden;}
.hul li .img img{width: 100%;transition: all 0.5s;}
.hul li:hover .img img{transform: scale(1.1);}


/*  */
.box6{padding: 4.5% 0 4.9%;background-color: #eeeeee;overflow: hidden;}
.nbox{margin-top: 3.7vw;}
.nul{width: 74.6%;}
.nul2{width: 23.4%;background-color: #ffffff;padding:0 17px;}
.nul li{width: 48.8%;background-color: #ffffff;}
.nul li a{display: block;padding: 13px;}
.nul li .img{overflow: hidden;}
.nul li .img img{width: 100%;transition: all 0.5s;}
.nul li:hover .img img{transform: scale(1.1);}
.flm{width: 133px;height: 30px;background-color: #0077c9;color: #ffffff;font-size: 1.25vw;text-align: center;line-height: 30px;}
.ntime{color: #1b1b1b;opacity: 0.5;font-size: 1.25vw;font-weight: lighter;}
.nei{padding: 1.3vw 0;}
.nbt{color: #1b1b1b;font-size: 1.25vw;margin: 1.3vw 0 10px;transition: all 0.5s;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.xwnr{color: #191919;opacity: 0.5;font-size: 14px;line-height: 1.5;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.nul li:nth-child(2) .flm{background-color: #218c53;}
.nul2 .nbt{margin: 0;}
.nul2 .xwnr{-webkit-line-clamp: 2;margin: 9px 0 10px;}
.nul2 li{border-bottom: 1px solid rgba(27,27,27,.2);height: 33.333%;padding-top: 1vw;}
.nul2 li:last-child{border: none;}
.nul li:hover  .nbt,.nul2 li:hover .nbt{color: #0077c9;}

/*  */
.xt11{margin-top:8px;}
.ximg{width: 48.75%;}
.ximg img{width: 100%;height: 100%;object-fit: cover;}
.tleft{width: 51.25%;}
.xtt2{position: relative;}
.xtt{background-color: #0077c9;padding:4vw 10px 3vw 20%;margin-right: 41px;}
.xt1{font-weight:bold;color:#fff;font-size: 2.29vw;line-height:1;}
.xtt2:after{background: #218c53;content: '';display: block;position: absolute;right: 0;top:0;width: 31px;height: 100%;}
.xboxw{padding:2.5vw 10px 2.5vw 20%;background-color: #eeeeee;}
.dao{padding-right: 5vw;}
.dao a{color: #1b1b1b;font-size: 1.25vw;}
.gsm{color: #1b1b1b;font-size: 1.666vw;font-weight: bold;margin: 3.5vw 0 0.5vw;}
.lx p{margin: 0;padding-left: 40px;color: #1b1b1b;font-size:  1.25vw;line-height: 2.33;}
.lx p:first-child{background: url(/assets/images/cdn/81ac6b77be2031f1964f3c8c28d278401578bd80.png) no-repeat left center;}
.lx p:nth-child(2){background: url(/assets/images/cdn/66684da4f400c168ba3250b2a2fe0f668f3cf9d2.png) no-repeat left center;}
.lx p:nth-child(3){background: url(/assets/images/cdn/2a442cd7958c66affe523f270d9654ab67d0a3ac.png) no-repeat left center;}
.erbox {justify-content: flex-start;margin: 2vw 0 3vw;align-items: flex-start;}
.tewm2{text-align: center;color: #1b1b1b;font-size:  1.25vw;}
.tewm2 img{max-width: 140px;}
/* 社交链接图标 */
.social-links {display: flex;gap: 12px;margin-left: 20px;margin-top: 10px;}
.social-icon {width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.social-icon:hover {transform: translateY(-3px);}
.social-icon svg {width: 24px;height: 24px;}
.social-alibaba {background: #FF6A00;}
.social-alibaba svg {fill: #fff;}
.social-wechat {background: #07C160;}
.social-wechat svg {fill: #fff;}
.social-douyin {background: #000;}
.social-douyin svg {fill: #fff;}
.she{margin: 1.7vw 0 0 2.7vw;font-size: 0;}
.she a{margin-right: 1.1vw;}
.she a:last-child{margin-right: 0;}
.bq{color: rgba(27,27,27,.5);font-size: 16px;}
.bq a{color: rgba(27,27,27,.5);}
.she a img{width: 62px;}





@media(max-width: 1800px){
  .xboxw,.xtt{padding-left: 7%;}
}
@media(max-width: 1600px){
  .she a img{width: 52px;}
}
@media(max-width: 1200px){
  .bt1{font-size: 24px;}
  .bq{font-size: 14px;}
  .she a img{width: 42px;}
  .tewm2 img{width: 120px;}
  .nbt,.xwnr{font-size: 16px;}
  .pbox{padding-left: 4%;}
  .cc{left: 4%;}
  .cbj{left: 6%;}
  .cc2{padding-left: 6%;}
}

@media(max-width: 768px){
  .bwz{font-size: 14px;}
  .ban .swiper-pagination1{font-size: 20px;}
  .ban .swiper-pagination1{width: 100px;line-height: 67px;}
  .swiper-button-prev1, .swiper-button-next1{width: 60px;height: 67px;}
  .bwz{width: calc(100% - 220px);}
  .bwz,.ban .wh:after{height: 67px;}
  .acon,.amore a{font-size: 16px;font-weight: normal;}
  .abt2{font-size: 22px;}
  .aleft,.aright{width: 100%;}
  .abt1,.abt,.pbt1,.pbt2,.sz,.cbt,.xt1{font-size: 28px;}
  .amore a span{width: 150px;}
  .box2{padding-top: 60px;}
  .sheng{margin-top: 26px;}
  .pbt3,.pbj h3{font-size: 22px;}
  .pleft,.pright{width: 100%;}
  .pleft{margin-bottom: 30px;}
  .pbt4{font-size: 18px;}
  .hmore,.hbj p{font-size: 14px;}
  .hbj h3{font-size: 16px;}
  .ys,.xq,.psort li a,.con3{font-size: 16px;font-weight: normal;}
  .psort{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
  .xg{padding: 0 7px;}
  .cc2{position: static;}
  .con3{max-width: 100%;}
  .cbj{width: 78%;}
  .lx p,.tewm2,.flm,.ntime{font-size: 14px;}
  .dao{display: none;}
  .gsm{font-size: 18px;}
}

@media(max-width: 640px){
  * { max-width: 100vw; }
  body, html { overflow-x: hidden; }
  .ban-inner{width: 100%;}
  .ban{position: static;width: 100%;}
    .bwz{width: calc(100% - 100px);font-size: 12px;}
    .abt2{font-size: 20px;}
    .amore a i{width: 40px;}
    .amore a span{width: 120px;}
    .aright{margin-top: 20px;}
    .amore a{margin-top: 20px;line-height: 40px;font-size: 14px;}
    .abt1, .abt, .pbt1, .pbt2, .sz, .cbt, .xt1{font-size: 24px;}
    .box2{padding:40px 0 30px 0;}
    .bt1{font-size: 20px;}
    .sheng{padding: 0;margin-top: 20px;}
    .box3{padding-top: 30px;}
    .pbt3, .pbj h3{font-size: 20px;}
    .psort li{width: 49%;}
    .psort li a span{width: calc(100% - 41px);line-height: 1.2;display: flex;align-items: center;}
    .psort li a{line-height: 42px;font-weight: normal;}
    .psort li a i{height: 42px;}
    .ys, .xq, .psort li a, .con3{font-size: 14px;}
    .swiper-button-prev2, .swiper-button-next2{display: none;}
    .mySwiper2 .swiper-slide{width: 50% !important;}
    .pbj{padding: 20px;}
    .pbox{padding: 0 4%;}
    .xg{padding: 0 17px;}
    .mySwiperp .swiper-slide{width: 100%;}
    .box4{margin-top: 30px;padding-top: 14%;}
    .swiper-pagination-product{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        gap: 8px;
    }
    .swiper-pagination-product .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        background: #ddd;
        border-radius: 50%;
        opacity: 1;
        transition: all 0.3s;
    }
    .swiper-pagination-product .swiper-pagination-bullet-active{
        background: #0077c9;
        width: 24px;
        border-radius: 4px;
    }
    .cbt{font-size: 20px;}
    .box4 .jian2{display: none;}
.cc2{position: static;}
.pernr52{width: 100%;}
.pernr52 .swiper-wrapper{display: flex;width: 100%;}
.pernr52 li{flex: 1;width: auto !important;min-width: 0;border-left: none;border-right: 1px solid rgba(125,125,125,.5);background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;min-height: 70px;}
.pernr52 li:last-child{border-right: none;}
.pernr52 li.on{background-color: #0077c9;}
.pernr5{width: 100%;}
.pernr51 .img{height: 250px;}
.pernr52 li a{font-size: 12px;line-height: 1.5;padding: 10px 5px;display: block;text-align: center;word-break: break-all;overflow-wrap: break-word;white-space: normal;color: #fff;background: transparent;}
    .cbj{top:8vw;}
    .con3{font-size: 12px;}
    .hul li{margin-bottom: 15px;}
    .hul{margin-top: 25px;}
    .hul li,.hul li:nth-child(2), .hul li:nth-child(3){width: 100%;}
    .hbj{padding: 0 10px; padding-top: 20px;}
    .box5{padding: 30px 0 10px;}
    .box6{padding: 30px 0;}
    .nbox{margin-top: 20px;}
    .nul,.nul2{width: 100%;}
    .nul2{margin-top: 20px;padding: 15px;}
    .lx p, .tewm2, .flm, .ntime{font-size: 12px;}
    .flm{width: 60px;}
    .nei{padding-top: 13px;}
    .nbt{font-size: 15px;}
    .xwnr{font-size: 13px;}
    .nul2 li{padding: 10px 0;}
    .tleft,.ximg{width: 100%;}
    .xtt{padding: 5% 10px 7% 7%;}
    .lx p, .tewm2{font-size: 14px;}
    .she{margin-top: 30px;}
    .hmore,.xwnr,.ntime{font-weight: normal;}
    .pernr52 li{border-top: none;}
}

/* ==================== 内页通用样式 ==================== */

/* 内页Banner */
.page-banner {
    position: relative;
    width: 100%;
    height: 380px;
    overflow: hidden;
    margin-top: 0;
}
.page-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-banner .banner-title {
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    z-index: 2;
}
.page-banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

/* 面包屑导航 */
.breadcrumb {
    padding: 20px 0;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.breadcrumb a {
    color: #666;
    text-decoration: none;
}
.breadcrumb a:hover {
    color: #0077c9;
}
.breadcrumb span {
    color: #0077c9;
}

/* 内页容器 */
.page-container {
    padding: 0 0 80px;
    background: #f8f9fa;
}
.page-container .wh {
    display: flex;
    align-items: flex-start;
    padding-top: 0;
}

/* 左侧边栏 */
.page-sidebar {
    width: 280px;
    min-width: 280px;
    margin-right: 40px;
    background: #fff;
}
/* 桌面端隐藏移动端模块 */
.mobile-sidebar-modules {
    display: none;
}
.sidebar-title {
    background: #0077c9;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    position: relative;
    cursor: default;
}
.sidebar-title::after {
    content: '';
    display: none;
}
.sidebar-menu {
    padding: 15px 0;
}
.sidebar-menu li {
    border-bottom: 1px solid #f0f0f0;
}
.sidebar-menu li a {
    display: block;
    padding: 15px 25px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s;
    position: relative;
}
.sidebar-menu li a:hover,
.sidebar-menu li.active a {
    color: #0077c9;
    background: #f0f7fc;
    padding-left: 30px;
}
.sidebar-menu li.active a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #0077c9;
}

/* 侧边栏推荐新闻 */
.sidebar-news {
    margin-top: 30px;
    background: #fff;
    padding: 20px;
}
.sidebar-news-title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #0077c9;
}
.sidebar-news-title span {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    margin-left: 5px;
}
.sidebar-news-list li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #eee;
}
.sidebar-news-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sidebar-news-list li a {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    text-decoration: none;
    display: block;
    transition: color 0.3s;
}
.sidebar-news-list li a:hover {
    color: #0077c9;
}

/* 侧边栏联系信息 */
.sidebar-contact {
    margin-top: 30px;
    background: #1a1f37;
    padding: 25px;
    color: #fff;
}
.sidebar-contact-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sidebar-contact-item {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.8;
}
.sidebar-contact-item label {
    display: block;
    color: rgba(255,255,255,0.6);
    margin-bottom: 5px;
}
.sidebar-contact-item p {
    color: #fff;
    margin: 0;
}

/* 右侧内容区 */
.page-content {
    flex: 1;
    background: #fff;
    padding: 0 40px 40px;
    min-height: 600px;
    min-width: 0;
    overflow: hidden;
}
.content-title {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #0077c9;
    display: inline-block;
}
.content-body {
    font-size: 15px;
    line-height: 2;
    color: #555;
}
.content-body p {
    margin-bottom: 15px;
}
/* 保留富文本编辑器格式 */
.about-content {
    overflow: hidden;
    word-break: break-word;
}
.about-content p {
    text-indent: 2em;
    margin-bottom: 15px;
}
.about-content h1,
.about-content h2,
.about-content h3 {
    text-indent: 0;
    margin-bottom: 20px;
}
.about-content img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block;
}

/* ==================== 新闻列表页 ==================== */
.news-list-page .news-item {
    border-bottom: 1px solid #eee;
    padding: 30px 0;
    transition: all 0.3s;
}
.news-list-page .news-item:hover {
    background: #fafafa;
    margin: 0 -40px;
    padding-left: 40px;
    padding-right: 40px;
}
.news-list-page .news-item a {
    display: flex;
    text-decoration: none;
}
.news-item-date {
    width: 80px;
    min-width: 80px;
    text-align: center;
    margin-right: 25px;
}
.news-item-day {
    font-size: 36px;
    color: #0077c9;
    font-weight: bold;
    line-height: 1;
}
.news-item-month {
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}
.news-item-info {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.news-item-title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    transition: color 0.3s;
    word-break: break-all;
    overflow-wrap: break-word;
}
.news-list-page .news-item:hover .news-item-title {
    color: #0077c9;
}
.news-item-summary {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 10px;
    word-break: break-all;
    overflow-wrap: break-word;
}
.news-item-more {
    font-size: 14px;
    color: #0077c9;
}
.news-item-more span {
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.3s;
}
.news-list-page .news-item:hover .news-item-more span {
    transform: translateX(5px);
}

/* 分页 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    gap: 8px;
    flex-wrap: wrap;
}
.pagination a {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #ddd;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
}
.pagination a:hover,
.pagination a.active {
    background: #0077c9;
    color: #fff;
    border-color: #0077c9;
}

/* 移动端分页器适配 */
@media (max-width: 640px) {
    .pagination {
        margin-top: 30px;
        gap: 5px;
    }
    .pagination a {
        padding: 6px 10px;
        font-size: 12px;
    }
}

/* ==================== 新闻详情页 ==================== */
.news-detail {
    padding: 20px 0;
}
.news-detail h1 {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.4;
}
.news-meta {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #999;
}
.news-meta span {
    margin-right: 30px;
}
.news-content {
    font-size: 15px;
    line-height: 2;
    color: #555;
}
.news-content p {
    margin-bottom: 15px;
}
.news-content img {
    max-width: 100%;
    height: auto;
}
.news-nav {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.news-nav div {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}
.news-nav a {
    color: #0077c9;
    text-decoration: none;
}
.news-nav a:hover {
    text-decoration: underline;
}

/* ==================== 在线留言页 ==================== */
.inquiry-form-wrapper {
    padding: 20px 0;
}
.inquiry-form-wrapper .form-intro {
    font-size: 15px;
    color: #666;
    line-height: 2;
    margin-bottom: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-left: 3px solid #0077c9;
}
.inquiry-form .form-row {
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
}
.inquiry-form .form-group {
    flex: 1;
}
.inquiry-form .form-group.full-width {
    width: 100%;
}
.inquiry-form label {
    display: block;
    font-size: 15px;
    color: #333;
    margin-bottom: 8px;
    font-weight: bold;
}
.inquiry-form label .required {
    color: #e74c3c;
    margin-left: 3px;
}
.inquiry-form input[type="text"],
.inquiry-form input[type="email"],
.inquiry-form input[type="tel"],
.inquiry-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    transition: border-color 0.3s;
    font-family: 'Microsoft YaHei';
}
.inquiry-form input[type="text"]:focus,
.inquiry-form input[type="email"]:focus,
.inquiry-form input[type="tel"]:focus,
.inquiry-form textarea:focus {
    outline: none;
    border-color: #0077c9;
}
.inquiry-form textarea {
    resize: vertical;
    min-height: 150px;
}
.inquiry-form .btn-submit {
    display: inline-block;
    padding: 14px 60px;
    background: #0077c9;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    font-family: 'Microsoft YaHei';
}
.inquiry-form .btn-submit:hover {
    background: #005fa3;
}

/* 提示消息 */
.alert {
    padding: 15px 20px;
    margin-bottom: 25px;
    font-size: 14px;
}
.alert-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.alert-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ==================== 联系我们页 ==================== */
.contact-content {
    padding: 20px 0;
}
.contact-welcome {
    font-size: 16px;
    color: #555;
    line-height: 2;
    margin-bottom: 40px;
    padding: 25px;
    background: #f8f9fa;
    border-left: 3px solid #0077c9;
}
.contact-info-list {
    margin-bottom: 40px;
}
.contact-info-item {
    display: flex;
    align-items: flex-start;
    padding: 25px;
    border-bottom: 1px solid #eee;
    transition: background 0.3s;
}
.contact-info-item:hover {
    background: #fafafa;
}
.contact-info-icon {
    width: 50px;
    height: 50px;
    background: #0077c9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    color: #fff;
    font-size: 20px;
}
.contact-info-text label {
    display: block;
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
}
.contact-info-text p {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0;
}

/* 响应式 */
@media (max-width: 995px) {
    .page-banner {
        height: 180px;
    }
    .page-banner .banner-title {
        font-size: 28px;
        left: 5%;
    }
    .page-container .wh {
        flex-direction: column;
    }
    .page-sidebar {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        order: 1;
        box-sizing: border-box;
    }
    .sidebar-title {
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .sidebar-title::after {
        content: '▼';
        display: inline-block;
        font-size: 12px;
        transition: transform 0.3s;
    }
    .page-sidebar.collapsed .sidebar-title::after {
        transform: rotate(-90deg);
    }
    .sidebar-collapsible {
        max-height: 500px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    .page-sidebar.collapsed .sidebar-collapsible {
        max-height: 0;
    }
    /* 移动端隐藏侧边栏内的推荐新闻和联系信息 */
    .page-sidebar .sidebar-news,
    .page-sidebar .sidebar-contact {
        display: none !important;
    }
    .page-content {
        padding: 15px !important;
        order: 2;
        width: 100%;
    }
    .page-content .product-grid,
    .page-content .case-grid {
        padding-left: 0;
        margin-left: 0;
    }
    /* 移动端显示内容区下方的推荐新闻和联系我们 */
    .mobile-sidebar-modules {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #eee;
        width: 100%;
        order: 3;
        box-sizing: border-box;
    }
    .news-list-page .news-item a {
        flex-direction: column;
    }
    .news-item-date {
        margin-right: 0;
        margin-bottom: 15px;
        text-align: left;
        display: flex;
        align-items: baseline;
        gap: 10px;
    }
    .news-item-day {
        font-size: 28px;
    }
    .inquiry-form .form-row {
        flex-direction: column;
        gap: 0;
    }
    .content-title {
        font-size: 22px;
    }
    /* 移动端富文本内容适配 */
    .about-content {
        font-size: 14px !important;
        line-height: 1.8 !important;
        overflow-x: auto !important;
        width: 100% !important;
    }
    .about-content *:not(img) {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .about-content p {
        text-indent: 0 !important;
        margin-bottom: 12px !important;
        width: 100% !important;
    }
    .about-content table {
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
        border-collapse: collapse !important;
    }
    .about-content tbody,
    .about-content thead {
        display: block !important;
        width: 100% !important;
    }
    .about-content tr {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        padding: 15px !important;
        background: #fafafa !important;
    }
    .about-content td {
        display: block !important;
        width: 100% !important;
        border: none !important;
        padding: 8px 0 !important;
    }
    .about-content img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        display: block !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }
    .about-content div > img,
    .about-content td > img,
    .about-content p > img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }
    /* 圆形图标保持宽高比 */
    .about-content img[width],
    .about-content img[style*="width"] {
        width: auto !important;
        max-width: 100% !important;
    }
    .about-content div,
    .about-content section,
    .about-content article,
    .about-content span {
        max-width: 100% !important;
        overflow-x: hidden !important;
        width: 100% !important;
        display: block !important;
    }
    /* 强制富文本中的多列布局变单列 */
    .about-content [style*="float:"] {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }
    .about-content [style*="display: inline-block"] {
        display: block !important;
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }
    .about-content [style*="width:"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    .about-content [style*="flex"] {
        display: block !important;
        width: 100% !important;
    }
    .about-content h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .about-content h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    /* 修复圆形图标在移动端变形 */
    .about-content [style*="border-radius:50%"] {
        width: 80px !important;
        height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
    }
    /* 修复圆形内部图标/图案太小的问题 */
    .about-content [style*="border-radius:50%"] img,
    .about-content [style*="border-radius:50%"] i,
    .about-content [style*="border-radius:50%"] svg {
        width: 45px !important;
        height: 45px !important;
        max-width: 45px !important;
        max-height: 45px !important;
        object-fit: contain !important;
    }
    .about-content [style*="border-radius:50%"] i {
        font-size: 28px !important;
        line-height: 45px !important;
    }
    /* 移动端隐藏服务流程中的水平线 */
    .about-content hr,
    .about-content [style*="hr"],
    .about-content [style*="border-top"] {
        display: none !important;
    }
}

/* ==================== 产品中心 ==================== */
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 20px;
}
.product-card {
    background: #fff;
    border: 1px solid #eee;
    transition: all 0.3s;
    overflow: hidden;
}
.product-card:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}
.product-card .product-img {
    display: block;
    overflow: hidden;
    height: 250px;
}
.product-card .product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.product-card:hover .product-img img {
    transform: scale(1.1);
}
.product-card h3 {
    padding: 20px;
    margin: 0;
    font-size: 16px;
    text-align: center;
}
.product-card h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}
.product-card:hover h3 a {
    color: #0077c9;
}

/* 产品详情 */
.product-detail-section {
    display: flex;
    gap: 40px;
    margin-top: 20px;
    align-items: flex-start;
}
.product-detail-img {
    width: 45%;
    min-width: 300px;
    flex-shrink: 0;
}
.product-detail-img img {
    width: 100%;
    display: block;
}
.product-detail-info {
    flex: 1;
    min-width: 0;
}
.product-detail-info h1 {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #0077c9;
}
.product-detail-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 25px;
    padding: 15px 0;
}
.product-detail-content {
    font-size: 15px;
    line-height: 2;
    color: #555;
}
.product-detail-content p {
    margin-bottom: 15px;
}
.product-detail-content img {
    max-width: 100%;
    height: auto;
}

/* ==================== 案例中心 ==================== */
.case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 20px;
}
.case-card {
    background: #fff;
    border: 1px solid #eee;
    transition: all 0.3s;
    overflow: hidden;
}
.case-card:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}
.case-card .case-img {
    display: block;
    overflow: hidden;
    height: 220px;
    position: relative;
}
.case-card .case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.case-card:hover .case-img img {
    transform: scale(1.1);
}
.case-card .case-img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,119,201,0);
    transition: background 0.3s;
}
.case-card:hover .case-img:after {
    background: rgba(0,119,201,0.2);
}
.case-card h3 {
    padding: 18px 20px;
    margin: 0;
    font-size: 16px;
    text-align: center;
}
.case-card h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}
.case-card:hover h3 a {
    color: #0077c9;
}

/* 案例详情 */
.case-detail-section {
    margin-top: 20px;
}
.case-detail-img {
    margin-bottom: 30px;
}
.case-detail-img img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}
.case-detail-content {
    font-size: 15px;
    line-height: 2;
    color: #555;
}
.case-detail-content p {
    margin-bottom: 15px;
}
.case-detail-content img {
    max-width: 100%;
    height: auto;
}

/* 响应式 */
@media (max-width: 995px) {
    .product-grid,
    .case-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding-left: 0;
        margin-left: 0;
    }
    .product-detail-section {
        flex-direction: column;
        gap: 20px;
        margin: 0;
        padding: 0;
    }
    .product-detail-img {
        width: 100%;
        min-width: auto;
        margin: 0;
        padding: 0;
    }
    .product-detail-img img {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }
    .product-detail-info {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .product-detail-desc {
        padding: 12px 0;
        margin: 0;
    }
}
@media (max-width: 640px) {
    .product-grid,
    .case-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding-left: 0;
        margin-left: 0;
    }
    .product-card .product-img {
        height: 150px;
    }
    .product-card h3 {
        padding: 10px;
        font-size: 13px;
    }
}