body,
html {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: '微软雅黑';
}
.section {
  display: none;
}
.spin {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -100px;
  background: url(../img/loading.gif) center no-repeat;
  z-index: 9999;
  border-radius: 8px;
}
.header {
  width: 100%;
  height: 136px;
  background: url("../img/header.png") no-repeat center bottom;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
}
.header .box {
  width: 1176px;
  height: 136px;
  margin: 0 auto;
  position: relative;
}
.header .box .tel-box {
  width: 190px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 2px;
  z-index: 1;
}
.header .box .nav {
  width: 915px;
  height: 33px;
  position: absolute;
  right: 0;
  bottom: 29px;
  z-index: 999;
}
.header .box .nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .box .nav > ul > li {
  width: 114px;
  height: 33px;
  line-height: 33px;
  display: block;
  float: left;
  font-size: 15px;
  color: #fff;
  position: relative;
}
.header .box .nav > ul > li > a:link,
.header .box .nav > ul > li > a:visited {
  width: 114px;
  color: #fff;
  height: 33px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.header .box .nav > ul > li > a:hover {
  color: #00ffff;
  height: 33px;
  display: inline-block;
  text-decoration: none;
}
.header .box .nav > ul > li:hover > a:link,
.header .box .nav > ul > li:hover > a:visited,
.header .box .nav > ul > li:hover > a:hover {
  color: #00ffff;
}
.header .box .nav > ul > li:hover > ul {
  display: block;
}
.header .box .nav > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
  top: 33px;
  display: none;
  z-index: 999;
}
.header .box .nav > ul > li > ul > li {
  width: 114px;
  height: auto;
  overflow: hidden;
  color: #fff;
  line-height: 32px;
  text-align: center;
  background:#02259770;
}
.header .box .nav > ul > li > ul > li:hover {
  color: #00ffff;
}
.header .box .nav > ul > li > ul > li > a:link,
.header .box .nav > ul > li > ul > li > a:visited {
  width: 100%;
  height: 32px;
  display: block;
  color: #fff;
  text-decoration: none;
}
.header .box .nav > ul > li > ul > li > a:hover {
  color: #00ffff;
  text-decoration: none;
}
.header .box .nav > ul > li > ul > li:hover > a:link,
.header .box .nav > ul > li > ul > li:hover > a:visited,
.header .box .nav > ul > li > ul > li:hover > a:hover {
  color: #00ffff;
}
.header .box .nav > ul > li > ul > li:hover ul {
  display: block;
}
.header .box .nav > ul > li > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 999;
}
.header .box .nav > ul > li > ul > li > ul > li {
  width: 114px;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
}
.header .box .nav > ul > li > ul > li > ul > li.long {
  line-height: 20px;
  text-align: left;
  padding: 5px 10px 5px 16px;
  box-sizing: content-box;
  word-wrap: break-word;
  word-break: break-all;
}
.header .box .nav > ul > li > ul > li > ul > li.long:first-child {
  padding-top: 6px;
}
.header .box .nav > ul > li > ul > li > ul > li.long:last-child {
  padding-bottom: 8px;
}
.header .box .nav > ul > li > ul > li > ul > li a:link,
.header .box .nav > ul > li > ul > li > ul > li a:visited {
  width: 100%;
  height: auto;
  word-wrap: break-word;
  word-break: break-all;
  display: block;
  color: #00ffff;
  text-decoration: none;
}
.header .box .nav > ul > li > ul > li > ul > li.long a:link,
.header .box .nav > ul > li > ul > li > ul > li.long a:visited {
  width: 94px;
  height: auto;
  word-wrap: break-word;
  word-break: break-all;
  display: block;
  color: #00ffff;
  text-decoration: none;
}
.header .box .nav > ul > li > ul > li > ul > li a:hover,
.header .box .nav > ul > li > ul > li > ul > li.long a:hover {
  color: #00ffff;
  text-decoration: none;
}
.flash-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.flash-box .flash {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.flash-box .flash.flash-0 {
  background: url("../img/flash-bg-1.webp") no-repeat center bottom;
}
.flash-box .flash-0 .right-wheel {
  width: 352px;
  height: 352px;
  position: absolute;
  right: -82px;
  bottom: -50px;
  z-index: 99;
}
.flash-box .flash-0 .right-wheel img {
  width: 100%;
}
.flash-box .flash-0 .right-wheel.rotate {
  animation: rotating 5.2s linear infinite;
}
.flash-box .flash-0 .home-qr-code {
  width: 352px;
  height: 352px;
  position: absolute;
  right: -82px;
  bottom: -50px;
  z-index: 999;
}
.flash-box .flash-0 .home-qr-code img {
  width: 100%;
}
.flash-box .flash-0 .wrapper {
  width: 1176px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.flash-box .flash-0 .wrapper .home-page-left-wheel {
  width: 234px;
  height: 234px;
  position: absolute;
  left: -98px;
  top: 175px;
  z-index: 999;
}
.flash-box .flash-0 .wrapper .home-page-left-wheel img {
  width: 100%;
}
.flash-box .flash-0 .wrapper .home-page-left-wheel.rotate {
  animation: rotating 5.2s linear infinite;
}
.flash-box .flash-0 .wrapper .home-page-left-wheel-text-1,
.flash-box .flash-0 .wrapper .home-page-left-wheel-text-2,
.flash-box .flash-0 .wrapper .home-page-left-wheel-text-3 {
  width: 330px;
  height: 234px;
  position: absolute;
  left: 0;
  top: 175px;
  z-index: 1000;
}
.flash-box .flash-0 .wrapper .home-page-left-wheel-text-1 img,
.flash-box .flash-0 .wrapper .home-page-left-wheel-text-2 img,
.flash-box .flash-0 .wrapper .home-page-left-wheel-text-3 img {
  width: 100%;
}
.flash-box .flash-0 .wrapper .home-page-1-main,
.flash-box .flash-0 .wrapper .home-page-1-main-2,
.flash-box .flash-0 .wrapper .home-page-1-main-3 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
  z-index: 666;
}
.flash-box .flash-0 .wrapper .home-page-1-main img,
.flash-box .flash-0 .wrapper .home-page-1-main-2 img,
.flash-box .flash-0 .wrapper .home-page-1-main-3 img {
  width: 100%;
}
.flash-box .flash-0 .wrapper .home-page-1-wrapper {
  width: 1176px;
  height: 945px;
  margin: 0 auto;
  position: relative;
}
.flash-box .flash-0 .wrapper .home-page-1-main-wheel {
  width: 170px;
  height: 170px;
  position: absolute;
  left: 222px;
  bottom: 378px;
  z-index: 999;
}
.flash-box .flash-0 .wrapper .home-page-1-main-wheel-2 {
  width: 170px;
  height: 170px;
  position: absolute;
  right: 244px;
  bottom: 428px;
  z-index: 999;
}
.flash-box .flash-0 .wrapper .home-page-1-main-wheel.rotate,
.flash-box .flash-0 .wrapper .home-page-1-main-wheel-2.rotate {
  animation: rotating 5.2s linear infinite;
}
.flash-box .flash-0 .wrapper .home-page-1-main-wheel img,
.flash-box .flash-0 .wrapper .home-page-1-main-wheel-2 img {
  width: 100%;
}
.flash-box .flash-0 .wrapper .home-page-1-main-wheel-text {
  width: 360px;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 415px;
  z-index: 999;
}
.flash-box .flash-0 .wrapper .home-page-1-main-wheel-2-text {
  width: 370px;
  height: 100px;
  position: absolute;
  right: 0;
  bottom: 465px;
  z-index: 999;
}
.flash-box .flash-0 .wrapper .home-page-1-main-wheel-text img,
.flash-box .flash-0 .wrapper .home-page-1-main-wheel-2-text img {
  width: 100%;
}
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-1,
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-2,
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-3,
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-4 {
  width: 320px;
  height: 600px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 999;
}
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-1,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-2,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-3,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-4,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-5 {
  width: 350px;
  height: 700px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-1 img,
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-2 img,
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-3 img,
.flash-box .flash-0 .wrapper .home-page-1-main-left-text-4 img,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-1 img,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-2 img,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-3 img,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-4 img,
.flash-box .flash-0 .wrapper .home-page-1-main-right-text-5 img {
  width: 100%;
}
.flash-box .flash.flash-1 {
  background: url("../img/flash-bg-2.webp") no-repeat center bottom;
}
.flash-box .flash-1 .wrapper {
  width: 1176px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.flash-box .flash-1 .wrapper .home-page-2-left-text {
  width: 450px;
  height: 150px;
  position: absolute;
  left: 0;
  bottom: 566px;
}
.flash-box .flash-1 .wrapper .home-page-2-left-text-1 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-1 .wrapper .home-page-2-left-text-2 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-1 .wrapper .home-page-2-main-goods-1,
.flash-box .flash-1 .wrapper .home-page-2-main-goods-2,
.flash-box .flash-1 .wrapper .home-page-2-main-goods-3,
.flash-box .flash-1 .wrapper .home-page-2-main-goods-4 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-1 .wrapper .home-page-2-left-text img,
.flash-box .flash-1 .wrapper .home-page-2-left-text-1 img,
.flash-box .flash-1 .wrapper .home-page-2-left-text-2 img,
.flash-box .flash-1 .wrapper .home-page-2-right-text-1 img,
.flash-box .flash-1 .wrapper .home-page-2-right-text-2 img,
.flash-box .flash-1 .wrapper .home-page-2-main-goods-1 img,
.flash-box .flash-1 .wrapper .home-page-2-main-goods-2 img,
.flash-box .flash-1 .wrapper .home-page-2-main-goods-3 img,
.flash-box .flash-1 .wrapper .home-page-2-main-goods-4 img {
  width: 100%;
}
.flash-box .flash-1 .wrapper .home-page-2-right-text-1 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-1 .wrapper .home-page-2-right-text-2 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-1 .wrapper .home-page-2-main-wheel {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-1 .wrapper .home-page-2-main-wheel img {
  width: 100%;
}
.flash-box .flash.flash-2 {
  background: url("../img/flash-bg-3.webp") no-repeat center bottom;
}
.flash-box .flash-2 .wrapper {
  width: 1176px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.flash-box .flash-2 .wrapper .home-page-2-left-text-1 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-2 .wrapper .home-page-2-left-text-2 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-2 .wrapper .home-page-3-main-text-1,
.flash-box .flash-2 .wrapper .home-page-3-main-text-2,
.flash-box .flash-2 .wrapper .home-page-3-main-text-3,
.flash-box .flash-2 .wrapper .home-page-3-main-text-4,
.flash-box .flash-2 .wrapper .home-page-3-main-text-5 {
  width: 1176px;
  height: 945px;
  position: absolute;
  left: 50%;
  margin-left: -588px;
  bottom: 0;
}
.flash-box .flash-2 .wrapper .home-page-3-main-text-1 img,
.flash-box .flash-2 .wrapper .home-page-3-main-text-2 img,
.flash-box .flash-2 .wrapper .home-page-3-main-text-3 img,
.flash-box .flash-2 .wrapper .home-page-3-main-text-4 img,
.flash-box .flash-2 .wrapper .home-page-3-main-text-5 img {
  width: 100%;
}
.flash-box .news-box {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.flash-box .news-box .box {
  width: 1176px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.flash-box .news-box .box .news-cate {
  width: 130px;
  height: 100%;
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  background: url("../img/arrow.png") no-repeat 86px center;
}
.flash-box .news-box .box .news-more {
  width: 70px;
  height: 100%;
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  background: url("../img/arrow-2.png") no-repeat 10px center;
}
.flash-box .news-box .box .news-more a:link,
.flash-box .news-box .box .news-more a:visited,
.flash-box .news-box .box .news-more a:hover {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
.flash-box .news-box .box .news-list {
  padding: 0 70px 0 130px;
  margin: 0;
  height: 100%;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
.flash-box .news-box .box .news-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  left: 130px;
}
.flash-box .news-box .box .news-list ul li {
  width: 800px;
  height: 100%;
}
.flash-box .news-box .box .news-list ul li a:link,
.flash-box .news-box .box .news-list ul li a:visited,
.flash-box .news-box .box .news-list ul li a:hover {
  text-decoration: none;
  width: 100%;
  display: block;
  color: #fff;
}
.flash-box ul.navigation {
  width: 186px;
  height: 5px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -83px;
  bottom: 70px;
  z-index: 9999;
  list-style: none;
  padding: 0;
}
.flash-box ul.navigation li {
  width: 42px;
  height: 5px;
  margin: 0 10px;
  float: left;
  background: #6c6c6c;
  cursor: pointer;
}
.flash-box ul.navigation li.active {
  background: #00ffff;
  cursor: default;
}
.home-product {
  width: 100%;
  height: 100%;
  background: url("../img/home-product-bg.webp") no-repeat center;
  background-size: 100% auto;
}
.home-product .home-product-box {
  width: 1176px;
  height: 100%;
  position: relative;
  margin: 0 auto;
}
.home-product .home-product-box .home-product-title {
  width: 429px;
  height: 86px;
  position: absolute;
  left: 50%;
  top: 36px;
  margin-left: -215px;
  z-index: 999;
}
.home-product .home-product-box .home-product-title img {
  width: 100%;
}
.home-product .home-product-box .software-development {
  width: 337px;
  height: 88px;
  position: absolute;
  top: 177px;
  left: 690px;
  z-index: 999;
}
.home-product .home-product-box .software-development img {
  width: 100%;
}
.home-product .home-product-box .home-product-text-1 {
  width: 271px;
  height: 20px;
  position: absolute;
  top: 281px;
  left: 757px;
  z-index: 999;
}
.home-product .home-product-box .home-product-text-1 img {
  width: 100%;
}
.home-product .home-product-box .home-product-text-2 {
  width: 271px;
  height: 42px;
  position: absolute;
  top: 317px;
  left: 757px;
  z-index: 999;
}
.home-product .home-product-box .home-product-text-2 img {
  width: 100%;
}
.home-product .home-product-box .home-product-text-3 {
  width: 230px;
  height: 20px;
  position: absolute;
  top: 554px;
  left: 808px;
  z-index: 999;
}
.home-product .home-product-box .home-product-text-3 img {
  width: 100%;
}
.home-product .home-product-box .home-product-text-4 {
  width: 230px;
  height: 20px;
  position: absolute;
  top: 590px;
  left: 808px;
  z-index: 999;
}
.home-product .home-product-box .home-product-text-4 img {
  width: 100%;
}
.home-product .home-product-box .home-product-text-5 {
  width: 230px;
  height: 20px;
  position: absolute;
  top: 624px;
  left: 808px;
  z-index: 999;
}
.home-product .home-product-box .home-product-text-5 img {
  width: 100%;
}
.home-product .home-product-box .home-product-text-6 {
  width: 230px;
  height: 20px;
  position: absolute;
  top: 660px;
  left: 808px;
  z-index: 999;
}
.home-product .home-product-box .home-product-text-6 img {
  width: 100%;
}
.home-product .home-product-box .hardware-products {
  width: 328px;
  height: 86px;
  position: absolute;
  top: 444px;
  left: 757px;
  z-index: 999;
}
.home-product .home-product-box .hardware-products img {
  width: 100%;
}
.home-product .home-product-box .intelligent-building {
  width: 344px;
  height: 89px;
  position: absolute;
  top: 724px;
  left: 686px;
  z-index: 999;
}
.home-product .home-product-box .intelligent-building img {
  width: 100%;
}
.home-product .home-product-box .more {
  width: 66px;
  height: 14px;
  position: absolute;
  top: 885px;
  left: 1060px;
  z-index: 999;
}
.home-product .home-product-box .more img {
  width: 100%;
}
.home-product .home-product-box .abc {
  width: 550px;
  height: 550px;
  position: absolute;
  top: 187px;
  right: 590px;
  z-index: 999;
}
.home-product .home-product-box .abc img {
  width: 100%;
}
.home-product .home-product-box .wheel-1 {
  width: 365px;
  height: 365px;
  position: absolute;
  top: 250px;
  left: 0;
  z-index: 999;
}
.home-product .home-product-box .wheel-1 img {
  width: 100%;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}
.home-product .home-product-box .wheel-1-text {
  width: 365px;
  height: 365px;
  position: absolute;
  top: 250px;
  left: 0;
  z-index: 999;
}
.home-product .home-product-box .wheel-1-text img {
  width: 100%;
}
.home-product .home-product-box .wheel-2 {
  width: 258px;
  height: 258px;
  position: absolute;
  top: 344px;
  left: 384px;
  z-index: 999;
}
.home-product .home-product-box .wheel-2 img {
  width: 100%;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}
.home-product .home-product-box .wheel-2-text {
  width: 258px;
  height: 258px;
  position: absolute;
  top: 344px;
  left: 384px;
  z-index: 999;
}
.home-product .home-product-box .wheel-2-text img {
  width: 100%;
}
.home-product .home-product-box .wheel-3 {
  width: 125px;
  height: 125px;
  position: absolute;
  top: 580px;
  left: 332px;
  z-index: 999;
}
.home-product .home-product-box .wheel-3 img {
  width: 100%;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}
.home-product .home-product-box .wheel-3-light {
  width: 125px;
  height: 125px;
  position: absolute;
  top: 580px;
  left: 332px;
  z-index: 999;
}
.home-product .home-product-box .wheel-3-light img {
  width: 100%;
}
.home-product .home-product-box .rotate {
  animation: rotating 5.2s linear infinite;
}
.home-product .home-product-box .rotate2 {
  animation: rotating2 5.2s linear infinite;
}
@keyframes rotating {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating2 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
/*
 * 经典案例
 */
.home-case {
  width: 100%;
  height: 100%;
  background: url("../img/home-case-bg.webp") no-repeat center;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}
.home-case .home-case-box {
  width: 1176px;
  height: 100%;
  position: relative;
  margin: 0 auto;
}
.home-case .home-case-title-bg {
  width: 100%;
  height: 160px;
  background: #3665ff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
}
.home-case .home-case-box .home-case-title {
  width: 429px;
  height: 86px;
  position: absolute;
  left: 50%;
  top: 36px;
  margin-left: -215px;
  z-index: 999;
}
.home-case .home-case-box .home-case-title img {
  width: 100%;
}
.home-case .home-case-box .home-case-icon-box {
  width: 1130px;
  height: auto;
  position: relative;
  top: 160px;
  margin: 0 auto;
}
.home-case .home-case-box .home-case-icon-box .big-box {
  width: 370px;
  height: 370px;
  float: left;
  background: #0028AA70;
  position: relative;
  overflow: hidden;
}
.home-case .home-case-box .home-case-icon-box .big-box:after,
.home-case .home-case-box .home-case-icon-box .small-box:after {
  width: 0;
  height: 100%;
  content: '';
  display: block;
  transform: scale(2, 2) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  position: absolute;
  left: 0;
  top: 0;
  background: #3665ff;
  z-index: 1;
}
.home-case .home-case-box .home-case-icon-box .big-box:hover:after,
.home-case .home-case-box .home-case-icon-box .small-box:hover:after {
  width: 100%;
}
.home-case .home-case-box .home-case-icon-box .big-box:nth-child(2) {
  margin: 0 10px;
}
.home-case .home-case-box .home-case-icon-box .big-box img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.home-case .home-case-box .home-case-icon-box .small-box {
  width: 277.5px;
  height: 277.5px;
  float: left;
  background: #0028AA70;
  overflow: hidden;
  margin: 10px 0 0 0;
  position: relative;
}
.home-case .home-case-box .home-case-icon-box .small-box img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.home-case .home-case-box .more {
  width: 66px;
  height: 14px;
  position: absolute;
  top: 885px;
  left: 1060px;
  z-index: 999;
}
.home-case .home-case-box .more img {
  width: 100%;
}
/*
 * 联系我们
 */
.home-contact {
  width: 100%;
  height: 100%;
  background: url("../img/home-contact-bg.webp") no-repeat center;
  background-size: 100% auto;
  position: relative;
}
.home-contact .home-contact-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.home-contact .home-contact-box .home-contact-title {
  width: 308px;
  height: 88px;
  position: absolute;
  left: 50%;
  top: 36px;
  margin-left: -154px;
  z-index: 999;
}
.home-contact .home-contact-box .home-contact-title img {
  width: 100%;
}
.home-contact .home-contact-box .home-contact-map,
.home-contact .home-contact-box .home-contact-map-icon,
.home-contact .home-contact-box .home-contact-map-gz,
.home-contact .home-contact-box .home-contact-map-dot-1,
.home-contact .home-contact-box .home-contact-map-dot-2,
.home-contact .home-contact-box .home-contact-map-dot-3,
.home-contact .home-contact-box .home-contact-map-dot-4,
.home-contact .home-contact-box .home-contact-map-dot-5,
.home-contact .home-contact-box .home-contact-map-dot-6,
.home-contact .home-contact-box .home-contact-map-dot-7,
.home-contact .home-contact-box .home-contact-map-dot-8,
.home-contact .home-contact-box .home-contact-map-dot-9,
.home-contact .home-contact-box .home-contact-map-line-1,
.home-contact .home-contact-box .home-contact-map-line-2,
.home-contact .home-contact-box .home-contact-map-line-3,
.home-contact .home-contact-box .home-contact-map-line-4,
.home-contact .home-contact-box .home-contact-map-line-5,
.home-contact .home-contact-box .home-contact-map-line-6,
.home-contact .home-contact-box .home-contact-map-line-7,
.home-contact .home-contact-box .home-contact-map-line-8,
.home-contact .home-contact-box .home-contact-map-line-9 {
  width: 880px;
  height: 670px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -440px;
  z-index: 999;
}
.home-contact .home-contact-box .home-contact-map img,
.home-contact .home-contact-box .home-contact-map-icon img,
.home-contact .home-contact-box .home-contact-map-gz img,
.home-contact .home-contact-box .home-contact-map-dot-1 img,
.home-contact .home-contact-box .home-contact-map-dot-2 img,
.home-contact .home-contact-box .home-contact-map-dot-3 img,
.home-contact .home-contact-box .home-contact-map-dot-4 img,
.home-contact .home-contact-box .home-contact-map-dot-5 img,
.home-contact .home-contact-box .home-contact-map-dot-6 img,
.home-contact .home-contact-box .home-contact-map-dot-7 img,
.home-contact .home-contact-box .home-contact-map-dot-8 img,
.home-contact .home-contact-box .home-contact-map-dot-9 img,
.home-contact .home-contact-box .home-contact-map-line-1 img,
.home-contact .home-contact-box .home-contact-map-line-2 img,
.home-contact .home-contact-box .home-contact-map-line-3 img,
.home-contact .home-contact-box .home-contact-map-line-4 img,
.home-contact .home-contact-box .home-contact-map-line-5 img,
.home-contact .home-contact-box .home-contact-map-line-6 img,
.home-contact .home-contact-box .home-contact-map-line-7 img,
.home-contact .home-contact-box .home-contact-map-line-8 img,
.home-contact .home-contact-box .home-contact-map-line-9 img {
  width: 100%;
}
.home-contact .home-contact-box .home-contact-text {
  font-family: '微软雅黑';
  width: 290px;
  height: auto;
  overflow: hidden;
  font-size: 17px;
  color: #504e4e;
  line-height: 1.5em;
  position: absolute;
  top: 155px;
  left: 50%;
  margin-left: -140px;
  z-index: 1000;
  opacity: 0;
}
.home-contact .home-contact-box .home-contact-text strong {
  font-family: '黑体';
  font-size: 22px;
}
.home-contact .home-contact-box .home-contact-text p {
  margin: 0;
  padding: 5px 0;
}
/*
 * 底部
 */
.home-footer {
  width: 100%;
  height: 100%;
  background: url("../img/home-footer-bg.webp") no-repeat center;
  background-size: 100% auto;
  position: relative;
}
.home-footer .home-footer-box {
  width: 1176px;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.home-footer .home-footer-box .qr-code {
  width: 147px;
  height: 147px;
  position: absolute;
  left: 50%;
  margin-right: -74px;
  top: 52px;
  z-index: 999;
}
.home-footer .home-footer-box .qr-code .box {
  width: 100%;
  height: 100%;
  position: relative;
}
.home-footer .home-footer-box .qr-code .box img {
  width: 100%;
}
.home-footer .home-footer-box .qr-code .box .scan {
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -25px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.home-footer .home-footer-box .footer-menu-about {
  width: 100px;
  height: auto;
  position: absolute;
  left: 57px;
  top: 270px;
  z-index: 999;
}
.home-footer .home-footer-box .footer-menu-about .icon-about {
  width: 100px;
  height: 100px;
  border: 1px solid #00a6fd;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.home-footer .home-footer-box .footer-menu-about .icon-about:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #00a6fd;
  transform: scale(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.home-footer .home-footer-box .footer-menu-about .icon-about:hover:after {
  transform: scale(1.2);
}
.home-footer .home-footer-box .footer-menu-about .icon-about img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.home-footer .home-footer-box .footer-menu-news {
  width: 100px;
  height: auto;
  position: absolute;
  left: 297.5px;
  top: 270px;
  z-index: 999;
}
.home-footer .home-footer-box .footer-menu-news .icon-news {
  width: 100px;
  height: 100px;
  border: 1px solid #00a6fd;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.home-footer .home-footer-box .footer-menu-news .icon-news:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #00a6fd;
  transform: scale(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.home-footer .home-footer-box .footer-menu-news .icon-news:hover:after {
  transform: scale(1.2);
}
.home-footer .home-footer-box .footer-menu-news .icon-news img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.home-footer .home-footer-box .footer-menu-news .icon-news img.hover {
  display: none;
}
.home-footer .home-footer-box .footer-menu-news .icon-news:hover img {
  display: none;
}
.home-footer .home-footer-box .footer-menu-news .icon-news:hover img.hover {
  display: block;
}
.home-footer .home-footer-box .footer-menu-product {
  width: 100px;
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 270px;
  z-index: 999;
}
.home-footer .home-footer-box .footer-menu-product .icon-product {
  width: 100px;
  height: 100px;
  border: 1px solid #00a6fd;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.home-footer .home-footer-box .footer-menu-product .icon-product:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #00a6fd;
  transform: scale(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.home-footer .home-footer-box .footer-menu-product .icon-product:hover:after {
  transform: scale(1.2);
}
.home-footer .home-footer-box .footer-menu-product .icon-product img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.home-footer .home-footer-box .footer-menu-product .icon-product img.hover {
  display: none;
}
.home-footer .home-footer-box .footer-menu-product .icon-product:hover img {
  display: none;
}
.home-footer .home-footer-box .footer-menu-product .icon-product:hover img.hover {
  display: block;
}
.home-footer .home-footer-box .footer-menu-product ul {
  width: 130px;
}
.home-footer .home-footer-box .footer-menu-case {
  width: 100px;
  height: auto;
  position: absolute;
  right: 297.5px;
  margin-left: -50px;
  top: 270px;
  z-index: 999;
}
.home-footer .home-footer-box .footer-menu-case .icon-case {
  width: 100px;
  height: 100px;
  border: 1px solid #00a6fd;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.home-footer .home-footer-box .footer-menu-case .icon-case:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #00a6fd;
  transform: scale(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.home-footer .home-footer-box .footer-menu-case .icon-case:hover:after {
  transform: scale(1.2);
}
.home-footer .home-footer-box .footer-menu-case .icon-case img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.home-footer .home-footer-box .footer-menu-case .icon-case img.hover {
  display: none;
}
.home-footer .home-footer-box .footer-menu-case .icon-case:hover img {
  display: none;
}
.home-footer .home-footer-box .footer-menu-case .icon-case:hover img.hover {
  display: block;
}
.home-footer .home-footer-box .footer-menu-case ul {
  width: 130px;
}
.home-footer .home-footer-box .footer-menu-job {
  width: 100px;
  height: auto;
  position: absolute;
  right: 57px;
  top: 270px;
  z-index: 999;
}
.home-footer .home-footer-box .footer-menu-job .icon-job {
  width: 100px;
  height: 100px;
  border: 1px solid #00a6fd;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.home-footer .home-footer-box .footer-menu-job .icon-job:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #00a6fd;
  transform: scale(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.home-footer .home-footer-box .footer-menu-job .icon-job:hover:after {
  transform: scale(1.2);
}
.home-footer .home-footer-box .footer-menu-job .icon-job img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.home-footer .home-footer-box .footer-menu-job .icon-job img.hover {
  display: none;
}
.home-footer .home-footer-box .footer-menu-job .icon-job:hover img {
  display: none;
}
.home-footer .home-footer-box .footer-menu-job .icon-job:hover img.hover {
  display: block;
}
.home-footer .home-footer-box .cate {
  font-size: 16px;
  color: #fff;
  padding: 10px 0 0 15px;
}
.home-footer .home-footer-box .cate a:link {
  color: #fff;
  text-decoration: none;
}
.home-footer .home-footer-box .cate a:visited {
  color: #fff;
  text-decoration: none;
}
.home-footer .home-footer-box .cate a:hover {
  color: #00ffff;
  text-decoration: none;
}
.home-footer .home-footer-box ul {
  margin: 0;
  padding: 10px 0 0 15px;
  list-style: none;
}
.home-footer .home-footer-box ul li {
  font-size: 16px;
  line-height: 2em;
}
.home-footer .home-footer-box ul li a:link {
  color: #fff;
  text-decoration: none;
}
.home-footer .home-footer-box ul li a:visited {
  color: #fff;
  text-decoration: none;
}
.home-footer .home-footer-box ul li a:hover {
  color: #00ffff;
  text-decoration: none;
}
.home-footer .home-footer-box ul li.parent {
  color: #3fc8f6;
  margin-top: 10px;
}
.home-footer .footer-copyright {
  width: 100%;
  height: 126px;
  line-height: 126px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.home-footer .back-top {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 135px;
  right: 90px;
  z-index: 9999;
  display: none;
  background: #c9c9c9;
  cursor: pointer;
}
.home-footer .back-top:hover {
  background: #00a6fd;
}
.home-footer .back-top img {
  width: 100%;
}