@charset "utf-8";
/* CSS Document */
@font-face{
  font-family:'DingTalkProgress';
  src: url('/static/web/fonts/DingTalkJinBuTi.ttf') format('woff2'),
       url('/static/web/fonts/DingTalkSans.ttf') format('woff');

}
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}

.apple-banner {
  width: 100%;
  height: 620px;
  overflow: hidden;
}
.apple-banner .swiper-container {
  margin-top: -40px;
  width: 100%;
  height: 700px;
}
.banner1 {
  width: 100%;
  height: 450px;
  overflow: hidden;
}
.banner1 img{
  max-width: 600px;
  height: 450px;
}
.banner1 .swiper-container {
  margin-top: 0px;
  width: 100%;
  height: 450px;
}
.banner3 {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.banner3 .swiper-container {
  margin-top: 0px;
  width: 100%;
  height: 400px;
}
.swiper-button-prev,
.swiper-button-next {
  width: 15%;
  height: 100%;
  top: 0;
  background: none;
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-prev span,
.swiper-button-next span {
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -32px;
  border-radius: 100%;
  background: rgba(180, 180, 180, 0.25) url(/static/web/img/arrows.png) no-repeat center
    17px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.swiper-button-next span {
  background: rgba(180, 180, 180, 0.25) url(/static/web/img/arrows.png) no-repeat center -71px;
  left: auto;
  right: 20px;
}
.swiper-button-prev:hover span,
.swiper-button-next:hover span {
  opacity: 0.6;
}
/*分页器*/
.apple-banner .swiper-pagination {
  top: auto;
  bottom: 50px;
  background: none;
}
.apple-banner .swiper-pagination-bullet {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin: 0 3px;
  cursor: pointer;
  background: none;
  border-radius: 0;
  opacity: 1;
}
.apple-banner .swiper-pagination-bullet span {
  width: 50px;
  height: 2px;
  display: block;
  background: rgba(128, 128, 128, 0.2);
}
.apple-banner .swiper-pagination-bullet-active span {
  background: gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span {
  background: rgba(128, 128, 128, 0.2);
}
.apple-banner .swiper-pagination-bullet i {
  background: gray;
  height: 2px;
  transform: scaleX(0);
  transform-origin: 0;
  display: block;
}
.apple-banner .autoplay .firsrCurrent i {
  transition: transform 2.9s linear;
  transform: scaleX(1);
}
.apple-banner .autoplay .current i {
  transition: transform 4s linear;
  transform: scaleX(1);
}
.apple-banner .autoplay .replace span {
  background: gray;
}
/*内容样式background-size: auto 100%;-webkit-transform: scale(1);*/
@keyframes slowScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

@-webkit-keyframes slowScale {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}

@keyframes breath {
  0% {
    background-size: auto 100%;
    transition: all 300ms;
  }

  100% {
    background-size: auto 106%;
    transition: all 300ms;
  }
}
@keyframes shakeop {
  0%{
   opacity:0;
    transform: translateY(0); /* 开始和结束时位置不变 */
  }
 100% {
    opacity:1;
    
  }

}
@keyframes shakess {
  0%, 100% {

    transform: translateY(0); /* 开始和结束时位置不变 */
  }
 50% {
    transform: translateY(-8px); /* 向下移动8px */
    
  }

}
 
.shake-element {
  display: inline-block; /* 或其他适合的display属性，确保动画效果正常 */
  animation: shakess 5s ease-in-out infinite alternate; /* 应用动画 */
}
.slide1 {
  background: #f3f3f3 url(/static/web/img/banner1.jpg) no-repeat 50%; /* Safari and Chrome   animation: breath 16s linear infinite;
  transform-origin: 50% 50%;
  -webkit-animation: breath 16s linear infinite;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;*/
  background-size: cover;
  overflow: hidden;

}

.slide1 .title {
  width: 1200px;
  background-color:;
  text-align: center;
  margin-top: 200px;
  font-size: 30px;
  font-weight: normal;
  color: rgb(44, 44, 44);
}

.slide2 {
  background: #f3f3f3 url(/static/web/img/banner3.jpg) no-repeat center 50%;
  background-size: cover;
  overflow: hidden;
  /*animation: breath 16s linear infinite;
  -webkit-animation: breath 16s linear infinite; Safari and Chrome */
}

.slide2 .title {
  padding-top: 200px;
  text-align: center;
}

.slide2 h2 {
  bottom: 100px;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  position: absolute;
  width: 100%;
}

.slide3 {
  background: #fff url(/static/web/img/banner2.jpg) no-repeat 100%;
  background-size: cover;
  /*background-size: auto 100%;*/
  overflow: hidden;
}

.slide3 .title {
  color: rgb(252, 252, 252);
  text-align: center;
  margin-top: 240px;
  font-size: 40px;
  font-weight: normal;
}
.slide4 {
  background: #fff url(/static/web/img/banner4.jpg) no-repeat 50%;
  background-size: cover;
  /*background-size: auto 100%;*/
  overflow: hidden;
}
.slide4 .title {

  background-size: cover;
  /*background-size: auto 100%;*/
  overflow: hidden;
  
  width: 1200px;
  text-align: center;
  margin-top: 200px;
  font-size: 40px;
  font-weight: bolder;

}
.hover-style > a {
  display: block;
  position: relative;
}
.hover-style > a:before {
  background: #000 none repeat scroll 0 0;
  content: "";
  right: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  width: 100.3%;
  height: 100%;
  z-index: 6;
}
.hover-style:hover > a:before,
.hover-style > a > img:hover {
  opacity: 0.5;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.xcimg {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.hover-style:hover .xcimg {
  transition: all 0.5s ease 0s;
  transform: scale(1.05);
}

.news_01 {
  text-align: left;
  display: block;
  width: 520px;
  height: auto;
  margin-left: 60px;
  margin-right: auto;
  
  
}
.news_01 .list1 {
  list-style-type: square;
  font-size: 12px;
  content: "•";
  color: #999;
  margin-right: 5px;
}
.news_01 .list1:hover {
  list-style-type: disc;
  font-size: 12px;
  content: "•";
  color: #00a2ff;
  margin-right: 5px;
}
.news_01 .list2 {
  font-size: 12px;
  line-height: 50px;
  height: 50px;
}
.news_01 a {
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  color: #666666;
}
.news_01 li a:hover {
  color: #00a2ff;
}
.news_01 li {
  border: #f3f3f3 solid 0px;
  border-bottom-width: 1px;
}
svg {
  flex: 0; /* 不占据空间 */
}


/* newslist */
.news_list {
  width: 1200px; 
  height: auto; 
  margin-left: auto; 
  margin-right: auto;  
  box-shadow: 1px 1px 8px 3px rgba(202, 202, 202, 0.1);
    -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.news_list .news_list_a{
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  border-radius:8px;
  margin-top:25px;
  margin-bottom:25px;
  height: 300px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.news_list_a:hover {
  border-color: #f5f5f5;

  box-shadow: 1px 1px 8px 3px rgba(202, 202, 202, 0.2);
 

}

.news_list .news_list_b{
  width: 400px; height: auto;
}
.news_list .news_list_c{
  width: 700px; 
  line-height: 32px;
   text-align: left;
    margin-top: 10px;
     margin-left: 80px;
      display: inline-block; 
    }
    .news_list .news_list_title{

      font-size: 24px;  color: #212121; font-family: 'DingTalkProgress'; font-weight: 600; line-height: 38px; text-overflow: ellipsis;  width: 680px; -o-text-overflow: ellipsis;
    }
    .news_list .news_list_title2{font-size: 14px; padding-top: 16px; line-height: 26px;  color: #929292; text-overflow: ellipsis;  overflow: hidden; width: 650px; -o-text-overflow: ellipsis; }
    .news_list .news_list_text{font-size: 12px; padding-top: 30px; color: #a1a1a1;  display: inline-block; width: 660px; }

.news_list_page{
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  margin-bottom: 50px;
  text-align: center;
  padding: 10px;
  color: #404040;
  height: auto;
}
.news_list_page ul li{
  font-size: 14px;
  padding: 5px;
  float: left;
}
.news_list_page .pagination{
  float: right;
}
.news_list_page .disabled{
  float: left;
}
.news_list_page .active{
  float: left;
}
.news_list_page > a:link,
.news_list_page > a:visited {
  font-size: 14px;
  float: left;
}

.banner_news_bg1{
background: url(/static/web/img/banner_news_1.jpg) no-repeat 100%;
}
.banner_news_bg2{
background: url(/static/web/img/banner_news_2.jpg) no-repeat 100%;
}
.company_address{
background: url(/static/web/img/address.jpg) no-repeat 100%;
}
.banner_system{
background: url(/static/web/img/banner4.jpg) no-repeat  100% 40% ;
}
.company_address_txt{
margin-bottom: 0px; margin-top: 20px; color: #707070; font-size: 14px; line-height: 30px; 
 background: rgba(255, 255, 255, 0.65); width: 360px; padding: 15px; margin-left: auto; margin-right: auto;
 border-radius: 8px;  box-shadow: 1px 1px 8px 3px rgba(202, 202, 202, 0.1);
}
/*news_content start*/
.news_content {
  width: 1200px; 
  height: auto; 
  margin-left: auto; 
  margin-right: auto;  
  background-color: #ffffff;
  border-radius:10px;
  box-shadow: 1px 1px 8px 3px rgba(202, 202, 202, 0.1);
    -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.news_content img{
  max-width: 100%;  
}
    /* index.html */

.divclassbtn li a.active1 {position: relative; color: #FFFFFF; background: none repeat scroll 0 0 #0069d9; }
.sbanner3 .swiper-pagination-bullet{
    background-color: #878787;
    opacity: 0.6;
    width: 20px;
    border-radius: 30px;
    height: 6px;
}
.sbanner3 .swiper-pagination-bullet-active {
    background-color: #1a96e8;
    opacity: 0.9;
    width: 20px;
        border-radius: 30px;
        height: 6px;
}

.sbanner1 .swiper-container{
    color: rgb(51, 51, 51);
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }




 /* newslist */
.news_banner .swiper-pagination-bullet {
        background-color: #6d6d6d;
        width: 20px;
        border-radius: 30px;
        height: 6px;
      }
.news_banner .swiper-pagination-bullet-active {
        background-color: #1a96e8;
        width: 20px;
        border-radius: 30px;
        height: 6px;
        
      }



      /**/
      .service_num{border: 0px solid #dddddd; font-size: 14px; color: #757575; text-align: center; border-right-width: 1px; width: 300px; padding-left: 0px; padding-right: 0px; height: 80px; }