::selection {
  background: #00428e;
  color: #fff
}

::-moz-selection {
  background: #00428e;
  color: #fff
}

::-webkit-selection {
  background: #00428e;
  color: #fff
}

.wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

.flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex>.cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  display: block;
  position: relative
}

.flex>.cell.fixed {
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
  -ms-flex: none !important;
  flex: none !important;
  width: auto
}

.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box
}

.icons {
  background: url(../images/icon-sprites.png) no-repeat 0 0
}

.site-top {
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  background: #26323E
}

.site-top .container {
  display: flex;
  justify-content: space-between
}

.site-top .stock {
  margin-left: 40px
}

.site-top .relative-link {
  flex: none
}

.site-top .relative-link a {
  display: inline-block;
  margin-left: 18px
}

.site-top .relative-link a:hover {
  text-decoration: underline
}

.site-top .relative-link a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: -3px
}

.site-top .relative-link a i.icon-gonghao {
  background-position: 0 -16px
}

.site-top .logo-zydmall {
  flex: none;
  display: flex;
  align-items: center
}

.site-nav {
  position: relative;
  height: 76px
}

.site-nav .container {
  display: flex;
  align-items: flex-end;
  height: 100%;
  justify-content: space-between
}

.site-nav .logo {
  display: flex;
  width: 140px;
  height: 100%;
  margin-right: 122px;
  padding: 5px 0 0 10px;
  overflow: hidden;
  flex: none;
  align-items: center;
  box-sizing: border-box
}

.site-nav .logo h1 {
  visibility: hidden
}

.site-nav .menu-list {
  flex: 1
}

.site-nav .menu-list .menu {
  display: flex;
  justify-content: space-between
}

.site-nav .menu-list .menu li {
  flex: none;
  box-sizing: border-box;
  font-size: 16px;
  color: #323232;
  border-bottom: 2px solid transparent
}

.site-nav .menu-list .menu li a {
  position: relative;
  display: block;
  line-height: 1em;
  padding: 22px 6px
}

.site-nav .menu-list .menu li a .menu-image {
  position: absolute;
  right: -15px;
  top: 12px
}

.site-nav .menu-list .menu li:hover,
.site-nav .menu-list .menu li.current_page_item,
.site-nav .menu-list .menu li.active {
  color: #00428e;
  font-weight: bold;
  border-color: #044b91
}

.site-nav .menu-list.active li.current_page_item,
.site-nav .menu-list.active li.active {
  color: #fff;
  border-color: transparent;
  background: #044b91
}

.u-menu {
  display: none
}

@keyframes aniWind {
  0% {
    opacity: 1;
    background-position: right 30%
  }

  50% {
    opacity: 1;
    background-position: left 30%
  }

  71% {
    background-position: left 30%;
    opacity: 0
  }

  72% {
    background-position: right 30%;
    opacity: 0
  }

  100% {
    background-position: right 30%;
    opacity: 1
  }
}

.m-banner {
  position: relative;
  height: 0;
  padding-bottom: 31.25%;
  overflow: hidden;
  background: #67b2eb;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.m-banner .bg-wind {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  animation: aniWind 20s ease-in-out 2.5s infinite;
  background: url(../images/bg-wind.png) no-repeat right 30%;
  background-size: auto 180%;
  transform: scale(1.5);
  transition: 2s ease-in-out;
  opacity: 0
}

.m-banner.scrollActive .bg-wind {
  background-position: right 30%;
  transform: scale(1);
  opacity: 1
}

.m-banner .building {
  position: absolute;
  width: 88.4375%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 200%;
  -webkit-transition: ease-in-out 2s;
  -o-transition: ease-in-out 2s;
  transition: ease-in-out 2s;
  z-index: 1;
  opacity: 0;
  background: url(../images/building.png) no-repeat center top;
  background-position: -10% top
}

.m-banner.scrollActive .building {
  opacity: 1;
  background-size: cover;
  background-position: left 60%
}

.m-banner .sun {
  position: absolute;
  width: 46.614583333333336%;
  left: 2.03125%;
  top: 0;
  background: url(../images/sun.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 2;
  opacity: 0;
  transform-origin: 54% 42%;
  -webkit-transform: translate3d(-200px, -38%, 0) scale(.8) rotate(35deg);
  -ms-transform: translate3d(-200px, -38%, 0) scale(.8) rotate(35deg);
  -o-transform: translate3d(-200px, -38%, 0) scale(.8) rotate(35deg);
  transform: translate3d(-200px, -38%, 0) scale(.8) rotate(35deg);
  -webkit-transition: ease-in-out 2.5s .5s;
  -o-transition: ease-in-out 2.5s .5s;
  transition: ease-in-out 2.5s .5s
}

.m-banner.scrollActive .sun {
  opacity: 1;
  -webkit-transform: translate3d(0, -38%, 0);
  -ms-transform: translate3d(0, -38%, 0);
  -o-transform: translate3d(0, -38%, 0);
  transform: translate3d(0, -38%, 0)
}

.m-banner .shine {
  position: absolute;
  width: 47.91666666666667%;
  left: 2.03125%;
  top: 0;
  background-size: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, -38%, 0) scale(0);
  -ms-transform: translate3d(0, -38%, 0) scale(0);
  -o-transform: translate3d(0, -38%, 0) scale(0);
  transform: translate3d(0, -38%, 0) scale(0);
  -webkit-transition: ease-in-out 2.5s 2s;
  -o-transition: ease-in-out 2.5s 2s;
  transition: ease-in-out 2.5s 2s;
  transform-origin: 44.6% 42.9%;
  z-index: 3
}

.m-banner.scrollActive .shine {
  opacity: 1;
  -webkit-transform: translate3d(0, -38%, 0) scale(1);
  -ms-transform: translate3d(0, -38%, 0) scale(1);
  -o-transform: translate3d(0, -38%, 0) scale(1);
  transform: translate3d(0, -38%, 0) scale(1)
}

.m-banner img {
  width: 100%;
  opacity: 0;
  -webkit-transition: linear 1s;
  -o-transition: linear 1s;
  transition: linear 1s
}

.m-banner.scrollActive img {
  opacity: 1
}

.m-banner .txt {
  position: absolute;
  display: inline-block;
  left: 6.25%;
  bottom: 26%;
  color: #fff;
  color: rgba(255, 255, 255, .68);
  line-height: 1.5em;
  font-size: 30px;
  font-weight: lighter;
  text-align: center;
  opacity: 0;
  -webkit-transition: ease-in-out 1.5s .2s;
  -o-transition: ease-in-out 1.5s .2s;
  transition: ease-in-out 1.5s .2s;
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  z-index: 2
}

.m-banner.scrollActive .txt {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-relateLink {
  position: absolute;
  width: 100%;
  height: 15%;
  max-height: 90px;
  min-height: 70px;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
  background: rgba(0, 66, 142, .7)
}

.m-relateLink .container {
  display: flex;
  height: 100%;
  align-items: stretch
}

.m-relateLink .cell {
  flex: 1;
  border-left: 1px solid rgba(255, 255, 255, .4)
}

.m-relateLink .cell:first-child {
  border-left: 0
}

.m-relateLink .cell .item {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  text-align: left;
  font-size: 12px
}

.J-scrollCnt .item {
  opacity: .1;
  -webkit-transform: translate3d(0, 50%, 0);
  -ms-transform: translate3d(0, 50%, 0);
  -o-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  -webkit-transition: all ease-in-out .6s 0s;
  -o-transition: all ease-in-out .6s 0s;
  transition: all ease-in-out .6s 0s
}

.J-scrollCnt.scrollActive .item {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1
}

.J-scrollCnt.scrollActive .item:nth-child(2) {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s
}

.J-scrollCnt.scrollActive .item:nth-child(3) {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.J-scrollCnt.scrollActive .item:nth-child(4) {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s
}

.J-scrollCnt.scrollActive .item:nth-child(5) {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s
}

.J-scrollCnt.scrollActive .item:nth-child(6) {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s
}

.J-scrollCnt.scrollActive .item:nth-child(7) {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s
}

.J-scrollCnt.scrollActive .item:nth-child(8) {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s
}

.m-relateLink .cell .item .icon {
  flex: none;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  box-sizing: border-box;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-relateLink .cell .item:hover .icon {
  box-shadow: 0 0 12px rgba(36, 36, 36, .3)
}

.m-relateLink .cell .item .icon:after {
  position: absolute;
  content: '';
  width: 38px;
  height: 34px;
  left: 50%;
  top: 50%;
  margin: -17px -19px;
  background: url(../images/icon-sprites.png) no-repeat 0 -32px;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-relateLink .cell .item:hover .icon:after {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.m-relateLink .cell .item .icon-subsidiary:after {
  background-position: 0 -66px
}

.m-relateLink .cell .item .icon-office:after {
  background-position: 0 -100px
}

.m-relateLink .cell .item .icon-recruitment:after {
  background-position: 0 -134px
}

.m-relateLink .cell .item p {
  margin: 11px 0 0;
  line-height: 1em;
  font-size: 12px
}

.m-relateLink .cell .item .cnt {
  margin-left: 14px
}

.m-relateLink .cell .item .title {
  font-size: 16px
}

.m-relateLink .cell .item:hover .title {}

.m-news {
  text-align: center
}

.m-commonBlock h2 {
  line-height: 1em;
  color: #00428E;
  font-size: 26px;
  font-weight: bold
}

.m-commonBlock .titleEn {
  position: relative;
  display: inline-block;
  margin-top: 16px;
  padding: 0 82px;
  position: relative;
  font-size: 18px;
  color: #A7A7A7
}

.m-commonBlock .titleEn span {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  background: #fff;
  font-weight: bold
}

.m-commonBlock .titleEn:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  margin-top: -1px;
  background: #E5E5E5
}

.m-news .new-list {
  display: flex;
  justify-content: space-between;
  margin: 56px 0 0
}

.m-news .new-list .item {
  flex: none;
  width: 28.75%;
  border-bottom: 5px solid #F7F7F7;
  transition: transform .6s, opacity .6s
}

.m-news .new-list .item:hover {
  border-bottom-color: #195599
}

.m-news .new-list .item .title-cate {
  line-height: 1em;
  color: #252525;
  font-size: 18px
}

.m-news .new-list .item:hover .title-cate {
  color: #00428e
}

.m-news .new-list .item .mod {
  margin: 28px 0;
  background: #fff
}

.m-news .new-list .item .mod .h5-layer-conatiner {
  position: relative;
  height: 216px;
  overflow: hidden
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask {
  position: relative;
  z-index: 2;
  visibility: hidden
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask:after {
  position: absolute;
  content: '';
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  margin: 10px -16px;
  background: url(../images/i-video.png) no-repeat 0 0;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-news .new-list .item:hover .mod .h5-layer-conatiner .videoMask:after {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask.show {
  visibility: visible
}

.m-news .new-list .item .mod .h5-layer-conatiner .videoMask img {
  width: 100%
}

.m-news .new-list .item .mod .h5-layer-conatiner video {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: #f7f7f7
}

.m-news .new-list .item .mod .pic {
  position: relative;
  height: 216px;
  overflow: hidden;
  background: #F7F7F7
}

.m-news .new-list .item .mod .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: ease-in-out .8s;
  -o-transition: ease-in-out .8s;
  transition: ease-in-out .8s
}

.m-news .new-list .item .mod .pic .bg {
  position: relative;
  opacity: 0
}

.m-news .new-list .item:hover .mod .pic img {
  opacity: .9;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.m-news .new-list .item .mod .title {
  display: flex;
  height: 70px;
  line-height: 1.5em;
  padding: 6px 36px;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #5B5B5B;
  font-size: 16px;
  background: #F7F7F7
}

.m-news .new-list .item .mod .context {
  height: 92px;
  line-height: 1.8em;
  padding: 18px 0 0;
  color: #626262;
  font-size: 14px;
  text-align: left;
  box-sizing: border-box
}

.m-news .new-list .item:hover .mod .title {
  color: #fff;
  background: #195599
}

.m-news .new-list .item .mod .cnt {
  height: 104px;
  padding: 20px 4px;
  line-height: 1.5em;
  font-size: 14px;
  color: #626262;
  box-sizing: border-box;
  text-align: left;
  overflow: hidden
}

.m-news .new-list .item .mod .date {
  margin: 42px 0 0;
  padding: 0 8px;
  color: #8E8E8E;
  font-size: 12px;
  text-align: left
}

.m-companyData {
  position: relative;
  height: 340px;
  margin: 40px auto 0;
  box-sizing: border-box;
  background: url(../images/bg-cpn.jpg) no-repeat center top;
  background-size: cover;
  overflow: hidden;
  -webkit-transition: ease-in-out 2s;
  -o-transition: ease-in-out 2s;
  transition: ease-in-out 2s;
  z-index: 1
}

.m-companyData.scrollActive {
  background-position: center bottom
}

.m-companyData ul {
  position: relative;
  height: 100%;
  padding: 0 56px;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding: 5.390625% 0 4.6875%;
  box-sizing: border-box;
  -webkit-transition: ease-in-out .8s;
  -o-transition: ease-in-out .8s;
  transition: ease-in-out .8s
}

.m-companyData.scrollActive ul {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-companyData ul li {
  cursor: default;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-companyData.scrollActive .item:hover,
.m-companyData ul li:hover {
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s;
  -webkit-transform: translate3d(0, -10%, 0);
  -ms-transform: translate3d(0, -10%, 0);
  -o-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0)
}

.m-companyData ul li:hover .item {
  -webkit-transform: translate3d(0, -4px, 0);
  -ms-transform: translate3d(0, -4px, 0);
  -o-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
  background: rgba(255, 255, 255, .3)
}

.m-companyData ul li .icon {
  position: relative;
  display: inline-block;
  width: 124px;
  height: 124px;
  border-radius: 20px;
  background: url(../images/bg-round.png)
}

.m-companyData ul li .icon:after {
  position: absolute;
  content: '';
  width: 54px;
  height: 54px;
  left: 50%;
  top: 50%;
  margin: -28px
}

.m-companyData ul li .icon-area:after {
  background: url(../images/icon-zyd.png) no-repeat center center
}

.m-companyData ul li .icon-company:after {
  background: url(../images/icon-company.png) no-repeat center center
}

.m-companyData ul li .icon-office:after {
  background: url(../images/icon-office.png) no-repeat center center
}

.m-companyData ul li .icon-employees:after {
  background: url(../images/icon-employees.png) no-repeat center center
}

.m-companyData ul li .icon:after {}

.m-companyData ul li em {
  line-height: 1em;
  font-size: 36px;
  margin: 0 6px 0 0;
  font-weight: bold;
  font-family: tahoma, arial
}

.m-companyData ul li p {
  margin: 6% 0 0;
  white-space: nowrap
}

.m-announcement {
  background: rgba(247, 247, 247, .6);
  box-sizing: border-box
}

.m-announcement .titleEn span {
  background: #fafafa
}

.m-announcement-white {
  background: #fff
}

.m-announcement .hd {
  text-align: center
}

.u-date-line {
  display: flex;
  position: relative;
  margin: 104px 130px 0;
  justify-content: space-between;
  color: #008bec;
  font-size: 18px;
  text-align: center
}

.u-date-line:before {
  position: absolute;
  content: '';
  width: 99%;
  height: 2px;
  left: 0;
  top: 50%;
  background: #D2D2D2
}

.u-date-line .item {
  position: relative;
  width: 12px;
  height: 12px;
  padding: 4px;
  flex: none;
  border-radius: 100%;
  background: #fafafa
}

.u-date-line .item:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  margin: -6px;
  border-radius: 100%;
  background: #d2d2d2
}

.u-date-line em,
.m-announcement .date-line em {
  position: absolute;
  bottom: 100%;
  margin-bottom: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #252525;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 12px;
  transform: translate3d(-50%, 0, 0)
}

.u-date-line .item:hover em:before {
  position: absolute;
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #195599;
  top: 100%;
  left: 50%;
  margin-left: -5px
}

.u-date-line .item:hover em {
  color: #fff;
  background: #195599
}

.u-date-line .item.disabled {
  cursor: default
}

.u-date-line .item.disabled em {
  color: #B8B8B8
}

.u-date-line .item.disabled:hover em {
  color: #B8B8B8;
  background: none
}

.u-date-line .item.disabled:hover em:before {
  display: none
}

.u-date-line .line,
.m-announcement .date-line .line {
  display: inline-block;
  width: 6.4%;
  height: 1px;
  margin: 0 8px;
  vertical-align: middle;
  background: #008bec
}

.m-announcement .bd {
  display: flex;
  justify-content: space-between;
  margin: 66px 0 0;
  padding: 0 136px
}

.m-announcement .mod {
  width: 42%;
  box-sizing: border-box;
  -webkit-transition: linear .4s;
  -o-transition: linear .4s;
  transition: linear .4s;
  -webkit-transform: translate3d(10%, 0, 0);
  -ms-transform: translate3d(10%, 0, 0);
  -o-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0);
  opacity: .1
}

.m-announcement .mod:nth-child(2) {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s
}

.m-announcement.scrollActive .mod {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1
}

.m-announcement .mod>.title {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.m-announcement .mod h3 {
  display: inline-block;
  padding: 6px 14px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #195599
}

.m-announcement .mod ul {
  color: #7c7c7c;
  font-size: 14px;
  text-align: left;
  margin: 20px 0 0;
  border-top: 1px dotted #D2D2D2
}

.m-list li {
  position: relative;
  padding: 7px 0;
  border-bottom: 1px dotted #D2D2D2;
  font-size: 14px
}

.m-list li .item {
  display: flex;
  position: relative;
  padding-left: 24px;
  line-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #626262;
  white-space: nowrap;
  align-items: center;
  -webkit-transition: none;
  -o-transition: none;
  transition: none
}

.m-list li .item:hover {
  color: #195599
}

.m-list li .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis
}

.m-list li .date {
  line-height: 1em;
  margin-right: 52px;
  color: #252525;
  font-size: 12px;
  font-family: tahoma, arial
}

.m-list li:hover .date {
  color: #195599
}

.m-list li .more {
  color: #D4D4D4
}

.m-list li:hover {
  color: #195599
}

.m-list li:hover .more {
  color: #195599
}

.m-list li .item:after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  margin: -5px 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #D2D2D2
}

.m-list-date {
  margin: 30px 0 0;
  padding-left: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.m-list-date li {
  flex: none;
  width: 44%
}

.m-list-date-full li {
  width: 100%
}

.m-list-date li .item:after {
  display: none
}

.m-list li .item:hover:after {
  border-left-color: #195599
}

.m-list-date li .item {
  padding: 5px 0
}

.m-list-date-full li .item {
  padding: 14px 0
}

.m-list-date li .item .date {
  position: relative;
  flex: none;
  margin-right: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 94px
}

.m-list-date li .item .date:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 26px;
  right: 0;
  top: 50%;
  margin-top: -12px;
  background: rgba(210, 210, 210, .5)
}

.m-list-date li .item .date .day {
  color: #5B5B5B;
  font-size: 18px
}

.m-list-date-full li .item .date .day {
  line-height: 1em;
  font-size: 24px
}

.m-list-date li .item .date .mon {
  margin-top: 6px;
  color: #8E8E8E;
  font-size: 12px
}

.m-announcement .mod .more {
  display: block;
  position: relative;
  height: 34px;
  padding: 2px 10px
}

.m-announcement .mod .more:after {
  position: absolute;
  content: '';
  display: block;
  width: 31px;
  height: 15px;
  right: 0;
  top: 50%;
  margin: -7px 0 0;
  background: url(../images/icon-sprites.png) no-repeat 0 -168px;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-announcement .mod .more:hover:after {
  transform: translate3d(10px, 0, 0)
}

.m-commonBlock {
  padding: 70px 0 92px
}

.m-partners {
  text-align: center;
  padding-bottom: 0
}

.m-partners .brand-list {
  display: flex;
  flex-wrap: wrap;
  padding: 90px 16px 10%;
  overflow: hidden
}

.m-partners .brand-list li {
  position: relative;
  display: inline-block;
  margin: -2px;
  width: 20%;
  height: 156px;
  box-sizing: border-box;
  background: #FAFAFA;
  overflow: hidden;
  transform: translate3d(0, 0, 0)
}

.m-partners .brand-list li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #F7F7F7;
  box-sizing: border-box;
  background: #fff;
  -webkit-transform: translate3d(0, 50%, 0);
  -ms-transform: translate3d(0, 50%, 0);
  -o-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0)
}

.m-partners .brand-list li:hover>a {
  background: #FAFAFA
}

.m-partners.scrollActive .brand-list li>a {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-partners.scrollActive .brand-list li.active>a {
  transform: translate3d(0, 0, 0) rotateY(180deg);
  -webkit-transition: ease-out .6s;
  -o-transition: ease-out .6s;
  transition: ease-out .6s
}

.m-partners.scrollActive .brand-list li.active>a img {
  transform: translate3d(0, 0, 0) rotateY(-180deg)
}

.m-partners .brand-list li:hover {}

.m-partners .brand-list li img {
  display: block;
  width: 76%;
  max-height: 40px;
  max-width: 132px;
  object-fit: contain;
  vertical-align: middle;
  transform: translate3d(0, 0, 0)
}

.m-discountLoading {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -20px;
  color: #0d9b9d;
  box-sizing: border-box;
  text-align: center
}

.m-discountLoadingFullPage {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  z-index: 9
}

.m-discountLoadingFullPage .loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px
}

.line-scale-pulse-out>i {
  display: inline-block;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  background-color: #9ee2e3;
  -webkit-animation: line-scale-pulse-out 1s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out 1s 0s infinite cubic-bezier(.85, .25, .37, .85)
}

.line-scale-pulse-out>i:nth-child(2),
.line-scale-pulse-out>i:nth-child(4) {
  -webkit-transform: scaley(.65);
  -ms-transform: scaley(.65);
  -o-transform: scaley(.65);
  transform: scaley(.65);
  -webkit-animation: line-scale-pulse-out2 1.1s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out2 1s 0s infinite cubic-bezier(.85, .25, .37, .85)
}

.line-scale-pulse-out>i:nth-child(1),
.line-scale-pulse-out>i:nth-child(5) {
  -webkit-transform: scaley(.35);
  -ms-transform: scaley(.35);
  * -o-transform: scaley(.35);
  transform: scaley(.35);
  -webkit-animation: line-scale-pulse-out3 1s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out3 1s 0s infinite cubic-bezier(.85, .25, .37, .85)
}

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
}

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
}

@-webkit-keyframes line-scale-pulse-out2 {
  0% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }

  40% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  60% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }
}

@keyframes line-scale-pulse-out2 {
  0% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }

  40% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  60% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }
}

@-webkit-keyframes line-scale-pulse-out3 {
  0% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }

  50% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }
}

@keyframes line-scale-pulse-out3 {
  0% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }

  50% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x
}

.swiper-container {}

.swiper-slide {}

.swiper-slide-active {}

.swiper-slide-visible {}

.swiper-pagination-switch {}

.swiper-active-switch {}

.swiper-visible-switch {}

.m-partners .scroll-con {
  position: relative;
  margin: 44px 0 90px
}

.m-partners .scroll-con .arrow-right,
.m-partners .scroll-con .arrow-left {
  position: absolute;
  left: 0;
  top: 40%;
  margin-top: -18px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  z-index: 3
}

.m-partners .scroll-con .arrow-right {
  left: auto;
  right: 0
}

.m-partners .scroll-con .arrow-right:hover,
.m-partners .scroll-con .arrow-left:hover {
  background: #15599a;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none;
  background: #195599
}

.m-partners .scroll-con .arrow-right:after,
.m-partners .scroll-con .arrow-left:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  margin: -7px -4px;
  width: 8px;
  height: 14px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  background: url(../images/icon-sprites.png) no-repeat -8px -197px
}

.m-partners .scroll-con .arrow-right:after {
  background-position: -8px -211px
}

.m-partners .scroll-con .arrow-left:hover:after {
  background-position: 0 -197px
}

.m-partners .scroll-con .arrow-right:hover:after {
  background-position: 0 -211px
}

.swiper-container {
  width: 94%;
  box-sizing: border-box;
  height: 340px
}

.content-slide {
  padding: 20px;
  color: #fff
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  margin-bottom: -50px;
  width: 100%;
  z-index: 2
}

.swiper-pagination-switch {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 9px;
  cursor: pointer
}

.swiper-pagination-switch:after {
  display: inline-block;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #ccc
}

.swiper-pagination-switch:hover:after {
  border-color: #15599a
}

.swiper-active-switch:after {
  border-color: #15599a;
  background: #15599a
}

.footer {
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: #1D2731
}

.footer-mt {
  margin: 6% 0 0
}

.footer .bd {
  padding: 62px 0 64px;
  overflow: hidden;
  background: #26323E
}

.footer .bd .container {
  display: flex
}

.footer .bd .container>div {
  flex: 1
}

.footer .menu,
.footer .footer-link {
  display: flex;
  flex: 1;
  justify-content: space-between
}

.footer .menu li {
  line-height: 1em;
  text-align: left
}

.footer .menu li dl dt {
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: bold
}

.footer .menu li dl dd {
  font-size: 14px
}

.footer .menu li a {
  line-height: 1em;
  position: relative;
  display: inline-block;
  padding: 9px
}

.footer .menu li a:hover,
.footer .footer-link li a:hover {
  color: #ccc
}

.footer .menu li:first-child a:after,
.footer .footer-link li:first-child a:after {
  display: none
}

.footer .m-qrCode {
  margin-left: 60px;
  flex: none !important
}

.footer .m-qrCode .item {
  display: inline-block
}

.footer .m-qrCode .item p {
  margin-top: 14px
}

.footer .footer-copyright {
  line-height: 1.5em;
  padding: 16px 0 14px
}

.footer .footer-copyright p {
  line-height: 1em;
  padding: 4px
}

.footer .footer-copyright img {
  display: inline-block;
  width: 14px;
  vertical-align: -4px
}

.footer .footer-copyright p:first-child {
  font-family: tahoma, arial
}

.m-com-hd {
  display: flex;
  width: 100%;
  max-height: 410px;
  min-height: 298px;
  margin: .72% 0 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #195599 url(../images/bg-banner.png) no-repeat center bottom;
  background-size: cover
}

.m-com-hd-plain {
  height: 300px;
  align-items: center
}

.m-com-hd .wrap {
  display: flex;
  width: 100%;
  max-height: 410px;
  min-height: 298px;
  max-width: 1536px
}

.m-com-hd-mini {
  min-height: 98px
}

.m-com-hd-detail {
  height: 90px;
  border-bottom: 25px solid #c9d7e7
}

.m-com-hd .pic {
  flex: none;
  width: 50%;
  padding: 0 1.7187500000000002%;
  box-sizing: border-box;
  background: #fff
}

.m-com-hd-2 .pic {
  display: flex;
  align-items: center;
  margin: 0 7% 0 0
}

.m-com-hd .pic img {
  width: 100%;
  height: auto;
  opacity: .5;
  -webkit-transform: translate3d(4%, 0, 0);
  -ms-transform: translate3d(4%, 0, 0);
  -o-transform: translate3d(4%, 0, 0);
  transform: translate3d(4%, 0, 0);
  -webkit-transition: linear .5s;
  -o-transition: linear .5s;
  transition: linear .5s
}

.m-com-hd.scrollActive .pic img {
  min-height: 100%;
  object-fit: cover;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-com-hd.scrollActive .pic .inner {
  height: 100%;
  overflow: hidden
}
.m-com-hd.scrollActive .pic .inner video {
	width: 100%;
}

.m-com-hd.scrollActive .pic:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.m-com-hd .cnt {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 3% 0;
  color: #fff;
  margin: 0 4%;
  box-sizing: border-box;
  overflow: hidden;
  opacity: .5;
  -webkit-transform: translate3d(0, 20%, 0);
  -ms-transform: translate3d(0, 20%, 0);
  -o-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0);
  -webkit-transition: linear .8s .2s;
  -o-transition: linear .8s .2s;
  transition: linear .8s .2s
}

.m-com-hd.scrollActive .cnt {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-com-hd .cnt .list {}

.m-com-hd-joinUs .cnt .list {
  margin: 2% 0 0;
  padding-left: 34%
}

.m-com-hd .cnt .list li {
  text-align: center;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-com-hd .cnt .list li:hover {
  -webkit-transform: translate3d(0, -10%, 0);
  -ms-transform: translate3d(0, -10%, 0);
  -o-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0)
}

.m-com-hd-joinUs .cnt .list li {
  text-align: right
}

.m-com-hd .cnt .list li p {
  color: #e1e8f2;
  font-size: 16px;
  margin: 22px 0 0
}

.m-com-hd .cnt .list li .icon {
  position: relative;
  display: inline-block;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  background: #e1e8f2
}

.m-com-hd .cnt .list li .icon:after {
  position: absolute;
  content: '';
  width: 44px;
  height: 34px;
  left: 50%;
  top: 50%;
  margin: -17px -22px;
  background: url(../images/investor-sprite.png) no-repeat 0 0
}

.m-com-hd-joinUs .cnt .list li .icon:after {
  width: 29px;
  height: 29px;
  margin: -15px;
  background: url(../images/joinUs-sprite.png) no-repeat 0 0
}

.m-com-hd .cnt .list li .icon2:after {
  background-position: -44px 0
}

.m-com-hd-joinUs .cnt .list li .icon2:after {
  background-position: -29px 0
}

.m-com-hd .cnt .list li .icon3:after {
  background-position: -88px 0
}

.m-com-hd-boat .cnt {
  float: none;
  padding: 2.734375% 3.8281250000000004%
}

.m-com-hd .cnt .hd {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 50px
}

.m-com-hd .cnt .hd h2 {
  display: inline-block;
  font-size: 42px
}

.m-com-hd-boat .cnt .hd {
  margin: 0
}

.m-com-hd .cnt .hd .subTitle {
  font-size: 18px;
  color: rgba(255, 255, 255, .3);
  margin: 12px 0 0
}

.m-com-hd .cnt .tt {
  position: relative;
  font-size: 18px;
  line-height: 1.2em;
  margin: 0 0 26px
}

.m-com-hd .cnt .tt:before {
  position: absolute;
  content: '';
  width: 29px;
  height: 1px;
  background: #fff;
  left: 0;
  top: 100%;
  margin-top: 16px
}

.m-com-hd .cnt .txt {
  line-height: 1.8em;
  color: rgba(246, 246, 246, .8)
}

.m-com-hd-aboutUs .cnt .txt {
  margin: 2.6% 0 0
}

.m-com-hd-aboutUs:hover .cnt .txt {
  color: #fff;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-comWrap {
  background: #f5f5f5;
  padding: 4% 0
}

.m-section-style1 {
  margin: 2.34375% 0 0;
  overflow: hidden;
  background: #fff
}

.m-section-style1:first-child {}

.m-section-style1>.bd {
  display: flex;
  justify-content: space-between
}

.m-section-style1 .pic {
  flex: none;
  width: 554px;
  padding: 0 40px 0 0;
  opacity: .5;
  -webkit-transition: ease-in-out .6s;
  -o-transition: ease-in-out .6s;
  transition: ease-in-out .6s;
  -webkit-transform: translate3d(10%, 0, 0);
  -ms-transform: translate3d(10%, 0, 0);
  -o-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0)
}

.m-section-style1 .pic .item {
  position: relative;
  display: block
}

.m-section-style1.scrollActive .cnt,
.m-section-style1.scrollActive .pic {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-section-style1-news .pic {}

.m-section-style2 {
  padding: 3% 6%
}

.m-section-style2:first-child {
  margin-top: 0
}

.m-section-style2 .pic {}

.m-section-style1 .pic img {
  width: 100%;
  height: auto
}

.m-section-style1 .cnt {
  flex: none;
  width: 580px;
  -webkit-transition: ease-in-out .6s .2s;
  -o-transition: ease-in-out .6s .2s;
  transition: ease-in-out .6s .2s;
  -webkit-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
  overflow: hidden
}

.m-section-style1-news .cnt {}

.m-section-style2 .cnt {}

.m-section-style1-right .pic {
  position: relative;
  width: 555px;
  float: left;
  text-align: left;
  -webkit-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0)
}

.m-section-style1 .pic p {}

.m-section-style1 .pic .describe {
  position: absolute;
  width: 512px;
  height: 120px;
  line-height: 1.5em;
  padding: 20px 22px 0;
  right: -38px;
  bottom: -76px;
  color: #626262;
  font-size: 12px;
  background: #F7F7F7;
  box-sizing: border-box
}

.m-section-style1 .pic .describe .tt {
  margin-bottom: 16px;
  color: #5B5B5B;
  font-size: 14px;
  font-weight: bold
}

.m-section-style1 .pic p.date {
  height: 60px;
  position: absolute;
  display: inline-flex;
  align-items: flex-end;
  left: 0;
  top: 100%;
  color: #ccc;
  color: #5B5B5B;
  font-size: 12px
}

.m-section-style1-right .cnt {
  float: right;
  opacity: .5;
  -webkit-transform: translate3d(10%, 0, 0);
  -ms-transform: translate3d(10%, 0, 0);
  -o-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0)
}

.m-list-style1 {
  position: relative
}

.m-list-block li {}

.m-list-block li .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #626262;
  height: 130px;
  padding: 10px 26px !important;
  border-bottom: 2px solid #F7F7F7
}

.m-list-block li .title {
  margin-bottom: 16px;
  font-size: 14px;
  color: #5B5B5B;
  font-weight: bold
}

.m-list-block li .item:hover .title {
  color: #195599
}

.m-list-block li .date {
  display: inline-block;
  color: #8E8E8E;
  margin-top: 12px;
  font-size: 12px
}

.m-list-block li p {
  line-height: 1.5em
}

.m-list-block li:hover {
  background: #F7F7F7
}

.m-list-block ul li .item .more {
  position: absolute;
  width: 50px;
  height: 22px;
  right: 20px;
  bottom: 16px;
  color: #D4D4D4;
  border-color: #D4D4D4
}

.m-list-block ul li .item:hover .more {
  color: #fff;
  border-color: #195599;
  background: #195599
}

.m-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 34px;
  padding: 20px 0 20px 16px;
  color: #252525;
  border-bottom: 1px solid #EBEBEB;
  font-size: 16px
}

.m-title h3 {
  flex: none
}

.m-title .en {
  flex: 1;
  padding-top: 4px;
  margin-left: 6px;
  color: #8E8E8E;
  font-size: 12px
}

.m-title:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  width: 4px;
  height: 26px;
  margin-top: -13px;
  background: #195599
}

.m-section-grey .m-title {
  border-bottom-color: #EBEBEB
}

.m-list-style2 h3 {
  padding: 2.1653543307086616% 7.44%
}

.m-list-style2 .bd {
  padding: 2.1653543307086616% 7.44%;
  color: #252525;
  font-size: 14px;
  line-height: 1.6em;
  text-indent: 2em
}

.m-section-style1-right .m-list-style1 h3 {
  text-align: right
}

.m-section-style1 h3 .en,
.m-section-style1 .m-list-style1 h3 .en {
  color: #cdcdcd;
  font-size: 12px;
  margin-left: 10px
}

.m-section-style1 h3 .en {
  flex: 1
}

.m-section-style1 h3 .more {
  flex: none
}

.m-list-style1 ul {}

.m-list-style1 ul li {
  position: relative;
  color: #6e6e6e;
  font-size: 14px
}

.m-list-style1 ul li:hover {
  color: #008bed
}

.m-list-style1 ul li .item .more .iconfont {
  font-size: 22px
}

.m-list-style1 ul li:before {
  position: absolute;
  content: '';
  width: 2px;
  height: 2px;
  border-radius: 100%;
  left: -14px;
  top: 50%;
  margin: -1px 0 0;
  background: #5b5b5b
}

.m-list-style2 .more {
  margin-right: 7.44%
}

.m-list-style1 .more:hover:after {
  right: -10px
}

.m-section-contact2,
.m-section-contact {
  background: #fff;
  padding: 30px 0 58px;
  color: #323232
}

.m-section-contact2 h3,
.m-section-contact h3 {
  font-size: 22px;
  text-align: center
}

.m-section-contact .list {
  padding: 0 3.8%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  overflow: hidden
}

.m-section-contact .list .col {
  flex: none
}

.m-section-contact .list .col .mod {
  margin: 3% 0 0
}

.m-section-contact .list .col .mod h4 {
  display: inline-block;
  padding: 6px 0;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #044b91
}

.m-section-contact .list .col .mod ul {
  padding: 6px 0
}

.m-section-contact .list .col .mod ul li {
  padding: 5px 0
}

.m-section-contact .list .col .mod ul li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #6b6b6b
}

.m-section-contact .list .col .mod ul li:hover a {
  color: #008bed
}

.m-section-contact2 {}

.m-section-contact2 .hd ul {
  margin: 3.6% 0 0;
  overflow: hidden
}

.m-section-contact2 .hd ul li {
  float: left;
  text-align: center;
  margin: 10px 0;
  width: 16.666666666666667%
}

.m-section-contact2 .hd ul li:hover {
  color: #008bed
}

.m-section-contact2 .hd ul li a {
  display: inline-block;
  font-size: 16px;
  padding: 8px 3px;
  box-sizing: border-box;
  border-bottom: 2px solid transparent
}

.m-section-contact2 .hd ul li.active a {
  color: #044b91;
  font-weight: bold;
  border-bottom-color: #044b91
}

.m-section-contact2 .bd {
  padding: 2% 6%;
  font-size: 18px;
  background: #f5f5f5
}

.m-section-contact2 .bd ul {
  overflow: hidden
}

.m-section-contact2 .bd ul li {
  float: left;
  min-height: 50px;
  line-height: 1.8em;
  width: 50%;
  margin: 10px 0;
  padding-right: 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #6b6b6b
}

.J-cnt {
  display: none
}

.J-cnt.active {
  display: block
}

.m-section-2 {
  padding: 0 6% 4%;
  overflow: hidden;
  background: #fff
}

.m-section-2 h2 {
  font-size: 24px
}

.m-section-2 .section .title {
  position: relative;
  color: #3368a5;
  font-size: 22px;
  text-align: center;
  padding: 25px 0;
  margin: 60px 0 0;
  font-weight: bold;
  border-bottom: 2px solid #E8E8E8
}

.m-section-2 .section .title:before {
  position: absolute;
  content: '';
  width: 32px;
  height: 4px;
  left: 50%;
  bottom: -3px;
  margin-left: -16px;
  border-radius: 2px;
  background: #195599
}

.m-section-2 .section .bd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 56px 0;
  overflow: hidden
}

.m-section-2-oil .section .bd {
  padding: 74px 0 0
}

.m-section-2 .section3 .bd {
  padding: 3% 0
}

.m-section-2 .section .bd .pic {
  flex: none;
  margin: 0 22px;
  border-width: 18px 16px;
  border-style: solid;
  border-color: #F5F5F5
}

.m-section-2-bus .section .bd .pic {}

.m-section-2-oil .section .bd .pic {}

.m-section-2-bus .section .bd .pic img {
  width: 100%
}

.m-section-2 .section-2 .bd .pic {}

.m-section-2-bus .section-2 .bd .pic {}

.m-section-2 .section .bd .cnt {
  flex: 1;
  margin: 0 22px;
  line-height: 1.8em;
  color: #252525;
  font-size: 14px
}

.m-section-2-bus .section .bd .cnt p {
  margin: 1% 0
}

.m-section-2-xiebo {
  padding-top: 0;
  overflow: hidden
}

.m-section-2-xiebo .section .bd .cnt p {
  text-indent: 2em
}

.m-section-2-oil .section .bd .cnt p {
  text-indent: 2em
}

.m-section-2 .section .bd .cnt p {}

.m-section-2-oil .section .bd .cnt,
.m-section-2-bus .section .bd .cnt {
  width: 626px;
  font-size: 14px;
  text-indent: 2em;
  color: #5B5B5B
}

.m-section-2 .section .bd .pt {}

.m-section-2-oil .section .bd .pt {}

.m-section-2 .section-2 .bd .cnt {}

.m-section-2 .section .bd .cnt em {
  font-weight: bold
}

.m-section-2 .section5 .bd .cnt em {
  display: inline-block;
  font-size: 16px
}

.m-section-2 .section .bd .cnt .mt {
  margin-top: 2%
}

.m-section-2 .section .bd .cnt .picWrap {
  width: 100%;
  text-align: center
}

.m-section-2 .section .bd .cnt .picWrap img {
  max-width: 100%
}

.m-section-2 .section .bd .cnt-full {
  float: none;
  width: 100%
}

.m-section-2 .section .bd .cnt-full-img {
  text-indent: 0
}

.m-section-2 .section .bd .cnt-full-img img {
  width: 100%;
  text-indent: 0
}

.m-section-2-bus .section .flu {
  margin: 0 0 10%
}

.m-section-2-bus .section .flu li {
  position: relative;
  text-align: center
}

.m-section-2-bus .section .flu li.line {
  position: relative;
  width: 58px
}

.m-section-2-bus .section .flu li.line:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  margin: -1px;
  background: #8CABCE
}

.m-section-2-bus .section .flu li .icon {
  position: relative;
  display: inline-block;
  width: 76px;
  height: 76px;
  border-radius: 100%;
  background: url(../images/bg-round2.png) no-repeat 0 0
}

.m-section-2-bus .section .flu li .icon:after {
  position: absolute;
  content: '';
  width: 36px;
  height: 36px;
  left: 50%;
  top: 50%;
  margin: -18px -16px;
  transform: scale(.8);
  background: url(../images/bus-sprite.png) no-repeat 0 0
}

.m-section-2-bus .section .flu li .icon2:after {
  background-position: -36px 0
}

.m-section-2-bus .section .flu li .icon3:after {
  background-position: -72px 0
}

.m-section-2-bus .section .flu li .icon4:after {
  background-position: -108px 0
}

.m-section-2-bus .section .flu li .icon5:after {
  background-position: -144px 0
}

.m-section-2-bus .section .flu li p {
  position: absolute;
  width: 200px;
  bottom: -25px;
  left: 50%;
  margin-left: -100px;
  color: #323232;
  font-size: 14px
}

.m-section-2-bus .section .pic-list {
  width: 100%;
  overflow: hidden
}

.m-section-2-bus .section4 .pic-list {
  background: #f5f5f5;
  text-align: center
}

.m-section-2-bus .section4 .pic-list .tt {
  font-size: 14px;
  margin-bottom: 10px
}

.m-section-2-bus .section .pic-list li {
  float: left;
  width: 33.33333%;
  padding: 1%;
  box-sizing: border-box;
  text-align: center
}

.m-section-2-bus .section4 .pic-list li {
  padding: 0
}

.m-section-2-bus .section .pic-list li p {
  font-size: 14px;
  margin: 3% 0 0
}

.m-section-2-bus .section4 .pic-list li p {
  margin-top: 10px
}

.m-section-2-bus .section .pic-list2 li .item-title {
  color: #252525;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 16px
}

.m-section-2-bus .section .pic-list2 li .txtWrap {
  line-height: 1.45em;
  min-height: 140px;
  text-align: left
}

.m-section-2-bus .section .pic-list li a {
  display: block;
  padding: 4%;
  background: #f5f5f5
}

.m-section-2-bus .section5 .pic-list li .txtWrap {
  min-height: 140px
}

.m-section-2-bus .section5 .pic-list li .txtWrap .tt {
  text-align: center
}

.m-section-2-bus .section .pic-list li a img {
  width: 100%
}

.m-section-2-bus .section4 .txtWrap {
  line-height: 1.5em;
  margin: 2% 0 0;
  font-size: 14px;
  text-indent: 2em;
  color: #252525
}

.m-section-style2 {
  margin: 6% 0 0;
  background: #fff
}

.m-section-style2 {}

.m-section-style2 h3 {
  text-align: center;
  font-size: 22px
}

.m-section-style2 .hd ul {
  margin: 2.6% 0 0;
  overflow: hidden
}

.m-tab {
  display: inline-flex
}

.m-tab li {
  cursor: pointer;
  font-size: 16px;
  margin: 0 34px 0 0;
  padding: 6px 2px;
  font-weight: bold;
  font-size: 16px;
  margin-right: 1rem;
  border-bottom: 2px solid transparent
}

.m-tab li.active {
  color: #00428E;
  border-bottom-color: #044b91
}

.m-section-style2 .bd ul {
  margin: 10px 0;
  overflow: hidden
}

.m-section-style2 .bd ul li {
  float: left;
  width: 50%;
  padding-right: 30px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 2em
}

.m-section-style2 .bd ul li a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #6b6b6b
}

.m-section-style2 .bd ul li a:hover {
  color: #008bed
}

.m-section-style2 .date-line-title {
  margin: 1% 0 0;
  text-align: center;
  color: #a7a7a7
}

.m-section-style2 .u-date-line {
  margin: 6px 0 0;
  padding: 22px 0;
  background: #f9f9f9
}

.m-section-investor:nth-child(3),
.m-section-investor {
  opacity: .5;
  -webkit-transition: ease-in-out .6s;
  -o-transition: ease-in-out .6s;
  transition: ease-in-out .6s;
  -webkit-transform: translate3d(10%, 0, 0);
  -ms-transform: translate3d(10%, 0, 0);
  -o-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0)
}

.m-section-investor:nth-child(2) {
  -webkit-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0)
}

.m-section-investor.scrollActive {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

/*.m-stock {
  display: flex;
  height: 188px;
  align-items: center;
  background: #16599b;
  padding: 20px 14px 8px 30px;
  color: #e7e7e7
}

.m-stock table {
  width: 100%;
  text-align: left
}

.m-stock table th {
  height: 36px;
  font-weight: normal;
  font-size: 14px;
  color: #f7f9fb
}

.m-stock table td {
  font-size: 30px;
  font-weight: bold;
  line-height: 50px
}

.dataInfo {
  text-align: right;
  font-size: 14px;
  color: #f7f9fb;
  margin: 32px 0 0
}

.dataInfo span {
  display: inline-block;
  margin-right: 10px
}

.m-stock table td em {
  font-size: 38px;
  font-weight: bold
}

.m-stock table td .icon {
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url(../images/icon_stock_up.png) no-repeat center center
}

.m-stock table td .down {
  background: url(../images/icon_stock_down.png) no-repeat center center
}

#dataCur {
  color: #e62b1e
}

#dataCur.green {
  color: #00A352
}*/

.m-company-msg {
  background: #205A9C
}

.m-company-msg .container {
  display: flex;
  height: 182px;
  align-items: center;
  color: #fff
}

.m-company-msg>.cell {
  padding: 4% 0
}

.m-company-msg>.cell.dm {
  display: flex;
  align-items: center;
  margin-left: 2%
}

.m-company-msg .com-name {
  display: flex;
  flex: none;
  align-items: center;
  box-sizing: border-box;
  margin-right: 184px;
  padding-left: 12px
}

.m-company-msg .com-name .logo {
  display: inline-block;
  vertical-align: bottom
}

.m-company-msg .com-name .cnt {
  display: inline-block;
  padding-left: 2%;
  vertical-align: bottom;
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap
}

.m-company-msg .com-name .cnt .address {
  margin: 8px 0 0;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: .1em
}

.m-company-msg .dm {
  flex: 1
}

.m-company-msg dl {
  font-size: 18px;
  line-height: 1.5em
}

.m-company-msg dt {
  display: block;
  margin-bottom: 8px
}

.m-company-msg dd {
  display: inline-block;
  margin-right: 56px
}

.m-section-style3 {
  padding: 3% 6%;
  background: #fff
}

.m-section-style3 .section-style3-tt {
  text-align: center;
  border-bottom: 2px solid #f0f0f0
}

.m-section-style3 .section-style3-tt h3 {
  position: relative;
  display: inline-block;
  color: #00428e;
  font-size: 22px;
  font-weight: bold;
  padding: 9px 0
}

.m-section-style3 .section-style3-tt h3:after {
  position: absolute;
  content: '';
  width: 90%;
  left: 5%;
  bottom: -2px;
  height: 2px;
  background: #044b91
}

.m-section-style3 .hd {
  padding: 17px 0 13px;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden
}

.m-section-style3 .hd .tt {
  float: left;
  padding: 3px 5px
}

.m-section-style3 .hd ul li {
  cursor: pointer;
  float: left;
  display: inline-block;
  margin-right: 12px;
  padding: 3px 5px
}

.m-section-style3 .hd ul li.active {
  color: #fff;
  background: #3368a5
}

.table-style1 {
  width: 100%
}

.table-style1 thead {
  color: #fff;
  font-size: 14px;
  background: #3368a5
}

.table-style1 thead tr th {
  height: 46px;
  padding: 0 4%
}

.table-style1 tbody tr td {
  font-size: 14px;
  height: 60px;
  padding: 0 4%;
  border-bottom: 2px solid #f0f0f0
}

.m-section-2-news .entry-meta {
  text-align: center;
  font-size: 14px;
  margin: 6% 0
}

.m-section-2-news .entry-date,
.m-section-2-news .updated {
  margin-right: 10px
}

.m-section-2 .entry-content {
  line-height: 1.8em;
  font-size: 14px;
  color: #6d6d6d;
  text-indent: 2em
}

.m-section-2 .entry-content strong {
  font-weight: bold
}

.m-section-2 .entry-content img {
  display: block;
  margin: 4% auto;
  max-width: 100%;
  height: auto
}

.m-section-2 .entry-content p {
  margin: 1% 0
}

.wp-pagenavi {
  margin: 2.4% 0;
  text-align: center;
  font-size: 14px
}

.wp-pagenavi .pages {
  margin-right: 20px
}

.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .page {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 35px;
  margin: 0 3px;
  text-align: center;
  color: #999;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 18px;
  background: #fff
}

.wp-pagenavi .last,
.wp-pagenavi .first {
  margin: 0 3px
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  font-size: 20px
}

.wp-pagenavi .current {
  color: #fff;
  border-color: #00428e;
  background: #00428e
}

.m-com-hd-list {
  padding: 2.2% 3.5%;
  color: #fff
}

.m-com-hd-list .mod {
  display: inline-block;
  text-align: center
}

.m-com-hd-list .mod h2 {
  display: inline-block;
  font-size: 18px;
  padding-top: 12px;
  border-top: 1px solid #fff
}

.m-com-hd-list .mod p {
  margin-top: 6px;
  color: #859fc3
}

@media screen and (max-width:1280px) {
  .container {
    padding-left: 10px;
    padding-right: 10px
  }
}

@media screen and (max-width:1024px) {
  .site-nav .menu-list .menu li {
    margin: 0 10px
  }

  .site-nav .menu-list {
    position: fixed;
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .9);
    z-index: 9;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    overflow-y: auto
  }

  .site-nav .menu-list.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 9
  }

  .site-nav .menu-list.active .menu {
    flex-direction: column
  }

  .site-nav .menu-list.active>div {
    width: 100%
  }

  .site-nav .menu-list .menu li {
    float: none;
    display: block;
    font-size: 16px
  }

  .site-nav .menu-list .menu li.active {
    font-weight: normal;
    color: #fff;
    background: #044b91
  }

  .site-nav .menu-list .menu li:hover {
    color: #fff;
    background: #267dd2;
    border-color: #267dd2
  }

  .site-nav .menu-list .menu li a {
    height: auto;
    line-height: 1em;
    padding: 1rem;
    text-align: center
  }

  .u-menu {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    padding: 25px 1rem;
    font-size: 0;
    z-index: 10
  }

  .u-menu i {
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 2px 0;
    background: #00428e
  }

  .u-menu.active {
    position: fixed;
    top: 30px;
    right: 0;
    z-index: 10
  }

  .u-menu.active i {
    -webkit-transition: linear .2s;
    -o-transition: linear .2s;
    transition: linear .2s
  }

  .u-menu.active i:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg)
  }

  .u-menu.active i:nth-child(2) {
    opacity: 0
  }

  .u-menu.active i:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg)
  }
}

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

.g-joinUs {
  margin-bottom: 62px
}

.g-joinUs .itemJoin {
  user-select: none;
  position: relative;
  display: block;
  margin: 5.9375% 0 0;
  opacity: .5;
  -webkit-transition: ease-in-out .6s;
  -o-transition: ease-in-out .6s;
  transition: ease-in-out .6s;
  -webkit-transform: translate3d(10%, 0, 0);
  -ms-transform: translate3d(10%, 0, 0);
  -o-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0)
}

.g-joinUs .itemJoin:nth-child(even) {
  -webkit-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0)
}

.g-joinUs .itemJoin.scrollActive {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.g-joinUs .itemJoin .bg {
  width: 100%
}

.g-joinUs .itemJoin .textWrap {
  position: absolute;
  width: 50%;
  left: 0;
  bottom: 0;
  text-align: right;
  padding: 3% 5% 2%;
  box-sizing: border-box;
  color: #fff;
  font-size: .3rem;
  background: rgba(51, 104, 165, .7)
}

.g-joinUs .itemJoin .textWrap .title {
  display: inline-block;
  text-align: center
}

.g-joinUs .itemJoin .textWrap h3 {
  font-size: 18px;
  font-weight: bold
}

.g-joinUs .itemJoin .textWrap .en {
  position: relative;
  display: inline-block;
  margin: 2% 0 0;
  font-size: 14px;
  color: #acb9cd;
  color: rgba(255, 255, 255, .7)
}

.g-joinUs .itemJoin .textWrap .en:before,
.g-joinUs .itemJoin .textWrap .en:after {
  position: absolute;
  content: '';
  width: 30px;
  height: 1px;
  left: -34px;
  margin: -1px 0 0;
  top: 50%;
  background: #acb9cd
}

.g-joinUs .itemJoin .textWrap .en:after {
  left: auto;
  right: -34px
}

.g-joinUs .itemJoin-style2 .textWrap {
  height: 100%;
  left: auto;
  right: 0;
  padding: 4.84375% 0 0;
  text-align: center
}

.g-joinUs .itemJoin-style2 .textWrap .list li {
  position: relative;
  text-align: left;
  margin: 6% 0 0;
  padding: 0 9%
}

.g-joinUs .itemJoin-style2 .textWrap .list li h4 {
  padding: 3% 0;
  font-size: 18px
}

.g-joinUs .itemJoin-style2 .textWrap .list li p {
  line-height: 1.8em;
  font-size: 14px;
  color: #d1dcea
}

.g-joinUs .itemJoin-style2 .textWrap .list .icon {
  position: absolute;
  left: -24px;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0;
  border-radius: 100%;
  background: #fff
}

.g-joinUs .itemJoin-style2 .textWrap .list .icon:before {
  position: absolute;
  content: '';
  width: 25px;
  height: 26px;
  left: 50%;
  top: 50%;
  margin: -13px;
  background: url(../images/icon-sprite-about.png) no-repeat 0 0
}

.g-joinUs .itemJoin-style2 .textWrap .list .icon2:before {
  background-position: 0 -26px
}

.g-joinUs .itemJoin-style4 .textWrap {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  background: none
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment {
  width: 48.28125%;
  padding: 6% 6% 0;
  box-sizing: border-box;
  text-align: left
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment h3 {
  position: relative;
  display: inline-block;
  margin: 0 0 10px 0;
  color: #3368a5;
  font-size: 16px;
  padding: 2px 18px;
  background: #fff
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment .more {
  float: right;
  padding: 4px 0
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment .more:hover {
  color: #ccc
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment h3:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -6px;
  margin-left: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 6px solid #fff
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment ul li {
  border-bottom: 1px solid #fff;
  font-size: 12px
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment ul li a {
  display: block;
  padding: 10px 4px
}

.g-joinUs .itemJoin-style4 .textWrap .list-recruitment ul li a:hover {
  color: #b7b7b7
}

.g-joinUs .itemJoin-style4 .title {
  position: absolute;
  width: 60%;
  right: 0;
  bottom: 0;
  text-align: center;
  margin-right: 5%;
  padding: 7% 0
}

.g-joinUs .itemJoin-style5 {
  display: flex;
  align-items: stretch
}

.g-joinUs .itemJoin-style5 .map {
  position: relative;
  flex: none
}

.g-joinUs .itemJoin-style5 .map:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(51, 104, 165, .6)
}

.g-joinUs .itemJoin-style5 .contact-msg {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #4475ac
}

.g-joinUs .itemJoin-style5 .contact-msg .title {
  line-height: 1em;
  color: #fff;
  font-size: 18px;
  text-align: center
}

.g-joinUs .itemJoin-style5 .contact-msg .title .en {
  position: relative;
  display: inline-block;
  width: 138px;
  margin-top: 10px;
  color: rgba(255, 255, 255, .5);
  font-size: 14px
}

.g-joinUs .itemJoin-style5 .contact-msg .title .en em {
  position: relative;
  display: inline-block;
  padding: 0 4px;
  background: #4475ac
}

.g-joinUs .itemJoin-style5 .contact-msg .title .en:before {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  top: 50%;
  height: 1px;
  background: rgba(255, 255, 255, .5)
}

.g-joinUs .itemJoin-style5 .contact-msg .list {
  padding: 0 72px 0 60px;
  color: #fff
}

.g-joinUs .itemJoin-style5 .contact-msg .list .item {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(170, 172, 176, .3)
}

.g-joinUs .itemJoin-style5 .contact-msg .list .item:last-child {
  border-bottom: none
}

.g-joinUs .itemJoin-style5 .contact-msg .list .item .iconfont {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 40px;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s;
  border-radius: 100%;
  font-size: 20px;
  background: #fff;
  color: rgba(51, 104, 165, .87)
}

.g-joinUs .itemJoin-style5 .contact-msg .list .item .txt {
  flex: 1;
  font-size: 16px
}

.g-joinUs .itemJoin-style5 .contact-msg .list .item .txt em {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  color: #d0dcea
}

.g-joinUs-culture {
  padding: 2% 8% 8%;
  overflow: hidden
}

.g-joinUs-culture .itemJoin .textWrap {
  position: absolute;
  width: 38%;
  height: 125px;
  left: auto;
  right: 8%;
  top: 50%;
  font-size: 14px;
  margin-top: -62px;
  padding: 2% 1% 2%;
  text-align: center
}

.g-joinUs-culture .itemJoin .textWrap .en:before,
.g-joinUs-culture .itemJoin .textWrap .en:after {
  display: none
}

.g-joinUs-culture .itemJoin .textWrap h3 {
  margin: 6px 0 12px
}

.g-joinUs-culture .itemJoin-style2 .textWrap {
  left: 5.9375%;
  right: auto
}

.g-joinUs-culture .itemJoin-style3 .textWrap {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0
}

.g-joinUs-culture .itemJoin-style3 .list-core {
  margin: 100px 0 0
}

.g-joinUs-culture .itemJoin-style3 .list-core .item {
  width: 180px;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #fff
}

.g-joinUs-culture .itemJoin-style3 .list-core .item .icon {
  display: inline-block;
  width: 36px;
  height: 32px;
  background: url(../images/icon-sprice-culture.png) no-repeat 0 -128px
}

.g-joinUs-culture .itemJoin-style3 .list-core .item .icon2 {
  background-position: 0 -160px
}

.g-joinUs-culture .itemJoin-style3 .list-core .item .icon3 {
  background-position: 0 -192px
}

.g-joinUs-culture .itemJoin-style3 .list-core .item .icon4 {
  background-position: 0 -224px
}

.g-joinUs-culture .itemJoin-style3 .list-core2 .item .icon5 {
  background-position: 0 0
}

.g-joinUs-culture .itemJoin-style3 .list-core2 .item .icon6 {
  background-position: 0 -32px
}

.g-joinUs-culture .itemJoin-style3 .list-core2 .item .icon7 {
  background-position: 0 -64px
}

.g-joinUs-culture .itemJoin-style3 .list-core2 .item .icon8 {
  background-position: -32px -96px
}

.g-joinUs-culture .itemJoin-style3 .list-core2 .item-white {
  color: #3368a5;
  background: #fff
}

.g-joinUs-culture .itemJoin .textWrap .txt {
  margin: 26px 0 0;
  font-size: 18px;
  font-weight: bold
}

.g-joinUs-culture .itemJoin-style6 .textWrap {
  padding: 2% 6% 2%;
  background: rgba(51, 104, 165, .5)
}

.g-joinUs-culture .itemJoin-style6 .list-core {
  margin: 40px 0 0
}

.g-joinUs-culture .itemJoin-style6 .list-core .item {
  width: 154px;
  padding: 18px 0 12px;
  border-width: 2px
}

.g-joinUs-culture .itemJoin-style6 .list-core2 .item {
  padding: 16px 0 14px
}

.g-joinUs-culture .itemJoin-style6 .list-core2 .item p {
  margin-top: 2px
}

.m-swiper-people .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.m-swiper-people {
  height: 386px;
  margin: 7.8125% 0;
  background: #00428e;
  opacity: .5;
  -webkit-transition: ease-in-out .6s;
  -o-transition: ease-in-out .6s;
  transition: ease-in-out .6s;
  -webkit-transform: translate3d(10%, 0, 0);
  -ms-transform: translate3d(10%, 0, 0);
  -o-transform: translate3d(10%, 0, 0);
  transform: translate3d(10%, 0, 0);
  overflow: hidden
}

.m-swiper-people .mod {
  position: relative;
  height: 100%;
  flex: 1;
  overflow: hidden
}

.m-swiper-people:nth-child(even) {
  -webkit-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0)
}

.m-swiper-people.scrollActive {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-swiper-people .article {
  position: relative;
  z-index: 2;
  overflow: hidden
}

.m-swiper-people .article .banner {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.m-swiper-people .article .content {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 20px
}

.m-swiper-people .article .content.active {
  display: block
}

.m-swiper-people .article .content h3 {
  display: inline-block;
  margin: 96px 0 0 -20px;
  padding: 18px 56px;
  font-size: 30px;
  font-weight: bold;
  background: #00428e
}

.m-swiper-people .article .content .title {
  display: none;
  line-height: 1.2em;
  margin: 26px 56px 0 56px
}

.m-swiper-people .article .content.active .title {
  display: block
}

.g-peopleZyd {
  overflow: hidden
}

.m-swiper-people2 {
  padding: 0 170px 0 0
}

.m-swiper-people2 .swiper {
  width: 608px !important
}

.m-swiper-people2 .article .content {
  text-align: right
}

.m-swiper-people2 .article .content h3 {
  margin: 92px -20px 0 0;
  background: #3368a5
}

.m-swiper-people2 .article .content .title {
  margin: 32px 34px 0 32px
}

.u-investor {
  position: fixed;
  width: 23px;
  line-height: 1.2em;
  padding: 10px;
  right: 0;
  top: 50%;
  margin: -100px 0 0 0;
  border-radius: 5px 0 0 5px;
  text-align: center;
  color: #fff;
  background: #00428e;
  z-index: 9999
}

.u-investor:hover {
  color: #fff
}

.u-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 32px;
  border: 1px solid #195599;
  border-radius: 30px;
  color: #195599;
  font-size: 37px;
  box-sizing: border-box
}

.u-more:hover {
  color: #fff;
  background: #195599
}

.u-more .iconfont {
  font-size: inherit;
  font-weight: lighter
}

.m-section {
  min-height: 500px;
  padding: 30px 0 58px
}

.m-section-grey {
  background: #F7F7F7
}

.m-section .bd {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.m-section .bd .pic {
  max-width: 596px
}

.m-section .bd>div:last-child {
  margin-left: 20px
}

.m-section .bd .cnt {
  width: 584px;
  color: #5B5B5B;
  font-size: 14px;
  line-height: 2em
}

.m-section .bd .cnt p {
  margin: 12px 0;
  text-indent: 2em
}

.m-investor {
  padding: 30px 0 50px
}

.bg-grey {
  background: #F7F7F7
}

.m-investor .u-more {
  float: right;
  margin: 10px 0 0
}

.date-line-title {
  text-align: center;
  margin: 12px 0 0;
  color: #195599;
  font-size: 12px
}

.btn-link {
  display: inline-flex;
  height: 26px;
  margin: 28px 0 0;
  padding: 0 10px 0 8px;
  align-items: center;
  box-sizing: border-box;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 30px
}

.btn-link:hover {
  color: #195599;
  background: #fff
}

.btn-link .iconfont {
  margin-right: 3px
}

.m-title2 {
  padding: 0 10px
}

.m-title2 h2 {
  line-height: 1em;
  padding: 0 0 14px;
  color: #fff;
  font-size: 42px;
  border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.m-title2 .subTitle {
  display: flex;
  padding: 10px 6px;
  justify-content: space-between;
  color: rgba(255, 255, 255, .3);
  font-size: 18px
}

.m-title2 .subTitle .crumb {
  font-size: 14px
}

.m-title2 .subTitle .crumb a:hover {
  color: #fff
}

.m-article {
  padding: 78px 0;
  background: #F7F7F7;
  overflow: hidden
}

.m-article .container {
  min-height: 800px;
  background: #fff;
  padding: 82px 106px 76px
}

.m-article h1 {
  padding-bottom: 38px;
  border-bottom: 2px solid #E8E8E8;
  text-align: center;
  font-size: 30px;
  font-weight: bold
}

.m-article .entry-meta {
  display: block;
  text-align: center;
  color: #858585;
  font-size: 14px;
  margin: 36px 0 48px
}

.m-article .entry-meta.post-views {
  display: none
}

.m-article .entry-content {
  line-height: 1.8em;
  font-size: 14px;
  color: #6d6d6d;
  text-indent: 2em
}

.m-article .entry-content strong {
  font-weight: bold
}

.m-article .entry-content img {
  display: block;
  margin: 4% auto;
  max-width: 100%;
  height: auto
}

.m-article .entry-content p {
  margin: 1% 0
}

.m-list-recruit li {
  background: #fff;
  margin: 0 0 28px 0
}

.m-list-recruit li .item {
  display: flex;
  align-items: center;
  padding: 20px 50px 20px 56px
}

.m-list-recruit li .item .col-left {
  flex: 1
}

.m-list-recruit li .item .u-more {
  color: #D4D4D4;
  border-color: #D4D4D4
}

.m-list-recruit li .item:hover .u-more {
  color: #195599;
  border-color: #195599
}

.m-list-recruit li .item .title {
  color: #323232;
  font-size: 22px
}

.m-list-recruit li .item:hover .title {
  color: #044B91
}

.m-list-recruit li .item .title {}

.m-list-recruit li .item .txt {
  margin: 22px 0 0;
  color: #5B5B5B;
  font-size: 12px
}

.m-list2 li .item {
  display: block;
  padding: 20px 22px 15px;
  text-align: left;
  text-indent: 0;
  border-bottom: 2px solid #F7F7F7;
  transition: transform .6s, opacity .6s
}

.m-section-grey .m-list2 li .item {
  border-bottom-color: #fff
}

.m-list2 li .item:hover {
  background: #F7F7F7
}

.m-section-grey .m-list2 li .item:hover {
  background: #fff
}

.m-list2 li .item .title {
  line-height: 1em;
  color: #5B5B5B;
  font-size: 14px;
  font-weight: bold
}

.m-list2 li .item:hover .title {
  color: #195599
}

.m-list2 li .item .context {
  margin: 16px 0;
  line-height: 1.5em;
  color: #626262;
  text-indent: 0;
  font-size: 12px
}

.m-list2 li .item .date {
  color: #8E8E8E;
  font-size: 12px
}

.m-list2 li .item .more {
  position: absolute;
  right: 20px;
  bottom: 18px;
  width: 50px;
  height: 22px;
  font-size: 18px;
  color: #D4D4D4;
  border-color: #D4D4D4
}

.m-list2 li .item:hover .more {
  color: #fff;
  border-color: #195599;
  background: #195599
}

.m-section-news .bd .pic {
  width: 556px;
  padding-right: 40px;
  margin-bottom: 80px
}

.m-section-news .bd .pic .item {
  display: block;
  position: relative;
  padding-right: 40px
}

.m-section-news .bd .pic .item img {
  width: 555px;
  height: auto
}

.m-section-news .bd .pic .item .describe {
  position: absolute;
  left: 82px;
  top: 100%;
  width: 92%;
  margin: -40px 0;
  padding: 22px;
  box-sizing: border-box;
  background: #F7F7F7
}

.m-section-grey .bd .pic .item .describe {
  background: #fff
}

.m-section-news .bd .pic .item .describe .tt {
  color: #5B5B5B;
  font-size: 14px;
  font-weight: bold
}

.m-section-news .bd .pic .item .describe .context {
  line-height: 1.5em;
  margin-top: 20px;
  color: #626262;
  font-size: 12px
}

.m-section-news .bd .pic .item .date {
  position: absolute;
  left: 0;
  top: 100%;
  width: 82px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.m-section-news .bd .pic .item .date .day {
  line-height: 1em;
  color: #5B5B5B;
  font-size: 44px
}

.m-section-news .bd .pic .item .date .mon {
  line-height: 1em;
  color: #8E8E8E;
  font-size: 12px
}

.J-tabWrap .J-more {
  display: none
}

.J-tabWrap .J-more.active {
  display: inline-flex
}

.m-section-newList {
  padding: 0 10px
}