@charset "UTF-8";
/* 
* 基础
* Body 内部 body-inner
* 模拟滚动条 tt-smooth-scroll
* 页面头部 tt-header
* 页面主体 tt-section
* 菜单导航 tt-main-menu
* 页面 header page-header 
* 留言 tt-message
* 联系方式 tt-contact
* 页面底部 tt-footer
* 块标题 tt-heading
* Full carousel 项目组合旋转木马
* content-carousel 分块滚动 
* 元素视差 tt-gallery
* 视差背景 tt-image
* 图形 figure
* 背景视频 tt-bg-video-wrap
* tabs切换 tt-Tabs
* 翻页 tt-pagination
* 背景图 tt-bg
* 区块特点
* 首页 index
* 关于我们 aboutus
* 招聘 recruit
* 科研创新 innovation
* 战略愿景 vision
* 主营业务 business
* 党建 party
*/
/* ------------------------------------------------------------- *
 * 基础
/* --------------*/
* {
  box-sizing: border-box;
}
/* 选择 */ ::selection {
  color: #fff;
  text-shadow: none;
  background: #2967e6;
}
::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #2967e6; /* Firefox */
}
::-webkit-selection {
  color: #fff;
  text-shadow: none;
  background: #2967e6; /* Safari */
}
img {
  max-width: 100%;
  height: auto;
}
hr {
  width: 100%;
  height: 0;
  border: none;
  border-bottom: 1px solid rgb(144 144 144 / 30%);
}
.marginRight {
  margin-right: auto;
}
.marginLeft {
  margin-left: auto;
}
@media (min-width: 1200px) {
  .anim-image-parallax {
    transform: scale(1.2);
    transform-origin: 50% 100%;
  }
}
.z-index-10 {
  z-index: 10;
}
/*下拉按钮*/
.btn-group .dropdown-toggle {
  width: 100%;
  background: #fff;
  border-radius: .25rem;
  height: calc(2em + .75rem + 2px);
  line-height: calc(2em + .75rem + 2px);
  font-size: 1rem;
  color: #636b7e;
  padding: 0 1.2rem;
  position: relative
}
.btn-group .dropdown-toggle::after {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateX(-50%);
}
.btn-group .dropdown-menu {
  width: 100%;
  border-radius: .25rem;
}
/*普通按钮*/
.btn i {
  position: relative;
  top: 2px;
}
/*渐变背景*/
.gradient-bg::after {
  position: absolute;
  content: '';
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 80%;
  z-index: 2;
  pointer-events: none;
  background: rgb(19, 19, 19);
  background: -moz-linear-gradient(0deg, rgba(19, 19, 19, .8) 0%, rgba(19, 19, 19, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(19, 19, 19, .8) 0%, rgba(19, 19, 19, 0) 100%);
  background: linear-gradient(0deg, rgba(19, 19, 19, .8) 0%, rgba(19, 19, 19, 0) 100%);
  transition: 0.5s all;
}
.gradient-bg:hover::after {
  height: 120%;
  background: -moz-linear-gradient(0deg, rgba(19, 19, 19, 1) 0%, rgba(19, 19, 19, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(19, 19, 19, 1) 0%, rgba(19, 19, 19, 0) 100%);
  background: linear-gradient(0deg, rgba(19, 19, 19, 1) 0%, rgba(19, 19, 19, 0) 100%);
}
/*文字超出省略号*/
.text-ellipsis-1, .text-ellipsis-2, .text-ellipsis-3, .text-ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.text-ellipsis-2 {
  -webkit-line-clamp: 2;
}
.text-ellipsis-3 {
  -webkit-line-clamp: 3;
}
.text-ellipsis-4 {
  -webkit-line-clamp: 4;
}
/*topto*/
#back-to-top {
  position: fixed;
  word-wrap: break-word;
  z-index: 100;
  bottom: 1.5rem;
  right: 1.5rem;
  color: #fff;
  width: 3rem;
  height: 3rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #fff;
  font-weight: 800;
  font-size: 1.3rem;
  text-align: center;
  background: var(--primary);
  transition: 0.5s all;
}
#back-to-top:hover {
  background: var(--black);
}
@media (max-width: 561px) {
  #back-to-top {
    bottom: 1rem;
    right: 1rem;
    width: 40px;
    height: 40px;
    line-height: 43px;
  }
}
/* 列表 */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
/* ------------------------------------------------------------- *
 * 	Body 内部
/* ------------------------------------------------------------- */
#body-inner {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 100vh;
}
#content-wrap {
  position: relative;
  overflow: hidden;
}
/* ------------------------------------------------------------- *
 * 模拟滚动条
/* ------------------------------------------------------------- */
/* 隐藏默认滚动条 */
body:not(.is-mobile).tt-smooth-scroll {
  overflow: hidden;
}
body:not(.is-mobile).tt-smooth-scroll #scroll-container {
  width: auto;
  height: 100vh;
  overflow: auto;
  margin: 0;
}
/* 滚动条样式 */
.scrollbar-track {
  background: transparent !important;
  z-index: 99999 !important;
}
.scrollbar-track:hover {
  /*background: rgba(222, 222, 222, 0.1) !important;*/
}
.scrollbar-thumb {
  background: #DDD !important;
  opacity: .25;
  transition: opacity 0.2s ease-in-out;
}
.scrollbar-track:hover .scrollbar-thumb {
  opacity: .5;
}
/* ------------------------------------------------------------- *
 * Header头部
/* ------------------------------------------------------------- */
#tt-header {
  position: absolute;
  height: 6rem;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  z-index: 999;
  background: rgba(20, 30, 45, 0);
  pointer-events: none;
  transition: 0.5s all;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}
#tt-header.sticky-on, .full-light-on #tt-header {
  background: rgba(20, 30, 45, 1);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  box-shadow: rgba(149, 157, 165, .2) 0px 8px 20px;
}
#tt-header.tt-header-fixed {
  position: fixed;
}
.full-screen {
  padding: 0 10%;
}
.full-screen-left {
  padding-left: 10%
}
@media (min-width: 1920px) {
  .full-screen {
    padding: 0 12%
  }
  .full-screen-left {
    padding-left: 12%
  }
}
@media (max-width: 1500px) {
  .full-screen {
    padding: 0 5%
  }
  .full-screen-left {
    padding-left: 5%
  }
}
@media (max-width: 1200px) {
  #tt-header {
    height: 70px;
    border-bottom: 0
  }
}
@media (max-width: 561px) {
  #tt-header {
    height: 60px
  }
  .full-screen-left {
    padding: 0 5%
  }
}
/* Header logo 
=============== */
.tt-logo {
  line-height: 1;
  pointer-events: initial;
}
.tt-logo img {
  height: 3rem;
}
.tt-othermenu {
  pointer-events: initial;
  position: relative
}
.tt-othermenu img, .slideVr-box .btn img {
  height: 1rem;
  margin: -5px .4rem 0 0
}
.tt-othermenu .dropdown-menu {
  min-width: inherit;
  width: 100%
}
@media (max-width: 1200px) {
  .tt-logo img {
    height: 2.4rem;
  }
  .tt-othermenu .btn {
    font-size: .875rem;
    padding: .4rem 1rem;
  }
}
/* ------------------------------------------------------------- *
 * 页面主体
/* ------------------------------------------------------------- */
.tt-section {
  position: relative;
  padding: 5rem 0;
  overflow: hidden
}
@media (max-width: 1200px) {
  .tt-section {
    padding: 3rem 0;
  }
}
@media (max-width: 561px) {
  .tt-section {
    padding: 2rem 0;
  }
}
.tt-section-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
}
/* ------------------------------------------------------------- *
 * 菜单导航
/* ------------------------------------------------------------- */
/* PC menu */
@media (min-width: 1200px) {
  .tt-main-menu {
    pointer-events: initial;
  }
  .tt-main-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
  }
  .tt-main-menu-list > li {
    display: inline-block;
    font-size: inherit;
    padding: 0 .9rem;
    transition: opacity 0.2s;
  }
  .tt-main-menu-list > li > a, .tt-main-menu-list > li > .tt-submenu-trigger > a {
    display: block;
    padding: 1rem 0;
    font-size: 1.05rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .7);
    transition: color 0.3s, opacity 0.3s;
    position: relative;
  }
  .tt-main-menu-list.tt-mm-hover > li > a, .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a {
    color: rgba(255, 255, 255, .7);
  }
  .tt-main-menu-list.tt-mm-hover > li > a:hover, .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a:hover, .tt-main-menu-list.tt-mm-hover > li.active > a, .tt-main-menu-list.tt-mm-hover > li.active > .tt-submenu-trigger > a, .tt-main-menu-list.tt-mm-hover > li.tt-submenu-open > .tt-submenu-trigger > a {
    opacity: 1;
    color: #FFF;
  }
  .tt-main-menu-list.tt-mm-hover > li > a:hover, .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a:hover, .tt-main-menu-list > li.active > a, .tt-main-menu-list > li.active .tt-submenu-trigger a, .tt-main-menu-list.tt-mm-hover > li.tt-submenu-open.active > .tt-submenu-trigger > a {
    color: #fff;
  }
  .tt-main-menu-list > li.active > a::before, .tt-main-menu-list > li.active .tt-submenu-trigger > a::before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .tt-main-menu-list > li.active .tt-submenu-trigger > a::before {
    width: calc(100% - 22px)
  }
  /* 子导航  */
  .tt-submenu-wrap {
    position: relative;
  }
  .tt-submenu, .tt-other-submenu, .tt-submenu-other {
    position: absolute;
    display: block !important;
    top: 115%;
    left: -5px;
    width: 10rem;
    background-color: #FFF;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
    text-align: left;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    border-radius: 10px;
    transform: translate3d(0, 10px, 0);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
  /*全屏子菜单*/
  .tt-submenu-other {
    width: 100%;
    top: 92%;
  }
  /* 应用中心子菜单 */
  .tt-other-submenu {
    width: 100%;
    top: 130%;
    left: 2px;
  }
  /* 悬停时打开子菜单 */
  .tt-submenu-wrap.tt-submenu-open > .tt-submenu, .tt-submenu-wrap-other.tt-submenu-open > .tt-submenu, .tt-othermenu.tt-submenu-open > .tt-submenu {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: 0.1s;
  }
  .tt-submenu-list {
    margin: 0;
    padding: 15px 0;
    list-style: none;
  }
  .tt-submenu-list li {
    width: 100%;
  }
  .tt-submenu-list li a {
    position: relative;
    display: block;
    padding: 10px 25px;
    text-decoration: none;
    font-size: 1.02rem;
    font-weight: 400;
    line-height: 1.4;
    color: #111;
    transition: all 0.5s;
  }
  .tt-submenu-list li a::after {
    font-family: "boxicons";
    content: "\ea55";
    color: var(--primary);
    position: absolute;
    left: 15px;
    top: 8px;
    line-height: 25px;
    font-size: 17px;
    font-weight: 400;
    transition: .5s;
    opacity: 0;
  }
  .tt-submenu-list > li a:hover, .tt-submenu-list > li > .tt-submenu-trigger:hover a, .tt-submenu-list > li.active > a, .tt-submenu-list > li.active > .tt-submenu-trigger a {
    color: var(--primary);
  }
  .tt-submenu-list > li a:hover, .tt-submenu-list > li > .tt-submenu-trigger:hover a {
    padding-left: 35px
  }
  .tt-submenu-list > li a:hover::after, .tt-submenu-list > li > .tt-submenu-trigger:hover a::after {
    opacity: 1;
  }
  /* 子菜单样式 */
  .tt-submenu .tt-submenu-wrap > .tt-submenu {
    left: 100%;
    right: auto;
    margin-top: -50px;
    margin-left: 0;
  }
  .tt-submenu-trigger > a::after {
    margin-left: 8px;
    font-size: 16px;
    line-height: 0;
    font-family: "boxicons";
    content: "\ea4a";
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: relative;
    top: 0;
    transition: 0.2s all;
  }
  .tt-submenu-trigger > a:hover::after {
    transform: rotate(180deg);
  }
  /* 在子菜单中插入光标 */
  .tt-submenu-wrap .tt-submenu-wrap .tt-submenu-trigger > a::after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0) rotate(-90deg);
  }
  .tt-submenu-trigger .tt-submenu-trigger-m {
    display: none;
  }
  /* 黑色风格子菜单样式 */
  .tt-submenu-dark .tt-submenu {
    background-color: #181818;
    color: #fff;
  }
  .tt-submenu-dark .tt-submenu .tt-submenu-list li a {
    color: #fff;
  }
  .tt-submenu-dark .tt-submenu .tt-submenu-list > li a:hover, .tt-submenu-dark .tt-submenu .tt-submenu-list > li > .tt-submenu-trigger:hover a, .tt-submenu-dark .tt-submenu .tt-submenu-list > li.active > a, .tt-submenu-dark .tt-submenu .tt-submenu-list > li.active > .tt-submenu-trigger a {
    color: var(--primary);
    background-color: transparent;
  }
  /* 应用中心子菜单样式 */
  .tt-other-submenu::after {
    font-family: boxicons;
    content: '\eedb';
    color: #fff;
    position: absolute;
    top: -.8rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .tt-other-submenu .tt-submenu-list li {
    text-align: center
  }
  .tt-other-submenu .tt-submenu-list li a::after {
    display: none
  }
  .tt-other-submenu .tt-submenu-list > li a:hover, .tt-other-submenu .tt-submenu-list > li > .tt-submenu-trigger:hover a {
    padding-left: 25px
  }
  /*全屏子菜单样式*/
  .tt-submenu-other .tt-submenu-list {
    display: flex;
    padding: .8rem 1.5rem 1rem;
  }
  .tt-submenu-other .tt-submenu-list li {
    width: 14.28%;
  }
  .tt-submenu-other .tt-submenu-list li a {
    padding: .4rem 0;
  }
  .tt-submenu-other .tt-submenu-list h6 {
    border-bottom: 1px solid #eee;
    height: 4em;
    align-items: center !important;
    justify-content: space-between !important;
    display: flex;
  }
  .tt-submenu-other .tt-submenu-list li a {
    font-size: .813rem;
  }
  .tt-submenu-other .tt-submenu-list h6 a {
    width: 80%;
    color: #092359;
    font-size: 1rem;
    padding-left: 4px
  }
  .tt-submenu-other .tt-submenu-list li a::before {
    display: inline-block;
    content: '\ea50';
    font-family: 'boxicons';
    position: relative;
    top: 1px;
    color: #999
  }
  .tt-submenu-other .tt-submenu-list li a::after, .tt-submenu-other .tt-submenu-list h6 a::before {
    display: none
  }
  /*搜索按钮*/
  .menu-search {
    color: #fff !important;
    padding: .4rem !important;
    font-size: 1.4rem !important;
    top: 3px;
  }
}
@media (min-width: 1351px) and (max-width: 1700px) {
  .tt-main-menu-list > li > a, .tt-main-menu-list > li > .tt-submenu-trigger > a {
    font-size: 1rem;
  }
  .tt-main-menu-list > li {
    padding: 0 .5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  .tt-main-menu-list > li > a, .tt-main-menu-list > li > .tt-submenu-trigger > a {
    font-size: .913rem;
  }
  .tt-main-menu-list > li {
    padding: 0 .3rem;
  }
}
@media (min-width: 2500px) {
  .tt-main-menu-list > li {
    padding: 0 .8rem;
  }
  .tt-main-menu-list > li > a, .tt-main-menu-list > li > .tt-submenu-trigger > a {
    font-size: 1rem
  }
}
/* Mobile menu */
@media (min-width: 1200px) {
  #tt-m-menu-toggle-btn-wrap { /* Hide on desktop */
    display: none;
  }
}
@media (max-width: 1200px) {
  .tt-main-menu {
    pointer-events: initial;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #0a0a0a;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 998
  }
  .tt-main-menu-holder {
    position: relative;
    height: 100%;
    width: calc(100% + 17px);
    overflow-y: scroll;
    z-index: 2;
  }
  body.is-mobile .tt-main-menu-holder {
    padding-right: 17px;
  }
  .tt-main-menu-inner {
    display: table;
    width: 100%;
    height: 100%;
    padding: 15% 7%;
  }
  .tt-main-menu-content {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 3rem;
  }
  .tt-main-menu-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .tt-main-menu-list > li {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .tt-main-menu-list > li:first-child {
    margin-top: 0;
  }
  .tt-main-menu-list > li:last-child {
    margin-bottom: 0;
  }
  .tt-main-menu-list > li a {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.8;
    color: #eaeaea;
  }
  @media (max-width: 767px) {
    .tt-main-menu-inner {
      padding-top: 10%;
      padding-bottom: 10%;
    }
    .tt-main-menu-list > li a {
      font-size: 18px;
      line-height: 1.5
    }
  }
  /*  menu list hover/active */
  .tt-main-menu-list > li a:hover, .tt-main-menu-list > li > .tt-submenu-trigger:hover a, .tt-main-menu-list > li > .tt-submenu-trigger:hover .tt-m-caret, .tt-main-menu-list > li.active > a, .tt-main-menu-list > li.active > .tt-submenu-trigger a, .tt-main-menu-list > li.active > .tt-submenu-trigger .tt-m-caret {
    color: #FFF;
  }
  /* Mobile submenu */
  .tt-submenu-wrap {
    position: relative;
  }
  .tt-submenu-trigger {
    position: relative;
    display: inline-block;
  }
  .tt-submenu-trigger > a {
    position: relative;
    z-index: 1;
  }
  .tt-submenu-trigger .tt-submenu-trigger-m {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
  }
  .tt-submenu {
    display: none;
    position: relative;
    top: auto;
    left: 0 !important;
    min-width: 100%;
    background-color: transparent;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #a9a9a9;
  }
  .tt-submenu-list {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
  }
  .tt-submenu-list .tt-submenu {
    margin-top: 10px;
  }
  .tt-submenu-list > li a {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: normal;
    color: #AAA;
    -webkit-text-stroke: 0;
  }
  /* Mobile submenu list hover/active */
  .tt-submenu-list > li a:hover, .tt-submenu-list > li > .tt-submenu-trigger:hover a, .tt-submenu-list > li > .tt-submenu-trigger:hover .tt-m-caret, .tt-submenu-list > li > .tt-submenu-trigger.tt-m-submenu-open a, .tt-submenu-list > li > .tt-submenu-trigger.tt-m-submenu-open .tt-m-caret, .tt-submenu-list > li.active > a, .tt-submenu-list > li.active > .tt-submenu-trigger a, .tt-submenu-list > li.active > .tt-submenu-trigger .tt-m-caret {
    color: #FFF;
  }
  .tt-m-caret {
    position: absolute;
    top: 55%;
    right: -32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #eaeaea;
    cursor: pointer;
    z-index: 9;
    border-radius: 100%;
    transform: translate3d(0, -50%, 0);
  }
  .tt-m-caret::after {
    font-family: "boxicons";
    content: "\ea4a";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease-in-out;
  }
  .tt-submenu-list > li > .tt-submenu-trigger .tt-m-caret {
    color: #8a8a8a;
  }
  /* Mobile menu 切换按钮 */
  #tt-m-menu-toggle-btn-wrap {
    position: relative;
    display: flex;
    align-items: center;
    pointer-events: initial;
    cursor: pointer;
    z-index: 999;
  }
  .tt-m-menu-toggle-btn-holder {
    float: left;
  }
  .tt-m-menu-toggle-btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-right: -.8rem
  }
  .tt-m-menu-toggle-btn span {
    position: absolute;
    display: block;
    top: 52%;
    left: 50%;
    height: 2px;
    width: 24px;
    background-color: transparent;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
  }
  .tt-m-menu-toggle-btn span::before, .tt-m-menu-toggle-btn span::after {
    position: absolute;
    display: block;
    content: '';
    height: 2px;
    width: 24px;
    background-color: #FFF;
    transition: all 0.3s ease-in-out;
  }
  .tt-m-menu-toggle-btn span::before {
    top: -4px;
    width: 24px;
  }
  .tt-m-menu-toggle-btn span::after {
    top: auto;
    bottom: -4px;
    width: 18px;
  }
  .tt-m-menu-toggle-btn-text {
    float: left;
    padding-right: 5px;
    overflow: hidden;
    text-align: right;
    font-size: 16px;
  }
  body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-menu {
    display: none;
  }
  /* 关闭切换按钮 */
  body.tt-m-menu-open .tt-m-menu-toggle-btn span {
    width: 20px;
    background-color: transparent;
  }
  body.tt-m-menu-open .tt-m-menu-toggle-btn span::before {
    top: 0;
    width: 20px;
    transform: rotate(45deg);
  }
  body.tt-m-menu-open .tt-m-menu-toggle-btn span::after {
    bottom: 0;
    width: 20px;
    transform: rotate(-45deg);
  }
  .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
    display: none;
  }
  body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
    display: block;
  }
  /* 禁用菜单切换按钮单击，直到动画结束 */
  body.tt-m-menu-toggle-no-click #tt-m-menu-toggle-btn-wrap {
    pointer-events: none;
  }
  /* 将 mobile menu 对齐到中心 */
  .tt-main-menu.tt-m-menu-center .tt-main-menu-content {
    text-align: center;
  }
  .tt-main-menu.tt-m-menu-center .tt-submenu-list {
    margin: 0;
  }
  .tt-submenu-other .businesslist {
    display: none
  }
}
/* ------------------------------------------------------------- *
 * 页面 header
/* ------------------------------------------------------------- */
#page-header {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden
}
#page-header:not(.ph-full) {
  min-height: 70vh;
}
#page-header .page-header-inner {
  width: 100%;
  margin: 0 auto;
  z-index: 2;
}
#page-header.text-center {
  align-items: center;
}
#page-header.ph-full-end {
  align-items: flex-end
}
#page-header.ph-full-align {
  align-items: center;
}
@media (max-width: 1500px) {
  #page-header:not(.ph-full) {
    min-height: 500px;
  }
}
@media (max-width: 1200px) {
  #page-header:not(.ph-full) {
    min-height: 400px;
  }
}
@media (max-width: 561px) {
  @media (max-width: 561px) {
    #page-header:not(.ph-full) {
      min-height: 35vh;
    }
  }
}
/* 页面banner图像 
===================== */
.ph-image {
  position: absolute;
  top: 160px;
  right: 18vw;
  width: clamp(340px, 18vw, 800px);
  z-index: 2;
  line-height: 0;
}
.ph-image-inner {
  position: relative;
  width: 100%;
}
.ph-about-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 5;
}
.ph-about-bg img {
  width: 100%;
}
.ph-hire-bg img {
  width: 80%;
}
@media (max-width: 561px) {
  .ph-hire-bg img {
    width: 100%;
  }
}
/* 将BANNER图像转换为背景图像 */
#page-header.ph-bg-image .ph-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
  z-index: -1;
  transform: none;
  overflow: hidden;
}
#page-header.ph-bg-image.ph-image-shadow:after {
  position: absolute;
  content: '';
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 35vh;
  z-index: 3;
  pointer-events: none;
  background: rgb(32, 35, 39);
  background: -moz-linear-gradient(0deg, rgba(32, 35, 39, 1) 0%, rgba(32, 35, 39, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(32, 35, 39, 1) 0%, rgba(32, 35, 39, 0) 100%);
  background: linear-gradient(0deg, rgba(32, 35, 39, 1) 0%, rgba(32, 35, 39, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21252c", endColorstr="#21252c", GradientType=1);
}
#page-header.ph-bg-image.ph-image-shadow.page-header-warranty:after {
  display: none;
}
#page-header.ph-bg-image .ph-image-inner {
  width: 100%;
  height: 100%;
}
#page-header.ph-bg-image .ph-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
#page-header .ph-about-videoimage {
  width: 25%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  background: url("../img/img-about-bg-1.png") left center no-repeat;
  background-size: cover
}
/* 页面BANNER标题  */
.ph-caption {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: 2rem;
}
.ph-caption-title {
  font-size: 3.8rem;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 2px;
  position: relative
}
.ph-caption-en {
  width: auto;
  font-size: 1rem;
  background: rgba(255, 255, 255, .2);
  color: #fff;
  border-radius: 2rem;
  display: table;
  margin: 0 auto 1.5rem auto;
  padding: .5rem 1rem;
  letter-spacing: 2px;
}
.ph-caption-subtitle {
  width: 50%;
  margin-top: 2rem;
  font-weight: 400;
  line-height: 2;
  font-size: 1.3rem;
  color: rgba(255, 255, 255, .8);
}
.ph-caption-location {
  color: rgba(255, 255, 255, .8);
  margin-top: 1.5rem
}
.ph-caption-location a {
  color: rgba(255, 255, 255, .8);
  margin: 0 .5rem;
}
.ph-caption-location a:hover {
  color: rgba(255, 255, 255, 1.00)
}
@media (max-width: 1200px) {
  .ph-caption-title {
    font-size: 3rem;
  }
  .ph-caption-subtitle {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .ph-caption-subtitle {
    width: 80%;
  }
  .ph-caption-en {
    padding: .3rem .6rem;
    letter-spacing: 1px;
  }
  .ph-caption-location {
    margin-top: 1rem;
    font-size: .875rem
  }
}
@media (max-width: 561px) {
  .ph-caption-title {
    font-size: 2.2rem
  }
  .ph-caption-subtitle {
    width: 90%;
    line-height: 1.6;
    margin-top: 1rem;
    font-size: 1rem;
  }
  .ph-caption-en {
    font-size: .7rem;
    margin-bottom: 1rem;
  }
  #page-header .ph-caption-aboutimg img {
    width: 50px
  }
}
/* 向下滚动圆圈  */
.scroll-down-circle {
  position: absolute;
  display: block;
  left: 2%;
  bottom: -90px;
  width: 250px;
  height: 250px;
  z-index: 100;
  visibility: inherit;
}
.scroll-down-circle i {
  font-size: 1.5rem;
  visibility: inherit;
}
.scroll-down-circle-other {
  position: absolute;
  display: block;
  right: 4%;
  bottom: 0;
  width: 30px;
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
  white-space: nowrap;
  z-index: 100;
}
.scroll-down-circle-other i {
  width: 2px;
  height: 77px;
  background-color: #fff;
  display: inline-block;
  margin-top: 21px;
  margin-left: 1px;
}
@media (max-width: 1025px) {
  .scroll-down-circle, .scroll-down-circle-other {
    display: none;
  }
}
@media (min-width: 2560px) {
  .scroll-down-circle {
    display: none;
  }
}
.scroll-down-circle .sdc-icon {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  font-size: 16px;
  color: #999;
  transform: translate(-50%, -50%);
}
#page-header.ph-bg-image .scroll-down-circle .sdc-icon {
  color: #FFF;
}
.scroll-down-circle svg {
  width: 100%;
  animation: sdc-rotation 8s infinite linear;
}
.scroll-down-circle rect {
  fill: #FFF;
}
.scroll-down-circle text {
  font-size: 33px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 25px;
  fill: #BBB;
  transition: fill .2s;
}
.scroll-down-circle:hover text {
  fill: #FFF;
}
@keyframes sdc-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* 页面 banner 全屏显示 */
#page-header.ph-full {
  min-height: 500px;
}
@media (min-width: 1024px) {
  #page-header.ph-full {
    min-height: 100vh;
  }
  #page-header.ph-full .ph-image {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    height: 100%;
  }
}
@media (max-width: 561px) {
  #page-header.ph-full {
    min-height: 46vh;
  }
}
/* 页面 banner 封面不透明 */
[class*="ph-image-cover-"] .ph-image-inner::before, [class*="cover-opacity-"]::before {
  position: absolute;
  display: block;
  content: "";
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background-color: #040404;
  z-index: 1;
  opacity: 0;
}
.ph-image-cover-5 .ph-image-inner::before, .cover-opacity-5::before {
  opacity: .5;
}
.ph-image-cover-6 .ph-image-inner::before, .cover-opacity-6::before {
  opacity: .6;
}
.ph-image-cover-8 .ph-image-inner::before, .cover-opacity-8::before {
  opacity: .8;
}
/* 页面 banner 位置 */
#page-header .ph-caption {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  z-index: 10;
  position: relative;
}
#page-header.text-center .ph-caption, #page-header.text-center .ph-caption-title, #page-header.text-center .ph-caption-subtitle {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#page-header.text-center .ph-caption-description, #page-header.text-center .ph-caption > p {
  margin-left: auto;
  margin-right: auto;
}
#page-header.text-center:not(.ph-bg-image) .ph-image {
  right: 50%;
  transform: translate(50%, 0);
}
@media (min-width: 1200px) {
  #page-header .ph-caption {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
}
/* ------------------------------------------------------------- *
 * 区块标题
/* ------------------------------------------------------------- */
.tt-heading {
  margin-bottom: 3rem;
}
.tt-heading .tt-heading-title {
  font-weight: bold;
  font-weight: 800;
  letter-spacing: 2px;
  position: relative;
  line-height: 1.6;
}
.tt-heading-left {
  margin-bottom: 2.5rem;
}
.tt-heading.tt-heading-left .tt-heading-title {
  left: -5px
}
.tt-heading-subtitle {
  color: #455675;
}
.tt-heading-other {
  color: #808388;
  width: 30%;
  line-height: 1.8;
  margin: 0 auto
}
.tt-font {
  font-size: 1.2rem;
  line-height: 2;
  text-align: justify
}
@media (max-width: 1200px) {
  .tt-heading {
    margin-bottom: 2rem;
  }
  .tt-heading .tt-heading-title {
    font-size: 2.2rem
  }
  .tt-heading .tt-heading-subtitle {
    font-size: .913rem
  }
  .tt-font {
    font-size: 1.1rem;
  }
  .tt-heading-other {
    width: 40%;
  }
}
@media (max-width:991px) {
  .tt-heading {
    margin-bottom: 1.5rem;
  }
  .tt-font-title {
    font-size: 2.2rem;
  }
  .tt-font {
    line-height: 1.8;
  }
  .tt-heading-other {
    width: 60%;
  }
}
@media (max-width: 561px) {
  .tt-heading {
    margin-bottom: 1rem;
  }
  .tt-heading .tt-heading-title {
    font-size: 1.8rem;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }
  .tt-heading .tt-heading-subtitle {
    font-size: .75rem
  }
  .tt-font-title {
    font-size: 1.8rem;
  }
  .tt-heading.tt-heading-left .tt-heading-title {
    left: 0
  }
  .tt-heading-other {
    width: 95%;
    font-size: .913;
    line-height: 1.4
  }
}
/*子页导航*/
.subnsv ul li {
  margin: 0 .5rem;
  border: 1px solid #fff;
  margin-top: 2rem;
}
.subnsv ul li a {
  display: inline-block;
  padding: 0 2rem;
  line-height: 1.8rem;
  color: #fff;
  transition: 0.5s all;
}
.subnsv ul li:hover {
  background: #fff;
}
.subnsv ul li:hover a {
  color: var(--primary);
}
.subnsv .btn.active {
  color: #fff;
  background: var(--primary);
  border: 1px solid var(--primary);
}
.subnsv .btn.active a {
  color: #fff
}
.subnsv .btn:hover, .subnsv .btn.active {
  color: #fff !important
}
@media (max-width: 1024px) {
  .subnsv ul li {
    margin-top: 1rem
  }
}
@media (max-width: 561px) {
  .subnsv ul li {
    padding: 0 .6rem;
  }
  .subnsv ul li a {
    padding: 0 .5rem;
    line-height: 1;
    font-size: .875rem;
  }
}
/* ------------------------------------------------------------- *
 * Full carousel 全屏翻页
/* ------------------------------------------------------------- */
.tt-full-carousel {
  position: relative;
  width: 100%;
}
.tt-full-carousel .swiper {
  height: 100vh
}
.tt-full-carousel .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
/*slide bg-img*/
.tt-full-slider-item {
  position: relative;
  height: 100%;
}
img.tt-psi-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
/*slide caption*/
.tt-full-caption {
  position: relative;
  height: 100%;
}
.tt-full-caption-front {
  position: absolute;
  width: 100%;
  height: calc(100% - 6rem);
  margin-top: 6rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10
}
@media (max-width: 1200px) {
  .tt-full-caption-front {
    margin-top: 70px;
  }
}
@media (max-width: 561px) {
  .tt-full-caption-front {
    margin-top: 60px;
  }
}
/*slide prompt*/
.tt-full-prompt {
  width: 15rem;
  height: 5rem;
  background: url("../img/img-banner-2.png") bottom center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  padding-top: .5rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.tt-full-prompt img {
  height: 2rem;
  animation: fadeOutUp 1.5s 0.5s ease-in-out infinite;
}
@keyframes fadeOutUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    opacity: .6;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  80% {
    opacity: .8;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  90% {
    opacity: .5;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  95% {
    opacity: 0;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
  }
}
/* Full slider navigation 
=============================== */
.tt-full-carousel-navigation {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 4%;
  left: 50%;
  width: 300px;
  height: 60px;
  z-index: 1;
  transform: translate3d(-50%, 0, 0);
}
@media (max-width: 767px) {
  .tt-full-carousel-navigation {
    width: 90%;
  }
}
.tt-ps-nav-prev, .tt-ps-nav-next {
  position: absolute;
  top: 0;
  z-index: 20;
}
.tt-ps-nav-prev {
  left: 0;
}
.tt-ps-nav-next {
  right: 0;
}
.tt-ps-nav-arrow {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 18px;
  color: #FFF;
  cursor: pointer;
  outline: none;
}
body:not(.tt-magic-cursor) .tt-ps-nav-arrow:hover {
  opacity: .5;
}
.tt-ps-nav-arrow-prev::after, .tt-ps-nav-arrow-next::after {
  line-height: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.tt-ps-nav-arrow-prev::after {
  content: "\f053";
}
.tt-ps-nav-arrow-next::after {
  content: "\f054";
}
.tt-ps-nav-arrow.tt-ps-nav-arrow-disabled {
  /* opacity: .5; */
  cursor: auto;
  pointer-events: none;
}
.tt-full-carousel .swiper-button-lock {
  display: none;
}
/* Full slider pagination 
=============================== */
.tt-full-carousel .swiper-pagination-lock {
  display: none;
}
/* Full slider pagination bullets */
.tt-ps-nav-pagination {
  width: 1rem;
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10
}
.tt-ps-nav-pagination-bullets .swiper-pagination-bullet {
  display: table;
  width: 1rem;
  height: 1rem;
  border: 1px dashed rgba(255, 255, 255, 0);
  margin: .2rem 0;
  opacity: 1;
  border-radius: 100%;
  position: relative;
  background-color: transparent;
}
.tt-ps-nav-pagination-bullets .swiper-pagination-bullet::before {
  width: .32rem;
  height: .32rem;
  background-color: rgba(255, 255, 255, .4);
  display: table;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
}
.tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
  border: 1px dashed rgba(255, 255, 255, 1);
}
.tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active::before {
  background-color: rgba(255, 255, 255, 1);
}
/* Full slider pagination dynamic bullets */
.tt-ps-nav-pagination-bullets-dynamic {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
  transition: .2s transform, .2s left;
}
.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.tt-ps-nav-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
/* 如果是浅色背景添加CLASS (class "full-is-light")
=========================================== */
body.full-light-on .tt-ps-nav-arrow {
  color: #111;
}
body.full-light-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet {
  border: 1px dashed rgba(56, 120, 255, 0);
}
body.full-light-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet::before {
  background-color: rgba(56, 120, 255, .4);
}
body.full-light-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active {
  border: 1px dashed rgba(56, 120, 255, 1);
}
body.full-light-on .tt-ps-nav-pagination-bullets .swiper-pagination-bullet-active::before {
  background-color: rgba(56, 120, 255, 1);
}
/* ------------------------------------------------------------- *
 * content-carousel 左右分块滚动 
/* ------------------------------------------------------------- */
.tt-content-carousel {
  position: relative;
}
.tt-content-carousel-item {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 1;
}
@media (min-width: 1200px) {
  .tt-content-carousel .swiper-slide {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 1200px) {
  .tt-content-carousel .swiper-slide .tt-cc-video {
    position: relative;
    width: 100%;
    height: 60vw;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
/* navigation */
.tt-cc-nav-prev, .tt-cc-nav-next {
  position: absolute;
  top: 50%;
  z-index: 20;
  transform: translateY(-50%);
}
.tt-cc-nav-prev {
  left: -5%;
}
.tt-cc-nav-next {
  right: -5%;
}
.tt-cc-nav-arrow {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;
  outline: none;
  color: #333;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
}
.tt-cc-nav-arrow:hover {
  background: #111;
  color: #fff
}
.tt-cc-nav-prev .tt-cc-nav-arrow::after, .tt-cc-nav-next .tt-cc-nav-arrow::after {
  position: relative;
  line-height: 0;
  font-family: "boxicons";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.tt-cc-nav-prev .tt-cc-nav-arrow::after {
  content: "\ea4d";
}
.tt-cc-nav-next .tt-cc-nav-arrow::after {
  content: "\ea50";
}
.tt-cc-nav-prev.tt-cc-nav-arrow-disabled .tt-cc-nav-arrow, .tt-cc-nav-next.tt-cc-nav-arrow-disabled .tt-cc-nav-arrow {
  opacity: .3;
  cursor: auto;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .tt-cc-nav-arrow {
    width: 2.8rem;
    height: 2.8rem;
  }
}
/*  分页  */
.tt-cc-pagination-innovation {
  height: 4rem;
  position: relative
}
.tt-cc-pagination, .tt-li-pagination, .grid-pagination {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translate3d(-50%, 0, 0);
}
/* 分页 bllets */
.tt-cc-pagination-bullets, .tt-li-pagination-bullets {
  font-size: 0;
}
.tt-cc-pagination-bullets .swiper-pagination-bullet, .tt-li-pagination-bullets .swiper-pagination-bullet, .grid-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
  display: inline-block;
  width: 15px;
  height: 4px;
  background-color: var(--primary);
  margin: 3px;
  opacity: .4;
  border-radius: 20px;
}
.tt-cc-pagination-white .tt-cc-pagination-bullets .swiper-pagination-bullet, .tt-cc-pagination-white .tt-li-pagination-bullets .swiper-pagination-bullet {
  background: #FFF;
}
.tt-cc-pagination-bullets .swiper-pagination-bullet-active, .tt-li-pagination-bullets .swiper-pagination-bullet-active, .tt-cc-pagination-white .tt-cc-pagination-bullets .swiper-pagination-bullet-active, .tt-cc-pagination-white .tt-li-pagination-bullets .swiper-pagination-bullet-active, .grid-pagination.swiper-pagination-clickable .swiper-pagination-bullet-active {
  width: 30px;
  opacity: 1;
}
/* 分页符号 */
.tt-cc-pagination-bullets-dynamic, .tt-li-pagination-bullets-dynamic {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet, .tt-li-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
  transition: .2s transform, .2s left;
}
.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .tt-li-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .tt-li-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .tt-li-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .tt-li-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.tt-cc-pagination-bullets-dynamic .swiper-pagination-bullet-active-main, .tt-li-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
/* 分页数 */
.tt-cc-pagination-height {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  letter-spacing: 2px;
}
swiper-pagination-current .tt-cc-pagination-white .tt-cc-pagination-fraction {
  color: #fff;
}
.tt-cc-pagination-fraction .swiper-pagination-current {
  position: relative;
  top: -4px;
}
.tt-cc-pagination-fraction .swiper-pagination-total {
  position: relative;
  bottom: -4px;
}
/* 分页进度条 */
.tt-cc-pagination-progressbar {
  width: 100%;
  max-width: 200px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.1);
}
.tt-cc-pagination-white.tt-cc-pagination-progressbar {
  background-color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 1024px) {
  .tt-cc-pagination-height {
    height: 45px;
  }
}
@media (max-width: 768px) {
  .tt-cc-pagination-progressbar {
    max-width: 60%;
  }
}
@media (max-width: 561px) {
  .tt-cc-pagination-height {
    height: 35px;
  }
}
.tt-cc-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  transform: scale(0);
  transform-origin: left top;
}
.tt-cc-pagination-white.tt-cc-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
/* 分页位置在外部 */
.tt-content-carousel.cc-pagination-outside {
  overflow: visible;
}
/* ------------------------------------------------------------- *
 * 元素视差
/* ------------------------------------------------------------- */
.tt-gallery {
  position: relative;
}
.tt-gallery-item {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.tt-gallery-image {
  position: relative;
}
.tt-gallery-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.anim-image-parallax-wrap {
  height: 100%;
}
.tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-wrap, .tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .anim-image-parallax-inner, .tt-grid:not(.ttgr-not-cropped) .tt-gallery-image .tt-gallery-image-hover-zoom, .tt-grid .tt-gallery-video-wrap .anim-image-parallax-wrap, .tt-grid .tt-gallery-video-wrap .anim-image-parallax-inner, .tt-grid .tt-gallery-video-wrap .tt-gallery-image-hover-zoom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.anim-zoomin-wrap, .tt-gallery-image-wrap, .tt-gallery-image, .tt-gallery-image-hover-zoom {
  height: 100%;
}
/* 视差 item hover */
@media (min-width: 768px) {
  /* 剪辑路径 */
  .tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item-inner {
    clip-path: inset(0 0 0 0);
    overflow: hidden;
    transition: clip-path 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
  }
  .tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item:hover .tt-gallery-item-inner {
    clip-path: inset(3% 3% 3% 3%);
  }
  /* 图像缩放 (".tt-gallery-image-hover-zoom") */
  .tt-gallery.ttga-hover .tt-gallery-image-hover-zoom {
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
  }
  .tt-gallery.ttga-hover .tt-gallery-item:hover .tt-gallery-image-hover-zoom {
    transform: scale(1.05);
  }
}
/* ------------------------------------------------------------- *
 * 视差背景
/* ------------------------------------------------------------- */
.tt-image {
  overflow: hidden;
}
.tt-image-bg.tt-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 1200px) {
  .tt-image, .tt-image figure {
    width: 100%;
    height: 100%;
  }
  .tt-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media (min-width: 1200px) {
  .tt-image.tti-fixed-height img {
    width: 100%;
    height: 80vh;
    object-fit: cover;
    object-position: 50% top;
  }
}
/* ------------------------------------------------------------- *
 * 图形
/* ------------------------------------------------------------- */
figure {
  position: relative;
  margin: 0;
}
figure img {
  width: 100%;
  height: auto;
}
figcaption {
  position: relative;
  max-width: 600px;
  padding: 15px;
  font-size: 14px;
  font-style: italic;
  color: #FFF;
  z-index: 9;
  opacity: .8;
}
@media (min-width: 1200px) {
  figcaption {
    position: absolute;
    right: 5%;
    bottom: 5%;
    background-color: rgba(0, 0, 0, 0.7);
  }
}
figcaption a {
  border-bottom: 1px dotted;
}
figcaption a:hover {
  opacity: .9;
}
/* -------------------------------------------------------------------- *
 * 背景视频
 * 父元素上的位置需要 "relative" or "absolute" 
/* -------------------------------------------------------------------- */
.tt-bg-video-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
video.tt-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ------------------------------------------------------------- *
 *tabs切换
/* ------------------------------------------------------------- */
.tt-tabs {
  position: relative;
}
/* tt-Tabs tag */
.tt-tabs-buttons {
  border-radius: 3px;
  overflow: hidden;
}
.tt-tabs-buttons ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tt-tab-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  background-color: #f5f5f5;
  padding: 10px 40px;
  text-align: center;
  font-size: 1.2rem;
  color: #111;
  cursor: pointer;
  border: none;
  outline: none;
  transition: .2s ease-in-out;
}
.tt-tab-btn:hover {
  background-color: #ff5e69;
  color: #FFF;
}
.tt-tab-btn.active {
  background-color: var(--primary);
  color: #FFF;
}
.tt-tab-content {
  display: none;
  padding-top: 50px;
}
.tt-tab-content.active {
  display: block;
}
@media (max-width: 1200px) {
  .tt-tab-btn {
    height: 55px;
    font-size: 1.1rem
  }
  .tt-tab-content {
    padding-top: 30px;
  }
}
@media (max-width: 561px) {
  .tt-tab-btn {
    font-size: 1rem
  }
  .tt-tab-content {
    padding-top: 20px;
  }
}
/* tt-Tabs 居中*/
.tt-tabs.tt-tabs-center .tt-tabs-buttons {
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .tt-tabs.tt-tabs-justified .tt-tabs-buttons ul {
    flex-wrap: nowrap;
  }
  .tt-tabs.tt-tabs-justified .tt-tabs-buttons > ul > li {
    width: 100%;
    margin: 0 2px 0 0;
  }
  .tt-tabs.tt-tabs-justified .tt-tab-btn {
    padding: 10px 0;
  }
}
/* ------------------------------------------------------------- *
 *翻页
/* ------------------------------------------------------------- */
.tt-pagination {
  display: flex;
  padding: 2rem 0 0;
}
.pagination-wrap {
  padding: 0;
  margin: 0;
}
.pagination-wrap li {
  display: inline-block;
  margin: 0 6px;
}
.pagination-wrap li a, .pagination-wrap li span {
  background-color: #fff;
  display: inline-block;
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  color: #101010;
  padding: 0;
  margin: 0;
  font-weight: 400;
  border-radius: 5px;
  transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
  transform-style: preserve-3d;
  box-shadow: 0 0px 20px 5px #e4e4ee;
}
.pagination-wrap .page-item.disabled .page-link {
  min-width: 1.5rem;
  background-color: transparent;
  border: 0px;
  box-shadow: 0 0 0 0 #fff;
}
.pagination-wrap li i {
  font-size: 1.5rem;
  position: relative;
  top: .4rem;
}
.pagination-wrap li a:hover {
  opacity: 1;
  text-decoration: none;
  background: var(--primary);
  color: var(--white);
}
.pagination-wrap li a.active, .pagination-wrap li.active span, .pagination-wrap li span.active {
  background-color: var(--primary);
  color: var(--white);
}
.pagination-wrap li.disabled span {
  color: #999;
}
/* center */
.tt-pagination.tt-pagin-center {
  justify-content: center;
  text-align: center;
}
/* left */
.tt-pagination.tt-pagin-left {
  justify-content: left;
  text-align: center;
}
@media (max-width: 1200px) {
  .tt-pagination {
    padding: 1rem 0 0;
  }
}
@media (max-width: 561px) {
  .tt-pagination {
    padding: 1rem 0 .5rem 0;
  }
  .pagination-wrap li {
    display: none;
  }
  .pagination-wrap li:first-child, .pagination-wrap li:last-child {
    display: inline-block;
  }
  .pagination-wrap li a, .pagination-wrap li span {
    min-width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
/* ------------------------------------------------------------- *
 * 图片画廊
/* ------------------------------------------------------------- */
.tt-lightgallery-image {
  display: flex;
  flex-direction: row;
  gap: 0;
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  position: relative;
  overflow: hidden
}
.tt-bpi-link {
  width: 100%;
  position: relative;
  display: inline-block;
}
.tt-lightgallery-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transition: all 0.5s;
}
@media (min-width: 1200px) {
  .tt-lightgallery-image .tt-bpi-link::after, .tt-lightgallery-image .tt-bpi-link::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    display: inline-block;
    content: '';
    transition: all 0.5s;
    z-index: 1;
    left: 0;
  }
  .tt-lightgallery-image .tt-bpi-link::before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: 'boxicons';
    font-size: 2rem;
    content: '\ebf8';
    color: #fff;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: transparent
  }
  .tt-lightgallery-image:hover .tt-bpi-link::after {
    opacity: 1;
  }
  .tt-lightgallery-image:hover .tt-bpi-link::before {
    opacity: 1;
    top: 50%;
  }
  .tt-lightgallery-image:hover img {
    transform: scale(1.05);
  }
}
/*播放按钮*/
.video-one__video-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  text-align: center;
  font-size: 3rem;
  color: var(--primary);
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.5s ease;
}
.ph-about-videoimage .video-one__video-icon {
  position: absolute;
  bottom: 15%;
  left: -2.5rem;
}
.hire-video .video-one__video-icon {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 2rem;
}
.video-one__video-icon i {
  margin-top: 1rem;
}
.hire-video .video-one__video-icon i {
  margin-top: .8rem;
}
.video-one__video-icon:hover {
  background-color: var(--primary);
  color: #fff;
}
.ph-about-videoimage .video-one__video-icon:hover {
  background-color: var(--black);
  color: #fff;
}
.video-one__video-link .ripple, .video-one__video-icon .ripple:before, .video-one__video-icon .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  transform: translate(-50%, -50%);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  border-radius: 50%;
}
.hire-video .video-one__video-link .ripple, .hire-video .video-one__video-icon .ripple:before, .hire-video .video-one__video-icon .ripple:after {
  width: 3.5rem;
  height: 3.5rem;
}
.video-one__video-icon .ripple:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}
.video-one__video-icon .ripple:after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(255, 255, 70, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(220, 55, 70, 0);
  }
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(220, 55, 70, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}
@media (max-width: 1200px) {
  .video-one__video-icon {
    font-size: 2rem;
  }
  .ph-about-videoimage .video-one__video-icon {
    bottom: 10%;
    left: -2rem;
  }
  .video-one__video-icon, .video-one__video-link .ripple, .video-one__video-icon .ripple:before, .video-one__video-icon .ripple:after {
    width: 60px;
    height: 60px;
  }
  .video-one__video-icon i {
    margin-top: .8rem;
  }
}
@media (max-width: 561px) {
  .video-one__video-icon {
    font-size: 1.5rem;
  }
  .ph-about-videoimage .video-one__video-icon {
    left: -1.5rem;
  }
  .video-one__video-icon, .video-one__video-link .ripple, .video-one__video-icon .ripple:before, .video-one__video-icon .ripple:after {
    width: 40px;
    height: 40px;
  }
}
/*视频大小*/
.video-js {
  width: 100%;
  height: 28rem;
}
/*视频弹窗*/
@media (min-width: 1200px) {
  .modal-video .modal-dialog {
    width: 50vw
  }
}
.modal-video .modal-content {
  border-radius: 0;
  box-shadow: 0 0 8px rgb(0 0 0 / 60%);
}
.modal-video .modal-header {
  width: 100%;
  border-bottom: 0;
  position: absolute;
  top: -3.2rem;
  padding: 1rem;
}
.modal-video .close {
  color: #fff;
  padding: 3px;
  margin: 0 -1rem 0 auto;
  opacity: 1;
}
.modal-video .modal-body {
  padding: 0;
}
@media (max-width: 991px) {
  .video-js {
    height: 380px;
  }
}
@media (max-width: 561px) {
  .video-js {
    height: 240px;
  }
  .modal-video .modal-header {
    top: -42px;
  }
}
/* ------------------------------------------------------------- *
 * 留言 tt-message
/* ------------------------------------------------------------- */
#tt-message {
  width: 100%;
  background: #eff4fd url("../img/img-m-bg-1.png") left top no-repeat;
  background-size: 45%;
  padding: 3.5rem 0;
}
#tt-message .title-en {
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0 1rem;
  font-size: .913rem;
  background: rgba(255, 255, 255, .6);
}
#tt-message .title-en::before {
  width: .45rem;
  height: .45rem;
  background: var(--primary);
  content: '';
  display: inline-block;
  border-radius: 50%;
  top: -1px;
  position: relative
}
#tt-message .messageForm {
  margin-top: 2rem;
}
#tt-message textarea.form-control {
  height: 7rem
}
@media (max-width: 1200px) {
  #tt-message {
    padding: 2.2rem 0;
  }
  #tt-message .messageForm {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  #tt-message {
    padding: 2rem 0 1.5rem;
  }
  #tt-message h3 {
    font-size: 1.2rem
  }
  #tt-message .title-en {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .6rem;
    font-size: .75rem;
  }
}
/* ------------------------------------------------------------- *
 * 联系方式 tt-contact
/* ------------------------------------------------------------- */
#tt-contact {
  background: #090e18;
  padding: 2.2rem 0;
  color: #848ea7;
}
#tt-contact .contact-box .icon {
  display: flex;
  width: 5.5rem;
  height: 5.5rem;
}
#tt-contact .contact-box .icon img {
  width: 2rem
}
#tt-contact .contact-box .caption {
  width: calc(100% - 5.5rem);
}
#tt-contact .contact-box h5 {
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 400
}
#tt-contact .contact-box .icon-transform {
  display: inline-block;
  animation: jumpBounce 2s ease-in-out infinite;
}
@keyframes jumpBounce {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-5px);
  }
  20% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
  40% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(0) rotate(5deg);
  }
  65% {
    transform: translateY(0) rotate(-5deg);
  }
  70% {
    transform: translateY(0) rotate(5deg);
  }
  75% {
    transform: translateY(0) rotate(-5deg);
  }
  80% {
    transform: translateY(0) rotate(5deg);
  }
  85% {
    transform: translateY(0) rotate(-5deg);
  }
  90% {
    transform: translateY(0) rotate(5deg);
  }
  95% {
    transform: translateY(0) rotate(-5deg);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@media (max-width: 1200px) {
  #tt-contact .contact-box .icon {
    display: flex;
    width: 4rem;
    height: 4rem;
  }
  #tt-contact .contact-box .caption {
    width: calc(100% - 4rem);
  }
  #tt-contact .contact-box .icon img {
    width: 1.2rem
  }
  #tt-contact .contact-box h6 {
    font-size: .875rem;
    margin-bottom: .2rem
  }
  #tt-contact .contact-box h3 {
    font-size: 1.4rem;
  }
  #tt-contact .contact-box h5 {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  #tt-contact .contact-box .icon {
    width: 3.5rem;
    height: 3.5rem;
  }
  #tt-contact .contact-box .caption {
    width: calc(100% - 3.5rem);
  }
}
@media (max-width: 561px) {
  #tt-contact {
    padding: 1.5rem 0;
  }
  #tt-contact .contact-box .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  #tt-contact .contact-box .icon img {
    width: 1rem
  }
  #tt-contact .contact-box .caption {
    width: calc(100% - 2.5rem);
  }
  #tt-contact .contact-box h3 {
    font-size: 1.1rem;
  }
  #tt-contact .contact-box h6 {
    font-size: .75rem;
  }
}
/* ------------------------------------------------------------- *
 * 底部 tt-footer
/* ------------------------------------------------------------- */
#tt-footer {
  color: rgba(175, 190, 210, .7);
  background: #0f1929 url("../img/img-bottom-bg-1.png") center no-repeat;
  background-size: cover;
  position: relative;
}
#tt-footer::before, #tt-footer::after {
  height: 100%;
  display: inline-block;
  content: '';
  position: absolute;
  bottom: 0;
}
#tt-footer::before {
  left: 0;
  width: 30%;
  background: url("../img/img-bottom-bg-2.png") left bottom no-repeat;
  background-size: contain;
}
#tt-footer .tt-footer-ul a, #tt-footer .copyright a {
  color: rgba(175, 190, 210, .7);
}
#tt-footer h5 {
  position: relative
}
#tt-footer h5::before {
  width: 2.5rem;
  height: .4rem;
  display: inline-block;
  content: '';
  background: var(--primary);
  opacity: .6;
  position: absolute;
  bottom: 2px;
  z-index: -1;
  border-radius: 1rem;
}
#tt-footer .tt-footer-ul, #tt-footer .tt-footer-code, #tt-footer .tt-footer-info {
  padding-top: 1rem;
  line-height: 1.8
}
#tt-footer .tt-footer-ul ul li a {
  transition: .5s;
  position: relative;
  display: inline-block;
  line-height: 2.2;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
#tt-footer .tt-footer-ul ul li a:hover {
  color: rgba(175, 190, 210, 1);
  background-size: 100% 1px;
}
#tt-footer .tt-footer-code p {
  margin-bottom: 0 !important;
}
#tt-footer .tt-footer-code img {
  width: 7rem;
  height: 7rem;
}
.tt-footer-link {
  padding: 2rem 2rem;
  background: rgba(0, 0, 0, .3);
  border-radius: 15px;
}
#tt-footer .copyright {
  line-height: 6rem;
}
@media (min-width: 1200px) {
  #tt-footer .tt-footer-info {
    padding-right: 8%;
  }
}
@media (max-width: 1200px) {
  #tt-footer::before {
    width: 50%;
  }
  #tt-footer .tt-footer-code img {
    width: 6rem;
    height: 6rem;
  }
  .tt-footer-link {
    padding: 0;
    background: rgba(0, 0, 0, 0);
  }
}
@media (max-width: 561px) {
  #tt-footer .tt-footer-info {
    padding: 1rem 2%
  }
  #tt-footer .tt-footer-code img {
    width: 5rem;
    height: 5rem;
  }
  .tt-footer-link {
    display: none
  }
  #tt-footer .copyright {
    line-height: 1.5;
    padding: 1rem 0;
    border-top: 1px solid rgba(255, 255, 255, .1)
  }
}
/* ------------------------------------------------------------- *
 * 背景 tt-bg
/* ------------------------------------------------------------- */
.tt-bg {
  background-position: center;
  background-repeat: no-repeat
}
.tt-bg-about {
  background-image: url("../img/img-Iabout-bg.png");
  background-position: left bottom;
  background-size: 60%
}
.tt-bg-aboutus {
  background-image: url("../img/img-about-bg-5.png");
  background-position: right bottom;
  background-size: 25%
}
.tt-bg-organizational {
  background-image: url("../img/img-about-bg-7.png");
  background-position: top center;
  background-size: contain
}
.tt-bg-philosophy {
  background-image: url("../img/img-recruit-bg-2.png");
  background-position: left bottom;
  background-size: 20%
}
.tt-bg-awards {
  background-image: url("../img/img-innovation-2.jpg");
  background-size: cover
}
.tt-bg-honors {
  background-image: url("../img/img-innovation-3.png");
  background-position: center bottom;
  background-size: 55%
}
.tt-bg-partyNews {
  background-image: url("../img/img-dang-bg-3.png");
  background-position: right top;
  background-size: 50%
}
.tt-bg-elegance {
  background-color: #fcece3;
  background-image: url("../img/img-dang-bg-4.png");
  background-position: center bottom;
  background-size: 100%
}
.tt-bg-serviceStation {
  background-image: url("../img/img-dang-bg-7.png");
  background-position: left top;
  background-size: 35%
}
.slideabout-bg {
  background-image: url("../img/img-Iabout-bg.png");
  background-position: left 95%;
  background-size: 55%
}
.slideNews-bg {
  background-image: url("../img/img-n-bg-2.png");
  background-position: center bottom;
  background-size: 100%;
}
.slideNews-bg::after {
  display: inline-block;
  content: '';
  width: 100%;
  height: 100%;
  background: url("../img/img-n-bg-1.png") center top no-repeat;
  background-size: 25%;
}
@media (max-width: 991px) {
  .tt-bg-aboutus {
    background-size: 35%
  }
  .slideNews-bg {
    background-size: 200%;
  }
  .slideabout-bg {
    background-size: 90%
  }
}
@media (max-width: 561px) {
  .tt-bg-aboutus, .tt-bg-philosophy {
    background-size: 55%
  }
  .tt-bg-serviceStation {
    background-size: 75%
  }
}
/* ------------------------------------------------------------- *
 * 首页 index
/* ------------------------------------------------------------- */
/*banner*/
.bannertitle {
  position: absolute;
  right: 0;
  top: 10vh;
  color: #fff;
  padding-right: 2rem;
  text-align: right;
}
.bannertitle h1, .businesstitle h1 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  text-shadow: 1px 3px 5px rgba(0, 0, 0, .5)
}
.bannertitle::after {
  display: inline-block;
  content: '';
  width: .8rem;
  height: 250%;
  background: url("../img/img-banner-1.png") center top no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: .8rem
}
@media (max-width: 1200px) {
  .bannertitle {
    right: 3%
  }
}
@media (max-width: 1024px) {
  .slideBanner img.tt-psi-image {
    object-position: 40% 50%;
  }
  .bannertitle h1, .businesstitle h1 {
    font-size: 2.3rem;
  }
}
@media (max-width: 991px) {
  .bannertitle {
    top: inherit;
    bottom: 15vh;
  }
  .bannertitle::after {
    width: .8rem;
  }
  .tt-full-prompt {
    width: 9rem;
    height: 3rem;
  }
  .tt-full-prompt img {
    height: 1.3rem;
  }
}
@media (max-width: 561px) {
  .bannertitle::after {
    width: .6rem;
  }
  .bannertitle h1, .businesstitle h1 {
    font-size: 2rem;
    line-height: 1.3
  }
}
/*公司简介*/
.slide-tag {
  text-transform: capitalize;
  position: absolute;
  left: -2rem;
  letter-spacing: 2px;
  top: .2rem;
  color: #455675;
  writing-mode: vertical-rl;
  height: 10rem;
  z-index: 1
}
.slide-tag::before {
  width: 2px;
  height: 15rem;
  display: inline-block;
  content: '';
  position: absolute;
  top: -16rem;
  left: .8rem;
  background: #a2aaba;
}
.slideAbout-box {
  margin-bottom: 12vh
}
.slideAbout-img {
  height: calc(100vh - 14rem);
  width: 100%;
  position: relative
}
.slideAbout-img .img-01 {
  width: 32rem;
  height: 100%;
  border-radius: 0 0 8rem 0;
  overflow: hidden;
}
.slideAbout-img .img-02 {
  width: 20rem;
  height: 12rem;
  border-radius: 2rem 0;
  overflow: hidden;
  position: absolute;
  bottom: 8%;
  right: 25rem;
  border: .4rem solid #fff;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
}
.slideAbout-img .playvideo {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
  z-index: 10;
  color: #fff;
  text-align: center;
}
.slideAbout-img .playvideo img {
  width: 2.5rem;
  margin: auto auto .5rem;
  animation: 2s linear 0s infinite normal none running bounceSlide;
}
@keyframes bounceSlide {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0)
  }
  40% {
    transform: translateY(-15px)
  }
  60% {
    transform: translateY(-8px)
  }
}
@media (max-width: 1200px) {
  .slideAbout-img .img-01 {
    width: 85%;
    height: 90%;
    margin-bottom: 5%
  }
  .slideAbout-img .img-02 {
    bottom: 0;
    right: 12rem;
  }
}
@media (max-width: 991px) {
  .slideAbout .full-screen {
    display: flex;
    align-items: flex-start
  }
  .slideAbout .row.align-items-center {
    height: auto !important
  }
  .slideAbout-box {
    margin-bottom: 0;
  }
  .slideAbout-img {
    height: 40vh;
    width: 100%;
    position: relative;
    z-index: 10;
    margin-top: 4rem
  }
  .slideAbout-img .img-01 {
    width: 90%;
    height: 100%;
    border-radius: 5rem 0;
  }
  .slideAbout-img .img-02 {
    right: 0;
    bottom: -10%
  }
  .slideAbout-box {
    padding-left: 2.5rem;
    margin-top: 3rem
  }
  .slide-tag {
    left: .8rem
  }
  .slide-tag::before {
    width: 1px;
    left: .6rem
  }
  .slideabout-title {
    font-size: 2rem;
  }
}
@media (max-width: 561px) {
  .slideAbout-img {
    height: 18vh;
    margin-top: 2rem
  }
  .slideAbout-img .img-01 {
    border-radius: 2rem 0;
    margin-bottom: 0
  }
  .slideAbout-img .img-02 {
    border-radius: 1.5rem 0;
    width: 8rem;
    height: 5rem;
    border: .2rem solid #fff;
  }
  .slideAbout-img .playvideo {
    right: 50%;
    margin-right: -1rem;
    bottom: .8rem
  }
  .slideAbout-img .playvideo > div {
    display: none
  }
  .slideAbout-img .playvideo img {
    width: 2rem
  }
  .slide-tag {
    font-size: .875rem
  }
  .slide-tag::before {
    height: 5rem;
    top: -5.5rem;
  }
  .slideAbout-box {
    padding-right: 2rem;
    margin-top: 1.5rem
  }
  .slideabout-title {
    font-size: 1.6rem;
  }
}
/*VR*/
.slideVr-box {
  width: 75vh;
  height: 75vh;
  border: .15rem solid #fff;
  border-radius: 50%;
  padding-left: 10%;
  padding-right: 10%;
  position: relative;
  display: flex;
  animation: 2s linear 0s infinite normal none running jump;
}
.slideVr-box::after, .slideVr-box::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  border: .1rem solid rgba(255, 255, 255, .6);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.slideVr-box::before {
  width: 88%;
  height: 88%;
  border: 1px solid rgba(255, 255, 255, .3);
}
@keyframes jump {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
  }
}
.slideVr-box h6 {
  color: rgba(255, 255, 255, .8);
  line-height: 1.6;
}
.slideVr-box .vr-logo img {
  height: 3rem;
  margin-bottom: .5rem
}
.slideVr-box .btn img {
  height: 1.4rem
}
.slideVr-box .btn:hover {
  background: #fff;
  color: #111
}
.slideVr-box .btn::after, .slideVr-box .btn::before {
  display: none
}
@media (max-width: 1200px) {
  .slideVr-box {
    width: 65vh;
    height: 65vh;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 991px) {
  .slideVr-box {
    width: 65vw;
    height: 65vw;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 561px) {
  .slideVr-box {
    width: 85vw;
    height: 85vw;
  }
  .slideVr-box h3 {
    font-size: 1.5rem
  }
  .slideVr-box h6 {
    line-height: 1.6;
    font-size: .913rem
  }
  .slideVr-box .vr-logo img {
    height: 2.5rem;
  }
  .slideVr-box .btn img {
    height: 1.1rem
  }
}
/*联系方式*/
.slideContact-message {
  border-radius: 20px;
  background: rgba(255, 255, 255, .9);
  padding: 3.5rem 3rem;
  margin-left: 10vw
}
.slideContact-message h2 {
  line-height: 1.6;
  margin-bottom: 2rem
}
.slideContact-message textarea.form-control {
  height: 10rem
}
.slideContact-Ul {
  width: 50%;
  margin-bottom: 2.5rem
}
.slideContact-Ul li {
  font-size: 1.05rem
}
.slideContact-Ul li:first-child {
  margin-bottom: .5rem
}
.slideContact-Ul li img {
  width: 1.8rem;
}
.slideContact-code {
  background: #fff;
  width: 8.5rem;
  height: 7rem;
  color: #111;
  margin-right: 1.5rem
}
.slideContact-code > div {
  width: 1.3rem;
  height: 7rem;
  writing-mode: vertical-rl;
  text-align: center;
  letter-spacing: 5
}
.slideContact-copyright {
  width: 100%;
  position: absolute;
  bottom: 0;
  color: rgba(255, 255, 255, .7);
  line-height: 4.5rem;
}
.slideContact-copyright a {
  color: rgba(255, 255, 255, .7);
}
@media (max-width: 1200px) {
  .slideContact-message {
    margin-left: 10%
  }
  .slideContact-message textarea.form-control {
    height: 8rem
  }
  .slideContact-Ul {
    width: 80%;
    margin-bottom: 2rem
  }
  .slideContact-copyright {
    line-height: 2.5rem;
  }
}
@media (max-width: 991px) {
  .slideContact-box {
    display: flex;
    margin-top: 15%
  }
  .slideContact .row.align-items-center {
    height: 85% !important
  }
  .slideContact-Ul {
    width: 33.33%;
    text-align: center
  }
  .slideContact-Ul h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: .3rem
  }
  .slideContact-Ul .small {
    font-size: .75rem !important
  }
  .slideContact-message {
    padding: 2.5rem;
    margin-left: 0;
    margin-right: 1rem;
    margin-bottom: 10%;
  }
}
@media (max-width: 561px) {
  .slideContact-box {
    display: inline-block;
    margin-top: 10%;
  }
  .slideContact .row.align-items-center {
    height: 100% !important
  }
  .slideContact-Ul {
    width: 80%;
    margin: 2.5rem auto
  }
  .slideContact-Ul .icon {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    line-height: 45px;
  }
  .slideContact-message {
    display: none
  }
  .slideContact-copyright {
    line-height: 20px;
    text-align: center
  }
  .slideContact-copyright span {
    display: none
  }
}
/*新闻*/
.eventsList {
  height: 52vh;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  overflow: hidden;
}
.eventsList a {
  font-weight: bold;
  font-size: 1.15rem;
  color: #fff;
  text-align: justify
}
.eventsList .more {
  color: rgba(255, 255, 255, .8);
}
.eventsList .more a {
  color: rgba(255, 255, 255, .8);
  font-size: 1rem;
  font-weight: inherit;
}
.eventsList .more i {
  font-size: 1.1rem;
  position: relative;
  top: 2px;
}
.eventsList01 {
  width: 100%;
  height: 100%;
  position: relative
}
.eventsList .titlebox {
  position: absolute;
  padding: 2rem 1.5rem;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10
}
.eventsList02 {
  width: 100%;
  height: 50%;
  position: relative
}
.eventsList02 .titlebox {
  height: 100%;
}
.eventsList02:first-child a, .eventsList02:first-child .more {
  color: #111
}
.eventsList .eventsList02:last-child {
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  position: relative
}
.eventsList .eventsList02 .title, .eventsList .eventsList02 .more {
  position: relative;
  z-index: 10
}
.eventsList01 .titlebox .title {
  margin-bottom: 1rem
}
.eventsList03 {
  background: #365bca;
  padding: 1rem 2rem;
}
.eventsList03 ul li {
  width: 100%;
  height: calc(33.33% - 1.2rem);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  padding-bottom: 1.2rem;
  margin-top: 1.2rem;
}
.eventsList03 ul li:last-child {
  border-bottom: 0;
}
@media (max-width: 991px) {
  .eventsList {
    height: 33vh
  }
  .eventsList03 {
    margin-top: 2rem;
  }
  .eventsList .titlebox {
    padding: 1.2rem 1.5rem;
  }
}
@media (max-width: 561px) {
  .slideNews .tt-full-caption-front {
    padding-right: 1rem
  }
  .eventsList {
    height: 35vh
  }
  .eventsList01 {
    height: 22vh;
    margin-bottom: 1.5rem
  }
  .eventsList a {
    line-height: 1.4
  }
}
/*主营业务*/
.slideBusiness .tt-content-carousel {
  height: 100%;
  background: #ddd;
}
.slideBusiness .tt-cc-nav-prev, .slideBusiness .tt-cc-nav-next, .slideBusiness .tt-cc-pagination {
  transform: translateY(0);
  position: static;
}
.slideBusiness-pagination {
  position: absolute;
  bottom: 8%;
  width: 95%;
  color: #fff;
  left: 2.5%;
}
.slideBusiness-pagination .tt-cc-nav-arrow {
  background-color: transparent;
  border-radius: 0;
  box-shadow: 0 0 0;
  font-size: 2rem;
  color: #fff
}
.slideBusiness-box {
  position: relative;
  height: 100vh;
}
.slideBusiness .slide-tag {
  color: #fff;
  height: 20rem;
  top: 9.5rem;
  left: 1rem;
  z-index: 15
}
.slideBusiness .slide-tag::before {
  display: none
}
.slideBusiness-title {
  width: 40%;
  max-width: 800px;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  transform: translateY(-50%);
  z-index: 10;
  line-height: 1.6
}
.businesstitle h1 {
  width: 55%;
}
@media (min-width: 2200px) {
  .businesstitle h1 {
    width: 100%;
  }
  .slideBusiness-title {
    width: 48%;
    max-width: 900px;
  }
}
.gallery-thumbs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .7);
  width: 100%;
  z-index: 20;
  height: 10rem;
}
.gallery-thumbs .swiper-slide, .gallery-thumbs.swiper-container {
  overflow: visible
}
.gallery-thumbs .swiper-slide::after {
  content: '';
  display: inline-block;
  height: 100vh;
  width: 1px;
  background: rgba(255, 255, 255, .05);
  position: absolute;
  right: 0;
  top: calc(-100vh + 10rem);
  z-index: -1
}
.gallery-thumbs.swiper-container .swiper-slide::after:last-child {
  display: none
}
.gallery-thumbs .gallery-thumbs-nav {
  color: #fff;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  text-align: center;
  padding: 0 15%;
  position: relative
}
.gallery-thumbs-nav *, .gallery-thumbs-nav::before, .gallery-thumbs-nav::after {
  animation: .5s all
}
.gallery-thumbs .thumbs-caption {
  font-size: 1.1rem;
  line-height: 1.4;
  margin-bottom: 0;
}
.gallery-thumbs .thumbs-icon {
  width: 100%;
  margin-bottom: 1rem;
}
.gallery-thumbs .thumbs-icon img {
  height: 3rem;
}
.gallery-thumbs .number {
  position: absolute;
  right: 1.2rem;
  top: 0rem;
  font-style: italic;
  opacity: 0;
}
.gallery-thumbs-nav::before, .gallery-thumbs-nav::after {
  display: inline-block;
  content: '';
  position: absolute;
}
.gallery-thumbs-nav::after {
  width: 100%;
  height: 120%;
  background: var(--primary);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0
}
.gallery-thumbs-nav::before {
  width: .8rem;
  height: 100%;
  background: url("../img/SVG/svg-business-1.svg") top center no-repeat;
  background-size: contain;
  left: 1.2rem;
  top: -.8rem;
  opacity: 0
}
.gallery-thumbs .swiper-slide-thumb-active .gallery-thumbs-nav::after {
  opacity: 1
}
.gallery-thumbs .swiper-slide-thumb-active .gallery-thumbs-nav::before {
  opacity: .2
}
.gallery-thumbs .swiper-slide-thumb-active .number {
  opacity: 1;
  top: -.8rem;
}
.gallery-thumbs .swiper-slide-thumb-active .gallery-thumbs-nav > div {
  margin-bottom: 10%
}
@media (max-width: 1200px) {
  .businesstitle h1 {
    width: 100%;
  }
  .slideBusiness .slide-tag {
    left: 4%
  }
}
@media (max-width: 1024px) {
  .slideBusiness img.tt-psi-image {
    object-position: 22% 50%;
  }
  .slideBusiness .slide-tag {
    left: 4%;
    top: 120px;
  }
  .gallery-thumbs {
    display: none
  }
}
@media (max-width: 991px) {
  .slideBusiness-title {
    width: 100%;
    padding: 0 5%;
    left: 0;
    top: inherit;
    bottom: 15%;
    transform: translateY(0);
  }
  .businesstitle h1 {
    width: 60%;
  }
}
@media (max-width: 561px) {
  .slideBusiness .slide-tag {
    left: 5%;
    top: 80px;
  }
  .slideBusiness img.tt-psi-image {
    object-position: 28% 50%;
  }
  .slideBusiness-title {
    bottom: 12%;
  }
  .businesstitle h1 {
    width: 80%;
  }
  .slideBusiness-pagination {
    bottom: 1rem;
  }
}
/*资质*/
.slideQualification {
  background: #eff4fd
}
.slideQualification-bg::after {
  display: inline-block;
  content: '';
  background: url("../img/img-zz-bg-2.png") center no-repeat;
  background-size: contain;
  width: 10rem;
  height: 10rem;
  left: -4rem;
  top: 25%;
  position: absolute;
}
.slideQualification-left {
  margin-bottom: 3.5rem;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0 16% !important;
}
.slideQualification-left::before {
  background-image: url("../img/img-zz-l.png");
  background-position: left center;
  left: 0;
}
.slideQualification-left::after {
  background-image: url("../img/img-zz-r.png");
  background-position: right center;
  right: 0
}
.slideQualification-right {
  width: 78rem;
  height: 50rem;
  background: url("../img/img-zz-bg.png") bottom left no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: 0;
}
.slideQualification-right .certificate-box {
  position: relative;
  width: 61rem;
  height: 33.5rem;
}
.certificate-box .certificate01, .certificate-box .certificate02, .certificate-box .certificate03 {
  position: absolute;
  width: 19rem;
  height: 14.8rem;
  bottom: 6.5rem;
  background: url("../img/img-zz-k1.png") bottom right no-repeat;
  background-size: cover;
  padding: 1.3rem 1.8rem 1.8rem 1.3rem;
}
.certificate-box .certificate03, .certificate-box .certificate02 {
  width: 14.8rem;
  height: 19rem;
  background: url("../img/img-zz-k2.png") bottom right no-repeat;
  background-size: cover;
  top: 0;
  left: 20.5rem;
  padding: 1.3rem 1.6rem 1.6rem 1.3rem;
}
.certificate-box .certificate03 {
  left: 37rem;
  top: 5rem;
}
.certificate-box img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1600px) {
  .slideQualification-right {
    width: 65rem;
    height: 40rem;
  }
  .slideQualification-right .certificate-box {
    width: 51rem;
    height: 28rem;
  }
  .certificate-box .certificate01 {
    bottom: 5rem;
    width: 17rem;
    height: 13.3rem;
    padding: 1.1rem 1.5rem 1.5rem 1.1rem;
  }
  .certificate-box .certificate03, .certificate-box .certificate02 {
    width: 12.8rem;
    height: 16rem;
    top: 0;
    left: 17.5rem;
    padding: .7rem 1.4rem 1.4rem 1.2rem;
  }
  .certificate-box .certificate03 {
    left: 31rem;
    top: 4rem;
  }
}
@media (max-width: 1200px) {
  .slideQualification-right {
    right: -4rem
  }
}
@media (max-width: 1024px) {
  .slideQualification-right {
    right: -8rem;
    bottom: -2rem;
    transform: scale(.8)
  }
  .slideQualification-left {
    width: 50% !important;
    padding: 0 10% !important;
    margin: 1.5rem auto 3.5rem !important;
  }
}
@media (max-width: 561px) {
  .slideQualification-left {
    width: 80% !important;
    margin: 1.5rem auto 2.5rem !important;
  }
  .slideQualification-right {
    right: -45vw;
    bottom: -15vh;
    transform: scale(.6)
  }
}
@media (max-width: 390px) {
  .slideQualification-right {
    right: -55vw;
  }
}
@media (max-width: 375px) {
  .slideQualification-right {
    bottom: -20vh;
  }
  .tt-heading .d-flex.justify-content-center.mt-4 {
    display: none !important
  }
}
/*------------------------------------------------------------- *
 * 关于我们 aboutus
/* ------------------------------------------------------------- */
/*公司介绍 */
.aboutusbg {
  width: 14rem;
  position: absolute;
  right: 0;
  top: -3.5rem;
  z-index: 10
}
.aboutusbg img {
  width: 100%
}
.about-img .img-01 {
  width: 90%;
  height: 100%;
  background: #f6f7f9;
  border-radius: 15px;
  overflow: hidden;
  position: relative
}
.about-img .img-02 {
  width: 55%;
  height: 12rem;
  border-radius: 15px;
  background: #f6f7f9;
  overflow: hidden;
  position: absolute;
  top: 12%;
  right: 0;
  box-shadow: .8rem 1rem 2.5rem rgba(0, 0, 0, .4);
}
.about-img .img-03 {
  width: 70%;
  min-height: 42rem;
  background: #f6f7f9;
  border-radius: 60rem;
  overflow: hidden;
  position: relative
}
.about-img .img-04 {
  width: 35%;
  height: 22rem;
  border-radius: 10rem;
  background: #f6f7f9;
  overflow: hidden;
  position: absolute;
  bottom: 8%;
  right: 12%;
  border: .6rem solid #fff
}
.about-img .img-05 {
  width: 28rem;
  height: 28rem;
  transform: rotate(10deg);
  border-radius: 20px;
  overflow: hidden;
}
.about-img .img-06 {
  width: 20rem;
  height: 20rem;
  transform: rotate(10deg);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  left: 13rem;
  top: -8rem;
  margin-bottom: -6rem
}
.about-img .img-07 {
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.about-img .bg-img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.about-img .img-experience {
  width: 16rem;
  height: 14rem;
  background: #eff4fd;
  position: absolute;
  left: -6rem;
  top: 28rem;
  transform: rotate(10deg);
  border-radius: 20px;
}
.aboutus-svg {
  position: absolute;
  right: .5rem;
  top: 0;
  width: 6rem;
}
@media (min-width: 1400px) {
  .about-img .img-05 {
    width: 34rem;
    height: 34rem;
  }
  .about-img .img-06 {
    width: 26rem;
    height: 26rem;
    left: 12rem;
    top: -14rem;
    margin-bottom: -12rem
  }
  .about-img .img-experience {
    left: -8rem;
    top: 34rem;
  }
}
@media (min-width: 1600px) {
  .about-img .img-01 {
    min-height: 650px
  }
}
@media (max-width: 1200px) {
  .aboutusbg {
    width: 12rem;
    top: -2.5rem;
  }
  .about-img .img-02 {
    height: 10rem;
  }
  .about-img .img-03 {
    width: 85%;
  }
  .about-img .img-04 {
    width: 45%;
    right: 0;
  }
  .aboutus .tt-font, .aboutus .tt-heading {
    padding-left: 3rem
  }
  .aboutus-svg {
    width: 5rem;
  }
  .about-img .img-05 {
    width: 26rem;
    height: 26rem;
  }
  .about-img .img-06 {
    width: 20rem;
    height: 20rem;
    left: 9rem;
    top: -10rem;
  }
  .about-img .img-experience {
    width: 13rem;
    height: 10rem;
    left: -7rem;
    top: 26rem;
  }
}
@media (max-width: 991px) {
  .aboutus .tt-font, .aboutus .tt-heading {
    padding-left: 1rem
  }
  .about-img .img-02 {
    height: 8rem;
  }
  .about-img .img-03 {
    min-height: 450px;
  }
  .about-img .img-04 {
    width: 95%;
    height: 200px;
    right: 5%;
    bottom: 0
  }
}
@media (max-width: 767px) {
  .aboutus .tt-font, .aboutus .tt-heading {
    padding-left: 0
  }
  .about-img .img-01 {
    height: 240px;
    margin-bottom: 2rem;
    border-radius: 10px;
  }
  .about-img .img-02 {
    height: 8rem;
    border-radius: 10px;
  }
  .aboutus-svg {
    width: 4rem;
    right: 1rem;
  }
  .about-img .img-07 {
    height: 200px;
    margin-bottom: 2rem
  }
}
@media (min-width:768px) and (max-width:991px) {
  .about-img .img-05, .about-img .img-06, .about-img .img-experience {
    position: static;
    transform: rotate(0);
    margin-bottom: 0;
  }
  .about-img .img-05, .about-img .img-06, .about-img .img-experience {
    width: 90%;
    height: 18rem;
  }
  .about-img .img-06, .about-img .img-experience {
    margin-top: 1.5rem;
  }
  .about-img .img-experience {
    height: 6rem;
  }
}
@media (min-width:562px) and (max-width:776px) {
  .about-img .img-06 {
    width: 60%;
    transform: rotate(0);
    left: 40%;
    height: 16rem;
    margin-bottom: -12rem;
    top: -18rem
  }
}
@media (max-width: 561px) {
  .about-img .img-03 {
    min-height: 160px;
    height: 160px;
    border-radius: 5rem 15rem;
  }
  .about-img .img-04 {
    width: 40%;
    height: 200px;
    right: -10px;
    bottom: -4rem;
  }
  .about-img .img-05 {
    width: 80%;
    height: 20rem;
    margin-left: 5%;
    margin-top: 1rem;
  }
  .about-img .img-06 {
    width: 65%;
    height: 15rem;
    left: 30%;
    margin-bottom: -10rem;
  }
  .about-img .img-experience {
    top: 22rem;
    left: -9rem;
  }
  .about-img .img-07 {
    margin-bottom: 1.5rem
  }
}
/*组织架构图*/
.organizational {
  min-height: 800px;
  padding-bottom: 10rem
}
.organizational::after {
  width: 100%;
  height: 100%;
  content: '';
  display: inline-block;
  background: url("../img/img-about-bg-8.png") bottom center no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1
}
.organizational-img img {
  width: 80%;
}
@media (max-width: 1200px) {
  .organizational {
    min-height: 500px;
    padding-bottom: 3rem
  }
}
@media (max-width: 991px) {
  .organizational {
    min-height: 300px;
    padding-bottom: 2rem
  }
  .organizational-img img {
    width: 100%;
  }
}
/*公司大事记*/
.timeline {
  width: 94%;
  margin: 2rem auto 1rem;
  position: relative;
}
.timeline .swiper-container::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #545d6c;
  top: 5.5rem;
  left: 0;
  position: absolute;
  z-index: -1
}
.timeline .dates-box h4 {
  color: #fff;
  font-size: 1.2rem;
  position: relative;
  height: 3.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: 0.5s all;
}
.timeline .swiper-slide.swiper-slide-active h4 {
  font-size: 2rem;
}
.timeline .dates-box h4::after {
  display: inline-block;
  content: '';
  width: .6rem;
  height: .6rem;
  background: #545d6c;
  border-radius: 50%;
  position: absolute;
  bottom: -2.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.timeline .swiper-slide.swiper-slide-active h4::after {
  background: #fff;
  width: .8rem;
  height: .8rem;
  bottom: -2.45rem;
}
.timeline .dates-box .selected-box {
  max-width: 20rem;
  text-align: center;
  margin: 4rem auto 0;
  color: #fff;
  opacity: 0;
  visibility: hidden;
}
.timeline .dates-box .selected-box h6 {
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 1rem
}
.timeline .swiper-slide.swiper-slide-active .selected-box {
  opacity: 1;
  visibility: visible;
}
.timeline .tt-cc-nav-prev, .timeline .tt-cc-nav-next {
  top: 4.1rem;
  transform: translateY(0);
}
.timeline .tt-cc-nav-prev {
  left: -3rem;
}
.timeline .tt-cc-nav-next {
  right: -3rem
}
.timeline .tt-cc-nav-arrow {
  font-size: 2.5rem;
  background-color: transparent;
  color: #fff;
  height: 3rem;
}
@media (max-width: 1200px) {
  .timeline-box {
    position: relative;
    margin: 0
  }
  .timeline .swiper-slide.swiper-slide-active h4 {
    font-size: 1.6rem;
  }
}
@media (max-width:991px) {
  .timeline {
    margin: 0 auto 1rem
  }
  .timeline .dates-box h4 {
    font-size: 1.1rem;
  }
  .timeline .swiper-slide.swiper-slide-active h4 {
    font-size: 1.8rem;
  }
}
@media (max-width:561px) {
  .timeline {
    width: 88%;
  }
  .timeline h4 {
    font-size: 1rem;
    height: 3rem;
  }
  .timeline .swiper-slide.swiper-slide-active h4 {
    font-size: 1.5rem;
  }
}
/* ------------------------------------------------------------- *
 * 区块特点
/* ------------------------------------------------------------- */
.concept {
  top: -8rem;
  position: relative;
  z-index: 100;
  margin-bottom: -5rem
}
.feature {
  padding: 2rem 1.8rem;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
.feature .feature_icon {
  display: flex;
  height: 8rem;
  margin: 0 auto;
  overflow: hidden;
  align-items: center !important;
  justify-content: center !important;
  position: relative
}
.feature .feature_icon img {
  height: 4rem;
  position: relative;
  z-index: 5
}
.feature .feature_icon_bg::after {
  display: inline-block;
  height: 75%;
  width: 100%;
  content: '';
  background: url("../img/SVG/svg-recruit-icobg.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  left: -.8rem;
  top: 0;
}
.feature .feature_font {
  font-size: 1.05rem;
  line-height: 1.8
}
.feature .feature_font h5, .threeLeads .list-icon-box h5 {
  font-size: 1.5rem;
  margin-bottom: 1rem
}
.feature .feature_font .text, .threeLeads .list-icon-box .text, .awards-box .text {
  color: rgba(0, 0, 0, .7)
}
.feature-01, .feature-02, .feature-03 {
  padding-left: 22%;
  padding-right: 22%;
}
.feature-01 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.feature-03 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.feature-02 {
  padding: 4.5rem 25%;
  background: url("../img/img-plan-bg-1.png") center no-repeat;
  background-size: cover
}
.feature-01 .feature_icon_bg, .feature-02 .feature_icon_bg, .feature-03 .feature_icon_bg {
  border: .2rem solid #d7e4ff;
  border-radius: 50%;
  height: 6.5rem;
  width: 6.5rem;
  margin-bottom: 1.5rem
}
.feature-01 .feature_icon_bg img, .feature-02 .feature_icon_bg img, .feature-03 .feature_icon_bg img {
  height: 2.8rem;
}
.icon_bg_after.feature_icon_bg::after {
  display: none;
}
.feature-04 {
  background: url("../img/img-plan-bg-3.png") right bottom no-repeat;
  background-size: contain
}
.feature .line img {
  height: 7px
}
.feature-04 .feature_icon {
  margin: 0;
  justify-content: left !important;
  height: auto;
  padding: 1rem 0 2.5rem
}
.feature-04 .feature_icon_bg::after {
  display: none
}
.feature-05 {
  height: 20rem;
  border-radius: 0;
  box-shadow: 0 0 0;
  margin-top: 1.6rem;
  overflow: inherit;
}
.feature-05 .feature_font {
  height: 12rem
}
.feature-05::after {
  width: 4rem;
  height: 4rem;
  display: inline-block;
  content: '';
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  background: url("../img/SVG/svg-innovation-1.svg") center no-repeat;
}
.feature-05 .number {
  left: 1.5rem;
  top: 0;
  position: absolute;
  font-size: 4.5rem;
  line-height: .8;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}
.feature-05 .number::after {
  content: attr(data-text);
  position: absolute;
  bottom: 0;
  left: 0;
  color: transparent;
  -webkit-text-stroke: 1px #cdcdcd;
  clip-path: polygon(0 1.6rem, 100% 1.6rem, 100% 100%, 0 100%);
}
@media (max-width: 1200px) {
  .feature:not(.feature-01):not(.feature-02):not(.feature-03) {
    padding: 1.5rem 1.3rem;
    border-radius: 15px;
  }
  .feature:not(.feature-04) .feature_icon {
    height: 7rem;
  }
  .feature .feature_icon img {
    height: 3.5rem;
  }
  .feature .feature_font {
    font-size: .913rem;
  }
  .feature-01, .feature-02, .feature-03 {
    padding: 1.5rem 18%;
  }
  .feature-01 .feature_icon_bg, .feature-02 .feature_icon_bg, .feature-03 .feature_icon_bg {
    height: 6rem !important;
    width: 6rem;
    margin-bottom: 1.5rem
  }
  .feature-02 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .feature-01 .feature_icon_bg img, .feature-02 .feature_icon_bg img, .feature-03 .feature_icon_bg img {
    height: 2.5rem;
  }
  .feature-05 {
    border-radius: 0 !important;
  }
}
@media (max-width: 1025px) {
  .concept {
    top: -4rem;
    margin-bottom: -3rem
  }
  .feature .feature_font h5 {
    font-size: 1.3rem;
    margin-bottom: .8rem
  }
}
@media (max-width: 991px) {
  .feature-box .col-6.col-lg-3:nth-child(1), .feature-box .col-6.col-lg-3:nth-child(2) {
    margin-bottom: 2rem
  }
  .feature-01 .feature_icon_bg, .feature-02 .feature_icon_bg, .feature-03 .feature_icon_bg {
    margin-bottom: 1rem
  }
  .feature-01, .feature-02, .feature-03 {
    padding-left: 10%;
    padding-right: 10%;
  }
  .feature-02 {
    margin-bottom: 1.2rem
  }
  .feature-05 {
    height: 16rem;
    padding: 1.5rem 2rem !important;
  }
  .feature-05 .feature_font {
    height: 9rem
  }
}
@media (max-width: 561px) {
  .concept {
    top: -3rem;
    margin-bottom: -2rem
  }
  .feature-box .col-6.col-lg-3:nth-child(1), .feature-box .col-6.col-lg-3:nth-child(2) {
    margin-bottom: 1.5rem
  }
  .feature-box {
    margin-left: -7px;
    margin-right: -7px;
  }
  .feature-box .col-6.col-lg-3, .feature-box .col-6.col-md-4, .feature-box .col-12.col-md-4 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .feature:not(.feature-04) .feature_icon {
    height: 5.5rem;
  }
  .feature .feature_icon img {
    height: 3rem;
  }
  .feature {
    padding: 1.5rem 12%;
    border-radius: 10px !important;
  }
  .feature .feature_font h5, .threeLeads .list-icon-box h5 {
    font-size: 1.2rem;
  }
  .feature-01 .feature_icon_bg, .feature-02 .feature_icon_bg, .feature-03 .feature_icon_bg {
    height: 5.5rem !important;
    width: 5.5rem;
  }
  .feature-01 .feature_icon_bg img, .feature-02 .feature_icon_bg img, .feature-03 .feature_icon_bg img {
    height: 2.5rem;
  }
  .feature-04 .text {
    text-align: justify
  }
  .feature-04 .feature_icon {
    padding: 1rem 0 1.5rem 0
  }
  .feature .line img {
    height: 4px
  }
  .feature-05 {
    height: 15rem;
    border-radius: 0 !important;
  }
}
/* ------------------------------------------------------------- *
 * 招聘 recruit
/* ------------------------------------------------------------- */
.hire-video .btn {
  height: 3rem;
  padding-left: 3rem;
  padding-right: 3rem
}
.ph-caption-title-img {
  position: absolute;
  left: 50%;
  top: -4rem;
  height: 5rem;
  margin-left: -15%
}
@media (max-width: 1200px) {
  .ph-caption-title-img {
    height: 4rem;
    top: -3.5rem;
  }
}
@media (max-width:991px) {
  .ph-caption-title-img {
    margin-left: -18%;
  }
}
@media (max-width:561px) {
  .ph-caption-title-img {
    height: 3rem;
    top: -2.5rem;
    margin-left: -25%;
  }
}
/*人才理念*/
.philosophybg, .visionbg {
  width: 45%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}
.visionbg {
  width: 100%
}
.philosophybg img, .visionbg img {
  width: 100%
}
/*我们需要你*/
.milestones {
  padding: 7rem 0
}
.milestones .tt-font {
  width: 45%
}
.milestones .btn {
  border-radius: 5px 5px 20px
}
@media (max-width: 1200px) {
  .milestones {
    padding: 5rem 0
  }
  .milestones .tt-font {
    width: 50%
  }
}
@media (max-width: 991px) {
  .milestones {
    padding: 4rem 0
  }
  .milestones .tt-font {
    width: 65%
  }
}
@media (max-width: 561px) {
  .milestones {
    padding: 3rem 0
  }
  .milestones .tt-font {
    width: 85%;
    line-height: 1.5
  }
}
/*员工风采*/
.show-employee .tt-cc-nav-prev, .show-employee .tt-cc-nav-next{
   top:45%; 
}
.employee-item{
  position: relative;
  height: 35rem;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
}

@media (max-width:1200px) {
  .employee-item {
    height: 320px;
  }
}

@media (max-width:991px) {
  .employee-item {
    height: 220px;
  }
}
@media (max-width:561px) {
  .employee-item {
    height: 200px;
  }
}
/* ------------------------------------------------------------- *
 * 主营业务 business
/* ------------------------------------------------------------- */
.business-box {
  border-radius: 24px;
  transition: 0.5s all;
  margin-bottom: 3rem
}
.business-box .business-img {
  height: 22rem;
  overflow: hidden;
}
.business-box .business-carousel {
  padding: 2rem 4rem 2rem 2rem;
  position: relative
}
.business-box .business-carousel .icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 2rem;
  top: 2rem;
  opacity: .8
}
.business-box .business-carousel h4 {
  line-height: 2
}
.business-box .business-carousel .business-carousel-font {
  font-size: 1rem;
  line-height: 1.8;
  text-align: justify
}
.listmore {
  background: #fff;
  padding: .5rem .6rem .5rem 1rem;
  transition: 0.5s all;
}
.listmore i {
  position: relative;
  top: 2px;
}
@media (min-width: 1200px) {
  .listmore:hover {
    background: var(--primary);
    color: #fff;
  }
  .business-box:hover .listmore, .business-box .listmore:hover {
    background: #111;
    color: #fff;
  }
  .business-box:hover {
    background: #fff !important;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  }
  .business-box:hover .btn-outline-primary {
    color: #fff;
    background-color: var(--primary);
  }
}
@media (max-width:1200px) {
  .business-box {
    margin-bottom: 2rem
  }
  .business-box .business-img {
    height: 18rem;
  }
  .business-box .business-carousel {
    padding: 0 2.5rem 0 .5rem;
    position: relative
  }
}
@media (max-width:991px) {
  .business-box .business-carousel .icon {
    display: none
  }
  .business-box .business-carousel {
    padding: 0 2rem 0 0;
    position: relative
  }
}
@media (max-width:561px) {
  .business-box {
    border-radius: 10px;
    margin-bottom: 1.5rem
  }
  .business-box .business-img {
    height: 14rem;
  }
  .business-box .business-carousel {
    padding: 1.2rem 2rem 2rem
  }
  .business-box .business-carousel h4 {
    font-size: 1.4rem;
    line-height: 1.8
  }
  .business-box .business-carousel .business-carousel-font {
    line-height: 1.6;
  }
}
/* ------------------------------------------------------------- *
 * 战略愿景 vision
/* ------------------------------------------------------------- */
.threeModelsbg {
  background-color: #090e18
}
/*三大典范*/
.threeModelsList {
  padding-left: 15%;
  height: 30rem;
  position: relative;
  margin: 1rem 0 2rem
}
.threeModelsList::before {
  display: inline-block;
  content: '';
  width: 85%;
  height: 90%;
  background: url("../img/img-plan-bg-4.png") center no-repeat;
  background-size: cover;
  border-radius: 20px;
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1
}
.threeModelsList .feature-04 {
  background: #fff
}
.threeModelsList .feature-04 .feature_icon {
  padding: 3rem 0 3rem;
}
.threeModelsList .number {
  position: absolute;
  color: #dddddd;
  font-weight: bold;
  font-size: 1.4rem;
  right: 1.5rem;
  top: 30%;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}
.threeModelsList .feature-04 h5 {
  position: relative;
  display: table
}
.threeModelsList .feature-04 h5::after {
  width: 100%;
  height: .4rem;
  display: inline-block;
  content: '';
  background: var(--primary);
  position: absolute;
  bottom: 2px;
  left: 0;
  opacity: .8;
  border-radius: 1rem;
}
@media (max-width:1200px) {
  .threeModelsList {
    height: 26rem;
  }
  .threeModelsList .feature-04 {
    padding: 2rem !important;
  }
  .threeModelsList .feature-04 .feature_icon {
    padding: 2rem 0 2.5rem;
  }
  .threeModelsList .number {
    top: 24%;
  }
}
@media (max-width:991px) {
  .threeModelsList {
    height: 23rem;
    margin-bottom: 1rem
  }
}
@media (max-width:561px) {
  .threeModelsList {
    height: 20rem;
    padding-right: 5px;
  }
  .threeModelsList .feature-04 .feature_icon {
    padding: 1rem 0 2rem;
  }
  .threeModelsList .feature-04 h5::after {
    height: .3rem
  }
}
/*三个领先*/
.threeLeads .list-icon-box {
  font-size: 1.05rem;
  line-height: 1.8;
  margin: 2rem 0 0 0;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e5e5e5
}
.threeLeads .list-icon-box .list-icon {
  flex: 0 0 3.5rem;
  margin-right: 2rem;
}
.threeLeads .list-icon-box .list-icon img {
  width: 3.5rem;
  margin-top: .4rem
}
@media (max-width:991px) {
  .threeLeads .list-icon-box .list-icon {
    flex: 0 0 3rem;
  }
  .threeLeads .list-icon-box .list-icon img {
    width: 3rem;
    margin-top: 0
  }
  .threeLeads .list-icon-box:last-child {
    border-bottom: 0;
  }
}
@media (max-width:561px) {
  .threeLeads .list-icon-box .list-icon {
    flex: 0 0 2.5rem;
    margin-right: 1.5rem;
  }
  .threeLeads .list-icon-box .list-icon img {
    width: 2.5rem;
  }
  .threeLeads .list-icon-box {
    margin: 1.5rem 0 0 0;
    padding-bottom: 1.5rem;
  }
}
/* ------------------------------------------------------------- *
 * 科研创新 innovation
/* ------------------------------------------------------------- */
/*重点科研项目*/
.innovation {
  background: #fff;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
.innovation-bg {
  height: 100%;
  position: relative;
  min-height: 30rem;
  padding: 3rem 2rem 0;
}
.innovation-bg::after {
  width: calc(100% + 3rem);
  height: 100%;
  left: -1.5rem;
  display: inline-block;
  content: '';
  position: absolute;
  bottom: -2rem;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 80%);
}
.innovation-box {
  position: relative;
  z-index: 10;
}
.innovation .innovation-title .text {
  color: rgba(0, 0, 0, .8);
  font-size: 1.1rem;
}
.innovation-list .list-icon-box {
  border-bottom: 0;
  margin: .8rem 0 0 0;
  padding-bottom: .8rem;
}
.innovation-list .list-icon-box .list-icon {
  background: #f5f5f5;
  border-radius: 0 .8rem;
  flex: 0 0 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .innovation-title h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .innovation-title h2 {
    font-size: 1.4rem
  }
  .innovation-bg {
    padding-top: 2rem;
  }
  .innovation {
    border-radius: 20px 20px 0 0;
  }
}
@media (max-width: 561px) {
  .innovation-bg {
    padding: 1rem 1.5rem 0
  }
}
/*标准引领*/
.tt-cc-pagination-standard {
  margin-top: 1rem;
}
.tt-cc-pagination-standard .tt-cc-nav-prev, .tt-cc-pagination-standard .tt-cc-nav-next, .tt-cc-pagination-standard .tt-cc-pagination {
  position: static;
  transform: translateY(0) translate3d(0, 0, 0);
}
/*核心技术专利*/
.tt-grid-carousel {
  height: 16rem;
  overflow: hidden
}
.tt-grid-carousel .swiper-slide {
  height: calc((100% - 20px) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2rem
}
.grid-pagination {
  position: relative;
  margin-top: 2rem
}
.awards-box, .slideQualification-left {
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 20%;
}
.awards-box::after, .awards-box::before, .slideQualification-left::after, .slideQualification-left::before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 4rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain
}
.awards-box::before {
  background-image: url("../img/img-innovation-l.png");
  background-position: left center;
  left: 0;
}
.awards-box::after {
  background-image: url("../img/img-innovation-r.png");
  background-position: right center;
  right: 0
}
@media (max-width: 1200px) {
  .tt-grid-carousel .swiper-slide {
    padding: 0 1rem
  }
}
@media (max-width: 1023px) {
  .grid-pagination {
    margin-top: 1rem
  }
}
@media (max-width: 561px) {
  .tt-grid-carousel {
    height: 14rem;
  }
  .tt-grid-carousel .swiper-slide {
    height: calc((100%) / 2);
    padding: 0 2rem
  }
}
/*奖项与荣誉*/
.qualifications h5 {
  margin: 1rem 0;
}
.qualifications-img {
  position: relative;
  height: 15rem;
  overflow: hidden;
}
.qualifications-img img, .party-hotnews .newsbox img, .newslist .newslist-img img, .bearer-bg img, .eventsList .bgimg img, .employee-item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.tt-bg-honors .tt-cc-nav-prev, .tt-cc-nav-next {
  top: 42%
}
@media (max-width: 1023px) {
  .qualifications h5 {
    margin-bottom: 0;
  }
}
@media (max-width: 561px) {
  .qualifications-img {
    height: 240px;
  }
}
/* ------------------------------------------------------------- *
 * 新闻列表 newslist
/* ------------------------------------------------------------- */
.newslist {
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.5s;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 2rem
}
.newslist .newslist-img {
  height: 14rem;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  position: relative
}
.newslist-caption {
  width: 100%;
  padding: 3.5rem 2rem 2rem;
  line-height: 1.8;
  position: relative
}
.newslist-caption h4 {
  line-height: 1.5;
}
.newslist-caption .iconfont {
  width: 5rem;
  color: #fff;
  padding: .6rem 0;
  text-align: center;
  position: absolute;
  transition: all 0.5s;
  top: -2.5rem;
  z-index: 20;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.newslist-caption .iconfont h4 {
  font-weight: 500
}
.newslist-caption .iconfont p {
  margin-bottom: 0 !important;
}
.newslist-caption:hover .iconfont {
  background: #000 !important
}
@media (max-width: 1200px) {
  .newslist .newslist-img {
    height: 12rem;
  }
  .newslist-caption .iconfont {
    width: auto;
    padding: .4rem .8rem;
    top: -2rem;
  }
}
@media (max-width: 9911px) {
  .newslist-caption h4 {
    font-size: 1.2rem
  }
  .newslist-caption .iconfont p {
    font-size: .913rem;
  }
}
@media (max-width: 561px) {
  .newslist-caption .iconfont h4 {
    font-size: 1.4rem;
  }
  .newslist-caption {
    padding: 3rem 1.5rem 1.5rem
  }
  .newslist {
    margin-bottom: 1.5rem;
    border-radius: 10px;
  }
  .newslist .newslist-img {
    border-radius: 10px 10px 0 0;
  }
}
/* 公共样式
/* ------------------------------------------------------------- */
@media (min-width: 2500px) {
  html {
    font-size: 1.45rem;
    line-height: 1.8;
  }
}
@media (min-width:2100px) and (max-width:2500px) {
  html {
    font-size: 1.2rem;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: .913rem;
  }
}
@media (max-width: 561px) {
  html {
    font-size: .813rem;
    line-height: 1.6;
  }
  h3.ph-appear {
    font-size: 1rem
  }
}