/* 
* @Author: anchen
* @Date:   2025-07-31 10:33:12
* @Last Modified by:   anchen
* @Last Modified time: 2025-08-11 14:27:09
*/
html {
  font-size: 10px;
}

.company-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}





/*****·ÖÒ³¿Ø¼þ*****/
.pagebox {
    text-align: center

}

.pagination {
    margin: 0;
}

.pagination {
    display: block;
    /*padding-left:345px;*/
    margin: 44px 0;
    border-radius:  3px;
    overflow: hidden;
    text-align: center;
}

    .pagination>li {
        display: inline-block;
    }

.pagination-gap>li:first-child>a, .pagination-gap>li:last-child>a {
    border-radius: 3px;
}

.pagination-gap>li>a {
    margin: 0 3px;
    border-radius: 3px;
    font-size: 10px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.6;
    color: #76838f;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #e4eaec;
    height:auto!important;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #89bceb;
    background-color: #f3f7f9;
    border-color: #e4eaec
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #018671;
    border-color: #018671
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #ccd5db;
    pointer-events: none;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #e4eaec
}

.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 6px 18px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}.logo{margin-top: 10px;}
.apply-sub__item{width: 32%;margin-right: 2%;}
.apply-sub__item:nth-child(3n){margin-right: 0%;}
.apply-sub__item img{width: 100%;}
.hhzhb li{border-bottom: 1px solid #e6ebf3;}
.hhzhb li:nth-child(6n-1){border-right: 1px solid #e6ebf3;}
.solution-wrap{max-width: 94%;}
.solution-serve__container{height: auto;}
.fwnl .solution-serve__container{max-width: 49%;}
.fwnl .solution-serve__container .hhd{padding-bottom: 20px;}
.about2 {
  background: url(../images/2_06.jpg) no-repeat center;
  height: 897px;
  position: relative;
  padding-top: 1px;
  margin: 0px auto;
}
.about2 > .abouttit {
  margin-top: 90px;
  text-align: center;
}
.about2 > .abouttit > font {
  color: #fff;
}
.about2 > .abouttit > span {
  color: #fff;
  font-size: 5rem;
}
.about2 > ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.about2 > ul li {
  width: 20%;
  float: left;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 270px 3% 0;
}

/*.about2 > ul li:nth-child(4) {
    padding: 270px 0.5% 0;
}*/
.about2 > ul li > img {
  transition: 0.5s;
  opacity: 0;
  cursor: pointer;
}
.about2 > ul li > b {
  display: block;
  margin: 36px auto 30px;
  font-size: 3rem;
  cursor: pointer;
}
.about2 > ul li > p {
  font-size: 1.8rem;
  line-height: 1.8;
  transition: 0.5s;
  opacity: 0;
  cursor: pointer;
}
.about2 > ul li:hover > img {
  opacity: 1;
}
.about2 > ul li:hover > p {
  opacity: 1;
}
.about4 {
  position: relative;
  padding-top: 98px;
  height: 840px;
   width: 100%;
   background: #F7F7F7;
}
.about4 > img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 23.2%;
}
.about4 > .left {
  width: 400px;
  float: left;
  color: #fff;
}
.about4 > .left > span {
  font-size: 3rem;
  font-family: ba;
  padding-left: 45%;
  text-transform: uppercase;
}
.about4 > .left > b {
  font-size: 3rem;
  display: block;
  margin: 22px 0 20px;color: #333;
  padding-left: calc(180px + 5rem);
}
.about4 > .left >i{margin-left: calc(180px + 5rem);}
.about4 > .left > ul > li {
padding-left:calc(180px + 5rem);
  height: 60px;
  line-height: 60px;
  font-size: 2rem;
  cursor: pointer;
  color: #505050;
}
.about4 > .left > ul > .avt {
  background: #22938D;
  color: #ffffff;
  font-weight: bold;
}
.about4 > .right {
  width: 65%;
  float: right;
  margin-top: 122px;
  display: none;
}
.about4 > .right:nth-child(3) {
  display: block;
}
.about4 > .right li {
  width: 332px;
  margin-right: 36px;
}
.about4 > .right li > img {
  width: 100%;
}
.about4 > .right li > p {
  line-height: 1.8;
  margin-top: 14px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
}
.about4 > .left_bottom {
    position: absolute;
    bottom: 2rem;
    left: 140px;
    width: 31.5rem;
    height: 25.5rem;
}
.about4 > .left_bottom img {
  max-width: 100%;
  object-fit: cover;
}
.prosx{margin-top: 0!important;}
.product-content > .product-desc,.listBox .listItem .content .des,.mysoluthion_subtile,.contact_item_enterprise .content,.companyIndexContent .company-desc{line-height: 1.75;}
@media (max-width: 1560px){
.product-content > .product-desc{width: 100%;}
.news-content_article{width: 80%;}
.news-content_article h4{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.footer-nav .btn-nav__container{width: 68%;}
.wrapper{max-width: 100%;}
}
@media (max-width: 1440px){
.header .wrapper{padding: 0 20px;width: 100%;}
.solution-serve__container{width: 24%;}
.hhd h2{font-size: 28px;}
.solution-serve__container img{width: 80px!important;margin: 50px 0 20px;}
.contact-map{width: 45%;}
.contact{width: 45%;}
.footer-nav .btn-nav__container{width: 60%;}
.product-bar{margin: 30px 0!important;}
.cxygj1 .contact{width: 100%;}
.about4 > .left > ul > li,.about4 > .left > b{padding-left: calc(100px + 5rem);}
.about4 > .left >i{margin-left: calc(100px + 5rem);}
}
@media (max-width: 750px){
    html {
  font-size: 8px;
}
.header.active .tel{margin-left: 0;}
.sidebar{display: none!important;}
#product-service{height: auto;}
.header .logo .img2{height: 30px!important;}
.solution__container-side,.solution__container-center--top-left,.solution__container-center--top-right,.solution__container-center--bottom-left{height: 200px;width: 100%;margin-bottom: 10px;}
.hywst-map{margin: 0;width: 100%;}
.solution__container{display: block;width: 100%;height: auto;}
.solution__container-center{width: 100%;height: auto;}
.solution__container-center--top,.solution__container-center--bottom{display: block;margin-top: 0;}
.aos-init{opacity: 1!important;transform: translate(0, 0)!important;}
.hxwdt .item + .item{margin-left: 0;}
.companyIndexContent{height: auto;}
.hbox{padding-top: 30px;}
.hhzhb li{width: 25%;}
.footer .copy-wrapper{width: 100%;padding-right: 20px;}
.divider{display: none;}
.solution-item{width: 25%;padding: 10px 10px;}
.solution-item a{line-height: 22px;font-size: 12px;}
.solution-wrap,.hytd2{width: 100%;}
.titlenav{top: 60px!important;}
.sub-banner{height: 300px;}
.common-xiangmu-banner{padding: 20px 0;height: 50px;}
.common-xiangmu-banner .arrow{display: none;}
.common-xiangmu-banner .title{font-size: 20px;}
.solution-wrapimg,.solution-title{height: auto;}
.mt-90{margin-top: 30px!important;}
.hhd h2{font-size: 22px;}
.hytd > div{width: 100%;margin-bottom: 10px;}
.hytd{display: block;}
.hytd > div ul{width: 84%;}
.hhd{margin: 20px auto!important;}
.solution-serve__container{width: 100%;margin-bottom: 10px;}
.solution-serve{flex-wrap:wrap;}
.solution-serve__container img{margin: 30px auto 0px;}
.mysoluthion_subtile{font-size: 14px;}
.fwnl .solution-serve__container .hhd{width: 100%;}
.fwnl .solution-serve__container{max-width: 100%;width: 100%;margin-bottom: 10px;}
.fwnl .solution-serve__container .hhd{padding: 0 20px;}
#csdtclwh>.solution-container>.solution-wrap>div>div{flex-wrap:wrap;margin-bottom: 0!important;}
#csdtclwh>.solution-container>.solution-wrap>div>div>div{padding: 0!important;}
.about2 {
    margin: 40px auto 0;
    height: auto;

  }
  .about2 > ul {
    position: initial;
    height: auto;
    margin-top: 30px;
  }
  .about2 > ul li {
    height: 340px;
    padding: 30px 20px;
  }
  .about2 > ul li > img,
  .about2 > ul li > p {
    opacity: 1;
  }
  .about2 > .abouttit {
    margin-top: 30px;
  }
  .about4 {
    height: auto;
    padding: 30px 0;
    overflow: hidden;
    margin-bottom: 0px;
  }
  .about4 > img {
    display: none;
  }
  .about4 > .left {
    width: 35%;
  }
  .about4 > .left > b {
    white-space: nowrap;
  }
  .about4 > .left > ul > li,
  .about4 > .left > span,
  .about4 > .left > b {
    padding-left: 20px;
  }
  .about4 > .left > b {
    margin: 16px 0 20px;
    font-size: 3rem;
  }
  .about4 > .left > ul > li {
    line-height: 40px;
    height: 40px;
  }
  .about4 > .right .slick-next,
  .about4 > .right .slick-prev,
  .about5 .slick-next,
  .about5 .slick-prev {
    width: 40px;
    height: 40px;
  }
  .about4 > .right .slick-next,
  .about4 > .right .slick-prev {
    top: -60px;
  }
  .about4 > .right .slick-prev {
    right: 24vw;
  }
  .about4 > .right li {
    width: 200px;
    margin-right: 18px;
  }
  .about4 > .right {
    width: 58%;
    margin-top: 58px;
  }
  .header .wrapper{padding: 0;}
#qyjj .solution-wrap>h2>span,#qyjj .solution-wrap>h4>span{font-size: 24px!important;}
.about2 > .abouttit > span{font-size: 3rem;}
.about2 > ul li > img{width: 60px;}
.about2 > ul li > b{margin: 26px auto 20px;}
#fzlc{display: none;}
.about4 > .left >i{margin-left: 20px;}
#cxygj{padding:30px 0!important;}
.cxygj1{flex-wrap:wrap;display: flex!important;}
.cxygj1 .contact{width: 100%;}
.cxygj1 img{width: 120px;}
.contact-wrap{flex-wrap:wrap;}
.contact_item_enterprise .img{width: 120px;height: auto;}
.contact_item_enterprise .content{margin: 20px 0 0!important;}
.contacts{padding: 10px 0 30px!important;}
.contact,.contact-map{width: 100%;}
.sub-banner__content{top: 40%;}
.contact-map{height: 260px;margin-top: 20px;}
.contact_item{padding: 20px 0;}
.contacts1{padding: 10px 0 30px!important;}
.feedback_item{width: 100%;margin-bottom: 20px;}
.feedback_item span{margin-right: 16px;}
.product-bar{margin: 20px 0px!important;}
.product-item{width: 16.66%;text-align: center;}
.content{margin: 30px auto!important;}
.content1{margin-bottom: 30px!important;}
.apply-sub__item{width: 100%;margin-bottom: 30px;margin-right:0;}
.apply-sub__item > div{margin: 20px 0;}
.apply>div{margin: 20px 0!important;}
.navsy{margin-top: 60px!important;margin-bottom: -30px;}
.apply>div>span{display: none!important;}
.apply>div>div{width: 100%;}
.apply>div>div a{display: inline-block;}
.info-title.apply a{font-size: 14px;}
.news-item .img{width: 100%;height: auto;}
.news-item,.listBox .listItem{flex-wrap:wrap;}
.news-content{padding: 20px;}
.news-content_data{display: none;}
.news-content,.news-content_article{width: 100%;margin-left: 0;}
.news-content_article h4{font-size: 20px;}
.news-content__sub h1{font-size: 20px;margin-top: 0;}
.solution-container .info-title>div{margin: 20px 0!important;}
.newxq{margin-top: 30px!important;}
.newxq>div{margin-top: 0!important;}
.newxq .news-content__sub>div:last-child{padding:30px 0!important;font-size: 16px!important;}
.producttitle .product-bar{display: block;}
.producttitle .product-item{width: 100%;}
.producttitle .product-item{border:none;}
.producttitle .product-item.active::after{display: none;}
.producttitle .product-item{padding: 5px 20px;}
.product-content{margin-top: 30px;}
.product-content .title{font-size: 22px;}
.product-content > .product-desc{margin: 20px 0;font-size: 14px;}
.listBox .listItem .content{width: 100%;height: auto;}
#tab1 .hhd-num{display: none;}
#tab1 .listBox .listItem .content{margin: 0 0 20px!important;display: block;}
#tab1 .hbox .wrapper{margin: 0;}
.listBox .listItem .content .title{padding: 0 20px;text-align: center;font-size: 20px;}
.listBox .listItem .content .des{padding: 0 20px;font-size: 14px;}
#tab1 .listBox .listItem .content>img{width: 80%;display: block;margin: 0 auto;}
.about4 > .left > ul > li{font-size: 1.6rem;line-height: 32px;height: 32px;}
.about4 > .left_bottom img{display: none;}
.contact_item .img{display: none;}
.contact_item .content{margin: 0 0 0 20px!important;}
}