<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * This is variable
 **/
/**
  * This is import
  **/
@import url('jinggroupcn-common.css');
@import url('../icon/icon.css');
@import url('../animate/3.6.0.css');
@import url('../swiper/3.4.2/swiper.min.css');
/**
  * This is additional configuration
  **/
a:hover {
  color: #004bc8;
}
@media (max-width: 1125px) {
  a:hover {
    opacity: 0.8;
  }
}
.wrap {
  position: relative;
  margin: 0 100px;
}
.wrap:after {
  content: '';
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
@media (max-width: 1125px) {
  .wrap {
    margin: 0 15px;
    overflow: hidden;
  }
}
.rich {
  line-height: 2;
  text-align: justify;
}
.rich img {
  max-width: 100%;
}
.only-monitor {
  display: block !important;
}
@media (max-width: 1125px) {
  .only-monitor {
    display: none !important;
  }
}
.only-monitor-inline {
  display: inline-block !important;
}
@media (max-width: 1125px) {
  .only-monitor-inline {
    display: none !important;
  }
}
.only-mobile {
  display: none !important;
}
@media (max-width: 1125px) {
  .only-mobile {
    display: block !important;
  }
}
.weui-thead {
  position: relative;
  line-height: 0;
  background: #ffffff;
  padding: 30px 0;
  overflow: hidden;
}
@media (max-width: 1281px) {
  .weui-thead {
    padding: 20px 0;
  }
}
@media (max-width: 1125px) {
  .weui-thead {
    padding: 10px 0;
  }
}
.weui-thead .title {
  display: inline-block;
  vertical-align: middle;
}
.weui-thead .title + .filter {
  margin-left: 0 !important;
}
.weui-thead .title h2 {
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.weui-thead .title h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2em;
  height: 3px;
  background: #004bc8;
}
@media (max-width: 1125px) {
  .weui-thead .title h2::after {
    width: auto;
    right: 0;
  }
}
.weui-thead .filter {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: -50px;
}
@media (max-width: 1125px) {
  .weui-thead .filter {
    display: block;
    overflow: hidden;
    margin-left: -30px;
  }
}
.weui-thead .filter.large .item {
  border-bottom: 3px solid transparent;
}
.weui-thead .filter.large .item.is-active {
  border-color: #004bc8;
}
.weui-thead .filter .list {
  white-space: nowrap;
}
.weui-thead .filter .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 50px;
}
@media (max-width: 1125px) {
  .weui-thead .filter .item {
    margin-left: 30px;
  }
}
.weui-thead .filter .item.is-active {
  color: #004bc8;
  font-weight: bold;
}
.weui-thead .filter .item span {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.weui-thead2 {
  position: relative;
  text-align: center;
  margin: 0 0 50px;
}
@media (max-width: 1281px) {
  .weui-thead2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1125px) {
  .weui-thead2 {
    margin-bottom: 20px;
  }
}
.weui-thead2 h2 {
  line-height: 2;
  font-size: 34px;
  color: #333333;
}
@media (max-width: 1281px) {
  .weui-thead2 h2 {
    font-size: 28px;
  }
}
@media (max-width: 1125px) {
  .weui-thead2 h2 {
    font-size: 20px;
  }
}
.weui-thead2 p {
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1441px) {
  .weui-thead2 p {
    font-size: 16px;
  }
}
@media (max-width: 1125px) {
  .weui-thead2 p {
    font-size: 14px;
  }
}
.weui-thead3 {
  position: relative;
  text-align: center;
  margin: 0 0 60px;
}
@media (max-width: 1281px) {
  .weui-thead3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1125px) {
  .weui-thead3 {
    margin-bottom: 20px;
  }
}
.weui-thead3 h2 {
  position: relative;
  line-height: 2;
  font-size: 34px;
  color: #333333;
  font-weight: normal;
}
.weui-thead3 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1.4em;
  margin: 0 0 0 -0.7em;
  border-bottom: 2px solid #004bc8;
}
@media (max-width: 1281px) {
  .weui-thead3 h2 {
    font-size: 30px;
  }
}
@media (max-width: 1125px) {
  .weui-thead3 h2 {
    font-size: 24px;
  }
}
.weui-thead3 p {
  line-height: 1.5;
}
.weui-thead4 {
  position: relative;
  line-height: 0;
  background: #ffffff;
  padding: 30px 0;
  overflow: hidden;
}
@media (max-width: 1281px) {
  .weui-thead4 {
    padding: 20px 0;
  }
}
.weui-thead4 .filter {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 1125px) {
  .weui-thead4 .filter {
    display: block;
    overflow: hidden;
    margin-left: 0;
  }
}
.weui-thead4 .filter.large .item {
  border-bottom: 3px solid transparent;
}
.weui-thead4 .filter.large .item.is-active {
  border-color: #004bc8;
}
.weui-thead4 .filter .list {
  white-space: nowrap;
}
.weui-thead4 .filter .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
.weui-thead4 .filter .item.is-active {
  color: #004bc8;
  font-weight: bold;
}
.weui-thead4 .filter .item span {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.weui-thead4 .children {
  margin: 10px 0 0 0;
  position: relative;
  display: none;
}
.weui-thead4 .children .list {
  position: relative;
}
.weui-thead4 .children .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
.weui-thead4 .children .item.is-active span {
  background: #e9f1fa;
}
.weui-thead4 .children .item span {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  border-radius: 30px;
}
.weui-loader {
  line-height: 0;
  position: relative;
  background: #ffffff;
  padding: 50px 0;
  text-align: center;
}
@media (max-width: 1281px) {
  .weui-loader {
    padding: 20px 0;
  }
}
.weui-loader .button span {
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  border: 1px solid #004bc8;
  color: #004bc8;
  border-radius: 45px;
  background: #ffffff;
  cursor: pointer;
}
.weui-flow {
  position: relative;
}
@media (min-width: 1125px) {
  .weui-flow:hover .weui-flow__layer {
    display: block;
  }
}
.weui-flow .weui-flow__layer {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -90px;
  padding: 35px 0 0 0;
  z-index: 10;
  display: none;
}
@media (max-width: 1125px) {
  .weui-flow .weui-flow__layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    align-items: center;
    justify-content: center;
  }
}
.weui-flow .weui-flow__layer .tbox {
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  animation: fadIn 0.3s ease;
}
@media (max-width: 1125px) {
  .weui-flow .weui-flow__layer .tbox {
    animation: zoomIn 0.3s ease;
  }
}
.weui-flow .weui-flow__layer .tbox::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -10px;
  margin: 0 0 0 -5px;
  width: 0;
  height: 0;
  z-index: 2;
  border: 6px solid transparent;
  border-bottom-color: #eeeeee;
}
@media (max-width: 1125px) {
  .weui-flow .weui-flow__layer .tbox::before {
    content: none;
  }
}
.weui-flow .weui-flow__layer .thd {
  position: relative;
  text-align: center;
}
.weui-flow .weui-flow__layer .thd h4 {
  line-height: 30px;
  background: #eeeeee;
}
.weui-flow .weui-flow__layer .tby {
  position: relative;
  padding: 10px 20px 0;
  text-align: center;
}
.weui-flow .weui-flow__layer .tby img {
  width: 140px;
  height: 140px;
}
.weui-flow .weui-flow__layer .tby p {
  padding: 10px 0;
  line-height: 16px;
  color: #999999;
  font-size: 12px;
}
/**
  * This is common layout
  */
#header {
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  height: 70px;
}
#header.is-hidden {
  pointer-events: none;
}
#header.is-hidden .header {
  top: -100%;
}
#header.is-home {
  position: fixed;
}
@media (max-width: 1125px) {
  #header {
    height: 50px;
  }
}
#header .header {
  position: relative;
  height: 70px;
  top: 0;
  transition: top 0.5s ease 0.3s;
}
@media (max-width: 1125px) {
  #header .header {
    height: 50px;
  }
}
#header .header .wrap {
  height: 70px;
  margin: 0;
  transition: background 0.2s ease 0s;
}
@media (max-width: 1125px) {
  #header .header .wrap {
    height: 50px;
  }
}
#header .header.is-active .wrap {
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#header .header.is-active .logo img {
  display: none;
}
#header .header.is-active .logo img:first-child {
  display: block;
}
#header .header.is-active #nav .nav .link {
  color: #000000;
}
#header .header.is-active .attached .tel .point {
  color: #000000;
}
#header .header.is-active .attached .tel .point i::after {
  background-position: 0 0;
}
#header .header.is-active .attached .tel .point .icon img {
  display: block;
}
#header .header.is-active .attached .tel .point .icon img:nth-child(2) {
  display: none;
}
#header .header.is-active .attached .rcode .point {
  color: #000000;
}
#header .header.is-active .attached .rcode .point i::after {
  border-top-color: #000000;
}
#header .header.is-active .attached .search .point i::after {
  background-position: -50px 0;
}
@media (max-width: 1125px) {
  #header .header.is-active .attached .search .point i::after {
    background-position: 0 0;
  }
}
#header .header.is-active .attached .shownav i::after {
  background-position: 0 0;
}
#header .logo {
  float: left;
  margin: 10px;
}
@media (max-width: 1281px) {
  #header .logo {
    margin: 15px 10px;
  }
}
@media (max-width: 1125px) {
  #header .logo {
    margin: 10px 10px;
  }
}
#header .logo a {
  display: block;
  line-height: 0;
}
#header .logo img {
  display: block;
  height: 50px;
}
#header .logo img:first-child {
  display: none;
}
@media (max-width: 1281px) {
  #header .logo img {
    height: 40px;
  }
}
@media (max-width: 1125px) {
  #header .logo img {
    height: 30px;
  }
}
#header .attached {
  float: right;
}
@media (max-width: 1125px) {
  #header .attached {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
#header .attached .tel {
  float: left;
}
#header .attached .tel .point {
  color: #ffffff;
  height: 70px;
  line-height: 70px;
}
#header .attached .tel .point i {
  display: inline-block;
  vertical-align: middle;
}
#header .attached .tel .point i::after {
  background-position: 0 -50px;
}
#header .attached .tel .point .icon {
  display: inline-block;
  vertical-align: middle;
}
#header .attached .tel .point .icon img {
  display: block;
  width: 25px;
  height: 25px;
}
#header .attached .tel .point .icon img:nth-child(1) {
  display: none;
}
#header .attached .tel .point span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  margin: 0 0 0 5px;
}
#header .attached .rcode {
  float: left;
  margin: 0 0 0 40px;
  position: relative;
}
@media (max-width: 1281px) {
  #header .attached .rcode {
    margin-left: 20px;
  }
}
#header .attached .rcode:hover .drop {
  display: block;
}
#header .attached .rcode .point {
  height: 70px;
  line-height: 70px;
  color: #ffffff;
}
#header .attached .rcode .point span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin: 0 5px 0 0;
}
#header .attached .rcode .point i {
  display: inline-block;
  vertical-align: -6px;
}
#header .attached .rcode .point i::after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #ffffff;
}
#header .attached .rcode .drop {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: none;
}
#header .attached .rcode .drop .inner {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -50px;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #eeeeee;
}
#header .attached .rcode .drop .inner .ls {
  position: relative;
  width: 100px;
}
#header .attached .rcode .drop .inner .it a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
@media (min-width: 1125px) {
  #header .attached .rcode .drop .inner .it a:hover {
    background: #f5f5f5;
  }
}
#header .attached .rcode .drop .inner .it strong {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #004bc8;
}
#header .attached .search {
  float: left;
  margin: 0 20px 0 40px;
  position: relative;
  height: 70px;
}
@media (max-width: 1281px) {
  #header .attached .search {
    margin-left: 20px;
    margin-right: 10px;
  }
}
@media (max-width: 1125px) {
  #header .attached .search {
    height: 49px;
    margin-right: 0;
    margin-left: 0;
  }
}
#header .attached .search .point {
  padding: 20px 10px;
  cursor: pointer;
}
@media (max-width: 1125px) {
  #header .attached .search .point {
    padding: 10px;
    transform: scale(0.8);
  }
  #header .attached .search .point .efont-search::after {
    background-image: url(../icon/icon-3@x3.png);
    background-position: 0 -30px;
    background-size: 30px;
  }
}
#header .attached .search .drop {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 15px 50px 15px 40px;
  background: #ffffff;
  display: none;
}
@media (max-width: 1125px) {
  #header .attached .search .drop {
    padding: 4px 40px 5px 10px;
  }
}
#header .attached .search .drop .close {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 2;
  padding: 8px;
  cursor: pointer;
}
@media (max-width: 1125px) {
  #header .attached .search .drop .close {
    padding: 0;
    top: 12px;
  }
  #header .attached .search .drop .close .efont-close::after {
    background-image: url(../icon/icon-2@x3.png);
    background-position: 0 0;
    background-size: 30px;
  }
}
#header .attached .search .drop .control {
  position: relative;
  animation: zoomInRight 0.3s ease;
}
#header .attached .search .drop .control .input {
  position: relative;
  padding: 0 40px 0 0;
  border: 1px solid #dddddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#header .attached .search .drop .control .input input {
  width: 300px;
  height: 38px;
  padding: 0 20px;
  border: 0;
}
@media (max-width: 1125px) {
  #header .attached .search .drop .control .input input {
    width: calc(100vw - 140px);
  }
}
#header .attached .search .drop .control .submit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 5px;
  cursor: pointer;
}
#header .attached .search .drop .control .submit i::after {
  background-position: -50px 0;
}
@media (max-width: 1125px) {
  #header .attached .search .drop .control .submit i::after {
    background-image: url(../icon/icon-3@x3.png);
    background-position: 0 0;
    background-size: 30px;
  }
}
#header .attached .shownav {
  float: left;
}
#header .attached .shownav i {
  display: block;
  width: 50px;
  height: 50px;
  padding: 10px;
  transform: scale(0.8);
}
#header .attached .shownav i::after {
  background-position: 0 -30px;
  background-image: url(../icon/icon-1@x3.png);
  background-size: 30px;
}
#nav {
  float: left;
}
@media (max-width: 1125px) {
  #nav {
    float: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    z-index: 100;
    background: #f9f9f9;
    display: none;
  }
  #nav .nav .list {
    height: auto !important;
  }
  #nav .nav .item {
    float: none !important;
    border-bottom: 1px solid #e5e5e5;
  }
  #nav .nav .link {
    color: #333333 !important;
  }
}
#nav .nav .list {
  height: 70px;
}
#nav .nav .item {
  float: left;
  margin: 0 25px;
  cursor: pointer;
}
@media (max-width: 1441px) {
  #nav .nav .item {
    margin: 0 15px;
  }
  #nav .nav .item .link {
    font-size: 1.15em;
  }
  #nav .nav .item .drop .link2 {
    font-size: 1.12em;
  }
}
@media (max-width: 1281px) {
  #nav .nav .item {
    margin: 0 11px;
  }
  #nav .nav .item .link {
    font-size: 1.1em;
  }
  #nav .nav .item .drop .link2 {
    font-size: 1.05em;
  }
}
@media (max-width: 1125px) {
  #nav .nav .item {
    margin: 0 1em;
  }
  #nav .nav .item .link {
    font-size: 1.2em;
  }
  #nav .nav .item .drop .link2 {
    font-size: 1.1em;
  }
}
#nav .nav .item:hover .link,
#nav .nav .item.is-active .link {
  color: #004bc8 !important;
}
#nav .nav .item:hover .link::before,
#nav .nav .item.is-active .link::before {
  transform: scale(1, 1);
}
@media (max-width: 1125px) {
  #nav .nav .item:hover .link::before,
  #nav .nav .item.is-active .link::before {
    display: none;
  }
}
#nav .nav .item:nth-child(2) .drop .contain {
  margin-left: 375px;
}
#nav .nav .item:nth-child(2) .drop .contain .list2 {
  margin-left: -240px;
}
@media (max-width: 1441px) {
  #nav .nav .item:nth-child(2) .drop .contain {
    margin-left: 345px;
  }
}
@media (max-width: 1281px) {
  #nav .nav .item:nth-child(2) .drop .contain {
    margin-left: 285px;
  }
}
@media (max-width: 1125px) {
  #nav .nav .item:nth-child(2) .drop .contain {
    margin-left: 0;
  }
  #nav .nav .item:nth-child(2) .drop .contain .list2 {
    margin-left: 24px;
  }
}
#nav .nav .item:nth-child(4) .drop .contain {
  margin-left: 630px;
}
#nav .nav .item:nth-child(4) .drop .contain .list2 {
  margin-left: -150px;
}
@media (max-width: 1441px) {
  #nav .nav .item:nth-child(4) .drop .contain {
    margin-left: 550px;
  }
}
@media (max-width: 1281px) {
  #nav .nav .item:nth-child(4) .drop .contain {
    margin-left: 470px;
  }
}
@media (max-width: 1125px) {
  #nav .nav .item:nth-child(4) .drop .contain {
    margin-left: 0;
  }
  #nav .nav .item:nth-child(4) .drop .contain .list2 {
    margin-left: 24px;
  }
}
#nav .nav .item:nth-child(5) .drop .contain {
  margin-left: 750px;
}
#nav .nav .item:nth-child(5) .drop .contain .list2 {
  margin-left: -70px;
}
@media (max-width: 1441px) {
  #nav .nav .item:nth-child(5) .drop .contain {
    margin-left: 650px;
  }
}
@media (max-width: 1281px) {
  #nav .nav .item:nth-child(5) .drop .contain {
    margin-left: 560px;
  }
}
@media (max-width: 1125px) {
  #nav .nav .item:nth-child(5) .drop .contain {
    margin-left: 0;
  }
  #nav .nav .item:nth-child(5) .drop .contain .list2 {
    margin-left: 24px;
  }
}
#nav .nav .item:nth-child(6) .drop .contain {
  margin-left: 870px;
}
#nav .nav .item:nth-child(6) .drop .contain .list2 {
  margin-left: -160px;
}
@media (max-width: 1441px) {
  #nav .nav .item:nth-child(6) .drop .contain {
    margin-left: 740px;
  }
}
@media (max-width: 1281px) {
  #nav .nav .item:nth-child(6) .drop .contain {
    margin-left: 650px;
  }
}
@media (max-width: 1125px) {
  #nav .nav .item:nth-child(6) .drop .contain {
    margin-left: 0;
  }
  #nav .nav .item:nth-child(6) .drop .contain .list2 {
    margin-left: 24px;
  }
}
#nav .nav .item:nth-child(7) .drop .contain {
  margin-left: 990px;
}
#nav .nav .item:nth-child(7) .drop .contain .list2 {
  margin-left: -160px;
}
@media (max-width: 1441px) {
  #nav .nav .item:nth-child(7) .drop .contain {
    margin-left: 850px;
  }
}
@media (max-width: 1281px) {
  #nav .nav .item:nth-child(7) .drop .contain {
    margin-left: 740px;
  }
}
@media (max-width: 1125px) {
  #nav .nav .item:nth-child(7) .drop .contain {
    margin-left: 0;
  }
  #nav .nav .item:nth-child(7) .drop .contain .list2 {
    margin-left: 24px;
  }
}
#nav .nav .link {
  display: block;
  position: relative;
  height: 70px;
  line-height: 70px;
  padding: 0 5px;
  color: #ffffff;
  font-size: 1.2em;
  cursor: pointer;
}
@media (max-width: 1125px) {
  #nav .nav .link {
    height: 50px;
    line-height: 50px;
  }
}
#nav .nav .link::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 2px solid #004bc8;
  transform: scale(0, 1);
  transition: all 0.2s ease;
}
#nav .nav .drop {
  position: fixed;
  left: 0;
  right: 0;
  top: 70px;
  z-index: 99;
}
@media (max-width: 1125px) {
  #nav .nav .drop {
    position: relative;
    top: 0;
  }
  #nav .nav .drop::before,
  #nav .nav .drop::after {
    content: '';
    position: absolute;
    background: #bbbbbb;
  }
  #nav .nav .drop::before {
    width: 15px;
    height: 1px;
    top: -24px;
    right: 3px;
  }
  #nav .nav .drop::after {
    width: 1px;
    height: 15px;
    top: -31px;
    right: 10px;
  }
}
#nav .nav .drop .inner {
  position: relative;
  background: #ffffff;
  height: 120px;
  border-top: 1px solid #eeeeee;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  display: none;
}
@media (max-width: 1125px) {
  #nav .nav .drop .inner {
    height: auto;
    background: none;
    box-shadow: none;
  }
}
#nav .nav .drop .contain {
  margin: 0 0 0 0;
}
@media (max-width: 1125px) {
  #nav .nav .drop .contain {
    margin: 0 0 0 10px;
  }
}
#nav .nav .drop .list2 {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 45px 0 0;
}
@media (max-width: 1125px) {
  #nav .nav .drop .list2 {
    padding: 10px 0;
  }
}
#nav .nav .drop .item2 {
  float: left;
  margin: 0 20px 45px;
}
@media (max-width: 1125px) {
  #nav .nav .drop .item2 {
    float: none;
    margin: 0;
  }
}
#nav .nav .drop .link2 {
  display: block;
  font-size: 1.15em;
}
@media (max-width: 1125px) {
  #nav .nav .drop .link2 {
    line-height: 3;
    font-size: 1.1em;
  }
}
#footer {
  background: #f2f2f2;
  border-bottom: 1px solid #e7e7e7;
}
#footer .footer {
  position: relative;
  padding: 50px 0;
}
@media (max-width: 1125px) {
  #footer .footer {
    padding: 0;
  }
}
#footer .footer .list {
  float: left;
  margin-left: 100px;
  position: relative;
}
#footer .footer .list:first-child {
  margin-left: 0;
}
@media (max-width: 1441px) {
  #footer .footer .list {
    margin-left: 75px;
  }
}
@media (max-width: 1281px) {
  #footer .footer .list {
    margin-left: 50px;
  }
}
@media (max-width: 1125px) {
  #footer .footer .list {
    float: none;
    margin: 0 0 0;
    border-top: 1px solid #dddddd;
  }
  #footer .footer .list::before,
  #footer .footer .list::after {
    content: none;
    position: absolute;
    background: #bbbbbb;
  }
  #footer .footer .list::before {
    width: 15px;
    height: 1px;
    top: 26px;
    right: 3px;
  }
  #footer .footer .list::after {
    width: 1px;
    height: 15px;
    top: 19px;
    right: 10px;
  }
  #footer .footer .list:first-child {
    border-top: 0;
  }
  #footer .footer .list.is-active dt::after {
    transform: scale(0.7) rotate(0);
  }
  #footer .footer .list.is-active dd {
    display: block;
  }
  #footer .footer .list dt {
    position: relative;
    line-height: 50px !important;
  }
  #footer .footer .list dt::after {
    content: '';
    width: 32px;
    height: 32px;
    background: url(/static/icon/e.png) -150px 0 no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -16px 0 0 0;
    transform: scale(0.7) rotate(-180deg);
    opacity: 0.8;
    transition: all 0.3s ease;
  }
  #footer .footer .list dd {
    line-height: 50px;
    display: none;
  }
  #footer .footer .list dd:last-child {
    margin-bottom: 10px;
  }
}
#footer .footer .list dt {
  line-height: 50px;
}
#footer .footer .list dt h3 {
  color: #000000;
}
@media (max-width: 1125px) {
  #footer .footer .list dt h3 {
    font-size: 16px;
  }
}
#footer .footer .list dd {
  line-height: 2.2;
}
#footer .footer .list dd a {
  color: #666666;
}
#footer .footer .rcode {
  float: right;
}
#footer .footer .rcode .img img {
  width: 120px;
  height: 120px;
  padding: 5px;
  background: #ffffff;
  border-radius: 10px;
}
#footer .footer .rcode .label {
  text-align: center;
}
#bottomer {
  background: #f2f2f2;
}
#bottomer .bottomer {
  position: relative;
  padding: 50px 0 50px;
}
@media (max-width: 1125px) {
  #bottomer .bottomer {
    padding: 20px 0;
  }
}
#bottomer .bottomer .contact {
  position: relative;
  width: 500px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .contact {
    width: auto;
    padding: 1em 0;
  }
}
#bottomer .bottomer .contact .list {
  float: left;
  margin: 0 0 10px 100px;
}
#bottomer .bottomer .contact .list:nth-child(1),
#bottomer .bottomer .contact .list:nth-child(3) {
  margin-left: 0;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .contact .list {
    float: none;
    margin: 0;
    text-align: center;
  }
}
@media (max-width: 1125px) {
  #bottomer .bottomer .contact .list dt {
    display: inline-block;
    vertical-align: middle;
  }
}
#bottomer .bottomer .contact .list dt h3 {
  font-size: 15px;
  font-weight: normal;
  color: #333333;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .contact .list dt h3 {
    font-size: 16px;
  }
}
#bottomer .bottomer .contact .list dd {
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .contact .list dd {
    display: inline-block;
    vertical-align: middle;
  }
}
#bottomer .bottomer .contact .list dd b {
  font-size: 2em;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .contact .list dd b {
    font-size: 16px;
  }
}
#bottomer .bottomer .contact .list dd span {
  font-size: 1.2em;
}
#bottomer .bottomer .copyright {
  float: right;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .copyright {
    float: none;
  }
}
#bottomer .bottomer .copyright .info {
  text-align: right;
  line-height: 2;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .copyright .info {
    text-align: center;
    line-height: 2;
  }
}
#bottomer .bottomer .rcode {
  position: relative;
  text-align: right;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .rcode {
    text-align: center;
  }
}
#bottomer .bottomer .rcode dd {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 0 0 10px;
}
#bottomer .bottomer .rcode dd .point {
  display: block;
}
#bottomer .bottomer .rcode dd .point:hover {
  opacity: 0.8;
}
#bottomer .bottomer .rcode dd .point i {
  display: block;
  width: 44px;
  height: 44px;
}
#bottomer .bottomer .rcode dd .drop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}
@media (max-width: 1125px) {
  #bottomer .bottomer .rcode dd .drop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.8);
  }
  #bottomer .bottomer .rcode dd .drop .flex {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #bottomer .bottomer .rcode dd .drop .flex .inner {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0;
  }
  #bottomer .bottomer .rcode dd .drop .flex .inner::before {
    display: none;
  }
  #bottomer .bottomer .rcode dd .drop .flex .inner .img img {
    width: 50vw;
    height: 50vw;
  }
  #bottomer .bottomer .rcode dd .drop .flex .inner .text {
    line-height: 2;
    font-size: 1.2em;
  }
}
#bottomer .bottomer .rcode dd .drop .inner {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin: 0 0 0 -50px;
  border-radius: 5px;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  text-align: center;
}
#bottomer .bottomer .rcode dd .drop .inner::before {
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #ffffff;
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin: 0 0 0 -16px;
}
#bottomer .bottomer .rcode dd .drop .inner .img {
  margin: 0 0 10px;
}
#bottomer .bottomer .rcode dd .drop .inner .img img {
  display: block;
  width: 100px;
  height: 100px;
}
#bottomer .bottomer .rcode dd .drop .inner .text {
  line-height: 20px;
}
.kfbar-float {
  position: fixed;
  right: 20px;
  bottom: 200px;
  z-index: 900;
}
@media (max-width: 1125px) {
  .kfbar-float {
    bottom: 50px;
  }
}
.kfbar-float .kfbar-float__main .item {
  position: relative;
  margin: 0 0 40px;
  transform: scale(1.1);
}
@media (max-width: 1125px) {
  .kfbar-float .kfbar-float__main .item {
    transform: scale(0.7);
    margin-bottom: 0;
  }
}
.kfbar-float .kfbar-float__main .kf {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 54px;
  border: 2px solid #004bc8;
  cursor: pointer;
  background: rgba(0, 75, 200, 0.2);
}
.kfbar-float .kfbar-float__main .kf i::after {
  animation: weuiHuxi 1s ease infinite;
}
.kfbar-float .kfbar-float__main .kf::before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid #004bc8;
  border-radius: 50%;
  animation: weuiHuxi2 1s ease infinite;
}
.kfbar-float .kfbar-float__main .kf span {
  position: absolute;
  left: -8px;
  right: -8px;
  bottom: -20px;
  line-height: 26px;
  font-size: 12px;
  background: #004bc8;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
}
.kfbar-float .kfbar-float__main .itop {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #dddddd;
  padding: 8px;
  cursor: pointer;
}
.kfbar-float .kfbar-float__main .itop:hover {
  background: #f9f9f9;
}
.kfbar-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 901;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.kfbar-dialog .kfbar-dialog__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0 0 -500px;
  background: #ffffff;
  width: 1000px;
  height: 500px;
  overflow: hidden;
  animation: zoomIn 0.2s ease;
}
@media (max-width: 1125px) {
  .kfbar-dialog .kfbar-dialog__inner {
    top: 5vw;
    left: 5vw;
    bottom: 5vw;
    margin: 0;
    width: 90vw;
    height: auto;
    overflow-y: auto;
    padding: 0 0 1em;
  }
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead {
  position: relative;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead {
    position: static;
  }
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead h2 {
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 1.5em;
  color: #333333;
}
@media (max-width: 1125px) {
  .kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead h2 {
    height: 3em;
    line-height: 3em;
  }
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead .close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  line-height: 0;
  z-index: 5;
}
@media (max-width: 1125px) {
  .kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead .close {
    position: fixed;
    right: 5vw;
    top: 5vw;
  }
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody {
  position: relative;
  margin: 0 0 50px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .list {
  position: relative;
  overflow: hidden;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .item {
  float: left;
  width: 25%;
  border-left: 1px solid #eeeeee;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .item:first-child {
  border-left: 0;
}
@media (max-width: 1125px) {
  .kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .item {
    float: none;
    width: 100%;
    border-left: 0;
  }
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .cell {
  position: relative;
  text-align: center;
  height: 260px;
  padding: 20px 0 0 0;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .label {
  position: relative;
  line-height: 1.6;
  margin: 0 0 40px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .label dt {
  font-weight: bold;
  color: #000000;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .link a {
  display: inline-block;
  line-height: 35px;
  padding: 0 35px;
  border-radius: 35px;
  border: 1px solid #dddddd;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .link a:hover {
  background: #004bc8;
  border-color: #004bc8;
  color: #ffffff;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 h3 {
  height: 30px;
  line-height: 30px;
  font-size: 1.1em;
  color: #333333;
  margin: 0 0 15px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .img img {
  width: 140px;
  height: 140px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 p {
  height: 44px;
  line-height: 44px;
  font-size: 15px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .icon {
  padding: 10px 0 0 0;
  margin: 0 0 10px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .label {
  position: relative;
  line-height: 30px;
  font-size: 15px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .link {
  padding: 15px 0 0 0;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .link a {
  display: inline-block;
  line-height: 35px;
  padding: 0 35px;
  border-radius: 35px;
  border: 1px solid #dddddd;
  font-size: 15px;
  transition: all 0.3s ease;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .link a:hover {
  background: #004bc8;
  border-color: #004bc8;
  color: #ffffff;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed {
  height: 44px;
  padding: 6px 0 0 0;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  overflow: hidden;
  cursor: pointer;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-weixin2::after {
  background-position: 0 -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-zhihu2::after {
  background-position: -100px -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-shipinhao2::after {
  background-position: -200px -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-douyin2::after {
  background-position: -300px -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd i {
  position: relative;
  left: -6px;
  top: -6px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd i::after {
  transform: scale(0.8);
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__foot {
  position: relative;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__foot .link {
  text-align: center;
  font-size: 1.2em;
}
#sketchmap .sketchmap {
  position: relative;
  overflow: hidden;
}
#sketchmap .sketchmap .bj {
  position: relative;
  padding: 0 0 33.85%;
  z-index: 0;
}
#sketchmap .sketchmap .bj.mini {
  padding-bottom: 20%;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .bj.mini {
    padding: 0 0 100%;
  }
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .bj {
    padding: 0 0 100%;
  }
}
#sketchmap .sketchmap .bj img {
  display: block;
  width: 100%;
  animation: baiduCoverFloat 10s ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
#sketchmap .sketchmap .text {
  position: absolute;
  left: 10vw;
  top: 30%;
  z-index: 1;
  max-width: 40vw;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .text {
    left: 0;
    right: 0;
    text-align: center;
    max-width: 100%;
    padding: 0 20px;
  }
}
#sketchmap .sketchmap .text.t1 {
  top: 30%;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .text.t1 {
    top: 10%;
  }
}
#sketchmap .sketchmap .text.t2 {
  top: 30%;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .text.t2 {
    top: 10% !important;
  }
}
#sketchmap .sketchmap .text.t2 h3,
#sketchmap .sketchmap .text.t2 .page-title {
  color: #333333;
}
#sketchmap .sketchmap .text.t2 h3 span,
#sketchmap .sketchmap .text.t2 .page-title span {
  font-weight: normal;
}
#sketchmap .sketchmap .text.t2 h4 {
  color: #333333;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .text.t3 {
    top: 10%;
  }
}
#sketchmap .sketchmap .text.t3 h3,
#sketchmap .sketchmap .text.t3 .page-title {
  color: #333333;
}
#sketchmap .sketchmap .text.t3 p {
  color: #555555;
}
#sketchmap .sketchmap .text h3,
#sketchmap .sketchmap .text .page-title {
  line-height: 1.5;
  font-size: 40px;
  color: #ffffff;
  margin: 0 0 20px;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.3s both;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .text h3,
  #sketchmap .sketchmap .text .page-title {
    font-size: 26px;
    margin-bottom: 10px;
  }
}
#sketchmap .sketchmap .text h4 {
  line-height: 1.2;
  font-size: 30px;
  color: #ffffff;
  margin: 0 0 40px;
  font-weight: normal;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.4s both;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .text h4 {
    font-size: 20px !important;
    margin-bottom: 20px;
  }
}
#sketchmap .sketchmap .text p {
  line-height: 2;
  font-size: 20px;
  font-weight: normal;
  color: #ffffff;
  margin: 0 0 30px;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.5s both;
}
@media (max-width: 1125px) {
  #sketchmap .sketchmap .text p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
#sketchmap .sketchmap .text .online {
  position: relative;
  white-space: nowrap;
}
#sketchmap .sketchmap .text .online.white a {
  background: #ffffff;
  color: #004bc8;
}
#sketchmap .sketchmap .text .online a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  border-radius: 45px;
  margin: 0 10px 0 0;
  background: #2d6ffb;
  color: #ffffff;
  transition: padding 0.3s ease;
  transition-property: padding background;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.6s both;
  font-size: 16px;
}
@media (max-width: 1281px) {
  #sketchmap .sketchmap .text .online a {
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    border-radius: 40px;
    font-size: 14px;
  }
}
@media (min-width: 1281px) {
  #sketchmap .sketchmap .text .online a:hover {
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.1) inset;
  }
}
.ishare-news {
  position: relative;
  padding: 60px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .ishare-news {
    padding: 20px 0 50px;
  }
}
.ishare-news .contain .list {
  overflow: hidden;
  margin: -10px;
}
@media (max-width: 1281px) {
  .ishare-news .contain .list {
    margin: -5px;
  }
}
.ishare-news .contain .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .ishare-news .contain .item {
    width: 100%;
    margin-bottom: 10px;
  }
}
.ishare-news .contain .cell {
  margin: 10px;
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .ishare-news .contain .cell {
    margin: 5px;
    overflow: hidden;
  }
}
@media (min-width: 1125px) {
  .ishare-news .contain .cell:hover {
    transform: translateY(-10px);
  }
  .ishare-news .contain .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.ishare-news .contain .cell .cover {
  position: relative;
  z-index: 1;
  margin: 0 0 -1px;
}
@media (max-width: 1125px) {
  .ishare-news .contain .cell .cover {
    float: left;
    width: 120px;
  }
}
.ishare-news .contain .cell .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  background: #eeeeee;
}
@media (max-width: 1125px) {
  .ishare-news .contain .cell .cover .img {
    border-radius: 6px;
  }
}
.ishare-news .contain .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.ishare-news .contain .cell .exp {
  position: relative;
  padding: 15px 20px;
  border: 1px solid #dddddd;
}
@media (max-width: 1125px) {
  .ishare-news .contain .cell .exp {
    border: 0;
    margin: 0 0 0 130px;
    padding: 0;
  }
}
.ishare-news .contain .cell .exp h3 {
  position: relative;
  height: 50px;
  line-height: 25px;
  font-size: 16px;
  margin: 0 0 20px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1125px) {
  .ishare-news .contain .cell .exp h3 {
    height: 50px;
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 5px;
  }
}
.ishare-news .contain .cell .exp .mo {
  line-height: 20px;
  text-align: justify;
}
.ishare-news .contain .cell .exp .mo span {
  color: #999999;
}
.ishare-news .tfoot {
  position: relative;
  text-align: center;
}
.ishare-news .tfoot .more {
  padding: 40px 0 0 0;
}
@media (max-width: 1125px) {
  .ishare-news .tfoot .more {
    padding: 10px 0 0 0;
  }
}
.ishare-news .tfoot .more a {
  line-height: 40px;
  font-size: 16px;
}
.ishare-news .tfoot .more a::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: 0;
  border-right: 1px solid #004bc8;
  border-bottom: 1px solid #004bc8;
  transform: rotate(-45deg);
  margin: 0 0 0 5px;
}
@media (max-width: 1125px) {
  .ishare-news .tfoot .more a {
    display: block;
    font-size: 14px;
    color: #999999;
  }
  .ishare-news .tfoot .more a::after {
    transform: rotate(-45deg) scale(0.8);
  }
}
/**
  * This is home page
  **/
.home-banner {
  position: relative;
}
.home-banner:hover .swiper-button-prev,
.home-banner:hover .swiper-button-next {
  visibility: visible;
  opacity: 1;
}
.home-banner .swiper-slide {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
.home-banner .swiper-slide.swiper-slide-active .swiper-video__label {
  animation: fadeInRight 1s ease;
}
.home-banner .swiper-slide .swiper-img img {
  animation: bannerBoot 9s ease infinite;
}
.home-banner .swiper-video__label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.home-banner .swiper-video__label.is-mobile .wrap {
  padding: 50px 0 0;
  margin: 0 !important;
}
.home-banner .swiper-video__label.is-mobile .img {
  display: block;
}
.home-banner .swiper-video__label .wrap {
  padding: 0 50px;
  height: 100%;
}
@media (max-width: 1125px) {
  .home-banner .swiper-video__label .wrap {
    padding: 0 0;
  }
}
.home-banner .swiper-video__label .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.home-banner .swiper-video__label .img img {
  display: block;
  max-width: 100%;
}
.home-banner .swiper-video {
  position: relative;
  padding: 0 0 48.44%;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .home-banner .swiper-video {
    padding: 0 0 132%;
  }
}
.home-banner .swiper-video &gt; video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner .swiper-video &gt; img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner .swiper-video .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.home-banner .swiper-video .video img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner .swiper-img {
  position: relative;
  padding: 0 0 48.44%;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .home-banner .swiper-img {
    padding: 0 0 132%;
  }
}
.home-banner .swiper-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
  color: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.home-banner .swiper-button-prev:hover,
.home-banner .swiper-button-next:hover {
  opacity: 0.8;
}
.home-banner .swiper-button-prev {
  left: 50px;
}
.home-banner .swiper-button-next {
  right: 50px;
}
.home-banner .swiper-pagination {
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 5;
}
@media (max-width: 1125px) {
  .home-banner .swiper-pagination {
    bottom: 0;
  }
}
.home-banner .swiper-pagination .swiper-pagination-bullet {
  background: #adadad;
  margin: 6px;
  width: 10px;
  height: 10px;
  opacity: 1;
  transition: all 0.3s ease;
}
.home-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
  transform: scale(1.2);
}
.home-data {
  position: relative;
  padding: 40px 0 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .home-data {
    padding: 20px 0 0;
  }
}
.home-data .weui-thead3 {
  margin-bottom: 30px;
}
@media (max-width: 1125px) {
  .home-data .weui-thead3 {
    margin-bottom: 20px;
  }
}
.home-data .home-data__summary {
  text-align: center;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .home-data .home-data__summary {
    text-align: left;
  }
}
.home-data .home-data__summary p {
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1441px) {
  .home-data .home-data__summary p {
    font-size: 16px;
  }
}
@media (max-width: 1125px) {
  .home-data .home-data__summary p {
    font-size: 16px;
  }
}
.home-data .home-data__more {
  margin: -1em 0 1em;
}
.home-data .home-data__more a {
  display: block;
  line-height: 3em;
  text-align: center;
  color: #999999;
}
.home-data .home-data__video {
  position: relative;
  margin: 0 0 10px;
}
.home-data .home-data__video .list {
  position: relative;
  overflow: hidden;
}
.home-data .home-data__video .item {
  float: left;
  width: 33.33%;
}
.home-data .home-data__video .item:hover .video video {
  opacity: 1;
}
.home-data .home-data__video .cell {
  position: relative;
  display: block;
  margin: 5px;
}
.home-data .home-data__video .video {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  background: #000000;
  cursor: pointer;
}
.home-data .home-data__video .video .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.home-data .home-data__video .video .cover::before {
  content: '';
  background: #000000;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.home-data .home-data__video .video .cover::before {
  content: '';
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), #000000);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.home-data .home-data__video .video .cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.home-data .home-data__video .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  object-fit: cover;
  opacity: 0;
  transition: all 1.5s ease;
}
.home-data .home-data__swiper .swiper-container {
  position: relative;
}
.home-data .home-data__swiper .swiper-container .swiper-img {
  position: relative;
  padding: 0 0 87.34%;
}
.home-data .home-data__swiper .swiper-container .swiper-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-data .home-data__swiper .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 5px 0;
}
.home-data .home-data__swiper .swiper-pagination .swiper-pagination-bullet {
  background: #adadad;
  opacity: 1;
  margin: 5px;
}
.home-data .home-data__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #696969;
  transform: scale(1.2);
}
.home-data .home-data__number {
  position: relative;
  text-align: center;
}
.home-data .home-data__number .list {
  overflow: hidden;
}
.home-data .home-data__number .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .home-data .home-data__number .item {
    width: 50%;
  }
  .home-data .home-data__number .item .cell {
    margin: 1em 0;
    text-align: left;
  }
}
.home-data .home-data__number .cell {
  margin: 30px 10px;
}
.home-data .home-data__number .num {
  line-height: 1;
  color: #004bc8;
  font-weight: bold;
}
.home-data .home-data__number .num span {
  font-size: 40px;
  font-family: avantB;
}
@media (max-width: 1125px) {
  .home-data .home-data__number .num span {
    font-size: 24px;
  }
}
.home-data .home-data__number .num sub {
  vertical-align: 2px;
  font-size: 18px;
}
@media (max-width: 1125px) {
  .home-data .home-data__number .num sub {
    font-size: 16px;
  }
}
.home-data .home-data__number .num sup {
  vertical-align: 16px;
  font-size: 30px;
}
@media (max-width: 1125px) {
  .home-data .home-data__number .num sup {
    vertical-align: 6px;
    font-size: 20px;
  }
}
.home-data .home-data__number .label {
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1441px) {
  .home-data .home-data__number .label {
    font-size: 15px;
    white-space: nowrap;
  }
}
.home-solution {
  position: relative;
  padding: 30px 0 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .home-solution {
    padding: 20px 0 20px;
  }
}
.home-solution .weui-thead3 {
  margin-bottom: 30px;
}
@media (max-width: 1125px) {
  .home-solution .weui-thead3 {
    margin-bottom: 20px;
  }
}
.home-solution .home-solution__swiper .list {
  position: relative;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .list {
    margin: -10px;
  }
}
.home-solution .home-solution__swiper .item {
  float: left;
  width: 20%;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .item {
    float: none !important;
    width: 100% !important;
    margin: 0 0 15px;
  }
}
.home-solution .home-solution__swiper .item.is-active {
  width: 60%;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .item.is-active {
    width: 100% !important;
  }
}
.home-solution .home-solution__swiper .item.is-active .frt {
  display: block;
  align-items: center;
  justify-content: center;
}
.home-solution .home-solution__swiper .item.is-active .thead {
  text-align: left;
  margin-bottom: 30px;
}
@media (max-width: 1441px) {
  .home-solution .home-solution__swiper .item.is-active .thead {
    margin-bottom: 20px;
  }
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .item.is-active .thead {
    margin-bottom: 0;
  }
}
.home-solution .home-solution__swiper .item.is-active .thead h3 {
  display: inline-block;
  vertical-align: middle;
}
.home-solution .home-solution__swiper .item.is-active .tbody {
  display: block;
  animation: slideInUp 0.3s ease;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .item.is-active .tbody {
    animation: none;
  }
}
.home-solution .home-solution__swiper .item.is-active .tfoot {
  display: block;
  animation: slideInUp 0.3s ease;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .item.is-active .tfoot {
    animation: none;
  }
}
.home-solution .home-solution__swiper .cell {
  margin: 10px;
  overflow: hidden;
  position: relative;
}
.home-solution .home-solution__swiper .frt {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  color: #ffffff;
  padding: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .frt {
    padding: 44px 20px;
    top: 0;
    display: block;
    align-items: auto;
    justify-content: auto;
  }
}
.home-solution .home-solution__swiper .bck img {
  display: block;
  width: 53vw;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .bck img {
    width: 100% !important;
  }
}
.home-solution .home-solution__swiper .thead {
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .thead {
    text-align: left;
  }
}
.home-solution .home-solution__swiper .thead i,
.home-solution .home-solution__swiper .thead img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .thead i,
  .home-solution .home-solution__swiper .thead img {
    transform: scale(0.6);
    display: none;
  }
}
.home-solution .home-solution__swiper .thead h3 {
  font-size: 1.5em;
  font-weight: normal;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .thead h3 {
    font-size: 16px;
  }
}
.home-solution .home-solution__swiper .tbody {
  display: none;
  margin: 0 0 10px 0;
  width: 50%;
}
@media (max-width: 1441px) {
  .home-solution .home-solution__swiper .tbody {
    width: 60%;
  }
}
@media (max-width: 1281px) {
  .home-solution .home-solution__swiper .tbody {
    width: 80%;
  }
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .tbody {
    display: block !important;
    width: auto;
    margin: 0 0 20px;
  }
}
.home-solution .home-solution__swiper .tbody h4 {
  font-size: 2.2em;
  margin: 0 0 10px 0;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .tbody h4 {
    font-size: 1.4em;
  }
}
.home-solution .home-solution__swiper .tbody p {
  width: 22vw;
  min-height: 120px;
  line-height: 1.8;
  font-size: 1.2em;
}
@media (max-width: 1441px) {
  .home-solution .home-solution__swiper .tbody p {
    line-height: 1.8;
    font-size: 1.12em;
  }
}
@media (max-width: 1281px) {
  .home-solution .home-solution__swiper .tbody p {
    line-height: 1.8;
    font-size: 1.1em;
    min-height: 100px;
  }
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .tbody p {
    display: none !important;
  }
}
.home-solution .home-solution__swiper .tfoot {
  display: none;
  line-height: 2;
  font-size: 1.2em;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .tfoot {
    display: block !important;
    line-height: 1.5;
    font-size: 1em;
  }
}
.home-solution .home-solution__swiper .tfoot a {
  display: inline-block;
  height: 42px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 20px;
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
}
@media (max-width: 1125px) {
  .home-solution .home-solution__swiper .tfoot a {
    height: 26px;
    line-height: 24px;
    border-radius: 26px;
    padding: 0 10px;
    font-size: 12px;
    opacity: 0.6;
  }
}
@media (min-width: 1125px) {
  .home-solution .home-solution__swiper .tfoot a:hover {
    background: #ffffff;
    color: #004bc8;
  }
}
.home-partner {
  position: relative;
  padding: 50px 0 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .home-partner {
    padding: 0;
  }
}
.home-partner .weui-thead3 {
  margin-bottom: 40px;
}
@media (max-width: 1125px) {
  .home-partner .weui-thead3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1125px) {
}
.home-partner .home-partner__list {
  padding: 10px 0 0 0;
}
.home-partner .home-partner__list .list {
  position: relative;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .home-partner .home-partner__list .list {
    margin: -5px;
  }
}
.home-partner .home-partner__list .item {
  float: left;
  width: 16.66%;
}
@media (max-width: 1125px) {
  .home-partner .home-partner__list .item {
    width: 33.33%;
  }
  .home-partner .home-partner__list .item:nth-child(n+19) {
    display: none;
  }
}
.home-partner .home-partner__list .cell {
  position: relative;
  border: 1px solid #efefef;
  margin: 5px;
  cursor: pointer;
}
.home-partner .home-partner__list .cell:hover {
  border-color: #e5e5e5;
}
.home-partner .home-partner__list .cell:hover .img::before {
  left: 150%;
  transition: all 0.5s ease;
}
.home-partner .home-partner__list .img {
  position: relative;
  padding: 0 0 51.33%;
  overflow: hidden;
}
.home-partner .home-partner__list .img::before {
  content: '';
  position: absolute;
  left: -50%;
  top: -50px;
  bottom: -50px;
  z-index: 1;
  width: 50px;
  transform: rotate(45deg);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
  opacity: 0.5;
}
.home-partner .home-partner__list .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-news {
  position: relative;
  padding: 80px 0 70px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .home-news {
    padding: 30px 0;
  }
}
.home-news .weui-thead3 {
  margin-bottom: 50px;
}
@media (max-width: 1125px) {
  .home-news .weui-thead3 {
    margin-bottom: 20px;
  }
}
.home-news .home-news__main {
  position: relative;
  overflow: hidden;
}
.home-news .home-new__swiper {
  float: left;
  width: 715px;
}
@media (max-width: 1441px) {
  .home-news .home-new__swiper {
    width: 660px;
  }
}
@media (max-width: 1281px) {
  .home-news .home-new__swiper {
    width: 530px;
  }
}
@media (max-width: 1125px) {
  .home-news .home-new__swiper {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .home-news .home-new__swiper .swiper-cell .img {
    height: auto !important;
    padding: 0 0 66.66%;
  }
  .home-news .home-new__swiper .swiper-cell .img img {
    position: absolute;
    left: 0;
    top: 0;
  }
  .home-news .home-new__swiper .swiper-cell .exp {
    padding: 50px 10px 10px !important;
  }
  .home-news .home-new__swiper .swiper-cell .exp h3 {
    font-size: 1.1em !important;
  }
  .home-news .home-new__swiper .swiper-cell .exp p {
    font-size: 0.9em !important;
    display: none !important;
  }
}
.home-news .home-new__swiper .swiper-container:hover .swiper-button-prev,
.home-news .home-new__swiper .swiper-container:hover .swiper-button-next {
  opacity: 1;
}
.home-news .home-new__swiper .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 10px 0 0;
}
.home-news .home-new__swiper .swiper-pagination .swiper-pagination-bullet {
  background: #adadad;
  opacity: 1;
  margin: 5px;
}
.home-news .home-new__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #696969;
  transform: scale(1.2);
}
.home-news .home-new__swiper .swiper-button-prev,
.home-news .home-new__swiper .swiper-button-next {
  color: #ffffff;
  opacity: 0;
  transition: all 0.3s ease;
}
.home-news .home-new__swiper .swiper-button-prev:hover,
.home-news .home-new__swiper .swiper-button-next:hover {
  opacity: 0.8;
}
.home-news .home-new__swiper .swiper-cell:hover img {
  transform: scale(1.02);
}
.home-news .home-new__swiper .swiper-cell .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  background: #f9f9f9;
}
.home-news .home-new__swiper .swiper-cell .img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.home-news .home-new__swiper .swiper-cell .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 100px 20px 20px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
}
.home-news .home-new__swiper .swiper-cell .exp h3 {
  font-size: 1.2em;
  color: #ffffff;
  line-height: 2.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-news .home-new__swiper .swiper-cell .exp p {
  color: #ffffff;
  opacity: 0.7;
  line-height: 1.5;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news .home-news__list {
  margin: 0;
}
.home-news .home-news__list .home-news__more {
  margin: 0;
  text-align: center;
}
.home-news .home-news__list .list {
  margin: 0;
}
.home-news .home-news__list .list .item {
  margin: 0 0 20px;
}
.home-news .home-news__list .list .item:last-child {
  margin-bottom: 0;
}
.home-news .home-news__list .list .cell {
  display: block;
  overflow: hidden;
}
.home-news .home-news__list .list .img {
  float: left;
  position: relative;
  overflow: hidden;
  background: #f9f9f9;
}
.home-news .home-news__list .list .img img {
  display: block;
  width: 120px;
  height: 90px;
}
.home-news .home-news__list .list .exp {
  margin: 0 0 0 130px;
  padding: 6px 0 0 0;
}
.home-news .home-news__list .list .exp h3 {
  color: #333333;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 15px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 5px;
}
.home-news .home-news__list .list .exp span {
  color: #999999;
}
.home-news .home-news__more {
  line-height: 5;
}
.home-news .home-news__more a {
  color: #999999;
}
.home-news .home-news__more a:hover {
  color: #004bc8;
}
.home-news .home-news__flex {
  display: flex;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .home-news .home-news__flex {
    display: block;
  }
}
.home-news .home-news__huodong {
  flex: 1;
  position: relative;
  border: 1px solid #dddddd;
  margin: 0 30px 0 0;
}
@media (max-width: 1125px) {
  .home-news .home-news__huodong {
    margin: 0 0 20px;
  }
}
.home-news .home-news__huodong .cell {
  display: block;
}
.home-news .home-news__huodong .cell:hover h3 {
  color: #004bc8;
}
.home-news .home-news__huodong .cell:hover .cover .img img {
  transform: scale(1.02);
}
.home-news .home-news__huodong .cover {
  margin: -1px -1px 0;
}
.home-news .home-news__huodong .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
}
.home-news .home-news__huodong .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.home-news .home-news__huodong .cover .img span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0px 20px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 16px;
}
.home-news .home-news__huodong .exp {
  position: relative;
  padding: 20px 30px;
}
@media (max-width: 1125px) {
  .home-news .home-news__huodong .exp {
    padding: 20px;
  }
}
.home-news .home-news__huodong .exp h3 {
  margin: 0 0 10px;
  font-size: 16px;
  color: #333333;
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news .home-news__huodong .exp p {
  font-size: 16px;
  color: #999999;
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news .home-news__huodong .exp .date {
  line-height: 40px;
}
.home-news .home-news__huodong .exp .date span {
  font-size: 16px;
  color: #888888;
}
.home-news .home-news__xinwen {
  flex: 1;
  position: relative;
  border: 1px solid #dddddd;
  padding: 50px 0 20px;
}
@media (max-width: 1125px) {
  .home-news .home-news__xinwen {
    padding: 40px 0 0;
  }
}
.home-news .home-news__xinwen .tip {
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 0px 20px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 16px;
}
.home-news .home-news__xinwen .list .item {
  position: relative;
}
.home-news .home-news__xinwen .list .cell {
  display: block;
  margin: 45px 30px;
  transition: all 0.3s ease;
}
@media (max-width: 1800px) {
  .home-news .home-news__xinwen .list .cell {
    margin: 30px 30px;
  }
}
@media (max-width: 1600px) {
  .home-news .home-news__xinwen .list .cell {
    margin: 30px 30px;
  }
}
@media (max-width: 1441px) {
  .home-news .home-news__xinwen .list .cell {
    margin: 20px 30px;
  }
}
@media (max-width: 1281px) {
  .home-news .home-news__xinwen .list .cell {
    margin: 15px 30px;
  }
}
@media (max-width: 1125px) {
  .home-news .home-news__xinwen .list .cell {
    margin: 20px;
  }
}
.home-news .home-news__xinwen .list .cell:hover {
  transform: translateY(-5px);
}
.home-news .home-news__xinwen .list .cell:hover h3,
.home-news .home-news__xinwen .list .cell:hover span {
  color: #004bc8;
}
.home-news .home-news__xinwen .list .cell h3 {
  font-size: 16px;
  color: #333333;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news .home-news__xinwen .list .cell span {
  display: block;
  line-height: 30px;
  font-size: 16px;
  color: #888888;
}
.home-news .home-news-foot {
  position: relative;
  text-align: center;
  padding: 40px 0;
}
@media (max-width: 1125px) {
  .home-news .home-news-foot {
    padding: 20px 0;
  }
}
.home-news .home-news-foot .btn {
  display: inline-block;
  margin: 0 20px;
  border-radius: 40px;
  border: 1px solid #dddddd;
  padding: 0 40px;
  color: #888888;
}
@media (max-width: 1125px) {
  .home-news .home-news-foot .btn {
    margin: 0 10px;
  }
}
.home-news .home-news-foot .btn:hover {
  border-color: #004bc8;
  color: #004bc8;
}
.home-news .home-news-foot .btn span {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
/**
  * This is solution company page
  **/
.solution-company__1 {
  position: relative;
  padding: 40px 0 0px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .solution-company__1 {
    padding: 20px 0;
  }
}
.solution-company__1 .contain .list {
  overflow: hidden;
  margin: -15px;
}
@media (max-width: 1281px) {
  .solution-company__1 .contain .list {
    margin: -7px;
  }
}
.solution-company__1 .contain .item {
  float: left;
  width: 25%;
  transition: transform 0.3s ease;
}
@media (max-width: 1125px) {
  .solution-company__1 .contain .item {
    width: 50%;
  }
}
.solution-company__1 .contain .item:hover {
  transform: translateY(-10px);
}
@media (max-width: 1125px) {
  .solution-company__1 .contain .item:hover {
    transform: none;
  }
}
.solution-company__1 .contain .cell {
  margin: 15px;
  padding: 40px 30px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  transition: background 0.3s ease;
}
@media (max-width: 1281px) {
  .solution-company__1 .contain .cell {
    margin: 7px;
    padding: 15px 10px;
  }
}
@media (min-width: 1125px) {
  .solution-company__1 .contain .cell:hover {
    background: #004bc8;
  }
  .solution-company__1 .contain .cell:hover h3,
  .solution-company__1 .contain .cell:hover p {
    color: #ffffff;
  }
  .solution-company__1 .contain .cell:hover p {
    opacity: 0.8;
  }
  .solution-company__1 .contain .cell:hover .number {
    opacity: 0.5;
  }
}
.solution-company__1 .contain .cell h3 {
  line-height: 2;
  text-align: center;
  font-size: 24px;
  color: #004bc8;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .solution-company__1 .contain .cell h3 {
    margin-bottom: 10px;
  }
}
.solution-company__1 .contain .cell p {
  height: 125px;
  line-height: 25px;
  font-size: 16px;
  text-align: justify;
}
@media (max-width: 1125px) {
  .solution-company__1 .contain .cell p {
    font-size: 14px;
  }
}
.solution-company__1 .contain .cell .number {
  position: relative;
  text-align: center;
  margin: -20px 0;
}
.solution-company__1 .contain .cell .number i {
  display: block;
  transform: scale(0.6);
  opacity: 0.6;
}
@media (max-width: 1125px) {
  .solution-company__1 .contain .cell .number i {
    transform: scale(0.5);
  }
}
.solution-company__2 {
  position: relative;
  padding: 60px 0 60px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .solution-company__2 {
    padding: 20px 0 40px;
  }
}
.solution-company__2 .contain .list {
  overflow: hidden;
  margin: -40px;
}
@media (max-width: 1281px) {
  .solution-company__2 .contain .list {
    margin: -5px;
  }
}
.solution-company__2 .contain .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .solution-company__2 .contain .item {
    width: 50%;
  }
}
@media (max-width: 1125px) {
  .solution-company__2 .contain .item {
    float: none;
    width: 100%;
  }
}
@media (min-width: 1125px) {
  .solution-company__2 .contain .item:hover .cell .icon {
    transform: scale(0.9);
  }
}
.solution-company__2 .contain .cell {
  margin: 40px;
  padding: 10px;
}
@media (max-width: 1281px) {
  .solution-company__2 .contain .cell {
    margin: 5px;
  }
}
@media (max-width: 1125px) {
  .solution-company__2 .contain .cell {
    position: relative;
    overflow: hidden;
    padding: 10px 0 10px 100px;
  }
}
.solution-company__2 .contain .cell .icon {
  text-align: center;
  margin: 0 0 10px;
  transition: transform 0.3s ease;
}
@media (max-width: 1125px) {
  .solution-company__2 .contain .cell .icon {
    position: absolute;
    left: -30px;
    top: -5px;
    margin: 0;
    transform: scale(0.6);
  }
}
.solution-company__2 .contain .cell .icon i,
.solution-company__2 .contain .cell .icon img {
  width: 150px;
  height: 100px;
}
.solution-company__2 .contain .cell h3 {
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  color: #333333;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .solution-company__2 .contain .cell h3 {
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 0;
  }
}
.solution-company__2 .contain .cell p {
  text-align: center;
  line-height: 25px;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .solution-company__2 .contain .cell p {
    text-align: left;
    font-size: 14px;
  }
}
.solution-company__3 {
  position: relative;
  padding: 60px 0;
  background: #f9f9f9;
}
@media (max-width: 1125px) {
  .solution-company__3 {
    padding: 20px 0;
  }
}
.solution-company__3 .thead {
  margin: 0 0 10px;
}
.solution-company__3 .thead h2 {
  line-height: 40px;
  font-size: 18px;
  color: #333333;
}
.solution-company__3 .baidu {
  display: flex;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu {
    display: block;
  }
}
.solution-company__3 .baidu .lt {
  flex: 1;
  margin: 0 10px 20px 0;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .lt {
    margin-right: 0;
  }
}
.solution-company__3 .baidu .lt .cell {
  background-image: url(../icon/back-b1.jpg);
}
.solution-company__3 .baidu .rt {
  flex: 1;
  margin: 0 0 20px 10px;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .rt {
    margin-left: 0;
  }
}
.solution-company__3 .baidu .rt .cell {
  background-image: url(../icon/back-b2.jpg);
}
.solution-company__3 .baidu .cell {
  height: 100%;
  padding: 50px 50px 50px 10px;
  background: #544946;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  border-radius: 10px;
  display: flex;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .cell {
    display: block;
    padding: 30px 20px;
  }
}
@media (min-width: 1125px) {
  .solution-company__3 .baidu .cell:hover .icon {
    animation: pulse 0.3s ease;
  }
}
.solution-company__3 .baidu .label {
  width: 140px;
  text-align: center;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .label {
    width: auto;
    margin: 0 0 20px;
  }
}
.solution-company__3 .baidu .label h3 {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: normal;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .label h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
  }
}
.solution-company__3 .baidu .icon {
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .icon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }
}
.solution-company__3 .baidu .icon img {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .icon img {
    width: 40px;
    height: 40px;
  }
}
.solution-company__3 .baidu .control {
  flex: 1;
  padding: 0 0 0 20px;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .control {
    padding: 0;
  }
}
.solution-company__3 .baidu .info {
  height: 90px;
  line-height: 30px;
  font-size: 16px;
  margin: 0 0 5px;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .info {
    height: auto;
    margin: 0 0 20px;
  }
}
.solution-company__3 .baidu .tag {
  position: relative;
  line-height: 0;
}
.solution-company__3 .baidu .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .tag dd {
    font-size: 14px;
  }
}
.solution-company__3 .baidu .tag dd + dd::before {
  content: '|';
  margin: 0 10px 0 8px;
}
@media (max-width: 1125px) {
  .solution-company__3 .baidu .tag dd + dd::before {
    margin: 0 5px 0 3px;
  }
}
.solution-company__3 .iconfr {
  overflow: hidden;
  margin: 0 0 40px;
}
@media (max-width: 1125px) {
  .solution-company__3 .iconfr {
    margin-bottom: 20px;
  }
}
.solution-company__3 .iconfr .lt {
  float: left;
  width: 50%;
  padding: 0 10px 0 0;
}
@media (max-width: 1125px) {
  .solution-company__3 .iconfr .lt {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
  }
}
.solution-company__3 .iconfr .lt .ctn .ls .it .cl {
  background: url(../icon/back-a1.png) center center no-repeat;
  background-size: cover;
}
.solution-company__3 .iconfr .rt {
  float: right;
  width: 50%;
  padding: 0 0 0 10px;
}
@media (max-width: 1125px) {
  .solution-company__3 .iconfr .rt {
    float: right;
    width: 100%;
    padding: 0;
  }
}
.solution-company__3 .iconfr .rt .ctn .ls .it {
  width: 50%;
}
.solution-company__3 .iconfr .rt .ctn .ls .it .cl {
  background: url(../icon/back-a2.png) center center no-repeat;
  background-size: cover;
}
.solution-company__3 .iconfr .ls {
  position: relative;
  overflow: hidden;
  margin: -10px;
}
.solution-company__3 .iconfr .it {
  float: left;
  width: 50%;
}
.solution-company__3 .iconfr .cl {
  position: relative;
  padding: 0 0 66.66%;
  background: #2567f3;
  margin: 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 1125px) {
  .solution-company__3 .iconfr .cl:hover .flx .in img {
    animation: pulse 0.3s ease;
  }
}
.solution-company__3 .iconfr .flx {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution-company__3 .iconfr .in {
  position: relative;
  text-align: center;
  padding: 10px 0 0;
}
.solution-company__3 .iconfr .in img {
  width: 60px;
  height: 60px;
}
@media (max-width: 1125px) {
  .solution-company__3 .iconfr .in img {
    width: 40px;
    height: 40px;
  }
}
.solution-company__3 .iconfr .in h3 {
  line-height: 40px;
  font-size: 20px;
  color: #ffffff;
  font-weight: normal;
}
@media (max-width: 1281px) {
  .solution-company__3 .iconfr .in h3 {
    font-size: 18px;
  }
}
@media (max-width: 1125px) {
  .solution-company__3 .iconfr .in h3 {
    font-size: 16px;
  }
}
.solution-company__3 .contain .list {
  overflow: hidden;
  margin: -10px;
}
@media (max-width: 1281px) {
  .solution-company__3 .contain .list {
    margin: -5px;
  }
}
.solution-company__3 .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .solution-company__3 .contain .item {
    width: 100%;
  }
}
.solution-company__3 .contain .cell {
  margin: 10px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media (max-width: 1281px) {
  .solution-company__3 .contain .cell {
    margin: 5px;
  }
}
.solution-company__3 .contain .cell:hover .shadow {
  background: rgba(0, 75, 200, 0.95);
}
.solution-company__3 .contain .cell:hover .bj img {
  transform: scale(1.5);
  transition: transform 5s ease;
}
.solution-company__3 .contain .cell:hover .exp h3 {
  animation: fadeInUp 0.3s ease;
}
.solution-company__3 .contain .cell:hover .exp p {
  display: block;
  animation: fadeInUp 0.3s ease;
}
.solution-company__3 .contain .cell .bj {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
}
.solution-company__3 .contain .cell .bj img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-company__3 .contain .cell .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 30px;
}
.solution-company__3 .contain .cell .exp h3 {
  position: relative;
  line-height: 60px;
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 20px;
}
.solution-company__3 .contain .cell .exp h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2em;
  border-bottom: 2px solid #ffffff;
}
@media (max-width: 1281px) {
  .solution-company__3 .contain .cell .exp h3 {
    font-size: 18px;
  }
}
.solution-company__3 .contain .cell .exp p {
  line-height: 25px;
  font-size: 16px;
  color: #ffffff;
  display: none;
}
@media (max-width: 1281px) {
  .solution-company__3 .contain .cell .exp p {
    font-size: 14px;
  }
}
.solution-company__3 .contain .cell .shadow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.solution-company__3 .swiper .swiper-slide {
  width: 70vw;
}
.solution-company__3 .swiper .cell {
  position: relative;
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 6px;
}
.solution-company__3 .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 66.66%;
}
.solution-company__3 .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-company__3 .swiper .cell .exp {
  position: relative;
  background: #ffffff;
  padding: 10px 20px 20px;
}
.solution-company__3 .swiper .cell .exp h3 {
  line-height: 30px;
  font-size: 16px;
  color: #333333;
}
.solution-company__3 .swiper .cell .exp p {
  height: 100px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.solution-company__4 {
  position: relative;
  padding: 60px 0 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .solution-company__4 {
    padding: 20px 0 0;
  }
}
.solution-company__4 .contain .list {
  overflow: hidden;
  margin: -10px;
}
@media (max-width: 1281px) {
  .solution-company__4 .contain .list {
    margin: -5px;
  }
}
.solution-company__4 .contain .item {
  float: left;
  width: 50%;
}
.solution-company__4 .contain .item:hover {
  color: inherit;
}
@media (max-width: 1125px) {
  .solution-company__4 .contain .item {
    width: 100%;
  }
}
.solution-company__4 .contain .cell {
  margin: 10px;
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #dddddd;
}
@media (max-width: 1281px) {
  .solution-company__4 .contain .cell {
    margin: 5px;
  }
}
.solution-company__4 .contain .cell:hover .cover {
  transform: scale(1.05);
  opacity: 0.9;
}
.solution-company__4 .contain .cell:hover .exp h3 {
  color: #004bc8;
}
.solution-company__4 .contain .cell .cover {
  float: left;
  width: 50%;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .solution-company__4 .contain .cell .cover {
    width: 40%;
  }
}
.solution-company__4 .contain .cell .cover .img {
  position: relative;
  padding: 0 0 51.33%;
  overflow: hidden;
}
.solution-company__4 .contain .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-company__4 .contain .cell .exp {
  position: relative;
  margin: 0 0 0 50%;
  padding: 0 20px 0 20px;
}
@media (max-width: 1281px) {
  .solution-company__4 .contain .cell .exp {
    margin-left: 40%;
  }
}
.solution-company__4 .contain .cell .exp h3 {
  position: relative;
  line-height: 40px;
  font-size: 20px;
  margin: 0 0 10px;
  color: #333333;
}
.solution-company__4 .contain .cell .exp p {
  height: 60px;
  line-height: 20px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #666666;
}
.solution-company__4 .contain .cell .mo {
  position: relative;
  padding: 20px 0 0 0;
  text-align: right;
}
.solution-company__4 .contain .cell .mo span {
  color: #999999;
}
.solution-company__4 .swiper .swiper-container {
  padding: 0 0 1px;
}
.solution-company__4 .swiper .swiper-pagination {
  position: relative;
  padding: 5px 0 0;
}
.solution-company__4 .swiper .swiper-pagination dd {
  margin: 5px;
}
.solution-company__4 .swiper .cell {
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.solution-company__4 .swiper .cell .cover {
  margin: 0 10vw;
}
.solution-company__4 .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 51.33%;
  overflow: hidden;
}
.solution-company__4 .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-company__4 .swiper .cell .exp {
  position: relative;
  padding: 0 20px 20px;
  text-align: center;
}
.solution-company__4 .swiper .cell .exp h3 {
  position: relative;
  line-height: 30px;
  font-size: 16px;
  margin: 0 0 10px;
  color: #333333;
}
.solution-company__4 .swiper .cell .exp p {
  font-size: 14px;
  height: 75px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.solution-company__4 .tfoot {
  position: relative;
  text-align: center;
}
.solution-company__4 .tfoot .more {
  padding: 40px 0 0 0;
}
@media (max-width: 1125px) {
  .solution-company__4 .tfoot .more {
    padding: 10px 0 0 0;
  }
}
.solution-company__4 .tfoot .more a {
  line-height: 40px;
  font-size: 16px;
}
.solution-company__4 .tfoot .more a::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: 0;
  border-right: 1px solid #004bc8;
  border-bottom: 1px solid #004bc8;
  transform: rotate(-45deg);
  margin: 0 0 0 5px;
}
@media (max-width: 1125px) {
  .solution-company__4 .tfoot .more a {
    display: block;
    font-size: 14px;
    color: #999999;
  }
  .solution-company__4 .tfoot .more a::after {
    transform: rotate(-45deg) scale(0.8);
  }
}
/**
  * This is baidu page
  **/
.solution-baidu__1 {
  position: relative;
  padding: 60px 0 30px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .solution-baidu__1 {
    padding: 20px 0 40px;
  }
  .solution-baidu__1 .weui-thead2 {
    margin-bottom: 20px;
  }
}
.solution-baidu__1 .tabed {
  text-align: center;
  margin: 0 0 40px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed {
    margin-bottom: 20px;
  }
}
.solution-baidu__1 .tabed .list {
  line-height: 0;
}
@media (max-width: 1281px) {
  .solution-baidu__1 .tabed .list {
    display: flex;
  }
}
.solution-baidu__1 .tabed .item {
  display: inline-block;
  padding: 0 200px;
}
@media (max-width: 1281px) {
  .solution-baidu__1 .tabed .item {
    padding: 0;
    flex: 1;
  }
}
.solution-baidu__1 .tabed .item.is-active span {
  color: #004bc8;
}
.solution-baidu__1 .tabed .item.is-active span::after {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: -1px;
  width: 6em;
  margin: 0 0 0 -3em;
  border-bottom: 3px solid #004bc8;
}
.solution-baidu__1 .tabed .item span {
  position: relative;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.solution-baidu__1 .contain {
  position: relative;
  overflow: hidden;
  display: none;
}
.solution-baidu__1 .contain:first-child {
  display: block;
}
.solution-baidu__1 .cover {
  float: left;
  width: 50%;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .cover {
    float: none;
    width: 100%;
  }
}
.solution-baidu__1 .cover .item {
  display: none;
}
.solution-baidu__1 .cover .item:first-child {
  display: block;
}
.solution-baidu__1 .cover .cell {
  position: relative;
}
.solution-baidu__1 .cover .img {
  position: relative;
  height: 436px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .cover .img {
    height: 240px;
  }
}
.solution-baidu__1 .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
  transition: all 2s ease;
  animation: baiduCoverFloat 5s ease;
}
.solution-baidu__1 .cover .icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 10px;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .cover .icon {
    padding: 0 5px 0 0;
  }
}
.solution-baidu__1 .cover .icon.black dd span {
  color: #333333;
}
.solution-baidu__1 .cover .icon dd {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  text-align: center;
  opacity: 0;
  animation: fadeInDown 0.2s ease both;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .cover .icon dd {
    margin: -10px;
    transform: scale(0.6);
  }
}
@media (max-width: 1125px) {
  .solution-baidu__1 .cover .icon dd {
    margin: -10px;
    transform: scale(0.3);
  }
  .solution-baidu__1 .cover .icon dd .jfont {
    display: block;
    margin-bottom: -15px;
  }
  .solution-baidu__1 .cover .icon dd .jfont::after {
    transform: scale(0.6);
  }
}
.solution-baidu__1 .cover .icon dd:nth-child(1) {
  animation-delay: 0.1s;
}
.solution-baidu__1 .cover .icon dd:nth-child(2) {
  animation-delay: 0.2s;
}
.solution-baidu__1 .cover .icon dd:nth-child(3) {
  animation-delay: 0.3s;
}
.solution-baidu__1 .cover .icon dd span {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #ffffff;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .cover .icon dd span {
    font-size: 12px;
  }
}
.solution-baidu__1 .tabed2 {
  margin: 0 0 0 50%;
  padding: 0 0 0 20px;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed2 {
    margin: 0;
    padding: 10px 0 0 0;
  }
}
.solution-baidu__1 .tabed2 .list {
  position: relative;
  overflow: hidden;
  margin: -10px;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed2 .list {
    margin: -5px;
  }
}
.solution-baidu__1 .tabed2 .item {
  float: left;
  width: 50%;
}
.solution-baidu__1 .tabed2 .item.is-active .cell {
  background: #004bc8;
  color: #ffffff;
  border-color: #ffffff;
}
.solution-baidu__1 .tabed2 .cell {
  border: 1px solid #e5eaf1;
  margin: 10px;
  padding: 30px 10px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed2 .cell {
    margin: 5px;
    padding: 20px 5px 10px;
  }
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed2 .cell {
    padding: 10px 5px 5px;
  }
}
.solution-baidu__1 .tabed2 .cell h3 {
  line-height: 40px;
  font-size: 18px;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed2 .cell h3 {
    line-height: 20px;
    font-size: 14px;
  }
}
.solution-baidu__1 .tabed2 .cell dl {
  line-height: 0;
  white-space: nowrap;
}
.solution-baidu__1 .tabed2 .cell dd {
  display: inline-block;
  margin: 0 5px;
  line-height: 30px;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed2 .cell dd {
    margin: 0;
    font-size: 12px;
  }
}
.solution-baidu__1 .tabed2 .cell dd + dd::before {
  content: '|';
  margin: 0 10px 0 0;
}
@media (max-width: 1125px) {
  .solution-baidu__1 .tabed2 .cell dd + dd::before {
    margin: 0 5px 0 0;
  }
}
.solution-baidu__2 {
  position: relative;
  padding: 50px 0;
  background: #ffffff;
}
@media (max-width: 1281px) {
  .solution-baidu__2 {
    padding: 0 0 30px;
  }
}
.solution-baidu__2 .contain .list {
  overflow: hidden;
  margin: -10px;
}
@media (max-width: 1281px) {
  .solution-baidu__2 .contain .list {
    margin: -5px;
  }
}
.solution-baidu__2 .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .solution-baidu__2 .contain .item {
    width: 100%;
  }
}
.solution-baidu__2 .contain .cell {
  margin: 10px;
  padding: 30px 50px;
  position: relative;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .solution-baidu__2 .contain .cell {
    margin: 5px;
    padding: 20px 10px 20px 110px;
  }
}
@media (min-width: 1125px) {
  .solution-baidu__2 .contain .cell:hover {
    transform: translateY(-10px);
  }
  .solution-baidu__2 .contain .cell:hover .icon {
    transform: scale(0.9);
  }
}
.solution-baidu__2 .contain .cell .icon {
  text-align: center;
  margin: 0 0 10px;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .solution-baidu__2 .contain .cell .icon {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0.7);
  }
}
.solution-baidu__2 .contain .cell .icon i,
.solution-baidu__2 .contain .cell .icon img {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
}
@media (max-width: 1125px) {
  .solution-baidu__2 .contain .cell .icon i,
  .solution-baidu__2 .contain .cell .icon img {
    transform: scale(0.8);
  }
}
.solution-baidu__2 .contain .cell h3 {
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  margin: 0 0 10px;
}
@media (max-width: 1281px) {
  .solution-baidu__2 .contain .cell h3 {
    text-align: left;
    line-height: 20px;
    font-size: 18px;
  }
}
.solution-baidu__2 .contain .cell p {
  text-align: center;
  line-height: 25px;
  font-size: 16px;
}
@media (max-width: 1281px) {
  .solution-baidu__2 .contain .cell p {
    text-align: left;
    line-height: 25px;
    font-size: 14px;
  }
}
.solution-baidu__3 {
  position: relative;
  padding: 50px 0 30px;
  background: #f9f9fb;
}
@media (max-width: 1125px) {
  .solution-baidu__3 {
    padding: 30px 0;
  }
}
.solution-baidu__3 .tabed {
  position: relative;
  text-align: center;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
}
.solution-baidu__3 .tabed .list {
  display: flex;
}
.solution-baidu__3 .tabed .item {
  flex: 1;
}
.solution-baidu__3 .tabed .item.is-active span {
  color: #004bc8;
}
.solution-baidu__3 .tabed .item.is-active span::after {
  content: '';
  position: absolute;
  left: 50%;
  right: 0;
  bottom: -1px;
  margin: 0 0 0 -3em;
  width: 6em;
  border-bottom: 3px solid #004bc8;
}
.solution-baidu__3 .tabed .item span {
  position: relative;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.solution-baidu__3 .tabed2 {
  position: relative;
}
.solution-baidu__3 .tabed2 .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
  padding: 10px 15px;
}
.solution-baidu__3 .tabed2 .swiper-slide.is-active span {
  color: #004bc8;
}
.solution-baidu__3 .tabed2 .swiper-slide.is-active span::after {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: -1px;
  width: auto;
  border-bottom: 3px solid #004bc8;
}
.solution-baidu__3 .tabed2 .swiper-slide span {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #333333;
  font-weight: bold;
  cursor: pointer;
}
.solution-baidu__3 .contain {
  position: relative;
  margin: 0 0 40px;
}
@media (max-width: 1125px) {
  .solution-baidu__3 .contain {
    padding: 10px;
    margin: 0;
  }
}
.solution-baidu__3 .contain .list {
  position: relative;
}
.solution-baidu__3 .contain .item {
  display: none;
}
.solution-baidu__3 .contain .item:first-child {
  display: block;
}
.solution-baidu__3 .contain .cell {
  position: relative;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1125px) {
  .solution-baidu__3 .contain .cell {
    display: block;
  }
}
.solution-baidu__3 .contain .cover {
  width: 50%;
}
@media (max-width: 1125px) {
  .solution-baidu__3 .contain .cover {
    width: 100%;
  }
}
.solution-baidu__3 .contain .cover .img {
  position: relative;
  padding: 0 0 67.44% 0;
}
.solution-baidu__3 .contain .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: fadeInRight 0.2s ease;
}
.solution-baidu__3 .contain .exp {
  flex: 1;
  padding: 0 0 0 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeInLeft 0.2s ease;
}
@media (max-width: 1281px) {
  .solution-baidu__3 .contain .exp {
    flex: none;
    padding: 0;
  }
}
.solution-baidu__3 .contain .exp .flx {
  position: relative;
  width: 100%;
}
.solution-baidu__3 .contain .exp h3 {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  margin: 0 0 20px;
  color: #333333;
}
@media (max-width: 1281px) {
  .solution-baidu__3 .contain .exp h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.solution-baidu__3 .contain .exp p {
  margin: 0 0 40px;
  line-height: 2;
  font-size: 16px;
}
@media (max-width: 1281px) {
  .solution-baidu__3 .contain .exp p {
    margin: 0 0 20px;
    font-size: 14px;
  }
}
.solution-baidu__3 .contain .mo {
  line-height: 0;
}
@media (max-width: 1281px) {
  .solution-baidu__3 .contain .mo {
    text-align: center;
  }
}
.solution-baidu__3 .contain .mo a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  background: #004bc8;
  color: #ffffff;
  border-radius: 45px;
  transition: all 0.3s ease;
}
.solution-baidu__3 .contain .mo a:hover {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2) inset;
  transform: scale(1.05);
}
.solution-baidu__4 {
  position: relative;
  padding: 60px 0 70px;
  background: url(/static/img/solution-bj_2.jpg) center center no-repeat #262c3b;
  background-size: cover;
}
@media (max-width: 1281px) {
  .solution-baidu__4 {
    padding: 30px 0 30px;
  }
}
.solution-baidu__4 .weui-thead2 h2,
.solution-baidu__4 .weui-thead2 p {
  color: #ffffff;
}
.solution-baidu__4 .contain {
  position: relative;
  margin: 0 0 40px;
}
.solution-baidu__4 .contain .list {
  overflow: hidden;
  margin: -10px;
}
@media (max-width: 1125px) {
  .solution-baidu__4 .contain .list {
    margin: -5px;
  }
}
.solution-baidu__4 .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .solution-baidu__4 .contain .item {
    width: 100%;
  }
}
.solution-baidu__4 .contain .cell {
  position: relative;
  margin: 10px;
  padding: 30px 50px;
  background: #1a1e27;
  border-radius: 10px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .solution-baidu__4 .contain .cell {
    margin: 5px;
    padding: 10px 10px 10px 110px;
  }
}
@media (max-width: 1125px) {
  .solution-baidu__4 .contain .cell {
    padding: 10px 10px 10px 80px;
  }
}
@media (min-width: 1125px) {
  .solution-baidu__4 .contain .cell:hover {
    transform: translateY(-10px);
  }
  .solution-baidu__4 .contain .cell:hover .icon {
    transform: scale(0.9);
  }
}
.solution-baidu__4 .contain .cell .icon {
  text-align: center;
  margin: 0 0 10px;
  transition: all 0.3s ease;
}
.solution-baidu__4 .contain .cell .icon i {
  display: block;
}
@media (max-width: 1125px) {
  .solution-baidu__4 .contain .cell .icon i {
    position: absolute;
    left: -10px;
    top: 0;
    transform: scale(0.5);
  }
}
.solution-baidu__4 .contain .cell h3 {
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .solution-baidu__4 .contain .cell h3 {
    text-align: left;
    line-height: 20px;
    font-size: 16px;
  }
}
.solution-baidu__4 .contain .cell p {
  text-align: center;
  min-height: 100px;
  line-height: 25px;
  font-size: 16px;
  color: #ffffff;
  opacity: 0.7;
}
@media (max-width: 1125px) {
  .solution-baidu__4 .contain .cell p {
    text-align: left;
    min-height: auto;
    line-height: 25px;
    font-size: 14px;
  }
}
.solution-baidu__4 .more {
  position: relative;
  text-align: center;
  line-height: 0;
}
.solution-baidu__4 .more a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  background: #004bc8;
  color: #ffffff;
  border-radius: 45px;
  transition: all 0.3s ease;
}
.solution-baidu__4 .more a:hover {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2) inset;
  transform: scale(1.05);
}
.solution-baidu__5 {
  padding: 60px 0 80px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .solution-baidu__5 {
    padding: 20px 0;
  }
}
.solution-baidu__5 .tabed {
  position: relative;
  margin: 0 0 20px;
}
.solution-baidu__5 .tabed .swiper-container {
  padding: 0 0 1px;
}
.solution-baidu__5 .tabed .swiper-slide.swiper-slide-active .swiper-cell {
  border-color: #004bc8;
}
.solution-baidu__5 .tabed .swiper-slide.swiper-slide-active .swiper-cell .img {
  border-color: #004bc8;
}
.solution-baidu__5 .tabed .swiper-cell {
  border: 1px solid #dddddd;
  border-radius: 5px;
}
.solution-baidu__5 .tabed .swiper-cell .img {
  position: relative;
  padding: 0 0 51.33%;
  border-bottom: 4px solid transparent;
}
.solution-baidu__5 .tabed .swiper-cell .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.solution-baidu__5 .contain {
  margin: 0 0 20px;
}
.solution-baidu__5 .contain .swiper-container {
  padding: 0 0 1px;
}
.solution-baidu__5 .contain .cell {
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .solution-baidu__5 .contain .cell {
    padding: 0;
    border: 0;
  }
}
@media (min-width: 1125px) {
  .solution-baidu__5 .contain .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.solution-baidu__5 .contain .cover {
  float: left;
  width: 50%;
}
@media (max-width: 1125px) {
  .solution-baidu__5 .contain .cover {
    float: none;
    width: 100%;
  }
}
.solution-baidu__5 .contain .cover .img {
  position: relative;
  padding: 0 0 56.25%;
  overflow: hidden;
  border-radius: 6px;
  background: #f9f9f9;
}
.solution-baidu__5 .contain .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.solution-baidu__5 .contain .exp {
  margin: 0 0 0 50%;
  padding: 30px 0 0 40px;
  position: relative;
}
@media (max-width: 1125px) {
  .solution-baidu__5 .contain .exp {
    margin: 0;
    padding: 20px 0 0 0;
  }
}
.solution-baidu__5 .contain .exp h3 {
  line-height: 30px;
  font-size: 20px;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .solution-baidu__5 .contain .exp h3 {
    margin: 0 0 10px;
    font-size: 18px;
  }
}
.solution-baidu__5 .contain .exp dd {
  line-height: 30px;
  font-size: 16px;
  margin: 0 0 10px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .solution-baidu__5 .contain .exp dd {
    line-height: 25px;
    margin: 0;
    font-size: 14px;
  }
}
.solution-baidu__5 .contain .exp dd label {
  float: left;
  font-weight: bold;
}
.solution-baidu__5 .contain .exp dd p {
  margin: 0 0 0 90px;
}
@media (max-width: 1125px) {
  .solution-baidu__5 .contain .exp dd p {
    margin-left: 80px;
  }
}
.solution-baidu__5 .swiper {
  position: relative;
  padding: 0 60px;
}
.solution-baidu__5 .swiper .swiper-slide.swiper-slide-active .swiper-cell {
  border-bottom-width: 4px;
  border-color: #004bc8;
}
.solution-baidu__5 .swiper .swiper-cell {
  border: 1px solid #dddddd;
  border-radius: 5px;
  overflow: hidden;
}
.solution-baidu__5 .swiper .swiper-cell:hover {
  border-color: #004bc8;
}
.solution-baidu__5 .swiper .swiper-cell:hover .img img {
  transform: scale(1.05);
}
.solution-baidu__5 .swiper .swiper-cell .img {
  position: relative;
  padding: 0 0 51.33%;
}
.solution-baidu__5 .swiper .swiper-cell .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.solution-company__b6 {
  background: url(/static/img/solution-bj_1.png) center center no-repeat;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
  padding: 60px 0;
}
@media (max-width: 1281px) {
  .solution-company__b6 {
    padding: 30px 0;
  }
}
.solution-company__b6 .text {
  margin: 0 0 20px;
}
.solution-company__b6 .text p {
  line-height: 1.8;
  font-size: 30px;
  color: #333333;
}
@media (max-width: 1281px) {
  .solution-company__b6 .text p {
    line-height: 1.5;
    font-size: 20px;
  }
}
.solution-company__b6 .more {
  line-height: 0;
}
.solution-company__b6 .more a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  background: #004bc8;
  color: #ffffff;
  border-radius: 45px;
}
.solution-company__b6 .more a:hover {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2) inset;
}
/**
  * This is industry page
  **/
.solution-industry__1 {
  position: relative;
  padding: 60px 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .solution-industry__1 {
    padding: 20px 0;
  }
}
.solution-industry__1 .weui-thead2 h2 {
  margin: 0 0 10px;
}
.solution-industry__1 .weui-thead2 p {
  text-align: left;
}
@media (max-width: 1125px) {
  .solution-industry__1 .weui-thead2 p {
    margin: 0 10px;
  }
}
.solution-industry__1 .contain .img {
  position: relative;
  text-align: center;
}
.solution-industry__1 .contain .img img {
  max-width: 100%;
}
.solution-industry__2 {
  position: relative;
  padding: 60px 0 80px;
  background: #ffffff;
}
@media (max-width: 1281px) {
  .solution-industry__2 {
    padding-bottom: 20px;
  }
}
@media (max-width: 1125px) {
  .solution-industry__2 {
    padding: 20px 0;
  }
}
@media (max-width: 1125px) {
  .solution-industry__2 .weui-thead2 p {
    text-align: left;
  }
}
.solution-industry__2 .contain .list {
  position: relative;
  overflow: hidden;
  margin: -10px;
}
.solution-industry__2 .contain .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .solution-industry__2 .contain .item {
    float: none;
    width: 100%;
  }
}
.solution-industry__2 .contain .cell {
  margin: 10px;
  padding: 40px 20px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  text-align: center;
  position: relative;
  transition: transform 0.3s ease;
}
@media (max-width: 1125px) {
  .solution-industry__2 .contain .cell {
    padding: 20px 20px 20px 90px;
    text-align: left;
  }
}
@media (min-width: 1125px) {
  .solution-industry__2 .contain .cell:hover {
    transform: translateY(-10px);
  }
  .solution-industry__2 .contain .cell:hover .icon {
    animation: zoomIn 0.3s ease;
  }
}
@media (max-width: 1125px) {
  .solution-industry__2 .contain .cell .tit {
    white-space: nowrap;
  }
}
@media (max-width: 1125px) {
  .solution-industry__2 .contain .cell .tit {
    margin: 0 0 5px;
  }
}
.solution-industry__2 .contain .cell .tit h3,
.solution-industry__2 .contain .cell .tit h4 {
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  color: #333333;
}
@media (max-width: 1281px) {
  .solution-industry__2 .contain .cell .tit h3,
  .solution-industry__2 .contain .cell .tit h4 {
    font-size: 16px;
  }
}
@media (max-width: 1125px) {
  .solution-industry__2 .contain .cell .tit h3,
  .solution-industry__2 .contain .cell .tit h4 {
    display: inline;
    line-height: 30px;
    font-size: 15px;
  }
}
.solution-industry__2 .contain .cell .tit h4 {
  color: #004bc8;
}
.solution-industry__2 .contain .cell .icon {
  padding: 20px 0;
}
@media (max-width: 1125px) {
  .solution-industry__2 .contain .cell .icon {
    padding: 0;
    position: absolute;
    left: -5px;
    top: 0;
    transform: scale(0.6);
  }
}
.solution-industry__2 .contain .cell .icon img {
  width: 100px;
  height: 100px;
}
.solution-industry__2 .contain .cell p {
  height: 100px;
  line-height: 25px;
  text-align: justify;
}
@media (max-width: 1281px) {
  .solution-industry__2 .contain .cell p {
    height: 150px;
  }
}
@media (max-width: 1125px) {
  .solution-industry__2 .contain .cell p {
    height: auto;
    line-height: 25px;
  }
}
.solution-industry__3 {
  position: relative;
  padding: 60px 0;
  background: #f7f7f7;
}
@media (max-width: 1125px) {
  .solution-industry__3 {
    padding: 20px 0;
    background: #ffffff;
  }
}
.solution-industry__3 .weui-thead2 {
  margin-bottom: 20px;
}
@media (max-width: 1125px) {
  .solution-industry__3 .weui-thead2 {
    margin-bottom: 10px;
  }
}
.solution-industry__3 .contain .item {
  position: relative;
  z-index: 1;
}
.solution-industry__3 .contain .item + .item {
  border-top: 1px solid #eeeeee;
  background: #ffffff;
}
.solution-industry__3 .contain .item:nth-child(even) .cover {
  float: right;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .item:nth-child(even) .cover {
    float: none;
  }
}
.solution-industry__3 .contain .item:nth-child(even) .exp {
  margin: 0 600px 0 0;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .item:nth-child(even) .exp {
    margin: 0;
  }
}
@media (min-width: 1125px) {
  .solution-industry__3 .contain .item:hover {
    z-index: 2;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
  }
  .solution-industry__3 .contain .item:hover .cell .exp h3 {
    color: #004bc8;
  }
}
.solution-industry__3 .contain .cell {
  position: relative;
  overflow: hidden;
  padding: 40px 0;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .cell {
    padding: 10px 0 20px;
  }
}
@media (min-width: 1125px) {
  .solution-industry__3 .contain .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.solution-industry__3 .contain .cell .cover {
  float: left;
  width: 540px;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .cell .cover {
    float: none;
    width: 100%;
  }
}
.solution-industry__3 .contain .cell .cover .img {
  position: relative;
  padding: 0 0 74%;
  overflow: hidden;
}
.solution-industry__3 .contain .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.solution-industry__3 .contain .cell .exp {
  margin: 0 0 0 600px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .cell .exp {
    margin: 0;
    padding: 10px 0 0;
  }
}
.solution-industry__3 .contain .cell .exp .icon {
  margin: 0 0 0 -10px;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .cell .exp .icon {
    position: absolute;
    right: -15px;
    top: -5px;
    width: 60px;
    height: 60px;
  }
  .solution-industry__3 .contain .cell .exp .icon i {
    transform: scale(0.35) translate(-145px, -55px) !important;
  }
}
.solution-industry__3 .contain .cell .exp .icon i {
  display: inline-block;
  transform: scale(0.5) translate(-50px, 50px);
}
.solution-industry__3 .contain .cell .exp h3 {
  height: 40px;
  line-height: 40px;
  font-size: 25px;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .cell .exp h3 {
    margin-bottom: 0;
  }
}
.solution-industry__3 .contain .cell .exp p {
  line-height: 2;
  margin: 0 0 40px;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .cell .exp p {
    margin-bottom: 20px;
  }
}
.solution-industry__3 .contain .cell .exp dl {
  line-height: 0;
}
.solution-industry__3 .contain .cell .exp dl dd {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  height: 30px;
  line-height: 30px;
  background: #e4eeff;
  color: #004bc8;
}
@media (max-width: 1125px) {
  .solution-industry__3 .contain .cell .exp dl dd {
    font-size: 14px;
  }
}
.solution-industry__3 .tfoot {
  position: relative;
  text-align: center;
  background: #ffffff;
  padding: 0 0 60px;
}
@media (max-width: 1125px) {
  .solution-industry__3 .tfoot {
    padding: 20px 0;
  }
}
.solution-industry__3 .tfoot .more {
  position: relative;
}
.solution-industry__3 .tfoot .more a {
  display: inline-block;
  height: 42px;
  line-height: 40px;
  padding: 0 40px;
  border-radius: 40px;
  color: #666666;
  border: 1px solid #999999;
}
@media (min-width: 1125px) {
  .solution-industry__3 .tfoot .more a:hover {
    background: #004bc8;
    border-color: #004bc8;
    color: #ffffff;
  }
}
.solution-industry__4 {
  position: relative;
  padding: 30px 0 80px;
  background: #f7f8f8;
}
@media (max-width: 1125px) {
  .solution-industry__4 {
    padding: 20px 0;
  }
}
.solution-industry__4 .contain .list {
  overflow: hidden;
  position: relative;
  margin: -10px;
}
.solution-industry__4 .contain .item {
  float: left;
  width: 50%;
}
@media (max-width: 1125px) {
  .solution-industry__4 .contain .item {
    float: none;
    width: 100%;
  }
}
.solution-industry__4 .contain .cell {
  margin: 10px;
  padding: 20px;
  display: block;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 6px;
  background: #ffffff;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .solution-industry__4 .contain .cell {
    padding: 10px;
  }
}
@media (min-width: 1125px) {
  .solution-industry__4 .contain .cell:hover {
    transform: translateY(-10px);
  }
  .solution-industry__4 .contain .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.solution-industry__4 .contain .cover {
  position: relative;
}
.solution-industry__4 .contain .cover .img {
  position: relative;
  padding: 0 0 51.81%;
  overflow: hidden;
}
.solution-industry__4 .contain .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.solution-industry__4 .contain .exp {
  position: relative;
  padding: 10px 0 0;
}
.solution-industry__4 .contain .exp h3 {
  line-height: 40px;
  font-size: 18px;
}
.solution-industry__4 .contain .exp p {
  height: 100px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: #666666;
}
@media (max-width: 1281px) {
  .solution-industry__4 .contain .exp p {
    height: auto;
  }
}
.solution-industry__4 .swiper {
  position: relative;
}
.solution-industry__4 .swiper .swiper-pagination {
  position: relative;
  padding: 10px 0 0;
}
.solution-industry__4 .swiper .swiper-pagination dd {
  margin: 5px;
}
.solution-industry__4 .swiper .cell {
  position: relative;
  display: block;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
}
.solution-industry__4 .swiper .cell .cover {
  position: relative;
}
.solution-industry__4 .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 51.81%;
  overflow: hidden;
}
.solution-industry__4 .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-industry__4 .swiper .cell .exp {
  position: relative;
  padding: 10px 0 0;
}
.solution-industry__4 .swiper .cell .exp h3 {
  line-height: 40px;
  font-size: 18px;
}
.solution-industry__4 .swiper .cell .exp p {
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1281px) {
  .solution-industry__4 .swiper .cell .exp p {
    height: auto;
  }
}
.solution-industry__4 .tfoot {
  position: relative;
  text-align: center;
}
.solution-industry__4 .tfoot .more {
  padding: 40px 0 0 0;
}
@media (max-width: 1125px) {
  .solution-industry__4 .tfoot .more {
    padding: 10px 0 0 0;
  }
}
.solution-industry__4 .tfoot .more a {
  line-height: 40px;
  font-size: 16px;
}
.solution-industry__4 .tfoot .more a::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: 0;
  border-right: 1px solid #004bc8;
  border-bottom: 1px solid #004bc8;
  transform: rotate(-45deg);
  margin: 0 0 0 5px;
}
@media (max-width: 1125px) {
  .solution-industry__4 .tfoot .more a {
    display: block;
    font-size: 14px;
    color: #999999;
  }
  .solution-industry__4 .tfoot .more a::after {
    transform: rotate(-45deg) scale(0.8);
  }
}
/**
  * This is ip metting page
  **/
.metting-sketch {
  position: relative;
}
.metting-sketch .bj {
  position: relative;
  padding: 0 0 39.58%;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .metting-sketch .bj {
    padding-bottom: 100%;
  }
}
.metting-sketch .bj img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: baiduCoverFloat 10s ease;
}
.metting-sketch .shadow {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.metting-sketch .shadow .label {
  position: relative;
  text-align: center;
  color: #ffffff;
}
.metting-sketch .shadow .label h2,
.metting-sketch .shadow .label .page-title {
  line-height: 2.2;
  font-size: 3.5em;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.5s both;
}
@media (max-width: 1125px) {
  .metting-sketch .shadow .label h2,
  .metting-sketch .shadow .label .page-title {
    line-height: 1.5;
    font-size: 1.8em;
    margin: 0 0 30px;
  }
}
.metting-sketch .shadow .label h3 {
  line-height: 1.2;
  font-size: 1.6em;
  margin: 0 0 40px;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.6s both;
}
@media (max-width: 1125px) {
  .metting-sketch .shadow .label h3 {
    font-size: 1.2em;
    font-weight: normal;
  }
}
.metting-sketch .shadow .button {
  line-height: 0;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.8s both;
}
.metting-sketch .shadow .button a,
.metting-sketch .shadow .button .button-inner-text {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  background: rgba(0, 75, 200, 0.5);
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 45px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .metting-sketch .shadow .button a,
  .metting-sketch .shadow .button .button-inner-text {
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
  }
}
.metting-sketch .shadow .button a:hover,
.metting-sketch .shadow .button .button-inner-text:hover {
  background: rgba(0, 75, 200, 0.8);
  padding: 0 50px;
}
@media (max-width: 1125px) {
  .metting-sketch .shadow .button a:hover,
  .metting-sketch .shadow .button .button-inner-text:hover {
    background: rgba(0, 75, 200, 0.5);
    padding: 0 40px;
  }
}
.metting-profile {
  position: relative;
  padding: 60px 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .metting-profile {
    padding: 20px 0;
  }
}
.metting-profile .contain {
  position: relative;
  display: flex;
}
@media (max-width: 1125px) {
  .metting-profile .contain {
    display: block;
  }
}
.metting-profile .contain .cover {
  flex: 1;
  width: 50%;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
@media (max-width: 1125px) {
  .metting-profile .contain .cover {
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
  }
}
.metting-profile .contain .cover .video {
  position: relative;
  padding: 0 0 65.78%;
}
.metting-profile .contain .cover .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.metting-profile .contain .exp {
  flex: 1;
  padding: 0 0 0 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1125px) {
  .metting-profile .contain .exp {
    padding: 0 0 30px;
  }
  .metting-profile .contain .exp.exp-monitor {
    display: none;
  }
}
.metting-profile .contain .exp .rich p {
  margin: 0 0 2em;
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1281px) {
  .metting-profile .contain .exp .rich p {
    font-size: 16px;
  }
}
@media (max-width: 1125px) {
  .metting-profile .contain .exp .rich p {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 1em;
  }
}
.metting-profile .data {
  position: relative;
  margin: 60px 0 10px;
}
@media (max-width: 1125px) {
  .metting-profile .data {
    margin: 0;
  }
}
.metting-profile .data .list {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: -10px;
}
.metting-profile .data .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .metting-profile .data .item {
    width: 50%;
  }
}
.metting-profile .data .cell {
  margin: 10px;
}
.metting-profile .data .num {
  height: 70px;
  line-height: 70px;
  color: #004bc8;
}
.metting-profile .data .num span {
  font-size: 50px;
  font-family: avantB;
  font-weight: bold;
  margin: 0 8px 0 0;
}
@media (max-width: 1125px) {
  .metting-profile .data .num span {
    font-size: 40px;
  }
}
.metting-profile .data .num sub {
  vertical-align: 2px;
  font-size: 24px;
  margin-left: -10px;
}
@media (max-width: 1125px) {
  .metting-profile .data .num sub {
    font-size: 20px;
  }
}
.metting-profile .data .num sup {
  vertical-align: 10px;
  font-size: 40px;
  margin-left: -10px;
}
@media (max-width: 1125px) {
  .metting-profile .data .num sup {
    font-size: 40px;
  }
}
.metting-profile .data .label {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #333333;
}
@media (max-width: 1125px) {
  .metting-profile .data .label {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}
.metting-summary {
  background: url(/static/img/metting-bj_1.jpg) center center no-repeat #002586;
  background-size: cover;
  position: relative;
  padding: 80px 0;
}
@media (max-width: 1125px) {
  .metting-summary {
    padding: 30px 0 50px;
    background-image: url(/static/img/metting-bj_2.jpg);
  }
}
@media (max-width: 1125px) {
  .metting-summary .weui-thead3 {
    margin-bottom: 20px;
  }
}
.metting-summary .weui-thead3 h2 {
  color: #ffffff;
}
.metting-summary .weui-thead3 h2::before {
  border-color: #ffffff;
}
.metting-summary .contain {
  position: relative;
  margin: 0 0 40px;
}
@media (max-width: 1125px) {
  .metting-summary .contain {
    margin-bottom: 20px;
  }
}
.metting-summary .contain dd {
  line-height: 2;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .metting-summary .contain dd {
    font-size: 14px;
  }
}
.metting-summary .button {
  position: relative;
  text-align: center;
  line-height: 0;
}
.metting-summary .button a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  background: rgba(0, 75, 200, 0.5);
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 45px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .metting-summary .button a {
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
  }
}
.metting-summary .button a:hover {
  background: rgba(0, 75, 200, 0.8);
  padding: 0 50px;
}
.metting-media {
  position: relative;
  padding: 60px 0 40px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .metting-media {
    padding: 20px 0;
  }
}
.metting-media .swiper {
  float: left;
  width: calc(50% - 5px);
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
@media (max-width: 1125px) {
  .metting-media .swiper {
    float: none;
    width: 100%;
  }
}
.metting-media .swiper .swiper-cell {
  position: relative;
  display: block;
  overflow: hidden;
}
.metting-media .swiper .swiper-cell:hover .img img {
  transform: scale(1.05);
}
.metting-media .swiper .swiper-cell:hover .exp {
  padding-bottom: 30px;
}
.metting-media .swiper .swiper-cell .img {
  position: relative;
  padding: 0 0 57%;
  overflow: hidden;
  background: #eeeeee;
}
.metting-media .swiper .swiper-cell .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.metting-media .swiper .swiper-cell .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 100px 20px 20px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
  transition: padding 0.3s ease;
}
@media (max-width: 1125px) {
  .metting-media .swiper .swiper-cell .exp {
    padding: 100px 10px 10px;
  }
}
.metting-media .swiper .swiper-cell .exp h3 {
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .metting-media .swiper .swiper-cell .exp h3 {
    font-size: 14px;
  }
}
.metting-media .swiper .swiper-button-prev,
.metting-media .swiper .swiper-button-next {
  transform: scale(0.7);
}
@media (max-width: 1125px) {
  .metting-media .swiper .swiper-button-prev,
  .metting-media .swiper .swiper-button-next {
    display: none;
  }
}
.metting-media .thumb {
  margin-left: calc(50% - 5px);
  position: relative;
  padding: 0 0 0 12px;
}
@media (max-width: 1125px) {
  .metting-media .thumb {
    margin: 0;
    padding: 12px 0 0;
  }
}
.metting-media .thumb .list {
  position: relative;
  overflow: hidden;
  margin: -6px;
}
@media (max-width: 1125px) {
  .metting-media .thumb .list {
    margin: -5px;
  }
}
.metting-media .thumb .list.x4 .item {
  width: 25%;
}
@media (max-width: 1125px) {
  .metting-media .thumb .list.x4 .item {
    width: 50%;
  }
}
.metting-media .thumb .item {
  float: left;
  width: 50%;
}
.metting-media .thumb .cell {
  margin: 6px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 6px;
}
@media (max-width: 1125px) {
  .metting-media .thumb .cell {
    margin: 5px;
  }
}
.metting-media .thumb .cell:hover .img img {
  transform: scale(1.1);
}
.metting-media .thumb .cell:hover .exp {
  padding-bottom: 15px;
}
.metting-media .thumb .img {
  position: relative;
  padding: 0 0 56.25%;
  overflow: hidden;
  background: #eeeeee;
}
.metting-media .thumb .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.metting-media .thumb .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 50px 10px 10px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
  transition: padding 0.3s ease;
}
.metting-media .thumb .exp h3 {
  line-height: 20px;
  font-weight: normal;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .metting-media .thumb .exp h3 {
    font-size: 12px;
  }
}
.metting-adver {
  width: 100%;
  vertical-align: top;
}
.metting-history {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .metting-history {
    padding: 20px 0;
  }
}
.metting-history .contain .list {
  position: relative;
  overflow: hidden;
  margin: -10px;
}
@media (max-width: 1125px) {
  .metting-history .contain .list {
    margin: -18px;
  }
}
.metting-history .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .metting-history .contain .item {
    float: none;
    width: 100%;
  }
}
.metting-history .contain .cell {
  position: relative;
  display: block;
  margin: 10px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .metting-history .contain .cell {
    display: flex;
    margin: 18px;
  }
}
@media (min-width: 1125px) {
  .metting-history .contain .cell:hover {
    transform: translateY(-10px);
  }
  .metting-history .contain .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.metting-history .contain .cover {
  position: relative;
  margin: 0 0 -1px;
}
@media (max-width: 1125px) {
  .metting-history .contain .cover {
    width: 165px;
  }
}
.metting-history .contain .cover .img {
  position: relative;
  padding: 0 0 56%;
  overflow: hidden;
  background: #eeeeee;
  border-radius: 6px 6px 0 0;
}
@media (max-width: 1125px) {
  .metting-history .contain .cover .img {
    border-radius: 6px 0 0 6px;
    padding: 0 0 56%;
  }
}
.metting-history .contain .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.metting-history .contain .exp {
  position: relative;
  border: 1px solid #eeeeee;
  border-radius: 0 0 6px 6px;
  background: #ffffff;
  padding: 15px 15px 20px;
}
@media (max-width: 1125px) {
  .metting-history .contain .exp {
    flex: 1;
    border-radius: 0 6px 6px 0;
    padding: 10px 15px 0;
  }
}
.metting-history .contain .exp h3 {
  position: relative;
  margin: 0 0 20px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .metting-history .contain .exp h3 {
    margin: 0 0 5px;
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    white-space: normal;
  }
}
.metting-history .contain .exp .mo {
  position: relative;
  text-align: center;
  line-height: 0;
}
@media (max-width: 1125px) {
  .metting-history .contain .exp .mo {
    text-align: left;
  }
}
.metting-history .contain .exp .mo span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  border-radius: 40px;
  background: #eaf0fe;
  color: #004bc8;
  transition: background 0.3s ease;
}
@media (max-width: 1125px) {
  .metting-history .contain .exp .mo span {
    height: 30px;
    line-height: 30px;
    padding: 0 0;
    background: none;
    color: #004bc8;
    font-size: 14px;
  }
}
.metting-history .contain .exp .mo span:hover {
  background: #004bc8;
  color: #ffffff;
}
/**
  * This is content download page
  **/
.content-lister {
  position: relative;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .content-lister {
    padding: 0 0 30px;
  }
}
.content-lister .null {
  position: relative;
  text-align: center;
  overflow: hidden;
  margin: 0 0 100px;
}
.content-lister .null .icon img {
  max-width: 100%;
}
.content-lister .null .label p {
  line-height: 2;
  font-size: 20px;
  color: #333333;
}
@media (max-width: 1125px) {
  .content-lister .null .label p {
    font-size: 16px;
  }
}
.content-lister .null .label p + p {
  font-size: 16px;
  color: #999999;
}
@media (max-width: 1125px) {
  .content-lister .null .label p + p {
    font-size: 14px;
  }
}
.content-lister .list {
  position: relative;
  overflow: hidden;
  margin: -15px;
}
@media (max-width: 1125px) {
  .content-lister .list {
    margin: -15px;
  }
}
.content-lister .list .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1281px) {
  .content-lister .list .item {
    width: 50%;
  }
}
@media (max-width: 1125px) {
  .content-lister .list .item {
    float: none;
    width: 100%;
  }
}
.content-lister .list .cell {
  position: relative;
  display: block;
  border: 1px solid #eeeeee;
  margin: 15px;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .content-lister .list .cell {
    margin: 15px;
  }
}
@media (min-width: 1125px) {
  .content-lister .list .cell:hover {
    transform: translateY(-5px);
  }
  .content-lister .list .cell:hover .cover .img img {
    transform: scale(1.05);
  }
  .content-lister .list .cell:hover .exp .btn a {
    background: #004bc8;
    color: #ffffff;
  }
}
.content-lister .list .cover .img {
  position: relative;
  padding: 0 0 51.32%;
  overflow: hidden;
  display: block;
  background: #f9f9f9;
}
.content-lister .list .cover .img.e16x9 {
  padding: 0 0 56.25%;
}
.content-lister .list .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
}
.content-lister .list .exp {
  position: relative;
  padding: 15px 15px 20px;
}
.content-lister .list .exp h3 {
  font-size: 16px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 15px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content-lister .list .exp h3.clamp-1 {
  height: 25px;
  -webkit-line-clamp: 1;
}
.content-lister .list .exp p {
  height: 40px;
  line-height: 20px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #999999;
}
.content-lister .list .exp .tag {
  height: 40px;
  line-height: 0;
  white-space: nowrap;
}
.content-lister .list .exp .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-lister .list .exp .tag dd + dd::before {
  content: '|';
  color: #dddddd;
  margin: 0 12px;
}
@media (max-width: 1125px) {
  .content-lister .list .exp .tag dd + dd::before {
    margin: 0 2px;
  }
}
.content-lister .list .exp .tag dd a {
  color: #286bff;
}
@media (max-width: 1125px) {
  .content-lister .list .exp .tag dd a {
    color: #999999;
    font-size: 12px;
  }
}
.content-lister .list .exp .date {
  height: 20px;
  line-height: 20px;
}
.content-lister .list .exp .btn {
  line-height: 0;
  padding: 15px 0 0 0;
  text-align: center;
}
.content-lister .list .exp .btn a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 60px;
  border-radius: 40px;
  background: #f8f8fa;
  color: #999999;
  transition: all 0.3s ease;
}
.content-lister .list .exp .btn a.blue {
  background: #eaf0fe;
  color: #004bc8;
}
.content-lister .list2 {
  margin: -35px;
}
@media (max-width: 1281px) {
  .content-lister .list2 {
    margin: -20px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 {
    margin: -18px;
  }
}
.content-lister .list2 .item {
  position: relative;
}
.content-lister .list2 .cell {
  position: relative;
  overflow: hidden;
  margin: 35px;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .content-lister .list2 .cell {
    margin: 20px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 .cell {
    margin: 18px;
  }
}
@media (min-width: 1125px) {
  .content-lister .list2 .cell:hover {
    transform: translateY(-5px);
  }
  .content-lister .list2 .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.content-lister .list2 .cover {
  float: left;
  width: 300px;
}
@media (max-width: 1441px) {
  .content-lister .list2 .cover {
    width: 240px;
  }
}
@media (max-width: 1281px) {
  .content-lister .list2 .cover {
    width: 180px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 .cover {
    width: 140px;
  }
}
.content-lister .list2 .cover .img {
  position: relative;
  display: block;
  padding: 0 0 66.66%;
  border-radius: 6px;
  overflow: hidden;
  background: #f9f9f9;
}
.content-lister .list2 .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-lister .list2 .exp {
  margin: 0 0 0 320px;
  height: 150px;
}
@media (max-width: 1441px) {
  .content-lister .list2 .exp {
    margin-left: 260px;
    height: 120px;
  }
}
@media (max-width: 1281px) {
  .content-lister .list2 .exp {
    margin-left: 200px;
    height: 80px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 .exp {
    margin-left: 150px;
    height: auto;
  }
}
.content-lister .list2 .exp h3 {
  line-height: 50px;
  font-size: 18px;
  font-weight: normal;
  color: #333333;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 1281px) {
  .content-lister .list2 .exp h3 {
    line-height: 40px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 .exp h3 {
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    -webkit-line-clamp: 2;
  }
}
.content-lister .list2 .exp h3 strong {
  color: #dc153f;
}
.content-lister .list2 .exp p {
  position: relative;
  height: 60px;
  line-height: 30px;
  color: #999999;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1281px) {
  .content-lister .list2 .exp p {
    height: 40px;
    line-height: 20px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 .exp p {
    display: none;
  }
}
.content-lister .list2 .tag {
  margin: 0 0 0 320px;
  line-height: 0;
  white-space: nowrap;
}
@media (max-width: 1441px) {
  .content-lister .list2 .tag {
    margin-left: 260px;
  }
}
@media (max-width: 1281px) {
  .content-lister .list2 .tag {
    margin-left: 200px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 .tag {
    margin-left: 150px;
  }
}
.content-lister .list2 .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-lister .list2 .tag dd + dd::before {
  content: '|';
  color: #dddddd;
  margin: 0 12px;
}
@media (max-width: 1125px) {
  .content-lister .list2 .tag dd + dd::before {
    margin: 0 2px;
  }
}
@media (max-width: 1125px) {
  .content-lister .list2 .tag dd:nth-child(n+4) {
    display: none;
  }
}
.content-lister .list2 .tag dd a {
  color: #286bff;
}
@media (max-width: 1125px) {
  .content-lister .list2 .tag dd a {
    color: #999999;
    font-size: 12px;
  }
}
.content-lister .list3 {
  position: relative;
  overflow: hidden;
  margin: -10px;
  padding: 0 0 30px;
}
@media (max-width: 1125px) {
  .content-lister .list3 {
    margin: -5px;
  }
}
.content-lister .list3 .item {
  float: left;
  width: 25%;
}
@media (max-width: 1281px) {
  .content-lister .list3 .item {
    width: 33.33%;
  }
}
@media (max-width: 1125px) {
  .content-lister .list3 .item {
    width: 50%;
  }
}
.content-lister .list3 .cell {
  position: relative;
  display: block;
  border: 1px solid #eeeeee;
  margin: 10px;
  padding: 15px 20px 5px;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .content-lister .list3 .cell {
    margin: 5px;
    padding: 0;
  }
}
@media (min-width: 1125px) {
  .content-lister .list3 .cell:hover {
    transform: translateY(-5px);
  }
  .content-lister .list3 .cell:hover .cover .img img,
  .content-lister .list3 .cell:hover .cover .video img {
    transform: scale(1.05);
  }
}
.content-lister .list3 .cell.is-video {
  padding: 0;
}
@media (max-width: 1125px) {
  .content-lister .list3 .cell.is-video {
    padding: 0 0 5px;
  }
}
.content-lister .list3 .cover {
  position: relative;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .content-lister .list3 .cover {
    margin-bottom: 0;
  }
}
.content-lister .list3 .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  display: block;
}
.content-lister .list3 .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-lister .list3 .cover .img span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.content-lister .list3 .cover .video {
  position: relative;
  padding: 0 0 67%;
  overflow: hidden;
  display: block;
}
.content-lister .list3 .cover .video:hover::after {
  transform: scale(0.8);
}
.content-lister .list3 .cover .video img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-lister .list3 .cover .video::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}
.content-lister .list3 .cover .video::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  z-index: 3;
  transform: scale(0.9);
  transition: all 0.3s ease;
  background: url(/static/icon/e.png) 0 -500px no-repeat;
}
@media (max-width: 1125px) {
  .content-lister .list3 .cover .video::after {
    transform: scale(0.5);
  }
}
.content-lister .list3 .title {
  position: relative;
}
.content-lister .list3 .title h3 {
  font-size: 16px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 5px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1125px) {
  .content-lister .list3 .title h3 {
    height: 40px;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: normal;
  }
}
.content-lister .list3 .date {
  position: relative;
  height: 20px;
  line-height: 20px;
}
.content-lister .list3 .date span {
  color: #999999;
}
.content-lister .list3 .tag {
  height: 40px;
  line-height: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .content-lister .list3 .tag {
    height: 20px;
  }
}
.content-lister .list3 .tag dd {
  display: inline;
  height: 40px;
  line-height: 40px;
}
@media (max-width: 1125px) {
  .content-lister .list3 .tag dd {
    height: 20px;
    line-height: 20px;
  }
}
.content-lister .list3 .tag dd + dd::before {
  content: '|';
  color: #dddddd;
  margin: 0 8px;
}
@media (max-width: 1125px) {
  .content-lister .list3 .tag dd + dd::before {
    margin: 0 2px;
  }
}
.content-lister .list3 .tag dd a {
  color: #999999;
}
@media (min-width: 1125px) {
  .content-lister .list3 .tag dd a:hover {
    color: #2d6ffb;
  }
}
.content-lister .list3 .exp {
  position: relative;
  padding: 10px 20px 3px;
}
@media (max-width: 1125px) {
  .content-lister .list3 .exp {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.content-lister .list3 .exp h3 {
  font-size: 16px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 5px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1125px) {
  .content-lister .list3 .exp h3 {
    font-weight: normal;
    font-size: 15px;
  }
}
.content-lister .list3 .exp2 {
  position: relative;
}
@media (max-width: 1125px) {
  .content-lister .list3 .exp2 {
    padding: 10px;
  }
}
.content-lister .list4 {
  position: relative;
  overflow: hidden;
  margin: -15px;
}
@media (max-width: 1125px) {
  .content-lister .list4 {
    margin: -5px;
  }
}
.content-lister .list4 .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .content-lister .list4 .item {
    float: none;
    width: 100%;
  }
}
.content-lister .list4 .cell {
  position: relative;
  display: block;
  border: 1px solid #eeeeee;
  margin: 15px;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .content-lister .list4 .cell {
    margin: 5px;
  }
}
@media (min-width: 1125px) {
  .content-lister .list4 .cell:hover {
    transform: translateY(-5px);
  }
  .content-lister .list4 .cell:hover .cover .img img {
    transform: scale(1.05);
  }
  .content-lister .list4 .cell:hover .exp .btn a {
    background: #004bc8;
    color: #ffffff;
  }
}
.content-lister .list4 .cover .img {
  position: relative;
  padding: 0 0 56.25%;
  overflow: hidden;
  display: block;
  background: #f9f9f9;
}
.content-lister .list4 .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
}
.content-lister .list4 .exp {
  position: relative;
  padding: 15px 15px 20px;
}
.content-lister .list4 .exp h3 {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 5px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.content-lister .list4 .exp p {
  height: 40px;
  line-height: 20px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #999999;
}
.content-lister .list4 .exp .tag {
  height: 40px;
  line-height: 0;
  white-space: nowrap;
}
.content-lister .list4 .exp .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-lister .list4 .exp .tag dd + dd::before {
  content: '|';
  color: #dddddd;
  margin: 0 12px;
}
@media (max-width: 1125px) {
  .content-lister .list4 .exp .tag dd + dd::before {
    margin: 0 2px;
  }
}
.content-lister .list4 .exp .tag dd a {
  color: #286bff;
}
@media (max-width: 1125px) {
  .content-lister .list4 .exp .tag dd a {
    color: #999999;
    font-size: 12px;
  }
}
.content-lister .list4 .exp .date {
  height: 20px;
  line-height: 20px;
}
.content-lister .list4 .exp .btn {
  line-height: 0;
  padding: 15px 0 0 0;
  text-align: center;
}
.content-lister .list4 .exp .btn a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 60px;
  border-radius: 40px;
  background: #f8f8fa;
  color: #999999;
  transition: all 0.3s ease;
}
.content-lister .list4 .exp .btn a.blue {
  background: #eaf0fe;
  color: #004bc8;
}
/**
  * This is article page
  **/
.content-article__wrapper {
  position: relative;
  background: #ffffff;
  padding: 0 0 50px;
}
@media (max-width: 1125px) {
  .content-article__wrapper {
    padding: 0 0 0;
  }
}
.content-article__wrapper .wrap {
  display: flex;
}
@media (max-width: 1125px) {
  .content-article__wrapper .wrap {
    display: block;
  }
}
.content-article__wrapper .wrap::after {
  content: none;
}
.content-article__wrapper .content-article__left {
  flex: 1;
}
@media (min-width: 1125px) {
  .content-article__wrapper .content-article__left {
    max-width: calc(100vw - 320px - 300px);
  }
}
.content-article__wrapper .content-article__right {
  width: 320px;
  margin: 0 0 0 100px;
}
@media (max-width: 1441px) {
  .content-article__wrapper .content-article__right {
    margin: 0 0 0 50px;
  }
}
@media (max-width: 1281px) {
  .content-article__wrapper .content-article__right {
    margin: 0 0 0 50px;
  }
}
.content-article__wrapper .content-article__rows {
  position: relative;
  overflow: hidden;
}
.content-article__video .list {
  overflow: hidden;
  margin: -5px;
}
.content-article__video .item {
  float: left;
  width: 50%;
}
.content-article__video .cell {
  margin: 5px;
  display: block;
  position: relative;
}
.content-article__video .cell:hover .cover .img::after {
  transform: scale(0.6);
}
.content-article__video .cell:hover .cover .img img {
  transform: scale(1.1);
}
.content-article__video .cover {
  position: relative;
}
.content-article__video .cover .img {
  position: relative;
  padding: 0 0 67%;
  overflow: hidden;
  border-radius: 5px;
}
.content-article__video .cover .img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}
.content-article__video .cover .img::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  z-index: 3;
  transform: scale(0.5);
  transition: all 0.3s ease;
  background: url(../icon/e.png) 0 -500px no-repeat;
}
.content-article__video .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-article__video .exp h3 {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}
.content-article__news .list {
  margin: -20px;
}
.content-article__news .item:nth-child(1) span,
.content-article__news .item:nth-child(2) span,
.content-article__news .item:nth-child(3) span {
  color: #dc153f;
}
.content-article__news .cell {
  display: block;
  margin: 20px;
}
.content-article__news .cell span {
  float: left;
  width: 35px;
  line-height: 24px;
  font-weight: bold;
  color: #e5e8f7;
  font-size: 18px;
}
.content-article__news .cell h3 {
  margin: 0 0 0 35px;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
}
.content-article__case {
  overflow: hidden;
}
.content-article__case .list {
  overflow: hidden;
  margin: -5px;
}
.content-article__case .item {
  float: left;
  width: 50%;
}
.content-article__case .cell {
  display: block;
  position: relative;
  margin: 5px;
}
.content-article__case .cover .img {
  position: relative;
  padding: 0 0 57.5%;
  overflow: hidden;
  border-radius: 6px;
}
.content-article__case .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-article__case .exp h3 {
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-article__download {
  overflow: hidden;
}
.content-article__download .list {
  overflow: hidden;
  margin: -20px;
}
.content-article__download .item {
  float: none;
  width: 100%;
}
.content-article__download .item:hover .cell .exp {
  background: rgba(0, 75, 200, 0.8);
}
.content-article__download .item:hover .cell .cover .img img {
  transform: scale(1.05);
}
.content-article__download .cell {
  display: block;
  position: relative;
  margin: 20px;
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 6px;
}
.content-article__download .cover .img {
  position: relative;
  padding: 0 0 57.5%;
  overflow: hidden;
}
.content-article__download .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-article__download .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.5);
}
.content-article__download .exp h3 {
  line-height: 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-article__tag .list {
  position: relative;
  overflow: hidden;
  line-height: 0;
  margin: -3px;
}
.content-article__tag .item {
  display: inline-block;
  vertical-align: middle;
}
.content-article__tag .cell {
  display: block;
  margin: 3px;
}
.content-article__tag .cell span {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: #e0e9fe;
  color: #004bc8;
  border-radius: 3px;
}
.content-article__tag .cell span:hover {
  box-shadow: 0 0 5px rgba(0, 75, 200, 0.1);
  background-color: #d0deff;
}
.content-article__rcode .img {
  float: left;
  width: 100px;
}
.content-article__rcode .img img {
  display: block;
  height: 100px;
  background: #eeeeee;
}
.content-article__rcode .label {
  margin: 0 0 0 100px;
  padding: 20px;
}
.content-article__rcode .label p {
  line-height: 30px;
  font-size: 16px;
}
.content-article__relation {
  border-top: 1px solid #dddddd;
  position: relative;
  padding: 30px 0;
  margin: 30px 0 0;
}
@media (max-width: 1125px) {
  .content-article__relation {
    padding: 20px 0;
  }
}
.content-article__relation .item {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-article__random {
  position: relative;
  overflow: hidden;
  padding: 0 0 50px;
}
@media (max-width: 1125px) {
  .content-article__random {
    padding-bottom: 50px;
  }
}
.content-article__random .thead h2 {
  line-height: 40px;
  font-size: 16px;
}
.content-article__random .list {
  position: relative;
  overflow: hidden;
  margin: 0 -20px;
}
.content-article__random .list.x1 .item {
  float: none;
  width: 100%;
}
.content-article__random .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .content-article__random .item {
    float: none;
    width: 100%;
  }
}
.content-article__random .cell {
  display: block;
  position: relative;
  margin: 0 20px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-article__random .cell a::before {
  content: '●';
  margin: 0 8px 0 0;
}
.content-article__title {
  position: relative;
  margin: 0 0 50px;
}
@media (max-width: 1125px) {
  .content-article__title {
    margin-bottom: 10px;
  }
}
.content-article__title .title {
  position: relative;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .content-article__title .title {
    margin-bottom: 10px;
  }
}
.content-article__title .title h1 {
  line-height: 1.2;
  font-size: 30px;
  color: #333333;
}
@media (max-width: 1125px) {
  .content-article__title .title h1 {
    font-size: 20px;
  }
}
.content-article__title .attr {
  line-height: 0;
}
.content-article__title .attr .tag {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  color: #999999;
}
@media (max-width: 1125px) {
  .content-article__title .attr .tag {
    display: inline;
  }
}
.content-article__title .attr .tag dt,
.content-article__title .attr .tag dd {
  display: inline;
  vertical-align: middle;
}
.content-article__title .attr .tag dd + dd::before {
  content: '|';
  margin: 0 12px 0 10px;
}
.content-article__title .attr .tag dt {
  margin: 0 10px 0 0;
}
.content-article__title .attr .flow {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.content-article__title .attr .flow span {
  display: block;
  height: 26px;
  line-height: 26px;
  background: #004bc8;
  color: #ffffff;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 30px;
  cursor: pointer;
}
.content-article__video {
  position: relative;
  overflow: hidden;
}
.content-article__video .video video {
  width: 100%;
}
.content-article__detail {
  position: relative;
  padding: 40px 0 0;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .content-article__detail {
    padding: 20px 0 0;
  }
}
.content-article__detail h2 {
  font-size: 16px;
  margin: 0 0 1em;
}
.content-article__detail img,
.content-article__detail video,
.content-article__detail audio {
  max-width: 100% !important;
  height: auto !important;
}
.content-article__detail p * {
  font-family: 'Microsoft Yahei' !important;
}
.content-article__branch {
  padding: 30px 0;
  position: relative;
}
@media (max-width: 1125px) {
  .content-article__branch {
    padding: 20px 0;
  }
}
.content-article__branch .list {
  position: relative;
  line-height: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content-article__branch .item {
  display: inline;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-article__branch .item + .item::before {
  content: '&gt;';
  color: #999999;
}
.content-article__branch .item a,
.content-article__branch .item span {
  color: #999999;
}
.content-article__branch .item a:hover {
  color: #004bc8;
}
.content-case__profile {
  position: relative;
  background: url(/static/img/detail-jb__1.png) center top no-repeat #ffffff;
  background-size: 100% 70%;
  padding: 60px 0 20px;
}
@media (max-width: 1125px) {
  .content-case__profile {
    padding: 20px 0 0;
  }
}
.content-case__profile .box {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  padding: 20px;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1125px) {
  .content-case__profile .box {
    display: block;
    padding: 10px;
  }
}
.content-case__profile .box .cover {
  width: 50%;
}
@media (max-width: 1125px) {
  .content-case__profile .box .cover {
    width: 100%;
  }
}
.content-case__profile .box .cover .img {
  position: relative;
  padding: 0 0 56.34%;
}
.content-case__profile .box .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-case__profile .box .exp {
  flex: 1;
  position: relative;
  padding: 0px 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1125px) {
  .content-case__profile .box .exp {
    padding: 10px 0;
    margin: -50px 0 0 0;
  }
}
.content-case__profile .box .exp .flx {
  position: relative;
}
.content-case__profile .box .exp .classfy {
  line-height: 0;
  margin: 0 0 30px;
}
@media (max-width: 1125px) {
  .content-case__profile .box .exp .classfy {
    margin-bottom: 10px;
    text-align: right;
    padding-right: 10px;
  }
}
.content-case__profile .box .exp .classfy span {
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  padding: 0 20px;
  background: #eaf0fe;
  color: #004bc8;
}
.content-case__profile .box .exp .info {
  position: relative;
  margin: 0 0 40px;
}
@media (max-width: 1125px) {
  .content-case__profile .box .exp .info {
    margin-bottom: 10px;
  }
}
.content-case__profile .box .exp .info h3,
.content-case__profile .box .exp .info .info-title {
  line-height: 30px;
  font-size: 24px;
  margin: 0 0 20px;
  color: #333333;
}
@media (max-width: 1125px) {
  .content-case__profile .box .exp .info h3,
  .content-case__profile .box .exp .info .info-title {
    line-height: 25px;
    font-size: 16px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
  }
}
.content-case__profile .box .exp .info h3 span,
.content-case__profile .box .exp .info .info-title span {
  color: #004bc8;
  display: none;
}
@media (max-width: 1125px) {
  .content-case__profile .box .exp .info h3 span,
  .content-case__profile .box .exp .info .info-title span {
    display: inline;
  }
}
.content-case__profile .box .exp .info p {
  line-height: 25px;
}
@media (max-width: 1125px) {
  .content-case__profile .box .exp .button {
    text-align: center;
  }
}
.content-case__profile .box .exp .button a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 30px;
  background: #ffffff;
  border: 1px solid #004bc8;
  color: #004bc8;
}
.content-case__profile .box .exp .button a:first-child {
  background: #004bc8;
  color: #ffffff;
}
.content-download__profile {
  position: relative;
  background: #f9f9fb;
  padding: 50px 0 50px;
}
@media (max-width: 1125px) {
  .content-download__profile {
    padding: 20px 0;
  }
}
.content-download__profile .box {
  position: relative;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1125px) {
  .content-download__profile .box {
    display: block;
  }
}
.content-download__profile .box .cover {
  width: 50%;
  max-width: 600px;
}
@media (max-width: 1125px) {
  .content-download__profile .box .cover {
    width: 100%;
    max-width: 100%;
  }
}
.content-download__profile .box .cover .img {
  position: relative;
  padding: 0 0 56.34%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .content-download__profile .box .cover .img {
    border-radius: 6px;
  }
}
.content-download__profile .box .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-download__profile .box .exp {
  flex: 1;
  position: relative;
  padding: 0px 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1125px) {
  .content-download__profile .box .exp {
    padding: 10px 0;
    margin: -50px 0 0;
  }
}
.content-download__profile .box .exp .flx {
  position: relative;
  width: 100%;
}
.content-download__profile .box .exp .classfy {
  line-height: 0;
  margin: 0 0 30px;
}
@media (max-width: 1125px) {
  .content-download__profile .box .exp .classfy {
    margin-bottom: 10px;
    text-align: right;
    padding-right: 10px;
  }
}
.content-download__profile .box .exp .classfy span {
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  padding: 0 20px;
  background: #eaf0fe;
  color: #004bc8;
}
.content-download__profile .box .exp .info {
  position: relative;
  margin: 0 0 20px;
}
.content-download__profile .box .exp .info h3,
.content-download__profile .box .exp .info .info-title {
  line-height: 30px;
  font-size: 24px;
  margin: 0 0 20px;
  color: #333333;
}
@media (max-width: 1125px) {
  .content-download__profile .box .exp .info h3,
  .content-download__profile .box .exp .info .info-title {
    line-height: 25px;
    font-size: 16px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
  }
}
.content-download__profile .box .exp .info h3 span,
.content-download__profile .box .exp .info .info-title span {
  color: #004bc8;
  display: none;
}
@media (max-width: 1125px) {
  .content-download__profile .box .exp .info h3 span,
  .content-download__profile .box .exp .info .info-title span {
    display: inline;
  }
}
.content-download__profile .box .exp .info p {
  line-height: 25px;
}
.content-download__profile .box .exp .tag {
  position: relative;
  line-height: 0;
  margin: 0 0 40px;
}
@media (max-width: 1125px) {
  .content-download__profile .box .exp .tag {
    margin-bottom: 10px;
  }
}
.content-download__profile .box .exp .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  color: #999999;
}
.content-download__profile .box .exp .tag dd + dd::before {
  content: '|';
  margin: 0 12px 0 10px;
}
@media (max-width: 1125px) {
  .content-download__profile .box .exp .button {
    text-align: center;
  }
}
.content-download__profile .box .exp .button a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 30px;
  background: #ffffff;
  border: 1px solid #004bc8;
  color: #004bc8;
}
.content-download__profile .box .exp .button a:first-child {
  background: #004bc8;
  color: #ffffff;
}
/**
  * This is course
  **/
.content-course__herald {
  position: relative;
  padding: 50px 0;
  background: #f9f9fb;
}
@media (max-width: 1125px) {
  .content-course__herald {
    padding: 20px 0 20px;
  }
}
.content-course__herald .wrap {
  display: flex;
}
@media (max-width: 1125px) {
  .content-course__herald .wrap {
    display: block;
  }
}
.content-course__herald .wrap::after {
  content: none;
}
.content-course__herald .cover {
  flex: 1;
}
.content-course__herald .cover .img {
  position: relative;
  padding: 0 0 56.25%;
  border-radius: 6px;
  overflow: hidden;
}
.content-course__herald .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: baiduCoverFloat 5s ease-in-out;
}
.content-course__herald .exp {
  flex: 1;
  position: relative;
  padding: 0 0 0 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1125px) {
  .content-course__herald .exp {
    padding: 0;
  }
}
.content-course__herald .exp .flx {
  width: 100%;
}
.content-course__herald .exp h5 {
  line-height: 40px;
  font-size: 18px;
  color: #004bc8;
  letter-spacing: 6px;
  font-weight: normal;
  margin: 0 0 30px;
  animation: fadeInUp 0.2s ease;
}
@media (max-width: 1441px) {
  .content-course__herald .exp h5 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1281px) {
  .content-course__herald .exp h5 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1125px) {
  .content-course__herald .exp h5 {
    margin-bottom: 0;
    letter-spacing: 1px;
  }
}
.content-course__herald .exp h3 {
  line-height: 40px;
  font-size: 30px;
  margin: 0 0 20px;
  opacity: 0;
  animation: fadeInUp 0.2s ease 0.1s both;
}
@media (max-width: 1441px) {
  .content-course__herald .exp h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1125px) {
  .content-course__herald .exp h3 {
    line-height: 30px;
    font-size: 20px;
  }
}
.content-course__herald .exp .date {
  line-height: 30px;
  font-size: 16px;
  margin: 0 0 50px;
  opacity: 0;
  animation: fadeInUp 0.5s ease 0.2s both;
}
@media (max-width: 1441px) {
  .content-course__herald .exp .date {
    margin-bottom: 40px;
  }
}
@media (max-width: 1281px) {
  .content-course__herald .exp .date {
    margin-bottom: 30px;
  }
}
@media (max-width: 1125px) {
  .content-course__herald .exp .date {
    margin-bottom: 20px;
  }
}
.content-course__herald .exp .button {
  line-height: 0;
  opacity: 0;
  animation: fadeInUp 0.5s ease 1s both;
}
@media (max-width: 1125px) {
  .content-course__herald .exp .button {
    text-align: center;
  }
}
.content-course__herald .exp .button a {
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  background: #004bc8;
  color: #ffffff;
  font-size: 16px;
  border-radius: 45px;
}
.content-course__herald .exp .button a:hover {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1) inset;
}
/**
  * This is contact
  **/
.contact-profile {
  position: relative;
  padding: 50px 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .contact-profile {
    padding: 20px 0 30px;
  }
}
.contact-profile .weui-thead3 {
  margin: 0 0 40px;
}
@media (max-width: 1125px) {
  .contact-profile .weui-thead3 {
    margin-bottom: 20px;
  }
}
.contact-profile .contain {
  overflow: hidden;
  position: relative;
}
.contact-profile .contain .list {
  margin: -20px;
  padding: 0 100px;
}
@media (max-width: 1125px) {
  .contact-profile .contain .list {
    margin: -10px;
    padding: 0;
  }
}
.contact-profile .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .contact-profile .contain .item {
    float: none;
    width: 100%;
  }
}
.contact-profile .contain .cell {
  position: relative;
  text-align: center;
  margin: 20px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .contact-profile .contain .cell {
    margin: 10px;
    text-align: left;
  }
}
@media (min-width: 1125px) {
  .contact-profile .contain .cell:hover .icon {
    animation: zoomIn 0.3s ease;
  }
}
.contact-profile .contain .cell .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 8px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .contact-profile .contain .cell .icon {
    float: left;
    transform: scale(0.6);
    margin: -20px 0 0 0;
  }
}
.contact-profile .contain .cell .icon img {
  display: block;
  width: 100px;
  height: 100px;
}
.contact-profile .contain .cell h4 {
  margin: 0 0 10px;
  line-height: 30px;
  font-size: 18px;
  color: #333333;
}
@media (max-width: 1125px) {
  .contact-profile .contain .cell h4 {
    font-size: 16px;
    margin: 0 0 0 100px;
  }
}
.contact-profile .contain .cell h5 {
  line-height: 25px;
  font-size: 16px;
  font-weight: normal;
}
@media (max-width: 1125px) {
  .contact-profile .contain .cell h5 {
    font-size: 14px;
    margin: 0 0 0 100px;
  }
}
.contact-profile .contain .cell h5.number {
  font-size: 20px;
}
@media (max-width: 1125px) {
  .contact-profile .contain .cell h5.number {
    line-height: 20px;
    font-size: 18px;
  }
}
.contact-citys {
  position: relative;
  padding: 80px 0 100px;
  background: url(/static/img/contact-line.png) center top no-repeat #ffffff;
  background-size: 100% 30px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .contact-citys {
    padding: 30px 0 50px;
  }
}
.contact-citys .swiper {
  position: relative;
}
.contact-citys .swiper .swiper-container {
  position: relative;
  margin: 0 -20%;
  padding: 10px 0 0;
}
@media (max-width: 1125px) {
  .contact-citys .swiper .swiper-container {
    margin: 0 50px;
    padding: 0;
  }
}
.contact-citys .swiper-slide {
  padding: 0 0 1px;
}
.contact-citys .swiper-slide .cell {
  border: 1px solid #dddddd;
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 6px;
  text-align: center;
  transition: all 0.3s ease;
}
@media (min-width: 1125px) {
  .contact-citys .swiper-slide .cell:hover {
    transform: translateY(-10px);
  }
}
.contact-citys .swiper-slide .cell h2 {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  color: #333333;
  margin: 0 0 30px;
}
@media (max-width: 1125px) {
  .contact-citys .swiper-slide .cell h2 {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.contact-citys .swiper-slide .cell dl {
  line-height: 25px;
}
.contact-citys .swiper-slide .cell dl dt {
  height: 50px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .contact-citys .swiper-slide .cell dl dt {
    font-size: 15px;
    margin-bottom: 0;
  }
}
.contact-citys .swiper-slide .cell dl dd {
  font-size: 16px;
  line-height: 30px;
}
@media (max-width: 1125px) {
  .contact-citys .swiper-slide .cell dl dd {
    line-height: 25px;
    font-size: 14px;
  }
}
.contact-citys .swiper-slide .cell dl dd + dd {
  height: 60px;
}
.contact-citys .swiper-slide .cell .img {
  position: relative;
}
.contact-citys .swiper-slide .cell .img img {
  width: 140px;
  height: 180px;
}
.contact-citys .swiper-button-prev,
.contact-citys .swiper-button-next {
  transform: scale(0.6);
}
.contact-citys .swiper-pagination {
  position: relative;
  text-align: center;
}
.contact-citys .swiper-pagination dd {
  margin: 0 2px;
}
/**
  * This is about article
  **/
.about-article__hot {
  position: relative;
  padding: 30px 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-article__hot {
    padding: 20px 0;
  }
}
.about-article__hot + .weui-thead {
  padding: 0 0 20px;
}
.about-article__hot .swiper {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.about-article__hot .swiper .cell {
  position: relative;
  display: flex;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .cell {
    display: block;
  }
}
@media (min-width: 1125px) {
  .about-article__hot .swiper .cell:hover .cover .img img {
    transform: scale(1.1);
  }
  .about-article__hot .swiper .cell:hover .exp {
    transform: translateX(-10px);
  }
}
.about-article__hot .swiper .cover {
  width: 50%;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .cover {
    width: 100%;
  }
}
.about-article__hot .swiper .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
}
.about-article__hot .swiper .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-article__hot .swiper .cover .tag {
  position: absolute;
  left: 0;
  top: 0;
}
.about-article__hot .swiper .cover .tag span {
  display: block;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 12px;
}
.about-article__hot .swiper .exp {
  position: relative;
  flex: 1;
  padding: 20px 100px 20px 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .exp {
    padding: 15px;
    align-items: left;
    justify-content: left;
  }
}
.about-article__hot .swiper .exp .flx {
  width: 100%;
}
.about-article__hot .swiper .exp .classfy {
  line-height: 0;
  margin: 0 0 30px;
}
.about-article__hot .swiper .exp .classfy span {
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  padding: 0 30px;
  border: 1px solid #004bc8;
  color: #004bc8;
}
.about-article__hot .swiper .exp .info {
  position: relative;
  margin: 0 0 40px;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .exp .info {
    margin-bottom: 0px;
  }
}
.about-article__hot .swiper .exp .info .info-title {
  line-height: 30px;
  font-size: 24px;
  margin: 0 0 20px;
  color: #333333;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .exp .info .info-title {
    line-height: 25px;
    font-size: 16px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
  }
}
.about-article__hot .swiper .exp .info .info-title span {
  color: #004bc8;
  display: none;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .exp .info .info-title span {
    display: inline;
  }
}
.about-article__hot .swiper .exp .info p {
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .exp .info p {
    line-height: 20px;
    font-size: 14px;
  }
}
.about-article__hot .swiper .exp .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.about-article__hot .swiper .exp .tag dd + dd::before {
  content: '|';
  color: #dddddd;
  margin: 0 8px;
}
@media (max-width: 1125px) {
  .about-article__hot .swiper .exp .tag dd + dd::before {
    margin: 0 2px;
  }
}
.about-article__hot .swiper .exp .tag dd a {
  color: #004bc8;
}
.about-article__hot .swiper-button-prev,
.about-article__hot .swiper-button-next {
  background-color: #004bc8;
  background-size: 12px;
  padding: 30px 0;
}
.about-article__hot .swiper-button-prev:hover,
.about-article__hot .swiper-button-next:hover {
  background-color: #dc153f;
}
.about-article__hot .swiper-button-prev {
  left: 0;
  border-radius: 0 6px 6px 0;
}
.about-article__hot .swiper-button-next {
  right: 0;
  border-radius: 6px 0 0 6px;
}
.about-article__hot .swiper-pagination {
  position: relative;
  padding: 0 0 10px;
}
.about-article__hot .swiper-pagination dd {
  margin: 0 5px;
}
.about-article__hot .swiper-pagination dd.swiper-pagination-bullet-active {
  background: #333333;
}
/**
  * This is about article
  **/
.join-env {
  position: relative;
  padding: 60px 0 50px;
  background: -webkit-linear-gradient(#ffffff, #f9f9f9);
}
@media (max-width: 1125px) {
  .join-env {
    padding: 20px 0;
  }
}
@media (max-width: 1125px) {
  .join-env .weui-thead2 p {
    text-align: left;
  }
}
.join-env .contain {
  overflow: hidden;
}
.join-env .contain .list {
  position: relative;
  overflow: hidden;
  margin: -20px;
}
@media (max-width: 1281px) {
  .join-env .contain .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .join-env .contain .list {
    margin: -5px;
  }
}
.join-env .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .join-env .contain .item {
    width: 50%;
  }
}
.join-env .contain .cell {
  position: relative;
  margin: 20px;
}
@media (max-width: 1281px) {
  .join-env .contain .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .join-env .contain .cell {
    margin: 5px;
  }
}
.join-env .contain .cell:hover .cover .img img {
  transform: scale(1.1);
}
.join-env .contain .cell:hover .exp {
  display: block;
}
.join-env .contain .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  background: #ffffff;
}
.join-env .contain .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.join-env .contain .exp {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
@media (max-width: 1125px) {
  .join-env .contain .exp {
    display: block;
    position: relative;
    background: none;
  }
  .join-env .contain .exp h3 {
    position: relative !important;
    animation: none !important;
    text-align: center !important;
    color: #333333 !important;
    font-size: 14px !important;
    padding: 10px !important;
  }
}
.join-env .contain .exp h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 20px;
  font-size: 16px;
  padding: 15px;
  color: #ffffff;
  animation: fadeInUp 0.3s ease;
  font-weight: normal;
}
.join-peixun {
  position: relative;
  padding: 50px 0;
  background: #f8fbfd;
}
@media (max-width: 1125px) {
  .join-peixun {
    padding: 20px 0;
  }
}
.join-peixun .contain {
  position: relative;
  overflow: hidden;
}
.join-peixun .contain .list {
  position: relative;
  overflow: hidden;
  margin: -20px;
}
@media (max-width: 1281px) {
  .join-peixun .contain .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .join-peixun .contain .list {
    margin: -5px;
  }
}
.join-peixun .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .join-peixun .contain .item {
    width: 50%;
  }
}
.join-peixun .contain .cell {
  position: relative;
  margin: 20px;
  border: 1px solid #dddddd;
}
@media (max-width: 1281px) {
  .join-peixun .contain .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .join-peixun .contain .cell {
    margin: 5px;
  }
}
.join-peixun .contain .cell:hover .cover .img img {
  transform: scale(1.1);
}
.join-peixun .contain .cell:hover .exp {
  display: block;
}
.join-peixun .contain .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
}
.join-peixun .contain .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.join-peixun .contain .exp {
  position: relative;
  background: #ffffff;
}
.join-peixun .contain .exp h3 {
  line-height: 20px;
  font-size: 16px;
  padding: 15px;
  color: #333333;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.join-story {
  position: relative;
  padding: 60px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .join-story {
    padding: 20px 0 50px;
  }
}
.join-story .tabed {
  position: relative;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 30px;
}
@media (max-width: 1125px) {
  .join-story .tabed {
    margin: 0 0 10px;
  }
}
.join-story .tabed .list {
  position: relative;
  overflow: hidden;
  margin: 0 0 -1px;
}
.join-story .tabed .item {
  float: left;
  width: 50%;
  padding: 0 80px;
  line-height: 0;
  cursor: pointer;
}
@media (max-width: 1125px) {
  .join-story .tabed .item {
    padding: 0;
  }
}
.join-story .tabed .item.is-active span {
  color: #004bc8;
  border-color: #004bc8;
  font-weight: bold;
}
.join-story .tabed .item:nth-child(1) {
  text-align: right;
}
.join-story .tabed .item span {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  border-bottom: 2px solid transparent;
  padding: 0 15px;
}
@media (max-width: 1125px) {
  .join-story .tabed .item span {
    display: block;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
  }
}
.join-story .contain {
  position: relative;
  overflow: hidden;
  display: none;
}
.join-story .contain:first-child {
  display: block;
}
@media (max-width: 1125px) {
  .join-story .contain:first-child .list {
    margin: -15px;
  }
  .join-story .contain:first-child .list .item {
    float: none;
    width: 100%;
  }
  .join-story .contain:first-child .list .item .cell {
    margin: 15px;
  }
}
.join-story .contain .list {
  margin: -20px;
  overflow: hidden;
}
@media (max-width: 1281px) {
  .join-story .contain .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .join-story .contain .list {
    margin: -5px;
  }
}
.join-story .contain .item {
  float: left;
  width: 50%;
}
@media (max-width: 1125px) {
  .join-story .contain .item {
    width: 50%;
  }
}
.join-story .contain .item.x3 {
  width: 33.33%;
}
@media (max-width: 1125px) {
  .join-story .contain .item.x3 {
    width: 50%;
  }
}
.join-story .contain .cell {
  position: relative;
  margin: 20px;
}
@media (max-width: 1281px) {
  .join-story .contain .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .join-story .contain .cell {
    margin: 5px;
  }
}
.join-story .contain .cover {
  position: relative;
  z-index: 1;
}
.join-story .contain .cover .video {
  position: relative;
  padding: 0 0 67%;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.join-story .contain .cover .video:hover::after {
  transform: scale(0.9);
}
@media (max-width: 1125px) {
  .join-story .contain .cover .video:hover::after {
    transform: scale(0.5);
  }
}
.join-story .contain .cover .video img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.join-story .contain .cover .video::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}
.join-story .contain .cover .video::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  z-index: 3;
  transform: scale(0.8);
  transition: all 0.3s ease;
  background: url(/static/icon/e.png) 0 -500px no-repeat;
}
@media (max-width: 1125px) {
  .join-story .contain .cover .video::after {
    transform: scale(0.5);
  }
}
.join-story .contain .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 50px 15px 15px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
@media (max-width: 1125px) {
  .join-story .contain .exp {
    padding: 30px 10px 10px;
  }
}
.join-story .contain .exp h3 {
  line-height: 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
@media (max-width: 1125px) {
  .join-story .contain .exp h3 {
    font-size: 12px;
  }
}
.join-tixi {
  position: relative;
  padding: 80px 0;
  background: #f8fbfd;
}
@media (max-width: 1125px) {
  .join-tixi {
    padding: 20px 0;
  }
}
.join-tixi.is-even {
  background: #ffffff;
}
.join-tixi.is-even .exp .flx {
  padding: 80px 50px 0 100px;
}
@media (max-width: 1281px) {
  .join-tixi.is-even .exp .flx {
    padding: 0 50px 0 50px;
  }
}
@media (max-width: 1125px) {
  .join-tixi.is-even .exp .flx {
    padding: 0;
  }
}
.join-tixi .wrap {
  display: flex;
}
@media (max-width: 1125px) {
  .join-tixi .wrap {
    display: block;
  }
}
.join-tixi .wrap::after {
  content: none;
}
.join-tixi .img {
  flex: 1;
  position: relative;
}
.join-tixi .img img {
  width: 100%;
}
.join-tixi .exp {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1125px) {
  .join-tixi .exp.just-mobile {
    display: none;
  }
}
@media (max-width: 1125px) {
  .join-tixi .exp.just-pc {
    display: none;
  }
}
.join-tixi .exp .flx {
  width: 100%;
  position: relative;
  padding: 0 100px 0 50px;
}
@media (max-width: 1281px) {
  .join-tixi .exp .flx {
    padding: 0 50px 0 50px;
  }
}
@media (max-width: 1125px) {
  .join-tixi .exp .flx {
    padding: 0;
  }
}
.join-tixi .exp .flx .sup {
  position: relative;
  margin: 0 0 0 -30px;
  top: -20px;
}
.join-tixi .exp .flx h2 {
  line-height: 40px;
  font-size: 30px;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .join-tixi .exp .flx h2 {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.join-tixi .exp .flx h3 {
  line-height: 30px;
  font-size: 20px;
  margin: -10px 0 50px 0;
}
@media (max-width: 1125px) {
  .join-tixi .exp .flx h3 {
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.join-tixi .exp .flx h3 span {
  color: #004bc8;
}
.join-tixi .exp .flx p {
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 15px;
  text-indent: 2em;
}
@media (max-width: 1125px) {
  .join-tixi .exp .flx p {
    line-height: 25px;
    font-size: 14px;
  }
}
.join-tixi .exp .flx .fo {
  position: relative;
}
.join-tixi .exp .flx .fo dl {
  position: relative;
  margin: 0 0 40px;
  padding: 0 0 0 35px;
}
.join-tixi .exp .flx .fo dl::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid #004bc8;
  background: #ffffff;
}
.join-tixi .exp .flx .fo dl::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 9px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #004bc8;
}
.join-tixi .exp .flx .fo dt {
  line-height: 25px;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
}
@media (max-width: 1125px) {
  .join-tixi .exp .flx .fo dt {
    font-size: 16px;
  }
}
.join-tixi .exp .flx .fo dd {
  line-height: 25px;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .join-tixi .exp .flx .fo dd {
    font-size: 14px;
  }
}
.join-activity {
  position: relative;
  padding: 60px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .join-activity {
    padding: 20px 0 50px;
  }
}
@media (max-width: 1125px) {
  .join-activity .weui-thead2 {
    margin: 0 15px;
  }
  .join-activity .weui-thead2 p {
    text-align: left;
  }
}
.join-activity .scroll {
  position: relative;
  overflow: hidden;
}
.join-activity .scroll .animate {
  position: relative;
}
.join-activity .scroll .list {
  width: 10000%;
  position: relative;
  overflow: hidden;
}
.join-activity .scroll .list + .list {
  margin-left: -240px;
}
@media (max-width: 1441px) {
  .join-activity .scroll .list + .list {
    margin-left: -200px;
  }
}
@media (max-width: 1125px) {
  .join-activity .scroll .list + .list {
    margin-left: -160px;
  }
}
@media (max-width: 1125px) {
  .join-activity .scroll .list + .list {
    margin-left: -100px;
  }
}
.join-activity .scroll .item {
  float: left;
  width: 480px;
}
@media (max-width: 1441px) {
  .join-activity .scroll .item {
    width: 400px;
  }
}
@media (max-width: 1125px) {
  .join-activity .scroll .item {
    width: 320px;
  }
}
@media (max-width: 1125px) {
  .join-activity .scroll .item {
    width: 200px;
  }
}
.join-activity .scroll .cell {
  position: relative;
  margin: 2px;
}
@media (min-width: 1125px) {
  .join-activity .scroll .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.join-activity .scroll .cover {
  position: relative;
}
.join-activity .scroll .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  background: #f9f9f9;
}
.join-activity .scroll .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 10s ease;
}
.join-activity .contain {
  overflow: hidden;
  padding: 15px;
}
.join-activity .contain .list {
  position: relative;
  overflow: hidden;
  margin: -5px;
}
.join-activity .contain .item {
  float: left;
  width: 50%;
}
.join-activity .contain .cell {
  position: relative;
  margin: 5px;
}
.join-activity .contain .cover .img {
  position: relative;
  padding: 0 0 66.66%;
}
.join-activity .contain .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.join-activity .contain .button {
  text-align: center;
}
.join-activity .contain .button span {
  display: block;
  height: 60px;
  line-height: 60px;
  color: #999999;
}
/**
  * This is about article
  **/
.submenu {
  position: relative;
  top: 0;
  z-index: 9;
  border-bottom: 1px solid #dddddd;
  background: #ffffff;
}
.submenu .contain {
  position: relative;
  overflow: hidden;
}
.submenu .contain .thead h2 {
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  padding: 0 15px;
}
.submenu .contain .list {
  position: relative;
  line-height: 0;
  margin: 0 0 0 -30px;
}
.submenu .contain .item {
  display: inline-block;
  vertical-align: middle;
}
.submenu .contain .item.is-active .cell a,
.submenu .contain .item.is-active .cell span {
  font-weight: bold;
  color: #004bc8;
}
.submenu .contain .cell a,
.submenu .contain .cell span {
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px;
  cursor: pointer;
}
.submenu-mobile {
  position: relative;
  top: 0;
  z-index: 9;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.submenu-mobile .title {
  position: relative;
}
.submenu-mobile .title.is-active .arrow {
  transform: rotate(180deg);
}
.submenu-mobile .title h2,
.submenu-mobile .title .title-inner {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  color: #333333;
}
.submenu-mobile .title .arrow {
  position: absolute;
  right: 0;
  top: 0;
  padding: 9px;
  transition: all 0.3s ease;
}
.submenu-mobile .title .arrow::before {
  display: block;
  content: '';
  width: 32px;
  height: 32px;
  background: url(../icon/e.png) -170px -20px no-repeat;
  transform: scale(0.8) rotate(180deg);
}
.submenu-mobile .wrap {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
  top: 50px;
  display: none;
}
.submenu-mobile .wrap .contain {
  position: relative;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.submenu-mobile .wrap .contain .list {
  padding: 0 10px;
}
.submenu-mobile .wrap .contain .item {
  border-top: 1px solid #eeeeee;
  opacity: 0;
  animation: fadeInUp 0.3s ease both;
}
.submenu-mobile .wrap .contain .item:first-child {
  border-top: 0;
}
.submenu-mobile .wrap .contain .cell {
  display: block;
  padding: 0 5px;
}
.submenu-mobile .wrap .contain .cell span {
  display: block;
  height: 50px;
  line-height: 50px;
}
.about-profile {
  position: relative;
  padding: 30px 0 50px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-profile {
    padding: 20px 0;
  }
}
.about-profile .summary {
  position: relative;
  margin: 0 0 20px;
}
.about-profile .summary .info {
  position: relative;
  text-align: center;
  line-height: 2;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .about-profile .summary .info {
    text-align: left;
  }
}
.about-profile .data {
  position: relative;
  text-align: center;
}
.about-profile .data .list {
  overflow: hidden;
}
.about-profile .data .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .about-profile .data .item {
    width: 50%;
  }
  .about-profile .data .item .cell {
    margin: 1em 0;
    text-align: left;
  }
}
.about-profile .data .cell {
  margin: 30px 10px;
}
@media (max-width: 1125px) {
  .about-profile .data .cell {
    margin: 20px 10px;
  }
}
.about-profile .data .num {
  line-height: 1;
  color: #333333;
  font-weight: bold;
}
.about-profile .data .num span {
  font-size: 36px;
  font-family: avantB;
}
@media (max-width: 1125px) {
  .about-profile .data .num span {
    font-size: 30px;
  }
}
.about-profile .data .num sub {
  vertical-align: 2px;
  font-size: 16px;
}
.about-profile .data .num sup {
  vertical-align: 10px;
  font-size: 24px;
}
@media (max-width: 1125px) {
  .about-profile .data .num sup {
    font-size: 16px;
  }
}
.about-profile .data .label {
  line-height: 2;
  font-size: 16px;
}
.about-wenhua {
  position: relative;
  padding: 50px 0 80px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-wenhua {
    padding: 20px 0 40px;
  }
}
.about-wenhua .contain {
  position: relative;
  overflow: hidden;
}
.about-wenhua .contain .list {
  margin: -2px;
  overflow: hidden;
  padding: 20px 0 0;
}
@media (max-width: 1125px) {
  .about-wenhua .contain .list {
    padding: 0;
  }
}
.about-wenhua .contain .item {
  float: left;
  width: 25%;
  position: relative;
}
.about-wenhua .contain .item:nth-child(even) {
  top: -20px;
}
@media (max-width: 1125px) {
  .about-wenhua .contain .item:nth-child(even) {
    top: 0;
  }
}
@media (max-width: 1125px) {
  .about-wenhua .contain .item {
    float: none;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
  }
}
.about-wenhua .contain .cell {
  position: relative;
  margin: 2px;
  overflow: hidden;
  border-radius: 6px;
}
@media (max-width: 1125px) {
  .about-wenhua .contain .cell {
    margin: 0 2px 5px;
  }
}
@media (min-width: 1125px) {
  .about-wenhua .contain .cell:hover .cover .img::before {
    opacity: 0;
  }
}
.about-wenhua .contain .cover {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.about-wenhua .contain .cover .img {
  position: relative;
  padding: 0 0 156.76%;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .about-wenhua .contain .cover .img {
    padding: 0 0 28.85%;
  }
}
.about-wenhua .contain .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-wenhua .contain .cover .img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.about-wenhua .contain .exp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, #000000 100%);
}
.about-wenhua .contain .exp .flx {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  color: #ffffff;
  padding: 2em;
}
@media (max-width: 1125px) {
  .about-wenhua .contain .exp .flx {
    padding: 10px;
  }
}
.about-wenhua .contain .exp .flx h3 {
  line-height: 2;
  font-size: 30px;
  font-weight: normal;
}
@media (max-width: 1125px) {
  .about-wenhua .contain .exp .flx h3 {
    font-size: 16px;
    font-weight: bold;
  }
}
.about-wenhua .contain .exp .flx p {
  line-height: 1.5;
  font-size: 14px;
}
.about-children {
  position: relative;
  padding: 50px 0 80px;
  background: url(/static/img/about-c1.jpg) center center no-repeat #efe3e5;
  background-size: cover;
}
@media (max-width: 1125px) {
  .about-children {
    padding: 30px 0 40px;
  }
}
.about-children .weui-thead3 {
  margin-bottom: 50px;
}
@media (max-width: 1125px) {
  .about-children .weui-thead3 {
    margin-bottom: 20px;
  }
}
.about-children .tabed {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .about-children .tabed {
    margin-bottom: 10px;
  }
}
.about-children .tabed .list {
  line-height: 0;
  white-space: nowrap;
}
.about-children .tabed .item {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: auto;
  background: none;
  opacity: 1;
}
.about-children .tabed .item.is-active .cell span {
  color: #004bc8 !important;
}
.about-children .tabed .cell {
  margin: 0 10px;
}
@media (max-width: 1125px) {
  .about-children .tabed .cell {
    margin: 0;
  }
}
.about-children .tabed .cell span {
  display: block;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 1125px) {
  .about-children .tabed .cell span {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}
.about-children .swiper {
  position: relative;
  padding: 0 60px;
}
@media (max-width: 1125px) {
  .about-children .swiper {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
  }
}
.about-children .swiper .cell {
  position: relative;
  margin: 10px;
  padding: 40px 20px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
}
@media (min-width: 1125px) {
  .about-children .swiper .cell:hover .icon {
    transform: translateX(20px);
  }
  .about-children .swiper .cell:hover .icon .img img {
    transform: scale(1.1);
  }
  .about-children .swiper .cell:hover .info {
    transform: translateX(-20px);
  }
}
@media (max-width: 1125px) {
  .about-children .swiper .cell {
    display: block;
    padding: 0;
    margin: 0;
  }
}
.about-children .swiper .cell .icon {
  width: 380px;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .about-children .swiper .cell .icon {
    width: 240px;
  }
}
@media (max-width: 1125px) {
  .about-children .swiper .cell .icon {
    width: 60vw;
    margin: 0 auto;
  }
}
.about-children .swiper .cell .icon .img {
  position: relative;
  padding: 0 0 50%;
  overflow: hidden;
}
.about-children .swiper .cell .icon .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-children .swiper .cell .info {
  flex: 1;
  position: relative;
  overflow: hidden;
  padding: 0 30px 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .about-children .swiper .cell .info {
    padding: 0;
  }
}
.about-children .swiper .cell .info .flx {
  border-left: 1px solid #eeeeee;
  padding: 0 0 0 30px;
  width: 100%;
}
@media (max-width: 1125px) {
  .about-children .swiper .cell .info .flx {
    padding: 0 15px 30px;
    text-align: center;
    border: 0;
  }
}
.about-children .swiper .cell .info .flx h3 {
  line-height: 1.2;
  font-size: 20px;
  margin: 0 0 10px;
  color: #333333;
}
@media (max-width: 1125px) {
  .about-children .swiper .cell .info .flx h3 {
    font-size: 16px;
    font-weight: bold;
  }
}
.about-children .swiper .cell .info .flx p {
  line-height: 2;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .about-children .swiper .cell .info .flx p {
    line-height: 1.5;
    font-size: 14px;
  }
}
.about-children .swiper .cell .mo {
  width: 220px;
  position: relative;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1281px) {
  .about-children .swiper .cell .mo {
    width: 120px;
  }
}
@media (max-width: 1125px) {
  .about-children .swiper .cell .mo {
    display: none;
  }
}
.about-children .swiper .cell .mo a {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 30px;
  border: 1px solid #004bc8;
  color: #004bc8;
}
.about-children .swiper .cell .mo a:hover {
  background: #004bc8;
  color: #ffffff;
}
.about-children .swiper .swiper-button-prev,
.about-children .swiper .swiper-button-next {
  opacity: 0.2;
}
@media (max-width: 1125px) {
  .about-children .swiper .swiper-button-prev,
  .about-children .swiper .swiper-button-next {
    display: none;
  }
}
.about-shengtai {
  position: relative;
  padding: 50px 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-shengtai {
    padding: 20px 0;
  }
}
.about-shengtai .weui-thead3 {
  margin-bottom: 50px;
}
@media (max-width: 1125px) {
  .about-shengtai .weui-thead3 {
    margin-bottom: 20px;
  }
}
.about-shengtai .contain {
  position: relative;
  overflow: hidden;
}
.about-shengtai .contain .list {
  margin: -10px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .about-shengtai .contain .list {
    margin: -6px;
  }
}
.about-shengtai .contain .item {
  float: left;
  width: 16.66%;
}
@media (max-width: 1125px) {
  .about-shengtai .contain .item {
    width: 33.33%;
  }
}
.about-shengtai .contain .cell {
  position: relative;
  margin: 10px;
}
@media (max-width: 1125px) {
  .about-shengtai .contain .cell {
    margin: 6px;
  }
}
@media (min-width: 1125px) {
  .about-shengtai .contain .cell:hover .cover .img img {
    transform: scale(1.05);
  }
  .about-shengtai .contain .cell:hover .cover .img::before {
    opacity: 0;
  }
}
.about-shengtai .contain .cover {
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 6px;
  overflow: hidden;
}
.about-shengtai .contain .cover .img {
  position: relative;
  padding: 0 0 55.68%;
  overflow: hidden;
}
.about-shengtai .contain .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s ease;
}
.about-shengtai .contain .cover .img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .about-shengtai .contain .cover .img::before {
    content: none;
  }
}
.about-shehui {
  position: relative;
  padding: 50px 0 80px;
  background: url(/static/img/about-a1.jpg) center center no-repeat #efe3e5;
  background-size: cover;
}
@media (max-width: 1125px) {
  .about-shehui {
    padding: 20px 0 50px;
    background-image: url(/static/img/about-a2.jpg);
  }
}
.about-shehui .weui-thead3 {
  margin-bottom: 50px;
}
@media (max-width: 1125px) {
  .about-shehui .weui-thead3 {
    margin-bottom: 20px;
  }
}
.about-shehui .contain {
  position: relative;
  overflow: hidden;
}
.about-shehui .contain .list {
  margin: -20px;
  overflow: hidden;
}
@media (max-width: 1281px) {
  .about-shehui .contain .list {
    margin: -15px;
  }
}
@media (max-width: 1125px) {
  .about-shehui .contain .list {
    margin: -15px;
  }
}
.about-shehui .contain .item {
  float: left;
  width: 50%;
}
@media (max-width: 1125px) {
  .about-shehui .contain .item {
    float: none;
    width: 100%;
  }
}
.about-shehui .contain .cell {
  position: relative;
  margin: 20px;
  border-radius: 10px;
  padding: 30px 200px 30px 30px;
  background-color: rgba(255, 255, 255, 0.95);
  transition: all 0.3s ease;
}
@media (min-width: 1125px) {
  .about-shehui .contain .cell:hover {
    transform: scale(0.98);
  }
}
@media (max-width: 1281px) {
  .about-shehui .contain .cell {
    margin: 15px;
  }
}
@media (max-width: 1125px) {
  .about-shehui .contain .cell {
    margin: 15px;
    padding: 20px 100px 20px 20px;
  }
}
.about-shehui .contain .cell h3 {
  line-height: 40px;
  font-size: 20px;
  color: #333333;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .about-shehui .contain .cell h3 {
    line-height: 20px;
    font-size: 16px;
  }
}
.about-shehui .contain .cell p {
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1125px) {
  .about-shehui .contain .cell p {
    line-height: 20px;
  }
}
.about-shehui .contain .cell .btn {
  line-height: 0;
  padding: 20px 0 0 0;
}
@media (max-width: 1125px) {
  .about-shehui .contain .cell .btn {
    padding: 10px 0 0 0;
  }
}
.about-shehui .contain .cell .btn a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 20px;
  border: 1px solid #dc153f;
  color: #dc153f;
}
@media (max-width: 1125px) {
  .about-shehui .contain .cell .btn a {
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    padding: 0 15px;
  }
}
.about-shehui .contain .cell .btn a:hover {
  background: #dc153f;
  color: #ffffff;
}
.about-shehui .contain .cell .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -90px 0 0 0;
}
@media (max-width: 1125px) {
  .about-shehui .contain .cell .icon {
    right: -40px;
    margin: -95px 0 0 0;
    transform: scale(0.5);
  }
}
.about-shehui .contain .cell .icon i {
  display: block;
  width: 180px;
  height: 180px;
  background: url(/static/img/about-b1.png) center center no-repeat;
  background-size: 120px;
}
.about-shehui .contain .cell .icon i.gongyi {
  background-image: url(/static/img/about-b2.png);
}
.about-honor {
  position: relative;
  padding: 30px 0 50px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-honor {
    padding: 20px 0;
  }
}
.about-honor .swiper .swiper-container {
  padding: 5px 0 0;
}
.about-honor .swiper .cell {
  border: 1px solid #eeeeee;
  padding: 10px 10px 0;
  border-radius: 6px;
  transition: all 0.3s ease;
}
@media (min-width: 1125px) {
  .about-honor .swiper .cell:hover {
    transform: translateY(-5px);
  }
  .about-honor .swiper .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.about-honor .swiper .cell .cover {
  position: relative;
  margin: 0 0 15px;
}
.about-honor .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 66.28%;
  overflow: hidden;
}
.about-honor .swiper .cell .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-honor .swiper .cell .exp {
  position: relative;
  border-top: 1px solid #eeeeee;
}
.about-honor .swiper .cell .exp h3 {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .about-honor .swiper .cell .exp h3 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.about-honor .swiper .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 20px 0;
}
@media (max-width: 1125px) {
  .about-honor .swiper .swiper-pagination {
    padding: 10px 0;
  }
}
.about-honor .swiper .swiper-pagination dd {
  margin: 5px;
}
.about-history {
  position: relative;
  padding: 50px 0 80px;
  background: url(/static/img/about-c1.jpg) center center no-repeat #efe3e5;
  background-size: cover;
}
@media (max-width: 1125px) {
  .about-history {
    padding: 40px 0;
  }
}
.about-history .weui-thead3 {
  margin-bottom: 50px;
}
@media (max-width: 1125px) {
  .about-history .weui-thead3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1125px) {
  .about-history .wrap {
    margin: 0;
  }
}
.about-history .swiper {
  position: relative;
  margin: 0 -100px;
  padding: 0 150px;
  background: url(/static/img/about-rule.png) center bottom repeat-x;
}
@media (max-width: 1125px) {
  .about-history .swiper {
    margin: 0;
    padding: 0 10px;
  }
}
.about-history .swiper .swiper-container {
  padding: 0 0 10px 10px;
}
.about-history .swiper .swiper-wrapper {
  align-items: flex-end;
}
.about-history .swiper .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide .cell::before,
.about-history .swiper .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide .cell::after {
  content: none;
}
.about-history .swiper .swiper-button-prev,
.about-history .swiper .swiper-button-next {
  opacity: 0.2;
  transform: scale(0.7);
}
@media (max-width: 1125px) {
  .about-history .swiper .swiper-button-prev,
  .about-history .swiper .swiper-button-next {
    display: none;
  }
}
.about-history .swiper .swiper-button-prev {
  left: 80px;
}
.about-history .swiper .swiper-button-next {
  right: 80px;
}
@media (max-width: 1125px) {
  .about-history .swiper .swiper-slide {
    width: 70vw;
  }
}
.about-history .swiper .cell {
  border-left: 1px solid #dddddd;
  padding: 0 50px 30px 20px;
}
@media (min-width: 1125px) {
  .about-history .swiper .cell:hover .year,
  .about-history .swiper .cell:hover .cover,
  .about-history .swiper .cell:hover .summary {
    transform: translateY(-10px);
  }
}
@media (max-width: 1125px) {
  .about-history .swiper .cell {
    padding: 0 15px 30px 15px;
  }
}
.about-history .swiper .cell::before {
  content: '';
  position: absolute;
  left: -5px;
  bottom: -3px;
  width: 11px;
  height: 11px;
  background: #000000;
  border-radius: 50%;
}
.about-history .swiper .cell::after {
  content: '';
  position: absolute;
  left: -10px;
  bottom: -8px;
  width: 21px;
  height: 21px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.about-history .swiper .cell .year {
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #004bc8;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .about-history .swiper .cell .year {
    font-size: 18px;
  }
}
.about-history .swiper .cell .cover {
  max-width: 100%;
  margin: 0 0 5px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .about-history .swiper .cell .cover {
    max-width: 70%;
  }
}
.about-history .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 53.63%;
  overflow: hidden;
  border-radius: 6px;
}
.about-history .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-history .swiper .cell .summary {
  line-height: 25px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .about-history .swiper .cell .summary {
    line-height: 20px;
    font-size: 14px;
  }
}
/**
  * This is pinpai
  **/
.pinpai-profile {
  position: relative;
  padding: 60px 0 30px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .pinpai-profile {
    padding: 20px 0 0;
  }
}
@media (max-width: 1125px) {
  .pinpai-profile .wrap {
    margin: 0;
  }
}
.pinpai-profile .summary {
  text-align: center;
  margin: -40px 0 50px;
}
@media (max-width: 1125px) {
  .pinpai-profile .summary {
    margin: 0 10px 10px;
  }
}
.pinpai-profile .summary p {
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1441px) {
  .pinpai-profile .summary p {
    font-size: 16px;
  }
}
@media (max-width: 1125px) {
  .pinpai-profile .summary p {
    font-size: 14px;
  }
}
.pinpai-profile .contain {
  position: relative;
  overflow: hidden;
}
.pinpai-profile .contain .list {
  overflow: hidden;
  margin: -20px -40px;
}
@media (max-width: 1125px) {
  .pinpai-profile .contain .list {
    margin: -5px;
  }
}
.pinpai-profile .contain .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .pinpai-profile .contain .item {
    float: none;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
  }
  .pinpai-profile .contain .item:first-child {
    border-top: 1px solid #eeeeee;
  }
}
@media (max-width: 1125px) {
  .pinpai-profile .contain .item.is-active {
    background: #f6f6f6;
  }
}
.pinpai-profile .contain .item.is-active .cell::after {
  transform: scale(0.8) rotate(0deg);
  background-position: -170px -20px;
}
.pinpai-profile .contain .item.is-active .cell p {
  display: block;
}
@media (min-width: 1125px) {
  .pinpai-profile .contain .item:hover .cell .icon {
    transform: scale(0.9);
  }
}
.pinpai-profile .contain .cell {
  position: relative;
  margin: 20px 40px;
  text-align: center;
}
@media (max-width: 1125px) {
  .pinpai-profile .contain .cell {
    margin: 0;
    padding: 10px 50px 10px 70px;
  }
  .pinpai-profile .contain .cell::after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(/static/icon/e.png) -150px 0px no-repeat;
    position: absolute;
    right: 10px;
    top: 22px;
    transform: scale(0.8) rotate(180deg);
  }
}
.pinpai-profile .contain .cell .icon {
  transform: scale(1);
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .pinpai-profile .contain .cell .icon {
    position: absolute;
    top: -13px;
    left: -13px;
    width: 100px;
    height: 100px;
    transform: scale(0.4);
  }
}
.pinpai-profile .contain .cell .icon img {
  width: 100px;
  height: 100px;
}
.pinpai-profile .contain .cell h3 {
  line-height: 30px;
  font-size: 18px;
  color: #333333;
  margin: 0 0 10px;
}
@media (max-width: 1125px) {
  .pinpai-profile .contain .cell h3 {
    text-align: left;
    line-height: 50px;
    font-size: 15px;
    margin-bottom: 0;
  }
}
.pinpai-profile .contain .cell p {
  height: 100px;
  line-height: 25px;
  font-size: 16px;
}
@media (max-width: 1125px) {
  .pinpai-profile .contain .cell p {
    text-align: left;
    height: auto;
    font-size: 14px;
    padding: 0 0 15px;
    display: none;
  }
}
.pinpai-fangan {
  position: relative;
  padding: 60px 0 30px;
  background: url(/static/img/pinpai-a1.png) center center no-repeat #ffffff;
  background-size: cover;
}
@media (max-width: 1125px) {
  .pinpai-fangan {
    padding: 20px 0;
  }
}
.pinpai-fangan .summary {
  text-align: center;
  margin: -40px 0 50px;
}
@media (max-width: 1281px) {
  .pinpai-fangan .summary {
    margin-top: -10px;
  }
}
@media (max-width: 1125px) {
  .pinpai-fangan .summary {
    margin: 0 10px 10px;
  }
}
.pinpai-fangan .summary p {
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1441px) {
  .pinpai-fangan .summary p {
    font-size: 16px;
  }
}
@media (max-width: 1125px) {
  .pinpai-fangan .summary p {
    font-size: 14px;
  }
}
.pinpai-fangan .contain .list {
  position: relative;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .list {
    margin: -5px;
  }
}
.pinpai-fangan .contain .item {
  float: left;
  width: 20%;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .item {
    float: none !important;
    width: 100% !important;
  }
}
@media (min-width: 1125px) {
  .pinpai-fangan .contain .item:nth-child(2) .cell .frt .flx {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.pinpai-fangan .contain .item.is-active {
  width: 60%;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .item.is-active {
    width: 100% !important;
  }
}
.pinpai-fangan .contain .item.is-active .frt {
  display: block;
}
.pinpai-fangan .contain .item.is-active .thead {
  text-align: left;
  margin-bottom: 30px;
}
@media (max-width: 1441px) {
  .pinpai-fangan .contain .item.is-active .thead {
    margin-bottom: 20px;
  }
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .item.is-active .thead {
    margin-bottom: 0;
  }
}
.pinpai-fangan .contain .item.is-active .tfoot {
  display: block;
  animation: fadeInRight 0.3s ease;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .item.is-active .tfoot {
    animation: none;
  }
}
.pinpai-fangan .contain .cell {
  margin: 5px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.pinpai-fangan .contain .frt {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: url(/static/img/pinpai-line.png) center center repeat-x;
  background-size: 100% 100%;
}
.pinpai-fangan .contain .frt .flx {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px;
  color: #ffffff;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .frt .flx {
    padding: 10px;
  }
}
.pinpai-fangan .contain .bck img {
  display: block;
  width: 53vw;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .bck img {
    width: 100% !important;
  }
}
.pinpai-fangan .contain .thead {
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .thead {
    text-align: left;
  }
}
.pinpai-fangan .contain .thead i,
.pinpai-fangan .contain .thead img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .thead i,
  .pinpai-fangan .contain .thead img {
    transform: scale(0.6);
  }
}
.pinpai-fangan .contain .thead h3 {
  line-height: 40px;
  font-size: 24px;
  font-weight: normal;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .thead h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    margin-left: -5px;
  }
}
.pinpai-fangan .contain .tfoot {
  display: none;
  line-height: 0;
  max-width: 100%;
}
@media (max-width: 1281px) {
  .pinpai-fangan .contain .tfoot {
    max-width: 100%;
  }
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .tfoot {
    display: block !important;
    white-space: normal;
  }
}
.pinpai-fangan .contain .tfoot dd {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 10px 0;
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .tfoot dd {
    margin: 0 5px 5px 0;
  }
}
.pinpai-fangan .contain .tfoot dd a,
.pinpai-fangan .contain .tfoot dd .tfoot-pointer {
  display: block;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  padding: 0 40px;
  border: 1px solid #ffffff;
  color: #ffffff;
}
@media (max-width: 1281px) {
  .pinpai-fangan .contain .tfoot dd a,
  .pinpai-fangan .contain .tfoot dd .tfoot-pointer {
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    padding: 0 10px;
    font-size: 14px;
  }
}
@media (max-width: 1125px) {
  .pinpai-fangan .contain .tfoot dd a,
  .pinpai-fangan .contain .tfoot dd .tfoot-pointer {
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    padding: 0 10px;
    font-size: 12px;
  }
}
.pinpai-youshi {
  position: relative;
  padding: 30px 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .pinpai-youshi {
    padding: 20px 0;
  }
}
.pinpai-youshi .summary {
  text-align: center;
  margin: 0 0 20px;
}
.pinpai-youshi .summary p {
  line-height: 2;
  font-size: 16px;
}
.pinpai-youshi .contain {
  position: relative;
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain {
    overflow: hidden;
  }
}
.pinpai-youshi .contain .list {
  overflow: hidden;
  margin: -20px;
}
@media (max-width: 1281px) {
  .pinpai-youshi .contain .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain .list {
    margin: -5px;
  }
}
.pinpai-youshi .contain .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain .item {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
.pinpai-youshi .contain .cell {
  position: relative;
  margin: 20px;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 6px;
  padding: 30px;
  transition: all 0.3s ease;
}
@media (max-width: 1281px) {
  .pinpai-youshi .contain .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain .cell {
    margin: 5px;
    padding: 15px 15px 15px 15px;
  }
}
@media (min-width: 1125px) {
  .pinpai-youshi .contain .cell:hover {
    transform: translateY(-10px);
    background: #004bc8;
    color: rgba(255, 255, 255, 0.8);
  }
  .pinpai-youshi .contain .cell:hover h3 {
    color: #ffffff;
  }
}
.pinpai-youshi .contain .cell h3 {
  line-height: 40px;
  font-size: 24px;
  color: #004bc8;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain .cell h3 {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }
}
.pinpai-youshi .contain .cell p {
  min-height: 100px;
  line-height: 25px;
  font-size: 16px;
  margin: 0 0 20px;
  text-align: justify;
}
@media (max-width: 1281px) {
  .pinpai-youshi .contain .cell p {
    min-height: 125px;
  }
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain .cell p {
    font-size: 14px;
    min-height: 50px;
    height: auto;
  }
}
.pinpai-youshi .contain .cell .icon {
  position: relative;
  text-align: center;
  margin: -20px 0;
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain .cell .icon {
    display: none;
  }
}
.pinpai-youshi .contain .cell .icon i {
  display: block;
  transform: scale(0.6);
  opacity: 0.6;
}
@media (max-width: 1125px) {
  .pinpai-youshi .contain .cell .icon i {
    transform: scale(0.75);
  }
}
.pinpai-case {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .pinpai-case {
    padding: 20px 0 50px;
  }
}
.pinpai-case .swiper {
  margin: -20px;
}
@media (max-width: 1281px) {
  .pinpai-case .swiper {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .pinpai-case .swiper {
    margin: 0;
  }
}
.pinpai-case .swiper .swiper-container {
  padding: 0 0 1px;
}
.pinpai-case .swiper .cell {
  position: relative;
  display: block;
  margin: 20px;
  border: 1px solid #dddddd;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.pinpai-case .swiper .cell:hover {
  color: inherit;
}
@media (min-width: 1125px) {
  .pinpai-case .swiper .cell:hover {
    transform: translateY(-10px);
  }
  .pinpai-case .swiper .cell:hover .cover .img img {
    transform: scale(1.1);
  }
  .pinpai-case .swiper .cell:hover .exp h3 {
    color: #004bc8;
  }
}
@media (max-width: 1281px) {
  .pinpai-case .swiper .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .pinpai-case .swiper .cell {
    margin: 0;
  }
}
.pinpai-case .swiper .cell .cover {
  position: relative;
}
.pinpai-case .swiper .cell .cover .img {
  position: relative;
  overflow: hidden;
  padding: 0 0 56.6%;
}
.pinpai-case .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.pinpai-case .swiper .cell .cover .logo {
  position: absolute;
  right: 10px;
  bottom: -40px;
  background: #ffffff;
  padding: 5px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
}
@media (max-width: 1441px) {
  .pinpai-case .swiper .cell .cover .logo {
    bottom: -37px;
  }
}
@media (max-width: 1281px) {
  .pinpai-case .swiper .cell .cover .logo {
    bottom: -30px;
  }
}
.pinpai-case .swiper .cell .cover .logo img {
  display: block;
  width: 100px;
  height: 70px;
  object-fit: cover;
}
@media (max-width: 1441px) {
  .pinpai-case .swiper .cell .cover .logo img {
    width: 100px;
    height: 75px;
  }
}
@media (max-width: 1281px) {
  .pinpai-case .swiper .cell .cover .logo img {
    width: 80px;
    height: 60px;
  }
}
.pinpai-case .swiper .cell .exp {
  position: relative;
  padding: 25px;
}
.pinpai-case .swiper .cell .exp h3 {
  line-height: 30px;
  font-size: 16px;
  margin: 0 0 5px;
  color: #333333;
}
.pinpai-case .swiper .cell .exp p {
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pinpai-case .swiper .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 10px 0 0;
}
.pinpai-case .swiper .swiper-pagination dd {
  margin: 5px;
}
.pinpai-case .tfoot {
  position: relative;
  text-align: center;
}
.pinpai-case .tfoot .more {
  padding: 40px 0 0 0;
}
@media (max-width: 1125px) {
  .pinpai-case .tfoot .more {
    padding: 10px 0 0 0;
  }
}
.pinpai-case .tfoot .more a {
  line-height: 40px;
  font-size: 16px;
}
.pinpai-case .tfoot .more a::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: 0;
  border-right: 1px solid #004bc8;
  border-bottom: 1px solid #004bc8;
  transform: rotate(-45deg);
  margin: 0 0 0 5px;
}
@media (max-width: 1125px) {
  .pinpai-case .tfoot .more a {
    display: block;
    font-size: 14px;
    color: #999999;
  }
  .pinpai-case .tfoot .more a::after {
    transform: rotate(-45deg) scale(0.8);
  }
}
/**
  * This is mettting
  **/
.metting-article {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .metting-article {
    padding: 20px 0 50px;
  }
}
.metting-article .contain {
  overflow: hidden;
}
.metting-article .contain .list {
  overflow: hidden;
  margin: -20px -40px;
}
@media (max-width: 1281px) {
  .metting-article .contain .list {
    margin: -15px;
  }
}
@media (max-width: 1125px) {
  .metting-article .contain .list {
    margin: -15px;
  }
}
.metting-article .contain .item {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .metting-article .contain .item {
    float: none;
    width: 100%;
  }
}
.metting-article .contain .cell {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 20px 40px;
}
@media (min-width: 1125px) {
  .metting-article .contain .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
@media (max-width: 1281px) {
  .metting-article .contain .cell {
    margin: 15px;
  }
}
@media (max-width: 1125px) {
  .metting-article .contain .cell {
    margin: 15px;
  }
}
.metting-article .contain .cover {
  float: left;
  width: 160px;
}
@media (max-width: 1281px) {
  .metting-article .contain .cover {
    width: 120px;
  }
}
@media (max-width: 1125px) {
  .metting-article .contain .cover {
    width: 120px;
  }
}
.metting-article .contain .cover .img {
  position: relative;
  padding: 0 0 65.73%;
  overflow: hidden;
  border-radius: 6px;
  background: #eeeeee;
}
.metting-article .contain .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.metting-article .contain .exp {
  margin: 0 0 0 170px;
}
@media (max-width: 1281px) {
  .metting-article .contain .exp {
    margin: 0 0 0 130px;
  }
}
@media (max-width: 1125px) {
  .metting-article .contain .exp {
    margin: 0 0 0 130px;
  }
}
.metting-article .contain .exp h3 {
  height: 50px;
  line-height: 25px;
  font-size: 16px;
  font-weight: normal;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1281px) {
  .metting-article .contain .exp h3 {
    font-size: 15px;
  }
}
@media (max-width: 1125px) {
  .metting-article .contain .exp h3 {
    font-size: 14px;
  }
}
.metting-article .contain .exp span {
  display: block;
  line-height: 30px;
  color: #004bc8;
}
.metting-introduce {
  position: relative;
  padding: 50px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .metting-introduce {
    padding: 20px 0;
  }
}
.metting-introduce .tbody {
  position: relative;
  overflow: hidden;
  padding: 5px 0 50px 5px;
}
@media (max-width: 1125px) {
  .metting-introduce .tbody {
    padding: 0;
  }
}
.metting-introduce .tbody::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80%;
  border: 10px solid #eff0f3;
}
@media (max-width: 1125px) {
  .metting-introduce .tbody::before {
    content: none;
  }
}
.metting-introduce .tbody::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  border: 10px solid #eff0f3;
}
@media (max-width: 1125px) {
  .metting-introduce .tbody::after {
    content: none;
  }
}
.metting-introduce .tbody .cover {
  float: left;
  width: 50%;
  padding: 10px;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1125px) {
  .metting-introduce .tbody .cover {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.metting-introduce .tbody .cover .img {
  position: relative;
  padding: 0 0 65.58%;
}
.metting-introduce .tbody .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.metting-introduce .tbody .info {
  margin: 0 0 0 50%;
  padding: 50px;
}
@media (max-width: 1125px) {
  .metting-introduce .tbody .info {
    margin: 0;
    padding: 10px 0 0;
  }
}
.metting-introduce .tbody .info .sup {
  position: relative;
  padding: 0 0 10px;
}
@media (max-width: 1125px) {
  .metting-introduce .tbody .info .sup {
    display: none;
  }
}
.metting-introduce .tbody .info .sub {
  padding: 20px 0 0 0;
  text-align: right;
}
@media (max-width: 1125px) {
  .metting-introduce .tbody .info .sub {
    display: none;
  }
}
.metting-introduce .tbody .info p {
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1125px) {
  .metting-introduce .tbody .info p {
    font-size: 14px;
  }
}
.metting-guest {
  position: relative;
  padding: 30px 0;
  background: url(/static/img/metting-bj_3.png) center top no-repeat;
  background-size: cover;
}
@media (max-width: 1125px) {
  .metting-guest {
    padding: 20px 0;
  }
}
.metting-guest .wrap {
  margin: 0;
}
.metting-guest .weui-thead2 {
  margin-bottom: 20px;
}
@media (max-width: 1125px) {
  .metting-guest .weui-thead2 {
    margin-bottom: 0;
  }
}
.metting-guest .tabed {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .metting-guest .tabed {
    margin-bottom: 0;
  }
}
.metting-guest .tabed .list {
  line-height: 0;
  white-space: nowrap;
}
.metting-guest .tabed .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 40px;
}
@media (max-width: 1125px) {
  .metting-guest .tabed .item {
    margin: 10px;
  }
}
.metting-guest .tabed .item.is-active span {
  font-weight: bold;
  color: #004bc8;
}
.metting-guest .tabed .item span {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
}
@media (max-width: 1125px) {
  .metting-guest .tabed .item span {
    font-size: 14px;
  }
}
@media (max-width: 1125px) {
  .metting-guest .tbody {
    margin: 0 -80px;
  }
}
.metting-guest .swiper {
  position: relative;
  padding: 0 40px;
}
.metting-guest .swiper .swiper-button-prev,
.metting-guest .swiper .swiper-button-next {
  margin-top: -45px;
  transform: scale(0.7);
}
.metting-guest .swiper .swiper-container {
  padding: 20px 0;
}
.metting-guest .swiper .swiper-slide {
  transform: scale(0.9);
  transition: all 0.3s ease;
  width: 19vw;
}
.metting-guest .swiper .swiper-slide.swiper-slide-active {
  transform: scale(1.2);
  z-index: 10;
}
.metting-guest .swiper .swiper-slide.swiper-slide-active .cell .exp p {
  visibility: visible;
}
.metting-guest .swiper .cell {
  position: relative;
  display: block;
  margin: 30px;
}
@media (max-width: 1125px) {
  .metting-guest .swiper .cell {
    margin: 10px;
  }
}
.metting-guest .swiper .cell .cover {
  position: relative;
  margin: 0 0 10px;
}
.metting-guest .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 100%;
  overflow: hidden;
  border-radius: 50%;
}
.metting-guest .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.metting-guest .swiper .cell .exp {
  position: relative;
  text-align: center;
}
.metting-guest .swiper .cell .exp h3 {
  line-height: 25px;
  font-size: 16px;
  white-space: nowrap;
}
@media (max-width: 1125px) {
  .metting-guest .swiper .cell .exp h3 {
    font-size: 14px;
  }
}
.metting-guest .swiper .cell .exp p {
  line-height: 15px;
  visibility: hidden;
  font-size: 12px;
  color: #999999;
}
@media (max-width: 1125px) {
  .metting-guest .swiper .cell .exp p {
    line-height: 20px;
    font-size: 12px;
  }
}
.metting-ganhuo {
  position: relative;
  padding: 50px 0 30px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .metting-ganhuo {
    padding: 20px 0;
  }
}
.metting-ganhuo .weui-thead2 {
  margin-bottom: 20px;
}
@media (max-width: 1125px) {
  .metting-ganhuo .weui-thead2 {
    margin-bottom: 0;
  }
}
.metting-ganhuo .tabed {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .metting-ganhuo .tabed {
    margin-bottom: 0;
  }
}
.metting-ganhuo .tabed .list {
  line-height: 0;
  white-space: nowrap;
}
.metting-ganhuo .tabed .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 40px;
}
@media (max-width: 1125px) {
  .metting-ganhuo .tabed .item {
    margin: 0 10px;
  }
}
.metting-ganhuo .tabed .item.is-active span {
  font-weight: bold;
  color: #004bc8;
}
.metting-ganhuo .tabed .item span {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
}
@media (max-width: 1125px) {
  .metting-ganhuo .tabed .item span {
    font-size: 14px;
  }
}
.metting-ganhuo .swiper {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.metting-ganhuo .swiper .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 20px 0 0;
}
@media (max-width: 1125px) {
  .metting-ganhuo .swiper .swiper-pagination {
    padding: 10px 0 0;
  }
}
.metting-ganhuo .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 5px;
  width: 12px;
  height: 12px;
  transform: scale(0.7);
  transition: all 0.3s ease;
}
.metting-ganhuo .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000000;
  transform: scale(1);
}
.metting-ganhuo .swiper .cell {
  position: relative;
  display: block;
  margin: 10px;
  overflow: hidden;
  border-radius: 6px;
}
@media (min-width: 1125px) {
  .metting-ganhuo .swiper .cell:hover .cover .img img {
    transform: scale(1.05);
  }
  .metting-ganhuo .swiper .cell:hover .exp .btn span {
    background: #004bc8;
    color: #ffffff;
    animation: pulse 0.3s ease;
  }
}
@media (max-width: 1125px) {
  .metting-ganhuo .swiper .cell {
    margin: 0;
    border-radius: 0;
  }
}
.metting-ganhuo .swiper .cell .cover {
  position: relative;
}
.metting-ganhuo .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 65.55%;
  overflow: hidden;
}
.metting-ganhuo .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.metting-ganhuo .swiper .cell .exp {
  padding: 15px 15px 20px;
  background: #f8f8f8;
}
.metting-ganhuo .swiper .cell .exp h3 {
  font-size: 16px;
  line-height: 25px;
  color: #333333;
  margin: 0 0 15px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.metting-ganhuo .swiper .cell .exp .btn {
  text-align: center;
  line-height: 0;
}
.metting-ganhuo .swiper .cell .exp .btn span {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  padding: 0 20px;
  color: #004bc8;
  background: #ffffff;
  border: 1px solid #004bc8;
}
.metting-huigu {
  position: relative;
  padding: 30px 0;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .metting-huigu {
    padding: 20px 0;
  }
}
@media (max-width: 1125px) {
  .metting-huigu .wrap {
    margin: 0;
  }
}
.metting-huigu .swiper {
  position: relative;
}
@media (max-width: 1125px) {
  .metting-huigu .swiper {
    margin: 0 -30vw;
  }
}
.metting-huigu .swiper .swiper-container {
  padding: 5vw 0;
}
@media (max-width: 1125px) {
  .metting-huigu .swiper .swiper-container {
    padding: 10vw 0;
  }
}
.metting-huigu .swiper .swiper-button-prev,
.metting-huigu .swiper .swiper-button-next {
  width: 21vw;
  height: 100%;
  top: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0);
}
.metting-huigu .swiper .swiper-button-prev {
  left: 0;
}
.metting-huigu .swiper .swiper-button-next {
  right: 0;
}
.metting-huigu .swiper .swiper-slide {
  opacity: 0.3;
  transition: all 0.3s ease;
}
.metting-huigu .swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 10;
  transform: scale(1.5);
}
.metting-huigu .swiper .swiper-slide.swiper-slide-active .cell .exp h3 {
  visibility: visible;
}
.metting-huigu .swiper .cell {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  background: #eeeeee;
}
@media (min-width: 1125px) {
  .metting-huigu .swiper .cell:hover .cover .img img {
    transform: scale(1.05);
  }
}
@media (max-width: 1125px) {
  .metting-huigu .swiper .cell {
    border-radius: 6px;
  }
}
.metting-huigu .swiper .cell .cover {
  position: relative;
}
.metting-huigu .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 65.55%;
  overflow: hidden;
}
.metting-huigu .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.metting-huigu .swiper .cell .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 15px 15px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
@media (max-width: 1125px) {
  .metting-huigu .swiper .cell .exp {
    padding: 50px 10px 10px;
  }
}
.metting-huigu .swiper .cell .exp h3 {
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  visibility: hidden;
}
@media (max-width: 1125px) {
  .metting-huigu .swiper .cell .exp h3 {
    font-size: 10px;
  }
}
/**
  * 关于我们
  **/
.about-page__content {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-page__content {
    padding: 20px 0 50px;
  }
}
.about-page__honor {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-page__honor {
    padding: 20px 0 50px;
  }
}
.about-page__honor .lister .list {
  position: relative;
  overflow: hidden;
  margin: -20px;
}
@media (max-width: 1441px) {
  .about-page__honor .lister .list {
    margin: -10px;
  }
}
@media (max-width: 1281px) {
  .about-page__honor .lister .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .about-page__honor .lister .list {
    margin: -5px;
  }
}
.about-page__honor .lister .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .about-page__honor .lister .item {
    width: 50%;
  }
}
.about-page__honor .lister .cell {
  margin: 20px;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 10px 10px 0;
  transition: all 0.3s ease;
}
@media (max-width: 1441px) {
  .about-page__honor .lister .cell {
    margin: 10px;
  }
}
@media (max-width: 1281px) {
  .about-page__honor .lister .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .about-page__honor .lister .cell {
    margin: 5px;
  }
}
@media (min-width: 1125px) {
  .about-page__honor .lister .cell:hover {
    transform: translateY(-5px);
  }
  .about-page__honor .lister .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.about-page__honor .lister .cell .cover {
  position: relative;
  margin: 0 0 15px;
}
.about-page__honor .lister .cell .cover .img {
  position: relative;
  padding: 0 0 66.28%;
  overflow: hidden;
}
.about-page__honor .lister .cell .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-page__honor .lister .cell .exp {
  position: relative;
  border-top: 1px solid #eeeeee;
}
.about-page__honor .lister .cell .exp h3 {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .about-page__honor .lister .cell .exp h3 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.about-page__partner {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-page__partner {
    padding: 20px 0 50px;
  }
}
.about-page__partner .lister .list {
  position: relative;
  overflow: hidden;
  margin: -20px;
}
@media (max-width: 1441px) {
  .about-page__partner .lister .list {
    margin: -10px;
  }
}
@media (max-width: 1281px) {
  .about-page__partner .lister .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .about-page__partner .lister .list {
    margin: -5px;
  }
}
.about-page__partner .lister .item {
  float: left;
  width: 20%;
}
@media (max-width: 1281px) {
  .about-page__partner .lister .item {
    width: 25%;
  }
}
@media (max-width: 1125px) {
  .about-page__partner .lister .item {
    width: 50%;
  }
}
.about-page__partner .lister .cell {
  margin: 20px;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 10px 10px 0;
  transition: all 0.3s ease;
}
@media (max-width: 1441px) {
  .about-page__partner .lister .cell {
    margin: 10px;
  }
}
@media (max-width: 1281px) {
  .about-page__partner .lister .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .about-page__partner .lister .cell {
    margin: 5px;
  }
}
@media (min-width: 1125px) {
  .about-page__partner .lister .cell:hover {
    transform: translateY(-5px);
  }
  .about-page__partner .lister .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.about-page__partner .lister .cell .cover {
  position: relative;
  margin: 0 0 15px;
}
.about-page__partner .lister .cell .cover .img {
  position: relative;
  padding: 0 0 55.68%;
  overflow: hidden;
}
.about-page__partner .lister .cell .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-page__partner .lister .cell .exp {
  position: relative;
  border-top: 1px solid #eeeeee;
}
.about-page__partner .lister .cell .exp h3 {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .about-page__partner .lister .cell .exp h3 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.about-page__child {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-page__child {
    padding: 20px 0 50px;
  }
}
.about-page__child .lister .list {
  position: relative;
  overflow: hidden;
  margin: -20px;
}
@media (max-width: 1441px) {
  .about-page__child .lister .list {
    margin: -15px;
  }
}
@media (max-width: 1281px) {
  .about-page__child .lister .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .about-page__child .lister .list {
    margin: -5px;
  }
}
.about-page__child .lister .item {
  float: left;
  width: 50%;
}
@media (max-width: 1281px) {
  .about-page__child .lister .item {
    width: 100%;
  }
}
@media (max-width: 1125px) {
  .about-page__child .lister .item {
    width: 100%;
  }
}
.about-page__child .lister .cell {
  margin: 20px;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 30px 20px;
  transition: all 0.3s ease;
  overflow: hidden;
}
@media (max-width: 1441px) {
  .about-page__child .lister .cell {
    margin: 15px;
  }
}
@media (max-width: 1281px) {
  .about-page__child .lister .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .about-page__child .lister .cell {
    margin: 5px;
  }
}
@media (min-width: 1125px) {
  .about-page__child .lister .cell:hover {
    transform: translateY(-5px);
  }
  .about-page__child .lister .cell:hover .cover .img img {
    transform: scale(1.1);
  }
}
.about-page__child .lister .cell .icon {
  position: relative;
  float: left;
  width: 280px;
}
@media (max-width: 1441px) {
  .about-page__child .lister .cell .icon {
    width: 240px;
  }
}
@media (max-width: 1125px) {
  .about-page__child .lister .cell .icon {
    float: none;
    width: 65%;
    margin: 0 auto;
  }
}
.about-page__child .lister .cell .icon .img {
  position: relative;
  padding: 0 0 50%;
  overflow: hidden;
}
@media (max-width: 1441px) {
  .about-page__child .lister .cell .icon .img {
    padding: 0 0 60%;
  }
}
.about-page__child .lister .cell .icon .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-page__child .lister .cell .info {
  position: relative;
  margin: 0 0 20px 280px;
  padding: 0 0 0 20px;
}
@media (max-width: 1441px) {
  .about-page__child .lister .cell .info {
    margin-left: 240px;
  }
}
@media (max-width: 1125px) {
  .about-page__child .lister .cell .info {
    margin: 0 0 20px;
    padding: 0;
  }
}
.about-page__child .lister .cell .info h3 {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1125px) {
  .about-page__child .lister .cell .info h3 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.about-page__child .lister .cell .info p {
  color: #999999;
  height: 40px;
  line-height: 20px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.about-page__child .lister .cell .mo {
  line-height: 0;
  margin: 0 0 0 280px;
  padding: 0 0 0 20px;
}
@media (max-width: 1441px) {
  .about-page__child .lister .cell .mo {
    margin-left: 240px;
  }
}
@media (max-width: 1125px) {
  .about-page__child .lister .cell .mo {
    margin: 0;
    padding: 0;
  }
}
.about-page__child .lister .cell .mo a {
  display: inline-block;
  height: 35px;
  line-height: 33px;
  padding: 0 20px;
  border-radius: 35px;
  border: 1px solid #004bc8;
  color: #004bc8;
}
@media (min-width: 1125px) {
  .about-page__child .lister .cell .mo a:hover {
    background-color: #004bc8;
    color: #ffffff;
  }
}
.about-page__history {
  position: relative;
  padding: 30px 0 100px;
  background: #ffffff;
}
@media (max-width: 1125px) {
  .about-page__history {
    padding: 20px 0 50px;
  }
}
.about-page__history .lister {
  position: relative;
}
.about-page__history .lister::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-left: 2px solid #dddddd;
}
@media (max-width: 1125px) {
  .about-page__history .lister::before {
    left: 5%;
  }
}
.about-page__history .lister .list {
  position: relative;
  overflow: hidden;
}
.about-page__history .lister .item {
  position: relative;
  width: 50%;
  margin-bottom: -60px;
}
.about-page__history .lister .item.it-2021 .cell .exp {
  padding-top: 0;
}
@media (max-width: 1125px) {
  .about-page__history .lister .item {
    width: 90%;
    margin-bottom: -40px;
  }
}
.about-page__history .lister .item:nth-child(odd) {
  left: 50%;
}
@media (max-width: 1125px) {
  .about-page__history .lister .item:nth-child(odd) {
    width: 90%;
    left: 5%;
  }
}
@media (max-width: 1125px) {
  .about-page__history .lister .item:nth-child(even) {
    left: 5%;
  }
}
.about-page__history .lister .item:nth-child(even) .cell h3 {
  text-align: right;
}
@media (max-width: 1125px) {
  .about-page__history .lister .item:nth-child(even) .cell h3 {
    text-align: left;
  }
}
.about-page__history .lister .item:nth-child(even) .cell h3::before {
  left: auto;
  right: -6px;
}
@media (max-width: 1125px) {
  .about-page__history .lister .item:nth-child(even) .cell h3::before {
    left: -5px;
    right: auto;
  }
}
.about-page__history .lister .item:nth-child(even) .cell h3::after {
  left: auto;
  right: -11px;
}
@media (max-width: 1125px) {
  .about-page__history .lister .item:nth-child(even) .cell h3::after {
    left: -10px;
    right: auto;
  }
}
.about-page__history .lister .item:nth-child(even) .cell .cover {
  float: right;
}
@media (max-width: 1125px) {
  .about-page__history .lister .item:nth-child(even) .cell .cover {
    float: none;
  }
}
.about-page__history .lister .item:nth-child(even) .cell .exp {
  margin: 0 240px 0 0;
  text-align: right;
}
@media (max-width: 1125px) {
  .about-page__history .lister .item:nth-child(even) .cell .exp {
    margin: 0;
    text-align: left;
  }
}
.about-page__history .lister .cell {
  position: relative;
  padding: 40px;
}
@media (max-width: 1125px) {
  .about-page__history .lister .cell {
    padding: 30px;
  }
}
.about-page__history .lister .cell::after {
  content: '';
  display: block;
  clear: both;
}
@media (min-width: 1125px) {
  .about-page__history .lister .cell:hover .cover .img img {
    transform: scale(1.05);
  }
  .about-page__history .lister .cell:hover .exp {
    transform: translateX(10px);
  }
  .about-page__history .lister .cell:hover h3 {
    color: #dc153f;
  }
  .about-page__history .lister .cell:hover h3::before {
    background: #dc153f;
  }
  .about-page__history .lister .cell:hover h3::after {
    background: rgba(220, 21, 63, 0.5);
  }
}
.about-page__history .lister h3 {
  line-height: 30px;
  font-size: 26px;
  margin: 0 0 10px;
  color: #004bc8;
}
.about-page__history .lister h3::before {
  content: '';
  width: 12px;
  height: 12px;
  background: #333333;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: 50px;
  z-index: 2;
}
@media (max-width: 1125px) {
  .about-page__history .lister h3::before {
    top: 40px;
  }
}
.about-page__history .lister h3::after {
  content: '';
  width: 22px;
  height: 22px;
  background: rgba(51, 51, 51, 0.5);
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 45px;
  z-index: 1;
}
@media (max-width: 1125px) {
  .about-page__history .lister h3::after {
    top: 35px;
  }
}
.about-page__history .lister .cover {
  float: left;
  width: 240px;
}
@media (max-width: 1125px) {
  .about-page__history .lister .cover {
    float: none;
    width: 100%;
  }
}
.about-page__history .lister .cover .img {
  position: relative;
  padding: 0 0 56%;
  overflow: hidden;
  border-radius: 10px;
  background: #eeeeee;
}
.about-page__history .lister .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-page__history .lister .exp {
  margin: 0 0 0 240px;
  padding: 20px;
  transition: all 0.3s ease;
}
@media (max-width: 1125px) {
  .about-page__history .lister .exp {
    margin: 0 0;
    padding: 10px 0;
  }
}
.about-page__history .lister .exp p {
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 1125px) {
  .about-page__history .lister .exp p {
    font-size: 14px;
  }
}
.about-page__shehui {
  background: #ffffff;
  position: relative;
  padding: 0 0 30px;
}
@media (max-width: 1125px) {
  .about-page__shehui {
    padding: 0 0 10px;
  }
}
.about-page__shehui .thead {
  position: relative;
  line-height: 0;
  margin: 0 0 20px;
}
@media (max-width: 1125px) {
  .about-page__shehui .thead {
    margin-bottom: 10px;
  }
}
.about-page__shehui .thead span {
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  padding: 0 30px 0 60px;
  background: url(../icon/icon-star.png) 20px center no-repeat #e50012;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1125px) {
  .about-page__shehui .thead span {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    padding: 0 20px 0 40px;
    background-position: 10px center;
    background-size: 24px;
  }
}
.about-page__shehui .tthead {
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  border-radius: 10px;
  margin: 0 0 50px;
}
@media (max-width: 1125px) {
  .about-page__shehui .tthead {
    display: block;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 20px;
  }
}
.about-page__shehui .tthead:hover .lt .cover .img img {
  transform: scale(1.02);
}
.about-page__shehui .tthead .lt {
  position: relative;
  flex: 1;
}
@media (min-width: 1125px) {
  .about-page__shehui .tthead .lt .thead {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
  }
}
.about-page__shehui .tthead .lt .cover {
  height: 100%;
}
.about-page__shehui .tthead .lt .cover .img {
  position: relative;
  height: 100%;
  padding: 0 0 70%;
  overflow: hidden;
  background: #eeeeee;
}
@media (max-width: 1125px) {
  .about-page__shehui .tthead .lt .cover .img {
    border-radius: 10px;
  }
}
.about-page__shehui .tthead .lt .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: all 0.3s ease;
}
.about-page__shehui .tthead .rt {
  position: relative;
  flex: 1;
  padding: 30px;
  overflow: hidden;
}
@media (max-width: 1125px) {
  .about-page__shehui .tthead .rt {
    padding: 20px 0 0;
  }
}
.about-page__shehui .tthead .rt .text p {
  line-height: 2;
  font-size: 18px;
}
@media (max-width: 1441px) {
  .about-page__shehui .tthead .rt .text p {
    font-size: 15px;
  }
}
@media (max-width: 1281px) {
  .about-page__shehui .tthead .rt .text p {
    font-size: 14px;
  }
}
.about-page__shehui .lister {
  position: relative;
}
.about-page__shehui .lister .list {
  position: relative;
  overflow: hidden;
  margin: -20px;
}
@media (max-width: 1441px) {
  .about-page__shehui .lister .list {
    margin: -10px;
  }
}
@media (max-width: 1281px) {
  .about-page__shehui .lister .list {
    margin: -10px;
  }
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .list {
    margin: -5px;
  }
}
.about-page__shehui .lister .item {
  float: left;
  width: 25%;
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item {
    width: 50%;
  }
}
.about-page__shehui .lister .item .cell {
  margin: 20px;
  display: block;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 10px 15px 10px;
  transition: all 0.3s ease;
}
@media (max-width: 1441px) {
  .about-page__shehui .lister .item .cell {
    margin: 10px;
  }
}
@media (max-width: 1281px) {
  .about-page__shehui .lister .item .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item .cell {
    margin: 5px;
  }
}
@media (min-width: 1125px) {
  .about-page__shehui .lister .item .cell:hover {
    transform: translateY(-5px);
  }
  .about-page__shehui .lister .item .cell:hover .cover .img img {
    transform: scale(1.1);
  }
  .about-page__shehui .lister .item .cell:hover .title h3 {
    color: #e50012;
  }
}
.about-page__shehui .lister .item .cell .title h3 {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  height: 50px;
  line-height: 25px;
  margin: 0 0 10px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item .cell .title h3 {
    font-size: 14px;
  }
}
.about-page__shehui .lister .item .cell .cover {
  position: relative;
  margin: 0 0 15px;
}
.about-page__shehui .lister .item .cell .cover .img {
  position: relative;
  padding: 0 0 66.28%;
  overflow: hidden;
}
.about-page__shehui .lister .item .cell .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-page__shehui .lister .item .cell .exp {
  position: relative;
}
.about-page__shehui .lister .item .cell .exp .desc {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item .cell .exp .desc {
    font-size: 14px;
  }
}
.about-page__shehui .lister .item .cell .exp .date {
  line-height: 30px;
  font-size: 16px;
  color: #888888;
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item .cell .exp .date {
    font-size: 14px;
  }
}
.about-page__shehui .lister .item2 {
  float: left;
  width: 33.33%;
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item2 {
    float: none;
    width: 100%;
  }
}
.about-page__shehui .lister .item2 .cell {
  margin: 20px;
  display: block;
  position: relative;
  border-radius: 1px;
  background: #f8f8f8;
  transition: all 0.3s ease;
}
@media (max-width: 1441px) {
  .about-page__shehui .lister .item2 .cell {
    margin: 10px;
  }
}
@media (max-width: 1281px) {
  .about-page__shehui .lister .item2 .cell {
    margin: 10px;
  }
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item2 .cell {
    margin: 5px;
  }
}
@media (min-width: 1125px) {
  .about-page__shehui .lister .item2 .cell:hover {
    transform: translateY(-5px);
  }
  .about-page__shehui .lister .item2 .cell:hover .cover .img img {
    transform: scale(1.1);
  }
  .about-page__shehui .lister .item2 .cell:hover .title h3 {
    color: #e50012;
  }
}
.about-page__shehui .lister .item2 .cell .cover {
  position: relative;
}
.about-page__shehui .lister .item2 .cell .cover .img {
  position: relative;
  padding: 0 0 66.28%;
  overflow: hidden;
  background: #eeeeee;
}
.about-page__shehui .lister .item2 .cell .cover .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.about-page__shehui .lister .item2 .cell .exp {
  position: relative;
  padding: 10px 20px;
}
.about-page__shehui .lister .item2 .cell .exp h3 {
  font-size: 18px;
  color: #333333;
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1125px) {
  .about-page__shehui .lister .item2 .cell .exp h3 {
    font-size: 14px;
  }
}
/**
  * fxiaoke
  **/
.fxiaoke-ec {
  position: relative;
  padding: 30px 0;
  height: 100vh;
  background: #f2f2f2;
}
@media (max-width: 1125px) {
  .fxiaoke-ec {
    padding: 0;
    background: #ffffff;
  }
}
@media (max-width: 1125px) {
  .fxiaoke-ec .wrap {
    padding: 0;
  }
}
.fxiaoke-ec .iframe iframe {
  width: 100%;
  height: calc(100vh - 70px);
}
@media (max-width: 1125px) {
  .fxiaoke-ec .iframe iframe {
    height: 100vh;
  }
}
/**
  * video-player
  **/
.video-player {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  display: none;
}
.video-player .video-player__shadow {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.8);
}
.video-player .video-player__dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0 0 -500px;
  width: 1000px;
  z-index: 1;
}
@media (max-width: 1125px) {
  .video-player .video-player__dialog {
    left: 0;
    top: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
  }
}
.video-player .video-player__box {
  position: relative;
  padding: 10px;
  background: #000000;
  animation: zoomIn 0.3s ease;
}
@media (max-width: 1125px) {
  .video-player .video-player__box {
    padding: 0;
    animation: none;
  }
}
.video-player .video-player__control {
  position: relative;
}
@media (max-width: 1125px) {
  .video-player .video-player__control {
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.video-player .video-player__control video {
  display: block;
  width: 100%;
  height: 550px;
  object-fit: cover;
}
@media (max-width: 1125px) {
  .video-player .video-player__control video {
    height: auto;
    object-fit: contain;
  }
}
.video-player .video-player__close {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: 10;
  animation: fadeIn 0.3s ease 1s both;
}
@media (max-width: 1125px) {
  .video-player .video-player__close {
    opacity: 1;
    animation: none;
  }
}
.video-player .video-player__close .icon {
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 5px;
  background: #000000;
  cursor: pointer;
}
@media (max-width: 1125px) {
  .video-player .video-player__close .icon {
    bottom: auto;
    top: 0;
    background: rgba(255, 255, 255, 0.2);
  }
}
.video-player .video-player__close .icon:hover::before {
  animation: zoomIn 0.5s ease;
}
.video-player .video-player__close .icon::before {
  content: '';
  width: 24px;
  height: 24px;
  display: block;
  background: url(../icon/e.png) -100px -50px no-repeat;
  transform: scale(0.6);
}
</pre></body></html>