/* 首页：系统总架构 + 工厂大脑优势 */
.pub1500 { width: 1500px; max-width: 100%; margin: 0 auto; box-sizing: border-box; }
.overall-structure .home-title a.product-btn { text-decoration: none; color: inherit; }
.home-title {
  width: 400px;
}
.home-title h2 {
  font-size: 44px;
  font-weight: bold;
  color: #ffffff;
}
.home-title p {
  font-size: 22px;
  color: rgba(141, 78, 78, 0.8);
  margin: 40px 0 120px;
  line-height: 1.6;
}
.home-title .product-btn {
  width: 190px;
  height: 70px;
  background: #ffffff;
  -moz-border-radius: 35px;
  border-radius: 35px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #242020;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.home-title .product-btn:hover {
  background: #e6e6e6;
}
.overall-structure {
  background: url('/images/home/structure-bg.jpg') no-repeat center;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}
.overall-structure .pub1500 {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 1050px;
  position: relative;
}
.overall-structure .pub1500 .home-title p {
  color: #9a9a9a;
}
.overall-structure .pub1500 .home-title .product-btn {
  background: #2490ce;
}
.overall-structure .pub1500 .home-title .product-btn:hover {
  background: #dfa017;
}
.overall-structure .pub1500 .structure-right {
  width: 930px;
  height: 850px;
  position: absolute;
  right: 0;
  bottom: 40px;
}
.overall-structure .pub1500 .structure-right .step {
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.overall-structure .pub1500 .structure-right .step .text-pd {
  position: absolute;
  left: 55%;
}
.overall-structure .pub1500 .structure-right .step .text-pd.step2-text-pd {
  left: 77%;
  top: 34%;
}
.overall-structure .pub1500 .structure-right .step .text-pd.step3-text-pd {
  left: 77%;
  top: 34%;
}
.overall-structure .pub1500 .structure-right .step .text {
  position: absolute;
  width: 270px;
  background: url('/images/home/architecture/text-bg.png') no-repeat;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  left: 83px;
  bottom: -55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  overflow: hidden;
  padding: 23px 20px;
  box-sizing: border-box;
}
.overall-structure .pub1500 .structure-right .step .text::before,
.overall-structure .pub1500 .structure-right .step .text::after {
  content: '';
  position: absolute;
  width: 219px;
  height: 36px;
  top: 0;
  right: 0;
  background: url('/images/home/architecture/border.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.overall-structure .pub1500 .structure-right .step .text::after {
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.overall-structure .pub1500 .structure-right .step .text h3 {
  white-space: nowrap;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
}
.overall-structure .pub1500 .structure-right .step .text p {
  height: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0px;
  width: 100%;
  opacity: 0;
}
.overall-structure .pub1500 .structure-right .step .line {
  position: absolute;
  left: 0;
  top: 26px;
  width: 82px;
  height: 32px;
  background: url(/images/home/architecture/line.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.overall-structure .pub1500 .structure-right .step .line::before,
.overall-structure .pub1500 .structure-right .step .line::after {
  display: block;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #f9ad0b;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(54deg) rotateY(1deg) rotateZ(0deg);
  -moz-transform: rotateX(54deg) rotateY(1deg) rotateZ(0deg);
  transform: rotateX(54deg) rotateY(1deg) rotateZ(0deg);
  bottom: -6px;
  left: -4px;
  opacity: 0;
}
.overall-structure .pub1500 .structure-right .step .line::after {
  background: rgba(249, 173, 11, 0.5);
}
@-webkit-keyframes myfirst {
  10% {
    -webkit-transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.6;
  }
  80% {
    -webkit-transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0;
  }
}
@-moz-keyframes myfirst {
  10% {
    -moz-transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 1;
  }
  30% {
    -moz-transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.9;
  }
  50% {
    -moz-transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.6;
  }
  80% {
    -moz-transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.3;
  }
  100% {
    -moz-transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0;
  }
}
@-o-keyframes myfirst {
  10% {
    transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 1;
  }
  30% {
    transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.9;
  }
  50% {
    transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.6;
  }
  80% {
    transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.3;
  }
  100% {
    transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0;
  }
}
@keyframes myfirst {
  10% {
    -webkit-transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    -moz-transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(1.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    -moz-transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(2.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    -moz-transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(3.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.6;
  }
  80% {
    -webkit-transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    -moz-transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(4.5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    -moz-transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    transform: scale(5) rotateX(54deg) rotateY(1deg) rotateZ(0deg);
    opacity: 0;
  }
}
.overall-structure .pub1500 .structure-right .step .line.line-bottom {
  width: 98px;
  height: 160px;
  background: url(/images/home/architecture/line-bottom.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  left: 22px;
  top: -17px;
}
.overall-structure .pub1500 .structure-right .step .text3 {
  left: -13px;
  bottom: 20px;
}
.overall-structure .pub1500 .structure-right .step .text4 {
  left: 122px;
  bottom: -145px;
}
.overall-structure .pub1500 .structure-right .step.active .line {
  background: url(/images/home/architecture/line-h.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step.active .line::after,
.overall-structure .pub1500 .structure-right .step.active .line::before {
  opacity: 1;
}
.overall-structure .pub1500 .structure-right .step.active .line::after {
  -webkit-animation: myfirst 2s linear infinite;
  -moz-animation: myfirst 2s linear infinite;
  -o-animation: myfirst 2s linear infinite;
  animation: myfirst 2s linear infinite;
}
.overall-structure .pub1500 .structure-right .step.active .line.line-bottom {
  background: url(/images/home/architecture/line-bottom-h.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step.active .text {
  background: url('/images/home/architecture/text-bg-h.png') no-repeat;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.overall-structure .pub1500 .structure-right .step.active .text::before,
.overall-structure .pub1500 .structure-right .step.active .text::after {
  background: url('/images/home/architecture/border-h.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step.active .text p {
  opacity: 1;
  height: auto;
  margin-top: 10px;
}
.overall-structure .pub1500 .structure-right .step.active .text h3 {
  text-align: left;
}
.overall-structure .pub1500 .structure-right .step1 {
  bottom: 630px;
  z-index: 4;
  width: 475px;
  height: 287px;
  background: url('/images/home/architecture/step1.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step1.active {
  background: url('/images/home/architecture/step1-h.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step2 {
  bottom: 407px;
  z-index: 3;
  width: 580px;
  height: 350px;
  background: url('/images/home/architecture/step2.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step2.active {
  background: url('/images/home/architecture/step2-h.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step3 {
  bottom: 0px;
  z-index: 2;
  width: 780px;
  height: 617px;
  background: url('/images/home/architecture/step3.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.overall-structure .pub1500 .structure-right .step3.active {
  background: url('/images/home/architecture/step3-h.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.factory-brain {
  background: #161616;
}
.factory-brain .brain-box {
  width: 1300px;
  margin: 0 auto;
  height: 1180px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.factory-brain .brain-box > div {
  width: 100%;
}
.factory-brain .brain-box .brain {
  position: absolute;
  width: 380px;
  height: 448px;
  left: 50%;
  top: 50%;
  margin-left: -190px;
  margin-top: -224px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: -o-transform 1s;
  -moz-transition: transform 1s, -moz-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s, -moz-transform 1s,
    -o-transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background: url('/images/home/brain/brain-box.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.factory-brain .brain-box .brain::before {
  display: none;
  width: 246px;
  height: 216px;
  position: absolute;
  content: '';
  display: block;
  background: url(/images/home/brain/brain.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  left: 65px;
  top: 0px;
}
.factory-brain .brain-box .base {
  position: absolute;
  width: 380px;
  height: 448px;
  left: 50%;
  top: 50%;
  margin-left: -190px;
  margin-top: -224px;
  cursor: pointer;
  background: url(/images/home/brain/base.png) no-repeat bottom;
  -moz-background-size: 100%;
  background-size: 100%;
}
.factory-brain .brain-box .base .skull {
  width: 246px;
  position: absolute;
  height: 216px;
  left: 63px;
}
@-webkit-keyframes skull {
  0%,
  100% {
    left: 58px;
    top: -5px;
  }
  40% {
    left: 63px;
    top: 0px;
  }
}
@-moz-keyframes skull {
  0%,
  100% {
    left: 58px;
    top: -5px;
  }
  40% {
    left: 63px;
    top: 0px;
  }
}
@-o-keyframes skull {
  0%,
  100% {
    left: 58px;
    top: -5px;
  }
  40% {
    left: 63px;
    top: 0px;
  }
}
@keyframes skull {
  0%,
  100% {
    left: 58px;
    top: -5px;
  }
  40% {
    left: 63px;
    top: 0px;
  }
}
.factory-brain .brain-box .base .item {
  position: absolute;
}
.factory-brain .brain-box .base .item.item1 {
  width: 145px;
  height: 108px;
  left: 150px;
  top: 110px;
  z-index: 2;
  -webkit-animation: item1 3s linear infinite;
  -moz-animation: item1 3s linear infinite;
  -o-animation: item1 3s linear infinite;
  animation: item1 3s linear infinite;
}
@-webkit-keyframes item1 {
  0%,
  100% {
    top: 110px;
  }
  40% {
    top: 100px;
  }
}
@-moz-keyframes item1 {
  0%,
  100% {
    top: 110px;
  }
  40% {
    top: 100px;
  }
}
@-o-keyframes item1 {
  0%,
  100% {
    top: 110px;
  }
  40% {
    top: 100px;
  }
}
@keyframes item1 {
  0%,
  100% {
    top: 110px;
  }
  40% {
    top: 100px;
  }
}
.factory-brain .brain-box .base .item.item2 {
  z-index: 1;
  width: 190px;
  height: 210px;
  left: 140px;
  top: 25px;
  -webkit-animation: item2 3s linear infinite;
  -moz-animation: item2 3s linear infinite;
  -o-animation: item2 3s linear infinite;
  animation: item2 3s linear infinite;
}
@-webkit-keyframes item2 {
  0%,
  100% {
    top: 10px;
  }
  40% {
    top: 25px;
  }
}
@-moz-keyframes item2 {
  0%,
  100% {
    top: 10px;
  }
  40% {
    top: 25px;
  }
}
@-o-keyframes item2 {
  0%,
  100% {
    top: 10px;
  }
  40% {
    top: 25px;
  }
}
@keyframes item2 {
  0%,
  100% {
    top: 10px;
  }
  40% {
    top: 25px;
  }
}
.factory-brain .brain-box .base .item.item3 {
  width: 149px;
  height: 132px;
  top: 10px;
  left: 55px;
  -webkit-animation: item3 3s linear infinite;
  -moz-animation: item3 3s linear infinite;
  -o-animation: item3 3s linear infinite;
  animation: item3 3s linear infinite;
}
@-webkit-keyframes item3 {
  0%,
  100% {
    top: 25px;
  }
  40% {
    top: 10px;
  }
}
@-moz-keyframes item3 {
  0%,
  100% {
    top: 25px;
  }
  40% {
    top: 10px;
  }
}
@-o-keyframes item3 {
  0%,
  100% {
    top: 25px;
  }
  40% {
    top: 10px;
  }
}
@keyframes item3 {
  0%,
  100% {
    top: 25px;
  }
  40% {
    top: 10px;
  }
}
.factory-brain .brain-box .base .item.item4 {
  width: 149px;
  height: 166px;
  top: 90px;
  left: 30px;
  -webkit-animation: item4 3s linear infinite;
  -moz-animation: item4 3s linear infinite;
  -o-animation: item4 3s linear infinite;
  animation: item4 3s linear infinite;
}
@-webkit-keyframes item4 {
  0%,
  100% {
    top: 60px;
  }
  40% {
    top: 90px;
  }
}
@-moz-keyframes item4 {
  0%,
  100% {
    top: 60px;
  }
  40% {
    top: 90px;
  }
}
@-o-keyframes item4 {
  0%,
  100% {
    top: 60px;
  }
  40% {
    top: 90px;
  }
}
@keyframes item4 {
  0%,
  100% {
    top: 60px;
  }
  40% {
    top: 90px;
  }
}
.factory-brain .brain-box .brain-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.factory-brain .brain-box h2 {
  font-size: 42px;
  font-weight: bold;
  color: #ced8d8;
  text-align: center;
  margin-bottom: 50px;
}
.factory-brain .brain-box .title {
  width: 434px;
  height: 95px;
  background: url(/images/home/brain/title-bg.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.factory-brain .brain-box .title.w500 {
  width: 500px;
}
.factory-brain .brain-box .title.flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.factory-brain .brain-box .title.flex-end img {
  margin-right: 0;
  margin-left: 20px;
}
.factory-brain .brain-box .title img {
  margin-right: 20px;
}
.factory-brain .brain-box .title p {
  font-size: 22px;
  color: #ffffff;
}
.factory-brain .brain-box .title::before,
.factory-brain .brain-box .title::after {
  content: '';
  position: absolute;
  width: 339px;
  height: 45px;
  top: 0;
  right: 0;
  background: url('/images/home/brain/border.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.factory-brain .brain-box .title::after {
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.factory-brain .brain-box .brain-center {
  height: 534px;
  position: relative;
  width: 946px;
  margin: 0 auto;
}
.factory-brain .brain-box .brain-center::after {
  display: block;
  content: '';
  width: 1432px;
  height: 864px;
  position: absolute;
  background: url('/images/home/brain/light.png') no-repeat center;
  left: -200px;
  top: -118px;
  pointer-events: none;
}
.factory-brain .brain-box .brain-center .bottom-line {
  position: absolute;
}
.factory-brain .brain-box .brain-center .embellishment {
  width: 1065px;
  height: 417px;
  position: absolute;
  background: url(/images/home/brain/embellishment.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  left: -81px;
  bottom: -46px;
  -webkit-animation: embellishment 4s ease-in-out infinite;
  -moz-animation: embellishment 4s ease-in-out infinite;
  -o-animation: embellishment 4s ease-in-out infinite;
  animation: embellishment 4s ease-in-out infinite;
}
@-webkit-keyframes embellishment {
  0%,
  100% {
    bottom: -50px;
    left: -81px;
  }
  40% {
    bottom: -42px;
    left: -76px;
  }
}
@-moz-keyframes embellishment {
  0%,
  100% {
    bottom: -50px;
    left: -81px;
  }
  40% {
    bottom: -42px;
    left: -76px;
  }
}
@-o-keyframes embellishment {
  0%,
  100% {
    bottom: -50px;
    left: -81px;
  }
  40% {
    bottom: -42px;
    left: -76px;
  }
}
@keyframes embellishment {
  0%,
  100% {
    bottom: -50px;
    left: -81px;
  }
  40% {
    bottom: -42px;
    left: -76px;
  }
}
.factory-brain .brain-box .brain-center::before {
  pointer-events: none;
  content: '';
  display: block;
  position: absolute;
  width: 946px;
  left: 50%;
  top: 50%;
  height: 485px;
  margin-top: -260px;
  margin-left: -473px;
  background: url(/images/home/brain/line1@2x.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  z-index: 5;
}
.factory-brain .brain-box .brain-center .bottom-line {
  background: url(/images/home/brain/line2@2x.png) no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  width: 524px;
  height: 287px;
  position: absolute;
  bottom: 39px;
  left: 50%;
  margin-left: -262px;
  pointer-events: none;
}
.factory-brain .brain-box .brain-center img {
  display: block;
  width: 100%;
}
.factory-brain .brain-box .brain-center .icon-list {
  width: 160px;
  position: absolute;
}
.factory-brain .brain-box .brain-center .icon-list.icon-box1 {
  left: 136px;
  top: 24px;
}
.factory-brain .brain-box .brain-center .icon-list.icon-box1::before {
  background: url('/images/home/brain/icon-box1-in@2x.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  width: 120px;
  left: 50%;
  margin-left: -60px;
  height: 118px;
  top: 16px;
  -webkit-animation: float 4s ease-in-out infinite;
  -moz-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.factory-brain .brain-box .brain-center .icon-list.icon-box2 {
  right: 133px;
  top: 2px;
}
.factory-brain .brain-box .brain-center .icon-list.icon-box2::before {
  background: url('/images/home/brain/icon-box2-in@2x.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  width: 142px;
  left: 50%;
  margin-left: -71px;
  height: 115px;
  top: 40px;
  -webkit-animation: float 4s 1.5s ease-in-out infinite;
  -moz-animation: float 4s 1.5s ease-in-out infinite;
  -o-animation: float 4s 1.5s ease-in-out infinite;
  animation: float 4s 1.5s ease-in-out infinite;
}
.factory-brain .brain-box .brain-center .icon-list.icon-box3 {
  left: 78px;
  bottom: 49px;
}
.factory-brain .brain-box .brain-center .icon-list.icon-box3::before {
  background-image: url('/images/home/brain/icon-box3-in@2x.png');
  -moz-background-size: 100%;
  background-size: 100%;
  background-repeat: repeat-y;
  width: 88px;
  left: 50%;
  margin-left: -44px;
  height: 192px;
  top: 4px;
  -webkit-animation: icon-box3 3s linear infinite;
  -moz-animation: icon-box3 3s linear infinite;
  -o-animation: icon-box3 3s linear infinite;
  animation: icon-box3 3s linear infinite;
}
@-webkit-keyframes icon-box3 {
  0% {
    background-position-y: 0px;
  }
  100% {
    background-position-y: -500px;
  }
}
@-moz-keyframes icon-box3 {
  0% {
    background-position-y: 0px;
  }
  100% {
    background-position-y: -500px;
  }
}
@-o-keyframes icon-box3 {
  0% {
    background-position-y: 0px;
  }
  100% {
    background-position-y: -500px;
  }
}
@keyframes icon-box3 {
  0% {
    background-position-y: 0px;
  }
  100% {
    background-position-y: -500px;
  }
}
.factory-brain .brain-box .brain-center .icon-list.icon-box4 {
  right: 103px;
  bottom: 30px;
}
.factory-brain .brain-box .brain-center .icon-list.icon-box4::before {
  background: url('/images/home/brain/icon-box4-in@2x.png') no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  height: 125px;
  top: -40px;
  -webkit-animation: float 4s ease-in-out infinite;
  -moz-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
  animation: float 4s ease-in-out infinite;
}
.factory-brain .brain-box .brain-center .icon-list::before {
  position: absolute;
  content: '';
  display: block;
}
@-webkit-keyframes float {
  0%,
  100% {
    top: 0px;
  }
  40% {
    top: 30px;
  }
}
@-moz-keyframes float {
  0%,
  100% {
    top: 0px;
  }
  40% {
    top: 30px;
  }
}
@-o-keyframes float {
  0%,
  100% {
    top: 0px;
  }
  40% {
    top: 30px;
  }
}
@keyframes float {
  0%,
  100% {
    top: 0px;
  }
  40% {
    top: 30px;
  }
}
@media (max-width: 1700px) {
  .pub1500.pub1500 {
    width: 1200px;
  }
  .overall-structure .pub1500 .structure-right {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 700px center;
    -moz-transform-origin: 700px center;
    -ms-transform-origin: 700px center;
    -o-transform-origin: 700px center;
    transform-origin: 700px center;
  }
  .brain-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  .news {
    padding-top: 60px;
  }
  .news .news-title {
    margin-bottom: 50px;
  }
  .product > div {
    padding: 100px 0 70px;
  }
  .product > div .product-right {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
  }
  .factory-brain .brain-box {
    width: 100%;
  }
}
@media screen and (max-width: 850px) {

  .mobile {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .pub1500.pub1500 {
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .banner.swiper-container-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    bottom: 15px;
  }
  .product .pub1500 {
    padding: 3.46666667rem 18px 4.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .product > div .product-left {
    width: 100%;
  }
  .product > div .product-right {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: inherit;
    -moz-transform-origin: inherit;
    -ms-transform-origin: inherit;
    -o-transform-origin: inherit;
    transform-origin: inherit;
    margin-bottom: 68px;
  }
  .product .home-title.home-title,
  .overall-structure .home-title.home-title {
    text-align: left !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0rem;
  }
  .product .home-title.home-title h2,
  .overall-structure .home-title.home-title h2 {
    font-size: 1.33333333rem;
    font-weight: bold;
    color: #231f20;
  }
  .product .home-title.home-title p,
  .overall-structure .home-title.home-title p {
    font-size: 0.74666667rem;
    font-weight: 500;
    line-height: 1.22666667rem;
    color: #231f20;
    margin: 0.90666667rem 0 1.44rem;
  }
  .product .home-title.home-title .product-btn,
  .overall-structure .home-title.home-title .product-btn {
    width: 5.06666667rem;
    height: 1.86666667rem;
    font-size: 0.64rem;
    font-weight: bold;
    color: #231f20;
  }
  .overall-structure .pub1500 {
    padding: 2.66666667rem 18px 2.66666667rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('/images/mobile/home/bg1.png') no-repeat;
    -moz-background-size: 100%;
    background-size: 100%;
  }
  .overall-structure .pub1500 img {
    width: 100%;
    padding-bottom: 2.66666667rem;
  }
  .overall-structure .pub1500 .product-btn {
    margin: 0 !important;
  }
  .overall-structure .pub1500 .home-title {
    width: 100%;
    text-align: center;
  }
  .overall-structure .pub1500 .home-title h2 {
    color: #ffffff;
  }
  .overall-structure .pub1500 .home-title p {
    color: #999999;
  }
  .overall-structure .pub1500 .structure-right {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 100%;
    height: auto;
    position: relative;
    bottom: auto;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  .overall-structure .pub1500 .structure-right img {
    width: 100%;
  }
  .factory-brain .brain-box {
    padding: 0;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .factory-brain .brain-box h2 {
    font-size: 1.33333333rem;
    font-weight: bold;
    line-height: 2.50666667rem;
    color: #ffffff;
    margin-top: 2.66666667rem;
  }
  .factory-brain .brain-box img {
    width: 100%;
  }
  .news {
    padding: 2.66666667rem 0 8.53333333rem;
  }
  .news .news-title {
    margin-bottom: 1.06666667rem;
  }
  .news .news-title h2 {
    font-size: 1.33333333rem;
    font-weight: bold;
    line-height: 2.50666667rem;
    color: #ffffff;
    text-align: center;
    width: 100%;
  }
  .news .news-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .news .news-main .news-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .news .news-main .news-list .list-text {
    position: relative;
    margin-top: 0.85333333rem;
    padding: 0 0 5%;
  }
  .news .news-main .news-list .list-text h3 {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.04rem;
    margin-bottom: 0.16rem;
  }
  .news .news-main .news-list .list-text p {
    font-size: 0.64rem;
    font-weight: 400;
    line-height: 0.77333333rem;
    color: #ffffff;
    opacity: 0.59;
  }
  .news .news-main .news-list .list-text .text-right span {
    font-size: 0.66666667rem;
  }
  .contact {
    padding: 2.4rem 0;
    background: #000 url('/images/mobile/home/news.png') no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  .contact h1 {
    font-size: 0.96rem;
  }
  .contact p {
    font-size: 0.69333333rem;
  }
  .contact .contact-btn {
    width: 5.06666667rem;
    height: 1.86666667rem;
    background: #f9ad0b;
    opacity: 1;
    -moz-border-radius: 2.66666667rem;
    border-radius: 2.66666667rem;
    font-size: 0.58666667rem;
    font-weight: bold;
    color: #231f20;
  }
  .footer .pub1500.footer1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer .pub1500 .footer-left {
    width: 100%;
  }
  .footer .pub1500 .footer-right {
    margin-top: 30px;
  }
  .overall-structure .wap img { width: 100%; }
  .factory-brain .wap img { width: 100%; }
}