/*banner*/
.home_banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner_box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.home_banner .swiper-slide {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-height: 1080px;
}

.banner_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .7s cubic-bezier(.38, 0, 0, 1), transform 2.4s cubic-bezier(.38, 0, 0, 1);
  transform: scale(1.1);
}
.banner_box video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home_banner .swiper-slide-active .banner_box>img {
  transform: scale(1);
}

.banner_info {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.banner_info.left{
  top: 50%;
}

.banner_tt {
  opacity: 0;
  transform: translateY(70px);
  transition: all 1s;
  line-height: 1.26;
  text-align: center;
  color: var(--color);
}

.home_banner .swiper-slide-active .banner_tt {
  opacity: 1;
  transform: translateY(0px);
}

.banner_sub {
  color: var(--color);
  line-height: 1;
  opacity: 0;
  transform: translateY(70px);
  transition: all 1.4s;
  text-align: center;
}

.home_banner .swiper-slide-active .banner_sub {
  opacity: 1;
  transform: translateY(0px);
}

.banner_info.black * {
  color: #222;
}

.banner_info.left * {
  text-align: left;
}

.banner_info.left .banner_tt {
  width: 50%;
  color: #fff;
}

.banner_info.left .banner_sub{
  color: #fff;
}

.home_banner .banner_page {
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%);
  z-index: 5;
  bottom: 40px !important;
  text-align: center;
}

.home_banner .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background: transparent;
  opacity: 1;
  margin: 0 8px!important;
  border-radius: 0;
  transition: all .5s;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
}

.home_banner .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background: transparent;
  border-radius: 50%;
  transition: all .5s;
}

.home_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid #fff;
}

.home_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: #fff;
}
@media screen and (max-width: 1280px) and (min-width: 1101px){
    .home_banner .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .home_banner .swiper-pagination-bullet:before{
        width: 10px;
        height: 10px;
    }
}
@media only screen and (max-width: 768px) {
  .home_banner{
    margin-top: 50px;
  }

  .home_banner .swiper-slide {
    height: 300px;
  }

  .banner_info.left .banner_tt {
    width: 100%;
  }

  .banner_sub {
    margin-top: 20px !important;
  }

  .home_banner .banner_page {
    bottom: 10px!important;
  }

  .home_banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }

  .home_banner .swiper-pagination-bullet:before {
    width: 12px;
    height: 12px;
  }
}
.more_box{
  text-align: center;
}
/*产品中心*/
.home_product{
  width: 100%;
  background:url(../img/cp_bg.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.pro_tt{
  text-align: center;
}
.pro_tab{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
}
.tab_name{
  min-width: 10.4vw;
  height: 46px;
  padding: 0 1vw;
  background: #fff;
  color: #888;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left:1vw;
  margin-right: 1vw;
  text-align: center;
}
.tab_name.on{
  color: #fff;
  background: linear-gradient(90deg,#23519a,#3bbee7);
}
.tab_inner{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.tab_inner .pro_li{
  width: calc((100% - 5.8vw) / 3);
  margin-right: 2.9vw;
  background: #fff;
  position: relative;
  box-shadow: 0 20px 40px rgba(0,16,38,.04);
  padding: 3vw 0;
  position: relative;
  overflow: hidden;
  transition: all .5s;
}
.tab_inner .pro_li:nth-child(3n){
  margin-right: 0;
}
.tab_inner .pro_li:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: var(--color);
  transition: all .5s;
}
.tab_inner .pro_li:hover{
  box-shadow: 0 20px 40px rgba(0,16,38,.18);
}
.tab_inner .pro_li:hover:before{
  width: 100%;
}
.pro_num{
   position: absolute;
   top: -100%;
   left: -100%;
   width: 70px;
   height: 70px;
   color: #fff;
   padding:10px;
   line-height: 1;
   transition: all .4s;
   opacity: 0;
}
.tab_inner .pro_li:hover .pro_num{
  top: 0;
  left: 0;
  opacity: 1;
}
.pro_num span{
  position: relative;
}
.pro_num:before{
    content: "";
    position: absolute;
    top: -48px;
    left: -48px;
    width: 96px;
    height: 96px;
    background: linear-gradient(-5deg, #23519a, #3bbee7);
    transform: rotate(45deg);
}
.pro_tt{
  text-align: center;
  padding: 0 10px;
  color: #222;
}
.pro_img{
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.pro_img img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  transition: all .5s;
}
.tab_inner .pro_li:hover .pro_img img{
  transform: translate(-50%,-50%) scale(1.1);
}
@media only screen and (min-width: 1921px){
    .tab_name{
        min-width: 9vw;
    }
}
@media only screen and (max-width: 768px){
 .tab_inner .pro_li{
  width: 100%;
  margin-right:0;
  margin-bottom: 15px;
  padding: 25px 0;
 } 
 .tab_name{
  width: calc((100% - 15px) / 2);
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 10px;
 }
 .tab_name:nth-child(2n){
  margin-right:0;
 }
 .pro_img{
  padding-bottom: 65%;
 }
}
.layout0{
  width: 100%;
  background: url(../img/layout0.jpg) no-repeat center;
  background-size: cover;
}
/*创新驱动*/
.home_innovate{
  width: 100%;
  overflow: hidden;
  padding-bottom:26.6vw;
}
.innovate_tt{
  color: #222;
  text-align: center;
}
.innovate_inner{
  width: 100%;
  position: relative;
}
.innovate_inner:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:29.1vw;
  height: 100%;
  background: url(../img/qd_bg.png) no-repeat center;
  background-size: cover;
}
.inner_box{
  width: 1680px;
  margin: 0 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.innovate_change{
  width: 60px;
}
.innovate_box{
  width: calc(100% - 160px);
}
.innovate_btn{
  width:60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.2);
  display:flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.innovate_btn .icon{
  fill: #fff;
  margin: 0;
}
.innovate_btn.swiper-button-disabled{
  opacity: 0.4;
  cursor: default;
}
.innovate_btn:not(.swiper-button-disabled):hover{
  background: #fff;
  border-color: #fff;
}
.innovate_btn:not(.swiper-button-disabled):hover .icon{
  fill: var(--color);
}
.innovate_page{
  margin-top: 10.4vw;
}
.innovate_page .swiper-pagination-bullet{
  display: block;
  width: 2px;
  height: 15px;
  margin: 5px auto;
  background: #fff;
  opacity: 0.3;
  transition: all .5s;
  border-radius: 0;
}
.innovate_page .swiper-pagination-bullet-active{
  height: 30px;
  opacity: 1;
}
.con_list{
  display: block;
  width: 100%;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-bottom: 6px solid #3bbee7;
}
.list_top{
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  overflow: hidden;
  position: relative;
}
.list_top img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .5s;
}
.con_list:hover .list_top img{
  transform: scale(1.05);
}
.list_bottom{
 padding: 3.12vw 2.6vw;
}
.con_text{
  display: flex;
  align-items: center;
}
.con_icon{
  width: 35px;
  height: 35px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.con_icon img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.con_text h3{
  width: calc(100% - 35px);
  padding-left: 1vw;
}
.con_list:hover .con_text h3{
  color: var(--color);
}
.con_ms{
  color:#888;
  line-height: 1.8;
  height: 200px;
  padding-right: 5px;
  overflow-y: auto;
  /* line-clamp: 10;
  -webkit-line-clamp: 10;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}
.innovate_box .mCSB_scrollTools{
    opacity: 1!important;
}
.innovate_box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: var(--color)!important;
}
@media only screen and (min-width: 1921px){
   .inner_box{width:80%;}
}
@media only screen and (max-width: 1680px){
  .inner_box{width:90%;}
}
@media screen and (max-width: 1280px) and (min-width: 1101px){
    .con_icon{
        width: 24px;
        height: 24px;
    }
    .innovate_change{
        width: 40px;
    }
    .innovate_btn{
        width: 40px;
        height: 40px;
    }
    .con_ms{
        min-height: 110px;
    }
}
@media only screen and (max-width: 768px){
  .home_innovate{
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
  .inner_box{
    margin: 0 auto;
  }
  .innovate_change{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: 20px;
  }
  .innovate_box{
    width: 100%;
  }
  .innovate_btn{
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    margin-left: 10px;
    border: 1px solid var(--color);
  }
  .innovate_btn .icon{
    fill: var(--color);
  }
  .innovate_page {
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    display: flex;
    align-items: center;
  }
  .innovate_page .swiper-pagination-bullet{
    width: 15px;
    height: 4px;
    border-radius: 0;
    margin-right: 5px;
  }
  .con_icon{
    width: 24px;
    height: 24px;
  }
  .con_text h3{
    padding-left: 6px;
  }
}
/*关于我们*/
.home_about{
   width: 100%;
   overflow: hidden;
}
.about_tt{
  text-align: center;
  margin-bottom: 25px;
}
.about_ms{
  color: #888;
  line-height: 2.25;
  width: 76%;
  margin:0 auto;
  text-align: center;
}
.num_change{
  display: flex;
  flex-wrap: wrap;
  width: 83%;
  margin: 0 auto;
}
.num_change li{
  width: calc(100% / 4);
  position: relative;
  text-align: center;
}
.num_change li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 3.12vw;
  background: #ddd;
}
.num_change li:first-child:before{
    display: none;
}
.num_sz{
  color: var(--color);
  line-height: 1;
}
.num_ms{
  color: #888;
}
.map_box{
    width: 100%;
    height: 24vw;
    min-height: 200px;
    max-height: 460px;
    position: relative;
}
.qiou {
    overflow: hidden;
    height: 520px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:0;
}
#scene-container {
    width: 100vw;
    height: 100vw;
}
@media only screen and (max-width: 768px){
  .about_ms{
    width: 100%;
    line-height: 1.8;
  }
  .num_change li{
    width: calc(100% / 2);
    margin-bottom: 15px;
  }
  .num_change li:nth-child(2n+1):before{
    display: none;
  }
}
.layout{
   width: 100%;
   background: url(../img/bg_dian.png) no-repeat center;
   background-size: cover;
}
/*主要客户*/
.partner_bt{
  color:#222;
  text-align: center;
}
.partner_list{
  width: 100%;
  position: relative;
}
.partner_box{
  width: 100%;
  height:545px;
  position: relative;
}
.partner_item{
  width:204px;
  height:223px;
  background: url(../img/kh_bg1.png) no-repeat center;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.partner_item img{
  width: auto;
  height: auto;
  max-width: 90px;
  max-height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.slick-arrow{
  display: none!important;
}
@media only screen and (min-width: 769px){
  .partner_item{
    position: absolute;
  }
  .partner_item1{
    left: 5.5%;
    top: 0;
  }
  .partner_item2{
    left: 18%;
    top: 0;
  }
  .partner_item3{
    left: 30.5%;
    top: 0;
  }
  .partner_item4{
    left: 43%;
    top: 0;
  }
  .partner_item5{
    left: 55.5%;
    top: 0;
  }
  .partner_item6{
    left: 68%;
    top: 0;
  }
  .partner_item7{
    left: 80.5%;
    top: 0;
  }
  .partner_item8{
    left:-0.5%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item9{
    left:12%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item10{
    left:24.5%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item11{
    left:37%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item12{
    left:49.5%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item13{
    left:62%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item14{
    left:74.5%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item15{
    left:87%;
    top:50%;
    transform: translateY(-50%);
  }
  .partner_item16{
    left:5.5%;
    bottom: 0;
  }
  .partner_item17{
    left: 18%;
    bottom: 0;
  }
  .partner_item18{
    left: 30.5%;
    bottom: 0;
  }
  .partner_item19{
    left: 43%;
    bottom: 0;
  }
  .partner_item20{
    left: 55.5%;
    bottom: 0;
  }
  .partner_item21{
    left: 68%;
    bottom: 0;
  }
  .partner_item22{
    left: 80.5%;
    bottom: 0;
  }
  .partner_item23{
    left: 93%;
    top: 0;
  }
  .partner_item24{
    left: 93%;
    bottom: 0;
  }
  .mo_partner{
    display: none!important;
  }
}
@media only screen and (max-width: 1680px){
  .partner_box{
    zoom: 0.8;
  }
}
@media only screen and (max-width: 1440px){
  .partner_box{
    zoom: 0.7;
  }
}
@media only screen and (max-width: 1130px){
  .partner_box{
    zoom: 0.6;
  }
}
@media only screen and (max-width: 970px){
  .partner_box{
    zoom: 0.5;
  }
}
@media only screen and (max-width: 768px){
  .partner_list{
    display: none!important;
  }
  .partner_box{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    zoom: 1;
  }
  .mo_partner{
    height: auto;
    display: flex!important;
    flex-wrap: wrap;
    zoom: 1;
  }
  .partner_item{
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
    margin-bottom: 15px;
    height: 80px!important;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
  }
  .partner_item:nth-child(2n){
    margin-right: 0;
  }
  .mo_partner .partner_item{ 
    margin:15px 5px;
  }
}
/*新闻资讯*/
.news_bt{
  text-align: center;
  color:#222;
  line-height: 1.1;
}
.news_inner{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.news_left{
  width: 48%;
  max-width: 680px;
}
.news_right{
    width: 48%;
    max-width: 680px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.news_left a{
  display:flex;
  flex-wrap:wrap;
  align-content: space-between;
  width: 100%;
  height: 100%;
}
.news_img{
  width: 100%;
  height:0;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
}
.news_img img{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}
.news_img:hover img{
  transform: scale(1.1);
}
.news_con{
  width: 100%;
}
.news_time{
  color:#888;
  line-height: 1;
  margin-bottom:10px;
}
.news_tt{
  color: #666;
  line-height: 1.5;
}
.news_tt:hover{
  color: var(--color);
}
.news_li .news_tt{
  width:calc(100% - 4vw);
  padding-right: 3%;
  font-weight: 400;
      -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #666;
}
.news_li{
/* border-bottom: 1px solid #f9f9f9; */
    width: 100%;
    align-content: center;
}
.news_li:last-child{
    border-bottom: none;
}
.news_li a{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}
.news_li:nth-child(1) a{
    padding-top: 0;
}
.news_li:last-child a{
    padding-bottom: 0;
}
.news_li a:hover .news_tt{
    color: var(--color);
}
.li_time{
    padding: 0;
    margin-bottom: 10px;
    width: calc(100% - 4vw);
}
.news_dd{
  color: #222;
  line-height: 1;
  text-align: center;
}
.news_date {
  color: #888;
  line-height: 1;
}
.news_more{
  display: flex;
  align-items: center;
  justify-content: center;
  width:3.12vw;
  height: 3.12vw;
  border-radius: 50%;
  border: 1px solid #f4f4f4;
      position: absolute;
    right: 0;
}
@media only screen and (max-width: 768px){
  .news_left{
    width: 100%;
  }
  .news_right{
    width: 100%;
  }
  .news_con{
    padding: 20px 0;
  }
  .news_tt{
    font-size: 16px;
  }
  .news_li{
    padding: 20px 0;
  }
}