:root { --swiper-theme-color:#ffffff; }
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption {
  padding:0;
  margin:0;
  list-style:none;
  font-style:normal;
  text-decoration:none !important;
  border:none;
  color:#333333;
  font-weight:normal;
  box-sizing:border-box;
  scrollbar-width:none;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);
  border-radius:10px;
  background-color:#f5f5f5;
}
::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  background-color:#555555;
}
video::-webkit-media-controls { display:none !important; }
input[type="button"], input[type="submit"], input[type="search"], input[type="text"], input[type="tel"], input[type="email"], input[type="reset"] { -webkit-appearance:none; }
textarea { -webkit-appearance:none; }
html, body { width:100%; }
.clear:after {
  content:'';
  display:block;
  clear:both;
}
.clear { zoom:1; }
.back_img {
  background-repeat:no-repeat;
  background-size:100% 100%;
}
.margin { margin:0 auto; }
.fl { float:left; }
.fr { float:right; }
.hide { display:none; }
.show { display:block; }
.ellipsis {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.paddingTop { padding-top:1.95rem; }
.animation_opactiy { animation:backOpacity 2s ease-in-out infinite; }
.btn-default { text-shadow:none !important; }
@keyframes backOpacity {
  0% {
    opacity:1;
  }
  25% {
    opacity:.5;
  }
  50% {
    opacity:1;
  }
  75% {
    opacity:.5;
  }
  100% {
    opacity:1;
  }
}
.row.no-gutter {
  margin-left:0;
  margin-right:0;
}
.row.no-gutter [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
html {
  background:#ffffff !important;
  line-height:normal;
}
html, body {
  overscroll-behavior:none;
  width:100vw;
  overflow-x:hidden;
}
.fixedPage { position:fixed; }
.container { padding:0 !important; }
.darkGreen { color:#17352e; }
.tcGreen { color:#713580; }
.darkGrey { color:#c1c8c7; }
.lightGrey { color:#f3f5f4; }
.black { color:#000000; }
.fff { color:#ffffff; }
.textCenter { text-align:center; }
.textLeft { text-align:left; }
.fs5426 { font-size:50px; }
.fs544026 { font-size:50px; }
.fs5434 { font-size:50px; }
.fs4426 { font-size:44px; }
.fs3121 { font-size:31px; }
.fs544426 { font-size:50px; }
.fs544444 { font-size:50px; }
.fs202214 { font-size:18px; }
.fs2214 { font-size:20px; }
.fs222014 { font-size:20px; }
.fs483621 { font-size:48px; }
.fs3621 { font-size:34px; }
.fs36 { font-size:34px; }
.fs3626 { font-size:34px; }
.fs362826 { font-size:34px; }
.fs3628 { font-size:34px; }
.fs362614 { font-size:34px; }
.fs1814 { font-size:18px; }
.fs2414 { font-size:22px; }
.fs2014 { font-size:18px; }
.fs24 { font-size:22px; }
.fs2420 { font-size:22px; }
.mb4020 { margin-bottom:40px; }
.mb4010 { margin-bottom:40px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
.mb10080 { margin-bottom:100px; }
.mb1008040 { margin-bottom:100px; }
.mb8040 { margin-bottom:80px; }
.mb8020 { margin-bottom:80px; }
.mb802020 { margin-bottom:80px; }
.mb800 { margin-bottom:80px; }
.mb6020 { margin-bottom:60px; }
.mb16080 { margin-bottom:160px; }
.mb20 { margin-bottom:18px; }
.mb10 { margin-bottom:10px; }
.width80 {
  width:80%;
  margin-left:10%;
  margin-right:10%;
}
.width85 {
  width:85%;
  margin-left:7.5%;
  margin-right:7.5%;
}
.background-card-overlay {
  position:absolute;
  width:0;
  height:0;
  top:0;
  left:0;
}
.showDesktop { display:block; }
.showTablet { display:block; }
.showMobile { display:none; }
.hiddenDesktop { display:none; }
.hiddenTablet { display:none; }
.hiddenMobile { display:block; }
.textContentpadding { padding:0 22.36364%; }
.maxcontent {
  max-width:1562px;
  margin:0 auto;
}
.bannerTextSection, #ourPeoplePage, .contentTextSection, #not_found { margin-top:90px; }
#header .nav>li>a { padding:0; }
.animated {
  -webkit-animation-fill-mode:none !important;
  animation-fill-mode:none !important;
}
.overOneLine {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}
.overTwoLine {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.overThreeLine {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
.overFiveLine {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}
.nav>li>a:hover, .nav>li>a:focus { background-color:transparent; }
@media (max-width:767px) {
  .fs5426 { font-size:26px; }
  .fs544026 { font-size:26px; }
  .fs544426 { font-size:26px; }
  .fs544444 { font-size:44px; }
  .fs4426 { font-size:26px; }
  .fs3626 { font-size:26px; }
  .fs362826 { font-size:26px; }
  .fs3628 { font-size:28px; }
  .fs483621 { font-size:21px; }
  .fs362614 { font-size:14px; }
  .fs3121 { font-size:21px; }
  .fs5434 { font-size:34px; }
  .fs2014 { font-size:14px; }
  .fs2214 { font-size:14px; }
  .fs222014 { font-size:14px; }
  .fs202214 { font-size:14px; }
  .fs3621 { font-size:21px; }
  .fs1814 { font-size:14px; }
  .fs2414 { font-size:14px; }
  .fs2420 { font-size:18px; }
  .mb4020 { margin-bottom:18px; }
  .mb4010 { margin-bottom:10px; }
  .mb10080 { margin-bottom:80px; }
  .mb1008040 { margin-bottom:40px; }
  .mb8040 { margin-bottom:40px; }
  .mb8020 { margin-bottom:18px; }
  .mb802020 { margin-bottom:18px; }
  .mb800 { margin-bottom:0; }
  .mb6020 { margin-bottom:18px; }
  .mb16080 { margin-bottom:80px; }
  .showMobile { display:block; }
  .hiddenMobile { display:none; }
  .showDesktop, .showTablet { display:none; }
  .hiddenDesktop, .hiddenTablet { display:block; }
  .textContentpadding { padding:0 10%; }
  .bannerTextSection, #ourPeoplePage, .contentTextSection, #not_found { margin-top:70px; }
}
@media (min-width: 768px) and (max-width:1024px) {
  .fs544426 { font-size:44px; }
  .fs544026 { font-size:40px; }
  .fs544444 { font-size:44px; }
  .fs362826 { font-size:28px; }
  .fs362614 { font-size:26px; }
  .fs483621 { font-size:34px; }
  .fs202214 { font-size:20px; }
  .fs222014 { font-size:18px; }
  .mb1008040 { margin-bottom:80px; }
  .mb802020 { margin-bottom:18px; }
  .showTablet { display:block; }
  .showDesktop { display:none; }
  .hiddenMobile { display:block; }
  .hiddenDesktop { display:block; }
}
#ourServicePage .container .bannerTextSection { width:100%; }
#ourServicePage .container .bannerTextComponent .container .textContent .content .title { text-align:left; }
#ourServicePage .container .bannerTextComponent .container .textContent .content .subtitle { text-align:left; }
#ourServicePage .container .contentSection {
  background:#ffffff;
  width:90%;
  padding:50px;
}
#ourServicePage .container .contentSection .content {
  background:#ffffff;
  width:90%;
  margin:-80px auto 0;
  overflow:auto;
}
#ourServicePage .container .contentSection .content .text { padding:30px; }
#ourServicePage .container .tabSection .content .tabul {
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding-top:170px;
}
#ourServicePage .container .tabSection .content .tabul .nav-tabs {
  border:none;
  width:90%;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}
#ourServicePage .container .tabSection .content .tabul .nav-tabs li {
  text-align:center;
  font-weight:300;
  border-bottom:7px solid transparent;
  outline:none;
  background:transparent;
}
#ourServicePage .container .tabSection .content .tabul .nav-tabs li a {
  color:#ffffff;
  border:none;
  padding:10px 50px;
  font-weight:300;
}
#ourServicePage .container .tabSection .content .tabul .nav-tabs li:hover, #ourServicePage .container .tabSection .content .tabul .nav-tabs li.active { border-bottom:7px solid #c253e0; }
#ourServicePage .container .tabSection .content .tabul .nav-tabs li:hover a, #ourServicePage .container .tabSection .content .tabul .nav-tabs li.active a {
  background:transparent;
  border:none;
  color:#c253e0;
}
#ourServicePage .container .tabSection .content .tabulFixed {
  width:100%;
  position:fixed;
  z-index:10;
  height:100px;
  top:-100px;
  left:0;
}
#ourServicePage .container .tabSection .content .tabulFixed li {
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
#ourServicePage .container .tabSection .content .tabulFixed li a {
  color:#ffffff;
  background-color:transparent;
}
#ourServicePage .container .tabSection .content .tabulFixed .swiper-button-prev:after, #ourServicePage .container .tabSection .content .tabulFixed .swiper-container-rtl .swiper-button-next:after, #ourServicePage .container .tabSection .content .tabulFixed .swiper-button-next:after, #ourServicePage .container .tabSection .content .tabulFixed .swiper-container-rtl .swiper-button-prev:after { font-size:26px; }
#ourServicePage .container .tabSection .content .tab-content .bannerTextComponent .container .textContent .content .subtitle { text-align:left; }
#ourServicePage .container .tabSection .content .tab-content .serviceCaseSectionSwiperContainer { position:relative; }
#ourServicePage .container .tabSection .content .tab-content .serviceCaseSectionSwiperContainer .serviceCaseSectionSwiperagination {
  position:absolute;
  top:calc(100% - 100vw - 7%);
  right:0;
  bottom:auto;
  left:auto;
  width:auto;
  z-index:1;
  transform:translateX(-100%);
}
#ourServicePage .container .imgHoverGreenSection .content {
  width:100%;
  overflow:hidden;
}
#ourServicePage .container .imgHoverGreenSection .content .item {
  width:calc(50%);
  float:left;
  overflow:hidden;
}
#ourServicePage .serviceCaseSection .item:nth-of-type(3n) .top { position:relative; }
#ourServicePage .serviceCaseSection .item:nth-of-type(3n) .top .line {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:60%;
  z-index:1;
  background-color:#ffffff;
}
@media (max-width:1024px) {
  #ourServicePage .container .tabSection .content .tabul {
    padding-top:0;
    padding:50px 0;
  }
  #ourServicePage .container .tabSection .content .tabul .maxcontent {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }
  #ourServicePage .container .tabSection .content .tabul .nav-tabs li {
    width:50%;
    margin:20px 0;
    border-bottom:none;
    border-left:7px solid transparent;
  }
  #ourServicePage .container .tabSection .content .tabul .nav-tabs li a {
    padding-right:15px;
    font-family:Tinos, 'STSong', 'STFangsong', 'STKaiti', 'STHeiti Light', 'SimSun', 'NSimSun', 'FangSong', 'KaiTi', 'FangSong_GB2312', 'KaiTi_GB2312', 'Open Sans', 'PingFang SC', 'Microsoft YaHei', 'STHeiti', "Helvetica Neue", Helvetica, Arial, sans-serif, 'SimHei';
  }
  #ourServicePage .container .tabSection .content .tabul .nav-tabs li:hover, #ourServicePage .container .tabSection .content .tabul .nav-tabs li.active {
    border-bottom:none;
    border-left:7px solid #c253e0;
  }
  #ourServicePage .container .tabSection .content .tabulFixed li a { font-family:Tinos, 'STSong', 'STFangsong', 'STKaiti', 'STHeiti Light', 'SimSun', 'NSimSun', 'FangSong', 'KaiTi', 'FangSong_GB2312', 'KaiTi_GB2312', 'Open Sans', 'PingFang SC', 'Microsoft YaHei', 'STHeiti', "Helvetica Neue", Helvetica, Arial, sans-serif, 'SimHei'; }
}
@media (max-width:767px) {
  #ourServicePage .tabSection .content .tabul .nav-tabs li a {
    padding-right:15px;
    margin-left:-34px;
  }
  #ourServicePage .container .tabSection .content .tabul .nav-tabs li { margin:12px 0; }
  #ourServicePage .imgHoverComponent .container .text .readmore .text { display:block; }
  #ourServicePage .container .tabSection .content .tabulFixed { height:70px; }
  #ourServicePage .container .tabSection .content .tabulFixed .swiper-button-next:after { font-size:16px; }
  #ourServicePage .container .tabSection .content .tabulFixed .swiper-button-prev:after { font-size:16px; }
  #ourServicePage .serviceCaseSection .content {
    display:flex;
    flex-wrap:nowrap;
  }
  #ourServicePage .serviceCaseSection .content .item .bottom { display:block; }
  #ourServicePage .bannerTextSection .bannerTextComponent .container .textContent .content .title { text-align:left; }
  #ourServicePage .bannerTextSection .bannerTextComponent .container .textContent .content .subtitle {
    text-align:left;
    font-size:20px;
  }
}