@-webkit-keyframes positionLargeScale2 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
  }
}
@keyframes positionLargeScale2 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(2, 2);
            transform: scale(2, 2);
  }
}
@-webkit-keyframes positionLargeScale3 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
  }
}
@keyframes positionLargeScale3 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
  }
}
@font-face {
  font-family: "raleway-regular";
  src: url("/assets/font/RALEWAY-REGULAR.TTF");
}
.home-banner {
  min-width: 1200px;
  height: 740px;
}
.home-banner .home-banner-container {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("/assets/images/banner.jpg") no-repeat center center;
  background-size: cover;
}
.home-banner .home-banner-text {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
}
.home-banner .home-banner-text .cn {
  font-size: 72px;
  margin-bottom: 28px;
  letter-spacing: 0.1em;
}
.home-banner .home-banner-text .en {
  font-family: "raleway-regular";
  font-size: 24px;
}

.box-container {
  padding-top: 128px;
}
.box-container .title-container {
  text-align: center;
  margin-bottom: 80px;
}
.box-container .title-container > .title {
  display: inline-block;
  position: relative;
  font-size: 30px;
  line-height: 96px;
}
.box-container .title-container > .title .cn {
  color: #005bac;
}
.box-container .title-container > .title .en {
  margin-left: 20px;
  color: #cccccc;
  font-family: "raleway-regular";
  font-weight: normal;
}
.box-container .title-container > .title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 0;
  border-bottom: 2px solid #cccccc;
}
.box-container .title-container > .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  width: 100px;
  border-bottom: 4px solid #005bac;
}
.box-container .text p {
  color: #333333;
  font-size: 22px;
  font-weight: lighter;
  line-height: 39px;
  margin-bottom: 48px;
}

.introduction {
  background: #ffffff url("/assets/images/intro_bg.png") no-repeat center center;
  padding-bottom: 200px;
}
.introduction .content .text {
  float: left;
  width: 600px;
}
.introduction .content .text h5 {
  padding: 48px 0;
  font-size: 36px;
  color: #222222;
  line-height: 60px;
}
.introduction .content .image {
  position: relative;
  float: right;
  width: 540px;
  height: 640px;
}
.introduction .content .image:before {
  position: absolute;
  top: 40px;
  right: -40px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#f7fafe), to(#e6f0fa));
  background-image: linear-gradient(90deg, #f7fafe 0%, #e6f0fa 100%);
  z-index: 88;
}
.introduction .content .image .image-entity {
  position: relative;
  z-index: 99;
}
.introduction .content .know-btn {
  display: block;
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  background-color: #005bac;
  font-weight: lighter;
}

.operation {
  background-color: #f7fbff;
  padding-bottom: 160px;
}
.operation .image {
  width: 100%;
  height: 400px;
  background: url("/assets/images/operate_1.jpg") no-repeat;
  background-size: cover;
}

.production {
  background-color: #ffffff;
  padding-bottom: 160px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.production .box-wrapper {
  position: relative;
}
.production .text .light {
  color: #005bac;
}
.production .map-bg {
  position: absolute;
  top: 0;
  left: -98px;
  width: 1395px;
  height: 685px;
  background: url("/assets/images/map_bg.png") no-repeat center center;
  background-size: cover;
}
.production .map-bg .positions {
  position: absolute;
  right: 311px;
  top: 348px;
  width: 25px;
  height: 50px;
}
.production .map-bg .ball {
  position: absolute;
  z-index: 5;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #7fadd6;
}
.production .map-bg .ball.yn {
  bottom: 0;
  right: -2px;
}
.production .map-bg .ball.sz {
  right: -5px;
  top: 5px;
}
.production .map-bg .ball.dg {
  right: 0;
  top: 0;
}
.production .map-bg .ball.active {
  background-color: #ff0321;
}
.production .map-bg .ball.active:before {
  background-color: rgba(255, 3, 33, 0.5);
  z-index: 3;
  -webkit-animation: positionLargeScale2 1.5s linear infinite;
          animation: positionLargeScale2 1.5s linear infinite;
}
.production .map-bg .ball.active:after {
  z-index: 4;
  background-color: rgba(255, 3, 33, 0.2);
  -webkit-animation: positionLargeScale3 1.5s linear infinite;
          animation: positionLargeScale3 1.5s linear infinite;
}
.production .map-bg .ball:before, .production .map-bg .ball:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #005bac;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.production .map-tabs {
  position: relative;
  width: 600px;
}
.production .tab-hd {
  position: absolute;
  right: 40px;
  bottom: 35px;
  width: 50px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 99;
}
.production .tab-hd .left, .production .tab-hd .right {
  position: relative;
  width: 13px;
  height: 10px;
  cursor: pointer;
}
.production .tab-hd .left:hover:before, .production .tab-hd .left:hover:after, .production .tab-hd .right:hover:before, .production .tab-hd .right:hover:after {
  background-color: #005bac;
}
.production .tab-hd .left:before, .production .tab-hd .left:after, .production .tab-hd .right:before, .production .tab-hd .right:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #a6a6a6;
}
.production .tab-hd .left:before, .production .tab-hd .right:before {
  top: 0;
}
.production .tab-hd .left:after, .production .tab-hd .right:after {
  bottom: 0;
}
.production .tab-hd .left {
  margin-right: 20px;
}
.production .tab-hd .left:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.production .tab-hd .left:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.production .tab-hd .right:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.production .tab-hd .right:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.production .address-list {
  height: 440px;
  -webkit-box-shadow: 0 12px 20px 0 #e9f1f8;
          box-shadow: 0 12px 20px 0 #e9f1f8;
}
.production .address-list .address-item {
  position: absolute;
  width: 600px;
  top: 0;
}
.production .address-list .image {
  background-color: #0f7595;
  height: 337px;
}
.production .address-list .image .image-entity {
  width: 100%;
  height: 100%;
}
.production .address-list .text {
  background-color: #ffffff;
  padding-left: 40px;
  line-height: 103px;
  font-size: 22px;
  color: #555555;
}

.home-content-list .home-content-item {
  float: left;
  position: relative;
  width: 395px;
  background-color: #ffffff;
  margin-right: 7px;
}
.home-content-list .home-content-item:last-of-type {
  margin-right: 0;
}
.home-content-list .home-content-item:before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  background-color: #005bac;
  visibility: hidden;
}
.home-content-list .home-content-item:hover {
  background-color: #ffffff;
  background-image: unset;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 91, 172, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 91, 172, 0.1);
}
.home-content-list .home-content-item:hover:before {
  visibility: visible;
}
.home-content-list .home-content-item:hover .go {
  visibility: visible !important;
}
.home-content-list .home-content-item .content {
  padding: 20px;
}
.home-content-list .home-content-item .image {
  width: 100%;
  height: 250px;
  background-color: #333333;
}
.home-content-list .home-content-item .image .image-entity {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: 100%;
  width: 100%;
}
.home-content-list .home-content-item .title {
  font-weight: normal;
  color: #222222;
  font-size: 24px;
  line-height: 46px;
}
.home-content-list .home-content-item .desc {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  height: 58px;
  font-size: 16px;
  color: #999999;
  line-height: 28px;
  margin-bottom: 30px;
}
.home-content-list .home-content-item .extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
}
.home-content-list .home-content-item .extra .time {
  padding-top: 6px;
  color: #999999;
}
.home-content-list .home-content-item .extra .go {
  visibility: hidden;
  padding: 6px 24px;
  background-color: #005bac;
  color: #ffffff;
  font-weight: bold;
  border-radius: 16px;
}

.mb-home-content-list, .mb-banner, .mb-map-tabs {
  display: none;
}

.information {
  background-color: #f7fbff;
  padding-bottom: 160px;
}

.talent {
  background: #ffffff url("/assets/images/talent_bg.png") no-repeat center center;
  background-size: cover;
  padding-bottom: 160px;
}
.talent .home-content-item {
  background-image: -webkit-gradient(linear, left top, right top, from(#f7fafe), to(#e6f0fa));
  background-image: linear-gradient(90deg, #f7fafe 0%, #e6f0fa 100%);
}
.talent .home-content-item .title .title-icon {
  font-size: 24px;
  color: #005bac;
}
.talent .home-content-item .title .text {
  color: #222222;
}
.talent .home-content-item .desc {
  color: #7188a1;
}
.talent .home-content-item .extra {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}