html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
/** ---------------------------------------*/
.container {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.container-md {
  width: 1038px;
  margin-left: auto;
  margin-right: auto;
}
.container-sm {
  width: 918px;
  margin-left: auto;
  margin-right: auto;
}
.container-xs {
  width: 855px;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.page-headerbar {
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#072d69), to(rgba(7, 45, 105, 0)));
  background-image: -o-linear-gradient(top, #072d69, rgba(7, 45, 105, 0));
  background-image: linear-gradient(to bottom, #072d69, rgba(7, 45, 105, 0));
  height: 240px;
  position: relative;
  z-index: 10;
  pointer-events: none;
}
.page-logo-wapper {
  padding: 25px 0;
}
.page-logo-wapper .page-logo {
  height: 45px;
}
.nav-list {
  list-style: none;
  pointer-events: all;
  padding: 0;
}
.nav-list > li {
  line-height: 30px;
  padding: 0 45px;
  font-size: 16px;
  display: inline-block;
  position: relative;
}
.nav-list a {
  text-decoration: none;
  color: #fff;
}
.nav-list a:hover {
  color: #57a14c;
}
.nav-list .nav-child-list {
  list-style-type: none;
  padding: 0;
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 30px;
  border-top: 4px solid #4e9d41;
  background-color: #fff;
  padding: 10px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nav-list .nav-child-list > li {
  text-align: center;
  line-height: 25px;
  font-size: 14px;
}
.nav-list .nav-child-list > li > a {
  color: #333;
}
.nav-list .nav-child-list > li > a:hover {
  color: #4e9d41;
}
.nav-list .active .nav-child-list {
  display: block;
}
.home-index-banner {
  height: 710px;
  margin-top: -240px;
  position: relative;
}
.home-banner {
  height: 544px;
  margin-top: -240px;
  position: relative;
}
.home-banner .banner-content {
  position: absolute;
  left: 50%;
  margin-left: -420px;
  top: 50%;
}
.home-banner .banner-title {
  color: #fff;
  font-size: 32px;
}
.home-banner-video {
  width: 100%;
  height: 100%;
}
.home-banner-cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
}
.playSoundIcon {
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 2;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  font-size: 20px;
  color: #fff;
}
.banner-note {
  position: absolute;
  left: 50%;
  top: 315px;
  z-index: 2;
  margin-left: -480px;
  color: #fff;
}
.banner-note .note-title1 {
  font-size: 32px;
  margin-bottom: 15px;
}
.banner-note .note-title2 {
  font-size: 22px;
  margin-bottom: 35px;
}
.banner-note .note-button {
  padding: 10px 22px;
  background-color: #57a14c;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}
.banner-swiper {
  height: 557px;
}
.head-lang {
  position: absolute;
  left: 50%;
  margin-left: 520px;
  top: 35px;
  z-index: 11;
  color: #fff;
  font-size: 14px;
  pointer-events: all;
}
.head-lang .lang-icon {
  margin-right: 10px;
  vertical-align: middle;
}
.head-lang > a {
  text-decoration: none;
  color: #fff;
}
.block-head {
  margin-bottom: 25px;
  text-align: center;
}
.block-title {
  margin: 0;
  font-size: 30px;
  color: #53a346;
  font-weight: normal;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.block-en {
  font-size: 65px;
  color: rgba(167, 184, 207, 0.16);
  margin: -53px 0 0;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.home-advantage {
  background: url('../images/companyYoushi.png') center no-repeat;
  background-size: cover;
  position: relative;
  padding: 107px 0 80px;
}
.home-advantage .advantage-title {
  font-size: 30px;
  color: #fff;
  margin: 0 0 35px 0;
}
.home-advantage .advantage-grid {
  width: 315px;
  padding: 30px 10px;
  -webkit-box-shadow: 0 0 24px rgba(163, 174, 193, 0.35);
          box-shadow: 0 0 24px rgba(163, 174, 193, 0.35);
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-advantage .advantage-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
}
.home-advantage .advantage-item:hover {
  color: #57a14c;
}
.home-advantage .advantage-item .item-top {
  font-size: 30px;
  margin: 0;
  font-weight: bold;
  text-shadow: 0 0 5px #638acf;
}
.home-advantage .advantage-item .item-bottom {
  font-size: 14px;
  margin: 0;
}
.home-advantage .advantage-item.right-border {
  border-right: 1px solid #57a14c;
}
.home-advantage .advantage-item.right-bottom {
  border-bottom: 1px solid #57a14c;
}
.home-advantage .advantage-name {
  position: absolute;
  right: 50%;
  margin-right: 330px;
  top: 580px;
  color: #fff;
}
.home-advantage .name-word {
  padding: 10px 0;
  position: relative;
  z-index: 5;
}
.home-advantage .name-top {
  font-size: 30px;
  margin: 0;
}
.home-advantage .line-white {
  height: 2px;
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
}
.home-advantage .name-bottom {
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
}
.home-advantage .green-block {
  height: 100%;
  width: 66%;
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(106, 173, 99, 0.8);
}
.advantage-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 40px;
}
.advantage-head .head-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #89a3d3;
  text-align: center;
}
.advantage-head .top {
  font-size: 30px;
}
.advantage-head .bottom {
  font-size: 15px;
}
.advantage-head .bar {
  width: 100%;
  height: 1px;
  background-color: #4c9454;
  margin: 15px 0 20px;
}
.advantage-head .head-row.active,
.advantage-head .head-row:hover {
  color: #fff;
}
.advantage-head .head-row.active .bar,
.advantage-head .head-row:hover .bar {
  background-color: #fff;
  margin: 14px 0 20px;
  height: 3px;
}
.home-map-wapper {
  position: relative;
  margin: 0 auto;
  width: 688px;
}
.home-map-wapper .map-item {
  opacity: 0.5;
}
.home-map-wapper .dot-los {
  top: 210px;
  left: 40px;
}
.home-map-wapper .name-los {
  top: 170px;
  left: 0;
}
.home-map-wapper .dot-hosuston {
  left: 310px;
  top: 330px;
}
.home-map-wapper .name-hosuston {
  left: 265px;
  top: 285px;
}
.home-map-wapper .dot-savan {
  width: 10px !important;
  height: 10px !important;
  left: 520px;
  top: 300px;
}
.home-map-wapper .name-savan {
  left: 480px;
  top: 270px;
}
.home-map-wapper .dot-newyork {
  width: 10px !important;
  height: 10px !important;
  left: 640px;
  top: 130px;
}
.home-map-wapper .name-newyork {
  left: 575px;
  top: 160px;
}
.home-map-wapper .dot-Cranbury {
  width: 10px !important;
  height: 10px !important;
  left: 590px;
  top: 100px;
}
.home-map-wapper .name-Cranbury {
  left: 560px;
  top: 70px;
}
.home-map-wapper .map-name {
  color: #fff;
  font-size: 15px;
  position: absolute;
  text-transform: uppercase;
  cursor: pointer;
}
.home-map-wapper .map-name.active {
  color: #53a346;
  text-shadow: 0 0 2px rgba(87, 161, 76, 0.34);
}
.home-map-wapper .map-dot {
  cursor: pointer;
  width: 14px;
  height: 14px;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}
.home-map-wapper .map-dot::after,
.home-map-wapper .map-dot::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.15);
}
.home-map-wapper .map-dot::before {
  -webkit-animation: zoom-in-toTwo;
  animation: zoom-in-toTwo;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.home-map-wapper .map-dot::after {
  -webkit-animation: zoom-in-toTwo;
  animation: zoom-in-toTwo;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.home-map-wapper .map-dot.active::after,
.home-map-wapper .map-dot.active::before {
  border: 1px solid rgba(87, 161, 76, 0.4);
  background-color: rgba(87, 161, 76, 0.2);
}
@-webkit-keyframes zoom-in-toTwo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}
@keyframes zoom-in-toTwo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}
.bussines-left {
  width: 40%;
  height: 620px;
  position: relative;
}
.bussines-left .left-content {
  padding-left: 18%;
  padding-top: 200px;
  position: relative;
  z-index: 10;
}
.bussines-left .bussines-title {
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}
.bussines-left .bussines-sm-title {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
.bussines-left.group1 {
  background: url('../images/jiegou-left.png') no-repeat;
  background-size: cover;
  background-color: #6aad63;
}
.bussines-left.group2 {
  background: url('../images/jiegou-left2.png') no-repeat;
  background-size: cover;
  background-color: #6aad63;
}
.bussines-left.group3 {
  background: url('../images/jiegou-left3.png') no-repeat;
  background-size: cover;
  background-color: #6aad63;
}
.bussines-left .cover-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.bussines-left .cover-background.group1 {
  background: url('../images/jiegou-left.png') no-repeat;
  -webkit-animation: backgroundZoom 1.5s forwards;
          animation: backgroundZoom 1.5s forwards;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.bussines-left .cover-background.group2 {
  background: url('../images/jiegou-left2.png') no-repeat;
  -webkit-animation: backgroundZoom 1.5s forwards;
          animation: backgroundZoom 1.5s forwards;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.bussines-left .cover-background.group3 {
  background: url('../images/jiegou-left3.png') no-repeat;
  -webkit-animation: backgroundZoom 1.5s forwards;
          animation: backgroundZoom 1.5s forwards;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes backgroundZoom {
  0% {
    background-size: 1% 1%;
    background-position: right center;
  }
  90% {
    background-size: 100% 100%;
    background-position: center center;
  }
  100% {
    background-size: cover;
    background-position: center center;
    background-color: #6aad63;
  }
}
@keyframes backgroundZoom {
  0% {
    background-size: 1% 1%;
    background-position: right center;
  }
  90% {
    background-size: 100% 100%;
    background-position: center center;
  }
  100% {
    background-size: cover;
    background-position: center center;
    background-color: #6aad63;
  }
}
.bussines-right {
  height: 620px;
  width: 60%;
  padding-top: 175px;
  background: url('../images/jiegou-right.jpg') no-repeat;
  background-size: cover;
  position: relative;
  z-index: 100;
}
.bussines-right .bussines-index-rows {
  margin-left: -130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.bussines-right .rows-item {
  width: 266px;
  height: 266px;
  background-color: #fff;
  border-radius: 5px;
  margin: 0 8px;
  -webkit-box-shadow: 0 0 6px rgba(10, 58, 144, 0.34);
          box-shadow: 0 0 6px rgba(10, 58, 144, 0.34);
  text-align: center;
  -webkit-transition: height linear 0.3s, margin linear 0.3s;
  -o-transition: height linear 0.3s, margin linear 0.3s;
  transition: height linear 0.3s, margin linear 0.3s;
}
.bussines-right .item-img-box {
  margin: 50px 0 20px;
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 23px;
  background-color: #a2cf9a;
}
.bussines-right .item-img-box > img {
  height: 30px;
}
.bussines-right .item-title {
  font-size: 18px;
  color: #072d69;
}
.bussines-right .item-desc {
  font-size: 14px;
  color: #333;
  margin-top: 15px;
  line-height: 30px;
}
.bussines-right .rows-item:hover {
  background: url('../images/endlogo.png') right bottom no-repeat;
  background-color: #042c6b;
  height: 311px;
  margin-top: -22px;
}
.bussines-right .rows-item:hover .item-img-box {
  width: 58px;
  height: 58px;
  line-height: 58px;
  border-radius: 29px;
  background-color: #fff;
}
.bussines-right .rows-item:hover .item-title {
  font-size: 22px;
  color: #fff;
}
.bussines-right .rows-item:hover .item-desc {
  color: #fff;
  font-size: 16px;
}
.home-system {
  padding: 80px 0 110px;
  background-color: #042c6b;
  background-image: url('../images/systembackground.png');
  background-position: top center;
  background-repeat: no-repeat;
}
.home-system .timeline {
  padding: 85px 0;
  position: relative;
}
.home-system .timeline::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.home-system .timeline.move::before {
  -webkit-animation: widthChange 30s infinite linear;
          animation: widthChange 30s infinite linear;
}
.home-system .timeline-item {
  width: 25%;
  float: left;
  text-align: center;
  color: #fff;
}
.home-system .timeline-item .dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  margin: -7px auto 30px auto;
}
.home-system .timeline-item .name {
  font-size: 25px;
}
.home-system .timeline-item .name:hover {
  color: #53a346;
}
.home-system .timeline-item .dot-0 {
  -webkit-animation: activeTime 1s 1 3.25s alternate linear;
          animation: activeTime 1s 1 3.25s alternate linear;
}
.home-system .timeline-item .dot-1 {
  -webkit-animation: activeTime 1s 1 10.75s alternate linear;
          animation: activeTime 1s 1 10.75s alternate linear;
}
.home-system .timeline-item .dot-2 {
  -webkit-animation: activeTime 1s 1 18.25s alternate linear;
          animation: activeTime 1s 1 18.25s alternate linear;
}
.home-system .timeline-item .dot-3 {
  -webkit-animation: activeTime 1s 1 25.75s alternate linear;
          animation: activeTime 1s 1 25.75s alternate linear;
}
.home-system .sytem-desc {
  width: 550px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
}
.home-system .system-image {
  width: 500px;
  position: relative;
}
.home-system .system-image-item {
  display: block;
  border-radius: 20px;
}
.home-system .system-pagination {
  --swiper-pagination-color: #57a14c;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  top: 490px !important;
}
.home-system .system-pagination .swiper-pagination-bullet {
  height: 6px !important;
  width: 60px !important;
  border-radius: 3px !important;
}
/* 时间线动画 */
@-webkit-keyframes widthChange {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthChange {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes activeTime {
  0% {
    width: 14px;
    height: 14px;
    margin: -7px auto 30px auto;
    -webkit-box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
            box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
  }
  100% {
    width: 26px;
    height: 26px;
    margin: -13px auto 25px auto;
    -webkit-box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
            box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
  }
}
@keyframes activeTime {
  0% {
    width: 14px;
    height: 14px;
    margin: -7px auto 30px auto;
    -webkit-box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
            box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
  }
  100% {
    width: 26px;
    height: 26px;
    margin: -13px auto 25px auto;
    -webkit-box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
            box-shadow: 0 0 24px rgba(87, 161, 76, 0.85);
  }
}
.backtop {
  position: fixed;
  left: 50%;
  margin-left: 540px;
  bottom: 150px;
  width: 46px;
  height: 46px;
  background: url('../images/backtop.png');
  background-size: 100% auto;
  text-align: center;
  border-radius: 23px;
  cursor: pointer;
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 999;
}
.backtop:hover {
  background-position: 0 -45px;
  background-color: #57a14c;
}
.swiper-linear {
  -webkit-transition-timing-function: linear !important;
       -o-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.home-warehouses {
  padding: 100px 0 290px;
  position: relative;
}
.home-warehouses::before {
  content: '';
  width: 68%;
  height: 100%;
  background-color: #f1f1f1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.home-warehouses::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url('../images/line.png') center no-repeat;
}
.home-warehouses .warehouse-index-title {
  position: absolute;
  left: 50%;
  margin-left: -540px;
  top: 90px;
  color: #042c6b;
}
.home-warehouses .title {
  font-size: 30px;
  margin-bottom: 35px;
}
.home-warehouses .title-sm {
  font-size: 16px;
  text-transform: uppercase;
}
.pagination-warehouse-buttons {
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 580px;
  height: 50px;
  width: 130px;
  z-index: 10;
}
.pagination-warehouse-buttons .pagination-btn {
  width: 48px;
  height: 48px;
  display: block;
  cursor: pointer;
  border-radius: 24px;
  background: url('../images/swiperButton.png') no-repeat;
}
.pagination-warehouse-buttons .button-prev {
  float: left;
  background-position: 0 0;
}
.pagination-warehouse-buttons .button-prev:hover {
  background-position: 0 -48px;
}
.pagination-warehouse-buttons .button-next {
  float: right;
  background-position: -48px 0;
}
.pagination-warehouse-buttons .button-next:hover {
  background-position: -48px -48px;
}
.warehouse-image-box {
  height: 460px;
  position: relative;
  z-index: 1000;
}
.warehouse-image-box .image-box {
  position: absolute;
  border-radius: 5px;
  overflow: hidden;
}
.warehouse-image-box .image-box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.warehouse-image-box .image-1 {
  width: 431px;
  height: 260px;
  left: 0;
  top: 167px;
}
.warehouse-image-box .image-2 {
  width: 250px;
  height: 250px;
  left: 455px;
  top: 88px;
}
.warehouse-image-box .image-3 {
  width: 430px;
  height: 190px;
  left: 745px;
  top: 0px;
}
.warehouse-image-box .image-4 {
  left: 727px;
  top: 210px;
  width: 362px;
  height: 250px;
}
.image-box {
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  -o-transition: transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.email-container {
  margin-bottom: -55px;
  width: 905px;
  height: 105px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  background-color: #53a346;
  padding: 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  position: relative;
}
.email-container .emial-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.email-container .logo {
  height: 105px;
  margin-right: 40px;
}
.email-container .email-note {
  font-size: 22px;
  font-weight: bold;
  color: #0a4a00;
}
.email-container .email-form {
  width: 365px;
  background-color: #fff;
  border-radius: 26px;
  overflow: hidden;
  height: 42px;
  padding: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.email-container .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
  outline: none;
  font-size: 12px;
  border: 0;
}
.email-container .submit {
  padding: 0 20px;
  line-height: 40px;
  height: 40px;
  background-color: #57a14c;
  color: #fff;
  font-size: 18px;
  border: 0;
  border-radius: 20px;
}
.page-footer {
  padding: 150px 0 90px;
  background: url('../images/foot-bg.png') center center no-repeat;
  background-size: cover;
  background-color: #001a5c;
}
.page-footer .left-menu {
  width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-footer .powers {
  margin-top: 30px;
  border-top: 2px solid #fff;
  text-align: center;
}
.page-footer .powers > p {
  color: #fff;
  margin: 30px 0 0;
  font-size: 18px;
  text-transform: uppercase;
}
.menu-row .menu-head {
  font-size: 16px;
  color: #57a14c;
  margin-bottom: 10px;
}
.menu-row .menu-item {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.menu-row .menu-list {
  list-style: none;
  padding: 0;
}
.menu-row .menu-list li {
  line-height: 26px;
}
.right-infos {
  width: 400px;
}
.right-infos .foot-logo {
  height: 65px;
  margin-bottom: 30px;
}
.right-infos .info-line {
  color: #fff;
  font-size: 16px;
  line-height: 35px;
}
.right-infos .info-line img {
  vertical-align: middle;
  margin-right: 10px;
}
.right-infos .foot-qrcode {
  width: 90px;
  vertical-align: bottom !important;
}
.image-scale {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.image-scale:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.news-banner-image {
  background-image: url('../images/news-bannerr.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.menu-tabs {
  text-align: center;
  border-bottom: 1px solid #58729c;
  line-height: 60px;
}
.menu-tabs .menu-item {
  text-decoration: none;
  color: #001a5c;
  font-size: 16px;
  padding: 0 20px;
}
.menu-tabs .menu-item:hover,
.menu-tabs .menu-item.active {
  color: #53a346;
}
.menu-tabs .active::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 14px solid #53a346;
  border-bottom: 7px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.article-list-wapper {
  padding: 90px 0 120px;
}
.article-list-wapper .block-head {
  margin-bottom: 70px;
}
.search-container {
  width: 480px;
  margin: 0 auto 70px;
}
.search-form {
  background-color: #042c6b;
  border-radius: 10px;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-form .search-input {
  line-height: 44px;
  padding-left: 18px;
  outline: none;
  border: none;
  border-radius: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  color: #042c6b;
}
.search-form .search-submit {
  margin-left: 10px;
  background-color: transparent;
  outline: none;
  border: 0;
}
.search-form .search-icon {
  width: 40px;
}
.article-container {
  overflow: hidden;
  width: 900px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(10, 58, 144, 0.34);
          box-shadow: 0 0 10px rgba(10, 58, 144, 0.34);
  margin: 0 auto 35px;
}
.article-top {
  position: relative;
  overflow: hidden;
}
.article-top .top-img {
  width: 100%;
  display: block;
}
.article-top .top-notes {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 20px 30px;
  background-color: rgba(94, 158, 84, 0.54);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
}
.article-top .top-notes .title {
  font-size: 25px;
  margin: 0;
}
.article-top .top-notes .desc {
  font-size: 16px;
  margin: 0;
}
.article-list {
  padding: 30px 15px;
}
.article-list .article-item {
  padding: 15px 0;
  border-top: 1px solid #58729c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.article-list .article-item:first-child {
  border-top: 0px;
}
.article-list .item-image-wp {
  width: 240px;
  height: 140px;
  border-radius: 10px;
  margin-right: 20px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article-list .item-infos {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.article-list .item-infos a {
  text-decoration: none;
}
.article-list .item-title {
  color: #042c6b;
  font-size: 18px;
  margin: 0 0 10px;
}
.article-list .item-content {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 显示3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  margin: 0 0 10px;
}
.article-list .item-foot .time {
  font-size: 14px;
  color: #5e9e54;
}
.article-list .item-foot .view-more {
  color: #fff;
  font-size: 12px;
  padding-left: 5px;
  line-height: 32px;
  width: 66px;
  background: url('../images/link-more.png') no-repeat;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination .page-item,
.pagination .page-index,
.pagination .page-last,
.pagination .page-next,
.pagination .page-numbar,
.pagination .page-pre,
.pagination .page-status {
  color: #042c6b;
  font-size: 14px;
  padding: 7px 14px;
  border: 1px solid #042c6b;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 4px;
}
.article-detail-wapper {
  padding: 50px 0;
}
.brand-links {
  padding: 10px 0;
  color: #5e9e54;
  font-size: 14px;
}
.brand-links .link {
  text-decoration: none;
  color: #5e9e54;
}
.article-detail-container {
  padding: 50px 42px;
  border-top: 1px solid #042c6b;
  border-bottom: 1px solid #042c6b;
}
.article-detail-container .article-title {
  margin: 0;
  text-align: center;
  color: #042c6b;
  font-size: 18px;
  margin-bottom: 30px;
}
.article-detail-container .article-content {
  text-align: justify;
  word-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  -ms-hyphens: auto;
  hyphens: auto;
}
.article-detail-container .article-content img {
  max-width: 100%;
  display: block;
  margin: 0 auto 8px;
}
.article-pagination {
  padding: 10px 0;
}
.pagination-left {
  font-size: 14px;
}
.pagination-left .pagination-p {
  color: #4e9d41;
  margin: 0;
  line-height: 30px;
}
.pagination-left .link {
  color: #4e9d41;
  text-decoration: none;
}
.pagination-left .link:hover {
  text-decoration: underline;
}
.contact-banner-image {
  background-image: url('../images/contact-bannerr.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.contact-container {
  padding: 130px 0;
}
.contact-team {
  margin-bottom: 20px;
}
.contact-team .image-box {
  width: 405px;
  height: 450px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.contact-team .image-box::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(3, 44, 107, 0.4);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.contact-team .image-box:hover::after {
  background-color: rgba(0, 0, 0, 0);
}
.contact-team .image-box:hover .image-item {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.contact-team .image-item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-team .team-info {
  font-size: 22px;
  color: #fff;
  position: absolute;
  left: 40px;
  bottom: 40px;
  z-index: 10;
}
.contact-tels .tel-box {
  height: 145px;
  width: 405px;
  padding: 30px 25px 0 35px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px rgba(10, 58, 144, 0.34);
          box-shadow: 0 0 6px rgba(10, 58, 144, 0.34);
  position: relative;
}
.contact-tels .icon-image {
  height: 35px;
  vertical-align: middle;
  margin-right: 10px;
}
.contact-tels .qrcode {
  width: 85px;
  position: absolute;
  right: 25px;
  top: 30px;
}
.contact-tels .icon-name {
  color: #001a5c;
  font-size: 18px;
  line-height: 35px;
}
.contact-tels .icon-name span {
  vertical-align: middle;
}
.contact-tels .infos {
  font-size: 14px;
  color: #333;
  line-height: 26px;
  padding-left: 45px;
}
.contact-tels .infos > p {
  margin: 0;
}
.mapbox {
  height: 555px;
}
.about-banner-image {
  background-image: url('../images/about-bannerr.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.about-banner-image .banner-title {
  text-shadow: 0 0 5px rgba(9, 59, 144, 0.7), 0 0 10px rgba(9, 59, 144, 0.6), 0 0 15px rgba(9, 59, 144, 0.5);
}
.about-block1 {
  padding: 145px 0;
}
.about-block-left {
  padding-top: 70px;
  position: relative;
}
.about-block-left .left-video {
  width: 480px;
  height: 270px;
  background-color: #f2e0da;
  border-radius: 5px;
  position: relative;
  z-index: 10;
}
.about-block-left::before {
  width: 430px;
  height: 238px;
  content: '';
  display: block;
  background-color: #6aad63;
  border-radius: 5px;
  position: absolute;
  left: -25px;
  bottom: -30px;
  z-index: 1;
}
.about-block-left::after {
  width: 185px;
  height: 130px;
  content: '';
  display: block;
  background-color: #fff;
  border: 2px solid #6aad63;
  border-radius: 5px;
  position: absolute;
  right: -30px;
  top: 35px;
  z-index: 1;
}
.about-block-right {
  width: 340px;
}
.about-block-right .block1-title {
  font-size: 30px;
  font-weight: bold;
  color: #53a346;
  margin-bottom: 20px;
}
.about-block-right .block1-content {
  color: #333333;
  line-height: 26px;
  margin-bottom: 10px;
  font-size: 14px;
}
.about-block-right .block1-bar {
  -webkit-box-shadow: 0 0 6px rgba(10, 58, 144, 0.34);
          box-shadow: 0 0 6px rgba(10, 58, 144, 0.34);
  height: 44px;
  line-height: 44px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.about-block-right .block1-bar .bar-name {
  font-size: 16px;
  padding-left: 10px;
  width: 80px;
  font-weight: bold;
  display: inline-block;
  color: #4e9d41;
}
.about-block-right .block1-bar .bar-text {
  font-size: 12px;
  color: #333;
}
.about-block-right .block1-sm,
.about-block-right .block1-yj,
.about-block-right .block1-jzg {
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.about-block-right .block1-sm:hover .bar-text,
.about-block-right .block1-yj:hover .bar-text,
.about-block-right .block1-jzg:hover .bar-text {
  color: #fff;
}
.about-block-right .block1-sm:hover {
  background-color: #042c6b;
  background-image: url('../images/about-sm.png');
  background-position: right center;
  background-repeat: no-repeat;
}
.about-block-right .block1-yj:hover {
  background-color: #042c6b;
  background-image: url('../images/about-yj.png');
  background-position: right center;
  background-repeat: no-repeat;
}
.about-block-right .block1-jzg:hover {
  background-color: #042c6b;
  background-image: url('../images/about-jzg.png');
  background-position: right center;
  background-repeat: no-repeat;
}
.about-block2 {
  height: 695px;
  background: url('../images/about-block2.png') center no-repeat;
  background-color: rgba(4, 44, 107, 0.4);
  background-size: cover;
}
.block2-container {
  width: 1200px;
  margin: 0 auto;
}
.block2-wapper {
  padding-top: 170px;
  height: 695px;
  position: relative;
}
.block2-wapper::before {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  background-color: #fff;
  position: absolute;
  top: 345px;
}
.block2-wapper::after {
  content: '';
  width: 0%;
  height: 3px;
  display: block;
  background-color: #5e9e54;
  -webkit-animation: widthAnimate 15s linear infinite both;
          animation: widthAnimate 15s linear infinite both;
  position: absolute;
  top: 345px;
}
.block2-wapper .wapper-top,
.block2-wapper .wapper-bottom {
  text-align: center;
}
.block2-wapper .wapper-bottom {
  margin-top: 3px;
}
.block2-wapper .top-item,
.block2-wapper .bottom-item {
  height: 175px;
  width: 200px;
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: top;
  border-left: 2px solid #fff;
  padding-left: 10px;
  color: #fff;
}
.block2-wapper .top-item img,
.block2-wapper .bottom-item img {
  height: 40px;
}
.block2-wapper .top-item .item-info,
.block2-wapper .bottom-item .item-info {
  font-size: 14px;
  line-height: 26px;
  width: 150px;
  margin: 10px 0 0;
}
.block2-wapper .top-item .year,
.block2-wapper .bottom-item .year {
  position: absolute;
  font-size: 30px;
  left: 0;
  bottom: 0;
  line-height: 1;
}
.block2-wapper .bottom-item .year {
  bottom: auto;
  top: 0;
}
.block2-wapper .bottom-item .bottom-info {
  position: absolute;
  left: 10px;
  bottom: 0;
}
.block2-wapper .wapper-bottom .bottom-item:first-child {
  margin-left: 150px;
}
@-webkit-keyframes widthAnimate {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthAnimate {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
root {
  --border-gradient-angle: 0turn;
}
.about-block3 {
  padding: 50px 0 80px;
}
.about-block3 .block-head {
  margin-bottom: 80px;
}
.about-block3 .container-sm {
  position: relative;
}
.about-block3 .value-wapper {
  width: 820px;
  margin: 0 auto;
}
.about-block3 .value-item {
  margin: 0 10px 10px 0;
  float: left;
  width: 390px;
  height: 220px;
  position: relative;
  background-color: #042c6b;
}
.about-block3 .value-item img {
  width: 100%;
  opacity: 0.8;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-block3 .value-item .value-text {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 40%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.about-block3 .value-item:hover .value-text {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}
.about-block3 .management-block-top {
  width: 80px;
  height: 35px;
  position: absolute;
  background-color: #fff;
  left: 50%;
  top: 0;
}
.about-block3 .management-block-top .management-block-theme {
  padding: 1px 0 0 1px;
}
.about-block3 .management-block-right {
  width: 85px;
  height: 35px;
  position: absolute;
  background-color: #fff;
  left: 50%;
  margin-left: 135px;
  top: 170px;
}
.about-block3 .management-block-right .management-block-theme {
  padding: 1px 1px 0 0px;
}
.about-block3 .management-block-bottom {
  width: 85px;
  height: 35px;
  position: absolute;
  background-color: #fff;
  right: 50%;
  top: 307px;
}
.about-block3 .management-block-bottom .management-block-theme {
  padding: 0px 1px 1px 0px;
}
.about-block3 .management-block-left {
  width: 85px;
  height: 35px;
  position: absolute;
  background-color: #fff;
  right: 50%;
  margin-right: 137px;
  top: 135px;
}
.about-block3 .management-block-left .management-block-theme {
  padding: 0px 0px 1px 1px;
}
.about-block3 .management-block-theme {
  width: 100%;
  height: 100%;
  display: block;
}
.about-block3 .management-block-cover {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
}
.about-block3 .management-image {
  display: block;
  margin: 0 auto 70px;
}
.about-block3 .management-info {
  position: absolute;
  width: 205px;
}
.about-block3 .management-info .title {
  font-size: 16px;
  color: #07397a;
  font-weight: bold;
  margin-bottom: 5px;
}
.about-block3 .management-info .desc {
  font-size: 14px;
  color: #333;
  line-height: 25px;
}
.about-block3 .management-top {
  left: 50%;
  margin-left: 95px;
  top: -15px;
}
.about-block3 .management-right {
  left: 50%;
  margin-left: 215px;
  top: 215px;
}
.about-block3 .management-bottom {
  right: 50%;
  margin-right: 90px;
  top: 325px;
  text-align: right;
}
.about-block3 .management-left {
  right: 50%;
  margin-right: 220px;
  top: 25px;
  text-align: right;
}
@property --border-gradient-angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0turn;
}
.border-animate-demo {
  background-image: conic-gradient(from var(--border-gradient-angle) at 50% 50%, transparent, #4e9d41 21%, transparent 17%);
  -webkit-animation: buttonBorderSpin 5s linear infinite 0ms;
          animation: buttonBorderSpin 5s linear infinite 0ms;
}
@-webkit-keyframes buttonBorderSpin {
  0% {
    --border-gradient-angle: 0turn;
  }
  100% {
    --border-gradient-angle: 1turn;
  }
}
@keyframes buttonBorderSpin {
  0% {
    --border-gradient-angle: 0turn;
  }
  100% {
    --border-gradient-angle: 1turn;
  }
}
.about-block4-wapper {
  background-color: #042c6b;
}
.about-block4 {
  height: 695px;
}
.about-block4 .block4-wapper-item {
  width: 100%;
  height: 695px;
  position: relative;
}
.about-block4 .year-info {
  position: absolute;
  left: 0;
  top: 220px;
}
.about-block4 .year-info .year {
  font-size: 50px;
  color: #53a346;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 30px;
}
.about-block4 .year-info .infos {
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}
.about-block4 .year-info .year-pay {
  color: #fff;
  font-size: 20px;
}
.about-block4 .year-images {
  width: 800px;
  position: absolute;
  right: 0;
  bottom: 190px;
}
.about-block4 .year-images .year-cs {
  width: 255px;
  height: 280px;
  border-radius: 10px;
}
.about-block4 .year-images .year-cs + .year-cs {
  margin-left: 10px;
}
.pagination-buttons {
  position: absolute;
  left: 50%;
  bottom: 100px;
  width: 110px;
  margin-left: -519px;
  z-index: 99;
}
.block4-bg1 {
  background: url('../images/2021-11.png') center no-repeat;
  background-size: cover;
}
.block4-bg2 {
  background: url('../images/2021-22.png') center no-repeat;
  background-size: cover;
}
.block4-bg3 {
  background: url('../images/2021-33.png') center no-repeat;
  background-size: cover;
}
.block4-bg4 {
  background: url('../images/2022-11.png') center no-repeat;
  background-size: cover;
}
.block4-bg5 {
  background: url('../images/2022-22.png') center no-repeat;
  background-size: cover;
}
.block4-bg6 {
  background: url('../images/2022-33.png') center no-repeat;
  background-size: cover;
}
.block4-bg7 {
  background: url('../images/2023-11.png') center no-repeat;
  background-size: cover;
}
.block4-bg8 {
  background: url('../images/2023-22.png') center no-repeat;
  background-size: cover;
}
.block4-bg9 {
  background: url('../images/2023-33.png') center no-repeat;
  background-size: cover;
}
.year-button-next,
.year-button-prev {
  width: 48px;
  height: 48px;
  display: inline-block;
  background: url('../images/swiperButton.png') no-repeat;
}
.year-button-next {
  background-position: -48px -48px;
  cursor: pointer;
}
.year-button-next.swiper-button-disabled {
  background-position: -48px 0;
  cursor: auto;
}
.year-button-prev {
  background-position: 0 -48px;
  cursor: pointer;
}
.year-button-prev.swiper-button-disabled {
  cursor: auto;
  background-position: 0 0;
}
.about-block5 {
  padding: 70px 0 110px;
  background: url('../images/paternbg.png') center no-repeat;
  background-size: cover;
}
.about-block5 .partner-wapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.about-block5 .partner-item {
  width: 232px;
  height: 160px;
  background: url('../images/partner.png') no-repeat;
  margin-top: -22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-block5 .partner-image {
  max-height: 65px;
  margin: 0 -40px 0 0;
}
.partner-box {
  margin-top: 35px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(9, 59, 144, 0.21);
          box-shadow: 0 0 10px rgba(9, 59, 144, 0.21);
  padding: 27px;
}
.partner-box .box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.partner-box .logo-box {
  width: 270px;
  height: 70px;
  line-height: 70px;
  -webkit-box-shadow: 0 0;
          box-shadow: 0 0;
  -webkit-box-shadow: 0 0 10px rgba(9, 59, 144, 0.21);
          box-shadow: 0 0 10px rgba(9, 59, 144, 0.21);
  background-color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
.partner-box .logo-box > img {
  max-height: 50px;
}
.partner-box .box-name {
  font-size: 16px;
  color: #042c6b;
  text-align: center;
}
.block5-ask {
  position: relative;
  height: 17px;
}
.block5-ask .hezuo {
  position: absolute;
  width: 255px;
  left: 50%;
  margin-left: -127px;
}
.business-banner-image {
  background-image: url('../images/zyyw-bannerr.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.business-banner-image .banner-title {
  text-shadow: 0 0 5px rgba(9, 59, 144, 0.7), 0 0 10px rgba(9, 59, 144, 0.6), 0 0 15px rgba(9, 59, 144, 0.5);
}
.business-container {
  padding: 75px 0;
}
.business-container .block-head {
  margin-bottom: 50px;
}
.business-container .freight-content {
  font-size: 14px;
  color: #333;
  text-align: center;
  line-height: 30px;
  margin-bottom: 60px;
}
.freight-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.freight-row .freight-item {
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.freight-row .freight-item:after {
  content: '→';
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  right: -40px;
}
.freight-row .freight-item:last-child:after {
  display: none;
}
.freight-row .freight-name {
  font-size: 20px;
  color: #333;
}
.freight-row .freight-icon {
  width: 76px;
  height: 95px;
  display: inline-block;
  margin-bottom: 20px;
}
.freight-row .icon-gnsy {
  background: url('../images/gnns.png');
}
.freight-row .icon-gnsy:hover {
  background: url('../images/gnns-active.png');
}
.freight-row .icon-gnzz {
  background: url('../images/gnzz.png');
}
.freight-row .icon-gnzz:hover {
  background: url('../images/gnzz-active.png');
}
.freight-row .icon-qygbg {
  background: url('../images/qingguan.png');
}
.freight-row .icon-qygbg:hover {
  background: url('../images/baoguan-active.png');
}
.freight-row .icon-gjys {
  background: url('../images/gnys.png');
}
.freight-row .icon-gjys:hover {
  background: url('../images/gnys-active.png');
}
.freight-row .icon-mdgqg {
  background: url('../images/qingguan.png');
}
.freight-row .icon-mdgqg:hover {
  background: url('../images/qingguan-active.png');
}
.freight-row .icon-scsj {
  background: url('../images/shsj.png');
}
.freight-row .icon-scsj:hover {
  background: url('../images/shsj-active.png');
}
.storage-container {
  padding: 75px 0 80px;
}
.storage-container.storage-bg1 {
  background: url('../images/storage-bg1.png') center no-repeat;
  background-size: cover;
  background-color: #042c6b;
}
.storage-container.storage-bg2 {
  background: url('../images/storage-bg2.png') center no-repeat;
  background-size: cover;
  background-color: #042c6b;
}
.storage-container.storage-bg3 {
  background: url('../images/storage-bg3.png') center no-repeat;
  background-size: cover;
  background-color: #042c6b;
}
.storage-content {
  margin-top: 60px;
}
.storage-content .storage-left {
  width: 600px;
}
.storage-content .storage-block-title {
  padding: 15px 0;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  border-bottom: 1px dashed #fff;
  margin-bottom: 30px;
}
.storage-content .lines {
  font-size: 14px;
  color: #fff;
  margin-bottom: 15px;
}
.storage-content .lines .line-label {
  width: 165px;
  margin-right: 38px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background-color: #5e9e54;
  border: 1px solid #5e9e54;
  color: #fff;
  border-radius: 15px;
  cursor: pointer;
}
.storage-content .lines .line-label:hover {
  border: 1px solid #fff;
  background-color: #042c6b;
}
.storage-content .lines .line-label:hover + span {
  color: #5e9e54;
}
.storage-content .storage-img {
  width: 295px;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.sea-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-top: 40px;
}
.sea-row .sea-item {
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 0 30px;
}
.sea-row .sea-item:after {
  content: '→';
  font-size: 20px;
  color: #fff;
  position: absolute;
  bottom: 25px;
  right: -40px;
}
.sea-row .sea-item:last-child:after {
  display: none;
}
.sea-row .sea-name {
  font-size: 16px;
  color: #fff;
}
.sea-row .sea-item:hover .sea-name {
  color: #5e9e54;
}
.sea-row .sea-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-bottom: 10px;
}
.sea-row .icon-1 {
  background: url('../images/sea1.png');
}
.sea-row .sea-item:hover .icon-1 {
  background: url('../images/sea1-active.png');
}
.sea-row .icon-2 {
  background: url('../images/sea2.png');
}
.sea-row .sea-item:hover .icon-2 {
  background: url('../images/sea2-active.png');
}
.sea-row .icon-3 {
  background: url('../images/sea3.png');
}
.sea-row .sea-item:hover .icon-3 {
  background: url('../images/sea3-active.png');
}
.sea-row .icon-4 {
  background: url('../images/sea4.png');
}
.sea-row .sea-item:hover .icon-4 {
  background: url('../images/sea4-active.png');
}
.sea-row .icon-5 {
  background: url('../images/sea5.png');
}
.sea-row .sea-item:hover .icon-5 {
  background: url('../images/sea5-active.png');
}
.sea-row .icon-6 {
  background: url('../images/sea6.png');
}
.sea-row .sea-item:hover .icon-6 {
  background: url('../images/sea6-active.png');
}
.sea-row .icon-7 {
  background: url('../images/sea7.png');
}
.sea-row .sea-item:hover .icon-7 {
  background: url('../images/sea7-active.png');
}
.endservice-container {
  padding: 80px 0 100px;
}
.endservice-container .block-head {
  margin-bottom: 50px;
}
.endservice-container .endservice-info {
  font-size: 14px;
  color: #333;
  line-height: 30px;
  text-align: center;
}
.endservice-container .ending-row {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.endservice-container .ending-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.endservice-container .end-img {
  width: 100%;
  height: 328px;
  overflow: hidden;
}
.endservice-container .end-img > img {
  display: block;
}
.endservice-container .ending-item + .ending-item {
  margin-left: 12px;
}
.endservice-container .end-name {
  position: absolute;
  font-size: 20px;
  color: #fff;
  left: 0;
  top: 300px;
}
.endservice-container .end-foot {
  padding: 15px 0;
  background-color: #5e9e54;
  text-align: center;
  line-height: 25px;
  color: #fff;
  font-size: 14px;
}
.solve-banner-image {
  background-image: url('../images/solve-banner.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.challenge-container {
  padding: 90px 0 60px;
}
.challenge-content {
  position: relative;
  margin-top: 70px;
}
.challenge-content .challenge-image {
  width: 370px;
  height: 370px;
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-box-shadow: 15px -15px 0 #5e9e54;
          box-shadow: 15px -15px 0 #5e9e54;
}
.challenge-content .challenge-image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.challenge-content .challenge-infos {
  padding-left: 430px;
  margin-right: -50px;
}
.challenge-content .title {
  font-size: 25px;
  color: #042c6b;
}
.challenge-content .bar {
  height: 3px;
  width: 220px;
  background-color: #042c6b;
  margin-left: -115px;
  margin-bottom: 15px;
  margin-top: 25px;
  position: relative;
  z-index: 2;
}
.challenge-content .challenge-desc {
  font-size: 14px;
  line-height: 24px;
  color: #042c6b;
}
.challenge-content .challenge-strong {
  font-size: 16px;
  font-weight: bold;
}
.case-container {
  padding: 160px 0 85px;
  background-color: #042c6b;
}
.case-lines {
  margin-bottom: 12px;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.case-lines .case-white {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  padding: 30px 30px 0 30px;
}
.case-lines .t {
  font-size: 40px;
  color: rgba(4, 44, 107, 0.25);
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
}
.case-lines .case-white + .case-imgbox {
  margin-left: 12px;
}
.case-lines .case-imgbox + .case-white {
  margin-left: 12px;
}
.case-lines .case-imgbox {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.case-lines .case-imgbox > img,
.case-lines .case-imgbox .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.case-lines .case-imgbox .img:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #032c6b;
  opacity: 0.2;
  display: block;
}
.case-lines .case-imgbox1 {
  width: 370px;
}
.case-lines .case-imgbox2 {
  width: 370px;
}
.case-lines .case-imgbox3 {
  width: 295px;
}
.case-lines .case-name {
  margin-bottom: 15px;
}
.case-lines .case-name .name {
  padding: 0 18px;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  border-radius: 15px;
  color: #fff;
  background-color: #5e9e54;
}
.case-lines .case-desc {
  font-size: 14px;
  color: #333;
  line-height: 26px;
}
.case-lines .case-desc .green {
  color: #4e9d41;
  font-size: 20px;
  font-weight: bold;
}
.score-container {
  background-color: #fff;
  padding: 75px 0;
}
.score-content {
  margin-top: 55px;
}
.score-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.score-rows + .score-rows {
  margin-top: 50px;
}
.score-rows .score-item {
  text-align: center;
  width: 200px;
}
.score-rows .score-top {
  font-size: 30px;
  color: #042c6b;
  margin-bottom: 10px;
}
.score-rows .score-bottom {
  font-size: 16px;
  color: #333;
}
.tooltip-white .tooltip-arrow {
  border-top-color: #fff !important;
  border-width: 20px 20px 0 !important;
  margin-left: -20px !important;
}
.tooltip-white .tooltip-inner {
  background-color: #fff;
  border: 2px solid #6cac69;
  padding: 15px 30px;
  color: #042c6b;
  font-size: 16px;
  text-align: left;
}
.animate-duration-3 {
  -webkit-animation-duration: 0.3s !important;
          animation-duration: 0.3s !important;
  position: relative;
  padding: 5px 0;
}