body {
    font-size: 15px;
    background-color: #fcfcfc;
}
html,body{
 
    scroll-behavior: smooth;
 
}
#index{
  overflow: hidden;
}

.bg {
    background-color: #FFF;
}

h6 {
    font-weight: bold;
    font-size: 19px;

}
h2{
  font-weight: 500 !important;
  font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light","Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
a:focus{
  text-decoration: none;
}

.bigtitle{
 padding:100px 0 80px 0 !important;
}

.bigtitle a:hover h2{
  color: #0054FF !important;
}

.bigtitle h2{
  letter-spacing: 20px;color:#a5a5a5;text-align:center;font-size:2.5rem;
}
/* .swiper {
    height: auto!important;
} */

.index_swaper {
    --swiper-pagination-color: #000;
}

.swiper-wrapper {
    height: auto!important;
}

.swiper-slide {
    height: auto!important;
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    top:0;
    left:10px;
    z-index: 5;
}
.goon{
  width: 100%;
  position: absolute;
  bottom: 150px;
  left: 0;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #FFF;
  font-weight: 700;
}
.goon_item{
  position:relative;
  text-align: center;
}
.goon img{
  position: absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
}
@keyframes goon
{
from {top:-50px;opacity: 0.8;}
to {top:-10;opacity: 0;}
}

@-webkit-keyframes goon /*Safari and Chrome*/
{
  from {top:-50px;opacity: 0.8;}
  to {top:-10;opacity: 0;}
}

/* 简介 */

.about_div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
 }   
 .about_div .about-right-tag-top{
    color:#0054FF;
    font-size: 2rem !important;
    text-align: center;
 }
 .about_div .about-right-tag-bottom{
    color:#000;
    text-align: center;
    font-weight: bold;
 }

/* 分类 */

 .ih-item.circle {
    position: relative;
    width: 100%;
    height: auto;
    border-radius:0;
  }
  .ih-item.circle .img {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 0;
  
  }
  .ih-item.circle .img img{
      border-radius: 0; 
  }
  .ih-item.circle .img:before{
      border-radius: 0; 
  }
  .ih-item.square {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 5%;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }

/* 新闻 */

  .news_swaper .swiper {
    width: 100%;
    height: 100%;
  }

  .news_swaper .swiper-slide {
    text-align: left;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .news_swaper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .news_swaper .swiper-slide .content{
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
 
  }
  .ih-item a{
    width: 100%;
  }
.news_swaper .content a .item{
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
}
.news_swaper .content a .item h5{
    /* font-weight: bold; */
}
.news_swaper .content a .item .single_line,.ih-item-news.news_swaper .content a .item .single_line{
    width: 100%;
    white-space: nowrap;
    overflow: hidden; /*超出部分溢出*/
    text-overflow: ellipsis; /*溢出的部分使用省略号*/
  }
  
  .news_swaper .swiper-button-prev{
    color:#000;
    top:25px;
    right: 80px;
    left:auto;
    background-color:#E5E5E5;
    width:50px;
    height:50px;
    border-radius: 50%;
  }

  .news_swaper .swiper-button-next{
    color:#000;
    top:25px;
    right:10px;
    background-color:#E5E5E5;
    width:50px;
    height:50px;
    border-radius: 50%;
  }
  .news_swaper .swiper-button-next:after,.news_swaper .swiper-button-prev:after{
    font-size: 20px !important;
  }


  .ih-item-news.circle {
    position: relative;
    width: 100%;
    height: auto;
    border-radius:0;
  }
  .ih-item-news.circle .img {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 0;
  
  }
  .ih-item-news.circle .img img{
      border-radius: 0; 
  }
  .ih-item-news.circle .img:before{
      border-radius: 0; 
  }
  .ih-item-news.square {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
  .ih-item.circle.effect1 .info{
    background-color: #000;
    border-radius:0;
    top:0;
    left: 0;
  }
  .ih-item img{
   height:auto  !important;
  }
  .item_btn_div{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .item_btn{
     height: 40px;
    width: 140px;
    border-radius: 20px;
    border: #000 solid 2px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    margin: 20px 10px;
    letter-spacing:4px;
  }
  .aboutus{
    background-color: #FFF;
    padding: 30px;
    box-shadow: 0 3px 20px  rgba(0, 0, 0, 0.1);
    border-radius: 20px;
  }
  .aboutus_row{
    margin: 0;
  }
  .aboutus_logo{
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    padding: 50px 10px 50px 50px;
  }
  .aboutus_txt{
    padding: 50px 50px 50px 0;
  }
  .aboutus_left{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background:url(../images/about/about_left.jpg) no-repeat center left;background-size:cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .aboutus_left img{
    width: 50%;
    margin-bottom: 10px;
  }
 
.techbox{
  min-height:660px; background:url(../images/tech.jpg) no-repeat center left;background-size:cover;
}
#abouttag{
 min-height:660px;padding:50px 0; background:url(../images/about_bg.jpg) no-repeat center center;background-size:cover;
}
#abouttag h6{
  font-weight: normal; margin-bottom: 20px;
}
.newsbox{
  padding: 0 5%;
}
.newsbox .swiper-wrapper{
   margin-top: 60px;
   margin-bottom: 100px;
}

  @media (max-width: 1024px) {

    h1, h2, h3, h4, h6, .h1, .h2, .h3, .h4, .h5, .h6{
      font-size: 1.6rem;
    } 
    h5{
      font-size: 1.2rem;
    }
    .bigtitle{
      padding:20px 0 20px 0 !important;
     }

     .bigtitle h2{
       letter-spacing: 2px;color:#a5a5a5;text-align:center;font-size:1.0rem;
     }

     .swiper-button-next:after, .swiper-button-prev:after{
      font-size: 1.2rem;
     }
  .aboutus_logo{
    margin: 0;
    padding: 0;
  }
  .aboutus_logo h3{
    font-size: 1.2rem;
    font-weight: bold;
    color: #939393;
  }
  .aboutus_txt{
    padding: 0;
  }
    .aboutus{
      margin:0 20px 40px 20px;
      background-color: #FFF;
      padding: 20px;
      box-shadow: 0 3px 20px  rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      height: 400px;
      overflow-y: auto;
      scrollbar-width: thin;
       -webkit-scrollbar-width:5px;
    }

    .aboutus_left{
      width: 90%;
      height: 640px;
      margin:50px;
      border-radius: 20px;
      background:url(../images/about/about_left.jpg) no-repeat center center;background-size:cover;
    }

    #abouttag{
      min-height:660px;padding:50px 0; background:url(../images/about_bg.jpg) no-repeat center center;background-size:cover;
     }
    #abouttag h1{
      font-size: 1.4rem;
    }
    #abouttag h2{
      font-size: 1.0rem;
    }
    #abouttag h5{
      font-size: 1.0rem;
    }
    #abouttag h6{
      font-weight: normal; margin-bottom: 20px;font-size: 1.0rem;
    }
    .techbox{
      min-height:350px; background:url(../images/tech.jpg) no-repeat -200px 0;background-size:cover;
    }
    .techbox h1{
      font-size: 1.4rem;
    }
    .techbox h5{
      font-size: 1.0rem;
    }
 
    .news_swaper .swiper-button-next{
     height: 30px;
     width: 30px;
    }
    .news_swaper .swiper-button-prev{
      height: 30px;
      width: 30px;
      right:50px;
    }
    .news_swaper .swiper-button-next:after, .news_swaper .swiper-button-prev:after{
      font-size: 16px !important;
    }
    .newsbox .swiper-wrapper{
      margin-top: 60px;
      margin-bottom: 50px;
   }
   .item_btn{
    height: 30px;
    width: 110px;
    border-radius: 15px;
    border: #000 solid 1px;
    text-align: center;
    line-height: 28px;
    margin: 20px 10px;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 1.0rem;
   }
   .news_swaper .content a .item h5{
    font-size: 1.0rem;
   }
   .news_swaper .content a .item .single_line, .ih-item-news.news_swaper .content a .item .single_line{
    font-size: 1.0rem;
   }
   .ih-item .img {
    position: relative;
    width: 100%;
    height: 180px;
    border-radius: 0;
  
  }
  .news_swaper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}