@charset "UTF-8";
/**
 *
 * @authors Korbin 280674094@qq.com
 * @date    2019-04-24 15:00:30
 * @version $Id$
 */
@font-face {
  font-family: 'OPPOSansR';
  src: url(../fonts/OPPOSans-R.ttf?v=1) format('truetype');
  font-style: normal;
  font-display: swap;
  font-weight: normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'iconfont'; /* Project id 4421632 */
  src: url('../fonts/iconfont.woff2?t=1706066135011') format('woff2'),
    url('../fonts/iconfont.woff?t=1706066135011') format('woff'),
    url('../fonts/iconfont.ttf?t=1706066135011') format('truetype');
}

#ZTN {
  padding-bottom: 600px;
}

.bg-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 99;
  opacity: 0;
  pointer-events:none;
}

.iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  line-height: 1;
  padding: 0px;
  margin: 0px;
  font-style: normal;
  list-style-type: none;
  word-break: break-word;
  text-decoration: none;
  font-family: 'OPPOSansR', 'Microsoft YaHei', sans-serif, SimSun;
  border: 0 none;
  outline: 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

html {
  min-height: 100vh;
  position: relative;
}

html,
body {
  width: 100%;
  /* min-width: 1200px !important; */
}


div,
p {
  word-break: break-word;
}
a {
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 14px;
}
input,
textarea,
button,
select {
  outline: none;
  resize: none;
  border: 1px solid #ddd;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  font-size: 14px;
}
input,
textarea {
  color: #666;
  background: #fff;
}
button {
  background: none;
  cursor: pointer;
  border: 0 none;
}
label th,
label td {
  word-break: break-all;
  word-wrap: break-word;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
} /*google浏览器黄色背景*/
input::-ms-clear,
input::-ms-reveal {
  display: none;
} /*ie浏览器的眼睛跟叉叉*/
input[type='checkbox'],
input[type='radio'] {
  vertical-align: middle;
}
.absolute {
  position: absolute;
}
.kbico {
  display: inline-block;
  vertical-align: top;
  font-family: 'SourceHanSansCN';
  font-style: normal;
}
.overflow-hidden {
  overflow: hidden;
}
.fclear:after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}
.hide {
  display: none;
}
.head {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  /* max-width: 1920px; */
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 999999999;
  margin: auto;
  height: 78px;
  width: 100%;
}
html.down .head {
  opacity: 0;
  visibility: hidden;
}
html.up .head {
  opacity: 1;
  visibility: visible;
}
.head:after {
  clear: both;
  content: '';
  overflow: hidden;
}
.head .logo {
  float: left;
  margin-right: 60px;
  display: flex;
  width: 150px;
  height: 100%;
  align-items: center;
}

#ZTN.en .head .logo img {
  height: 51px;
}

.head .nav-box {
  display: flex;
  align-items: center;
  height: 100%;
}
.head .nav-box .nav {
  height: 100%;
}
.head-container-flex {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.head .wrapperKn {
  height: 100%;
}
.head .nav li {
  float: left;
  position: relative;
  height: 100%;
  margin: 0 38px;
  max-width: 68px;
  display: flex;
  justify-content: center;
}

body.no-touch .head .nav li:hover::after,
body .head .nav li.on::after {
  content: '';
  display: block;
  width: 130%;
  min-width: 100px;
  height: 3px;
  background-color: #ed7422;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.head .nav ul {
  display: block;
  width: 100%;
  height: 100%;
}
.head .nav li .cnh {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  font-size: 16px;
  position: relative;
  color: #fff;
  font-weight: 100;
  letter-spacing: 1px;
  white-space: nowrap;
}
.head .nav li:last-child .cnh {
  margin-right: 0;
}
.head .nav li .sub {
  position: absolute;
  top: 100%;
  left: -130px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
  /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); */
  z-index: 888;
  display: flex;
  padding: 65px 130px;
  background:#fff url('../img/header/bg-log.png') right -40px center no-repeat;
}
.head .nav li .sub a {
 	font-size: 14px;
	font-weight: 100;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #666666;
}
.head .nav li .sub dl {
  margin-right: 100px;
}
.head .nav li .sub dt {
  display: flex;
  border-bottom: 1px solid #d3d3d3;
  height: 45px;
}
.head .nav li .sub dt span {
  white-space: nowrap;
  margin-right: 73px;
  padding-top: 8px;
}
.head .nav li .sub dt span a {
  font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #2c2321;
}
.head .nav li .sub dd {
  margin-top: 27px;
}
body.no-touch .head.active .nav li:hover .sub,
body .head.active .nav li.on .sub {
  visibility: visible;
  opacity: 1;
  top: 100%;
  margin-top: 2px;
}
.head.active .nav li:hover .arr:after {
  /* content: '\e600';
  display: inline-block;
  position: absolute;
  right: -22px;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  transition: all 0.3s;
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
}

.head.active {
  background-color: #fff;
  border-bottom: 2px solid #0f1d4a;
}
.head.active .nav li .cnh {
  color: #2c2321;
  font-weight: 700;
}

.wrapperKn {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

.index_hd {
  margin-bottom: 60px;
  text-align: center;
}
.index_hd h2 {
  margin-top: 100px;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #0f1d4a;
  line-height: 1;
  padding-bottom: 37px;
  position: relative;
}
.index_hd h2::after {
  content: '';
  display: block;
  width: 82px;
  height: 2px;
  background-color: #ee772d;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.index_hd h3 {
  font-size: 16px;
  font-weight: bold;
  color: #188ae2;
  text-transform: uppercase;
}

.subheading h2 {
	font-size: 45px;
	letter-spacing: 2px;
	color: #261c19;
  padding-bottom: 22px;
  border-bottom: 1px solid #ececec;
  position: relative;
  margin-bottom: 25px;
}
.subheading p {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
}
.subheading-right {
  text-align: right;
}
.subheading-right h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ececec;
  position: absolute;
  right: -100%;
  bottom: -1px;
}
.subheading-right h2::before {
  content: '';
  display: block;
  width: 88px;
	height: 2px;
	background-color: #ed7422;
  position: absolute;
  right: 0;
  bottom: -2px;
}

.subheading-left {
  text-align: left;
}

.subheading-left h2::before {
  content: '';
  display: block;
  width: 88px;
	height: 2px;
	background-color: #ed7422;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.subheading-left h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ececec;
  position: absolute;
  left: -100%;
  bottom: -1px;
}

.home-subheading-arrow {
  position: absolute;
  left: 0;
  top: 126px;
  font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #081714;
}

@keyframes delayni {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.rev_slider li .tp-caption.layer_2,
.rev_slider li .tp-caption.layer_2 span {
  font-size: 60px !important;
  line-height: 70px !important;
  letter-spacing: 0 !important;
}
.rev_slider li .logo_slide {
  display: block;
  animation: delayni 5s;
  z-index: 8;
  position: absolute;
  top: 90px;
  left: 20px;
}
.rev_slider li .logo_slide img {
  height: 40px;
}

.en .xitem1 .swiper-slide:last-child {
  display: none;
}
.xitem1 .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.xitem1 .swiper-slide p {
  display: block;
  text-align: center;
  font-size: 22px;
  color: #021d49;
  margin-top: 30px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
}
.xitem1 .mySwiper {
  padding-bottom: 60px;
}
.xitem1 .mySwiper .swiper-slide img {
  transition: all 1s ease-out;
  transform: none;
}
.xitem1 .mySwiper .swiper-slide img:hover {
  transform: scale(1.1);
}
.swiper-scrollbar-bullet {
  width: 10px !important;
  height: 10px !important;
}
.xitem1 .swiper-scrollbar-bullet,
.xitem2 .swiper-scrollbar-bullet {
  margin-right: 20px !important;
}
.swiper-scrollbar-bullet-active {
  background-color: #0f1b4a !important;
}
.xitem1 .swiper-scrollbar-bullets {
  margin-top: 60px;
}
.servicebox {
  display: flex;
}
.servicebox li {
  flex: 1;
  overflow: hidden;
}
.servicebox li .simg {
  display: block;
}
.servicebox li a {
  display: block;
  height: 150px;
  color: #fff;
  position: relative;
  margin: 0 20px;
  overflow: hidden;
}
.servicebox li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.75s ease;
}
.servicebox li .textbox {
  padding: 30px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 22;
  display: flex;
  align-items: center;
  justify-content: center;
}
.servicebox li .title {
  margin-bottom: 15px;
  text-align: center;
}
.servicebox li .title .kbico {
  font-size: 50px;
  line-height: 32px;
}
.servicebox li .title .ion1:after {
  content: '\e90c';
}
.servicebox li .title .ion2:after {
  content: '\e90b';
}
.servicebox li .title .ion3:after {
  content: '\e90a';
}
.servicebox li .title .ion4:after {
  content: '\e9a3';
}
.servicebox li .title h4 {
  font-size: 24px;
  margin-top: 10px;
  line-height: 36px;
  font-weight: bold;
}
.servicebox li .textbox .par {
  font-size: 16px;
  line-height: 26px;
  opacity: 0;
  height: 0px;
  transition: all 0.75s ease;
}
.servicebox li .textbox .par .more {
  text-align: center;
  margin-top: 25px;
}
.servicebox li .textbox .par .more span {
  display: inline-block;
  line-height: 30px;
  padding: 0 15px;
  border: 1px solid #fff;
}
.servicebox li:hover a:after {
  background: linear-gradient(rgba(2, 117, 246, 0.8), rgba(2, 117, 246, 1));
}
.servicebox li:hover .par {
  opacity: 1;
  height: 291px;
}

@keyframes warn {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
.xitem2 {
  position: relative;
  overflow: hidden;
}
.xitem2 .index_hd {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.xitem2 .index_hd h2 {
  margin: 0;
  line-height: 1.3;
}
.xitem2 > img {
  display: block;
  width: 100%;
  object-fit: cover;
  min-width: 1200px;
}
.xitem2 .swiper-scrollbar-bullets.swiper-scrollbar-horizontal {
  bottom: 25px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 99;
}

.map-content {
  height: 692px;
  position: relative;
  margin: 0px auto 40px;
  background: url('../img/globalMap.png?20200713') no-repeat left top;
  text-align: left;
}
.map-hm .red-pointer {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  background: #ee4b13;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 55;
}
.map-hm .red-pointer:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  background: #ee4b13;
  border-radius: 50%;
  animation: warn 1.5s ease-out infinite;
}

.xitem3 {
  background-color: #f7f4f8;
  overflow: hidden;
}
.xitem3 .wrapperKn {
  display: flex;
  justify-content: space-between;
}
.xitem3 .information-trends-text {
  text-align: left;
  max-width: 40%;
}
.xitem3 .news-sub-title {
  display: flex;
  align-items: baseline;
  font-size: 20px;
  margin-top: 10px;
}
.xitem3 .news-sub-title span {
  color: #ee772d;
  margin-right: 15px;
}
.xitem3 .news-sub-title p {
  color: #919191;
}
div.xitem3 .swiper-slide {
  align-items: flex-start;
  justify-content: space-between;
  background-color: transparent;
}
.xitem3 .information-trends-text h2 {
  display: inline-block;
  line-height: 1;
  padding-bottom: 15px;
  margin-top: 90px;
  position: relative;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #0e1d49;
}
.xitem3 .information-trends-text h2::after {
  content: '';
  display: block;
  width: 200px;
  height: 2px;
  background-color: #ee772d;
  position: absolute;
  bottom: 0;
  left: 0;
}
.xitem3 .information-trends-text h3 {
  margin: 35px 0 15px;
  font-size: 22px;
  font-weight: 400;
  color: #021d49;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0px;
}
.xitem3 .information-trends-text p {
  font-weight: 100;
  font-size: 15px;
  color: #494949;
  line-height: 34px;
  font-stretch: normal;
  letter-spacing: 0px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.xitem3 .information-trends-text a {
  margin-top: 10%;
  border-radius: 30px;
  display: inline-block;
  font-weight: 100;
  line-height: 1;
  font-stretch: normal;
  font-size: 30px;
  background-color: #ee782e;
  letter-spacing: 2px;
  color: #fff;
  padding: 15px 25px;
}
div.xitem3 .swiper-slide img {
  width: 52%;
}
/* .xitem3 .wrapperKn{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;} */
.xitem3 .swiper-pointer-events {
  position: relative;
  padding-bottom: 100px;
}
.xitem3 .swiper-scrollbar-bullets {
  bottom: 40px !important;
  position: absolute;
}
.xitem3 .swiper-scrollbar-bullet {
  margin: 0 10px !important;
}
.swiper-scrollbar-bullets {
  text-align: center;
}

.map-hm .coordinate-item {
  position: absolute;
}
.map-hm .city-name {
  background: #fff;
  position: absolute;
  bottom: 24px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  white-space: nowrap;
  padding: 0 10px;
}
.map-hm .city-name:after {
  content: '';
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -5px;
}
.map-hm .city-name h4 {
  line-height: 36px;
}
.map-hm .with-icon {
  height: 40px;
  line-height: 43px;
  font-weight: bold;
  font-size: 20px;
}
.map-hm .warehouse-detail {
  position: absolute;
  bottom: 40px;
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  width: 560px;
  padding: 20px;
  opacity: 0;
  display: none;
  z-index: 66;
}
.box-flex {
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
}
.map-hm .warehouse-detail:after {
  content: '';
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -7px;
}
.map-hm .house-info {
  flex: 1;
  color: #545454;
  margin-right: 20px;
  font-size: 20px;
  line-height: 32px;
}
.map-hm .house-section {
  flex: 1;
  display: flex;
  flex-flow: wrap;
  flex-shrink: 0;
  align-items: center;
  padding-left: 10px;
}
.map-hm .house-section .item {
  margin-bottom: 10px;
  width: 100%;
}
.map-hm .house-pic {
  display: flex;
  width: 150px;
  align-items: center;
  flex-flow: wrap;
}
.map-hm .house-pic img {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 10px;
}
.map-hm .house-pic img:last-child {
  margin-bottom: 0px;
}
.map-hm .right-side .city-name {
  right: -10px;
}
.map-hm .right-side .city-name:after {
  right: 11px;
}
.map-hm .right-side .warehouse-detail {
  right: -20px;
}
.map-hm .right-side .warehouse-detail:after {
  right: 20px;
}
.map-hm .left-side .city-name {
  left: -10px;
}
.map-hm .left-side .city-name:after {
  left: 11px;
}
.map-hm .left-side .warehouse-detail {
  left: -20px;
}
.map-hm .left-side .warehouse-detail:after {
  left: 19px;
}
.map-hm .place-r1 {
  left: 548px;
  top: 181px;
}
.map-hm .place-r2 {
  left: 561px;
  top: 230px;
}
.map-hm .place-r3 {
  left: 541px;
  top: 262px;
}
.map-hm .place-r4 {
  right: 103px;
  bottom: 90px;
}
.map-hm .place-r5 {
  left: 607px;
  top: 206px;
}
.map-hm .place-r6 {
  left: 600px;
  top: 244px;
}
.map-hm .place-r7 {
  left: 294px;
  top: 257px;
}
.map-hm .place-r8 {
  left: 140px;
  top: 276px;
}
.map-hm .place-r9 {
  left: 412px;
  top: 140px;
}
.map-hm .place-r10 {
  left: 259px;
  top: 297px;
}
.map-hm .place-r11 {
  right: 214px;
  bottom: 355px;
}
.map-hm .place-r12 {
  left: 95px;
  top: 200px;
}
.map-hm .place-r13 {
  right: 99px;
  top: 193px;
}
.map-hm .place-r14 {
  right: 90px;
  top: 176px;
}

/* .chatbar{width: 44px;position: fixed;height: 100%; top: 0;right: 0px;z-index: 6;display: flex;align-items:center;flex-direction: column;
  justify-content: center;}
.chatbar a{display: block;width:44px;line-height: 46px; height: 46px;color: #fff;  white-space:nowrap;position: relative;margin:1px 0;}
.chatbar .box span{display: block;position: absolute;top: 0;right:0px;border-top-left-radius:5px;border-bottom-left-radius:5px;transition:all .5s;  background: rgba(0,0,0,.7);}
.chatbar .box span em{width: 0px;  display: inline-block;vertical-align: top; }
.chatbar a:hover span{background: rgba(255,97,0,.7);padding-right: 10px;}
.chatbar a:hover em{width: auto;}
.chatbar a:hover .iconfont{opacity: 1;} */
/* .chatbar .iconfont{display: inline-block;opacity: .6; vertical-align: top; width: 44px;height: 46px;}
.chatbar .icon-tel{background: url(../img/tel.png) no-repeat center center;background-size: 25px;}
.chatbar .icon-feishu{background: url(../img/feishu2.png) no-repeat center center;background-size: inherit;}
.chatbar .icon-notice{background: url(../img/notice.png) no-repeat center center;background-size: 50% 50%;}
.chatbar .icon-mail{background: url(../img/mail.png) no-repeat center center;background-size: 25px;} */
.chatbar {
  width: calc(91px + 35px);
  padding-right: 35px;
  height: 92px;
  position: fixed;
  bottom: 260px;
  right: 0;
  z-index: 999999;
  transition: all 1s ease;
  margin-top: 10px;
}
.chatbar .customer-server {
  display: block;
  width: 92px;
  height: 92px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABmCAYAAADS6F9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDExNi4xNjQ3NjYsIDIwMjEvMDIvMTktMjM6MTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTczNWU1M2MtMzY4YS00NTljLTljMWUtNDM2Zjc5OTYxNjU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM2QjdCN0I0Mzk5QTExRUQ4MTAzQTc5NEZGQUQ3OTE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM2QjdCN0IzMzk5QTExRUQ4MTAzQTc5NEZGQUQ3OTE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTYxZjQ2YjAtYzU3Yi05MzRmLWFlOGYtYjU2NGQ2MzgxZWQ2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Mzg4MGNiMTctZGZkOS03NDRiLTkyNGMt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');
}
.chatbar .box,
.chatbar .box > a {
  height: 100%;
}
.chatbar .box > a {
  display: flex;
  position: relative;
}
.chatbar .box > a > span:first-child {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
}
.chatbar .box > a > span:last-child {
  transition: all 1s ease;
  opacity: 0;
  margin-left: 33px;
  width: 0%;
  height: 93%;
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 20px;
  box-shadow: inset 0px -6px 18px #dcdcdc;
}
.chatbar .consultation-text {
  margin-left: 75px;
  text-align: center;
}
.chatbar .consultation-text p {
  white-space: nowrap;
}
.chatbar .consultation-text p:first-child {
  font-size: 24px;
  font-weight: bold;
  color: #f77319;
  margin-bottom: 10px;
}
.chatbar .consultation-text p:last-child {
  font-size: 20px;
  font-weight: 500;
  color: #f77319;
  overflow: hidden;
}
.chatbar.active {
  width: 335px;
}
div.en .chatbar.active {
  width: 480px;
}
.chatbar.active .box > a > span:last-child {
  width: 100%;
  opacity: 1;
}
/* .chatbar.active .consultation-text{display: block;}
.chatbar.active .consultation-text p {opacity: 1;transition: all .3s ease .5s;} */
.susp-icon-scale {
  transform: scale(0.7);
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.scrollTop {
  cursor: pointer;
  display: none;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  position: fixed;
  bottom: 150px;
  right: 35px;
  z-index: 999999;
  border: 1px solid #f77319;
  background: #fff
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAWCAYAAAC2ew6NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDExNi4xNjQ3NjYsIDIwMjEvMDIvMTktMjM6MTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTczNWU1M2MtMzY4YS00NTljLTljMWUtNDM2Zjc5OTYxNjU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE3OEMyQTEwNTRFNDExRUQ5NEU4Q0Y2ODY4RkZGQjRBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3OEMyQTBGNTRFNDExRUQ5NEU4Q0Y2ODY4RkZGQjRBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTllZWVkYTctN2VlNC04NDQxLWE3MjItNTc1NmM4NDZlYjBlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWMwZTI3YjYtZGU5Yy1mMzQxLWJjYjYtYTc4YTlkOGYxYTFjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nHnclgAAAYRJREFUeNrU1z9Lw1AUh+Hm+A38Hp0UBCfpIIjiUJxURHTwz+jQ6qZLTQdxkeLgIB1cdFQEEScH9+4O4mRB6KIgSH0DJxCCtTe9p1YLP07S3pw8ScPlJmi327n/8Aksm72W83nKDbkly8PVxqdF3+hmijHyTi9+kdT5bsiqvxghRxTZIqNki8xbYsUAOZZATvB3P5NDtncUe8SYYKBQRUbP5BMZj5Dxb2yHil0nNV+seCALCWQB2Et6jCVWPJCX5FGRzU5jrbDigWzoM9nsdowFVjIiZynXipwE0HI91hcrGZEX5CEr0gIrjsiiIu/JVC9IX6w4IBco54qc4URvvnNiL1hxQNbJFZm2QKawe65Y+QG5mkDO0fjdekVEz11KVbFhZijIDcqJTkMR8qNfyzd6byu2xHlDZ6gia+SMFPuJ/AZb7oSVFLKUQC5ZrSctsJJAxgNPfxvpghVFRlPFPjkmK4NAdsMKOxVqRZGbDBz4S1QKW4nv6Bo5+CvIFDZUX+5LgAEAc6zX6+7MeukAAAAASUVORK5CYII=')
    center center no-repeat;
}
.scrollTop:hover {
  background: #f77319
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAWCAYAAAC2ew6NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDExNi4xNjQ3NjYsIDIwMjEvMDIvMTktMjM6MTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTczNWU1M2MtMzY4YS00NTljLTljMWUtNDM2Zjc5OTYxNjU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNENzM1MjQwNERDMzExRURCQTkxRTEwRENFNDA1NTdFIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNENzM1MjNGNERDMzExRURCQTkxRTEwRENFNDA1NTdFIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODE3ODE3MjctNjczYi0wMzRjLWJkMmUtNWZjNmU1Zjk1ZWU1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjNlMjQ4MzgtOTRmNi01YTRkLWI4ODktNjExYWZiZTEzZjJiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lMexAQAAARxJREFUeNrU1j0LgkAcx3FNCGppqqm30NTQ3gtoaK2tybElamsyg/bGoOgF1AsQGpsaWtsboqElKIjrJ92BiKjn/UU7+Ir4cH5AlNMZY9o/jALxfA10RRtk5BXqIh2koz5ak2LdV09QE93QBdXRkP3GFhkUz6BAttDDgxTHxxy7RHrWUIE8o1rAeTKsCrLtQVZDriPBqiCf6BSBJMOqII+oInGfElYW2UGvBEhlrCzyjQ4JkUrYuJN3OdJBZYJfmjQ2zqQ99CFEJsLGRe5RiRApmsbFhk0y8CCLKSBFNsfOk0BNfvMuZaQfa8tATeoFBQXWf2CUETISG/QVrjJChmLFzoRySZYG1t1YOUP6sZaA3tEiZ0jRjPu0rwADAKbnpZlLPuiRAAAAAElFTkSuQmCC')
    center center no-repeat;
}

.newsbox {
  overflow: hidden;
  clear: both;
}
.newsbox li {
  float: left;
  width: 50%;
}
.newsbox .bigone .inner h3 {
  white-space: nowrap;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 30px;
}
.newsbox .helflist .inner h3 {
  white-space: nowrap;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 24px;
}
.newsbox .bigone .imgbox {
  height: 260px;
  overflow: hidden;
}
.newsbox .bigone .inner {
  margin-right: 10px;
  padding: 20px;
  border: 1px solid #e2e2e2;
}
.newsbox .bigone .inner .title {
  margin-bottom: 20px;
}
.newsbox .imgbox a {
  display: block;
}
.newsbox .bigone .inner h3 a {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
}
.newsbox .inner img {
  width: 100%;
  transition: all 0.3s;
}
.newsbox .inner:hover img {
  transform: scale(1.2);
}

.newsbox .bigone .newsType {
  padding: 20px 0 12px;
  overflow: hidden;
}
.newsbox .newsType span {
  margin-right: 20px;
}
.newsbox .newsType .type {
  color: #188ae2;
}
.newsbox .newsType .time {
  color: #999;
}
.newsbox .bigone .section {
  height: 90px;
  overflow: hidden;
}
.newsbox .helflist {
  padding-left: 10px;
}
.newsbox .helflist .section {
  overflow: hidden;
}
.newsbox .helflist .inner {
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #e2e2e2;
  padding: 20px;
}
.newsbox .helflist .inner:last-child {
  margin-bottom: 0px;
}
.newsbox .helflist .imgbox {
  width: 160px;
  height: 110px;
  float: left;
  overflow: hidden;
  margin-right: 20px;
}
.newsbox .helflist .title a {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.newsbox .inner .title a:hover {
  color: #188ae2;
}
.newsbox .helflist .newsType {
  padding: 7px 0;
  overflow: hidden;
}
.newsbox .helflist .Ellipsis {
  height: 50px;
  overflow: hidden;
}

.partner-box ul {
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
  flex-flow: wrap;
}
.partner-box li {
  width: 25%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partner-box li img {
  width: 240px;
  height: 120px;
  opacity: 0.7;
}
.partner-box li:hover img {
  opacity: 1;
}

body:not(.no-touch) .copyright p, .copyright a{
  /* padding-bottom: 20px; */
  line-height: 46px;
}

body:not(.no-touch) .footer::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: black;
  position: fixed;
  bottom: 0;
}

.footer {
  background: #0f1b4c url(../img/home/footer-logo-bg.png) -200px top no-repeat;
  padding-top: 105px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}


.footer-left h1 {
  font-size: 50px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 80px;
	letter-spacing: 10px;
	color: #ffffff;
	opacity: 0.8;
  margin-top: 90px;
}

.footer-right-ul li a {
	font-size: 16px;
	font-weight: 100;
	font-stretch: normal;
	letter-spacing: 9px;
	color: #ffffff;
	opacity: 0.7
}

.footer-right-ul li {
  margin-bottom: 25px;
}
.footer-concern ul {
  padding-bottom: 15px;
  border-bottom: 2px solid #ed7422;;
}
.footer-concern li {
  margin: 0 12px;
}
.footer-concern li> a >img {
  filter: contrast(61%) opacity(62%);
}
.footer-concern li:hover > a > img {
  filter: contrast(100%) opacity(100%);
}

.footer-concern p {
  font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ee772d;
	opacity: 0.7;
  text-align: center;
  margin-top: 18px;
}

.follow-us-box {
  padding-top: 38px;
  padding-bottom: 38px;
  border-bottom: 1px solid #fff;
}
.follow-us-text {
  display: flex;
}
.follow-us-text span {
  color: #ee772d;
  margin-right: 25px;
  margin-left: 80px;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
}
.follow-us-text ul {
  display: flex;
}
.follow-us-text ul li {
  margin-right: 30px;
  cursor: pointer;
}
.follow-us-text ul li > img {
  height: 20px;
}
.foot_nav {
  overflow: hidden;
  clear: both;
  padding: 40px 0 80px 80px;
  position: relative;
  display: flex;
}
.foot_nav .box {
  line-height: 26px;
  color: #ccc;
  margin-right: 80px;
  max-width: 110px;
  white-space: nowrap;
}
.foot_nav .box:nth-child(5) {
  width: 344px;
}
.foot_nav .footlogo {
  display: flex;
  width: 206px;
  align-items: center;
  height: 125px;
}
.foot_nav .footlogo img {
  width: 160px;
}
.foot_nav a {
  color: #fff;
  font-size: 15px;
  letter-spacing: 4px;
}
.foot_nav .qrcodebox {
  margin-left: auto;
  margin-right: 0 !important;
  max-width: none !important;
}
.foot_nav .box h3 {
  font-size: 17px;
  margin-bottom: 25px;
  color: #fff;
  font-weight: 600;
}
.foot_nav .box ul li {
  margin-bottom: 25px;
}
.foot_nav li a:hover {
  color: #ed7422;
}
.foot_nav li .iconfont,
.foot_nav li .icon-add {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
}
.foot_nav li .icon-tel {
  background: url(../img/tel.png) no-repeat left center;
  background-size: 15px;
}
.foot_nav li .icon-mail {
  background: url(../img/mail.png) no-repeat left center;
  background-size: 15px;
}
.foot_nav li .icon-add:after {
  content: '\e956';
}
.foot_nav .qrcode {
  text-align: right;
}
.foot_nav .qrcode img {
  display: inline-block;
  margin-top: 0;
  margin-right: 40px;
}
.xitem4 {
  position: relative;
}
.xitem4 .wrapperKn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
}
.xitem4 h2 {
  color: #fff !important;
  font-size: 36px;
  font-weight: bold;
  color: #0e1d49;
  padding-top: 8%;
  position: relative;
  line-height: 1;
  padding-bottom: 30px;
}
.xitem4 h2::after {
  content: '';
  display: block;
  width: 82px;
  height: 4px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.xitem4 img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.gdpic {
  width: 1140px;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.gdpic .hd {
  position: relative;
}
.gdpic .bd ul {
  overflow: hidden;
}
.gdpic .bd ul li {
  text-align: center;
  margin: 0 8px;
  float: left;
  _display: inline;
  overflow: hidden;
}
.gdpic .bd ul li .pic {
  text-align: center;
}
.gdpic .bd ul li .pic img {
  width: 174px;
  display: block;
  opacity: 0.7;
  transition: all 0.3s;
}
.gdpic .bd ul li .pic:hover img {
  opacity: 1;
}

.aboutsec h2 {
  text-align: center;
  font-size: 20px;
  margin: 10px 0 25px 0;
  font-weight: bold;
}
.aboutsec .section {
  height: 316px;
  overflow: hidden;
  line-height: 29px;
  font-size: 14px;
}
.aboutsec .aboutkey {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.aboutsec .aboutkey a {
  vertical-align: top;
  padding: 0 20px;
  line-height: 36px;
  background: #38444d;
  color: #fff;
  border-radius: 2px;
  width: 150px;
  text-align: center;
}
.aboutsec .aboutkey a:hover {
  background: #188ae2;
}

@-webkit-keyframes scrollText {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-180px);
  }
  100% {
    transform: translateY(-360px);
  }
}

@keyframes scrollText {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(0px);
  }
  50%,
  75% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(-400px);
  }
}
.xitem5 {
  overflow: hidden;
  background-color: #fafafa;
  padding-bottom: 135px;
}
.xitem5 .index_hd {
  margin: 113px 0 100px;
}
.mySwiper1 {
  overflow: hidden;
}
.superiority {
  position: relative;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.superiority li {
  flex: 1;
  position: relative;
  z-index: 5;
  height: 100%;
  padding: 0 20px;
}
.superiority li:nth-child(4n) {
  border: none;
}
.superiority li .holder {
  width: 100%;
  margin-top: 70px;
}
.superiority li .holder .icon-super {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.superiority li .icon-super em {
  display: inline-block;
  width: 34px;
  line-height: 34px;
  height: 34px;
  font-size: 32px;
  color: #188ae2;
}
.superiority li .icon-super .ia1:after {
  content: '\e908';
}
.superiority li .icon-super .ia2:after {
  content: '\e999';
}
.superiority li .icon-super .ia3:after {
  content: '\e911';
}
.superiority li .icon-super .ia4:after {
  content: '\e906';
}
.superiority li .icon-super .ia5:after {
  content: '\e905';
}
.superiority li .icon-super .ia6:after {
  content: '\e903';
}
.superiority li .icon-super .ia7:after {
  content: '\e901';
}
.superiority li .icon-super .ia8:after {
  content: '\e9ca';
}
.superiority li h3 {
  margin-bottom: 20px;
  color: #0e1d49;
  font-size: 22px;
  width: 100%;
  font-weight: bold;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.superiority li p {
  color: #494949;
  font-size: 15px;
  line-height: 1.5;
}
.superiority li h3 em {
  font-size: 40px;
  vertical-align: top;
  margin-right: 5px;
}

.PageMain {
  min-height: calc(100vh - 232px);
  /* overflow: hidden; */
}
.banner,
.bannerInpic,
.PageMain   {
  max-width: 1920px;
  margin: auto;
}

.bannerInpic {
  height: 462px;
  color: #fff;
}
.bannerInpic .wrapperKn {
  height: 100%;
  display: flex;
  align-items: center;
}
.bannerInpic .bnrtxt {
  position: relative;
  z-index: 5;
}
.bannerInpic .bnrtxt h2 {
  font-size: 40px;
  line-height: 45px;
  margin: 10px 0 15px;
}
.bannerInpic .bnrtxt h2 img {
  vertical-align: middle;
  margin-top: -3px;
}
.bannerInpic .bnrtxt p {
  color: #fff;
}
.bannerInpic .bnrtxt h2.newsts {
  font-size: 80px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 8px;
  line-height: 1;
  margin: 0;
}
.bannerInpic .bnrtxt a:hover {
  color: #188ae2;
}
.bannerInpic .bnrtxt b {
  color: #188ae2;
}
.vasbanr {
  position: relative;
}

.abt1 {
  background-color: #fffeff;
  padding-top: 85px;
  padding-bottom: 50px;
}
.abt1 .wrapHd {
  padding-bottom: 30px;
}
.shortword {
  width: 910px;
  word-wrap: break-word;
  margin: 0 auto;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  color: #666;
}
.pagsection .flexbox {
  display: flex;
}
.pagsection .traitlist {
  margin-top: 40px;
}
.pagsection .traitlist li {
  flex: 1;
  text-align: center;
}
.pagsection .traitlist li .imgicon {
  margin-bottom: 30px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagsection .traitlist li .imgicon img {
  max-height: 100%;
}
.pagsection .traitlist li h3 {
  font-size: 15px;
}
.traitlist li .list {
  width: 300px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.03);
  margin: 0 auto;
  padding: 40px 20px;
  background: #fff;
  border-radius: 3px;
}

.vision {
  padding: 100px 0 0;
}
.vision .text h2 {
  display: inline-block;
  font-size: 35px;
  font-weight: normal;
  color: #0e1d49;
  margin-top: 30px;
  letter-spacing: 2px;
}
.vision .text h3 {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  color: #ee772d;
  margin-top: 35px;
  margin-bottom: 15px;
}
.vision .text p {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #494949;
}
.vision .wrapperKn {
  border-bottom: dashed 1px #cbc9ca;
  padding-bottom: 80px;
}
.vision .wrapperKn .vision-content {
  display: flex;
}
.vision .wrapperKn .vision-img {
  margin-right: 3%;
  display: flex;
  align-items: center;
  max-width: 800px;
}
.vision .wrapperKn .vision-img img {
  display: block;
  width: 100%;
}
.vision .wrapperKn .vision-content .text > * {
  flex: 1;
}

.sec2 {
  background: #f6f6f6;
}
.wrapHd {
  text-align: center;
}
.wrapHd h2 {
  font-size: 30px;
  line-height: 34px;
}
.coreService li {
  width: 580px;
  height: 364px;
  margin-right: 40px;
  position: relative;
}
.coreService li img {
  width: 100%;
  height: 100%;
  display: block;
}
.coreService li:last-child {
  margin-right: 0px;
}
.coreService li .midtxt {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6;
  text-align: center;
  color: #fff;
}
.coreService li .midtxt .hod {
  padding: 30px 20px;
  background: rgba(32, 65, 90, 0.8);
  width: 100%;
}
.coreService li .midtxt h3 {
  font-size: 20px;
  color: #188ae2;
  margin-bottom: 10px;
}

.culture {
  padding: 80px 0;
}
.culture .wrapperKn {
  display: flex;
  justify-content: space-between;
}
.culture-bg {
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
}
.culture .text {
  display: flex;
  flex-direction: column;
  margin-right: 8%;
}
.culture .text > * {
  flex: 1;
}
.culture .text li {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}
.culture .text h2 {
  font-size: 35px;
  font-weight: normal;
  color: #0e1d49;
  margin-bottom: 30px;
  letter-spacing: 2px;
  margin-top: 20px;
}
.culture .text h3 {
  font-size: 22px;
  font-weight: 400;
  color: #ee772d;
  white-space: nowrap;
}
.culture .text h3:last-child {
  margin-bottom: 0;
}
.culture-icon {
  margin-right: 20px;
}
.culture .text span {
  font-size: 15px;
  font-weight: 400;
  color: #919191;
  margin-left: 15px;
  line-height: 1.5;
  white-space: nowrap;
  padding-top: 5px;
}
.culture .culture-img {
  display: flex;
  align-items: center;
}
.culture .wrapperKn .culture-img img {
  display: block;
  width: 100%;
}

.development-path {
  overflow: hidden;
  background-color: #fafcff;
  position: relative;
}
.development-path .wrapperKn {
  height: 100%;
}
.development-path-swiper {
  padding-top: 50px;
  padding-bottom: 90px;
}
.development-path-swiper .year {
  border-bottom: 2px solid #b4b6b8;
  font-weight: 500;
  padding-bottom: 16px;
}
.development-path-swiper .year span {
  font-size: 18px;
  color: #0e1d49;
}
.development-path-swiper {
  padding-left: 40px;
}
.development-path .swiper-slide:first-child {
}
.development-path .swiper-slide:last-child {
  padding-right: 40px;
}
.development-path .swiper-slide ul {
  padding-top: 25px;
  height: 300px;
}
.development-path .swiper-slide ul li {
  display: flex;
  font-size: 18px;
  font-weight: 400;
  color: #919191;
  padding-left: 10px;
  margin-bottom: 15px;
  position: relative;
}
.development-path .swiper-slide ul li::before {
  content: '·';
  display: inline-block;
  font-size: 33px;
  color: #494949;
  position: absolute;
  left: -5px;
  top: -2px;
}
.development-path .swiper-slide ul li span {
  line-height: 2;
  font-size: 15px;
  color: #494949;
}
.development-path-bg {
  height: 723px;
}
.development-path-bg .text {
  text-align: center;
  padding-top: 127px;
}
.development-path-bg .text h2 {
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
}
.development-path-bg .text p {
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  line-height: 50px;
  margin-top: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.development-path-year {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 160px;
}
.development-path-year ul {
  display: flex;
  justify-content: center;
  color: #fff;
  overflow-x: auto;
  padding-bottom: 5px;
}
.development-path-year ul::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: hsla(0, 0%, 100%, 0);
}
.development-path-year ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(144, 147, 153, 0.5);
}
.development-path-year ul li {
  flex: 0 0 110px;
  position: relative;
}
.development-path-year ul li.swiper-scrollbar-active .round::after {
  background-color: #ed721e;
}
.development-path-year ul li > p {
  width: 40px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 23px;
  white-space: nowrap;
}
.development-path-year ul li > div {
  position: relative;
}
.development-path-year ul li > div .round {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.development-path-year ul li .round::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.development-path-year ul li > div::before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.development-path-year ul li:last-child > div::before {
  display: none;
}
.development-path-year ul li:last-child {
  flex: 0 0 40px;
}

.business-architecture {
  height: 791px;
}
.business-architecture h2 {
  font-size: 35px;
  font-weight: 400;
  color: #0e1d49;
  padding-top: 130px;
  text-align: center;
}

.abt3 {
  background-color: #fff;
}
.abt3 .wrapHd {
  text-align: left;
}
.abt3 .wrapHd h2 {
  padding: 90px 0 50px 30px;
}

.team-style {
  position: relative;
}
.team-style .wrapperKn {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.team-style .text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15%;
}
.team-style .text h2 {
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: center;
  padding-bottom: 50px;
}
.team-style .text p {
  font-size: 15px;
  color: #ffffff;
  line-height: 2.5;
  text-align: center;
}
.top-search-text {
  padding-top: 390px;
}

.top-search-text h2 {
  font-size: 54px;
	letter-spacing: 2px;
	color: #ffffff;
  margin-bottom: 34px;
}

.top-search-text p {
  font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
}

.top-search-box {
  padding: 65px 0 0;
  border-bottom: 1px solid #e6e6e6;
}
.top-search-box .wrapperKn {
  height: 100%;
}
.top-search-box .search-icon {
  width: 27px;
  height: 27px;
  background: url(../img/job-search.png) center center/90% no-repeat;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.top-search-box .search-frame {
  position: relative;
}
.top-search-box .search-input {
  width: 100%;
  height: 70px;
  border: none;
  border-radius: 10px;
  background-color: #d9d7d9;
  padding: 0 210px 0 80px;
  font-size: 22px;
  font-weight: 400;
  color: #000;
}


.top-search-box .text-right {
  cursor: pointer;
  position: absolute;
  right: 43px;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
	font-size: 21px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
}
.top-search-box .search-input::placeholder {
  font-size: 22px;
  font-weight: 400;
  color: #919191;
}
.sec3 {
  padding-bottom: 0px;
}
.serviceAbility {
  background: url(../img/osp3.jpg) no-repeat center center;
  height: 400px;
}
.serviceAbility li {
  display: flex;
  height: 400px;
  flex: 1;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
}
.serviceAbility li:nth-child(odd) {
  background: rgba(24, 138, 226, 0.5);
}
.serviceAbility li:nth-child(even) {
  background: rgba(24, 138, 226, 0.9);
}
.serviceAbility li h3 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}

.OssAdvantages li {
  border: 1px solid #e6e6e6;
  flex: 1;
  margin-right: 24px;
  border-radius: 3px;
}
.OssAdvantages li:last-child {
  margin-right: 0px;
}
.OssAdvantages .ficon {
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OssAdvantages .caption {
  padding: 0 20px 20px;
  text-align: center;
}
.OssAdvantages .caption h4 {
  font-size: 18px;
  color: #188ae2;
  margin-bottom: 10px;
}
.OssAdvantages .caption p {
  font-size: 12px;
}

.sec5 {
  background: #f6f6f6;
}
.worldmap {
  text-align: center;
}

.OssRealistic .swiper-slide {
  position: relative;
}
.OssRealistic .rp img {
  width: 100%;
  display: block;
  object-fit: fill;
}
.OssRealistic .cap {
  text-align: center;
  width: 100%;
  padding: 10px 20px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.OssRealistic .cap h3 {
  font-size: 16px;
}
.OssRealistic .swiper-button-prev {
  left: 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABOCAYAAAC9kT8UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDExNi4xNjQ3NjYsIDIwMjEvMDIvMTktMjM6MTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTczNWU1M2MtMzY4YS00NTljLTljMWUtNDM2Zjc5OTYxNjU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1Q0YzQTBDMjM5ODExRUQ4Mzg2OTBGRUE4REYzNjlEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1Q0YzQTBCMjM5ODExRUQ4Mzg2OTBGRUE4REYzNjlEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmMwMGQ0MjEtOWZmOC0yZTQ4LTlkMGEtNzViYzZiNjRiYmU3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTRlYTU2ZDctM2FkYS03YzQxLTg2YTItOWJjNGEyY2Y5NmJiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ncQ25gAABKtJREFUeNrEm3lIVVEQxu+5LUaLSNkOlhWS0SItWBJBRQtEBRW2UtkiRIu22YIUFaQGlRZYQasVRiBFEEEb5D8FFRRB0EZltEkJaoZpad/wprD1vTfnzn0HPgbknvHHvHfnzJlznnEiOBobG1vDzIYmQHGQC5VBl6FiY0w1PWciCNgHZi/U9R+PvIcyAPrURAiwG8wxqEOQRz9CqSYCgNEM2CPEKUXGZ8AomEJoUBjTXhsfAemlyIXGhDvX9TGQaySAGHWuT1GcDzNLOP2+6wMg5cBVFi6KXWXAoTDbLFycR54sNYqAlKyPQG2ELm5BqwFZb5QAO8EchzoJXTyGlgKwRmVZBGBbmKNQL6GLt1AaAD+opCAAtoDZYwFYRS9ZU0BPIQFo+CUZLHRRR7kUgM81k3kGNF44twHKBuA9tRUHUaSacJ6Fi70AvK62LAJwLKUKCxcnAVistnYDMAlmh4UfqsD3BXvIWADGc7KOFrq4C62gZK0CCcBYTtZdhIDPoMUA/KRSqgGwDX9EUsByaGWogGFDcrLeBSUIAWsYsFyl6OVknQ0lCwG/crJ+plmZL4MmWSSDLQC8K5nohhjF6TCLLADzAXhZOtkNAXAUzAYLwDMAPGWTj00QwIEwB6AooX9a6jYCskEFEoBxXBfGSDdQ9D0GYJ3t0mv+AdieuwzdhX5f0HcYgFVeFDDuXwBbwRRYAH7gXOgJ4B+Q3GWgZJ0o9PfZCXTC3npZ8f8eSUrWKRbJOguAj7zeN7lNopgOM8XC1w4A3tLYfboMOBkm3cJPIQAvau3hDQBpZ0fJtqXQRwkAczQ7IRTJhRaApVCedj/JtXhRHkCbbVeTUCFjhG8yLXe1jg/D5a5BuKM5lMk1pi+Q0rQxDlruF+RR/vgkYyGiOVUdkg5znECTSTo2ATRZO5IOQM/CFAt90PdzF+dbPcgf/RjohtAPbXMLANpBA9L8pUw7DPUV+ntIy6vXqemXKoidZ0LvhP76UaHBJZ9aqeZwlzWDN/KSMZrn60EyKG3gN0LfhH7nIpozVCEZ9KYTOAuUjiyApqhCMug5mCIL37kATVCF5LEfuib0T9cX8gHaUa050CQ1UXPgIDRA+H/o8GgJPpnPar0gOP8CsxZ6I4Skj3ynNDWFPAmgFU7gtLVaCDoSWqcKyaDUmVhvUTWlIppzVCEZ9I4TOHGQjkzu1OlBMihtX49YZJQcgCaqQvKgt/2ScG4Up6YunqWg/6QmavRT/zJJ6CKkoxKraoUPiig1lQld9OZVqZkaJINWctVTKXQx3AnS7vak7gPoK45ovdDFNERzgSokg9JZ9VYLFyv5xFcPkkHpGKTQwsV2PkzQg2RQ2sdfsEhNu/nqojcpKEhqokPSYUIXtPymqd9EBWg77o7EC138PA9XuwbGUaDUVCF0MYT3Wfp3ehHR/jCHHPmp2hpfWncApXuTecKg3PbzJup8R3ZFsda3m6j4jtKus0QwtZXfF48pKHQkOCKMaW/8vNPr8CEAvbFPwph2NVKX4TvDnIBigzxKfamZbiQgEVH6yQCdwP3voLSck3llxH77wBGlDgfdmp4I9eQ/v4SuQKd/3ET9LsAAstB8Wk01JfUAAAAASUVORK5CYII=);
}
.OssRealistic .swiper-button-next {
  right: 50px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABOCAYAAAC9kT8UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDExNi4xNjQ3NjYsIDIwMjEvMDIvMTktMjM6MTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTczNWU1M2MtMzY4YS00NTljLTljMWUtNDM2Zjc5OTYxNjU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzNjRCNDZDMjM5ODExRURCRkMzREE3MDhDRjNBODAyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNjRCNDZCMjM5ODExRURCRkMzREE3MDhDRjNBODAyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTA4YzQ3ZTYtYzQzYi04ODRlLWI4ZjYtMjQwMmIxZWY4NDA1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTRlYTU2ZDctM2FkYS03YzQxLTg2YTItOWJjNGEyY2Y5NmJiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+baPyMgAABLZJREFUeNrEm2lIVVEQx8+92oKVQURh0IZtRFFQgX4paIMIWggiyTYrsM3UouWDhq3angWB7VFZUUFFUEEFEUIQ0fKhkMgKsjJtsQWX0P7Dm+J98Ol9c+7cN/BnQN6Z+7vnvjf3nJmjY9iam5s7wc2FJkF9+c9voJvQecdxfpsYmcOAA+CKoR4RPvcBWgHQdzGBBGBX+AtQ9zY+Ww0tAOinoCFdurAHQMOf2c9fi8AhJ0bx+YFQIUDdoCF7RTkmFVofNGSdYNwszOb8ICGfC8euAuj4oCBLLdLXFoAOU4dESrkPf1U4vgO0F6C9NCH/JfN2cIegUcI4FVAGbviH1uM2CN4It5ZfgxLrD+3km9WBZFCahSzoqzDWGGijKiSDVsKtgeqF8aZhNjNUIRn0GVy+RczlAJ2sCsmgd+AOWsQtAOhIVUgGPQV3RRiXfkB7ANrbtxQUyXCROLgDUIowPq0/F+GGv6tBMmhnuGNQsvAaT6BlnOb8fdxhj/0n3GqoRngN+m7m42YdNUgG/QiXbZGapkCZqpAM+oKTdZPwWosxm1NVIRmUFiP7LX4DeQAdrQrJoOfgLgoh46FdAO2nCsm2G3ogHNuFts8A7eZbCmolNSXAHYUGCUPQjiATT6ZeayYNVzQoNVUJQwyHNntJTVZbU4B+5tQkLcFMoL2SKiSDlsNtsEhN8zGbM1UhGbSMVuYWITYANFUVkkEvwZ0VDo/jykiyKiQbrZjuCcdSjekAQLv7loJaSU0d4UqgocIQL6EleDJ1WjNpOHiOCdU0JTYE2hZeFFOpjgG0hnPoL2GIcXyjepAM+hpuHfRHGCINszlb5TvZwnd0Oq1+hMPpBtPVIRl0JdxC4fDbQUHSdbabUGcjWqsNBJJBe5pQ9S5efdFrkTsLJYCwb24AgC4/6uHCEGVBzCQ1AcYKxzZAJ13lWaQK2yyLEDso37qKgLR9XW4RogSA19V+OABMsUjgZNcAWKK5ChoMdwRKkP5QaEsCyCYVSAAmwZ0w3nqVLRlVSZaGL9N8hQRgItxxqJ8wxHsTKhN+UUnmAGwPt88C8BvtGlsC9AWSk/VWaIQwBBUHcltr+Psxk7mQtMdIP46N3EzQeXdjFtPh5liEKOJKnc4Cg9sg2RaAxwF4WW0VBEDqQW62ALwBHfa8FREAJnOqkZ7FeMjJulEFEoB0JOekiXw0py0r52Qd1S7SiQLQtlVCzYGFAKxWWZlzi3iPBWAtJ+tqyWDXAyDNdoGRN+wbOFlXSH9lXmaSeuDSrisl6zwAPrHJx24bs5gGN88i/j7u+BoVSD5Ok2MR+wwAS40P5kYAHMmLBukb6bYJ1Sp9MacFwP6cahKFMR+b0DHGRhVIrrLSyjpJGI8qaRnc2fXN3DBAes0VWwBSP2el34D/ITlZFxl5d4tec1kArDIK5oZVGaRHGKiGuAaAr7T28C5mkUogMyxibALgI81KCM1kmsX4YgDe0i4muRYbKDrWfdoEYATZXjDuLrTXBGQub8qjsae8aGgKEjKaBcBbep97aaT7DUnHvbyc+anhhWutCdhcPqK1AmrtJP6/fyuoNDEwJ+y12IXTES1w+/CClUoflGJKY/kPGn8FGAD++H2FiaPP1QAAAABJRU5ErkJggg==);
}
.OssRealistic .swiper-button-next,
.OssRealistic .swiper-button-prev {
  background-color: transparent;
}

.logis1,
.graybg {
  background: #f9f9f9;
}
.SLcore {
  width: 100%;
}
.SLcore li {
  flex: 1;
  background: #fff;
  margin-right: 25px;
}
.SLcore li:last-child {
  margin-right: 0px;
}
.SLcore li .slfigure img {
  width: 100%;
}
.SLcore li h3 {
  font-size: 20px;
  margin: 20px 0;
  text-align: center;
}
.SLcore li .midtxt {
  padding: 0 20px 15px;
}
.SLcore li .coc {
  color: #188ae2;
  margin-top: 10px;
}

/* .brand_list .news-detail-text {font-size: 16px;text-align:justify;text-justify:inter-ideograph;}
.brand_list .news-detail-text p{margin:1rem auto;line-height: 30px;color: #565656;}
.brand_list .news-detail-text p img{border:0;max-width: 100%; }
.brand_list .news-detail-text div{margin:1rem auto;}
.brand_list .news-detail-text div img{border:0; max-width:1140px; width: expression(this.width > 1140 && this.width > this.height ? 1140px : 'auto';); }
.brand_list .news-detail-text a{text-decoration:underline}
.brand_list h1{ font-size:24px;color:#000; font-weight:bold;}
.brand_list .typetime{ font-size:14px;color:#aaa; padding:20px 0; }
.brand_list .type{color: #188ae2;padding-right: 30px;}
.brand_list .news-detail-text b,.brand_list .news-detail-text strong{font-weight: bold;color: #333;}
.brand_list .news-detail-text img{margin:0 auto;display: block;} */

.brand_list .news-detail-text {
  font-size: 16px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.brand_list .news-detail-text p {
  margin: 1rem auto;
  line-height: 30px;
}
.brand_list .news-detail-text p img {
  border: 0;
  max-width: 100%;
}
.brand_list .news-detail-text div {
  margin: 1rem auto;
}
.brand_list .news-detail-text div img {
  border: 0;
  max-width: 1140px;
  width: expression(
    this.width > 1140 && this.width > this.height ? 1140px: 'auto' ;
  );
}
.brand_list .news-detail-text a {
  text-decoration: underline;
}
.brand_list h1 {
  font-size: 24px;
  font-weight: bold;
}
.brand_list .typetime {
  font-size: 14px;
  padding: 20px 0;
}
.brand_list .type {
  color: #188ae2;
  padding-right: 30px;
}
.brand_list .news-detail-text b,
.brand_list .news-detail-text strong {
  font-weight: bold;
}
.brand_list .news-detail-text img {
  margin: 0 auto;
  display: block;
}
.brand_list .news-detail-text section {
  line-height: 1.75em;
}

.pageflip {
  padding: 50px 0 0;
  color: #808080;
}
.pageflip span {
  margin: 0;
  padding: 0;
}
.pageflip a {
  color: #838383;
  overflow: hidden;
}
.pageflip a:hover {
  color: #ed7422;
}
.pageflip .l {
  width: 50%;
  float: left;
  height: 25px;
  line-height: 25px;
}
.pageflip .r {
  width: 50%;
  float: right;
  height: 25px;
  line-height: 25px;
  text-align: right;
}
.page {
  text-align: center;
}
.page a {
  display: inline-block;
  font-size: 15px;
  margin: 0 4px;
  text-decoration: none;
 	letter-spacing: 1px;
	color: #261c19;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  line-height: 20px;
  text-align: center;
  margin: 0 5px;
}
.page a.hover,
.page a:hover {
  background: #ed7422;
  border-color: #ed7422;
  color: #fff;
}

.vas2,
.vas4 {
  position: relative;
  background: #f6f6f6;
}
.supplyfin {
  position: relative;
  z-index: 5;
}

.pagsection .skinLine .list {
  border: 1px solid #ddd;
  box-shadow: none;
}

.vasWrap {
  display: flex;
  justify-content: space-between;
}
.vasWrap .fourpass {
  width: 40%;
}
.vasWrap .fourpass img {
  width: 100%;
  height: 320px;
  border-radius: 5px;
}
.vasWrap .fiftypass.whitepass {
  width: 680px;
}
.vasWrap .fiftypass .txticon {
  line-height: 28px;
}
.vasWrap .fiftypass .list {
  width: auto;
  padding: 30px 20px;
}
.vasWrap .fiftypass h2 {
  font-size: 30px;
  color: #188ae2;
  line-height: 30px;
  margin-bottom: 20px;
}
.vasWrap .fiftypass li {
  margin-right: 15px;
}
.vasWrap .fiftypass li:last-child {
  margin-right: 0px;
}
.vasWrap .fiftypass li .imgicon {
  height: 60px;
}
.vasWrap .fiftypass .imgicon img {
  height: 50px;
}
.vas4 .vasWrap .fiftypass .list {
  padding: 22px 20px;
}
.vas4 .vasWrap .fiftypass .list .imgicon {
  margin-bottom: 20px;
}

.logis3 {
  background: url(../img/pic/yt.jpg) no-repeat center center;
  position: relative;
}
.logis3:before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 0px;
  width: 100%;
  z-index: 2;
  background: rgba(20, 36, 64, 0.9);
}
.logis3 .wrapHd h2 {
  color: #fff;
}
.logis3 .wrapHd {
  margin-bottom: 60px;
}
.logis3 .OssAdvantages li {
  border: none;
  background: #fff;
}
.logis3 .ficon img {
  max-height: 65px;
}
.logis3 li .caption {
  padding-bottom: 30px;
}

.logis5 {
  padding-top: 70px;
  padding-bottom: 85px;
}
.logis5 .wrapHd h2 {
  padding-bottom: 35px;
  margin-bottom: 60px !important;
}

.advChannels {
  flex-flow: wrap;
}
.advChannels li {
  width: 25%;
  padding: 0 5px 5px 0;
  position: relative;
}
.advChannels li:nth-child(4n) {
  padding-right: 0;
}
.advChannels li .ficon {
  margin-right: 0px;
  position: relative;
}
.advChannels .ficon:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.advChannels li:hover .ficon:before {
  background: rgba(24, 138, 226, 0.8);
}
.advChannels .ficon img {
  display: block;
  width: 100%;
  height: 140px;
}
.advChannels .caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
}
.advChannels .caption h4 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.kbwrap_slide .swiper-container a {
  display: block;
  width: 100%;
}
.kbwrap_slide .swiper-container img {
  width: 100%;
  display: block;
}
.kbwrap_slide .swiper-container .swiper-slide {
  height: 540px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.kbwrap_slide .swiper-container .swiper-slide h6 {
  position: absolute;
  width: 100%;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0px;
  left: 0px;
  color: #fff;
  padding: 0 20px;
}
.kbwrap_slide .swiper-container .swiper-scrollbar {
  text-align: right;
}
.kbwrap_slide .swiper-scrollbar span {
  background: #fff;
}
.kbwrap_slide .swiper-scrollbar .swiper-scrollbar-bullet-active {
  background: #188ae2;
}
.kbwrap_slide .rowlist {
  float: right;
  width: 370px;
  padding: 10px 20px;
  background: #f8f8f8;
}
.kbwrap_slide .rowlist li {
  line-height: 33px;
  height: 33px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kbwrap_slide .rowlist li a {
  color: #333;
}
.kbwrap_slide .rowlist li a:hover {
  color: #188ae2;
}
.newsList {
  margin: 30px 0 40px;
}
.newsList li {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #ddd;
  clear: both;
  overflow: hidden;
}
.newsList li .nepic {
  width: 300px;
  height: 140px;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.newsList li .nepic img {
  width: 100%;
  display: block;
}
.newsList li .article {
  overflow: hidden;
}
.newsList li .article h3 a {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.newsList li .article h3 a:hover {
  color: #188ae2;
}
.newsList li .article .newsType {
  color: #999;
  font-size: 12px;
  margin: 5px 0 15px;
}
.newsList li .article .newsType span {
  margin-right: 20px;
}
.newsList li .article .newsType .type {
  color: #188ae2;
}
.newsList li .article .section {
  height: 70px;
  color: #666;
}

.home-platform {
  color: #de6e20;
}
.aboutfig .section {
  line-height: 34px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.aboutfig .section p {
  font-weight: normal;
  font-size: 15px;
  color: #494949;
  line-height: 2;
}
.aboutfig .ztphoto {
  overflow: hidden;
  clear: both;
  margin-top: 20px;
}
.aboutfig .ztphoto li {
  float: left;
  margin: 10px 10px 0 0;
  height: 180px;
  overflow: hidden;
}
.aboutfig .ztphoto li:nth-child(3n) {
  margin-right: 0px;
}
.aboutfig .ztphoto li.big {
  width: 565px;
}
.aboutfig .ztphoto li img {
  width: 100%;
  display: block;
}
.aboutfig .ztphoto li.nom {
  width: 277.5px;
}

.abt2 {
  background: #f8f8f8;
}
.aboutfavor {
  display: flex;
}
.aboutfavor .ztking {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 60px;
  font-size: 16px;
  line-height: 30px;
}
.aboutfavor h3 {
  font-size: 30px;
  color: #188ae2;
  margin-bottom: 20px;
}

.CEOteam {
  padding-bottom: 40px;
}
.CEOteam li {
  background: #fff;
  margin-bottom: 40px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 25px 67px 25px 28px;
  display: flex;
  border: solid 1px #e8e8e8;
}
.CEOteam li .photo {
  margin-right: 65px;
	width: 471px;
	height: 448px;
  overflow: hidden;
  position: relative;
}
.CEOteam li .photo img {
  width: 100%;
  display: block;
  object-fit: fill;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.CEOteam li .introduce {
  flex: 1;
}
.CEOteam .introduce .name {
  padding: 15px 0 20px;
  border-bottom: 1px solid #cccacc;
  margin-bottom: 15px;
  line-height: 30px;
}
.CEOteam .introduce .name h3 {
	font-size: 35px;
	letter-spacing: 0px;
	color: #051d49;
  font-weight: bold;
}
.CEOteam .introduce .name h4 {
  font-size: 20px;
  color: #0e1d49;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 100;
}
.CEOteam .introduce .name h5 {
  font-size: 22px;
  color: #ed7422;
  font-weight: 500;
}
.CEOteam .introduce .ana {
  padding: 0;
  position: relative;
}
/* .CEOteam .introduce .ana:before,.CEOteam .introduce .ana:after{} */

.CEOteam .introduce .ana p {
  color: #494949;
  line-height: 30px;
  font-size: 16px;
  display: inline-block;
  margin: auto;
  text-align: justify;
}
.CEOteam .introduce .slogn {
  margin-bottom: 20px;
}
.CEOteam .introduce .slogn p {
  display: inline-block;
  color: #ed7422;
  font-size: 20px;
}
.CEOteam .introduce .slogn p:before,
.CEOteam .introduce .slogn p:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: 15px;
}
.CEOteam .introduce .slogn p:before {
  background: url(../img/yh.png) no-repeat left top/10px 10px;
  margin-right: 8px;
}
.CEOteam .introduce .slogn p:after {
  background: url(../img/yh2.png) no-repeat left top/10px 10px;
  margin-left: 8px;
}

.wall {
  overflow: hidden;
}
.wall .text {
  position: absolute;
  top: 94px;
  left: 50%;
  transform: translateX(-50%);
}
.wall .vertical-culture {
  position: relative;
}
.wall .vertical-culture img {
  width: 100%;
  display: block;
}
.wall h2 {
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #fff;
}
.wall .wall-list img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: fill;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.wall .wall-list li {
  display: flex;
  overflow: hidden;
}
.wall .wall-list li > div {
  position: relative;
  height: 283px;
  overflow: hidden;
}
.wall .welfare-text {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.wall .welfare-title {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 22px;
  color: #ffffff;
  line-height: 44px;
  box-sizing: border-box;
}
.wall .welfare-details {
  opacity: 0;
  position: relative;
  width: 92.765%;
  line-height: 2;
  height: 100%;
  z-index: 4;
  font-size: 15px;
  color: #ffffff;
  transform: translate(0, 80px);
  transform-origin: bottom;
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1);
}
.wall .wall-list li .wall-mark {
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(0, 100%);
  transform-origin: bottom;
  transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1);
}
.wall .wall-list li > div:hover .wall-mark,
.wall .wall-list li > div:hover .welfare-details {
  transform: translate(0, 0);
}
.wall .wall-list li > div:hover .welfare-details {
  opacity: 1;
}
.wall .wall-list li > div:hover .welfare-title {
  color: #fff !important;
  transition: color 0.1s ease 0.2s;
}

.abt4 {
  background: #f8f8f8;
}
.abt4 .wrapHd h2 {
  color: #fff;
}
.ztHistory .storyitem {
  width: 330px;
  margin: 0 auto;
  position: relative;
  z-index: 6;
}
.ztHistory .year {
  width: 70px;
  height: 70px;
  margin: 0px auto 25px;
  border-radius: 50%;
  background: #188ae2;
  font-size: 20px;
  color: #fff;
  line-height: 70px;
  text-align: center;
}
.ztHistory .photo {
  width: 100%;
  height: 210px;
  overflow: hidden;
}
.ztHistory .photo img {
  min-height: 210px;
  display: block;
}
.ztHistory .detail {
  background: #fff;
  text-align: center;
  padding: 10px;
  position: relative;
}
.ztHistory .detail:before {
  content: '';
  display: block;
  border: 12px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  position: absolute;
  left: 50%;
  top: -12px;
  margin-left: -12px;
}
.ztHistory.swiper-container:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #188ae2;
  position: absolute;
  left: 0px;
  top: 28px;
}
.ztHistory.swiper-container:after {
  content: '';
  display: block;
  width: 11px;
  height: 19px;
  background: url(../img/arrowto.png) no-repeat left top;
  position: absolute;
  right: 0px;
  top: 26px;
}
.ztHistory .swiper-slide:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #188ae2;
  position: absolute;
  top: 35px;
  left: 0px;
}
.ztHistory.swiper-container .swiper-button-next {
  right: 0px;
  background-position: top right !important;
}
.ztHistory.swiper-container .swiper-button-prev {
  left: 0px;
  background-position: top left;
}
.ztHistory.swiper-container .swiper-button-next,
.ztHistory.swiper-container .swiper-button-prev {
  background-size: 20px;
}
.ztHistory .swiper-slide .storytxt {
  font-size: 15px;
  padding-top: 10px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ztHistory .swiper-slide .storytxt .m p {
  text-align: left;
}

.kbwrap_slide {
  margin-top: 70px;
}
.newsTab {
  text-align: center;
  padding: 0px 0 20px;
}
.newsTab a {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  width: 120px;
  text-align: center;
  margin: 0 5px;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.newsTab a:hover {
  border-color: #188ae2;
  color: #188ae2;
}
.newsTab a.on {
  border-color: #188ae2;
  background: #188ae2;
  color: #fff;
}

.aboutpg .wrapHd h2,
.ztking h3 {
  display: inline-block;
  font-size: 35px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 36px;
  color: #0e1d49;
}

.about-text {
  max-width: 900px;
  position: absolute;
  bottom: 50px;
}

.about-text h2 {
	font-size: 69px;
	letter-spacing: 0px;
	color: #ffffff;
  margin-bottom: 80px;
}

.about-text p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;
}

.about-our-brand {
  padding-bottom: 60px;
}

.about-our-brand h2.left-tags-title {
  margin-top: 75px;
}

.about-our-brand-box {
  display: flex;
  justify-content: space-between;
  height: 425px;
}

.about-our-brand-box li {
  display: block;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  background-color: #ffffff;
	box-shadow: 0px 5px 19px 1px 
		rgba(14, 29, 73, 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-our-brand-box li img {
  display: block;
  max-width: 95%;
  object-fit: fill;
  margin: 0 auto;
}

.about-our-brand-box li:hover {
  background-color: #051d49;
  border: 14px solid #dcdee4;
}

.about-our-brand-box li:hover img {
  max-width: 70%;
  filter: brightness(0) invert(1) grayscale(1);
}

.about-our-brand-box li:hover .about-our-brand-box-hover {
  display: block;
}

.about-our-brand-box-hover {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  display: none;
}

.about-our-brand-box-hover::before {
  content: '';
  display: block;
  max-width: 95%;
  width: 100%;
	height: 6px;
	background-color: #fff;
	border-radius: 3px;
  position: absolute;
  top: 0;
}

.about-our-brand-box-hover a {
  font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #fff;
}

.about-base-service {
  background-color: #f2f2f2;
  padding-top: 80px;
  padding-bottom: 60px;
}

.about-base-service p {
  float: right;
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #666666;
  max-width: 580px;
}

.about-video {
  position: relative;
}

.about-video-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.about-mission {
  padding-top: 110px;
  overflow: hidden;
}

.about-mission-ul li {
  display: flex;
  font-size: 0;
}

.about-mission-img-box {
  flex: 1;
}


.about-mission-text-box {
  width: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-mission-text-box img {
  display: block;
}

.about-mission-text-box h3 {
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ed7422;
  margin-bottom: 45px;
}
.about-mission-text-box p {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #271d1b;
}

.about-mission-text-box p span{
  font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #051d49;
}

.about-mission-text {
  display: inline-block;
}

.about-team {
  height: 602px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 110px;
}

.about-team .wrapperKn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.about-team-text {
  text-align: center;
}

.about-team-text h2 {
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
  margin-bottom: 45px;
}
.about-team-text p { 
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
}
.about-honor {
  padding-top: 120px;
}
.about-honor-bg {
  height: 783px;
  background-position: center center;
  background-repeat: no-repeat;
}
.about-honor-bg-text {
  width: 630px;
  min-height: 614px;
  background-color: #051d49;
  border-radius: 8px;
  padding: 50px;
}

.about-honor-bg-text h3 {
  font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;
  padding-top: 70px;
  padding-bottom: 70px;
}

.about-honor-bg-text li {
  font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;
  line-height: 2;
  list-style: disc;
  margin-left: 18px;
}
.about-honor-bg-text {
  float: right;
  margin-top: -90px;
}
.about-partners {
  background-color: #f2f2f2;
  overflow: hidden;
}
.about-partners p {
  font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ed7422;
  text-align: center;
}
.about-partners-swiper {
  padding-bottom: 160px;
  margin-bottom: 40px;
  max-width: 1200px;
  margin: auto;
}

.about-partners-swiper .swiper-pagination-bullet-active {
  background-color: #ed7422;
}
.about-partners-swiper ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 32px; /* 可选，用于设置元素之间的间距 */
  margin-top: 40px;
}
.about-partners-swiper ul li {
  text-align: center;
}

.about-partners-swiper ul li img {
  max-width: 298px;
  display: block;
  width: 100%;
}
 
 
.contactbox {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: space-between;
}
.contactbox > li {
  height: 318px;
  width: 49%;
  position: relative;
  margin-bottom: 25px;
  border-radius: 8px;
  overflow: hidden;
}
/* .contactbox>li::after { content: '';display: block;width: 100%;height: 100%;background-color: #051d49;opacity: .4;position: absolute;left: 0;top: 0;right: 0;bottom: 0;} */
.contactbox > li .bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.contactbox > li:nth-child(even) {
  margin-right: 0px;
}
.contactbox .text {
  position: absolute;
  top: 50px;
  left: 45px;
  width: 60%;
  height: 77%;
  z-index: 2;
}
.contactbox .text .cntact {
  position: absolute;
  left: 0;
  bottom: 0;
}
.contactbox > li h3 {
  font-weight: 500;
  font-size: 24px;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #ffffff;
}
.contactbox > li .cntact li {
  display: flex;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 0px;
	color: #ffffff;
}
.contactbox > li .cntact li > div {
  padding-top: 4px;
  padding-right: 17px;
}
.contactbox > li .place {
  padding-bottom: 20px;
}
.contactbox > li .cntact li span {
  width: 55px;
  line-height: 1.5;
  text-align: justify;
  text-align-last: justify;
  margin-right: 20px;
  position: relative;
}
.contactbox > li .cntact li span::after {
  content: '：';
  position: absolute;
  right: -20px;
}
.contactbox > li .cntact li p {
  flex: 1;
  line-height: 1.5;
}
.area-category {
  line-height: 60px;
  height: 60px;
}
.area-category ol {
  display: flex;
  align-items: center;
  height: 100%;
}
.area-category ol li {
  margin-right: 50px;
  font-size: 18px;
  color: #b7b7b7;
  cursor: pointer;
}
.area-category ol li.active {
  color: #ed721e !important;
}
section[class^='area-list-paddingleft-'] {
  display: none;
}
section.area-list-paddingleft-0 {
  display: block;
}

.cooperation-negotiation {
  height: 490px;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 90px;
}
.cooperation-negotiation .wrapperKn {
  height: 100%;
}
.cooperation-negotiation .text {
  font-size: 48px;
  font-weight: 500;
  color: #051d49;
  position: absolute;
  right: 0;
  bottom: 30px;
}

.cooperation-negotiation .text h2 {
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 8px;
  line-height: 1;
  color: #fff;
}
.cooperation-negotiation .sub-detail {
  font-size: 28px;
  margin: 25px 0 0;
  display: inline-block;
  background-color: #ed7422;
  border-radius: 8px;
  color: #fff;
  line-height: 1;
  padding: 5px 10px;
}
.cooperation-negotiation ul li {
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0;
	color: #ffffff;
  line-height: 1;
  position: relative;
  white-space: nowrap;
}

.cooperation-negotiation ul li:first-child {
  padding-bottom: 23px;
}

.cooperation-negotiation ul li:last-child {
  padding-top: 23px;
}

.cooperation-negotiation ul li:first-child::after {
  content: '';
  display: block;
	height: 1px;
  width: 100%;
	background-color: white;
  position: absolute;
  bottom: 0;
}

.media-contact {
  padding-bottom: 60px;
}
.media-contact .wrapperKn {
  display: flex;
  justify-content: space-between;
}
.media-contact .wrapperKn > div {
  width: 50%;
}
.media-contact h2 {
  font-size: 40px;
  font-weight: 500;
  color: #041d49;
  padding-top: 90px;
  padding-bottom: 70px;
}
.media-contact li {
  font-size: 20px;
  font-weight: 500;
  color: #051d49;
  margin-bottom: 30px;
  list-style: inside;
}

.deliver h2 {
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #021d49;
  line-height: 1;
  text-align: center;
  margin-top: 118px;
}
.deliver .wrapperKn h2::after {
  content: '';
  display: block;
  width: 82px;
  height: 4px;
  background-color: #ee772d;
  margin: auto;
  margin-top: 37px;
}
.deliver .wrapperKn ul {
  display: flex;
  justify-content: space-between;
  margin-top: 85px;
  margin-bottom: 60px;
}
.deliver .wrapperKn ul li {
  position: relative;
  margin-right: 30px;
}
.deliver .wrapperKn ul li:last-child {
  margin-right: 0;
}
.deliver .wrapperKn ul li img {
  display: block;
  width: 100%;
  object-fit: fill;
}
.deliver .wrapperKn ul li h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
}

/* .contactbox li .place{line-height: 30px;padding-bottom: 15px; border-bottom: 1px solid #188ae2;color: #188ae2; }
.contactbox li .cntact .icon{display: inline-block;vertical-align: top;height: 30px;width: 20px;margin-right: 5px;}
.contactbox li .cntact .fax{background: url(../img/fax.png) no-repeat left center;}
.contactbox li .cntact .tel{background: url(../img/tel2.png) no-repeat left center;}
.contactbox li .cntact .adds{background: url(../img/adds.png) no-repeat left center;}
.contactbox li .cntact .email{background: url(../img/email.png) no-repeat left center;} */

.filter_job {
  background: #fff;
  padding: 0 25px 25px;
  margin-bottom: 20px;
}
.filter_job .title {
  line-height: 40px;
  padding: 10px 0;
}
.filter_job .title h3 {
  font-size: 16px;
}
.filter_job .search_job .jobs_key {
  width: 898px;
  margin-right: 6px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.filter_job .search_job input,
.filter_job .search_job select,
.filter_job .search_job button {
  height: 36px;
}
.filter_job .search_job input:hover {
  border-color: #828282;
}
.filter_job .search_job select {
  border: 1px solid #ddd;
  margin-right: 6px;
  border-radius: 2px;
  width: 120px;
  color: #666;
}
.filter_job .search_job button {
  background: #188ae2;
  width: 120px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
}
.filter_job .hot_branch {
  margin-top: 10px;
}
.filter_job .hot_branch a {
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #188ae2;
}
.filter_job .hot_branch a:hover {
  border-color: #188ae2;
  color: #188ae2;
}

.commpany-culture {
  position: relative;
  margin-top: 180px;
  animation: _fadeIn .5s ease-in;
}
@keyframes _fadeIn {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.left-tags-title {
  font-size: 45px;
	letter-spacing: 2px;
	color: #261c19;
  padding-left: 20px;
}

.left-tags-title::before {
  content: '';
  width: 6px;
	height: 44px;
	background-color: #ed7422;
	border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  position: absolute;
  left: 0;
}
.left-tags-title-small {
  font-size: 24px;
	letter-spacing: 1px;
	color: #ffffff;
}

.left-tags-title-small::before {
  content: '';
	width: 6px;
	height: 23px;
	background-color: #ed7422;
	border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}

.commpany-culture-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .5s ease-in;
  z-index: 21;
}
.commpany-culture:hover .commpany-culture-banner {
  opacity: 0;
  z-index: 0;
}

.commpany-culture .pagsection {
  opacity: 0;
  transition: opacity .5s ease-in;
}
.commpany-culture:hover .pagsection {
  opacity: 1;
}
.commpany-culture-banner {
  height: 850px;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.commpany-culture-text {
  text-align: center;
}
.commpany-culture-text h2 {
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
  margin-bottom: 21px;
}
.commpany-culture-text p {
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
}
.jobs_list {
  margin-bottom: 50px;
}
.jobs_list,
.jobs_detail {
  background: #fff;
  padding: 45px 70px;
}
.jobs_list .items {
  display: block;
  padding: 10px 0;
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.jobs_list .items:last-child {
  border-bottom: none;
}
.jobs_list .items:hover .name {
  color: #188ae2;
}
.jobs_list .items .name {
  float: left;
  font-size: 15px;
  color: #666;
}
.jobs_list .items .load {
  float: right;
  color: #999;
}
.job_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 20px;
}
.job_name > h3 {
  font-size: 24px;
  font-weight: 500;
  color: #061d49;
}
.job_name .jobs-list-detail-share-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.job_name .mark-close,
.jobs-list-detail-share-mark .mark-text-link span {
  cursor: pointer;
}
.jobs-list-detail-share-btn img {
  height: 40px;
}
.job_name .jobs-list-detail-share-btn p {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  color: #919191;
  margin-left: 15px;
  margin-top: 0;
}
.job_name .state {
  color: #9a9fac;
  align-items: center;
}
.job_content .title_in {
  display: flex;
  align-items: center;
  color: #222831;
  font-size: 24px;
  font-weight: 500;
  color: #0c2545;
  padding-top: 80px;
}
.job_content .title_in em {
  flex: 1;
  height: 1px;
  background: #f4f4f6;
  margin-left: 12px;
}
.job_content .describe {
  color: #666;
  line-height: 26px;
}
.job_content .describe .title {
  font-size: 22px;
  color: #8a8a8a;
  font-weight: 500;
  padding: 35px 0 20px;
}
.job_content .describe p {
  font-size: 18px;
  color: #8a8a8a;
  font-weight: 400;
  line-height: 35px;
}
.job_content .job_HR {
  padding: 20px 0;
  overflow: hidden;
  clear: both;
}
.job_content .job_HR li {
  float: left;
  width: 50%;
}
.trunback {
  margin-bottom: 10px;
}
.trunback a {
  color: #919191;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-top: 40px;
  padding-bottom: 25px;
  font-weight: 400;
  font-size: 18px;
}
.trunback i {
  transform: rotate(-180deg);
  width: 15px;
  text-align: left;
  margin-right: 2px;
}
.trunback i:before {
  content: '\e90d';
}
.trunback a:hover {
  color: #188ae2;
}

.vasbanr .bnrtxt .newsts {
  font-size: 36px;
  line-height: 50px;
  font-family: '黑体';
}
.newsbnr:before {
  opacity: 0.8;
}

/*19614*/
.Apply_job {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -mz-flex;
  width: 100%;
  flex-flow: wrap;
  margin-top: 35px;
}
.Apply_job li:nth-child(odd) {
  padding-right: 50px;
}
.Apply_job li:nth-child(even) {
  padding-left: 50px;
}
.Apply_job li {
  width: 50%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -mz-flex;
  margin-bottom: 45px;
}
.Apply_job .jobLab {
  margin-right: 30px;
  text-align: left;
  line-height: 50px;
}
.Apply_job .jobLab em {
  font-size: 18px;
  color: #8e8b8e;
}
.Apply_job li .flx {
  flex: 1;
  position: relative;
}
.Apply_job li .flx input {
  height: 50px;
  line-height: 50px;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #686669;
  border-radius: 8px;
  padding: 0 10px;
}
.Apply_job li .flx .remid {
  position: absolute;
  top: 100%;
  left: 0;
}
.Apply_job .radio-box {
  margin-top: 40px;
}
.Apply_job .radio-box span {
  margin-right: 100px;
  display: inline-flex;
  align-items: center;
}
.Apply_job .radio-box input {
  margin-right: 15px;
  width: 20px;
  height: 20px;
}
.Apply_job li input[type='file'] {
  padding: 0;
}
.Apply_job li.along {
  width: 100%;
  clear: both;
}
.Apply_job input[type='checkbox'] {
  width: 23px;
  height: 20px;
  padding: 0;
  line-height: normal;
  margin-top: 2px;
  visibility: visible;
  margin-right: 50px;
}
.Apply_job .job-statement {
  font-size: 18px;
  font-weight: 500;
  color: #888888;
}
.Apply_job .postscript {
  font-size: 15px;
  font-weight: 400;
  color: #888888;
  line-height: 1.8;
}
.Apply_job .submit {
  background: #df6d20;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  border-radius: 10px;
  line-height: 60px;
  padding: 0 40px;
  letter-spacing: 2px;
}
.Apply_job .submit:hover {
  opacity: 0.8;
}
.Apply_job .isAlert {
  display: block;
  line-height: 32px;
  color: red;
}
.Job_tips {
  position: fixed;
  left: 50%;
  top: 30%;
  padding: 12px 15px;
  line-height: 30px;
  border-radius: 2px;
}
.Job_tips .icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  width: 30px;
  height: 30px;
}
.Job_tips .icon img {
  width: 30px;
}
.Job_succeed {
  border: 1px solid #e1f3d8;
  background: #f0f9eb;
  color: #67c23a;
}
.Job_failure {
  border: 1px solid #fcd5d5;
  background: #fef0f0;
  color: #f56c6c;
}

.wtgeneral {
  background: url(../img/wt.jpg) no-repeat center top;
  position: relative;
}
.wtgeneral li .caption p {
  text-align: left;
}

/*品牌*/
.bannerBrand {
  height: 700px;
  position: relative;
}
.bannerBrand .brandIpad {
  position: absolute;
  right: 0px;
  bottom: -290px;
  z-index: 6;
}

/* video add */
.topVideo {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0;
  display: flex;
}
.videoView {
  margin-left: 40px;
  position: relative;
  width: 915px;
  height: 532px;
  display: flex;
}
.videoView .playShade {
  z-index: 4;
}
.videoView .videoPlay {
  position: fixed;
  top: 50%;
  z-index: 100;
  width: 1000px;
  height: 563px;
  left: 50%;
  margin: -281.5px 0 0 -500px;
}
.videoView .videoPlay video {
  width: 960px;
  height: 540px;
}
.videoView .vibox {
  padding: 20px;
  background: #fff;
}
.videoView .videoPlay .vibox {
  position: relative;
  z-index: 10;
}
.videoView .videoPlay .closeVideoBtn {
  position: fixed;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
}
.videoView video {
  display: block;
  transition: all 0.3s;
}
.topVideo .arrdown {
  display: block;
  height: 136px;
  width: 100px;
  background: url(../img/brand/arrdown.png) no-repeat center top;
} /*修改*/
/* end  */

.BrandUpgrade {
  padding: 64px 0 200px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.subFloatNav {
  width: 100px;
  position: relative;
}
.subFloatNav .FNavList {
  width: 100px;
  position: relative;
  z-index: 20;
}
.subFloatNav .FNavList a {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.subFloatNav .FNavList a:hover {
  color: #e57020;
}
.subFloatNav .FNavList li.on a {
  background: #e57020;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #fff;
}
.brandMain {
  width: 955px;
}
.brandMain .title {
  position: relative;
  z-index: 8;
}
.brandMain .title h2 {
  font-size: 48px;
  color: #e57020;
  line-height: 50px;
  border-left: 6px solid #fff;
  padding-left: 34px;
  font-weight: bold;
}
.brandMain .title .adornArro1 {
  width: 24px;
  height: 31px;
  background: url(../img/brand/adornArr.png) no-repeat left top;
  margin: 30px 0 25px 40px;
}
.brandMain .adornArro2 {
  width: 31px;
  height: 24px;
  background: url(../img/brand/adornArr2.png) no-repeat left top;
  display: block;
  margin: 20px auto;
}
.brandMain .title .sideDownload {
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 8;
  width: 160px;
}
.brandMain .title .sideDownload a {
  display: block;
  margin-bottom: 5px;
}
.brandMain .sction img {
  display: block;
}
.brandMain .article {
  padding-left: 40px;
  color: #fff;
}
.brandMain .article .oh3 {
  font-size: 24px;
  color: #e57020;
  line-height: 30px;
  margin-bottom: 20px;
}
.brandMain .article p {
  line-height: 30px;
}
.brandMain .article .Hcenter {
  text-align: center;
}
.brandMain .active {
  padding-left: 40px;
  color: #fff;
}
.brandMain .active .oh3 {
  font-size: 24px;
  color: #e57020;
  line-height: 30px;
  margin-bottom: 20px;
}
.brandMain .active p {
  line-height: 30px;
}
.brandMain .active .Hcenter {
  text-align: center;
}
.BrdStructure {
  text-align: center;
  padding: 60px 0 70px;
}
.BrdStructure ul {
  border-top: 3px solid #e57020;
  display: flex;
}
.BrdStructure li {
  flex: 1;
  text-align: center;
  vertical-align: top;
}
.BrdStructure li .arrdown {
  display: block;
  width: 11px;
  height: 43px;
  background: url(../img/brand/arrdown2.png) no-repeat left top;
  margin: 0 auto;
}
.BrdStructure li span {
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 20px;
}
.BrdStructure h4 {
  margin-bottom: 10px;
}
.BrdStructure h4 img {
  margin-left: -42px;
}
.BrdStructure li span img {
  display: block;
}

.downloadBtn {
  display: flex;
  padding: 10px 0 0 46px;
}
.downloadBtn li {
  flex: 1;
}
.downloadBtn .switchBrandLogo {
  position: relative;
  width: 160px;
}
.downloadBtn .switchBrandLogo .box,
.downloadBtn .downloadGroup .hide {
  display: none;
}
.downloadBtn .switchBrandLogo span.scurr {
  display: block;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 60px;
  height: 60px;
  color: #fff;
}
.downloadBtn .switchBrandLogo span.showtp {
  cursor: pointer;
}
.downloadBtn .switchBrandLogo span.showtp:after {
  content: '';
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -3px;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  font-weight: normal;
  transition: all 0.3s;
}
.downloadBtn .switchBrandLogo span.showtp.active:after {
  transform: rotate(-180deg);
}
.downloadBtn .BtnList a {
  display: block;
  margin-bottom: 10px;
}
.downloadBtn .switchBrandLogo .box {
  position: absolute;
  top: 55px;
  left: 0px;
  width: 160px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 5px 0;
  overflow: hidden;
  max-height: 260px;
  overflow: auto;
}
.downloadBtn .switchBrandLogo .box span {
  display: block;
  cursor: pointer;
  line-height: 40px;
  font-size: 16px;
  padding: 0 15px;
}
.downloadBtn .switchBrandLogo .box span:hover {
  background: #f6f6f6;
}
.downloadBtn .switchBrandLogo .box .curr {
  color: #e57020;
}

/*跨呗*/
.kuabody {
  margin-top: 80px;
}
.kb-title {
  text-align: center;
  margin-bottom: 50px;
}
.kb-title h3 {
  font-size: 60px;
  line-height: 60px;
}
.kb-title h3:after {
  content: '';
  display: block;
  width: 60px;
  height: 6px;
  margin: 20px auto 0;
  background: #000;
}
.blackbg .kb-title h3 {
  color: #fff;
  font-size: 44px;
}
.blackbg .kb-title h3:after {
  background: #e97428;
}
.blackbg {
  background: #434343;
  padding: 60px 0;
}
.kb_solution ul {
  overflow: hidden;
  clear: both;
  width: 1220px;
}
.kb_solution li {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 590px;
  margin: 0 20px 20px 0;
  float: left;
}
.kb_solution li:after {
  content: '';
  background: rgba(233, 116, 40, 0.1);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.kb_solution li > img {
  width: 100%;
  height: 100%;
  display: block;
}
.kb_solution li .ibg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  padding: 30px;
}
.kb_solution li .ibg {
  text-align: center;
}
.kb_solution li h4 {
  background: #e97428;
  color: #fff;
  padding: 0 40px;
  font-size: 24px;
  line-height: 44px;
  border-radius: 22px;
  display: inline-block;
  margin-top: 60px;
}
.kb_solution li h5 {
  font-size: 70px;
  line-height: 70px;
  color: #e97428;
  text-shadow: 2px 3px 5px rgba(255, 255, 255, 1);
  margin: 110px 0;
  font-weight: bold;
}
.kb_solution li .term {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
}
.kb_solution li .term .little {
  border-top: 1px solid #fff;
  padding-top: 5px;
  margin-top: 7px;
}
.kb_solution li .term .little span {
  display: inline-block;
  margin: 0 10px;
}

.kb_case {
  margin-bottom: 5px;
  padding: 10px 0;
  display: flex;
}
.kb_case .case-L {
  margin-right: 15px;
}
.kb_case .case-L,
.kb_case .case-R {
  background: #fff;
}
.kb_case .case-pic {
  width: 400px;
  height: 630px;
  border-radius: 10px;
  overflow: hidden;
}
.kb_case .case-pic img {
  width: 100%;
  display: block;
}
.kb_case .case-section {
  height: 630px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 10px;
}
.kb_case .case-section .sec_title {
  margin-top: 35px;
}
.kb_case .case-section .sec_title h4 {
  font-size: 30px;
  color: #e87427;
  line-height: 40px;
  margin-bottom: 15px;
}
.kb_case .case-section .sec_title h5 {
  font-size: 18px;
  color: #fff;
  background: #e87427;
  line-height: 30px;
  padding: 0 30px;
  border-radius: 15px;
  display: inline-block;
}
.kb_case .case-section .case-depict {
  height: 200px;
  overflow: auto;
  margin: 30px 0;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
.kb_case .case-project ul {
  display: flex;
  width: 100%;
}
.kb_case .case-project li {
  flex: 1;
  text-align: center;
}
.kb_case .case-project .sort h6 {
  margin: 5px 0 10px;
  color: #666;
}
.kb_case .case-project .quota {
  margin-top: 20px;
}
.kb_case .case-project .quota h6 {
  line-height: 30px;
  color: #666;
}
.kb_case .case-project .quota em {
  font-size: 30px;
  color: #e87427;
}
.kb-clientcase {
  margin-bottom: 60px;
}
#kb-partner {
  margin-top: 30px;
  padding-bottom: 40px;
}
#kb-partner .swiper-button-next:after,
#kb-partner .swiper-button-prev:after {
  color: #fff;
}
#kb-partner .kb-plogo {
  border: 1px solid #a1a1a1;
  border-radius: 10px;
}
#kb-partner .kb-plogo img {
  display: block;
  height: 90px;
  margin: 0 auto;
}
#kb-partner .swiper-container-horizontal > .swiper-scrollbar-bullets {
  bottom: 0px;
}
#kb-partner .swiper-scrollbar-bullet-active {
  background: #fff;
}
#kb-partner .swiper-scrollbar-bullet {
  background: #eee;
}

@media screen and (max-width: 1200px) {
}

/**** 头部右上角语言切换 ****/

.head-right {
  display: flex;
  align-items: center;
}
/* .head-right .ur-select:hover .urOptionSelected{background: #188ae2;color: #fff;} */
.head-right .urOptionSelected {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
}
.head.active .head-right .urOptionSelected {
  color: #0e1d49;
}
.head-right .urOptionSelected a {
  color: #fff;
}

.head-right .urOptionSelected a > b {
  font-weight: normal;
  color: #ccc;
  margin: 0 15px;
}

.head.active .head-right .urOptionSelected a ,
.head.active .head-right .urOptionSelected span{
	color: #0e1d49;
}
.head-right .urOptionSelected span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 33px;
  border-radius: 10px;
  border: solid 1px #ffffff;
  color: #0e1d49;
}

.head-right .urOptionSelected span[data-lang="en"] {
  color: #ffffff;
}
.head.active .head-right .urOptionSelected span{
  border-color: #0e1d49;
}
.optionList {
  opacity: 0;
  visibility: hidden;
  background: #fff;
  min-width: 80px;
  width: 100%;
  line-height: 40px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.optionList li {
  padding: 0 15px;
  cursor: pointer;
}
.optionList li:hover {
  background: #f8f8f8;
  color: #188ae2;
}

.newsListWrap {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.newsListWrap li {
  width: 33.33333%;
  border: 0px;
  padding: 0 10px 10px;
  margin-bottom: 0px;
}
.newsListWrap li .box {
  position: relative;
  padding: 5px;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  text-align: center;
}
.newsListWrap li .box:before {
  content: '\ea15';
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 5px;
  bottom: 42px;
  top: 5px;
  left: 5px;
  text-align: center;
  line-height: 70px;
  font-size: 70px;
  color: #eee;
  justify-content: center;
  align-items: center;
}
.newsListWrap li .box:hover:before {
  display: flex;
}
.newsListWrap li .videoCover img {
  width: 100%;
  display: block;
  height: 276px;
}
.newsListWrap li .videoTitle {
  line-height: 36px;
}

.videoPlayLayer {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
  align-items: center;
}
.dialogHide {
  display: none;
}
.dialogShow {
  display: flex;
}
.videoPlayLayer .shadow {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.videoPlayLayer .layerTitle {
  padding: 50px 0;
  text-align: center;
}
.videoPlayLayer .layerTitle h3 {
  font-size: 30px;
  line-height: 30px;
  color: #188ae2;
}
.videoPlayLayer .layerTitle h3:after {
  content: '';
  width: 60px;
  height: 2px;
  margin: 0 auto;
  background: #188ae2;
  display: block;
  margin-top: 20px;
}
.videoPlayLayer .layerSupplement {
  text-align: center;
  margin-bottom: 50px;
}
.videoPlayLayer .layerSupplement li {
  display: inline-block;
  margin: 0 20px;
  line-height: 25px;
}
.videoPlayLayer .layerSupplement li i {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 25px;
  margin-top: -3px;
}
.videoPlayLayer .layerSupplement li i.date {
  background: url(../img/time.png) no-repeat center;
}
.videoPlayLayer .layerSupplement li i.author {
  background: url(../img/author.png) no-repeat center;
}
.videoPlayLayer .layerSupplement li i.views {
  background: url(../img/views.png) no-repeat center;
}
.videoPlayLayer .layerMain {
  position: relative;
  max-height: 100vh;
  overflow: auto;
  margin: 0 auto;
  z-index: 10;
  background: #fff;
  width: 880px;
  padding-bottom: 66px;
}
.videoPlayLayer .layerMain .videofile {
  padding: 0 30px;
}
.videoPlayLayer .layerMain .layerBottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 15px 30px;
  text-align: center;
}
.videoPlayLayer .layerMain .layerBottom button {
  min-width: 100px;
  border-radius: 3px;
  margin: 0 3px;
  height: 36px;
  padding: 0 15px;
}
.btnPrimary {
  background: #188ae2;
  color: #fff;
}
.worldTech {
  height: 500px !important;
}
.worldTech.vasbanr:before {
  background: rgba(74, 148, 188, 0.4);
}

.ur-select {
  position: relative;
  cursor: pointer;
  z-index: 10;
}
.ur-select .urFonts {
  font-size: 12px;
  display: inline-block;
}
.ur-select:hover .optionList {
  opacity: 1;
  visibility: visible;
}
.ur-select:hover .urFonts {
  transform: rotate(-180deg);
}

.optionList {
  opacity: 0;
  visibility: hidden;
  background: #fff;
  min-width: 80px;
  width: 100%;
  line-height: 40px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.optionList li {
  padding: 0 15px;
  cursor: pointer;
}
.optionList li:hover {
  background: #f8f8f8;
  color: #188ae2;
}

.worldTechHome .wrapHd {
  text-align: center;
}
.worldTechHome .wrapHd h2 {
  display: inline-block;
}
.worldTechHome .wrapHd h2:after {
  content: '';
  display: block;
  height: 4px;
  width: 100%;
  background: #4a94bc;
  margin-top: 8px;
  border-radius: 10px;
}

.worldTech_service {
  display: flex;
  background: url('../img/worldTech/serviceBg.jpg') no-repeat left top;
}
.worldTech_service .serviceList {
  border-right: 20px solid #fff;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.worldTech_service .serviceList li:last-child,
.worldTech_service .serviceList:last-child {
  border: 0px;
}
.worldTech_service .serviceList li {
  border-bottom: 20px solid #fff;
  background: rgba(74, 148, 188, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 40px;
}
.worldTech_service .serviceList li .item {
  flex: 1;
}
.worldTech_service .serviceList li h3 {
  display: inline-block;
  background: #1f306c;
  color: #fff;
  padding: 0 15px;
  line-height: 34px;
  font-size: 18px;
  margin-bottom: 15px;
  border-radius: 5px;
}
.worldTech_service .serviceList li h4 {
  color: #000;
  font-weight: bold;
  margin-bottom: 15px;
}

.WTAdvantages {
  position: relative;
  background: url('../img/worldTech/Advantages.jpg') no-repeat center top;
  background-size: cover;
}
.WTAdvantages:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background: rgba(74, 148, 188, 0.8);
}
.AdvantagesList {
  display: flex;
}
.AdvantagesList li {
  flex: 1;
  box-shadow: 1px 2px 10px rgba(31, 48, 108, 0.5);
  padding: 40px 15px 15px;
  color: #fff;
  margin-right: 25px;
}
.AdvantagesList li:last-child {
  margin-right: 0px;
}
.AdvantagesList li h4 {
  text-align: right;
}
.AdvantagesList li h4 span {
  text-align: right;
  vertical-align: top;
  font-size: 44px;
  line-height: 46px;
  display: inline-block;
}
.AdvantagesList li h4 span:before {
  content: '';
  display: inline-block;
  height: 40px;
  width: 5px;
  background: #1f306c;
  margin-right: 15px;
  vertical-align: top;
  margin-top: 3px;
  border-radius: 5px;
}
.AdvantagesList li h3 {
  font-size: 25px;
  line-height: 30px;
  margin: 10px 0 20px;
}

/*****文化********/
.bannerInpicx {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.pagemian {
  width: 100%;
  margin: auto;
}
.pagemian_swiper {
  width: 1200px;
  height: auto;
  margin: auto;
  display: flex;
  padding: 15px 0;
}
.pagemian_swiper_left {
  width: 49.5%;
  border-right: 1px solid #e6e6e6;
}
.pagemian_swiper_right {
  width: 49.5%;
  display: flex;
  justify-content: flex-end;
}
.culture_title {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  padding-bottom: 20px;
  padding-top: 30px;
  box-sizing: border-box;
}
.cultureTilte {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.cultureTilte > img {
  margin-right: 8px;
  width: 15px;
}
.cultureJie {
  color: #999999;
  font-size: 14px;
}
.culture_line {
  padding-bottom: 15px;
}
.swiperImg {
  width: 100%;
  height: 240px;
}
.runbobox {
  width: 70%;
  height: 100%;
}
.swiperImg > img {
  width: 100%;
  height: 100%;
}
.swiper_cur_tltie {
  padding-top: 10px;
  font-weight: 400;
  padding-bottom: 5px;
  font-size: 16px;
}
.swiper_cur_notice {
  color: #999999;
}
.swiper-button-prev,
/* .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    left: 10px;right: auto;background: #000;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    right: 10px;left: auto;background: #000;}
.swiper-button-next, .swiper-button-prev {border-radius: 50%;background-size: 11px 20px !important;width: 30px !important;height: 30px !important;} */

/* .cultureClassifica_first {
  display: flex;
  justify-content: space-between;
  width: 100%;
} */
.cultureClassifica_first_left {
  width: 64%;
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  height: 200px;
  color: #ffffff;
}
.cultureClassifica_first_right {
  width: 35%;
  height: 200px;
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
}

.cultureDetailebox {
  display: none;
  width: 100%;
  height: 100%;
  transition: all 1.75s ease;
}
.cultureDetaile {
  width: 100%;
  height: 100%;
  font-size: 15px;
  transition: all 1.75s ease;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 15px 15px 0 15px;
}
.cultureDetaile > p:first-child {
  padding-bottom: 10px;
  font-size: 17px;
}
.cultureClassifica_first_left:hover .cultureDetailebox {
  display: block;
  transition: all 1.75s ease;
  background: rgba(0, 0, 0, 0.3);
  cursor: default;
}
.cultureClassifica_first_left:hover .cultureClassificaTitle {
  display: none;
  transition: all 1.75s ease;
  cursor: default;
}

.cultureClassifica_first_right:hover .cultureDetailebox {
  display: block;
  transition: all 1.75s ease;
  background: rgba(0, 0, 0, 0.3);
  cursor: default;
}
.cultureClassifica_first_right:hover .cultureClassificaTitle {
  display: none;
  transition: all 1.75s ease;
  cursor: default;
}

.cultureClassifica_seceond {
  margin-top: 15px;
}
.cultureClassifica_seceond_right {
  width: 100%;
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  height: 200px;
  color: #ffffff;
  cursor: pointer;
}
.cultureClassifica_seceond_right:hover .cultureDetailebox {
  display: block;
  transition: all 1.75s ease;
  background: rgba(0, 0, 0, 0.3);
  cursor: default;
}
.cultureClassifica_seceond_right:hover .cultureClassificaTitle {
  display: none;
  transition: all 1.75s ease;
  cursor: default;
}
.cultureClassifica_three {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
}
.juzhong {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ztculture {
  position: absolute;
  color: #ffffff;
  font-size: 45px;
  font-weight: bold;
  letter-spacing: 5px;
}

.global-map {
  position: relative;
}
.global-map-bg {
  width: 100%;
  display: block;
  object-fit: fill;
}
.global-map .text {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.global-map .text h2 {
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #041d49;
  padding-bottom: 35px;
}
.global-map .text p {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 37px;
  color: #ed7422;
}

.honor {
  height: auto !important;
  background-size: cover !important;
  padding-bottom: 4%;
}
.honor .text {
  float: right;
  width: 50%;
  padding-top: 110px;
}
.honor .text h2 {
  font-size: 35px;
  color: #e0cdb2;
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
.honor .text h2::after {
  content: '';
  width: 36px;
  height: 71px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/about/honor_l.png) center center no-repeat;
}
.honor .text h2::before {
  content: '';
  width: 36px;
  height: 71px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/about/honor_r.png) center center no-repeat;
}
.honor .text h3 {
  font-size: 22px;
  color: #e0cdb2;
  line-height: 1.5;
  margin-top: 50px;
  margin-bottom: 40px;
}
.honor .text ul li {
  font-size: 15px;
  color: #fff;
  margin-bottom: 25px;
  list-style: inside;
}

.honor-text {
  padding: 80px 0 60px;
}
.honor-text h2 {
  color: #021d49;
  font-size: 35px;
}
.honor-text h3 {
  display: inline-block;
  padding-right: 200px;
  font-size: 22px;
  color: #ed7422;
  padding-top: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #b3b3b3;
}
.honor-text p {
  color: #494949;
  font-size: 15px;
  line-height: 2;
  margin-top: 25px;
}

.procurement-content-box {
  flex: 1;
}

.procurement-menu-box dd.active a {
  color: #ed7423;
}

.procurement-menu-box dd.active a::after {
  border-top-color: #ed7423;
  transform: rotate(-90deg);
}
.ztculture {
  position: absolute;
  color: #ffffff;
  font-size: 45px;
  font-weight: bold;
  letter-spacing: 5px;
}

.service-matrix-box {
  box-shadow: 0px 5px 20px 1px #ccc;
}
.service-matrix h2 {
  margin: 70px 0 60px;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #021d49;
  line-height: 1;
  text-align: center;
}
.service-matrix-banner {
  overflow: hidden;
  position: relative;
  height: 525px;
}
.service-matrix-banner img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.service-matrix-list {
  display: flex;
  background-color: #f2f3f4;
  box-shadow: 0 1px 2px #dfdfdf;
}
.service-matrix-list li {
  width: 25%;
  min-height: 200px;
  color: #919191;
  cursor: pointer;
  transition: all 0.3s linear;
  padding-bottom: 50px;
  position: relative;
}
.service-matrix-list .text {
  margin: 30px 15px 0;
}
.service-matrix-list .text h3 {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.2;
  margin-bottom: 20px;
}
.service-matrix-list .text p {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0px;
}
.service-matrix-list li.active::after {
  display: block;
  content: '';
  background-color: #ed7422;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.service-matrix-list li.active {
  background-color: #fff;
  color: #015bdb;
}
.service-capacity {
  overflow: hidden;
}
.service-capacity .index_hd {
  margin-bottom: 0;
}
.global-map {
  position: relative;
}
.global-map-bg {
  width: 100%;
  display: block;
  object-fit: fill;
}
.global-map .text {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.global-map .text h2 {
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #041d49;
  padding-bottom: 35px;
}
.global-map .text p {
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 37px;
  color: #ed7422;
}

.advantage {
  position: relative;
  overflow: hidden;
}
.advantage .swiper-slide > img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: cover;
  min-height: 600px;
}
.advantage .information-trends-text {
  width: 30%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.advantage .information-trends-text h2 {
  display: inline-block;
  color: #fff;
  margin-top: 90px;
  padding-right: 50px;
  padding-bottom: 20px;
  border-bottom: 2px solid #fff;
  font-size: 35px;
}
.advantage .information-trends-text img {
  margin-top: 120px;
  margin-bottom: 30px;
  display: block;
}
.advantage .information-trends-text h3 {
  line-height: 1.4;
  color: #fff;
  font-size: 26px;
  padding-bottom: 34px;
  width: 350px;
  position: relative;
}
.advantage .information-trends-text h3::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: -15px;
}
.advantage .information-trends-text p {
  color: #fce7df;
  font-size: 15px;
  line-height: 2;
  margin-top: 30px;
}
.advantage .swiper-container-horizontal > .swiper-scrollbar-bullets,
.advantage .swiper-scrollbar-custom,
.swiper-scrollbar-fraction {
  position: absolute;
  z-index: 99;
  left: unset;
  width: 30%;
  bottom: 50px;
  right: 0;
  text-align: left;
}
.advantage .swiper-scrollbar-bullet {
  background-color: #fff;
  border-radius: 0;
  opacity: 1;
}
.advantage .swiper-scrollbar-bullet-active {
  background-color: #fff !important;
  width: 30px !important;
}
.advantage
  .swiper-container-horizontal
  > .swiper-scrollbar-bullets
  .swiper-scrollbar-bullet {
  margin: 0px 5px !important;
}

.certificate-head {
  background-color: #051d49;
}

.certificate {
  overflow: hidden;
}
.certificate .swiper-slide > div {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.certificate .swiper-slide > div .line {
  opacity: 0;
}
.certificate .swiper-slide > div.on .line {
  opacity: 1;
}
.certificate .swiper-slide > div h3,
.certificate .swiper-slide > div h4 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
}
.certificate .swiper-slide > div h3 {
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
}
.certificate .swiper-slide > div h3 b {
  font-weight: 500;
}
.certificate-head .certificate-swiper .swiper-button-prev.swiper-button-disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAArCAYAAACXZ8NLAAAABGdBTUEAALGPC/xhBQAACklpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAAEiJnVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/stRzjPAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAF5SURBVEiJrdc9SJVRGAfwnx9cxCERDBwawyFoaHBwCISgCIciQUEHwUFqkQiXXHLKKREHIcEQQSEhI1AuFoGD4CI4NASBW9DQEDqICGLDvRcul/vx3vd9znY++HGGw/P8T0s+nxc83rQGg68xF4m+wluIQqfxrjSJQJ9jsXwhKzqJZbREoRNYqQSzoKNYRVu1zTToMDZqgWnQJ9isBzaLPsYWco0OJkUfYjsJmBQdxGd0JLxAQ/Q+dtGZFGyEDmCnWbAe2o88bjQL1kLvYQ9dacBq6F18RXdasBK9g+/oyQKWo31F8GZWsITeLoK9EWAJXcOtKLCETuB3NHqCB/gTicKvIvw3EoWfUXDl4/+BR/gXicKxQv08jUThSKHSn0WicIghnEeicJAGTtJO9vEUF5EofMMzXEaiFDrBSBK42TDxBWO4ikThE8brwWkD2keFGFkVzhIl1zGF60gUPuBFJRwRz9/jZTkc9ZFYwkw0CguYhfZAFOaR+w+1sj2C2Hu6pAAAAABJRU5ErkJggg==);
  transform: translateY(-50%);
}
.certificate-head .certificate-swiper .swiper-button-next.swiper-button-disabled {
  background-image: url(data:image/png;base64,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);
  transform: translateY(-50%) rotateY(-180deg);
}
.certificate-swiper-box .swiper-button-prev, 
.certificate-swiper-box .swiper-button-next {
  background: none;
  font-size: 18px;
	font-weight: bold;
	line-height: 33px;
	letter-spacing: 1px;
	color: #ffffff;
  opacity: 1 !important;
  top: unset;
  left: unset;
  background-color: #ed7422;
  width: 60px;
	height: 37px;
  line-height: 37px;
  text-align: center;
  z-index: 9;
}
.certificate-swiper-box .swiper-button-prev.swiper-button-disabled, 
.certificate-swiper-box .swiper-button-next.swiper-button-disabled {
  background-color: #cdcdcd;
}

.certificate-swiper-box .swiper-button-prev {
  right: 64px;
  bottom: -65px;
  border-radius: 10px 0 0 10px;
}
.certificate-swiper-box .swiper-button-next {
  right: 0;
  bottom: -65px;
  border-radius: 0px 10px 10px 0px;
}

.certificate .swiper-slide > div .line {
  width: 100%;
  height: 5px;
  background-color: #f8741a;
  transition: all ease 0.3s;
  margin-top: 30px;
}
.certificate .swiper-slide > div.on h3,
.certificate .swiper-slide > div.on h4 {
  color: #fff;
}

.certificate-swiper-box {
  padding: 0 1%;
  position: relative;
}
.certificate-swiper-box .certificate-swiper {
  opacity: 0;
  height: 0;
}
.certificate-swiper-ul {
  background-color: #f2f2f2;
  padding: 30px 0 100px; 
}

.certificate .certificate-swiper {
  overflow: hidden;
}
.certificate-swiper .swiper-slide {
  background: transparent !important;
  flex-wrap: wrap;
}
.certificate-swiper .swiper-slide p {
  display: block;
  font-size: 20px;
  color: #ffffff;
  margin-top: 25px;
  line-height: 1.3;
  font-size: 15px;
  display: none;
}
.certificate-head .certificate-swiper .swiper-button-prev,
.certificate-swiper .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/png;base64,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);
}
.certificate-head .certificate-swiper .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/png;base64,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);
}
.certificate-head .certificate-swiper .swiper-button-next {
  transform: translateY(-50%);
  right: -50px;
}
.certificate-head .certificate-swiper .swiper-button-prev {
  transform: translateY(-50%) rotateY(180deg);
  left: -50px;
}
.certificate-head .certificate-swiper .swiper-button-next,
.certificate-head .certificate-swiper .swiper-button-prev {
  width: 23px;
  height: 44px;
}
.certificate-swiper .swiper-button-prev {
}
.certificate-swiper .swiper-button-next {
}
.certificate-swiper {
  width: 100%;
  height: 100%;
}

.certificate-swiper .swiper-slide {
  text-align: left;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
}

.certificate-swiper .swiper-slide img {
  display: block;
  box-shadow: 0 0 10px #000;
  width: 100%;
  object-fit: cover;
}

.contact-us {
  padding: 90px 0;
}
.contact-us .wrapperKn > h2 {
  text-align: center;
  line-height: 1 !important;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 8px;
  letter-spacing: 2px;
  color: #0e1d49;
}
.contact-us .wrapperKn > h3 {
  text-align: center;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 37px;
  letter-spacing: -1px;
  color: #ed7422;
  padding: 40px 0 80px;
}
.contact-us-form .xm-select-demo,
xm-select {
  min-height: 50px;
  background-color: #f5f5f5;
  font-size: 18px;
}
.contact-us-form xm-select {
  min-height: 50px;
  padding: 0;
  border-color: #ddd;
  background-color: transparent;
}
.contact-us-form xm-select > .xm-body .xm-option {
  height: 36px;
}
.contact-us-form xm-select > .xm-tips {
  padding-left: 10px;
  font-size: 15px !important;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 3px;
  color: #868686;
  opacity: 0.6;
}
.contact-us-form ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-us-form ul li {
  width: 31%;
  margin-bottom: 40px;
}
.contact-us-form ul li span {
  margin-bottom: 18px;
  display: block;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 1px;
  color: #868686;
}
.contact-us-form ul li span i {
  color: #ff0000;
}
.contact-us-form ul li input,
.contact-us-form xm-select {
  border: none;
}
.contact-us-form ul li input {
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  padding: 0 10px;
  font-size: 15px;
}
.contact-us-form ul li input::placeholder {
  line-height: 50px;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 3px;
  color: #868686;
  opacity: 0.6;
}
.contact-us-authorization {
  text-align: center;
  margin-top: 10px;
}
.contact-us-authorization input {
  margin-top: 0;
  vertical-align: bottom;
  margin-right: 20px;
}
.contact-us-authorization em {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 8px;
  letter-spacing: 3px;
  color: #b6b6b6;
}
.contact-us-authorization em a {
  color: #ed7422;
  font-weight: bold;
}
.contact-us-form-button {
  display: block;
  padding: 15px 30px;
  background-color: #ed7422;
  border-radius: 10px;
  font-size: 30px;
  font-weight: 300;
  font-stretch: normal;
  color: #ffffff;
  margin: 40px auto 0;
}
.contact-us-form-button img {
  display: inline-block;
  vertical-align: bottom;
}

/* .service-capacity{background-color: #fafafa;}
.service-capacity .wrapperKn{overflow: hidden;}
.service-capacity .swiper-slide{text-align: center;background-color: #eff4f4;height: 330px;display: flex;justify-content: center; align-items: center;}
.service-capacity .swiper-slide h3{font-size: 40px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #1a7f7f;padding: 25px 20px;}
.service-capacity .swiper-slide p{font-size: 24px;font-weight: normal;font-stretch: normal;color: #666666;} */

.jobs {
  background-color: #f7f7f7;
}
.jobs-list-box {
  display: flex;
  padding: 50px 0;
}
.jobs-list-left-box {
  width: 430px;
}
.jobs-list-right-box {
  flex: 1;
  margin-left: 45px;
}
.jobs-list-title {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  color: #041d49;
}
.jobs-list-left-box .jobs-list-detail {
  margin-top: 40px;
  padding: 10px 30px;
}
.jobs-list-right-box .jobs-list-detail {
  margin-top: 40px;
}
.jobs-list-left-box .jobs-list-detail {
  background-color: #fff;
}
.jobs-list-right-box .jobs-list-detail > li {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 30px;
  transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1);
  cursor: pointer;
  margin-bottom: 45px;
  position: relative;
}
.jobs-list-right-box .jobs-list-detail > li:hover {
  transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.05);
}
.jobs-list-right-box .jobs-list-detail > li:hover .jobs-list-detail-text h2 {
  color: #ed7422;
}

.jobs-list-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobs-list-title-box span {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #919191;
}
.jobs-list-left-box .jobs-list-detail > li {
  font-size: 22px;
  color: #919191;
  font-weight: normal;
  font-stretch: normal;
  border-bottom: 1px solid #e5e5e5;
}
.jobs-list-left-box .jobs-list-detail > li > span {
  display: block;
  padding: 25px 0;
  cursor: pointer;
  position: relative;
}
.jobs-list-left-box .jobs-list-detail > li:last-child {
  border-bottom: none;
}
.jobs-list-left-box .jobs-list-detail > li > span::after {
  transition: transform ease 0.5s;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-top: 4px solid #919191;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.jobs-list-detail-search {
  width: 100%;
  height: 40px;
  border: solid 2px #919191;
  padding: 0 20px;
  background-size: 29px 26px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiAxMTYuMTY0NzY2LCAyMDIxLzAyLzE5LTIzOjEwOjA3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU3MzVlNTNjLTM2OGEtNDU5Yy05YzFlLTQzNmY3OTk2MTY1NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0REOEQ1MTI3NkExMUVEOEY0N0E2RDA1ODMyODU1NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0REOEQ1MDI3NkExMUVEOEY0N0E2RDA1ODMyODU1NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuNCAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEwMTQ4Nzg5LWM3NWYtNGMwMC05Y2RjLTgwNDZlMzNjYWY1OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmM3NDY1MDFjLTY3OTQtNDM0Zi1iZmIzLTRhMjljMTc1YThmMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIABwAHwMBEQACEQEDEQH/xABrAAADAAMBAAAAAAAAAAAAAAAGCAkDBAcKAQEAAAAAAAAAAAAAAAAAAAAAEAAABQIEBQMDBQEAAAAAAAABAgMEBgUHEhMUCAARFRYXIyQYISImMUEzJTcZEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD2dbgNwEvj0vj9hbDR+nzG/Eyp5qwY9YMqWIWziJVhQXmczWb8lDAY5TFaNSiBjm5HOBxM2bPAC2Gz+6MgIer3R3lbjHcqekKq7JayVN7YxJo4MUMSDCOsGD5oLdE32gchGwqAGISEERAAEpEbc3s9QCaO51WtztgaYpmzWlSdo3LeCC0U5x1UlpUhKqJpa1poCCjgrtTAVIolBNsnmO0QeVC5cIdW3NdxtXm7i3pYg4nZpEgk5VRLF2lKVrLuoGapoGfgdrT0TmUQytQQ5DJiQFAEvAKPs/YEkF0d5V0aucr2VO9xkqtYR2qUpnDSJWxbsWEdYIGEMSLcWj4hDgXkCgtiCbmJAEAfLgMDpq2fNXLJ63Rds3iCzV21cJkWbuWzhMyS7ddFQDJqorJHEpimAQMURAfpwE8dn0UbVuwO5CxNReqrw6I3r3A2QoYnVMItIa4aNMxIi3PHhFzJna2LEI81B+vAap5Ehs83NTh5MwUptgdz1aaSamTVQDnosEvAVBQsgpcldcxLTWktMZR2VyqBUilywL6bZ2okFF2rtq+bN3rFy3eM3aKbhq7arJuGzlusQFEV266JjpLIqpmAxTFESmAeYDwC9bjdxkVsHFDqqHJIbkyAnTLb23pmN/JJdJX5tHSUUaSzzH4Ukr9QmoXAnLl6aeNc6SRw4pYi3VYiW0q6EIikooMpv5WaXdWrTvoEkolTXo195ZRagBY7V3DR+4Y0iuUJ2myYuCrHIQF2x1R5ENwDc3S8a9gyby/2v450H5P3lou39LnpafVa/wBHUa3K02H19Vl5Pq4OAjS2+OOsq3x4/wClHYmerh+N3WPG/wCvuND3T+Q5WZixar7sXP8AblwDSbPfhl3m67H7t+QWB51H5Ca/zTg062q0PVv6TU9Nzc/o/utJi1Hp8ARUX4vfN5t4t7981ZE28q+L/wDJNX0h91HzRi9l1Xqv8fT/AKdxZWu93wH/2Q==');
}
.jobs-list-detail-down {
  display: none;
}
.jobs-list-detail-down ol {
  margin-top: 30px;
}
.jobs-list-detail-down ol li {
  margin-bottom: 20px;
}
.jobs-list-detail-down ol li label {
  display: flex;
}
/* .jobs-list-detail-down ol li label input{width: 20px;} */
.jobs-list-detail-down ol li label span {
  font-size: 18px;
  margin-left: 20px;
  line-height: 1.3;
}
.jobs-list-left-box .jobs-list-detail > li.active > span {
  color: #ed7422;
}
.jobs-list-left-box .jobs-list-detail > li.active > span::after {
  border-top-color: #ed7422;
  transform: rotate(180deg);
}
.jobs-list-detail-text {
  width: 550px;
}
.jobs-list-detail-text h2 {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 27px;
  color: #919191;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 15px;
}
.jobs-list-detail-text p {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 37px;
  letter-spacing: 0px;
  color: #919191;
  margin-top: 10px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 这里是超出几行省略 */
  overflow: hidden;
}
.jobs-list-detail-share {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}
.jobs-list-detail-share p {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 27px;
  letter-spacing: -1px;
  color: #919191;
  margin-top: 15px;
}
.jobs-list-detail-share-mark {
  display: none;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
  position: absolute;
  top: 100%;
  right: -46px;
  background-color: #ffffff;
  box-shadow: 2px 5px 10px #b1b7bc;
  padding: 25px;
  z-index: 99;
}

.jobs-list-detail-share-mark .mark-title-box {
  display: flex;
  justify-content: space-between;
}
.jobs-list-detail-share-mark .mark-title-box h3,
.jobs-list-detail-share-mark .mark-title-box span {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  color: #041d49;
}
.jobs-list-detail-share-mark .mark-text-box {
  margin-top: 30px;
}
.jobs-list-detail-share-mark .mark-text-box h4 {
  text-align: left;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 27px;
  color: #919191;
}
.jobs-list-detail-share-mark .mark-text-box input {
  width: 200px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  color: #919191;
  margin-right: 100px;
}
.jobs-list-detail-share-mark .mark-text-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  margin-top: 15px;
}
.jobs-list-detail-share-mark .mark-text-link span {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  color: #ed7422;
}

.jobs-list-detail-share-mark::after {
  content: '';
  display: block;
  position: absolute;
  top: -29px;
  right: 44px;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #ffffff;
}

.nav-list-box {
  position: sticky;
  top: 0;
  z-index: 999;
}

html.up .nav-list-box {
  top: 78px;
}

.nav-list-box ul {
  display: flex;
  justify-content: space-around;
  height: 90px;
  background-color: #0e1d49;
  border-radius: 8px;
  margin-top: -50px;
}

.nav-list-box ul li {
  display: flex;
  align-items: center;
  width: 25%;
  justify-content: center;
  position: relative;
}

.nav-list-box ul li::before {
  content: '';
  display: block;
  width: 1px;
	height: 46px;
	background-color: #ffffff;
	opacity: 0.6;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nav-list-box ul li:last-child::before {
  display: none;
}

.nav-list-box ul li a {
  position: relative;
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	color: #ffffff;
}

.nav-list-box ul li.active a {
  color: #ed7422;
  display: block;
}

.news-box {
  padding-top: 70px;
  padding-bottom: 80px;
}
.news-box .news-list {
  display: flex;
  flex-wrap: wrap;
}
.news-box .news-list li {
  width: calc(33.333% - 20px);
  margin-bottom: 80px;
  cursor: pointer;
  transition: transform ease 0.3s;
  border-radius: 8px;
}
.news-box .news-list li:hover {
  transform: translateY(-20px);
  box-shadow: 0 0 10px #ccc;
}
.news-box .news-list li:nth-child(3n - 1) {
  margin-left: 30px;
  margin-right: 30px;
}
.news-box .news-list li figure {
  height: 200px;
  display: block;
  overflow: hidden;
  border-bottom: 3px solid #ee7a2c;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.news-box .news-list li figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-box .news-list-text {
  height: 128px;
  overflow: hidden;
  text-align: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
	border: solid 1px #ececec;
}
.news-box .news-text-skew {
  position: relative;
  padding: 30px 36px;
  height: 100%;
}

.news-box .news-text-skew span {
  font-size: 15px;
  font-weight: 100;
  font-stretch: normal;
  letter-spacing: 1px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: #666;
}
.news-box .news-list-text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #261c19;
  line-height: 1.3;
}

.news-detail-box {
  padding: 85px 0;
  background-color: #f7f7f7;
}

.news-detail-box .news-detail-title {
  padding-left: 50px;
  background-color: #ed7422;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.5;
}
.news-detail-box .news-detail-time {
  font-size: 20px;
  font-weight: normal;
  padding-left: 50px;
  letter-spacing: 1px;
  color: #808080;
  margin: 30px 0 30px;
}
.news-detail-box .news-detail-time .type {
  color: #ed7422;
}
.news-detail-text {
  overflow: hidden;
  background-color: #fff;
  padding: 35px 45px;
}

.procurement-content-box .procurement-content-dl {
  padding: 0 40px 60px;
  background-color: #fff;
  margin-bottom: 30px;
}

.procurement-content-box .procurement-content-dl dt,
.procurement-content-box .procurement-content-dl dd a {
  display: flex;
  justify-content: space-between;
}

.procurement-content-box .procurement-content-dl dd {
  margin-top: 40px;
  padding-bottom: 15px;
  border-bottom: 3px solid #e6e6e6;
}

.procurement-content-box .procurement-content-dl dd a {
  width: 100%;
}

.procurement-content-box .procurement-content-dl span {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #808080;
}
.procurement-content-box .procurement-content-dl dd a:hover span {
  color: #ed7423;
}

.procurement-content-box .procurement-content-dl dt {
  padding: 30px 0 10px;
}

.procurement-content-box .procurement-content-dl dt span {
  color: #ed7422;
  font-weight: 600;
}

.procurement {
  padding: 100px 0;
}

.procurement .wrapperKn {
  display: flex;
}

.procurement-menu-box {
  margin-right: 45px;
  width: 370px;
}

.procurement-menu-box dt {
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #494949;
  padding-bottom: 20px;
  border-bottom: 1px dashed #818181;
}

.procurement-menu-box dd {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #818181;
  cursor: pointer;
}

.procurement-menu-box dd a {
  position: relative;
  display: block;
  color: #494949;
}

.procurement-menu-box dd a::after {
  content: '';
  display: block;
  border-top: 6px solid #494949;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transition: all 0.3s;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
}

.procurement-content-box {
  flex: 1;
}

.procurement-menu-box dd.active a {
  color: #ed7423;
}

.procurement-menu-box dd.active a::after {
  border-top-color: #ed7423;
  transform: rotate(-90deg);
}
/* @media screen and (max-width: 1700px) {
  .map-response{
    zoom: .9;
  }
}
@media screen and (max-width: 1600px) {
  .map-response{
    zoom: .8;
  }
}
@media screen and (max-width: 1400px) {
  .map-response{
    zoom: .7;
  }
} */

xm-select > .xm-body .xm-option-icon {
  border: none !important;
  color: currentColor !important;
}
.contact-us-form xm-select span {
  line-height: 26px !important;
}
.contact-us-form .customize {
  background-color: transparent;
  padding: 0;
}
.contact-us-form xm-select * {
  font-size: 14px !important;
}

.page-box .page {
  display: flex;
  justify-content: flex-end;
  display: inline-block;
  padding: 5px 0;
}

.page-box .page a {
  border: none;
  color: #261c19;
}

.page-box .page a.hover,
.page-box .page a:hover {
  background: #ff7517;
  color: #fff;
}
.whippletree {
  position: relative;
}
.whippletree::before {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body .font-weight-bold {
  font-weight: bold !important;
  letter-spacing: 0 !important;
}

.advantage-EN .information-trends-text img {
  margin-top: 100px;
  margin-bottom: 25px;
}
.advantage-EN .information-trends-text h3 {
  font-size: 24px;
  padding-bottom: 25px;
}
.advantage-EN .information-trends-text p {
  line-height: 1.5;
}
.en .contact-us-form ul li input::placeholder {
  letter-spacing: 0;
}
.en .contact-us-form xm-select > .xm-tips {
  letter-spacing: 0;
}


.home-professional-services {
  padding-top: 120px;
}






.home-professional-services .cls-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-professional-services .cls-button.cls-button--primary {
    background: #06f;
    color: #fff;
    border: 1px solid #06f;
    width: 132px;
    height: 48px;
    font-size: 16px;
    border-radius: 4px
}

.home-professional-services .cls-button.cls-button--primary.cls-button--primary--large {
    width: 200px;
    height: 46px
}



.home-professional-services .cls-button.cls-button--normal {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    width: 153px;
    height: 39px;
    border-radius: 4px
}

.home-professional-services .cls-button.cls-button--normal:hover {
    background: #fff;
    color: #333!important;
    font-weight: 600
}
 


.home-professional-services .card-title {
    font-weight: 600;
    line-height: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.home-professional-services .card-title:after {
    content: "";
    width: 90px;
    height: 3px;
    background: #ed7422;
    margin-top: 7px
}
.home-professional-services .card-header .card-title:after {
    width: 118px;
}

.home-professional-services .hover-title .card-title:after {
    width: 180px;
}

.home-professional-services .card-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 20px 20px 0
}

.home-professional-services .card-info .desc {
    height: 60px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #666666;
}


.home-professional-services .card-info .btn {
    width: 130px;
    color: #333
}

.home-professional-services .card-info .btn-span6 {
    width: 100px;
    color: #333
}

.home-professional-services .more-card-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    height: 100%;
}

.home-professional-services .more-card-info .card-header {
    height: 185px;
    background-image: -webkit-gradient(linear,left top,right top,from(#fff),to(#e6f3ff));
    background-image: -webkit-linear-gradient(left,#fff,#e6f3ff);
    background-image: linear-gradient(90deg,#fff,#e6f3ff);
    background-size: 58% 250%;
    background-position: right -247px;
    background-repeat: no-repeat;
    padding: 40px 20px 20px 20px;
    border-bottom: 1px solid #e0e0e0;
}

.home-professional-services .more-card-info .bg1,
.home-professional-services .more-card-info .bg2,
.home-professional-services .more-card-info .bg3 {
    background-image: url(../img/header/bg-log.png)
}

.home-professional-services .more-card-info .card-title {
    font-size: 24px
}

.home-professional-services .more-card-info .card-body {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666666;
}



.home-professional-services .more-card-info .more-card-info-tab {
    padding: 30px 25px;
    position: relative;
    text-align: center;
}

.home-professional-services .more-card-info .more-card-info-tab ul {
    display: inline-block;
    text-align: left;
}

.home-professional-services .more-card-info .more-card-info-tab li,
.home-professional-services .more-card-info .more-card-info-tab p {
  	font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #666666;
    position: relative;
    margin-bottom: 6px;
}

.home-professional-services .more-card-info .more-card-info-tab li::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 5px;
    border-radius: 100%;
    background-color: #0e1d49;
    position: absolute;
    left: -12px;
    top: 6px;
}

.home-professional-services .more-card-info .more-card-info-tab .more-title {
    font-size: 15px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #0e1d49;
    margin-bottom: 20px;
}



.home-professional-services .more-card-info .more-card-info-tab .feat-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-professional-services .more-card-info .more-card-info-tab .feat-item:before {
    position: absolute;
    left: -20px;
    top: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "•";
    background-size: contain;
    width: 10px;
    height: 10px;
    margin-right: 5px
}

.home-professional-services .more-card-info .more-card-info-tab .feat-desc-wrapper {
    font-size: 10px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    line-height: 14px
}

.home-professional-services .more-card-info .more-card-info-tab .feat-desc-item {
    margin-bottom: 5px
}

.home-professional-services .more-card-info .more-card-info-tab .btn-wrapper {
    position: absolute;
    bottom: 50px;
    margin-top: 41px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    padding: 0 20px
}

.home-professional-services .more-card-info .more-card-info-tab+.more-card-info-tab {
    border-left: 1px solid #ececec;
}

.home-professional-services .more-card-info .card-btn {
    display: flex;
    justify-content: center;
    border-top: 1px solid #ececec;
    height: 80px;
    align-items: center;
}

.home-professional-services .more-card-info .card-btn a {
    display: block;
    width: 99px;
    height: 21px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    line-height: 21px;
}

.home-professional-services .more-card-info .card-btn a:last-child {
  margin-left: 80px;
}

.home-professional-services .card-title {
    font-size: 24px
}

.home-professional-services .card-body {
    max-width: 610px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.5
}

.home-professional-services .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.home-professional-services .body {
    position: absolute;
    margin-top: 250px;
    height: 180px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    opacity: 1
}

.home-professional-services .hover-body {
    background-color: #fff
}

.home-professional-services .hover-body,.home-professional-services .hover-title {
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.home-professional-services .box-wrap {
    padding-left: 20px;
    margin-left: -13px
}

.home-professional-services .box {
    border: 1px solid #ececec;
    border-radius: 8px;
    position: relative;
    width: 428px;
    height: 440px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.home-professional-services .box.technology .more-card-info-tab {
    padding: 50px 20px
}

.home-professional-services .box.technology .more-card-info-tab:first-child .btn,
.home-professional-services .box.technology .more-card-info-tab:nth-child(2) .btn,
.home-professional-services .box.technology .more-card-info-tab:nth-child(3) .btn,
.home-professional-services .box.technology .more-card-info-tab:nth-child(4) .btn {
    width: 90px
}

.home-professional-services .row:hover .box-wrap .box {
    width: 234px;
    height: 520px;
    -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    background-position: bottom;
    background-image: url(../img/home/processing-hover-1.png)
}

.home-professional-services .row:hover .box-wrap .box.domestic-logistics {
    background-image:  url(../img/home/processing-hover-1.png)!important;
    background-size: cover
}

.home-professional-services .row:hover .box-wrap .box.global-logistics {
    background-image: url(../img/home/processing-hover-2.png)!important;
    background-size: cover
}

.home-professional-services .row:hover .box-wrap .box.technology {
    background-image: url(../img/home/processing-hover-3.png)!important;
    background-size: cover
}

.home-professional-services .row:hover .box-wrap:hover .box {
    width: 800px;
    -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.home-professional-services .row:hover .box-wrap:hover .box .hover-body {
    opacity: 1
}

.home-professional-services .row:hover .box-wrap:hover .box .hover-title {
    opacity: 0;
    z-index: -1
}

.home-professional-services .row:hover .body {
    opacity: 0;
    height: 0;
    margin-top: 0
}

.home-professional-services .row:hover .hover-title {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;

}
.home-professional-services .hover-title {
   display: flex;
   align-items: flex-end;
   justify-content: center;
}
.home-professional-services .hover-title .card-title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 0px 10px;
}
.home-professional-services .hover-title .card-title:after {
    margin-top: 30px;
    height: 5px;
    border-radius: 3px;
}
.home-professional-services .cls-block-inner {
    margin-top: 60px;
}

.home-professional-services .card-header .card-title{ 
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #0e1d49;
}

.home-professional-services .card-row {
    display: flex;
    height: calc(100% - 185px);
}

.home-professional-services .btn {
  position: absolute;
  bottom: 23px;
  display: flex;
  flex-direction: column;
  left: 50%;
  transform: translateX(-50%);
}

.home-professional-services .btn a {
	width: 99px;
	height: 22px;
	border-radius: 4px;
  font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
  line-height: 22px;
  text-align: center;
  margin-top: 5px;
}

.home-professional-services .btn a:first-child {
  background-color: #ed7422;
}

.home-professional-services .btn a:last-child {
  background-color: #0e1d49;
}

.home-professional-services .card-row .independence-btn {
  display: block;
  width: 99px;
	height: 31px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
  text-align: center;
  line-height: 31px;
}

.home-three-earth {
  height: 1274px;
  background-color: #f8f8f8;
  padding-top: 80px;
  margin-top: 80px;
  position: sticky;
  top: 0;
  margin-bottom: 10px;
}

.home-three-earth #mainCanvas {
  /* position: relative !important; */
}

.home-canvas-three-earth {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 12%;
  margin-left: 39%; */
  /* position: sticky;
  top: 0;
  z-index: 2; */
  /* margin-top: 100px; */
}

.home-three-earth-ul {
  margin-top: 100px;
}
.home-three-earth-ul ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 创建三列 */
  grid-template-rows: repeat(3, 1fr); /* 创建三行 */
  gap: 10px; /* 定义单元格之间的间距（可选） */
  width: calc(175px * 3); /* 设置容器宽度，根据需求调整 */
  height: 330px; /* 设置容器高度，根据需求调整 */
}

.home-three-earth-ul ul li {
  text-align: left; /* 文本居中对齐（如果包含文本） */
  line-height: 1; /* 确保内容垂直居中 */
  text-align: center;
}

.home-three-earth-ul ul li div > span {
	font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: -1px;
	color: #ed7422;
}

.home-three-earth-ul ul li div > span:last-child {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ed7422;
  white-space: nowrap;
}

.home-three-earth-ul ul li > p {
  font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: 0px;
	color: #919191;
  margin-top: 12px;
}

.home-scheme {
  /* padding-bottom: 150px; */
  position: relative;
  z-index: 6;
}
.home-scheme::before {
  content: '';
  display: block;
  width: 100%;
  height: calc(100% - 143px);
  background-color: white;
  position: absolute;
  top: 143px;

}

.home-scheme .wrap {
  background-color: white;
  margin: 0 auto;
  margin-top: -150px;
  max-width: 1500px;
  width: 100%;
  position: relative;
  z-index: 3;
}

.home-scheme .subheading {
  padding-top: 75px;
  position: relative;
  padding-left: 65px;
}
.home-scheme-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  padding-bottom: 150px;
}
.home-scheme-ul li {
  width: 33%;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.home-scheme-ul li a {
  display: block;
}

.home-scheme-ul li img {
 transform: none;
 transition: all ease-in-out .5s;
}

.home-scheme-ul li:hover img {
  transform: scale(1.2);
}

.home-scheme-ul li p {
	font-size: 55px;
	font-weight: 100;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: -1px;
	color: #feffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.home-scheme-ul::after {
  content: '';
  display: block;
  width: 33%;
}

.home-technological {
  padding-bottom: 80px;
  overflow: hidden;
  margin-top: 30px;
  background-color: white;
}

.home-technological-head {
  display: flex;
}

.home-technological-ul {
  display: flex;
  height: 68px;
  margin-left: 60px;
}

.home-technological-ul li {
  display: inline-block;
  width: 210px;
  position: relative;
  margin-right: 17px;
}

.home-technological-ul li p {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #333333;
  margin-bottom: 15px;
}

.home-technological-line {
  width: 182px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
}

.home-technological-line::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000000;
	opacity: 0.18;
}

.outer-circle {
  position: absolute;
  left: -25px;
  width: 18px; /* 大圆直径 */
  height: 18px;
  border-radius: 50%; /* 形成圆形 */
  bottom: -7px;
}

.inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 居中显示小圆 */
  width: 10px; /* 小圆直径 */
  height: 10px;
  background-color: #fff; /* 小圆背景颜色 */
  border-radius: 50%; /* 形成圆形 */
  background-color: #000000;
	opacity: 0.18;
}

li.on .home-technological-line p {
	font-size: 18px;
  font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #000000;
}

li.on .home-technological-line::after {
  background-color: #ed7422;
  opacity: 1;
}

li.on .outer-circle {
  background-color: #fbdfcc;
}

li.on .inner-circle {
 background-color: #ed7422;
 opacity: 1;
}
.home-technological-nav {
  position: relative;
}

.home-technological-text {
  position: absolute;
  top: 100px;
  left: 38px;
  background-color: #0e1d49;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  min-height: 260px;
}
.home-technological-bg-logo {
  width: 360px;
  height: 100%;
  background-color: #0e1d49;
  position: absolute;
  right: -310px;
  top: 0;
  background-image: url(../img/home/bg-logo.png);
  background-position: center top;
  background-repeat: no-repeat;
}

.home-technological-cover {
  margin-top: 60px;
}

.home-technological-cover img {
  height: 326px;
  border-radius: 8px;
}

.home-technological-text-content {
  padding: 40px 48px;
}

.home-technological-text-content p {
  font-size: 18px;
	font-weight: 100;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #c3c6d1;
  line-height: 1.4;
}

.home-technological-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 108px;
	height: 92px;
	background-color: #ed7422;
  border-bottom-left-radius: 10px;
}

.home-technological-more a {
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #feffff;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-zt-text {
  position: absolute;
  right: -280px;
  bottom: 0;
}

.home-esg {
  background-color: #f8f8f8;
  padding: 75px 0 120px;
}

.home-esg .home-cover {
  margin-top: 90px;
  border-radius: 10px;
  overflow: hidden;
}

.home-cover-swiper {
  position: relative;
}


.home-cover-swiper .swiper-wrapper {
  display: flex;
  align-items: center;
}

.home-cover-swiper .swiper-slide::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.2;
  border-radius: 8px;
}

.home-cover-swiper .swiper-slide img{
  max-width: 100%;
  display: block;
  border-radius: 8px;
}

.home-cover-swiper-button-next,
.home-cover-swiper-button-prev {
  font-size: 46px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
}

.home-cover-swiper-button-next {
  right: 35px;
}

.home-cover-swiper-button-prev  {
   left: 35px;
}

.home-cover-text {
  position: absolute;
  right: 75px;
  bottom: 40px;
  width: 375px;
  z-index: 2;
}

.home-cover-text h1 {
  font-size: 46px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #ffffff;
  margin-bottom: 30px;
}

.home-cover-text p {
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
  line-height: 1.5;
}

.home-deliver {
  background-color: #0e1d49;
  height: 750px;
}

.home-deliver-flex-list {
  width: 390px;
  text-align: center;
}

.home-deliver-flex {
  position: relative;
}

.home-deliver-flex-img {
  display: flex;
  position: absolute;
  left: 394px;
  top: 0;
  flex: 1;
  flex-wrap: wrap;
  width: 1240px;
}

.home-deliver-flex-img > div {
  position: relative;
  overflow: hidden;
}

.home-deliver-flex-img > div img{
  transform: none;
  transition: transform .5s ease-in-out;
}

.home-deliver-flex-img > div:hover img {
  transform: scale(1.3);
}

.home-deliver-flex-img > div > p {
  position: absolute;
  left: 50px;
  bottom: 65px;
  font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;
}

.home-deliver-flex-img img {
  display: block;
}

.home-deliver-flex-ul {
  padding-top: 85px;
}

.home-deliver-flex-ul h3 {
  font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
  opacity: 0.3;
  margin-bottom: 10px;
}

.home-deliver-flex-ul li {
  cursor: pointer;
  position: relative;
}

.home-deliver-flex-ul li.on h3,
.home-deliver-flex-ul li.on p {
  opacity: 1;
}

.home-deliver-flex-ul li.on .home-deliver-line {
	width: 136px;
	height: 4px;
	background-color: #ed7422;
	border-radius: 2px;
  margin-top: 45px;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.home-deliver-flex-ul p {
  font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;
  line-height: 1.3;
  opacity: 0.3;
}

/* .home-deliver-flex-ul li:nth-child(1) {
  margin-top: 85px;
} */

.home-deliver-flex-ul li:nth-child(2) {
  margin-top: 160px;
}

.home-deliver-flex-ul li:nth-child(3) {
  margin-top: 170px;
}

.home-information {
  padding-top: 110px;
}

.home-information .subheading {
  width: 985px;
}

.home-information-menu {
  display: flex;
  padding-top: 60px;
  flex: 1;
  justify-content: space-between;
}


.home-information-menu a,
.home-information-menu dl {
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #808080;
  white-space: nowrap;
}

.home-information-menu dt {
  cursor: pointer;
  white-space: nowrap;
}

.home-information-menu dt img {
  height: 10px;
}

.home-information-menu dd {
  margin-top: 16px;
  display: none;
  cursor: pointer;
}

.home-information-menu dl.on dd {
  display: block;
}


.home-information-menu > div {
  margin-left: 13px;
  position: relative;
  width: 92px;
  z-index: 3;
}

.home-information-menu dl {
  position: absolute;
  background-color: white;
  padding: 0 0px 10px 20px;
  border-radius: 8px;
}

.home-information-ul {
  display: flex;
  justify-content: space-between;
}

.home-information-ul li {
  width: 318px;
	height: 416px;
	border-radius: 8px;
	border: solid 1px #ececec;
  padding: 20px 10px;
  position: relative;
  margin: 0 5px;
  transition: all .6s ease;
}

.home-information-ul li:hover {
  background-color: #0e1d49;
}

.home-information-ul li:hover .home-information-date b,
.home-information-ul li:hover .home-information-date p ,
.home-information-ul li:hover .home-information-content h3,
.home-information-ul li:hover .home-information-content p, 
.home-information-ul li:hover .home-information-ul a,
.home-information-ul li:hover a {
  color: white;
}


.home-information-ul li .home-information-date b {
  font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #0e1d49;
}

.home-information-ul li .home-information-date p {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #0e1d49;
  margin-top: 10px;
}

.home-information-content h3 {
  font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #021d49;
  margin: 30px 0 17px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 45px;
}

.home-information-content p {
  font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
  line-height: 1.3;
	color: #919191;
  margin-top: 17px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.home-information-content img {
  width: 100%;
  max-height: 125px;
  object-fit: cover;
  display: block;
}
.home-information-ul {
  padding-top: 50px;
  padding-bottom: 120px;
}

.home-information-ul a {
  position: absolute;
  left: 14px;
  bottom: 16px;
  font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #021d49;
}
/**
* esg
*/
.esg-container {
  box-sizing: border-box;
}
.esg-header-bg {
  position: relative;
  width: 100%;
  height: 500px;
  overflow-x: hidden;
}
.esg-header-bg-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}

.esg-title-block {
  background: #ECECEC;
}
.esg-title-block-main {
  width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 296px;
  color: #000000;
  font-weight: normal;
}
.esg-title-block-main-title {
  font-size: 100px;
}
.esg-title-block-main-desc {
  margin-top: 40px;
  font-size: 18px;
  color: #666666;
}
.esg-nav {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #0E1D49;
  transition: top 0.3s;
}
html.up .esg-nav {
  top: 78px;
}
.esg-nav-tabs {
  width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 306px;
  color: #fff;
  justify-content: space-between;
}
.esg-nav-tabs-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 24px;
  padding: 0 4px;
  /* margin-right: 167px; */

  cursor: pointer;
  word-break: keep-all;
}
.esg-nav-tabs-item:last-child {
  margin-right: 0px;
}
.esg-nav-tabs-item-active:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index: 9;
  width: 100%;
  height: 3px;
  background: #ED7422;
  border-radius: 2px 2px 2px 2px;
}
.esg-nav-block {
  position: relative;
  padding-bottom: 260px;
}
.esg-nav-block:last-child {
  padding-bottom: 80px;
}
.esg-nav-block-bg {
  position: relative;
  width: 100%;
  height: 693px;
  overflow-x: hidden;
}
.esg-nav-block-bg-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.esg-nav-block-main {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1300px;
  height: 693px;
  color: #fff;
}
.esg-nav-block-main-content {
  position: relative;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: content-box;
  width: 680px;
  height: 394px;
  padding: 0 20px 0 700px;
  transform: translateX(-700px);
  background-color: rgba(255, 255, 255, 0.41);
  border-radius: 0 10px 10px 0;
}
.esg-nav-block-main-content-item {
  padding: 20px 0px
}
.esg-nav-block-main-content-item .title {
  font-size: 40px;
}
.esg-nav-block-main-content-item .sub-title {
  font-size: 30px;
}
.esg-nav-block-main-content-item .desc {
  margin-top: 20px;
  font-size: 16px;
  line-height: 30px;
}
.esg-nav-block-main-content-item:last-child .desc {
  padding-right: 40px;
}

.esg-nav-block-main-decoration {
  position: absolute;
  right: 0;
  top: 20px;
  text-align: right;
}

.esg-nav-block-main-decoration .h4 {
  font-size: 32px;
  opacity: 0.38;
}
.esg-nav-block-main-decoration .h2 {
  font-size: 50px;
  margin-top: 36px;
  font-family: Impact;
}
.esg-nav-block-main .indicator-box{ 
  text-align: center;
}
.esg-nav-block-main-carousel {
  margin-top: 78px;
  min-width: 100%;
}
.esg-nav-block-main .indicator {
  padding-left: 70px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  padding-top: 60px;
}
.esg-nav-block-main .indicator::before {
  content: '';
  position: absolute;
  right: 0;
  top: 75%;
  transform: translateY(-50%);
  width: calc(100% - 70px);
  height: 2px;
  background: #F1F1F1;
}

.esg-nav-block-main .indicator-item {
  position: relative;
  top: 75%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  width: 14px;
  height: 14px;
  background: #F1F1F1;
  border-radius: 50%;
  margin-left: 75px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.esg-nav-block-main .indicator-item:first-child {
  margin-left: 0;
}

.esg-nav-block-main .indicator-item-active {
  width: 22px;
  height: 22px;
  background: #ED7422;
  border-radius: 50%;
  border: solid 4px #F8C9A9;
}

.esg-nav-block-main-carousel .carousel {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none; /* 隐藏 Firefox 的滚动条 */
  -ms-overflow-style: none; /* 隐藏 IE/Edge 的滚动条 */
  -webkit-overflow-style: none; /* 隐藏 webkit 的滚动条 */
}

.esg-nav-block-main-carousel .carousel::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
}

.esg-nav-block-main-carousel .carousel-scroll {
  display: inline-block;
  height: 281px;
}

.esg-nav-block-main-carousel .carousel-item {
  position: relative;
  display: inline-block;
  width: 396px;
  height: 281px;
  /* margin-left: 40px; */
  margin-right: 120px;
  cursor: pointer;
  transform: scale(0.95);
  will-change: transform;
  transition: all 0.3s;
}
.esg-nav-block-main-carousel  .carousel-item img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.esg-nav-block-main-carousel .carousel-item .order {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  background: #FFFFFF;
  border: solid 6px #CDCDCD;
  font-size: 24px;
  color: #CDCDCD;
  line-height: 30px;
  border-radius: 50%;
  transition: all 0.5s;
}

.esg-nav-block-main-carousel .carousel-item .content {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 395px;
  height: 281px;
  padding: 30px 30px;
  color: #ffffff;
  transition: all 0.3s;
  border-radius: 8px;
  white-space: normal;
}

.esg-nav-block-main-carousel .carousel-item .content .title {
  font-size: 22px;
  margin-bottom: 0;
  text-align: right;
  padding-right: 10px;
}


.esg-nav-block-main-carousel .carousel-item.carousel-item-active .content .title {
  margin-bottom: 25px;
  text-align: center;
  padding-right: 0;
  color: #0e1d49;
} 

.esg-nav-block-main-carousel .carousel-item .content .desc {
  display: none;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
}

/** 激活 */
.esg-nav-block-main-carousel .carousel-item-active {
  transform: scale(1);
}

.esg-nav-block-main-carousel .carousel-item-active .order {
  background: #ED7422;
  border-color: #FFFFFF;
  color: #FFFFFF;
}


.esg-nav-block-main-carousel .carousel-item-active .content {
  justify-content: flex-start;
  background-color: rgba(255, 255, 255, 0.7);
  color: #261C19;
}
.esg-nav-block-main-carousel .carousel-item-active .content .desc {
  display: block;
}

.esg-nav-block-content {
  position: relative;
  margin: -110px auto 0 auto;
  width: 1300px;
  padding: 85px 77px 77px 77px;
  background: #FAFAFA;
  border-radius: 10px 10px 10px 10px;
}
.esg-nav-block-content .title {
  font-size: 32px;
  color: #261C19;
}
.esg-nav-block-content .desc {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #666;
}

.esg-nav-block-content .cell {
  margin-top: 50px;
  border-top: solid 1px #E8E8E8;
}
.esg-nav-block-content .cell-item {
  padding: 24px 0;
  font-size: 16px;
  border-bottom: solid 1px #E8E8E8;

}
.esg-nav-block-content .cell-item .cell-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #261C19;
  cursor: pointer;
}

.esg-nav-block-content .cell-item .cell-item-title .arrow {
  width: 0;
  height: 0;
  border-width:  12px;
  border-style: solid;
  border-color: #E8E8E8 transparent transparent transparent;
  transition: all 0.3s;
}

.esg-nav-block-content .cell-item .cell-item-title .arrow-active {
  border-color: #ED7422 transparent transparent transparent;
  transform: rotate(-45deg) translate(6px, 6px);
}

.esg-nav-block-content .cell-item .cell-item-desc {
  display: none;
  margin-top: 20px;
  padding: 20px 77px;
  background: #ffffff;
  color: #666666;
  line-height: 26px;
}
/**
* 解决方案
*/
.solution-container {
  box-sizing: border-box;
}
.solution-header-bg {
  position: relative;
  width: 100%;
  height: 497px;
  overflow-x: hidden;
}
.solution-header-bg-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.solution-header-content {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 1300px;
  height: 368px;
}
.solution-header-content .title {
  padding-top: 90px;
  color: #271D1B;
  font-size: 76px;
}

.solution-header-content .desc {
  width: 576px;
  padding-top: 169px;
  font-size: 16px;
  color: #666666;
  line-height: 34px;
}

.solution-header-nav {
  position: relative;
  top: 0;
  z-index: 2;
  margin-top: -90px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1300px;
  height: 90px;
  background: #051D49;
  border-radius: 8px 8px 8px 8px;
  margin: 0 auto;
  padding: 10px 0;
}
.solution-header-nav .item {
  display: flex;
  align-items: center;
  padding: 0 60px;
  height: 46px;
  border-right: solid 1px rgba(255, 255, 255, 0.6);
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  transition: all 0.3s;
}
.solution-header-nav .item:last-child {
  border-right: none;
}
.solution-header-nav .item:hover {
  color: #ED7422;
}
.solution-header-nav .item-active {
  color: #ED7422;
}

.solution-hide {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.solution-show {
  height: auto;
  overflow: visible;
  opacity: 1;
}

.solution-content {
  position: relative;
  width: 100%;
  height: 602px;
}

.solution-content-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.solution-content-bg img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.solution-content-main {
  position: relative;
  z-index: 1;
  width: 1300px;
  margin: 0 auto;
  padding-top: 139px;
  color: #FFFFFF;
}
.solution-content-main .title {
  display: flex;
  align-items: center;
  font-size: 45px;
}
.solution-content-main .title::before{
  content: '';
  margin-right: 15px;
  width: 7px;
  height: 44px;
  background: #ED7422;
  border-radius: 4px;
}
.solution-content-main .title.color-blue {
  color: #051D49;
}
.solution-content-main .desc {
  padding-top: 54px;
  width: 576px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 34px;
}
.solution-content-main .desc:nth-child(n+3) {
  padding-top: 30px;
}
.solution-content-main .desc.color-gary {
  color: #666666;
}
.solution-block {
  width: 1300px;
  padding-top: 80px;
  margin: 0 auto;
}
.solution-block:last-child {
  padding-bottom: 80px;
}
.solution-block .title {
  display: flex;
  align-items: center;
  font-size: 45px;
  color: #261C19;
  padding-bottom: 59px;
  text-transform: uppercase;
}
.solution-block .title::before{
  content: '';
  margin-right: 15px;
  width: 7px;
  height: 44px;
  background: #ED7422;
  border-radius: 4px;
}
.solution-block .title.pd-48 {
  padding-bottom: 48px;
}

.solution-block .highlight-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.solution-block .highlight-list .item {
  position: relative;
  width: 429px;
  height: 200px;
  background: #FFFFFF;
}
.solution-block .highlight-list .item .bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.solution-block .highlight-list .item .content {
  position: relative;
  z-index: 1;
  padding: 43px 32px 0 32px;
}
.solution-block .highlight-list .item .content.pt-25 {
  padding-top: 25px;
}
.solution-block .highlight-list .item .content.pt-30 {
  padding-top: 30px;
}
.solution-block .highlight-list .item .content .name {
  font-size: 20px;
  font-weight: 500;
  color: #ED7422;
}
.solution-block .highlight-list .item .content .desc {
  padding-top: 20px;
  width: 238px;
  font-size: 14px;
  font-weight: 400;
  color: #271D1B;
  line-height: 23px;
}

.solution-block  .service-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solution-block  .service-overview .item {
  text-align: center;
}

.solution-block .service-overview .item .value {
  font-size: 30px;
  font-weight: bold;
  color: #ED7422;
}

.solution-block .service-overview .item .label {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  color: #261C19;
}
.solution-block .service-process {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 663px;
  background: #F8F8F8;
}
.solution-block .service-process .img {
  width: 1246px;
  height: 623px;
}

.solution-block .service-advantage {
  display: flex;
  justify-content: space-between;
}
.solution-block .service-advantage .item {
  width: 314px;
  height: 100%;
}
.solution-block .service-advantage .item .img {
  width: 314px;
  height: 185px;
  background: #F8F8F8;
}
.solution-block .service-advantage .item .context {
  width: 314px;
  padding: 27px 20px 25px 20px;
  border: 1px solid #E8E8E8;
  border-top: none;
}
.solution-block .service-advantage .item .name {
  font-size: 18px;
  font-weight: bold;
  color: #261C19;
}
.solution-block .service-advantage .item .name::after {
  content: '';
  display: block;
  margin-top: 10px;
  width: 70px;
  height: 2px;
  background: #ED7422;
}
.solution-block .service-advantage .item .desc {
  padding-top: 9px;
  font-size: 14px;
  color: #261C19;
  line-height: 20px;
}
.solution-block .product-display {
  position: relative;
  width: 100%;
}
.solution-block .product-display .swiper-button-prev {
  left: -40px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b2b2b3'%2F%3E%3C%2Fsvg%3E")
}
.solution-block .product-display .swiper-button-next {
  right: -40px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b2b2b3'%2F%3E%3C%2Fsvg%3E")
}
.solution-block .product-display .content {
  display: flex;
}
.solution-block .product-display .item {
  display: flex;
  flex-direction: column;
  margin-right: 14px;
  background: #FFFFFF;
  width: 314px;
}
.solution-block .product-display .item:last-child {
  margin-right: 0;
}
.solution-block .product-display .item .img {
  width: 314px;
  height: 224px;
}
.solution-block .product-display .item .text {
  margin-top: 14px;
  font-size: 18px;
  color: #261C19;
  text-align: center;
}
.solution-block .user-feedback {
  display: flex;
  justify-content: space-between;
}
.solution-block .user-feedback .context {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 858px;
  height: 439px;
  background: #F8F8F8;
  text-align: center;
  padding: 105px 0;
}
.solution-block .user-feedback .context::before {
  content: '';
  display: block;
  position: absolute;
  top: 45px;
  left: 122px;
  width: 40px;
  height: 31px;
  background: url('/static/index/img/solution/icon-colon-gray-1.png');
}
.solution-block .user-feedback .context::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 45px;
  right: 81px;
  width: 40px;
  height: 31px;
  background: url('/static/index/img/solution/icon-colon-gray-2.png');
}

.solution-block .user-feedback .context .avatar {
  width: 135px;
  height: 135px;
  border-radius: 50%;
}
.solution-block .user-feedback .context .name {
  font-size: 26px;
  color: #9F9F9F;
}
.solution-block .user-feedback .context .say {
  margin-top: 26px;
  width: 650px;
  font-size: 24px;
  color: #666666;
  line-height: 40px;
}
.solution-block .user-feedback .img {
  width: 429px;
  height: 439px;
}

.solution-block .industry-insights {
  display: flex;
  justify-content: space-between;
}
.solution-block .industry-insights .img {
  width: 864px;
  height: 493px;
}
.solution-block .industry-insights .content {
  position: relative;
  padding-top: 42px;
  width: 394px;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.solution-block .industry-insights .content::before {
  content: '';
  display: block;
  position: absolute;
  top: -41px;
  left: 0;
  width: 68px;
  height: 59px;
  background: url('/static/index/img/solution/icon-colon-orange-1.jpg');
}
.solution-block .industry-insights .content::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 68px;
  height: 59px;
  background: url('/static/index/img/solution/icon-colon-orange-2.jpg');
}
.solution-block .solution {
  width: 100%;
}
.solution-block .solution .content {
  position: relative;
  width: 100%;
  height: 370px;
}
.solution-block .solution .content .img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.solution-block .solution .content .text {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 40px 9px 40px;
  width: 485px;
  height: 100%;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.solution-block .solution .process {
  margin-top: 60px;
  padding: 27px 41px;
  background: #F8F8F8;
}
.solution-block .solution .process .img {
  width: 100%;
  height: auto;
  padding-top: 23px;
}
.solution-block .solution .process .img:first-child {
  padding-top: 0;
}
.solution-block  .core-advantages {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.solution-block  .core-advantages .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.solution-block .core-advantages .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 53px;
}

.solution-block .core-advantages .item .text {
  margin-top: 27px;
  font-size: 20px;
  font-weight: 500;
  color: #261C19;
  word-break: keep-all;
}

.solution-book-demo {
  position: relative;
  margin: 80px 0;
  width: 100%;
  height: 360px;
  overflow-x: hidden;
}
.solution-book-demo .img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.solution-book-demo .content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
  width: 1300px;
  height: 100%;
}
.solution-book-demo .desc {
  width: 394px;
  font-size: 24px;
  color: #261C19;
  line-height: 40px;
}
.solution-book-demo .button {
  margin-top: 45px;
  display: block;
  background-color: #ED7422;
  height: 42px;
  line-height: 42px;
  border-radius: 8px;
  padding: 0 16px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
}
.solution-book-demo .button:hover {
  opacity: 0.8;
}


/**
* 产品
*/
.product-container {
  box-sizing: border-box;
}
.product-header-bg {
  position: relative;
  width: 100%;
  height: 497px;
  overflow-x: hidden;
}
.product-header-bg-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.product-header-content {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 1300px;
  height: 368px;
}
.product-header-content .title {
  padding-top: 90px;
  color: #271D1B;
  font-size: 76px;
}
.product-header-content .title .fs-48 {
  font-size: 48px;
}

.product-header-content .desc {
  width: 576px;
  padding-top: 169px;
  font-size: 16px;
  color: #666666;
  line-height: 34px;
}

.product-header-sticky {
  position: sticky;
  top: 0;
  z-index: 999;
}

html.up .product-header-sticky{
  top: 78px;
}


.product-header-sticky + .product-hide {
  margin-top: -40px;
}

.product-header-nav {
  position: relative;
  margin: auto; 
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1300px;
  height: 90px;
  background: #051D49;
  border-radius: 8px 8px 8px 8px;
}
.product-header-nav .item {
  display: flex;
  align-items: center;
  padding: 0 60px;
  height: 46px;
  border-right: solid 1px rgba(255, 255, 255, 0.6);
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  transition: all 0.3s;
}
.product-header-nav .item:last-child {
  border-right: none;
}
.product-header-nav .item:hover {
  color: #ED7422;
}
.product-header-nav .item-active {
  color: #ED7422;
}

.product-hide {
  height: 0;
  overflow-x: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.product-show {
  height: auto;
  /* overflow: visible; */
  opacity: 1;
}

.product-content {
  position: relative;
  width: 100%;
  height: 602px;
}

.product-content-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.product-content-bg img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}
.product-content-main {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 1300px;
  margin: 0 auto;
  padding-top: 139px;
  color: #FFFFFF;
}
.product-content-main.flex-end {
  align-items: flex-end;
}

.product-content-main .title {
  display: flex;
  align-items: center;
  font-size: 45px;
}
.product-content-main .title::before{
  content: '';
  margin-right: 15px;
  width: 7px;
  height: 44px;
  background: #ED7422;
  border-radius: 4px;
}
.product-content-main .title.color-blue {
  color: #051D49;
}
.product-content-main .title.color-black {
  color: #261C19;
}
.product-content-main .desc {
  padding-top: 74px;
  width: 576px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 34px;
}
.product-content-main.flex-end .desc {
  text-align: right;
}
.product-content-main .desc:nth-child(n+3) {
  padding-top: 30px;
}

.product-content-main .desc.color-gary {
  color: #666666;
}
.product-content-main .button {
  margin-top: 50px;
  display: block;
  background: #ED7422;
  height: 38px;
  line-height: 38px;
  border-radius: 10px;
  padding: 0 27px;
  font-size: 18px;
  color: #fff;
  transition: all 0.3s;
}
.product-content-main .button.dark {
  background: #CB4718;
}

.product-content-main .button:hover {
  opacity: 0.8;
}

.product-block {
  width: 1300px;
  padding-top: 80px;
  margin: 0 auto;
}
.product-block:last-child {
  padding-bottom: 80px;
}
.product-block .title {
  display: flex;
  align-items: center;
  font-size: 45px;
  color: #261C19;
  padding-bottom: 59px;
  text-transform: uppercase;
}
.product-block .title::before{
  content: '';
  margin-right: 15px;
  width: 7px;
  height: 44px;
  background: #ED7422;
  border-radius: 4px;
}
.product-block .title.pd-48 {
  padding-bottom: 48px;
}


.product-block  .service-overview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1480px;
  transform: translateX(-90px);
}

.product-block  .service-overview .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  margin-top: 85px;
}

.product-block  .service-overview .item:nth-child(-n+4) {
  margin-top: 0;
}


.product-block .service-overview .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57;
  height: 57px;
}

.product-block .service-overview .item .text {
  margin-top: 27px;
  font-size: 40px;
  font-weight: bold;
  color: #0E1D49;
}
.product-block .service-overview .item .text.black {
  color: #464646;
}
.product-block .service-overview .item .text.yellow {
  color: #F7B322;
}

.product-block .service-overview .item .sub-text {
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #666666;
}

.product-block .global-territory .desc {
  font-size: 18px;
  color: #666666;
}
.product-block .global-territory .content {
  position: relative;
  margin-top: 28px;
  height: 672px;
}
.product-block .global-territory .content .img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}

.product-block .global-territory .content .carousel {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 598px;
  height: 237px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 5px 5px 20px 5px rgba(14, 29, 73, 0.045);
  border-radius: 8px 8px 0px 0px;
}
.product-block .global-territory .content .carousel-item {
  width: 100%;
  height: 100%;
  padding-top: 30px;
}
.product-block .global-territory .content .carousel-item .warehouse-group-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}
.product-block .global-territory .content .carousel-item .warehouse-group-title::before {
  content: '';
  width: 20px;
  height: 17px;
  margin-right: 14px;
  background: #ED7423;
  border-radius: 0;
}
.product-block .global-territory .content .carousel-item .warehouse-group-content {
  display: flex;
  flex-wrap: wrap;
  padding: 18px 22px 0 22px;

}
.product-block .global-territory .content .carousel-item .warehouse-group-content .item {
  width: 33.33%;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
}

.product-block .global-territory .content .swiper-scrollbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ffffff;
}
.product-block .global-territory .content .swiper-scrollbar .swiper-scrollbar-drag {
  height: 6px !important;
  background: #ED7423 !important;
  border-radius: 0;
}
.product-block .global-territory .content .mark {
  position: absolute;
  left: 640px;
  bottom: 0;
  z-index: 1;
}
.product-block .global-territory .content .mark .mark-item {
  display: flex;
  padding-top: 14px;
  align-items: center;
}
.product-block .global-territory .content .mark .mark-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}
.product-block .global-territory .content .mark .mark-icon .bg-gray {
  width: 100%;
  height: 100%;
  background: #B1B6C4;
}
.product-block .global-territory .content .mark .mark-icon .icon {
  width: 20px;
  height: 22px;
}
.product-block .global-territory .content .mark .mark-text {
  font-size: 18px;
  color: #666666;
  margin-left: 24px;
}

.product-block .location-marker {
  width: 30px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAYAAACe0YppAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YjAwYzBiMy01N2RiLTQwMGUtODZmYi0yNDZhYjQ3MzgzNWQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQ3ODQxRTdFMUM0MTFFRUJFNkJERUZBNkUyMTcwRUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQ3ODQxRTZFMUM0MTFFRUJFNkJERUZBNkUyMTcwRUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjMgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNjdhZjVhZi04M2JiLTk4NGYtYjEzZS0yMDJhMGEyYWQ3YmQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplYzM5NjEwNS1kM2NjLTE5NDQtOWY3ZC1kY2QwNDZhMzI2NjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4G6zTxAAACXUlEQVR42sSXzUsbYRCHEy3RSGhBkRZCrKdApTc/jjGUkoO0Peg/UFoh2EurYrEICnrMRU8WQlv/gfbiUSy2OdniLQQCiVhMaEuhHxSFpEj8TZkXguzuzG42OPAQyM7Okzd539lJsNFoBC4jgpH4Q03eIJgCd8BtEAWd4AxUQR68B2/BkVTsb/FN4IqQMwxWwD36kBbXST7ATIAM2Aar4MCpcIfN+11gHXwG922klt8geAA+8f1dbsT9IAeeuhBa1aX7P3I9UdwH9sCoT3tojH/7XidxJ2+OIZ83MG3Gd1zfUvwCjLfp9FDdBSsx7cqlNh/dZRC7KJ4H3Yqbv4DnYATc5NcFzdlFhMFccwMh4XdwVbhxE8yCmsW1EB+fGaHGH3AdDaRGK76rkGbBExspRZ2vZ4U619j3/6tOCMnfwDPl7zjL+U6RMOJbQuIrcKoUn4DXQs6QEUeFxA8ud++ecD1qxCEh8YdLsZQfMuK6kNjvUizl/zPiqpCY9NClnKJixAUh8RGIKKU94LGQUzDinJB4g5uDJjY4X9ysJN7hjuIUtIqXDg/2br4+LdT5DXaNmLrRlmI1aVDk3jzMcxg9bxf5/bSixpbpfmbYi/HN4TY+nagJxWkz07Bnnk7HPKC1M9aaT1DzIJDx0KXcdLOM3QRCM/Ikz8h+Rp7rnjkNez9BCpR9kpa53i/NePuVu1XZB2mS66kH+kqLciOtuP0n0YpclEpiL3KVVCM28pTiKVblvIrmE3YoV3LIK6k6SJOcF/BTTFGykRtpye2/ukALck9SL+Jm+b5XKcW5AAMAgBKF/bwWGUsAAAAASUVORK5CYII=');
  position: absolute;
    z-index: 3;
  animation-name: twinkle;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  /* animation: twinkle 2s ease-out infinite; */
}
@keyframes twinkle {
  0%,100% {
    opacity: 1;
    transform: scale(0.9) translateY(-6px);
  }
  50% {
    opacity: 0.8;
    transform: scale(0.9) translateY(0);
  }
}
.product-block .service-process {
    height: 590px;
    position: relative;
}

.product-block .service-process>img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.product-block .service-process .center {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-block .service-process .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.product-block .service-process .bottom {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
} 

.product-block .service-process .top img {
  transform: translateY(-15px);
}

.product-block .service-process .bottom img {
  transform: translateY(15px);
}

.product-block .service-process .top img,
.product-block .service-process .bottom img {
  display: inline-block;
  opacity: 0;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
}

.service-process.on .top img:nth-child(1) {
  transition-delay: 0s;
  opacity: 1;
  transform: none;
} 

.service-process.on .bottom img:nth-child(1) {
  transition-delay: 1s;
  opacity: 1;
  transform: none;
} 


.service-process.on  .top img:nth-child(2) {
  transition-delay: 2s;
  opacity: 1;
  transform: none;
}

.service-process.on .bottom img:nth-child(2) {
  transition-delay: 3s;
  opacity: 1;
  transform: none;
} 


.service-process.on  .top img:nth-child(3) {
  transition-delay: 4s;
  opacity: 1;
  transform: none;
}

.service-process.on .bottom img:nth-child(3) {
  transition-delay: 5s;
  opacity: 1;
  transform: none;
} 


.product-block .explore-more {
  position: relative;
}
.product-block .explore-more .video {
  width: 100%;
}

.product-block-bg {
  position: relative;
  margin-top: 80px;
  width: 100%;
  height: 747px;
  overflow: hidden;
}
.product-block-bg.height-644 {
  height: 644px;
}
.product-block-bg.height-997 {
  height: 997px;
}

.product-block-bg:last-child {
  margin-bottom: 80px;
}

.product-block-bg .img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
}
.product-block-bg .content {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 1300px;
  color: #ffffff;
}
.product-block-bg .content.top {
  top: 100px;
  height: calc(100% - 100px);
}
.product-block-bg .content.top-86 {
  top: 86px;
  height: calc(100% - 86px);
}
.product-block-bg .content.bottom {
  top: 408px;
}
.product-block-bg .content .title {
  display: flex;
  align-items: center;
  font-size: 45px;
  text-transform: uppercase;
}
.product-block-bg .content .title::before{
  content: '';
  margin-right: 15px;
  width: 7px;
  height: 44px;
  background: #ED7422;
  border-radius: 4px;
}
.product-block-bg .content .title.black {
  color: #261C19;
}

.product-block-bg .content .desc {
  padding-top: 28px;
  font-size: 18px;
  line-height: 1.5;
}

.product-block-bg .content .service-advantage-list-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.product-block-bg .content .service-advantage-list-1 .item {
  position: relative;
  padding-left: 28px;
  width: 210px;
  box-sizing: content-box;
  transform: translate3d(0, 100%, 0);
  opacity: 0;
  transition:all 0.6s;
}
.product-block-bg .content .service-advantage-list-1 .item:nth-child(odd) {
  height: 250px;
}
#target-1 .product-block-bg .content .service-advantage-list-1 .item:nth-child(odd) {
  height: 375px;
}
.product-block-bg .content .service-advantage-list-1 .item:nth-child(even) {
  height: 457px;
}
.product-block-bg .content .service-advantage-list-1 .item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: #ED7422;
  color: #fff;
}

.product-block-bg .content .service-advantage-list-1 .item .name {
  font-size: 24px;
  font-weight: bold;
}
.product-block-bg .content .service-advantage-list-1 .item .desc {
  padding-top: 24px;
  font-size: 18px;
  line-height: 34px;
}

.product-block-bg .content .service-advantage-list-2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.product-block-bg .content .service-advantage-list-2 .item {
  width: 300px;
  height: 396px;
  padding-top: 87px;
  border-bottom: solid 6px #ED7422;
}

.product-block-bg .content .service-advantage-list-2 .item .name {
  font-size: 24px;
  font-weight: bold;
  color: #0E1D49;
  text-align: center;
  padding: 0 5px;
}
.product-block-bg .content .service-advantage-list-2 .item .desc {
  font-size: 18px;
  line-height: 33px;
  color: #3E3A39;
  padding: 26px 24px 0 24px;
}

.product-block-bg .content .service-advantage-list-2 .item.item-active {
  height: 449px;
  padding-top: 140px;
  background: #008284;
  color: #ffffff!important;
  transition: height 0.3s;
}
.product-block-bg .content .service-advantage-list-2 .item.item-active .name, .product-block-bg .content .service-advantage-list-2 .item.item-active .desc {
  color: #ffffff;
}

.product-block-bg .content .service-process {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 132px);
}

.product-block-bg .content .service-process .top-content {
  position: relative;
  width: 100%;
  height: calc(100% - 160px);
}
.product-block-bg .content .service-process .top-content .beijing-time {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  color: #666666;
  opacity: 0;
  transition: all 0.6s;
}
.product-block-bg .content .service-process .top-content .beijing-time-1 {
  top: calc(463px - 218px);
  left: calc(502px - 308px);
}
.product-block-bg .content .service-process .top-content .beijing-time-2 {
  top: calc(502px - 218px);
  left: calc(389px - 308px);
}
.product-block-bg .content .service-process .top-content .beijing-time-3 {
  top: calc(538px - 218px);
  left: calc(440px - 308px);
}
.product-block-bg .content .service-process .top-content .beijing-time-4 {
  top: calc(534px - 218px);
  left: calc(586px - 308px);
}
.product-block-bg .content .service-process .top-content .beijing-time-5 {
  top: calc(523px - 218px);
  left: calc(819px - 308px);
}
.product-block-bg .content .service-process .top-content .beijing-time-6 {
  top: calc(492px - 218px);
  left: calc(1033px - 308px);
}
.product-block-bg .content .service-process .top-content .beijing-time-7 {
  top: calc(458px - 218px);
  left: calc(1251px - 308px);
}
.product-block-bg .content .service-process .top-content .beijing-time-8 {
  top: calc(396px - 218px);
  left: calc(1439px - 308px);
}

.product-block-bg .content .service-process .top-content .paris-time {
  position: absolute;
  font-size: 18px;
  color: #FCFDFE;
  opacity: 0;
  transition: all 0.6s;
}
.product-block-bg .content .service-process .top-content .paris-time-1 {
  top: calc(415px - 218px);
  left: calc(451px - 308px);
}
.product-block-bg .content .service-process .top-content .paris-time-2 {
  top: calc(480px - 218px);
  left: calc(300px - 308px);
}
.product-block-bg .content .service-process .top-content .paris-time-3 {
  top: calc(594px - 218px);
  left: calc(443px - 308px);
}
.product-block-bg .content .service-process .top-content .paris-time-4 {
  top: calc(598px - 218px);
  left: calc(587px - 308px);
}
.product-block-bg .content .service-process .top-content .paris-time-5 {
  top: calc(581px - 218px);
  left: calc(821px - 308px);
}
.product-block-bg .content .service-process .top-content .paris-time-6 {
  top: calc(552px - 218px);
  left: calc(1056px - 308px);
}
.product-block-bg .content .service-process .top-content .paris-time-7 {
  top: calc(518px - 218px);
  left: calc(1251px - 308px);
}
.product-block-bg .content .service-process .top-content .paris-time-8 {
  top: calc(461px - 218px);
  left: calc(1488px - 308px);
}

.product-block-bg .content .service-process .top-content .node-text {
  position: absolute;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  transition: all 0.6s;
}
.product-block-bg .content .service-process .top-content .node-text-1 {
  top: calc(313px - 218px);
  left: calc(484px - 308px);
  font-size: 24px;
  color: #008284;
  transform: translate3d(0, -40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-2 {
  top: calc(314px - 218px);
  left: calc(327px - 308px);
  font-size: 24px;
  color: #008284;
  transform: translate3d(0, -40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-3 {
  top: calc(689px - 218px);
  left: calc(360px - 308px);
  font-size: 20px;
  line-height: 24px;
  color: #F8FBFB;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-4 {
  top: calc(708px - 218px);
  left: calc(531px - 308px);
  font-size: 20px;
  color: #F8FBFB;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-5 {
  top: calc(708px - 218px);
  left: calc(769px - 308px);
  font-size: 20px;
  color: #F8FBFB;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-6 {
  top: calc(689px - 218px);
  left: calc(980px - 308px);
  font-size: 20px;
  line-height: 24px;
  color: #F8FBFB;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-7 {
  top: calc(708px - 218px);
  left: calc(1187px - 308px);
  font-size: 20px;
  color: #F8FBFB;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-8 {
  top: calc(708px - 218px);
  left: calc(1456px - 308px);
  font-size: 20px;
  color: #F8FBFB;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .node-text-9 {
  top: calc(286px - 218px);
  left: calc(1267px - 308px);
  font-size: 24px;
  color: #008284;
}
.product-block-bg .content .service-process .top-content .node-text::before {
  content: '';
  position: absolute;
}
.product-block-bg .content .service-process .top-content .node-text-1::before {
  bottom: -94px;
  left: 50%;
  transform: translateX(-50%);
  height: 84px;
  border-left: dotted 4px #81B3B4;
}
.product-block-bg .content .service-process .top-content .node-text-2::before {
  bottom: -158px;
  left: 50%;  
  transform: translateX(calc(-50% + 2px));
  height: 148px;
  border-left: dotted 4px #81B3B4;
}
.product-block-bg .content .service-process .top-content .node-text-3::before {
  top: -110px;
  left: 50%;
  transform: translateX(calc(-50% + 8px));
  height: 100px;
  border-left: dotted 4px #9FD0D1;
}
.product-block-bg .content .service-process .top-content .node-text-4::before {
  top: -122px;
  left: 50%;
  transform: translateX(calc(-50% - 1px));
  height: 100px;
  border-left: dotted 4px #9FD0D1;
}
.product-block-bg .content .service-process .top-content .node-text-5::before {
  top: -135px;
  left: 50%;
  transform: translateX(calc(-50% - 2px));
  height: 108px;
  border-left: dotted 4px #9FD0D1;
}
.product-block-bg .content .service-process .top-content .node-text-6::before {
  top: -144px;
  left: 50%;
  transform: translateX(calc(-50% - 3px));
  height: 134px;
  border-left: dotted 4px #9FD0D1;
}
.product-block-bg .content .service-process .top-content .node-text-7::before {
  top: -196px;
  left: 50%;
  transform: translateX(calc(-50% - 4px));
  height: 173px;
  border-left: dotted 4px #9FD0D1;
}
.product-block-bg .content .service-process .top-content .node-text-8::before {
  top: -256px;
  left: 50%;
  transform: translateX(calc(-50% - 4px));
  height: 228px;
  border-left: dotted 4px #9FD0D1;
}

.product-block-bg .content .service-process .top-content .day {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  font-size: 24px;
  font-weight: bold;
  color: #F7B322;
  opacity: 0;
  transition: all 0.6s;
}
.product-block-bg .content .service-process .top-content .day-1 {
  top: calc(216px - 218px);
  left: calc(351px - 308px);
  width: 160px;
  border-left: dotted 4px #ED7422;
  border-right: dotted 4px #ED7422;
  transform: translate3d(0, -40px, 0);
}
.product-block-bg .content .service-process .top-content .day-2 {
  top: calc(752px - 218px);
  left: 0;
  width: 264px;
  border-right: dotted 4px #ED7422;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .day-3 {
  top: calc(752px - 218px);
  left: 264px;
  width: 790px;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .day-4 {
  top: calc(752px - 218px);
  right: 0;
  width: 246px;
  border-left: dotted 4px #ED7422;
  transform: translate3d(0, 40px, 0);
}
.product-block-bg .content .service-process .top-content .day-5 {
  top: calc(216px - 218px);
  left: calc(1359px - 308px);
  width: 160px;
}
.product-block-bg .content .service-process .top-content .day-5 .day-desc {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  font-size: 18px;
  font-weight: normal;
  color: #087C7E;
}

.product-block-bg .content .service-process .bottom-content {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 104px;
}

.product-block-bg .content .service-process .bottom-content .data {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0px 4px;
  width: 1100px;
  height: 106px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.product-block-bg .content .service-process .bottom-content .data .border-dashed {
  position: absolute;
  left: 68px;
  top: 0;
  width: 812px;
  height: 2px;
  background: linear-gradient(to left, transparent 0% ,transparent 36%, #fff 36%, #fff 100%);
  background-size: 14px 2px;
  opacity: 0;
  transform: translate3d(40px, 0, 0);
  transition: all 0.6s;
}
.product-block-bg .content .service-process .bottom-content .data .data-desc {
  position: absolute;
  left: 899px;
  top: -12px;
  font-size: 24px;
  font-weight: bold;
  opacity: 0;
  transform: translate3d(40px, 0, 0);
  transition: all 0.6s;
}

.product-block-bg .content .service-process .bottom-content .data .data-item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: all 0.6s;
}
.product-block-bg .content .service-process .bottom-content .data .data-item .large {
  font-size: 36px;
  color: #F7B322;
  transform: translateY(2px);
  margin: 0 2px;
}
.product-block-bg .content .service-process .bottom-content .mark {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product-block-bg .content .service-process .bottom-content .mark .mark-item {
  display: flex;
  align-items: center;
  margin: 7px 0;
  font-size: 24px;
  font-weight: bold;
  opacity: 0;
  transform: translate3d(-40px, 0, 0);
  transition: all 0.6s;
}


.product-block-bg .content .service-process .bottom-content .mark .mark-item::before {
  content: '';
  margin-right: 12px;
  width: 22px;
  height: 22px;
  border: 1px solid #F8FBFB;
}
.product-block-bg .content .service-process .bottom-content .mark .mark-item.yellow::before {
  background: #F7B322;
}
.product-block-bg .content .service-process .bottom-content .mark .mark-item.green::before {
  background: #008284;
}





/* 端到端 */

.end-to-end-banner-text {
  padding-top: 298px;
}

.end-to-end-banner-text h2 {
  font-size: 45px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
}

.end-to-end-banner-text a {
  display: inline-block;
  padding: 0 15px;
	height: 38px;
	background-color: #dc6e3b;
	border-radius: 10px;
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
  text-align: center;
  margin-top: 35px;
  line-height: 38px;
}

.end-to-end-banner-content {
  padding: 70px 0 120px;
}
.end-to-end-banner-content p {
  font-size: 18px;
	line-height: 33px;
	letter-spacing: 1px;
	color: #666666;
}
.end-to-end-service-overview-description {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #666666;
}

.end-to-end-service-overview-ul {
  display: grid;
  grid-template-columns: repeat(3, 32%);
  grid-template-rows: repeat(2, 399px);
  grid-gap: 30px 2%;
  margin-top: 60px;
  margin-bottom: 110px;
}

.end-to-end-service-overview-ul li {
  /* width: 360px; */
	/* height: 399px; */
	background-color: #ffffff;
	border-radius: 10px;
	border: solid 1px #cdcdcd;
  display: block;
  position: relative;
}
.end-to-end-service-overview-ul-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all ease-in .6s;
}

.end-to-end-service-overview-ul li:hover .end-to-end-service-overview-ul-bg {
  opacity: 1;
}

.end-to-end-service-overview-ul li:hover .end-to-end-service-overview-ul-img img {
  filter: brightness(0) invert(1);
}

.end-to-end-service-overview-ul li:hover .end-to-end-service-overview-ul-text h3,
.end-to-end-service-overview-ul li:hover .end-to-end-service-overview-ul-text p {
  color: #FFFFFF;
}

.end-to-end-service-overview-ul-img {
  text-align: right;
  padding-top: 40px;
  padding-right: 40px;
  position: relative;
}


.end-to-end-service-overview-ul-text {
  padding: 50px;
  position: relative;
}

.end-to-end-service-overview-ul-text h3 {
  font-size: 24px;
  line-height: 1.3;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0e1d49;
  margin-bottom: 35px;
}

.end-to-end-service-overview-ul-text p {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.7;
	letter-spacing: 1px;
	color: #666666;
}
.end-to-end-serving-customers {
  padding-bottom: 160px;
}

.end-to-end-serving-customers-ul {
  display: grid;
  grid-template-columns: repeat(2,641px);
  grid-template-rows: repeat(4,115px);
  grid-gap: 12px 19px;
  position: relative;
}
.end-to-end-serving-customers-ul::after {
  content: '';
  display: block;
  width: 31px;
  height: 287px;
  background: url(../img/endToEnd/point.png) center center no-repeat;
  position: absolute;
  left: 636px;
  top: 116px;
}

.end-to-end-serving-customers-ul li {
  position: relative;
  box-shadow: 0 0px 7px #dfdfdf;
	border-radius: 8px;
}

.end-to-end-serving-customers-ul-bg {
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  opacity: 0;
  transition: all .6s ease-in;
}

.end-to-end-serving-customers-ul li:hover .end-to-end-serving-customers-ul-bg {
  opacity: .5;
}

.end-to-end-serving-customers-ul h5 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #000000;
  padding: 0 20px;
}

.end-to-end-service-process {
  position: relative;
  overflow: hidden;
 }

.end-to-end-service-process-icon-assemble-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.end-to-end-service-process.on .end-to-end-service-process-icon-assemble-top img:nth-child(1) {
    transition-delay: 0s;
    opacity: 1;
    transform: none;
}

.end-to-end-service-process.on .end-to-end-service-process-icon-assemble-bottom img:nth-child(1) {
    transition-delay: 0.5s;
    opacity: 1;
    transform: none;
}

.end-to-end-service-process.on .end-to-end-service-process-icon-assemble-top img:nth-child(2) {
    transition-delay: 1s;
    opacity: 1;
    transform: none;
}

.end-to-end-service-process.on .end-to-end-service-process-icon-assemble-bottom img:nth-child(2) {
    transition-delay: 1.5s;
    opacity: 1;
    transform: none;
}

.end-to-end-service-process.on .end-to-end-service-process-icon-assemble-top img:nth-child(3) {
    transition-delay: 2s;
    opacity: 1;
    transform: none;
}

.end-to-end-service-process.on .end-to-end-service-process-icon-assemble-bottom img:nth-child(3) {
    transition-delay: 2.5s;
    opacity: 1;
    transform: none;
}

.end-to-end-service-process.on .end-to-end-service-process-consumer {
    transition-delay: 2.6s;
    opacity: 1;
}

.end-to-end-service-process.on .end-to-end-service-process-icon-assemble-top img:nth-child(4) {
    transition-delay: 3s;
    opacity: 1;
    transform: none;
}



.end-to-end-service-process-icon-assemble-top img {
  transform: translateY(-15px);
}

.end-to-end-service-process-icon-assemble-bottom img {
  transform: translateY(15px);
}

.end-to-end-service-process-icon-assemble-top img,
.end-to-end-service-process-icon-assemble-bottom img {
  display: inline-block;
  opacity: 0;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
}

.end-to-end-service-process-icon-assemble-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.end-to-end-service-process-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.end-to-end-service-process .wrapperKn {
  height: 100%;
}

.end-to-end-service-process-production-end {
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: -180px;
}

.end-to-end-service-process-consumer {
  position: absolute;
  right: 271px;
  top: 50%;
  margin-top: -180px;
  opacity: 0;
  transition: all .6s ease-in;
}
.end-to-end-service-advantages {
  margin-top: 120px;
}

.end-to-end-service-advantages-bg {
  background-position: center center;
  background-repeat: no-repeat;
  height: 352px;
}

.end-to-end-service-advantages-content ul {
  display: flex;
  justify-content: space-between;
}

.end-to-end-service-advantages-content ul li {
  width: 400px;
	height: 395px;
  border-bottom: solid 6px #ed7422;
  position: relative;
  padding: 0 70px;
}

.end-to-end-service-advantages-content ul li:hover::after {
  content: '';
  display: block;
  width: 400px;
	height: 448px;
	background-color: #0e1d49;
	box-shadow: 0px 5px 19px 1px 
		rgba(14, 29, 73, 0.1);
  position: absolute;
  top: -59px;
  left: 0;
}

.end-to-end-service-advantages-content ul li h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 33px;
	letter-spacing: 1px;
	color: #261c19;
  text-align: center;
  margin-top: 86px;
  margin-bottom: 30px;
  position: relative;
  z-index: 3;
}

.end-to-end-service-advantages-content ul li:hover h3,
 .end-to-end-service-advantages-content ul li:hover p{
  color: #FFFFFF !important;
}

.end-to-end-service-advantages-content ul li p {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
  color: #666666;
  position: relative;
  z-index: 3;
}

.end-to-end-service-value {
  height: 645px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 120px;
}

.end-to-end-service-value .wrapperKn {
  height: 100%;
}

.end-to-end-service-value-text {
  position: absolute;
  bottom: 70px;
}

.end-to-end-service-value-text p {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #ffffff;
  width: 811px;
}

/* 国际货代 */
.freight-agent {
  padding-top: 80px;
}
.freight-agent p {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #666666;
}

.freight-agent-map {
  position: relative;
  height: 813px;
  padding-top: 20px;
}

.freight-agent-map-gif {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1547px;
}
@media screen and (max-width: 1547px)  {
  .freight-agent-map-gif {
    width: 100%;
  }
}

.freight-agent-map-path {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.freight-service-capability-wrap {
	height: 245px;
	background-color: #182650;
	border-radius: 10px;
  margin: 80px 0 0;
  padding: 29px 35px 12px 45px;
}

.freight-service-capability-wrap ul {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.freight-service-capability-wrap ul li {
  padding-left: 45px;
  text-align: right;
  border-right: 2px solid #ed7423;
  padding-right: 35px;
}

.freight-service-capability-wrap ul li:first-child {
   padding-left: 0;
}
.freight-service-capability-wrap ul li:last-child {
  border: none;
  padding-right: 0;
}

.freight-service-capability-wrap ul li h3 {
  font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
  padding: 7px 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.freight-service-capability-wrap ul li p {
  font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
  line-height: 29px;
}
.freight-head-trip {
  padding-top: 160px;
}

.freight-head-trip p {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #666666;
}

.freight-head-trip-img {
  width: 100%;
  display: block;
  margin-top: 20px;
  height: 500px;
  position: relative;
}

.freight-head-trip-img >img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}


.freight-customs-clearance-text p {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 1px;
	color: #666666;
}


.freight-customs-clearance table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 60px;
}
  
.freight-customs-clearance th,
.freight-customs-clearance td {
    text-align: center;
}

.freight-customs-clearance th {
    height: 86px;
}

.freight-customs-clearance th > div {
    background-color: #dc6e3b;
    border-radius: 10px;
    height: 100%;
    margin: 0 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.freight-customs-clearance th > div span {
    display: block;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 1px;
    color: #ffffff;
}

.freight-customs-clearance th > div p {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.freight-customs-clearance th:first-child > div {
    background-color: #0e1d49;
}

.freight-customs-clearance td {
    height: 53px;
}

.freight-customs-clearance tr:nth-child(odd) td > div {
   background-color: #f8f8f8;
   
}

.freight-customs-clearance tr td > div {
    margin: 0 2px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.freight-customs-clearance tr td span {
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 1px;
    color: #261c19;
}

.freight-customs-clearance tr td:first-child span {
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
    letter-spacing: 1px;
    color: #dc6e3b;
}

.freight-customs-clearance tr:last-child td > div {
    border-bottom: solid 1px #e5946f;
}
.freight-truck-transfer {
    padding-top: 160px;
}

.freight-truck-transfer p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 1px;
    color: #666666;
}

.freight-truck-transfer-content {
    display: flex;
    padding-top: 60px;
}

.freight-truck-transfer-table {
    flex-basis: 300px
}

.freight-truck-transfer-table-title {
    width: 296px;
    height: 61px;
    background-color: #0e1d49;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.freight-truck-transfer-table-title span {
  	font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ed7422;
}

.freight-truck-transfer-table-title span:nth-child(2) {
  margin: 0 15px;
}

.freight-truck-transfer-map {
    /* flex-grow: 1; */

}
.freight-truck-transfer-map img {
  display: block;
  width: 100%;
}


.freight-truck-transfer-table table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 4px;
}
  
.freight-truck-transfer-table th,
.freight-truck-transfer-table td {
    text-align: center;
}

.freight-truck-transfer-table th {
    height: 86px;
}

.freight-truck-transfer-table th > div {
    background-color: #dc6e3b;
    border-radius: 10px;
    height: 100%;
    margin: 0 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.freight-truck-transfer-table th > div span {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 1px;
    color: #ffffff;
}

.freight-truck-transfer-table th > div p {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 1 !important;
}


.freight-truck-transfer-table td {
    height: 53px;
}

.freight-truck-transfer-table tr:nth-child(odd) td > div {
   background-color: #f8f8f8;
   
}

.freight-truck-transfer-table tr td > div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.freight-truck-transfer-table tr td span {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 1px;
    color: #666666;
}

.freight-truck-transfer-table tr td:first-child span {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 1px;
    color: #666666;
}

.freight-truck-transfer-table tr:last-child td > div {
    border-bottom: solid 1px #e5946f;
}


.freight-truck-transfer {
  overflow: hidden;
  padding-bottom: 110px;
}



#ZTN.en .home-professional-services .more-card-info .card-body {
  max-width: max-content;
  line-height: 1.3;
}

#ZTN.en .home-professional-services .more-card-info .more-card-info-tab .more-title {
  line-height: 1.2;
  text-align: left;
}

#ZTN.en .home-professional-services .btn a ,
#ZTN.en .home-professional-services .more-card-info .card-btn a{
  width: 125px;
}

#ZTN.en .home-professional-services .more-card-info .more-card-info-tab {
  padding: 25px 20px;
}

#ZTN.en .home-professional-services .more-card-info .more-card-info-tab ul li {
  margin-inline-end: -10%;
}

#ZTN.en .home-professional-services .card-info .desc {
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

#ZTN.en .home-professional-services .card-body {
  margin-top: 15px;
}

#ZTN.en .home-scheme-ul li p {
  white-space: normal;
  line-height: 1.3;
  width: 90%;
  text-align: center;
}

#ZTN.en .home-technological-ul li p {
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0;
}

#ZTN.en .home-technological-text{
  min-height: 370px;
}

#ZTN.en .home-deliver-flex-ul li:nth-child(2),
#ZTN.en .home-deliver-flex-ul li:nth-child(3) {
  margin-top: 100px;
}

#ZTN.en .product-header-content .title {
  font-size: 60px;
  line-height: 1.3;
}

#ZTN.en .product-header-content .desc {
  padding-top: 95px;
  line-height: 1.6;
}

#ZTN.en .product-header-nav .item {
  line-height: 1.3;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

#ZTN.en .product-content-main .desc {
  line-height: 1.6;
}

#ZTN.en .product-block .global-territory .content .carousel {
  width: 900px;
}

#ZTN.en .product-block .global-territory .content .mark {
  left: 970px;
}

#ZTN.en .product-block-bg .content .service-advantage-list-1 .item .desc {
  line-height: 1.3;
}

#ZTN.en .product-block-bg .content .service-advantage-list-1 .item:nth-child(odd) {
  height: 435px;
}

#ZTN.en .product-block-bg .content .service-advantage-list-1 .item:nth-child(even) {
  height: 500px;
}

#ZTN.en .product-block-bg .content .service-advantage-list-2 .item .name,
#ZTN.en .product-block-bg .content .service-advantage-list-2 .item .desc {
  line-height: 1.3;
}

#ZTN.en .product-block-bg .content .service-advantage-list-2 .item {
  height: 445px;
}

#ZTN.en .product-block-bg .content .service-advantage-list-2 .item.item-active {
  height: 500px;
}

#ZTN.en .product-block-bg .content .service-process .bottom-content .data .data-item,
#ZTN.en .product-block-bg .content .service-process .bottom-content .data .data-desc {
  font-size: 16px;
  white-space: nowrap;
  left: 814px;
}

#ZTN.en .product-block-bg .content .service-process .bottom-content .data .border-dashed {
  width: 720px;
}

#ZTN.en .product-block-bg .content .service-process .bottom-content .mark .mark-item {
  font-size: 18px;
}

#ZTN.en .product-block-bg .content .service-process .top-content .day-5 {
  left: calc(1359px - 213px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-9 {
  left: calc(1267px - 352px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-2 {
  left: calc(325px - 356px);
  top: calc(314px - 240px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-1 {
    top: calc(313px - 225px);
    left: calc(484px - 342px);
    padding-bottom: 13px;
}

#ZTN.en .product-block-bg .content .service-process .top-content .day-1 {
  top: calc(216px - 231px);
  left: calc(351px - 310px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-3 {
  left: calc(360px - 330px);
}


#ZTN.en .product-block-bg .content .service-process .top-content .node-text-4 {
  left: calc(531px - 326px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-5 {
  left: calc(769px - 320px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-6 {
  left: calc(980px - 342px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-7 {
  left: calc(1187px - 322px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .node-text-8 {
  left: calc(1456px - 331px);
}

#ZTN.en .product-block-bg .content .service-process .top-content .day-2,
#ZTN.en .product-block-bg .content .service-process .top-content .day-3,
#ZTN.en .product-block-bg .content .service-process .top-content .day-4
{
  top: calc(752px - 186px);
}
#ZTN.en .product-block-bg .content .service-process .top-content .node-text-3,
#ZTN.en .product-block-bg .content .service-process .top-content .node-text-4,
#ZTN.en .product-block-bg .content .service-process .top-content .node-text-5,
#ZTN.en .product-block-bg .content .service-process .top-content .node-text-6,
#ZTN.en .product-block-bg .content .service-process .top-content .node-text-7,
#ZTN.en .product-block-bg .content .service-process .top-content .node-text-8
{
  font-size: 16px;
  line-height: 1.5;
}

#ZTN.en .product-block-bg .content .service-process .bottom-content .data .data-item .large {
  font-size: 30px;
}

#ZTN.en .product-block-bg .content .service-advantage-list-1 .item .name {
  line-height: 1.3;
}

#ZTN.en .product-block-bg .content .service-advantage-list-1 .item {
  width: 250px;
}

#ZTN.en .freight-service-capability-wrap {
  height: auto;
  padding-bottom: 20px;
}

#ZTN.en .freight-service-capability-wrap ul li p,
#ZTN.en .freight-service-capability-wrap ul li h3 {
 line-height: 1.3;
}

#ZTN.en .freight-customs-clearance th > div span {
 line-height: 1;
 font-size: 20px;
}

#ZTN.en .freight-customs-clearance tr td span{
  font-size: 16px;
}

#ZTN.en .end-to-end-service-overview-ul-text p {
  line-height: 1.3;
}

#ZTN.en .end-to-end-service-overview-ul-text {
  padding: 20px;
}

#ZTN.en .end-to-end-service-overview-ul-img {
  padding-top: 20px;
}

#ZTN.en .end-to-end-service-overview-ul-text h3 {
  margin-bottom: 20px;
}

#ZTN.en .end-to-end-service-overview-ul li {
  height: 410px;
}

#ZTN.en .end-to-end-service-process-consumer {
  right: 224px;
}

#ZTN.en .end-to-end-service-advantages-content ul li {
  padding: 0 20px;
  height: auto;
  min-height: 428px;
  padding-bottom: 20px;
}

#ZTN.en .end-to-end-service-advantages-content ul li p {
  line-height: 1.3;
}

#ZTN.en .end-to-end-service-advantages-content ul li:hover::after {
  height: calc(100% + 59px);
}

#ZTN.en .solution-header-nav .item {
  padding: 0 20px;
  text-align: center;
  line-height: 1.3;
  word-break: keep-all;
} 

#ZTN.en .solution-header-content .desc {
  line-height: 1.5;
  padding-top: 98px;
}

#ZTN.en .solution-content-main .desc {
  line-height: 1.5;
}

#ZTN.en .solution-block .highlight-list .item {
  height: 280px; 
}

#ZTN.en .solution-block .highlight-list .item::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

#ZTN.en .solution-block .highlight-list .item .content .desc {
  line-height: 1.4;
}

#ZTN.en .solution-block .solution .content .text {
  width: 850px;
  line-height: 1.4;
}

#ZTN.en .solution-block .core-advantages .item {
  padding: 0 10px;
  text-align: center;
}

#ZTN.en .solution-block .core-advantages .item .text {
  line-height: 1.3;
}

#ZTN.en .solution-book-demo .desc{
  line-height: 1.3;
}

#ZTN.en .solution-block .highlight-list .item .content .desc {
  width: 100%;
}

#ZTN.en .esg-title-block-main-desc {
  line-height: 1.5;
}

#ZTN.en .esg-nav-block-main-content {
  height: auto;
}

#ZTN.en .esg-nav-block-main-content-item .desc,
#ZTN.en .esg-nav-block-main-content-item:last-child .desc,
#ZTN.en .esg-nav-block-content .desc,
#ZTN.en .about-base-service p {
  line-height: 1.5;
}

#ZTN.en .esg-nav-block-main-carousel .carousel-item .content .desc,
#ZTN.en .esg-nav-block-main-carousel .carousel-item .content .title,
#ZTN.en .esg-nav-block-main-carousel .carousel-item.carousel-item-active .content .title {
  line-height: 1.3;
}

#ZTN.en .esg-nav-block-main-carousel .carousel-item .content .desc {
  font-size: 12px;
}

#ZTN.en .certificate .swiper-slide>div h4, 
#ZTN.en .certificate .swiper-slide>div h3 {
  text-overflow: unset !important;
  white-space: wrap !important;
}


#ZTN.en .commpany-culture-text h2 {
  line-height: 1.5;
}

#ZTN.en .wall .welfare-details {
  line-height: 1.8;
}

#ZTN.en .wall .welfare-title {
  margin-bottom: 10px;
}

#ZTN.en .head .nav li .sub dl {
  min-width: 240px;
}
 
#ZTN.en .head .nav li .sub dt span {
  white-space: wrap;
  margin-right: 10px;
}

#ZTN.en .head .nav li .sub dt span a {
  font-size: 17px;
  line-height: 1.4;
}


#ZTN.en .head .nav li .sub dt {
  justify-content: space-between;
}


#ZTN.en .head .nav li .sub a {
   line-height: 1.4; 
}

#ZTN.en .solution-content-main .desc {
  width: 50%;
}

#ZTN.en .solution-block .service-overview .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


#ZTN.en .solution-block .service-overview .item .label {
  margin-top: 20px;
  line-height: 1.4;
}

#ZTN.en .solution-block .service-advantage .item .name {
  line-height: 1.4;
}

#ZTN.en .solution-block .service-advantage .item .context {
  height: 250px;
}

#ZTN.en .footer-right-ul li a{
  letter-spacing: 0 !important;
  line-height: 1.3;
}

#ZTN.en .footer-right {
  width: 500px !important;
}

#ZTN.en .head .nav li .sub dt{
  align-items: flex-end;
  padding-bottom: 15px;
}

/* #ZTN.en .home-deliver{
  margin-bottom: 80px;
} */

#ZTN.en .freight-agent p {
  line-height: 1.5;
}

#ZTN.en .solution-block .highlight-list .item .content .name {
  line-height: 1.3;
}

#ZTN.en .CEOteam .introduce .name h5 {
  line-height: 1.3;
}

#ZTN.en .solution-block .user-feedback .context .say {
  line-height: 1.3;
}

#ZTN.en .solution-block .user-feedback .context .name {
  margin-top: 30px;
}

#ZTN.en .home-three-earth-ul ul li {
  padding: 0 20px;
}

#ZTN.en .solution-header-content .title{
  line-height: 1.3;
}

#ZTN.en .about-mission-ul li:last-child .about-mission-text-box {
  padding-left: 20px;
}

#ZTN.en .about-mission-ul li:last-child .about-mission-text-box p {
  margin-bottom: 5px;
}

#ZTN.en .about-mission-ul li:last-child .about-mission-text-box h3 {
  margin-top: 30px;
}

#ZTN.en .head .nav li .sub a ,
#ZTN.en .subheading h2,
#ZTN.en .home-deliver-flex-ul h3,
#ZTN.en .home-cover-text h1,
#ZTN.en .product-header-nav .item,
#ZTN.en .product-header-content .title,
#ZTN.en .left-tags-title ,
#ZTN.en .left-tags-title-small,
#ZTN.en .esg-nav-block-content .title,
#ZTN.en .esg-nav-tabs-item,
#ZTN.en .about-team-text h2,
#ZTN.en .solution-header-nav .item,
#ZTN.en .solution-content-main .title ,
#ZTN.en .solution-header-content .title,
#ZTN.en .solution-header-nav .item，
#ZTN.en body .stay-content-ul li{
  text-transform: uppercase;
  word-break: keep-all;
  letter-spacing: 1px;
}

#ZTN.en .left-tags-title {
  letter-spacing: 0;
}

#ZTN.en .home-technological .subheading h2 {
  line-height: 1.2;
}

#ZTN.en .home-cover-text {
  width: 425px;
}

#ZTN.en .solution-header-content .title {
  font-size: 60px;
}

#ZTN.en .head .nav li .sub dt span {
  white-space: normal;
}


#ZTN.en #target-2 .service-advantage-bg {
  height: 920px;
}

#ZTN.en #target-2 .product-block-bg .content .service-advantage-list-2 .item{
  height: 530px;
  padding-top: 30px;
} 

#ZTN.en #target-2 .product-block-bg .content .service-advantage-list-2 .item.item-active {
  height: 669px;
  padding-top: 168px;
}

#ZTN.en .esg-nav-block-main-carousel .carousel-item .content .title {
  font-size: 18px;
}

#ZTN.en .home-deliver-flex-ul h3 {
  font-size: 35px;
}


#ZTN.en .product-header-nav {
  padding: 10px 0;
}

#ZTN.en .area-category ol li {
  margin-right: 20px;
  font-size: 16px;
}

#ZTN.en .area-category {
  line-height: 80px;
  height: 80px;
}

a,a:hover,a:active,a:visited,a:link,a:focus, div {
  -webkit-tap-highlight-color:rgba(0,0,0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  background: none;
  text-decoration: none;
}


 
@media only screen and (min-width: 2600px) {

}

/* 当屏幕高度大于或等于769px时 */
@media only screen and (min-height: 1500px) {
  .PageMain {
    min-height: auto;
  }
}