* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sauce One', Calibri, 'SF Pro Text', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}

body {
  background-color: #fff !important;
  overflow-x: hidden;
}
.box {
  width: 1080px!important;
  position: relative;
}

.app-banner {
  /*width: 1440px;*/
  margin: 0 auto;
  height: 785px;
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 68px;
}

.app-banner img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: transform ease-out 5s !important;
}

[data-aos="text-big"] {
  transition-property: transform;
}

[data-aos="text-big"].aos-animate {
  transform: scale(1.02) translateX(-50%)
}
.app-banner h1 {
  position: relative;
  color: #fff;
  font-size: 60px;
  line-height: 1.25;
  height: 310px;
  margin-bottom: 10px;
  padding-top: 220px;
}

span.typed-cursor {
  display: none;
}

.app-banner p {
  position: relative;
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
  font-weight: 100;
  margin-bottom: 45px;
}
.app-works {
  margin: 84px 0 0;
}
.app-works .box {
  padding: 0 40px;
}
.works-text {
  width: 420px;
  float: left;
  font-size: 30px;
  font-weight: bold;
  padding-top: 100px;
}
.works-pic {
  text-align: right;
}
.works-pic img {
  width: 538px;
}
.app-do {
  margin: 84px 0 0;
  background: url('../../images/info_do_img.png') center top no-repeat;
}
.do-hd {
  margin-bottom: 120px;
  text-align: center;
}
.do-hd h1 {
  font-size: 34px;
  color: #111111;
  margin-bottom: 10px;
}
.do-hd h3 {
  font-size: 18px;
  color: #181715;
  font-weight: normal;
}
.do-list-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.do-list-item {
  width: 25%;
  text-align: center;
  list-style: none;
}
.do-list-squ {
  display: inline-block;
  width: 152px;
  height: 148px;
  background: url(data:image/png;base64,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) center center no-repeat;
  margin-bottom: 40px;
}
.do-list-squ h4 {
  font-size: 32px;
  color: #181715;
  padding-top: 50px;
}
.do-list-squ p {
  font-size: 17px;
  color: #999999;
}
.do-list-text {
  font-size: 18px;
  color: #999999;
}
[data-aos="fade-up"] {
  opacity: 0;
  transition-property: transform opacity;
}
[data-aos="fade-up"].aos-animate {
  opacity: 1;
}
.app-group {
  margin: 84px 0 0;
}
.group-hd {
  margin-bottom: 42px;
  text-align: center;
}
.group-hd h1 {
  font-size: 34px;
  color: #111111;
  margin-bottom: 10px;
}
.group-map {
  width: 1026px;
  height: 488px;
  margin: 0 auto;
  background: url('../../images/info_group_img.png') no-repeat;
  position: relative;
}
.group-item {
  position: absolute;
  padding-left: 30px;
}
.group-item dt {
  font-size: 16px;
  color: #181715;
}
.group-item dt span {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 3px;
  top: 2px;
}
.group-item dt span:before {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  background-color: #b7b7b7;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -7px;
  -webkit-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -webkit-box-shadow: 0 0 1px 2px #b7b7b7;
  box-shadow: 0 0 1px 2px #b7b7b7;
  animation-delay: 1.1s;
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.group-item dt span:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: #000000;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  -webkit-animation: pulsate2 1s ease-out;
  animation: pulsate2 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-box-shadow: 0 0 1px 1px #000000;
  box-shadow: 0 0 1px 1px #000000;
  animation-delay: 1.5s;
}
@keyframes pulsate2 {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
  }
  50% {
    opacity: 1;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}
.item1 {
  left: 388px;
  top: 172px;
}
.item2 {
  left: 396px;
  top: 213px;
}
.item3 {
  left: 478px;
  top: 380px;
}
.item4 {
  left: 725px;
  top: 193px;
}
.group-list {
  padding-top: 30px;
}
.group-list-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.group-list-item {
  width: 20%;
  text-align: center;
  list-style: none;
}
.group-list-item h3 {
  font-size: 14px;
  color: #111111;
  margin-bottom: 20px;
}
.group-list-item p {
  font-size: 12px;
  color: #999999;
  padding: 0 29px;
}
.app-slider {
  margin: 84px 0 0;
}
.slider-hd {
  margin-bottom: 40px;
  text-align: center;
}
.slider-hd h1 {
  font-size: 34px;
  color: #111111;
}
.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.slider-nav {
  height: 90px;
  padding-left: 10px!important;
}
.slider-nav-box div {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: bold;
  color: #999999;
  cursor: pointer;
  margin: 0 150px 0 10px;
}
.slider-nav-box div.swiper-slide {
  width: auto;
}
.slider-nav-box div.swiper-slide-thumb-active {
  color: #111111;
}
.slider-content {
  width: 1080px;
  height: 640px;
  background-color: #fff;
}
.slider-pic {
  width: 704px;
  height: 614px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.slider-slogon {
  position: absolute;
  left: 18px;
  top: 0;
  width: 107px;
  height: 640px;
  background: url('../../images/info_slider_slogon.png') no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.slider-text {
  width: 527px;
  height: 383px;
  position: absolute;
  left: 12px;
  top: 100px;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(208, 208, 208, .5);
}
.slider-text > div {
  padding: 70px 45px;
  position: relative;
}
.slider-text h4 {
  font-size: 24px;
  color: #111111;
  font-weight: bold;
  margin-bottom: 30px;
}
.slider-text p {
  font-size: 20px;
  color: #999999;
  font-weight: 400;
}
.app-advant {
  margin: 84px 0 0;
}
.advant-hd {
  margin-bottom: 60px;
  text-align: center;
}
.advant-hd h1 {
  font-size: 34px;
  color: #111111;
}
.advant-content {
  overflow: hidden;
  position: relative;
  left: 5%;
}
.advant-item {
  width: 33.333%;
  height: 240px;
  float: left;
}
.advant-item img {
  margin-bottom: 20px;
}
.advant-item h3 {
  width: 200px;
  height: 69px;
  font-size: 18px;
  color: #111111;
}
.advant-item p {
  width: 260px;
  font-size: 15px;
  color: #999999;
  font-weight: 400;
}
.app-environment {
  margin: 24px 0 0;
}
.app-environment .box {
  margin-bottom: 84px;
}
.environment-hd {
  margin-bottom: 40px;
  text-align: center;
}
.environment-hd h1 {
  font-size: 34px;
  color: #111111;
}
.environment-content {
  width: 1131px;
  margin: 20px auto 50px;
}
.environment-item, 
.environment-item img {
  width: 360px;
  height: 350px;
  float: left;
}
.environment-item div {
  height: 354px;
  transition: all 300ms ease-in!important;
}
.environment-item:hover {
  position: relative;
  z-index: 10;
}
.environment-item div:hover {
  position: relative;
  transform: scale(1.05)!important;
}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after {
  content: " ";
  display: table
}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after {
  clear: both
}