body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, strong {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; }
html,body{
  height:100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-size-adjust: 100%!important;
  -ms-text-size-adjust: 100%!important;
  -webkit-text-size-adjust: 100%!important;
}
a{
  color:inherit;
  text-decoration: none;
}
div,section{
  box-sizing: border-box;
}
.flex__row {
  display: flex;
  flex-direction: row;
}
.flex__row_vertical {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex__column_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex__row_column {
  display: flex;
  flex-direction: column;
}
.flex__row_center{
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
}
.flex__column_vertical{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
}
/*单行超出部分显示省略号*/
.word_single_ellipsis{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color:#888;
}
/**/
.word_multiline_ellipsis{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}
/*特殊字体引入*/
@font-face {  
  font-family: 'din'; 
  /* src: url('../font/DIN.ttf');  */
  font-weight: normal;  
  font-style: normal;  
} 
.din{
  font-family:din;
}
.container{
  width:100%;
  min-width: 1200px;
  overflow: hidden;

}
/*不规则图形蠕动效果*/
@-webkit-keyframes transform {
	0%,100% {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
	}
}

@keyframes transform {
	0%,100% {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
	}
}

/*通用2整体由下向上移*/
@-webkit-keyframes fadeliftup{
  0%{-webkit-transform:translateY(40px);opacity:0}
  100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes fadeliftup{
  0%{transform:translateY(40px);opacity:0}
  100%{transform:translateY(0);opacity:1}
}

/*公公头部*/

/* @media screen and (max-width: 1000px) {
  .header-menu-active #commonNav header nav .nav-menu {
     height: 736px;
   }
 } */
 
.header-menu-active {
  overflow: hidden; }
  .header-menu-active #commonNav nav .nav-menu {
    /* box-sizing: border-box; */
    padding-bottom: 2.333333rem; 
  }

.fixed #commonNav nav .btn {
  background: linear-gradient(90deg, #33a521, #25bd27);
  box-shadow: 5px 0px 27px rgba(32, 203, 31, 0.3);
  color: white; }
.fixed #commonNav nav .btnToggle em, .fixed #commonNav nav .btnToggle em::before, .fixed #commonNav nav .btnToggle em::after {
  background: #000; }

#commonNav header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  transition: all .1s ease;
  border: 0;
  /* height: 65px;  */
  height: 10%; 
}
#commonNav nav {
  padding: 0 0.51rem 0 0.293rem;
  /* height: 65px; */
  height: 100%;
  color: #fff;
  justify-content: space-between; }
  #commonNav nav .logo img {
    display: inline-block;
    width: 4.113rem; 
    width: 40vw; 
  }
  #commonNav nav .btn {
    margin-left: 2.467rem;
    width: 2.4rem;
    height: .746667rem;
    text-align: center;
    line-height: .746667rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    color: white;
    border-radius: 28px; }
  #commonNav nav .btnToggle {
    display: block;
    /* width: .506667rem;
    height: .346667rem;
    margin-top: 12px;  */
    width: 5vw;
    height: 2vw;
  }
    #commonNav nav .btnToggle em {
      vertical-align: top;
      width: 100%;
      display: inline-block;
      height: 2px;
      position: relative;
      transition: all .1s ease;
      background: #fff;
      border-radius: 1px; }
    #commonNav nav .btnToggle em::before, #commonNav nav .btnToggle em::after {
      content: "";
      transition: .1s all;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #fff;
      border-radius: 1px; }
    #commonNav nav .btnToggle em::before {
      top: -6px;
      z-index: 1; }
    #commonNav nav .btnToggle em::after {
      top: 6px;
      z-index: 2; }
  #commonNav nav .nav-menu {
    box-sizing: border-box;
    transition: all .1s ease;
    display: block;
    background: #081624;
    height: 0;
    overflow-y: scroll;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 1.333333rem;
    /*解决ios上滑动不流畅*/
    -webkit-overflow-scrolling: touch;
    margin: 0;
    z-index: 999; }
    #commonNav nav .nav-menu .menu {
      position: relative;
      padding-top: 0;
      display: block;
      text-align: left; 
      border-bottom: 1px solid rgba(255,255,255,0.10);
    }
    /* #commonNav nav .nav-menu .menu:last-child{
      border-bottom: none;
    } */
      #commonNav nav .nav-menu .menu a {
        display: block;
        font-size: 16px;
        line-height: 3.75;
        letter-spacing: normal;
        color: #fff;
      }
      #commonNav nav .nav-menu .menu .dropdownhide,#commonNav nav .nav-menu .menu .dropdown,#commonNav nav .nav-menu .menu .area_header_title{
        font-size: 4vw;
        font-weight: bold;
      }
      #commonNav nav .nav-menu .menu .dropdown::after {
        content: "";
        width: 4.5vw;
        height: 4.5vw;
        display: inline-block;
        background:url(../images/nav_icon_show.png) 0 0 no-repeat;
        background-size: 4.5vw;
       position: absolute;
        top: 4.5vw;
        right: 4px;
        left: auto;
      } 
        #commonNav nav .nav-menu .menu .dropdownhide::after {
          content: "";
          /* width: 20px;
          height: 20px; */
          width: 4.5vw;
          height: 4.5vw;
          display: inline-block;
          background:url(../images/nav_icon_hide.png) 0 0 no-repeat;
          background-size: 4.5vw;
          position: absolute;
          top: 4.5vw;
          right:4px;
          left: auto;
        } 
      #commonNav nav .nav-menu .menu .submenu {
        -webkit-transform: none;
        transform: none;
        position: static;
        display: block;
        width: 100%;
        /* background: #f5f9fa; */
        max-height: 0;
        overflow: hidden;
        box-shadow: none;
        transition: all .1s ease; }
        #commonNav nav .nav-menu .menu .submenu a {
          padding: 10px 0 10px 28px;
          display: block;
          font-size: 3vw;
          color: #fff;
          font-weight: 400;
        }
        #commonNav nav .nav-menu .menu .submenu .submenu_sub {
          padding: 0 18px;
          -webkit-transform: none;
          transform: none;
          position: static;
          display: block;
          width: 100%;
          background: #e9f4f7;
          max-height: 0;
          overflow: hidden;
          box-shadow: none;
          transition: all .1s ease; }
        #commonNav nav .nav-menu .menu .submenu .menu{
          padding:0 .746667rem;
          border:none;
        }

.header-menu-active #commonNav header nav .btnToggle em {
  background: rgba(255, 255, 255, 0); }

.header-menu-active #commonNav header nav .btnToggle em::after {
  -webkit-transform: rotate(-225deg) scale(1.1);
  transform: rotate(-225deg) scale(1.1); }

.header-menu-active #commonNav header nav .btnToggle em::before {
  -webkit-transform: rotate(225deg) scale(1.1);
  transform: rotate(225deg) scale(1.1); }

.header-menu-active #commonNav header nav .btnToggle em::before {
  top: 6px; }

.header-menu-active header nav .btnToggle em::after {
  top: 6px; }

.header-menu-active #commonNav nav .btnToggle {
  margin-top: -11px; 
}

#commonNav header nav .nav-menu > li .submenu, #commonNav header nav .nav-menu .submenu .submenu_sub {
  transition: all .1s ease;
  -webkit-transform: none;
  transform: none;
  position: static;
  display: block;
  width: 100%;
  /* background: rgba(244, 248, 251, 0.6); */
  max-height: 0;
  overflow: hidden;
  box-shadow: none; }
  #commonNav header nav .nav-menu > li .submenu a, #commonNav header nav .nav-menu .submenu .submenu_sub a {
    line-height: 2; }

/*# sourceMappingURL=index.css.map */

.is-transparent{
  position: absolute;
}
#commonNav .no-transparentAni {
  -webkit-animation: noTransparentAni .25s ease-in-out both; }
  #commonNav .no-transparentAni .btn {
    background: linear-gradient(90deg, #33a521, #25bd27);
    box-shadow: 5px 0px 27px rgba(32, 203, 31, 0.3);
    color: white; }
    #commonNav .no-transparentAni .btnToggle em, #commonNav .no-transparentAni .btnToggle em::before, #commonNav .no-transparentAni .btnToggle em::after {
    background: #fff; }

@-webkit-keyframes noTransparentAni {
  0% {
    opacity: 0;
    top: -5px; }
  100% {
    opacity: 1;
    top: 0px; } }
#commonNav {
  position: absolute;
  top: 0;
  z-index: 1500; }

/*导航非透明状态*/
.top {
  position: fixed;
  /* padding:0 60px; */
  width: 100%;
  /* height: 65px; */
  height: 10%;
  background: #081624;
  display: flex;
  align-items: center;
  color: #fff;
  box-shadow: 10px 0px 50px rgba(0, 0, 0, 0.05); }
  .top span {
    cursor: default; }
  .top a, .top span {
    color: #000; }
  .top .nav_active {
    font-weight: bolder; }
  .top .nav {
    flex: 1;
    display: flex;
    justify-content: flex-end; }
    .top .nav .nav_routes {
      width: 790px; }
    .top .nav .routes {
      position: relative;
      /* margin-left: 51px; */
      float: left;
      height: 60px;
      margin-top: 35px;
      width: 122px;
      text-align: center; }
    .top .nav .routes:last-child {
      margin-top: 28px;
      margin-left: 50px;
      width: 130px;
      height: 40px;
      background: linear-gradient(to right, #33A521, #25BD27);
      border-radius: 20px;
      text-align: center;
      line-height: 40px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 16px;
      transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .top .nav .routes:last-child a {
        color: #fff; }
    .top .nav .routes:last-child:hover {
      font-weight: 200;
      margin-top: 25px;
      box-shadow: 0px 10px 40px RGBA(1, 122, 0, 0.3);
      background: linear-gradient(to right, #48ae38, #3bc43d); }

/*导航透明状态*/
.is-transparent {
  background-color: transparent;
  box-shadow: none;
  transition: none; }
  .is-transparent span {
    cursor: hand; }
  .is-transparent a, .is-transparent span {
    color: #fff; }
  .is-transparent .nav .routes:last-child {
    margin-top: 28px;
    margin-left: 50px;
    width: 130px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*footer*/
.footer{
  margin:0 auto;
  padding:31px 0 23px 0;
  width:10rem;
  height:4.56rem;
  background:#081624;
  color:#fff;
}
.footer_con{
  width:100%;
  height:100%;
  display:flex;
  flex-direction: column;
  justify-content:space-between;
  align-items: center;
}
.footer_con .title{
  font-size:25px;
  font-weight: bold;
  text-align: center;
}
.footer_con .icon{
  width:3.44rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.footer .overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.footer .overlay .bg{
  height:100%;
}
.footer .tel,.footer .email{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.36rem;
  padding:40px 0;
  width: 6.36rem;
  background:#fff;
  border-radius: 14px;
  z-index:10000;
  color:#1F2022;
  font-size: 14px;
  text-align: center;
}
.footer .tel div{
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer .tel div p:nth-child(2),.footer .tel div p:nth-child(3),.footer .email div p:nth-child(2){
  font-weight: bold;
}
.footer .ewm{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.36rem;
  height:5.866667rem;
  background:#fff;
  border-radius: 14px;
  z-index:10000;
  color:#1F2022;
  font-size: 14px;
  text-align: center;
  display: none;
}
.footer .ewm div{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.footer .ewm img{
  width: 144px;
}

.zh_hr{
  float: left;
  width: 1rem;
  border:2px solid rgba(0, 0, 0, 1);
  margin-bottom: 12px;
  margin-top: 2px
}

.clear {
  clear: both;
}   



.public-footer{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.public-footer{
  /* background-color: #041726; */
  padding: 5% 0;
}
.footer-link{
  padding-top: 5%;
}
.public-footer .title-img{
  margin-bottom: 5%;
}
.font_color_blacks{
  color: #bdc2c6;
  font-size: 3vw;
}

.position-go-we{
  /* position: absolute; */
  /* bottom: 0; */
  z-index: 1;
  /* width: 90%; */
  height: 30vw;
  /* left: 50%; */
  /* transform: translate(-50%,50%); */
  background: url(../../static/images/start_positioin.png) no-repeat center center/100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5%;
}
.position-go-we .title-img{
  width: 18%;
  /* height: 25px; */
}
.position-go-we .center{
  font-size: 4vw;
  font-weight: 700;
}
.position-go-we .me{
  background-color:#258162;
  border-radius: 5vw;
  /* padding: 3vw 6vw; */
  color:#fff;
  width: 40%;
  height: 25%;
  font-size: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2%;
}

.advantages{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5%;
}


#solutionService .case-img-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #f3f3f3;
  width: fit-content;
  padding: 4% 4% 4% 0;
  margin-top: 15px;
}
#solutionService .case-img-list .icon{
  width: 80px;
  height: 110px;
  color: #222;
  border-radius: 2px;
  text-align: center;
  margin-right: 5px;
  font-weight: 700;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#solutionService .case-img-list .icon span{
  margin-top: 5px;
}
#solutionService .current-active{
  background-color: #fff;
  color: green!important;
}
#solutionService .case-img-item{
  position: relative;
  margin: 10px 0;
}
#solutionService .case-img-item img{
  width: 100%;
}
#solutionService .case-img-item .desc-content{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 0.8rem;
  z-index: 5;
}
#solutionService .case-img-item .mantle{
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background-color:#000;
  left:0;
  opacity: .3;
}
#solutionService .case-img-item .current-img{
  height: 28%;
  font-size: 25px;
  font-weight: 700;
  color: #ccc;
}
#solutionService .case-img-item .title{
  font-size: 0.543rem;
  font-weight: 700;
  color: #fff;
}
#solutionService .case-img-item .lint{
  width: 0.93rem;
  border: 0.041rem solid red;
  margin : 0.3rem 0;
}
#solutionService .case-img-item p{
  color: #fff;
  line-height: 0.53rem;
  font-size: 0.3611rem;
}
.opcti0{
  opacity: 0;
}
.opcti1{
  opacity: 1;
}
.show-donghua{
  animation: identifier 1s 0.3s ease both;
}
.show-donghua2{
  animation: identifier 1s 0.6s ease both;
}
@keyframes identifier {
  0%{
    opacity: 0;
    transform: translateY(100%);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

.first-screen .font-ol-eight img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.videoBg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1501;
}
.videoBig {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  /* bottom: 0; */
  z-index: 9999;
  width: 100%;
  height: 56vw;
  padding: 0;
  /* margin-top: -125px; */
  overflow: hidden;
  box-sizing: content-box;
  background: rgba(0, 0, 0, 0.7);
}
.videoBig video {
  width: 100%;
  height: 100%;
}

.font-sizes {
  font-size: 11vw!important;
  height: 11vw!important;
  width: 100%!important;
}
.overlayss{
  overflow: inherit;
}

.bgc0{
  position: absolute;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .21;
}

.bg-footer-style{
  background-color: #041726;
}