body,
html {
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  width: 100vw;
}
a {
  text-decoration: none;
}
.section {
  text-align: center;
  font: 50px "Microsoft Yahei";
  color: #fff;
}
.section1 {
  background-attachment: fixed;
  background-image: url(../images/bj.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100vh;
  position: relative;
}
.section1 .diqiuBox {
  z-index: 999;
  background-image: url(../images/diqiu.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 83vh;
  position: absolute;
  width: 100%;
  top: 7%;
  left: 0;
}
.section1 .diqiuBox .wenzi {
  width: 100%;
  position: absolute;
  top: 36%;
}
.section1 .diqiuBox .wenzi p {
  letter-spacing: 1.89px;
  text-align: center;
  text-shadow: 0 0 30px #2248EC;
  font-family: SourceHanSansCN-Bold;
  margin: 0;
}
.section1 .diqiuBox .wenzi .wenzi1 {
  margin-top: 4%;
  font-size: 110%;
}
.section1 .diqiuBox .wenzi .wenzi2 {
  margin-top: 1.2%;
  font-size: 85%;
}
.section1 .logo {
  background-image: url(../images/logo.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 16vh;
  position: absolute;
  width: 100%;
  top: 0;
  left: -40%;
}
.section1 .tubiao {
  background-image: url(../images/tubiao.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 16vh;
  position: absolute;
  width: 100%;
  top: 22%;
  left: 0.34%;
  z-index: 999;
}
.section1 .tubiaoBj {
  background-image: url(../images/tubiaoBj.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 33vh;
  position: absolute;
  width: 100%;
  top: 12%;
  left: 0.34%;
  animation: fade 2.5s infinite;
  -webkit-animation: fade 2.5s infinite;
}
@keyframes fade {
  from {
    opacity: 1.0;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1.0;
  }
}
@-webkit-keyframes fade {
  from {
    opacity: 1.0;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1.0;
  }
}
.section1 .xuanzhuan1 {
  -webkit-transform: rotate(360deg);
  animation: rotation 40s linear infinite;
  -moz-animation: rotation 40s linear infinite;
  -webkit-animation: rotation 40s linear infinite;
  -o-animation: rotation 40s linear infinite;
}
.section1 .xuanzhuan2 {
  -webkit-transform: rotate(360deg);
  animation: rotation 35s linear infinite;
  -moz-animation: rotation 35s linear infinite;
  -webkit-animation: rotation 35s linear infinite;
  -o-animation: rotation 35s linear infinite;
}
.section1 .xuanzhuan3 {
  -webkit-transform: rotate(360deg);
  animation: rotation 30s linear infinite;
  -moz-animation: rotation 30s linear infinite;
  -webkit-animation: rotation 30s linear infinite;
  -o-animation: rotation 30s linear infinite;
}
.section1 ._shangN {
  position: absolute;
  background-image: url(../images/n.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 75vh;
  width: 100%;
  top: 10.8%;
  left: 0;
}
.section1 ._shangZ {
  position: absolute;
  background-image: url(../images/z.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 75vh;
  width: 100%;
  top: 10.8%;
  left: 0;
}
.section1 ._shangW {
  position: absolute;
  background-image: url(../images/w.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 75vh;
  width: 100%;
  top: 10.8%;
  left: 0;
}
.section1 .jiantou {
  cursor: pointer;
  background-image: url(../images/jiantou.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 13vh;
  position: absolute;
  width: 100%;
  top: 87%;
  left: 0.34%;
  animation: mylogo 0.5s linear 0s infinite alternate;
  /* Firefox: */
  -moz-animation: mylogo 0.5s linear 0s infinite alternate;
  /* Safari 和 Chrome: */
  -webkit-animation: mylogo 0.5s linear 0s infinite alternate;
  /* Opera: */
  -o-animation: mylogo 0.5s linear 0s infinite alternate;
}
@-moz-keyframes mylogo {
  /* Firefox */
  from {
    top: 86%;
  }
  to {
    top: 89%;
  }
}
@-webkit-keyframes mylogo {
  /* Safari 和 Chrome */
  from {
    top: 86%;
  }
  to {
    top: 89%;
  }
}
@-o-keyframes mylogo {
  /* Opera */
  from {
    top: 86%;
  }
  to {
    top: 89%;
  }
}
.section2 {
  position: relative;
}
.section2 .bjBox {
  background-image: url(../images/2Bj.svg);
  background-repeat: no-repeat;
  height: 100vh;
  background-size: auto;
  background-position: center;
}
.section2 .bjBox .logo {
  width: 100%;
  background-image: url(../images/tylogo.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 28vh;
  position: absolute;
  left: 0;
  top: 23%;
}
.section2 .bjBox .span {
  width: 41%;
  background-image: url(../images/wenzi.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 13vh;
  position: absolute;
  right: 29%;
  top: 60%;
}
#liudong {
  width: 100%;
}
#liudong .one {
  margin: 0 auto;
  background-image: url(../images/db1.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 520px;
  width: 1300px;
  margin-bottom: 5%;
  position: relative;
}
#liudong .one .img {
  z-index: 999;
  background-image: url(../images/t1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  min-height: 380px;
  width: 400px;
  top: 11%;
  left: 9%;
}
#liudong .one .textBox {
  text-align: left !important;
  width: 80%;
  position: absolute;
  top: 10%;
  right: -25%;
}
#liudong .one .textBox span {
  font-family: SourceHanSansCN-Bold;
  font-size: 50px;
  color: #FF9F00;
  letter-spacing: 6px;
  background-image: linear-gradient(270deg, rgba(255, 159, 0, 0) 0%, rgba(255, 159, 0, 0.09) 68%, rgba(255, 159, 0, 0) 100%);
}
#liudong .one .textBox ul {
  margin: 50px 0;
  font-family: SourceHanSansCN-Medium;
  color: #666666;
  letter-spacing: 5px;
  line-height: 46px;
  padding: 0;
}
#liudong .one .textBox ul li {
  font-size: 24px;
  list-style-type: none;
}
#liudong .one .textBox .btn {
  position: relative;
}
#liudong .one .textBox .btn a {
  position: absolute;
  background: #FF9F00;
  border-radius: 4px;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0.94px;
  width: 170px;
  height: 66px;
  display: block;
  text-align: center;
  line-height: 66px;
  cursor: pointer;
  top: 0;
  transition: all 400ms;
}
#liudong .one .textBox .btn a:hover {
  transition: all 400ms;
  top: -4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
#liudong .one .textBox .btn a .ljj {
  transition: all 400ms;
  background-image: url(../images/qp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 9vh;
  top: 0;
  left: -103%;
}
#liudong .one .textBox .btn a:hover .ljj {
  transition: all 400ms;
  background-image: url(../images/qp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 9vh;
  top: 0;
  left: 0;
}
#liudong .tow {
  margin: 0 auto;
  background-image: url(../images/db2.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 520px;
  width: 1300px;
  margin-bottom: 5%;
  position: relative;
}
#liudong .tow .img {
  z-index: 999;
  background-image: url(../images/t2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  min-height: 380px;
  width: 400px;
  top: 11%;
  right: 10%;
}
#liudong .tow .textBox {
  text-align: left !important;
  width: 80%;
  position: absolute;
  top: 11%;
  right: 9%;
}
#liudong .tow .textBox span {
  font-family: SourceHanSansCN-Bold;
  font-size: 50px;
  color: #00AF83;
  letter-spacing: 6px;
  opacity: 0.5;
  background-image: linear-gradient(270deg, rgba(0, 175, 131, 0) 0%, rgba(61, 194, 160, 0.18) 68%, rgba(0, 175, 131, 0) 100%);
}
#liudong .tow .textBox ul {
  margin: 50px 0;
  font-family: SourceHanSansCN-Medium;
  color: #666666;
  letter-spacing: 5px;
  line-height: 46px;
  padding: 0;
}
#liudong .tow .textBox ul li {
  font-size: 24px;
  list-style-type: none;
}
#liudong .tow .textBox .btn {
  position: relative;
}
#liudong .tow .textBox .btn a {
  position: absolute;
  cursor: pointer;
  background: #00AF83;
  border-radius: 4px;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0.94px;
  width: 170px;
  height: 66px;
  display: block;
  text-align: center;
  line-height: 66px;
  transition: all 400ms;
  top: 0;
}
#liudong .tow .textBox .btn a:hover {
  transition: all 400ms;
  top: -4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
#liudong .tow .textBox .btn .ljj {
  transition: all 400ms;
  background-image: url(../images/qp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 9vh;
  top: 0;
  left: -103%;
}
#liudong .tow .textBox .btn:hover .ljj {
  transition: all 400ms;
  background-image: url(../images/qp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 9vh;
  top: 0;
  left: 0;
}
#liudong .three {
  background-image: url(../images/db3.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 520px;
  width: 1300px;
  margin: 0 auto;
  margin-bottom: 5%;
  position: relative;
}
#liudong .three .img {
  z-index: 999;
  background-image: url(../images/t3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  min-height: 380px;
  width: 400px;
  top: 10.5%;
  left: 9%;
}
#liudong .three .textBox {
  text-align: left !important;
  width: 80%;
  position: absolute;
  top: 10%;
  right: -25%;
}
#liudong .three .textBox span {
  font-family: SourceHanSansCN-Bold;
  font-size: 50px;
  color: #2B1ECD;
  letter-spacing: 6px;
  background-image: linear-gradient(270deg, rgba(43, 30, 205, 0) 0%, rgba(43, 30, 205, 0.16) 69%, rgba(43, 30, 205, 0) 100%);
}
#liudong .three .textBox ul {
  margin: 50px 0;
  font-family: SourceHanSansCN-Medium;
  color: #666666;
  letter-spacing: 5px;
  line-height: 46px;
  padding: 0;
}
#liudong .three .textBox ul li {
  font-size: 24px;
  list-style-type: none;
}
#liudong .three .textBox .btn {
  position: relative;
}
#liudong .three .textBox .btn a {
  position: absolute;
  cursor: pointer;
  background: #2B1ECD;
  border-radius: 4px;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0.94px;
  width: 170px;
  height: 66px;
  display: block;
  text-align: center;
  line-height: 66px;
  top: 0;
  transition: all 400ms;
}
#liudong .three .textBox .btn a:hover {
  transition: all 400ms;
  top: -4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
#liudong .three .textBox .btn a .ljj {
  transition: all 400ms;
  background-image: url(../images/qp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 10vh;
  top: 0;
  left: -103%;
}
#liudong .three .textBox .btn a:hover .ljj {
  transition: all 400ms;
  background-image: url(../images/qp.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 9vh;
  top: 0;
  left: 0;
}
#liudong .footer {
  width: 100%;
  background: #FBFBFB;
  position: relative;
  border-top: 4px solid #F2F3F5;
}
#liudong .footer .footerBox {
  width: 1180px;
  min-height: 365px;
  margin: auto;
}
#liudong .footer .footerBox .textBox {
  overflow: hidden;
  border-bottom: 1px solid #F2F3F5;
}
#liudong .footer .footerBox .textBox .textl {
  padding-left: 6%;
}
#liudong .footer .footerBox .textBox .textl ul {
  float: left;
  padding: 5px 35px;
}
#liudong .footer .footerBox .textBox .textl ul li {
  cursor: pointer;
  padding: 12px 0;
  list-style-type: none;
}
#liudong .footer .footerBox .textBox .textl ul .spanLi {
  font-family: SourceHanSansCN-Medium;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0.44px;
}
#liudong .footer .footerBox .textBox .textl ul .titleLi {
  font-family: SourceHanSansCN-Medium;
  font-size: 20px;
  color: #666666;
  letter-spacing: 0.56px;
}
#liudong .footer .footerBox .textBox .textl i {
  margin: 38px 80px;
  background-image: url(../images/tylogo.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 200px;
  width: 246px;
  float: right;
}
#liudong .footer .footerBox .dizhi {
  padding: 1% 0;
}
#liudong .footer .footerBox .dizhi p {
  font-family: SourceHanSansCN-Medium;
  font-size: 18px;
  color: #666666;
  letter-spacing: 1px;
  text-align: center;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 10px;
  /*滚动条宽度*/
  height: 10px;
  /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  /*滚动条的背景区域的圆角*/
  background-color: transparent;
  /*滚动条的背景颜色*/
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*滚动条的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #8fa4bd;
  /*滚动条的背景颜色*/
}
.boxw {
  min-height: 520px;
  width: 100%;
}