:root {
  --head: 120px;
  --color: #E74E46;
}

.co-w {
  color: #fff;
}

.co-m {
  color: var(--color);
}

.co-h {
  color: #C5C5C9;
}

.head-zhanwei {
  height: var(--head);
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}

.C-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  cursor: pointer;
}

.C-btn.theme1 {
  --svgColor: var(--color);
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
}

.isback .head1 {
  opacity: 0;
  pointer-events: none;
}

.scroll .head1 {
}

.head1 .logo {
  width: 300px;
}

.head1 .menu {
  gap: 0px;
  height: 100%;
}

.head1 .link {
  height: 100%;
}

.head1 .link>a {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: all ease 0.1s;
  -o-transition: all ease 0.1s;
  -moz-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.head1 .link.on>a,
.head1 .link:hover>a {
}

.dot-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#dotCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: -1;
  pointer-events: none;
}

@media  screen and (max-width:769px){
   #dotCanvas {
    display: none;
   }
   :root {
    --head: 70px;
   }
}






















/* -----------------------------------------首页-------------------------------------- */






















































































































/* -----------------------------------------88888-------------------------------------- */