/* ------------------------------------------------ */
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
  }
  
  @-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
  }
.s6_footer{position: relative; padding-top: 60px;}
.wrap { width: 80%; margin: 0 auto; position: relative;}
.pubbanner {
  width: 100%;
  position: relative;
}
.pubbanner-img {
  width: 100%;
  min-height: 3.4rem;
  object-fit: cover;
}
.pubbanner-img img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.pubbanner-words {
  position: absolute;
  z-index: 4;
  color: #fff;
  bottom: 50%;
  left: 10%;
}
.pubbanner-tolt {
  left: 0%;
  width: 100%;
  text-align: center;
}
.pubbanner-words h6 {
  opacity: 1;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 3px;
  font-size: 48px;
  text-align: center;
  text-transform: uppercase;
  font-family: "OB";
}
.pubbanner-words p {
  font-size: 18px;
  margin-top: 12px;
  opacity: 0;
}
.pubbanner-up {
  position: absolute;
  bottom: 124px;
  left: 24px;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  white-space: nowrap;
  font-size: 70px;
  color: #fff;
  opacity: .2;
}

.pageNav { 
  text-align: center;
  position: relative; bottom: 0; z-index: 9;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}
.pageNav .wrap{display: flex; max-width: 100%;justify-content: space-between;}

.pageNav li {
  font-size: 14px;  
  text-align: center;
  position: relative;
  float: left;
  display: block;
  width: 100%;

  
}
.pageNav li:first-child {border-left: 0;}


.pageNav li a {
  font-size: 18px;
  color: #222;
  display: block;
  text-transform: uppercase;
  font-family: "BS";  
  height: 75px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pageNav li a.aNow {
  color: #fff; 
  background: #00B1A7;
}
.pagenavph{ display:none;}

.second-nav{
    background:#ffffff;
    padding:30px 0;
    border-bottom:1px solid #eee;
    width: 100%;
}
.second-nav-list{
    display:flex;
    gap:10px;
    flex-wrap: wrap;
}
.second-nav-list li a{
    display:block;
    padding:10px 24px;
    background:#f5f5f5;
    color:#333;
    border-radius:4px;
}
.second-nav-list li.active a{
    background:#00B1A7;
    color:#fff;
}
.second-nav-list li a:hover{
    background:#00B1A7;
    color:#fff;
}
@media (max-width:768px){
    .second-nav{
        padding:15px 0;
    }
    .second-nav-list{
      flex-wrap: wrap
    }
    .second-nav-list li a{
        padding:7px 14px;
        font-size:13px;
    }
}




.about1-1 {
    background: url("../images/baner-about.png") bottom center no-repeat;
    background-size: 100% auto;
    padding: 100px 0 100px;
}

.about1-3 {
    background: url("../images/banner-about2.jpg") top center no-repeat;
    background-size: 100% auto;
}

.about1-1 .wrap {
    align-items: flex-start;
}

.title-about {
    font-size: 42px;
    color: #222222;
    padding: 80px 0 55px;
    font-family: SourceHanSerifCN-Bold;
    font-weight: bold;
}
.wrapper-flex-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.about1-1 .title-about {
    width: 30%;
    line-height: 1;
    padding: 0;
    transition-delay: 0s;
	
}

.about1-1 .content {
    width: 60%;
    font-size: 16px;
    line-height: 1.8;
    color: #666666;
}

.about1-1 .list {
    margin: 50px 0 0;
    transition-delay: 0;
}

.about1-1 .editor {
    transition-delay: .15s;
}

.about1-1 .list .date {
    font-family: arial;
    font-weight: bold;
    color: #00B1A7;
    vertical-align: top;
    font-size: 20px;
}

.about1-1 .list .date span {
    font-size: 40px;
    vertical-align: top;
    font-family: Arial;
    margin: 10px 0 0;
}

.about1-1 .list .desc {
    font-size: 16px;
    color: #999999;
}

.about1-3 {
    padding-bottom: 100px;
}

.about1-3 .swiper-wrap {
    padding: 50px 0;
}

/* swiper容器修复 */
.about1-3 .swiper {
    width: 100%;
    overflow: hidden !important;
    position: relative;
    transition-delay: .3s;
    min-width: 0;
    padding-bottom: 60px;
}

/* slide基础样式 */
.about1-3 .swiper .swiper-slide {
    display: block !important;
    flex-shrink: 0;
    height: auto !important; /* 修复高度塌陷 */
}

.about1-3 .swiper .each-item {
    display: block;
    width: 100%;
    cursor: pointer;
}

/* 图片容器 - 4:3比例 */
.about1-3 .swiper .pictureB {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px; /* 可选圆角 */
}

.about1-3 .swiper .pictureB::before {
    content: "";
    display: block;
    padding-top: 75%; /* 4:3比例 */
}

.about1-3 .swiper .pictureB img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}


.about1-3 .swiper .each-item:hover .pictureB img {
    transform: scale(1.05);
}

.about1-3 .swiper-button-prev,
.about1-3 .swiper-button-next {
    background-color: rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.3s ease;
    background-size: 30px 30px;
}

.about1-3 .swiper-button-prev:hover,
.about1-3 .swiper-button-next:hover {
    background-color: #00B1A7 !important;
    color: #fff;
}

.about1-3 .swiper-button-prev::after,
.about1-3 .swiper-button-next::after {
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .about1-3 .swiper-button-prev,
    .about1-3 .swiper-button-next {
        display: none !important; 
    }
}

/* 进度条 - 修复位置和样式 */
.about1-3 .swiper-container-horizontal > .swiper-pagination-progressbar,
.about1-3 .swiper-pagination-progressbar {
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 3px !important;
    background: #eaeaeb !important;
    border-radius: 0;
}

.about1-3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #00B1A7 !important;
    transition: width 0.3s ease;
}


.about1-3 .editor {
    font-size: 16px;
    color: #666666;
    line-height: 2;
    max-width: 780px;
    transition-delay: .15s;
}

/* 响应式 */
@media (max-width: 768px) {
    .about1-3 {
        padding-bottom: 50px;
    }
    
    .about1-3 .swiper-wrap {
        padding: 30px 0;
    }
    
    .about1-3 .editor {
        font-size: 14px;
        padding: 0 15px;
    }
}



.dummy {padding-top: 100%;}
.dummy2 {padding-top: 75%;}
.dummy3 {padding-top: 35%;}
.dummy4 {padding-top: 125%;}
.picture {
    list-style-type: none;
    /*display:inline-block;*/
    display: block;
    float: left;
    max-width: 800px;
    max-height: 800px;
    width: 100%;
    margin: 0 0%;
    position: relative;
    overflow: hidden;
    background: #fff;
  }
  
.picture img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    padding: auto;
  }
.proRight {width: calc(100% - 360px); min-height: 450px;}
.pro-box{ padding: 80px 0;}
.proList{display: flex;flex-wrap: wrap;justify-content: space-between;}
.proList::after {
  content: "";
  width: 24%;
}
.proItem:nth-child(-n+4){margin-top: 0;}
.proItem{width: 24%;transition: all .4s ease; margin-bottom: 30px;}
.proItem-img{border-radius: 12px;background: #fff;display: flex;align-items: center;justify-content: center;text-align: center;}
.proItem-img img{max-width: 90%;max-height: 90%;transition: all .4s ease;}
.proItem:hover{transform: translateY(-10px);}
.proItem:active{transform: translateY(-5px);}
.proItem-con {text-align: center; float: left; width: 100%;}
.proItem-con .title{color: #232323;font-family: "BS"; font-size: 18px; line-height: 1.2; margin: 20px 20px 10px;}
.proItem-con .text{ color: #999; font-size: 16px;}
.proItem:hover .proItem-img img{transform: scale(1);}
.proItem:hover .proItem-con .title{color: #00B1A7; }
.proTop-btn{width: 94px;height: 94px;border-radius: 50%;font-size: 22px;user-select: none;cursor: pointer;position: relative;}
.proTop-btn::before{position: relative;z-index: 2;}
.proTop-btn::after{content: "";position: absolute;background: #006cff; left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;transition: all .4s ease;transform: scale(0);}
.proTop-btn:hover::after{transform: scale(1);}
.proTips{border-top: 1px solid #d2d3db;}


.cp_Container_show{ background-color: #fff; padding-bottom: 0;margin-top: 100px;}
.product-detial {margin-top: 30px; padding-bottom: 60px;}
.product-detial .summary .summary-left{float: left;width:42%;display: flex;flex-direction: column; overflow: hidden;}
.product-detial .summary .summaryTab{width: 100%;padding: 0px 0;position: relative;flex-shrink: 0;flex-grow: 0; margin-top: 30px; box-sizing: border-box;}
.product-detial .summary .summaryTab .swiper-slide{ width: 20%;}
.product-detial .summary .summaryTab .img{border: 2px solid #eceff3;background: #fff;border-radius: 5px;box-sizing: border-box;padding: 5px;margin: 0px 0;transform: scale(0.9);}
.product-detial .summary .summaryTab .img img{width: 100%; height: auto;}
.product-detial .summary .summaryPoster{width: 100%; background: #fff;}
.product-detial .summary .summaryPoster .img{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center; }
.product-detial .summary .summaryPoster .img img{max-width: 100%; max-height: 100%;}
.liuyan{ width: 100%; text-align: center; display: flex; justify-content: left; margin-top: .4rem;}
.liuyan a{height: 45px; line-height: 45px; background: #fcc804; color: #000;  display: block; border-radius: 45px; margin: 0 10px; padding: 0 .4rem;}
.liuyan a.tel{ background: #231916; color: #fff; }
.liuyan a i{ margin-right: 5px;}

#summaryTab .swiper-slide-active .img{border:2px solid #00B1A7;}
#summaryPoster{height: 500px;}
#summaryPoster .summaryPoster-prev,
#summaryPoster .summaryPoster-next,
#summaryPoster .summaryPoster-pagination{display: none;}
.product-detial .summary .summary-prev,
.product-detial .summary .summary-next{width: 31px;height: 18px;background: url('../images/pro-arrow-on.png') no-repeat;background-size: 100% 100%;position: absolute;left: 50%;margin-left: -15.5px;cursor: pointer;outline: none;}
.product-detial .summary .summary-prev{top: 0;}
.product-detial .summary .summary-next{bottom: 0;transform: rotate(180deg);}
.product-detial .summary .summary-prev.swiper-button-disabled,
.product-detial .summary .summary-next.swiper-button-disabled{background: url('../images/pro-arrow.png') no-repeat;background-size: 100% 100%;}
.product-detial .summary .summary-right{width: 50%;}
.product-detial .summary .summary-text{padding-top: 0px;}
.product-detial .summary .summary-text h5{line-height: 1.72;color: #666;}
.product-detial .summary .summary-text .title{font-size: 32px; color:#232323; font-weight: bold; font-family: "OB"; padding-bottom: 50px; line-height: 1.2;}
.product-detial .summary .summary-text .en_title{font-size: 18px;line-height: 2;padding: 7px 0 18px;margin-bottom: 10px;}
.product-detial .summary .summary-text h2{ width: 150px; height: 45px; line-height: 45px; background: #fcc804; color: #000; text-align: center; border-radius: 45px; margin-bottom: .3rem; font-size: 18px; font-weight: bold;}
.product-detial .summary .summary-text h3{ width: 150px; height: 45px; line-height: 45px; background: #231916; color: #fff; text-align: center; border-radius: 45px; margin-bottom: .3rem; font-size: 18px; font-weight: bold;}
.product-detial .summary .summary-text p{line-height: 2;font-size: 16px; color: #666;}
.product-detial .summary .summary-text .introduce {padding-bottom: .3rem;}
.product-detial .summary .summary-text .introduce p{ font-size: 14px; color: #666; line-height:2; position: relative;margin-bottom: 10px; }
/*.product-detial .summary .summary-text .introduce p::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 14px;*/
/*  width: 2px;*/
/*  height: 2px;*/
/*  border-radius: 50%;*/
/*  background: #5c6069;*/
/*}*/
.proDet-show-btn{ margin-top: 30px;display: flex;  flex-wrap: wrap;}
.proDet-show-btn .comBtn-box:nth-child(1) .comBtn{background: #232323;}
.proDet-show-btn .comBtn-box:nth-child(1) .comBtn::after{background: #363636;}
.proDet-show-btn .comBtn-box:nth-child(2){margin-left: 24px;}

.proDet-switch-nav-box{margin-top: 60px;}
.proDet-switch-nav{background: #f5f5f5;overflow: hidden;display: flex;flex-wrap: wrap;}
.proDet-switch-nav .item{/*flex: 1;*/position: relative;height: 8px;user-select: none;cursor: pointer;display:flex;align-items: center;justify-content: center;text-align: center;  width: 33.3%;   }
.proDet-switch-nav .item span{font-family: "BS"; font-size: 22px; text-transform: uppercase;}
.proDet-switch-nav .item::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 62%;background: #eceff3;}
.proDet-switch-nav .item:first-child:after{display: none;}
.proDet-switch-nav .item:hover{color: #00B1A7;}
.proDet-switch-nav .item.active::after{opacity: 0;}
.proDet-switch-nav .item.active,.proDet-switch-nav .item.active:hover{background: #00B1A7;color: #fff;}
.proDet-switch-con{display: none;}
.proDet-switch-con iframe{width: 100%;height: 787px;}
.proDet-switch-con table{margin: 0 auto;width: 100%;color: #5c6069;}
.proDet-switch-con table td{border: 1px solid #5c6069;padding: 5px 10px;}
/* .proDet-switch-con table td:first-child{background: #f6f8fb;} */
.proDet-switch-con:first-child{display: block;}
.proDet-switch-con .img{border-radius: 12px;overflow: hidden;}
.proDet-switch-con-box{ padding: 50px 0;}

.message{padding: 30px 0;}
.message .ctaMsg{width: 100%; padding: 30px; }

.indHot{
    padding: 80px 0;
    background:#fff;
    border-top: 8px solid #f6f8fb;
    margin-top: 50px;
}
.indHot .comTitle{
    text-align: center;
}
.indHot .comTitle .title{
    font-size:36px;
    color: #333333;
    font-family: "OB";
}

/* 关键：左右各2px安全留白，用来存放首尾slide的边框，避免被裁切 */
.indHot-swp{
    position: relative;
    margin-top: 50px;
    padding: 0 2px;
}

.indHot-swp .swiper-container{
    width:100%;
    overflow:hidden !important;
    position:relative;
}

.indHot-swp .swiper-slide{
    box-sizing: border-box !important;
    /* slide本身不再加padding，交给外层indHot‑swp的padding做安全区 */
}

.indHot-slide{
    display:block;
    width:100%;
    height:100%;
    border:1px solid #dfdfdf;
    padding:15px;
    box-sizing: border-box;
    /* 删除之前的 left:1px; 不要偏移 */
}

.indHot .picture{
    width:100%;
    position: relative;
    overflow:hidden;
    border-radius:12px;
}
.indHot .picture img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.indHot-con{
    margin-top: 30px;
    width: 100%;
}
.indHot-con .title{
    font-size: 16px;
    font-family: "BS";
    line-height: 1.2;
    text-align: center;
    padding: 0 10px;
}
.indHot-con .text{
    color: #999;
    text-align: center;
    margin-top: 10px;
}

.indHot-swp .com-pagination{
    margin: 50px auto 0;
    white-space: nowrap;
    text-align: center;
}
.com-pagination .swiper-pagination-bullet{
    margin: 0 6px;
}
.com-pagination .swiper-pagination-bullet-active{
    background: #00B1A7;
}

/* 涓嬭浇 */
.downList{display: flex;flex-wrap: wrap;justify-content: space-between;}
.downList::after {
  content: "";
  width: 23%;
}
.downItem:nth-child(-n+4){margin-top: 0;}
.downItem{width: 23%;transition: all .4s ease; margin-bottom: 40px; border: 2px solid rgb(215,217,219,1); background-color: #fff; padding-bottom: 30px;}
.downItem-img{border-radius: 12px;background: #fff;display: flex;align-items: center;justify-content: center;text-align: center;}
.downItem-img img{max-width: 90%;max-height: 90%;transition: all .4s ease;}
.downItem:hover{transform: translateY(-10px);}
.downItem:active{transform: translateY(-5px);}
.downItem-con {text-align: left; float: left; width: 100%; padding: 0 30px;}
.downItem-con .title{ display: flex; justify-content: space-between; align-items: center;  }
.downItem-con .title .h2{color: #232323;font-family: "BS"; font-size: 22px; line-height: 1.2;}
.downItem-con .title i{  font-size: 28px; color: #454545;margin-left: 30px;}
.downItem-con .text{ color: #999; font-size: 14px;margin-top: 15px;}
.downItem:hover .downItem-img img{transform: scale(1.08);}
.downItem:hover .downItem-con .title{color: #00B1A7; }



/*-----------------[鏂囩珷璇︾粏椤礭--------------*/
.news_Container{margin-top: 110px;background: #f6f8fb; padding: 30px 0;}
.projectshow1{width: 98%; max-width: 1200px; margin: 30px auto; background: #fff; padding:.8rem 1rem;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px;   }
.projectshow1 .title h1{ font-weight:inherit; font-size:36px; color:#333; padding-bottom:18px;font-family:"OpenSans-Bold"}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 12px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .contentbox .text h2{ font-size:18px; color:#232323; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:16px; color:#454545;line-height:2; margin-bottom:15px;}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:20px;}
.detailsshare .share{ height:5px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:30px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:15px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}

.contact-box {
  align-items: center;
}
.contact-box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contact-box .info {
  width: 47.917%;
  padding-right: 1rem;
}
.contact-box .content {
  color: #666;
  line-height: 2;
  font-size: 16px;
  margin-top: 50px;
}
.contact-box .qrcodes {
  margin-top: 40px;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.contact-box .qrcodes .item {
  margin-right: 0.2rem;
}
.contact-box .qrcodes .item:last-child {
  margin-right: 0;
}
.contact-box .qrcodes img {
  display: block;
  width: 150px;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius:5px;
}
.contact-box .qrcodes p {
  color: #666;
  line-height: 24px;
  margin-top: 20px;
  font-size: 14px;
}
.contact-box .map {
  width: 50%;
  height: 550px;
  position: relative;
  border-radius: 20px;
}
.contact-box .map .con_img{position:absolute;left:30px;bottom:30px;text-align:center;}
.contact-box .map .con_img a{width:150px;padding:12px 0px;background:#013c8a;text-align:center;border-radius:6px;color:#fff;display:inline-block; font-weight: bold; font-size: 15px;}


.contact{ display: flex;background: #f6f8fb;border-radius: 12px;overflow: hidden;}
.ctaData{width: 39%;background: #fff;padding:80px 60px;}
.ctaData .title{font-size: 42px;font-family: "OB";color: #00B1A7; line-height: 1;text-transform: uppercase; font-weight: bold;}
.ctaData .campany_name{font-size: 32px; color: #232323;font-family: "OB"; text-transform: uppercase; line-height: 1.2; margin: 15px 0 45px;}
.ctaData .text{font-size: 15px; color: #999; line-height: 1.8;}
.ctaData .content{margin-top: .4rem;}
.ctaData .content p{ margin: 10px 0; font-size: 15px;line-height: 1.8; }
.ctaData .map-wrap{margin-top: 40px;position:relative;display:inline-block;max-width:400px;width:100%;}
.ctaList-img{width: 25px;margin-right: 30px;}
.ctaList-text{flex: 1;}
.ctaMsg{width: 61%; padding:80px 60px;}
.ctaMsg .comTitle .title{font-size: 36px;font-family: "OB";color: #333333; line-height: 1;text-transform: uppercase;}
.ctaMsg .comMsg-table{display: flex;  flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.ctaMsg .comMsg-input .comMsg-title{padding-left: 20px;display: flex;flex-wrap: wrap;font-size: 15px;color: #8a8e93;}
.ctaMsg .comBtn-box{margin-top: 30px;justify-content: flex-start;}
.ctaMsg .comMsg-input{width: 48%;margin-top: 15px;}
.ctaMsg .comMsg-input textarea{height: 140px;   }
.comMsg-input input,.comMsg-input textarea,.comMsg-select{font-size: 14px;}
.comMsg-input input::-webkit-input-placeholder{font-size: 14px;}
.comMsg-input textarea::-webkit-input-placeholder{font-size: 14px;}
.ctaMsg .comMsg-input input,.ctaMsg .comMsg-input textarea,.ctaMsg .comMsg-menu,.ctaMsg .comMsg-drop{background: #fff;}
.comMsg-input.yzm{width: 100%;display: flex;}
.comMsg-input.yzm input{ width: 200px; margin-top: 0; margin-right: 10px;}
.comMsg-input.yzm img{ width: 120px; height: auto;}


.anli_cnt{
  width: 100%;
}
.anli_list{
	margin:0 -2.5%;
}
.anli_item{
  width: 28%;
  float: left;
  margin:0 2.5% 50px 2.5%;
  position: relative;
	overflow: hidden;
	background: #fff;	
}
.anli_item3{
  width: 22%;
  float: left;
  margin:0 1.5% 50px 1.5%;
  position: relative;
	overflow: hidden;
	background: #fff;	
}
.anli_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
  /*  box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);*/
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 65%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.zoomImage2{
    width:100%;
    height:0;
    padding-bottom: 135%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.anli_pic{
  width: 100%;
  overflow: hidden;
}
.anli_pic img{
  width: auto;
  height:auto;
}
.anli_item{ padding:0px;}
.anli_item h3{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight: bold;
  box-sizing: border-box;
	text-align: left;padding: 18px 15px;
  overflow: hidden;
	margin-top: 20px;	
}
.anli_item3 h3{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight: bold;
  box-sizing: border-box;
	text-align: left;padding: 18px 10px;
  overflow: hidden;
	margin-top: 10px;	
  border-bottom: 1px solid rgba(17,17,17,.1);
  display: flex;
  justify-content: space-between;
}
.anli_item3 h3 i{line-height: 1;}
.anli_item:hover h2{opacity: 1;bottom: 0;}
.anli_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 20px;
  padding: 5px 15px;
  line-height: 22px; height: 50px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.anli_item h6{
	margin-bottom: 40px;
	padding-left: 15px;
	width: 100%;
	color: #999; 
	font-size: 14px;
	font-weight: normal;
}

.anli_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.anli_line span{
  position: absolute;
  left: 0;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.anli_item:hover .anli_line span{
  width: 100%;
}
.anli_item:hover .anli_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}


.app-section {
      margin: 30px auto 60px;
      display: grid;
      grid-template-columns: 35fr 65fr;
      gap: 80px;
      align-items: top;
      padding: 0 0px;
    }
    /* 正方形图片容器 重点 */
    .app-img-wrap {
      width: 100%;
      height: 0;
      padding-top: 100%; /* 宽高1:1，正方形 */
      position: relative;
      overflow: hidden; /* 裁剪溢出部分 */
    }
    .app-img-wrap img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* 保持比例，填满盒子，多余裁剪 */
      object-position: center; /* 图片居中显示 */
    }
    /* 右侧内容区域 */
    .app-content h2 {
      font-size: 42px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 30px;
      font-family: "OB";
      text-transform: uppercase;
    }
    .app-content p {
      font-size: 16px;
      color: #444444;
      line-height: 2;
      margin-bottom: 45px;
    }
    .btn-group {
      display: flex;
      gap: 24px;
      flex-wrap: wrap;
    }
    .btn {
      padding: 16px 40px;
      border-radius: 999px;
      font-size: 17px;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .btn-message {
      background-color: #222222;
      color: #fff;
    }
    .btn-phone {
      background-color: #00b3a4;
      color: #fff;
    }
    /* 移动端适配，变成上下排列 */
    @media(max-width: 992px) {
      .app-section {
        grid-template-columns: 1fr;
        gap:40px;
      }
    }

.enterprise-culture{
  padding:80px 0;
}
.culture-title{
  font-size:42px;
  font-weight:bold;
  color:#111;
  margin-bottom:40px;
}
.culture-wrap{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:50px;
}
.culture-item{
  width:100%;
}
.culture-bg{
  /* ✅竖版 宽:高 = 3 : 4 */
  aspect-ratio:3 / 4;
  background-size:cover;
  background-position:center;
  position:relative;
  overflow:hidden;
}
.culture-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.25);
}
/* 左下角文字层 */
.culture-text{
  position:absolute;
  left:40px;
  bottom:60px;
  color:#ffffff;
  right:40px;
}
.culture-text .cn{
  font-size:32px;
  margin:0 0 6px;
  font-family: "OB";
}
.culture-text .en{
  font-size:14px;
  margin:0 0 20px;
  opacity:0.85;
  text-transform:uppercase;
}
.culture-text .desc{
  font-size:15px;
  line-height:1.8;
}

/* 移动端适配 768px以下改成单列 */
@media (max-width:768px){
  .culture-wrap{
    grid-template-columns: 1fr;
  }
  .culture-title{
    font-size:32px;
  }
  .culture-text{
    left:24px;
    bottom:24px;
  }
  .culture-text .cn{
    font-size:30px;
  }
  .culture-text .desc{
    font-size:16px;
  }
}