/* banner */

.home-section1 {

    position: relative;

    display: flex;

  }

  .home-section1-swiper {

    /* flex: 0 0 94%;

    min-width: 94%; */

    width: 100%;

  }

  .home-content{padding-top:88px;}

  .home-section1-swiper .swiper-wrapper {

    height: 100% !important;

  }

  @media (max-width: 1440px) {

    .home-section1-swiper {

      flex: 1;

    }

  }

  @media (max-width: 767px) {

    .home-section1-swiper {

      height: 300px;

    }

  }

  @media (max-width: 575px) {

    .home-section1-swiper {

      height: 270px;

    }

  }

  @media (max-width: 767px) {

    .home-section1-swiper .swiper-wrapper,

    .home-section1-swiper .swiper-slide {

      height: 100%;

    }

  }

  .home-section1-swiper .swiper-slide {

    position: relative;

    height: 100%;

  }

  .home-section1-swiper .swiper-slide .bannerbg {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  @media (max-width: 767px) {

    .home-section1-swiper .swiper-slide .bannerbg {

      height: 100%;

      object-fit: cover;

    }

  }

  .home-section1-swiper .swiper-slide .mask {

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    /* padding: 110px 0 0 140px; */

    padding: 0;

  }

  /* @media (max-width: 1440px) {

    .home-section1-swiper .swiper-slide .mask {

      padding: 0 0 0 9%;

    }

  } */

  @media (max-width: 575px) {

    .home-section1-swiper .swiper-slide.banner1 .mask {

      padding: 0 15px;

      align-items: center;

    }

    .home-section1-swiper .swiper-slide.banner1 .mask > .container {

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

    }

  }

  .home-section1-swiper .swiper-slide.banner1 .mask .logo-w {

    text-align: center;

    font-size: 58px;

    font-weight: 100;

    letter-spacing: 10px;

    text-align: center;

    margin: 0 0 10px;

    color: #fff;

  }

  @media (max-width: 1440px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .logo-w {

      /* width: 410px; */

      margin: 0 0 10px;

      font-size: 40px;

    }

  }

  @media (max-width: 1199px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .logo-w {

      /* width: 350px; */

      font-size: 25px;

    }

  }

  @media (max-width: 767px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .logo-w {

      /* width: 220px; */

      margin: 0 0 5px;

      font-size: 25px;

    }

    .home-section1-swiper .swiper-slide.banner1 .mask .logo-w img {

      width: 126px;

    }

  }

  @media (max-width: 575px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .logo-w {

      /* width: 220px; */

      margin: 0 0 5px;

      font-size: 25px;

    }

    .home-section1-swiper .swiper-slide.banner1 .mask .logo-w img {

      width: 83px;

    }

  }

  /* .home-section1-swiper .swiper-slide .mask .logo-w img {

    width: 100%;

  } */

  .home-section1-swiper .swiper-slide.banner1 .mask .tit {

    font-size: 60px;

    font-weight: bold;

    letter-spacing: 10px;

    text-align: center;

    margin: 0 0 10px;

    padding-top:30px;

    color: #fff;

  }

  @media (max-width: 1440px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .tit {

      font-size: 40px;

    }

  }

  @media (max-width: 1199px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .tit {

      font-size: 25px;

      margin: 0 0 30px;

    }

  }

  @media (max-width: 767px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .tit {

      font-size: 28px;

      margin: 0 0 15px;

    }

  }

  @media (max-width: 575px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .tit {

      letter-spacing: 0px;

      font-size: 22px;

      padding-top: 0;

    }

  }

  

  .home-section1-swiper .swiper-slide.banner1 .mask .des {

    font-size: 47px;

    letter-spacing: 10px;

    text-align: center;

    margin: 0 0 50px;

    color: #fff;

  }

  @media (max-width: 1440px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .des {

      font-size: 40px;

    }

  }

  @media (max-width: 1199px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .des {

      font-size: 25px;

      margin: 0 0 30px;

    }

  }

  @media (max-width: 767px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .des {

      font-size: 25px;

      margin: 0 0 15px;

    }

  }

  @media (max-width: 575px) {

    .home-section1-swiper .swiper-slide.banner1 .mask .des {

      letter-spacing: 2px;

      font-weight: normal;

      font-size: 16px;

    }

  }

  

  .home-section1-swiper .swiper-pagination {

    display: flex;

    flex-direction: column;

    left: auto;

    right: 40px;

    width: auto;

    height: 100%;

    bottom: 0;

    justify-content: center;

  }

  @media (max-width: 768px) {

    .home-section1-swiper .swiper-pagination {

      flex-direction: row;

      width: 100%;

      height: auto;

      right: 0;

      left: 0;

      bottom: 20px;

    }

  }

  .home-section1-swiper .swiper-pagination .swiper-pagination-bullet {

    position: relative;

    width: 10px;

    height: 10px;

    opacity: 1;

    background: #c9c9cb;

    border-radius: 50%;

    border: 2px solid #c9c9cb;

    transition: 0.3s;

    margin: 15px 0;

  }

  @media (max-width: 767px) {

    .home-section1-swiper .swiper-pagination .swiper-pagination-bullet {

      width: 8px;

      height: 8px;

      margin: 0 5px;

    }

  }

  /* @media (max-width: 575px) {

    .home-section1-swiper .swiper-pagination .swiper-pagination-bullet {

      margin: 0 5px;

    }

  } */

  .home-section1-swiper .swiper-pagination .swiper-pagination-bullet:after {

    content: attr(data-content);

    position: absolute;

    font-size: 24px;

    right: -40px;

    color: #fff;

    font-family: "BEBAS";

    top: 0;

    bottom: 0;

    margin: auto;

    display: flex;

    align-items: center;

    opacity: 0;

    transition: 0.3s;

    display: none;

  }

  @media (max-width: 767px) {

    .home-section1-swiper .swiper-pagination .swiper-pagination-bullet:after {

      display: none;

    }

  }

  .home-section1-swiper .swiper-pagination .swiper-pagination-bullet-active {

    border: 2px solid #fff;

    background: transparent;

  }

  .home-section1-swiper .swiper-pagination .swiper-pagination-bullet-active:after {

    opacity: 1;

  }

  

  .home-section1-swiper .banner2 h3{

    font-size: 40px;

    font-weight: normal;

    color: #15955a;

    margin: 0 0 25px;

    font-family: "Bebas";

  }

  .home-section1-swiper .swiper-slide.banner2 .mask .des{

    position: relative;

    color: #333;

    letter-spacing: 3px;

    font-size: 48px;

    font-weight: normal;

    display: inline-block;

    line-height: 1;

    margin: 0 0 35px;

  }

  .home-section1-swiper .swiper-slide.banner2 .mask .des span{

    position: relative;

    z-index: 1;

  }

  .home-section1-swiper .swiper-slide.banner2 .mask .des:after{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 13px;

    background: #15955a;

  }

  .home-section1-swiper .swiper-slide.banner2 .mask .more{

    width: auto;

    height: 37px;

    display: inline-block;

    justify-content: center;

    align-items: center;

    color: #000;

    font-size: 18px;

    border-bottom: 3px solid #bad618;

    background: transparent;

    margin: 0 0 50px;

  }

  .home-section1-swiper .swiper-slide.banner2 .tips{

    padding: 12px 35px;

    background: #bad618;

    font-size: 30px;

    color: #333;

    margin: 0 0 50px;

    display: inline-block;

    line-height: 1;

    letter-spacing: 20px;

    font-weight: 100;

  }

  .home-section1-swiper .swiper-slide.banner2 .mask .smdes{

    color: rgba(0, 0, 0, .7);

    line-height: 2;

  }

  @media (max-width: 1440px) {

    .home-section1-swiper .swiper-slide.banner2 .mask .des{

      font-size: 40px;

    }

    .home-section1-swiper .swiper-slide.banner2 .mask .des:after{

      height: 8px;

    }

    .home-section1-swiper .swiper-slide.banner2 .tips{

      font-size: 25px;

      letter-spacing: 16px;

    }

  }

  @media (max-width: 1200px) {

    .home-section1-swiper .banner2 h3{

      font-size: 35px;

    }

    .home-section1-swiper .swiper-slide.banner2 .mask .des{

      font-size: 36px;

    }

    .home-section1-swiper .swiper-slide.banner2 .mask .des:after{

      height: 6px;

    }

    .home-section1-swiper .swiper-slide.banner2 .tips{

      font-size: 20px;

      letter-spacing: 12px;

      padding: 12px 25px;

      margin: 0 0 40px;

    }

  }

  @media (max-width: 576px) {

    .home-section1-swiper .banner2 h3{

      font-size: 20px;

      margin: 0 0 16px;

      text-align: center;

    }

    .home-section1-swiper .banner2 .bannerbg{

      object-position: right 43% top 0;

    }

    

    .home-section1-swiper .swiper-slide.banner2 .mask .logo-w img {

      width: 226px;

    }

    .home-section1-swiper .swiper-slide.banner2 .mask > .container {

      position: relative;

      z-index: 1;

      margin:0;

    }

  }

  .home-section1-swiper .swiper-slide.banner3 h3{

    color: #12d07c;

    font-size: 44px;

    margin: 0 0 15px;

    font-family: "Bebas";

  }

  .home-section1-swiper .swiper-slide.banner3 h4{

    position: relative;

    font-size: 40px;

    color: #fff;

    margin: 0 0 70px;

  }

  .home-section1-swiper .swiper-slide.banner3 h4:after{

    content: "";

    position: absolute;

    left: 0;

    bottom: -30px;

    width: 50px;

    height: 3px;

    background: #34a794;

  }

  .home-section1-swiper .swiper-slide.banner3 .tips{

    padding: 12px 35px;

    background: #bad618;

    font-size: 30px;

    color: #333;

    margin: 0 0 50px;

    display: inline-block;

    line-height: 1;

    letter-spacing: 3px;

    font-weight: 100;

  }

  .home-section1-swiper .swiper-slide.banner3{

    background: #4a0690 url(../images/banner2s.jpg);

  }

  .home-section1-swiper .swiper-slide.banner3 .banner3bg{

    position: absolute;

    right: 0;

    top: 15%;

    height: 70%;

    width: 100%;

    object-fit: contain;

    transform: translateX(13%);

  }

  @media (max-width: 1440px) {

    .home-section1-swiper .swiper-slide.banner3 .tips{

      font-size: 25px;

    }

  }

  @media (max-width: 1200px) {

    .home-section1-swiper .swiper-slide.banner3 h3{

      font-size: 35px;

    }

    .home-section1-swiper .swiper-slide.banner3 h4{

      font-size: 36px;

    }

    .home-section1-swiper .swiper-slide.banner3 .tips{

      font-size: 20px;

      padding: 12px 25px;

      margin: 0 0 40px;

    }

  }

  @media (max-width: 768px) {

    .home-section1-swiper .swiper-slide.banner3 h3,

    .home-section1-swiper .swiper-slide.banner3 h4{

      text-align: center;

    }

    .home-section1-swiper .swiper-slide.banner3 h4:after{

      right: 0;

      margin: auto;

    }

    .home-section1-swiper .swiper-slide.banner3 .tips{

      margin: 0 auto 30px;

    }

    .home-section1-swiper .swiper-slide.banner3 .banner3bg{

      position: static;

      transform: translateX(0);

      padding: 0 15px;

      height: 50%;

    }

    .home-section1-swiper .swiper-slide.banner3 > a{

      display: flex;

      flex-direction: column;

      justify-content: center;

      height: 100%;

    }

    .home-section1-swiper .swiper-slide.banner3 .mask{

      position: static;

      height: auto;

    }

  }

  @media (max-width: 576px) {

    .home-section1-swiper .swiper-slide.banner3 h3{

      font-size: 24px;

      margin: 0 0 16px;

      text-align: center;

    }

    .home-section1-swiper .swiper-slide.banner3 h4{

      font-size: 18px;

      margin: 0 0 30px;

    }

    .home-section1-swiper .swiper-slide.banner3 h4:after{

      bottom: -15px;

      height: 2px;

    }

    .home-section1-swiper .swiper-slide.banner3 .tips{

      font-size: 14px;

      padding: 6px 15px;

      margin: 0 0 20px;

      font-weight: normal;

    }

  }

  

  .home-section1 .mouse {

    position: absolute;

    z-index: 1;

    bottom: 100px;

    left: 0;

    right: 0;

    text-align: center;

    animation: rise 0.6s linear infinite alternate;

    cursor: pointer;

  }

  @media (max-width: 768px) {

    .home-section1 .mouse {

      display: none;

    }

  }

  /*banner结束  */



  /*  产品中心 */

.bggray1{background:#f5f5f5;}

.product_main_box{padding:50px 0 80px;}

.scale{}

.good_list {

    margin-left: -15px !important;

    margin-right: -15px !important;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch

}



.good_list>* {

    padding-left: 15px !important;

    padding-right: 15px !important

}



.good_list li {

    margin-bottom: 30px;

}



@media (max-width:480px) {

    .good_list {

        margin-left: -10px !important;

        margin-right: -10px !important

    }



    .good_list>* {

        padding-left: 10px !important;

        padding-right: 10px !important

    }

}



@media (max-width:470px) {

    .good_list li {

        width: 100%

    }



    .good_list .inner .info {

        padding: 40px 30px 60px;

    }



    .good_list .inner .info .img {

        width: 90%;

        margin: 0 auto

    }

}



.good_list .inner {

    background: #fff;

    text-align: center;

    height: 100%

}



.good_list .inner .info {

    padding: 20px 20px 30px;

}



.good_list .inner .tit {

    font-size: 20px;

    display: block;

    font-weight: bold;

    margin-bottom: 10px;

}



.good_list .inner .desc {

    color: #999;

    line-height: 1.6

}



.good_list .inner:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)

}



.good_list .inner:hover .tit {

    color: #006eb4

}



@media (max-width:480px) {

    .good_list .inner .tit {

        font-size: 18px

    }

}



@media (min-width:993px) {

    .coverbox.scale:hover .cover-tip {

        opacity: 1;

        filter: alpha(opacity=1)

    }



    .coverbox.scale:hover .coverimg {

        transform: scale(1.05, 1.05)

    }



    .coverbox.scale:hover .icon-bofang1 {

        font-size: .6rem

    }

}







/* 优势 */





/* 公司简介 */



.vhd {

  font-size: .25rem;

  margin-bottom: .5rem;

  line-height: 1.2

}



@media (max-width:1200px) {

  .vhd {

      font-size: 24px

  }

}



@media (max-width:480px) {

  .vhd {

      font-size: 22px

  }

}



.vbtnl {

  border: 1px solid #000;

  text-align: center;

  color: #333;

  display: inline-block;

  font-size: 16px;

  height: 44px;

  line-height: 44px;

  padding: 0 32px

}



.vbtnl:hover {

  color: #fff;

  background-color: #000

}



.vtxt {

  font-size: 16px;

  color: #666;

  line-height: 1.6

}

.index_about {

  padding: .9rem 0

}



@media (min-width:992px) {

  .index_about .content {

      width: 100%;

      display: -webkit-flex;

      display: flex;

      display: -webkit-box;

      display: box;

      -webkit-align-items: center;

      align-items: center;

      -webkit-box-align: center;

      box-align: center;

      -webkit-box-pack: justify;

      box-pack: justify;

      -webkit-justify-content: space-between;

      justify-content: space-between

  }



  .index_about .lbox {

      width: 50%;

      padding: 0 6%

  }



  .index_about .rbox {

      width: 50%

  }

}



@media (max-width:991px) {

  .index_about .lbox {

      margin-bottom: .5rem

  }

}



.index_about .vhd {

  margin-bottom: .3rem;

  color: #46cbcf;

  font-weight: bold;

}



.index_about .vtxt {

  margin-bottom: .4rem

}



@media (max-width:1360px) {

  .index_about .vtxt {

      line-height: 25px;

      height: 200px;

      word-break: break-all;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      overflow: hidden;

      -webkit-line-clamp: 8

  }

}



.index_about_datas {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-top: 2px solid #000;

  border-bottom: 2px solid #000;

  margin-top: .8rem;

  padding: .4rem;

  text-align: center

}



@media (max-width:1280px) {

  .index_about_datas {

      padding: .4rem 0

  }

}



@media (max-width:991px) {

  .index_about_datas {

      flex-wrap: wrap;

      justify-content: flex-start

  }



  .index_about_datas li {

      width: 33.33%;

      padding: .3rem 0

  }

}



@media (max-width:639px) {

  .index_about_datas li {

      width: 50%

  }

}



.index_about_datas .val {

  margin-bottom: .1rem

}



.index_about_datas .val b {

  font-size: .36rem;

  font-weight: normal;

  font-family: medium;

  color: #46cbcf;

}



.index_about_datas .val em {

  font-size: .3rem

}



.index_about_datas .unit {

  font-size: 16px;

  color: #666

}



@media (max-width:640px) {

  .index_about_datas .val b {

      font-size: 24px;

      color: #46cbcf;

  }



  .index_about_datas .unit {

      font-size: 14px

  }

}



.index_data {

  padding: 1rem 0;

  background: url(../images/earth.png) no-repeat left bottom;

  background-color: #f8f8f8;

  background-size: 40%

}



@media (max-width:991px) {

  .index_data {

      background-size: 80%

  }

}



@media (min-width:992px) {

  .index_data .wrap {

      display: flex

  }



  .index_data .titbox {

      width: 30%

  }



  .index_data ul {

      flex: 1

  }



  .index_data ul li {

      padding-left: 10%

  }

}



.index_data ul {

  display: flex;

  flex-wrap: wrap

}



.index_data ul li {

  width: 50%;

  margin-bottom: .7rem

}



.index_data ul .icon {

  width: 56px;

  height: 56px;

  display: block;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center

}



.index_data ul .tit {

  margin: 13px 0 20px;

  font-size: 24px;

  color: #46cbcf;

}



@media (max-width:991px) {

  .index_data ul {

      justify-content: space-between;

      padding-top: .5rem

  }



  .index_data ul .tit {

      font-size: 20px;

      color: #46cbcf;

  }



  .index_data ul li {

      width: 45%

  }

}



@media (max-width:480px) {

  .index_data ul li {

      width: 100%

  }

}













/* @media (min-width:992px) {

    .index_company {

        display: flex;

        align-items: stretch

    }



    .index_company .imgbox,

    .index_company .content {

        width: 50%

    }



    .index_company .content {

        padding: 70px 6vw 0px 100px;

    }

}



@media (min-width:992px) and (max-width:1360px) {

    .index_company .content {

        padding: 80px 6vw 80px 100px

    }

}



.index_company .imgbox {

    background: url('../images/logo_lg.jpg') no-repeat center center;

    background-size: cover

}



.index_company h2 {

    font-size: 36px;

    margin-bottom: 32px;

}

.arr_btn01{margin-top: 0px;}

.arr_btn01{width:118px; height: 38px; line-height: 38px; border: 1px solid #fff; color: #fff; background: url(images/arr_r.png) 100px center no-repeat transparent; text-align: left; display: block; cursor:pointer; text-align: left; padding-left: 30px;

	-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    font-size: 16px;

    margin-top: 20px;

}

.arr_btn01:hover{ color: #fff;  background: url(images/arr_r.png) 105px center no-repeat transparent; }

@media (max-width:770px){

  .arr_btn01{width:100px;height:30px;line-height:30px;padding-left: 0 !important;text-align: center;}

 

}



@media (max-width:1360px) {}



@media (max-width:992px) {

    .index_company h2 {

        font-size: 24px

    }

}



@media (max-width:768px) {

    .index_company h2 {

        font-size: 22px

    }

}



.index_company h2 a {

    color: #fff

}



.index_company .content {

    background: url('../images/logo_bg.jpg') no-repeat center center;

    background-size: cover;

    color: #fff;

    text-align: left

}



@media (max-width:991px) {

    .index_company .content {

        padding: 30px 5.5vw

    }

}



.index_company .content .desc {

    font-size: 16px;

    line-height: 1.8;

    overflow : hidden;  

    text-overflow: ellipsis;  

    display: -webkit-box;  

    -webkit-line-clamp: 7;  

    -webkit-box-orient: vertical;  

}



@media (max-width:640px) {

    .index_company .content .desc {

        font-size: 14px;

        overflow : hidden;  

        text-overflow: ellipsis;  

        display: -webkit-box;  

        -webkit-line-clamp: 6;  

        -webkit-box-orient: vertical;  

    }

}



.index_company .inner {

    max-width: 666px

}



.index_company .datas {

    font-size: 16px;

    display: -webkit-flex;

    display: flex;

    display: -webkit-box;

    display: box;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-align: center;

    box-align: center;

    -webkit-box-pack: justify;

    box-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    margin: 20px 0 80px;

}



.index_company .datas .item {

    min-width: 0;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -webkit-flex-shrink: 1;

    -ms-flex-negative: 1;

    flex-shrink: 1

}



.index_company .datas b {

    font-size: 60px;

    font-family: dinpro;

    font-weight: normal

}



@media (max-width:768px) {

    .index_company .datas {

        font-size: 14px;

        margin:30px 0 30px;

    }

 

    .index_company .datas b {

        font-size: 40px;

    }

} */

/* 公司简介结束 */



/* 解决方案开始 */

.ihd h2 {

  font-size: 36px;

  margin-bottom: 5px;

}

.ihd .en {

  font-size: 16px;

  color: #bbb;

  position: relative;

}

.ihd .en::after {

  content: '';

  display: block;

  margin-top: 20px;

  width: 34px;

  height: 4px;

  background: #46cbcf;

}

@media (max-width: 1200px) {

  .ihd h2 {

    font-size: 30px;

  }

  .ihd .en {

    font-size: 14px;

  }

  .ihd .en::after {

    margin-top: 15px;

  }

}

@media (max-width: 992px) {

  .ihd h2 {

    font-size: 30px;

  }

  .ihd .en {

    font-size: 14px;

  }

  .ihd .en::after {

    margin-top: 10px;

  }

}

@media (max-width: 640px) {

  .ihd h2 {

    font-size: 24px;

  }

  .ihd .en {

    font-size: 12px;

  }

  .ihd .en::after {

    margin-top: 10px;

    height: 2px;

  }

}

@media (max-width: 480px) {

  .ihd h2 {

    margin-bottom: 0;

  }

}

.isolutions {

  padding: 0.5rem 0 0.5rem;

}

.bg-gray{background: #f5f5f5;}

.isolutions .hd {

  width: 88%;

  max-width: 1400px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 0.74rem;

}

.isolutions .hd .desc {

  font-size: 16px;

  color: #999;

  line-height: 24px;

}

@media (min-width: 641px) {

  .isolutions .hd {

    display: -webkit-flex;

    display: flex;

    display: -webkit-box;

    display: box;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-align: center;

    box-align: center;

    -webkit-box-pack: justify;

    box-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

  }

  .isolutions .hd .desc {

    width: 60%;

    max-width: 600px;

  }

}

@media (max-width: 768px) {

  .isolutions .hd .desc {

    font-size: 14px;

    line-height: 1.5;

  }

}

@media (max-width: 640px) {

  .isolutions .desc {

    margin-top: 0.3rem;

  }

}

.isolutions-swiper {

  padding-bottom: 50px !important;

}

.isolutions-swiper .swiper-pagination {

  bottom: 0;

  height: 3px;

  line-height: 1;

  font-size: 0;

  width: 30%;

  max-width: 400px;

  background: #e6e6e6;

  left: 50% !important;

  transform: translateX(-50%);

  display: flex;

}

.isolutions-swiper .swiper-pagination .swiper-pagination-bullet {

  min-width: 0;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-flex-shrink: 1;

  -ms-flex-negative: 1;

  flex-shrink: 1;

  border-radius: 0;

  height: 3px;

  margin: 0;

}

.isolutions-swiper .swiper-pagination .swiper-pagination-bullet {

  background: #e6e6e6;

}

.isolutions-swiper .swiper-pagination .swiper-pagination-bullet-active {

  background: #46cbcf;

}

.isolutions-swiper li {

  padding: 0.1rem 0.5rem;

  cursor: pointer;

  width: 50%;

}

.isolutions-swiper .inner {

  position: relative;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  overflow: hidden;

}

.isolutions-swiper .img {

  visibility: hidden;

}

.isolutions-swiper .content {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.isolutions-swiper .cinner {

  position: absolute;

  min-width: 40%;

  padding: 0.35rem 1rem 0.35rem 0.5rem;

  border-left: 4px solid #46cbcf;

  background: #fff;

  top: 50%;

  transform: translateY(-50%);

}

.isolutions-swiper .icon {

  width: 0.3rem;

  height: 0.3rem;

  position: absolute;

  right: 0.2rem;

  top: 0.2rem;

}

.isolutions-swiper h4 {

  font-size: 30px;

  margin-bottom: 20px;

}

.isolutions-swiper .info {

  font-size: 16px;

  color: #999;

  line-height: 1.6;

  text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;/*重点，不能用block等其他*/

-webkit-line-clamp: 3;/*重点IE和火狐不支持*/

-webkit-box-orient: vertical;/*重点*/

}

@media (max-width: 1400px) {

  .isolutions-swiper li {

    padding: 0 0.3rem;

  }

  .isolutions-swiper .cinner {

    padding: 0.3rem 1rem 0.3rem 0.4rem;

  }

  .isolutions-swiper .inner {

    height: 340px;

  }

  .isolutions-swiper .info {

    font-size: 14px;

  }

  .isolutions-swiper h4 {

    font-size: 24px;

  }

}

@media (max-width: 1200px) {

  .isolutions-swiper li {

    padding: 0 0.2rem;

  }

  .isolutions-swiper .inner {

    height: 340px;

  }

}

@media (max-width: 992px) {

  .isolutions-swiper li {

    width: 60%;

  }

}

@media (max-width: 768px) {

  .isolutions-swiper li {

    width: 80%;

  }

}

@media (max-width: 640px) {

  .isolutions-swiper li {

    width: 86%;

    padding: 0 5px;

  }

  .isolutions-swiper h4 {

    font-size: 20px;

  }

}

/* 解决方案结束 */

/* 合作客户 */

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

.coverbox{position:relative;display:block;overflow:hidden;}

.coverbox ._bg{width:100%;visibility:hidden;display:block;}

.coverbox .coverimg.cover{background-size:cover;}

.coverbox .coverimg{width:100%; height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1;transition:transform .6s ease 0s;}

.hd1 {

    font-size: 36px;

    padding-bottom: 24px;

    position: relative;

    margin-bottom: 50px;

}



@media (max-width:992px) {

    .hd1 {

        font-size: 24px;

        margin-bottom:30px;

    }

    

}



@media (max-width:768px) {

    .hd1 {

        font-size: 30px

    }

}



@media (max-width:640px) {

    .hd1 {

        font-size: 30px

    }

}



.hd1::after {

    content: '';

    display: block;

    width: 40px;

    height: 3px;

    background-color: #46cbcf;

    position: absolute;

    bottom: 0

}



.hd1.center {

    text-align: center

}



.hd1.center::after {

    left: 50%;

    transform: translateX(-50%)

}

.index_logos {

    padding: 50px 0 50px;

    max-width: 1380px;

    overflow: hidden;

}



.index_logos ul {

    margin-left: -10px !important;

    margin-right: -10px !important

}



.index_logos ul>* {

    padding-left: 10px !important;

    padding-right: 10px !important;

    margin-bottom: 20px;

}



.index_logos ul li {

    width: 25%;

    float: left

}



@media (max-width:992px) {

    .index_logos ul li {

        width: 25%

    }

}



@media (max-width:640px) {

    .index_logos ul li {

      width: 50%

    }

    .index_logos{  padding: 35px 0 35px;}

}



@media (max-width:480px) {

    .index_logos ul li {

        width: 50%

    }

}



.index_logos ul .img {

    display: block;

    border: 1px solid #ebebeb;

    transition: .6s

}



.index_logos ul .img:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)

}

/* 合作客户结束 */













/* 新闻资讯 */

.index_news {

    padding: 80px 0;

    background: url('../images/bg_news.png') no-repeat center center;

    background-size: cover

}

.index_news .row {

    margin-left: -10px;

    margin-right: -10px;

  }

  .index_news .row > * {

    padding-left: 10px;

    padding-right: 10px;

  }

  .index_news li {

    margin-bottom: 60px;

  }

  .index_news li .cover-box {

    margin-bottom: 40px;

  }

  .index_news li .tit {

    font-size: 20px;

    font-weight: bold;

  }

  .index_news li .tit a{color: #46cbcf;}

  .index_news li .desc {

    color: #bfbfc3;

    margin: 10px 0 20px;

    width: 90%;

    word-break: break-all;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

  .index_news li .day {

    color: #a7a7aa;

  }

  @media (max-width: 768px) {

    .index_news {

      padding: 0px 0 0;

      background: url('../images/bg_news.png') no-repeat center center;

      background-size: cover

    }

    .index_news .hd {

      margin-bottom: 50px;

    }

    .index_news .hd h2 {

      font-size: 24px;

    }

    .index_news li .tit {

      font-size: 18px;

    }

    .index_news li .desc {

      width: 100%;

    }

  }

  .cover-box {

    position: relative;

    display: block;

    overflow: hidden;

  }

  .cover-box .coverimg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    z-index: 1;

    transition: transform 0.6s ease 0s;

  }

  .cover-box ._bg {

    width: 100%;

    visibility: hidden;

    display: block;

  }

  @media (min-width: 993px) {

    .cover-box:hover .cover-tip {

      opacity: 1;

      filter: alpha(opacity=1);

    }

    .cover-box:hover .coverimg {

      transform: scale(1.05, 1.05);

    }

  }

  .cover-tip {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all 0.4s ease 0s;

    z-index: 3;

  }

  .cover-tip .bgbox {

    display: block;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0.6;

    filter: alpha(opacity=60);

  }

  

  .cover-tip .stit {

    font-size: 16px;

    line-height: 30px;

    width: 100%;

    text-align: center;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -15px;

    color: #fff;

  }

  .cover-tip .line {

    display: inline-block;

    width: 100px;

    height: 1px;

    background-color: #f2f2f2;

    position: absolute;

    left: 50%;

    margin-left: -50px;

    transition: all 0.6s ease 0s;

  }

  .cover-tip .linet {

    top: 0;

  }

  .cover-tip .lineb {

    bottom: 0;

  }

  .cover-tip:hover .line {

    width: 6px;

    margin-left: -3px;

    opacity: 0.6;

    filter: alpha(opacity=60);

  }