@charset "UTF-8";
@font-face {
  font-family: "pfdintextpro";
  src: url("../fonts/pfdintextpro-regular.woff2") format("woff2"), url("../fonts/pfdintextpro-regular.woff") format("woff"), url("../fonts/pfdintextpro-regular.otf") format("truetype"), url("../fonts/pfdintextpro-regular.eot") format("embedded-opentype"), url("../fonts/pfdintextpro-regular.svg") format("svg"); }

@font-face {
  font-family: "sourcehansans";
  src: url("../fonts/sourcehansans.eot") format("embedded-opentype"), url("../fonts/sourcehansans.woff2") format("woff2"), url("../fonts/sourcehansans.woff") format("woff"), url("../fonts/sourcehansans.ttf") format("ttf"), url("../fonts/sourcehansans.svg") format("svg"); }

body {
  font-weight: 400;
  font-style: normal;
  width: 100%;
  overflow-x: hidden !important;
  color: #808080;
  font-size: 16px;
  line-height: 1;
  font-family: 'sourcehansans', 'PingFang SC', 'Source Han Sans CN', 'Arial', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Serif CN', 'SimSun', 'SimHei'; }

a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

.btn {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.2;
  margin: 0px; }

img, video {
  max-width: 100%;
  height: auto; }

.col-xs-12 {
  width: 100%; }

@media (min-width: 992px) {
  .col-lg-25 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

* {
  outline: none; }

a {
  transition: ease-in-out 0.3s; }

dl, ol,
ul,
li {
  padding: 0px;
  margin: 0px;
  list-style: none; }

em, i {
  font-style: normal; }

a:hover {
  text-decoration: none; }

.w-full {
  width: 100%; }

.t-u {
  text-transform: uppercase; }

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

p {
  margin-bottom: 0px; }

.hide {
  display: none; }

.pc-block {
  display: inline-block !important; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pc-block {
      display: none !important; } }

.app-block {
  display: none !important; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .app-block {
      display: inline-block !important; } }

.pageWrap, .page-newslist {
  min-height: 100vh; }

@-webkit-keyframes zoomin {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@keyframes zoomin {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@keyframes unifyrotate {
  from {
    transform: none; }
  to {
    transform: rotate(1turn); } }

@keyframes tlt-myone {
  0% {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o--transform: translate(0px, 0px);
    -mz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px); }
  100% {
    transform: translate(0px, -18px);
    -webkit-transform: translate(0px, -18px);
    -o--transform: translate(0px, -18px);
    -mz-transform: translate(0px, -18px);
    -ms-transform: translate(0px, -18px); } }

@keyframes tlt-mytwo {
  0% {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o--transform: translate(0px, 0px);
    -mz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px); }
  100% {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
    -o--transform: translate(0px, -10px);
    -mz-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px); } }

@keyframes tlt-mythree {
  0% {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o--transform: translate(0px, 0px);
    -mz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px); }
  100% {
    transform: translate(0px, -12px);
    -webkit-transform: translate(0px, -12px);
    -o--transform: translate(0px, -12px);
    -mz-transform: translate(0px, -12px);
    -ms-transform: translate(0px, -12px); } }

@keyframes tlt-myfour {
  0% {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o--transform: translate(0px, 0px);
    -mz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px); }
  100% {
    transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    -o--transform: translate(0px, -20px);
    -mz-transform: translate(0px, -20px);
    -ms-transform: translate(0px, -20px); } }

/* CSS Document */
html {
  scroll-behavior: smooth; }

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  font-style: normal;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -moz-user-focus: none;
  font-weight: normal; }

a {
  color: inherit;
  text-decoration: none !important;
  transition: all 0.4s ease;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -moz-user-focus: none; }

table {
  border-collapse: collapse; }

input,
button,
textarea {
  display: block;
  width: 100%;
  outline: none;
  border: none;
  background: none;
  transition: all 0.4s ease;
  font-family: 'PingFang SC', 'Source Han Sans CN', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial'; }

input:-internal-autofill-selected {
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s !important; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #262626; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #262626; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #262626; }

input::-ms-input-placeholder,
textarea::-moz-placeholder {
  color: #262626; }

input.white::-webkit-input-placeholder,
textarea.white::-webkit-input-placeholder {
  color: #fff; }

input.white::-moz-placeholder,
textarea.white::-moz-placeholder {
  color: #fff; }

input.white::-moz-placeholder,
textarea.white::-moz-placeholder {
  color: #fff; }

input.white::-ms-input-placeholder,
textarea.white::-ms-input-placeholder {
  color: #fff; }

a {
  color: #000; }

.pc-block {
  display: inline-block !important; }

@media only screen and (max-width: 1200px), only screen and (max-width: 768px), only screen and (min-width: 320px) and (max-width: 767px) {
  .pc-block {
    display: none !important; } }

.app-block {
  display: none !important; }

@media only screen and (max-width: 1200px), only screen and (max-width: 768px), only screen and (min-width: 320px) and (max-width: 767px) {
  .app-block {
    display: inline-block !important; } }

/*浮动样式*/
.cl {
  HEIGHT: 0px;
  CLEAR: both; }

.fl {
  FLOAT: left; }

.fr {
  FLOAT: right; }

.c {
  *zoom: 1; }

.c:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

/*弹性布局*/
.flexfs2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start; }

.flexfsc {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center; }

.flexfec {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center; }

.flexfsfe {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end; }

.flexfssb {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between; }

.flexfesb {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between; }

.flexfefs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start; }

.flexcc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.flexcfs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; }

.flexcfe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end; }

.flexcsb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }

.flexsc {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center; }

.flexsfs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start; }

.flexsfe {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end; }

.flexssb {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between; }

.gridc {
  display: grid;
  align-content: center; }

.col-white {
  color: #fff; }

.col-black {
  color: #262626; }

.col-site {
  color: #0A913D; }

.bgw {
  background: #fff; }

.bgb {
  background: #333; }

.bgh {
  background: #f5f5f5; }

.bgsite {
  background: #0A913D; }

.txt-c {
  text-align-last: center; }

.txt-r {
  text-align: right; }

.pic {
  display: block;
  overflow: hidden; }

.ctitle {
  display: block; }

.arrow {
  transform: rotateY(180deg); }

.img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/*----------------------------------------*/
/*  Header
/*----------------------------------------*/
/*公共底部*/
.footer {
  background: #252525;
  position: relative;
  z-index: 0;
  background-size: cover; }
  .footer:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(img/bot.png) repeat center;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    opacity: .8; }

.foot {
  padding: 80px 0 60px; }
  .foot .left {
    max-width: 360px; }
    .foot .left img {
      height: 60px; }
    .foot .left h3 {
      font-size: 28px;
      margin: 40px 0 10px;
      line-height: 1.5; }
    .foot .left p {
      font-size: 16px;
      line-height: 1.5;
      color: #fff; }
  .foot .right dl {
    width: 300px; }
  .foot .right .list li {
    margin-right: 80px; }
  .foot .right .list li .top a,
  .foot .right .list dl dt {
    display: block;
    font-size: 16px;
    padding-bottom: 22px;
    position: relative;
    color: #fff; }
  .foot .right .list li .top a:before,
  .foot .right .list dl dt:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background: #00b8ff;
    display: none; }
  .foot .right .list li .top a:hover {
    color: #fff; }
  .foot .right .list li .top i {
    display: none; }
  .foot .right .list li .bottom a,
  .foot .right .list dl dd {
    display: block;
    font-size: 14px;
    line-height: 2;
    color: #7F7F7F; }
  .foot .right .list dl dd a {
    color: #7F7F7F; }
  .foot .right .list li .bottom a:hover,
  .foot .right .list dl dd a:hover {
    color: #fff; }
  .foot .qrcodeBox {
    float: left;
    display: flex;
    margin-top: 20px; }
    .foot .qrcodeBox .inner {
      margin-right: 60px;
      max-width: 90px; }
      .foot .qrcodeBox .inner p {
        text-align: center;
        font-size: 14px;
        margin-top: 8px; }

/*版权*/
.copyright {
  font-size: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #CDCDCD;
  padding: 40px 0; }
  .copyright a {
    color: #CDCDCD; }
    .copyright a:hover {
      color: #fff; }

/*返回顶部*/
.top-back {
  position: fixed;
  z-index: 999;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  bottom: 0px;
  right: 20px;
  transition: all 0.4s ease;
  opacity: 0;
  border-radius: 50%;
  cursor: pointer; }

.top-back:hover {
  background: #0A913D; }

.top-back.show {
  opacity: 1;
  bottom: 20px; }

/*swiper-pagination样式*/
.swiper-pagination {
  width: 100%;
  font-size: 0;
  position: unset !important; }

.swiper-pagination span.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: none;
  border-radius: 0;
  opacity: 1;
  position: relative;
  border: 1px solid #fff;
  margin: 0 10px; }

.swiper-pagination span.swiper-pagination-bullet:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease;
  background: #fff; }

.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: translate(-50%, -50%) scale(1); }

/*swiper按钮样式*/
.swiper-button-prev, .swiper-button-next {
  position: unset !important;
  background: none !important;
  transition: all 0.4s ease;
  margin-top: 0 !important; }

@media only screen and (max-width: 1600px) {
  /*公共底部*/
  .footer .foot {
    padding: 70px 0 60px; }
  .footer .foot .left img {
    height: 50px; }
  .footer .foot .left {
    max-width: 320px; }
  .footer .foot .right .list li {
    margin-right: 60px; }
  .footer .foot .right .list li .top a,
  .footer .foot .right .list dl dt {
    padding-bottom: 20px;
    margin-bottom: 16px; } }

@media only screen and (max-width: 1440px) {
  /*公共底部*/
  .footer .foot {
    padding: 60px 0 50px; }
  .footer .foot .left h3 {
    font-size: 24px;
    margin: 30px 0 10px; }
  .footer .foot .left {
    max-width: 280px; }
  .footer .foot .right .list li:nth-child(5) {
    display: none; }
  .footer .foot .right .list li .top a,
  .footer .foot .right .list dl dt {
    font-size: 15px;
    padding-bottom: 20px;
    margin-bottom: 16px; }
  .foot .right .list li .bottom a, .foot .right .list dl dd {
    line-height: 1.5; }
  /*版权*/
  .copyright {
    padding: 30px 0; }
  /*返回顶部*/
  .top-back {
    width: 40px;
    height: 40px;
    right: 10px; }
  .top-back svg {
    width: 24px;
    height: 24px; } }

@media only screen and (max-width: 1200px) {
  /*公共底部*/
  .footer .foot {
    padding: 60px 0 50px; }
  .footer .foot .left .logo {
    position: relative;
    padding-left: 240px; }
  .footer .foot .left .logo a {
    position: absolute;
    left: 0;
    top: 0; }
  .footer .foot .left img {
    height: 60px; }
  .footer .foot .left h3 {
    font-size: 18px;
    margin: 0 0 10px; }
  .footer .foot .left p {
    font-size: 14px;
    line-height: 22px; }
  .footer .foot .left {
    max-width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 30px;
    margin-bottom: 40px; }
  .footer .foot .right {
    width: 100%; }
  .footer .foot .right .list {
    justify-content: space-between; }
  .footer .foot .right .list li {
    margin-right: 0; }
  .footer .foot .right .list li:nth-child(5) {
    display: block; }
  .footer .foot .right .list li .top a,
  .footer .foot .right .list dl dt {
    font-size: 14px; }
  .footer .foot .right .list li .bottom a,
  .footer .foot .right .list dl dd {
    display: block;
    font-size: 12px;
    line-height: 1.4; }
  .copyright {
    font-size: 12px; }
  /*swiper-pagination样式*/
  .swiper-pagination span.swiper-pagination-bullet {
    width: 10px;
    height: 10px; }
  .swiper-pagination span.swiper-pagination-bullet:before {
    width: 4px;
    height: 4px; } }

@media only screen and (max-width: 959px) {
  /*公共底部*/
  .footer .foot {
    padding: 50px 0 40px; }
  .footer .foot .left img {
    height: 50px; }
  .footer .foot .right .list li:nth-child(5) {
    display: none; }
  .copyright {
    font-size: 12px; } }

@media only screen and (max-width: 767px) {
  /*公共底部*/
  .footer .foot {
    padding: 40px 0 30px; }
  .footer .foot .left {
    padding-bottom: 24px;
    margin-bottom: 0px; }
  .footer .foot .left .logo {
    padding-left: 0; }
  .footer .foot .left .logo a {
    display: none; }
  .footer .foot .left h3 {
    font-size: 18px;
    margin: 0 0 0px; }
  .footer .foot .left p {
    font-size: 14px;
    line-height: 26px; }
  .footer .foot .right .list li:nth-child(5) {
    display: block; }
  .footer .foot .right .list li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .footer .foot .right .list li .top {
    padding: 12px 0; }
  .footer .foot .right .list li .top a {
    font-size: 15px;
    padding-bottom: 0;
    margin-bottom: 0; }
  .footer .foot .right .list li .top a:before {
    display: none; }
  .footer .foot .right .list li .top i {
    display: block;
    width: 12px;
    height: 12px;
    position: relative; }
  .footer .foot .right .list li .top i:before,
  .footer .foot .right .list li .top i:after {
    content: "";
    background: #fff;
    position: absolute;
    transition: all 0.4s;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .footer .foot .right .list li .top i:before {
    width: 100%;
    height: 2px; }
  .footer .foot .right .list li .top i:after {
    width: 2px;
    height: 100%; }
  .footer .foot .right .list li .bottom {
    padding: 0 0 14px 0;
    display: none; }
  .footer .foot .right .list li .bottom a {
    line-height: 26px;
    margin-bottom: 6px;
    padding-left: 20px;
    position: relative;
    font-size: 14px; }
  .footer .foot .right .list li .bottom a:before {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #999;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s; }
  .footer .foot .right .list li .bottom a:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #999;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s; }
  .footer .foot .right .list li .top i.on {
    transform: rotate(135deg); }
  .footer .foot .right .list li .bottom a:hover {
    color: #00b8ff; }
  .footer .foot .right .list li .bottom a:hover:before {
    border-color: #00b8ff; }
  .footer .foot .right .list li .bottom a:hover:after {
    background: #00b8ff; }
  .footer .foot .right dl {
    margin-top: 30px; }
  .footer .foot .right .list dl dt {
    font-size: 15px;
    margin-bottom: 0px; }
  .footer .foot .right .list dl dd {
    display: block;
    font-size: 14px;
    line-height: 1.4; }
  /*版权*/
  .copyright {
    font-size: 14px;
    padding: 20px 0; }
  .copyright .left,
  .copyright .right {
    width: 100%; }
  .copyright span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.2;
    font-size: 12px; } }

/*Home Banner*/
.homebanner {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: -1;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  background: #252525; }
  .homebanner .container {
    max-width: 85%;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
  .homebanner .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .homebanner .video video {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 50%;
      left: 50%;
      z-index: -1;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      object-fit: cover;
      background-size: cover; }
  .homebanner .bg .pic {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    align-items: center;
    justify-content: center; }
  .homebanner .ban-box {
    position: relative;
    height: 100%; }
    .homebanner .ban-box ul li {
      position: relative;
      z-index: 0;
      background-size: cover !important;
      overflow: hidden; }
      .homebanner .ban-box ul li .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        background-size: cover !important;
        overflow: hidden;
        transition: all 5.6s cubic-bezier(0.04, 0.79, 1, 1) !important;
        transform: scale(1.1); }
      .homebanner .ban-box ul li .banbox {
        width: 100%;
        height: 100%;
        padding-top: 70px; }
        .homebanner .ban-box ul li .banbox h2 {
          font-size: 70px; }
          .homebanner .ban-box ul li .banbox h2 span {
            font-weight: bold;
            color: #00b8ff; }
        .homebanner .ban-box ul li .banbox h3 {
          font-size: 28px;
          margin: 30px 0 60px;
          line-height: 1.5; }
    .homebanner .ban-box ul li.swiper-slide-active .bg {
      transform: scale(1); }
    .homebanner .ban-box ul li.swiper-slide-active .banbox h2 {
      animation-name: fadeInUp;
      animation-duration: 1.2s;
      animation-delay: 0.2s;
      animation-fill-mode: both; }
    .homebanner .ban-box ul li.swiper-slide-active .banbox h3 {
      animation-name: fadeInUp;
      animation-duration: 1.2s;
      animation-delay: 0.4s;
      animation-fill-mode: both; }
    .homebanner .ban-box .morebtn {
      padding: 0 10px;
      width: 130px;
      margin: initial;
      background: #0B579F;
      border: 1px solid #0B579F;
      line-height: 50px;
      position: relative;
      border-radius: 4px;
      z-index: 0;
      color: #fff;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .homebanner .ban-box .morebtn:before {
        content: "";
        position: absolute;
        left: 50%;
        height: 100%;
        width: 0;
        top: 0;
        z-index: -1;
        transition: all 0.4s ease;
        opacity: 0;
        background: #0B3E8B; }
    .homebanner .ban-box .morebtn:hover {
      color: #fff;
      border: 1px solid #0b3e8b; }
      .homebanner .ban-box .morebtn:hover svg path {
        fill: #fff; }
      .homebanner .ban-box .morebtn:hover:before {
        width: 100%;
        left: 0;
        opacity: 1; }
    .homebanner .ban-box ul li.swiper-slide-active .banbox .morebtn {
      animation-name: fadeInUp;
      animation-duration: 1.2s;
      animation-delay: 0.6s;
      animation-fill-mode: both; }
  .homebanner .swiper-pagination {
    width: auto !important;
    position: absolute !important;
    display: flex;
    left: 8%;
    bottom: 8%;
    /* transform: translateY(-20%); */ }
  .homebanner .swiper-pagination span {
    display: block;
    /* margin: 20px 0 !important; */ }
  .homebanner .swiper-pagination span.swiper-pagination-bullet {
    width: 70px;
    height: 3px;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    position: relative;
    border: 0;
    margin: 0px;
    opacity: .4; }
  .homebanner .swiper-pagination span.swiper-pagination-bullet:before {
    display: none; }
  .homebanner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1; }
  .homebanner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: none; }
  .homebanner .slideBtn {
    width: 80px;
    position: absolute;
    left: auto;
    bottom: 8%;
    right: 220px; }
    @media only screen and (min-width: 1400px) and (max-width: 1679px) {
      .homebanner .slideBtn {
        right: 190px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
      .homebanner .slideBtn {
        right: 170px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .homebanner .slideBtn {
        right: 100px; } }
    .homebanner .slideBtn .switch {
      justify-content: flex-end; }
  .homebanner .slideBtn .swiper-button-prev {
    margin-bottom: 20px; }
  .homebanner .slideBtn .swiper-button-prev, .homebanner .slideBtn .swiper-button-next {
    background: white !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center; }
  .homebanner .slideBtn .swiper-button-next {
    background: #0B579F !important; }
  .homebanner .slideBtn .swiper-button-next svg path {
    fill: #fff; }
  .homebanner .slideBtn .swiper-button-prev:hover {
    background: #0B579F !important; }
  .homebanner .slideBtn .swiper-button-next:hover {
    background: #0B3E8B !important; }
  .homebanner .slideBtn .swiper-button-prev:hover svg path, .homebanner .slideBtn .swiper-button-next:hover svg path {
    fill: #fff; }

@media only screen and (min-width: 2560px) and (max-width: 3560px) {
  .ban-box {
    height: 100vh; }
  .swiper-pagination {
    /* transform: translateY(50%); */ } }

@media only screen and (max-width: 1680px) {
  .container {
    max-width: 90%; } }

@media only screen and (max-width: 1600px) {
  /*banner*/
  .homebanner .ban-box ul li .banbox h2 {
    font-size: 64px; }
  .homebanner .ban-box ul li .banbox h3 {
    font-size: 24px;
    margin: 30px 0 60px; }
  .homebanner .ban-box ul li .banbox a i {
    margin-left: 10px; }
  .homebanner .ban-box ul li .banbox a i svg {
    width: 15px;
    height: 15px; }
  .homebanner .swiper-pagination {
    right: 70px; } }

@media only screen and (max-width: 1440px) {
  /*banner*/
  .homebanner .ban-box ul li .banbox h2 {
    font-size: 54px; }
  .homebanner .ban-box ul li .banbox h3 {
    font-size: 20px;
    margin: 30px 0 50px; }
  .homebanner .ban-box ul li .banbox a {
    padding: 0 10px; }
  .homebanner .ban-box ul li .banbox a i {
    margin-left: 10px; }
  .homebanner .ban-box ul li .banbox a i svg {
    width: 14px;
    height: 14px; }
  .homebanner .swiper-pagination {
    right: 50px; } }

@media only screen and (max-width: 1280px) {
  /*banner*/
  .homebanner .ban-box ul li .banbox h2 {
    font-size: 45px; }
  .homebanner .ban-box ul li .banbox h2 {
    font-size: 42px; }
  .homebanner .ban-box ul li .banbox h3 {
    font-size: 18px;
    margin: 20px 0 40px; }
  .homebanner .ban-box ul li .banbox a i {
    margin-left: 10px; }
  .homebanner .ban-box ul li .banbox a i svg {
    width: 12px;
    height: 12px; }
  .homebanner .swiper-pagination {
    right: 60px; } }

@media only screen and (max-width: 959px) {
  /*banner*/
  .homebanner {
    height: 50vh; }
  .homebanner .container {
    margin-top: -8%; }
  .homebanner .ban-box ul li .banbox {
    padding-top: 60px; }
  .homebanner .ban-box ul li .banbox h2 {
    font-size: 32px; }
  .homebanner .ban-box ul li .banbox h3 {
    font-size: 14px;
    margin: 16px 0 20px; }
  .homebanner .ban-box ul li .banbox a i {
    margin-left: 15px; }
  .homebanner .swiper-pagination {
    right: 30px; }
  .homebanner .ban-box ul li .banbox a {
    width: 120px;
    line-height: 36px;
    font-size: 13px; }
  .homebanner .swiper-pagination span.swiper-pagination-bullet {
    width: 40px;
    height: 2px; }
  .homebanner .slideBtn {
    width: 30px; }
  .homebanner .swiper-button-prev {
    margin-bottom: 10px; }
  .homebanner .swiper-button-prev, .homebanner .swiper-button-next {
    width: 30px;
    height: 30px; }
  .homebanner .slideBtn svg {
    width: 8px;
    height: 8px; } }

@media only screen and (max-width: 767px) {
  /*banner*/
  .homebanner {
    height: 40vh; }
  .homebanner .container {
    max-width: 100%;
    padding: 0px 20px; }
  .homebanner .ban-box ul li .banbox {
    padding-top: 45px; }
  .homebanner .ban-box ul li .banbox h2 {
    font-size: 20px; }
  .homebanner .ban-box ul li .banbox h3 {
    font-size: 12px;
    margin: 12px 0 20px; }
  .homebanner .ban-box ul li .banbox a {
    width: 90px;
    line-height: 36px;
    padding: 0 20px; }
  .homebanner .ban-box ul li .banbox a span {
    font-size: 12px; }
  .homebanner .ban-box ul li .banbox a i {
    margin-left: 12px;
    display: none; }
  .homebanner .swiper-pagination {
    right: 16px; }
  .homebanner .swiper-pagination span {
    margin: 10px 0 !important; }
  .homebanner .slideBtn {
    display: none; }
  .homebanner .slideBtn .swiper-button-prev {
    margin-bottom: 10px; }
  .homebanner .swiper-pagination span.swiper-pagination-bullet {
    width: 30px;
    height: 2px; } }

/*Home*/
.d-flex {
  display: flex; }

.txt-gray {
  color: #333333 !important; }

.txt-blue {
  color: #014ea0 !important; }

.txt-green {
  color: #0a913d !important; }

/*模块大小标题*/
.wrapTitle {
  text-align: center;
  margin-bottom: 60px; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .wrapTitle {
      margin-bottom: 40px; } }
  .wrapTitle h2 {
    font-size: 42px;
    color: #014ea0;
    font-weight: 600;
    margin-bottom: 24px; }
  .wrapTitle h3 {
    font-size: 40px;
    color: #333;
    font-weight: 600; }
  .wrapTitle h4 {
    font-size: 28px;
    color: #333;
    font-weight: 600; }
  .wrapTitle h5 {
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px; }
  .wrapTitle h6,
  .wrapTitle p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4; }
  .wrapTitle p {
    font-size: 16px;
    width: 50%;
    margin: 0 auto;
    margin-top: 30px; }

/*轮播箭头*/
.slideBtn {
  width: 80px;
  position: absolute;
  left: auto;
  bottom: 8%;
  right: 5%; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .slideBtn {
      bottom: 2%; } }

.slideBtn .swiper-button-prev {
  margin-bottom: 20px; }

.slideBtn .swiper-button-prev, .slideBtn .swiper-button-next {
  background: white !important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
  align-items: center; }
  .slideBtn .swiper-button-prev:before, .slideBtn .swiper-button-next:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10; }

.slideBtn .swiper-button-next:hover,
.slideBtn .swiper-button-prev:hover {
  background: #0B579F !important; }

.slideBtn .swiper-button-prev:hover svg path, .slideBtn .swiper-button-next:hover svg path {
  fill: #fff; }

@media only screen and (max-width: 959px) {
  .slideBtn {
    width: 30px; }
  .slideBtn .swiper-button-prev {
    margin-bottom: 10px; }
  .slideBtn .swiper-button-prev, .slideBtn .swiper-button-next {
    width: 30px !important;
    height: 30px !important; }
  .slideBtn svg {
    width: 8px;
    height: 8px; } }

/*更多按钮*/
.morebtn {
  padding: 0 10px;
  width: 130px;
  background: #fff;
  border: 1px solid #808080;
  line-height: 50px;
  position: relative;
  border-radius: 4px;
  z-index: 0;
  color: #4d4d4d;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto; }
  .morebtn:before {
    content: '';
    position: absolute;
    left: 50%;
    height: 100%;
    width: 0;
    top: 0;
    z-index: -1;
    transition: all 0.4s ease;
    opacity: 0;
    background: #0b3e8b; }
  .morebtn i {
    margin-left: 10px; }

.morebtn:hover {
  color: #fff;
  border: 1px solid #0b3e8b; }
  .morebtn:hover svg path {
    fill: #fff; }
  .morebtn:hover:before {
    width: 100%;
    left: 0;
    opacity: 1; }

/* Tab选项卡 */
.tabNav {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .tabNav {
      margin-bottom: 20px;
      flex-wrap: wrap;
      padding: 10px 0; } }
  .tabNav a {
    display: inline-block;
    position: relative;
    z-index: 3;
    margin-right: 14px;
    width: 120px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    text-align: center;
    color: #000;
    font-size: 16px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .tabNav a {
        width: auto;
        height: auto;
        font-size: 14px;
        line-height: 1.5;
        overflow: initial;
        margin: 0px;
        padding: 0 10px;
        vertical-align: middle; } }
    .tabNav a:before {
      content: '';
      position: absolute;
      left: 50%;
      height: 100%;
      width: 0;
      top: 0;
      z-index: -1;
      transition: all 0.4s ease;
      opacity: 0;
      background: #0b3e8b; }
  .tabNav a:hover, .tabNav a.active {
    color: #fff;
    border-color: #0B3E8B;
    transition-delay: 0.1s; }
    .tabNav a:hover:before, .tabNav a.active:before {
      width: 100%;
      left: 0;
      opacity: 1; }

main {
  margin-top: 100vh; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    main {
      margin-top: 50vh; } }
  @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    main {
      margin-top: 40vh; } }

/*数字展馆*/
.exhibitionWrap {
  padding: 6% 0px 6% 0px;
  background: #fff;
  overflow: hidden; }
  .exhibitionWrap .wrapTitle {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .exhibitionWrap .wrapTitle {
        margin-bottom: 30px; } }
  .exhibitionWrap .tabNav {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .exhibitionWrap .tabNav {
        margin-bottom: 10px; } }
    .exhibitionWrap .tabNav a {
      color: #7F7F7F; }
    .exhibitionWrap .tabNav a.active {
      color: #fff; }
  .exhibitionWrap .container {
    max-width: 80%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
      .exhibitionWrap .container {
        max-width: 100%; } }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .exhibitionWrap .container {
        max-width: 100%; } }
  .exhibitionWrap .exhibitionCon {
    width: 90%;
    margin: 0 auto; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .exhibitionWrap .exhibitionCon {
        width: 100%;
        padding: 0 20px;
        margin: 0px; } }
  .exhibitionWrap .exhibitionItems {
    width: 100%;
    transition: all 0.4s ease;
    position: relative;
    opacity: 0;
    display: none;
    visibility: hidden; }
    .exhibitionWrap .exhibitionItems .listRow {
      width: 100%;
      margin: 0px; }
    .exhibitionWrap .exhibitionItems .imgInner {
      position: relative;
      overflow: hidden;
      margin-bottom: 40px; }
      .exhibitionWrap .exhibitionItems .imgInner .imgBox {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        display: block;
        border-radius: 10px; }
        .exhibitionWrap .exhibitionItems .imgInner .imgBox:before {
          content: "";
          width: 100%;
          height: 0;
          background: linear-gradient(-90deg, #0B579F, #0B579F);
          position: absolute;
          left: 0;
          top: 50%;
          z-index: 1;
          transition: all 0.4s ease;
          opacity: 0; }
        .exhibitionWrap .exhibitionItems .imgInner .imgBox img {
          width: 100%;
          border-radius: 10px; }
        .exhibitionWrap .exhibitionItems .imgInner .imgBox .linkCon {
          position: absolute;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          width: 100%;
          top: 0px;
          text-align: center;
          flex-direction: column;
          z-index: 100;
          color: #fff;
          opacity: 0;
          visibility: hidden;
          padding: 0px 10%;
          transition: all 0.4s ease 0.1s; }
          .exhibitionWrap .exhibitionItems .imgInner .imgBox .linkCon h6 {
            color: #fff;
            margin-bottom: 20px;
            font-size: 18px; }
            @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
              .exhibitionWrap .exhibitionItems .imgInner .imgBox .linkCon h6 {
                font-size: 16px; } }
            @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
              .exhibitionWrap .exhibitionItems .imgInner .imgBox .linkCon h6 {
                font-size: 15px; } }
          .exhibitionWrap .exhibitionItems .imgInner .imgBox .linkCon p {
            color: #fff;
            font-size: 14px;
            line-height: 1.5;
            text-align: center;
            margin-bottom: 10px; }
            @media only screen and (min-width: 1200px) and (max-width: 1399px) {
              .exhibitionWrap .exhibitionItems .imgInner .imgBox .linkCon p {
                font-size: 12px;
                line-height: 1.2; } }
            @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
              .exhibitionWrap .exhibitionItems .imgInner .imgBox .linkCon p {
                display: none; } }
      .exhibitionWrap .exhibitionItems .imgInner .intro {
        width: calc(100% - 30px);
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 100;
        background: rgba(11, 87, 159, 0.8);
        bottom: 0px;
        border-radius: 10px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        visibility: visible;
        opacity: 1;
        transition: all 0.4s ease; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .exhibitionWrap .exhibitionItems .imgInner .intro {
            width: 100%; } }
        .exhibitionWrap .exhibitionItems .imgInner .intro .title {
          font-size: 18px;
          color: #fff;
          font-weight: bold;
          text-align: center; }
          @media only screen and (min-width: 1400px) and (max-width: 1679px) {
            .exhibitionWrap .exhibitionItems .imgInner .intro .title {
              font-size: 18px; } }
          @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
            .exhibitionWrap .exhibitionItems .imgInner .intro .title {
              font-size: 16px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .exhibitionWrap .exhibitionItems .imgInner .intro .title {
              font-size: 14px; } }
      .exhibitionWrap .exhibitionItems .imgInner:hover img {
        transform: scale(1.1); }
      .exhibitionWrap .exhibitionItems .imgInner:hover .linkCon {
        visibility: visible;
        opacity: 1; }
      .exhibitionWrap .exhibitionItems .imgInner:hover .intro {
        visibility: hidden;
        opacity: 0; }
      .exhibitionWrap .exhibitionItems .imgInner:hover .imgBox:before {
        top: 0;
        height: 100%;
        opacity: 0.8; }
  .exhibitionWrap .exhibitionItems.show {
    opacity: 1;
    visibility: visible;
    display: block; }
  .exhibitionWrap .exhibitionItems.appShow {
    display: none; }
  @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .exhibitionWrap .exhibitionItems.appShow.show {
      display: block !important; } }
  .exhibitionWrap .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center; }
  .exhibitionWrap .swiper-pagination {
    margin-top: 20px; }
  .exhibitionWrap .swiper-pagination span.swiper-pagination-bullet {
    border: 1px solid #0b3e8b; }
  .exhibitionWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0b3e8b; }

/*多媒体展项*/
.multimediaWrap {
  padding: 6% 0px 0px 0px;
  background: #F1F1F1;
  overflow: hidden; }
  .multimediaWrap .wrapTitle {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .multimediaWrap .wrapTitle {
        margin-bottom: 20px; } }
  .multimediaWrap .tabNav {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .multimediaWrap .tabNav {
        margin-bottom: 20px; } }
    .multimediaWrap .tabNav a {
      color: #7F7F7F; }
    .multimediaWrap .tabNav a.active {
      color: #fff; }
  .multimediaWrap .multimediaCon {
    position: relative; }
  .multimediaWrap .swiper-wrapper {
    margin-left: -16%; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .multimediaWrap .swiper-wrapper {
        margin-left: 0%; } }
  .multimediaWrap .slideBtn {
    display: none; }
  .multimediaWrap .multimediaItems {
    width: 100%;
    opacity: 0;
    display: none;
    visibility: hidden;
    transition: all 0.4s ease;
    position: relative; }
    .multimediaWrap .multimediaItems .swiper-slide {
      position: relative; }
    .multimediaWrap .multimediaItems .multimediaInner {
      width: 25%;
      position: relative;
      border-radius: 6px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .multimediaWrap .multimediaItems .multimediaInner {
          width: 100%;
          margin-bottom: 40px; } }
      .multimediaWrap .multimediaItems .multimediaInner img {
        width: 100%; }
      .multimediaWrap .multimediaItems .multimediaInner .img {
        position: relative;
        overflow: hidden; }
      .multimediaWrap .multimediaItems .multimediaInner .intro {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 100;
        top: auto;
        background: rgba(11, 87, 159, 0.8);
        bottom: 0px; }
        .multimediaWrap .multimediaItems .multimediaInner .intro .title {
          font-size: 18px;
          color: #fff;
          font-weight: bold;
          text-align: center; }
          @media only screen and (min-width: 1400px) and (max-width: 1679px) {
            .multimediaWrap .multimediaItems .multimediaInner .intro .title {
              font-size: 18px; } }
          @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
            .multimediaWrap .multimediaItems .multimediaInner .intro .title {
              font-size: 16px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .multimediaWrap .multimediaItems .multimediaInner .intro .title {
              font-size: 14px; } }
      .multimediaWrap .multimediaItems .multimediaInner:hover img {
        transform: scale(1.1); }
  .multimediaWrap .multimediaItems.show {
    opacity: 1;
    visibility: visible;
    display: block; }

/*数字内容制作*/
.digitalWrap {
  padding: 6% 0px;
  background: #fff; }
  .digitalWrap .container {
    max-width: 80%; }
    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
      .digitalWrap .container {
        max-width: 90%; } }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .digitalWrap .container {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
        margin: 0px; } }
  .digitalWrap .wrapTitle {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .digitalWrap .wrapTitle {
        margin-bottom: 20px; } }
  .digitalWrap .digitalList {
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 40px;
    gap: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .digitalWrap .digitalList {
        flex-direction: column; } }
    .digitalWrap .digitalList .digitalInner {
      width: 25%;
      position: relative;
      border-radius: 6px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .digitalWrap .digitalList .digitalInner {
          width: 100%;
          margin-bottom: 30px; } }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .digitalWrap .digitalList .digitalInner {
          width: 100%;
          margin-bottom: 0px; } }
      .digitalWrap .digitalList .digitalInner img {
        width: 100%; }
        @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .digitalWrap .digitalList .digitalInner img {
            width: 100%;
            height: 240px;
            object-fit: cover; } }
      .digitalWrap .digitalList .digitalInner .img {
        position: relative;
        overflow: hidden; }
      .digitalWrap .digitalList .digitalInner .intro {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 100;
        top: auto;
        background: rgba(11, 87, 159, 0.8);
        bottom: 0px; }
        .digitalWrap .digitalList .digitalInner .intro .title {
          font-size: 18px;
          color: #fff;
          font-weight: bold;
          text-align: center; }
          @media only screen and (min-width: 1400px) and (max-width: 1679px) {
            .digitalWrap .digitalList .digitalInner .intro .title {
              font-size: 18px; } }
          @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
            .digitalWrap .digitalList .digitalInner .intro .title {
              font-size: 16px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .digitalWrap .digitalList .digitalInner .intro .title {
              font-size: 14px; } }
      .digitalWrap .digitalList .digitalInner:hover img {
        transform: scale(1.1); }

/*科普项目*/
.scienceWrap {
  padding: 6% 0px 0px 0px;
  background: #F1F1F1;
  overflow: hidden; }
  .scienceWrap .wrapTitle {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .scienceWrap .wrapTitle {
        margin-bottom: 20px; } }
  .scienceWrap .tabNav {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .scienceWrap .tabNav {
        margin-bottom: 20px; } }
    .scienceWrap .tabNav a {
      color: #7F7F7F; }
    .scienceWrap .tabNav a.active {
      color: #fff; }
  .scienceWrap .scienceCon {
    position: relative; }
  .scienceWrap .scienceItems {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    position: relative;
    display: none; }
    .scienceWrap .scienceItems .swiper-slide {
      position: relative; }
      .scienceWrap .scienceItems .swiper-slide .imgBox {
        position: relative; }
        .scienceWrap .scienceItems .swiper-slide .imgBox:before {
          width: 100%;
          height: 100%;
          content: '';
          position: absolute;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0) 23.27%, #0B579F 85.23%);
          opacity: 0.7; }
        .scienceWrap .scienceItems .swiper-slide .imgBox img {
          width: 100%;
          max-height: 630px;
          object-fit: cover; }
          @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .scienceWrap .scienceItems .swiper-slide .imgBox img {
              height: 270px; } }
      .scienceWrap .scienceItems .swiper-slide .txtBox {
        width: 40%;
        position: absolute;
        left: 10%;
        border-left: 1px solid #fff;
        padding: 0px;
        padding-left: 50px;
        bottom: 60px;
        color: #fff; }
        @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .scienceWrap .scienceItems .swiper-slide .txtBox {
            width: 60%;
            padding-left: 20px;
            bottom: 20px; } }
        .scienceWrap .scienceItems .swiper-slide .txtBox a {
          color: #fff; }
        .scienceWrap .scienceItems .swiper-slide .txtBox h5 {
          font-size: 30px;
          line-height: 1.5;
          margin-bottom: 40px; }
          @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .scienceWrap .scienceItems .swiper-slide .txtBox h5 {
              font-size: 18px;
              margin: 0px; } }
        .scienceWrap .scienceItems .swiper-slide .txtBox p {
          font-size: 18px;
          line-height: 1.5; }
          @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .scienceWrap .scienceItems .swiper-slide .txtBox p {
              display: none; } }
  .scienceWrap .scienceItems.show {
    opacity: 1;
    visibility: visible;
    display: block; }

/*资质与荣誉*/
.honorWrap {
  padding: 6% 0px;
  background: #fff; }
  .honorWrap .container {
    max-width: 80%; }
    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
      .honorWrap .container {
        max-width: 90%; } }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .honorWrap .container {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
        margin: 0px; } }
  @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .honorWrap .listContent {
      width: 100%;
      overflow: hidden; } }
  .honorWrap .listContent .row {
    display: flex; }
  .honorWrap .listContent .swiper-wrapper {
    width: 100%; }
  .honorWrap .listContent .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center; }
  .honorWrap .listContent .swiper-pagination {
    margin-top: 20px; }
  .honorWrap .listContent .swiper-pagination span.swiper-pagination-bullet {
    border: 1px solid #0b3e8b; }
  .honorWrap .listContent .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0b3e8b; }
  .honorWrap .listContent.mShow {
    display: none;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .honorWrap .listContent.mShow {
        display: inline-block; } }
  .honorWrap .honorInner {
    height: 240px;
    border-radius: 6px;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px 40px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .honorWrap .honorInner {
        margin: 0px; } }
    .honorWrap .honorInner img {
      height: 80%; }

/*合作伙伴*/
.clientWrap {
  padding: 6% 0px;
  background: linear-gradient(180deg, #f1f1f1 0%, rgba(241, 241, 241, 0) 16.61%); }
  .clientWrap .content {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap; }
    .clientWrap .content .inner {
      width: 16.666%;
      padding-bottom: 30px; }
      .clientWrap .content .inner a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
    .clientWrap .content img {
      max-height: 100px;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      opacity: 0.5; }
      .clientWrap .content img:hover {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        opacity: 1; }

/*经营理念*/
.businessWrap {
  padding: 5% 0px 8% 0px;
  background: #f5f9fe; }
  .businessWrap .listBox {
    display: flex;
    justify-content: center;
    gap: 2%; }
  .businessWrap .picInner {
    position: relative;
    overflow: hidden;
    border-radius: 12px; }
    .businessWrap .picInner::before {
      position: absolute;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url(20141016104850608jpg);
      width: 100%;
      height: 100%;
      display: block;
      z-index: 8;
      content: ''; }
    .businessWrap .picInner .ptxt {
      width: 90%;
      line-height: 1.5;
      position: absolute;
      z-index: 10;
      left: 20px;
      bottom: 30px;
      transition: all 0.4s ease;
      font-size: 14px;
      opacity: 1; }
      .businessWrap .picInner .ptxt h4 {
        font-size: 24px;
        color: #fff;
        font-weight: 600; }
      .businessWrap .picInner .ptxt span {
        padding-bottom: 10px;
        font-size: 21px;
        color: #fff;
        display: block; }
    .businessWrap .picInner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
      position: relative;
      top: 0px;
      z-index: 4; }
    .businessWrap .picInner:hover img {
      transform: scale(1.1); }

@media only screen and (max-width: 1600px) {
  .wrapTitle h3 {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 14px; }
  .homeprolist .proListh .proInner .proimg p {
    font-size: 13px; } }

@media only screen and (max-width: 1280px) {
  .homeprolist .wrapTitle h6 {
    color: #000000;
    font-size: 24px; }
  .homeprolist .proListh .proInner .proimg h5 {
    font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .wrapTitle {
    margin-bottom: 20px; }
  .wrapTitle h6,
  .wrapTitle p {
    width: 90%;
    font-size: 14px;
    margin: 0 auto; }
  .wrapTitle h3 {
    font-size: 16px;
    width: 80%;
    margin: 0 auto; }
  .wrapTitle h5 {
    margin-bottom: 10px; }
  .tabNav a {
    padding-top: 5px;
    padding-bottom: 5px; }
  .exhibitionWrap .container {
    padding: 0px; }
  .exhibitionWrap .exhibitionItems .imgInner {
    padding: 0px;
    margin-bottom: 20px; }
  .exhibitionWrap .exhibitionItems .listRow .col-lg-12 {
    padding: 0px; }
  .scienceWrap, .honorWrap {
    padding-top: 15%;
    padding-bottom: 15%; }
  .scienceWrap {
    padding-bottom: 0%; }
  .exhibitionWrap, .digitalWrap, .clientWrap,
  .businessWrap {
    padding: 15% 0px;
    padding-top: 10%;
    padding-bottom: 10%; }
  .businessWrap {
    padding: 15% 0px;
    padding-top: 10%;
    padding-bottom: 5%; }
  .clientWrap .content .inner {
    width: 33.3333%;
    padding: 0px 4px;
    height: auto;
    display: flex; }
  .clientWrap .content {
    gap: 0%;
    flex-wrap: wrap;
    padding-bottom: 0px; }
  .businessWrap .picInner .ptxt h4 {
    font-size: 14px; }
  .businessWrap .listBox {
    flex-direction: column; }
  .businessWrap .picInner {
    margin-bottom: 20px; }
  .homeprolist .wrapTitle h6 {
    font-size: 18px; }
  .homeprolist .wrapTitle h6 br {
    display: none; }
  .homeprolist .proListh {
    flex-direction: column; }
  .homeprolist .proListh .proInner {
    width: 100%;
    margin-bottom: 0px; }
  .homeprolist .proListh .proInner .proimg h5 {
    font-size: 18px;
    padding: 20px 0px;
    color: #000; }
  .homeprolist .morelink {
    margin-top: 20px;
    margin-bottom: 30px; }
  .wrapTitle h2 {
    font-size: 32px; } }

/* Pages */
body.pageContent main {
  margin: 0px; }

body.pageContent .pcheader .pcnav .nav li.on > a h3 {
  color: #0b579f; }

body.pageContent .nytop {
  position: relative;
  margin-top: 100px; }
  @media only screen and (max-width: 1280px) {
    body.pageContent .nytop {
      margin-top: 90px; } }
  @media only screen and (max-width: 1120px) {
    body.pageContent .nytop {
      margin-top: 70px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    body.pageContent .nytop {
      margin-top: 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    body.pageContent .nytop {
      margin-top: 0px; } }
  body.pageContent .nytop .container {
    max-width: 86%;
    padding: 0px 25px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      body.pageContent .nytop .container {
        max-width: 100%;
        padding: 0px 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    body.pageContent .nytop .bg .item {
      background-position: center 0px;
      background-size: cover !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    body.pageContent .nytop .title {
      margin-top: 40px;
      padding-left: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    body.pageContent .nytop .title p {
      margin-bottom: 10px;
      font-size: 16px; } }

body.pageContent .introWrap {
  margin: 0px 8%;
  background: #f1f1f1;
  padding: 60px 5%;
  text-align: center;
  position: relative;
  margin-bottom: 40px; }
  body.pageContent .introWrap .topLeft {
    color: #0b579f;
    font-size: 60px;
    position: absolute;
    left: 2%; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      body.pageContent .introWrap .topLeft {
        left: -20px;
        top: 25px; } }
  body.pageContent .introWrap .bottomRight {
    color: #0b579f;
    font-size: 60px;
    position: absolute;
    bottom: 0px;
    right: 2%; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      body.pageContent .introWrap .bottomRight {
        right: -20px; } }
  body.pageContent .introWrap p {
    color: #333333;
    font-size: 18px;
    text-align: center;
    line-height: 1.5; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      body.pageContent .introWrap p {
        font-size: 14px; } }

/*数字展览列表*/
.pageExhibition {
  padding-top: 4%; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pageExhibition {
      padding-top: 40px; } }
  .pageExhibition .exhibitionCon {
    max-width: 86%; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageExhibition .exhibitionCon {
        max-width: 100%; } }
  .pageExhibition .container {
    max-width: 100%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageExhibition .container {
        padding: 0px; } }
  .pageExhibition .exhibitionItems .imgInner {
    overflow: inherit; }
  .pageExhibition .exhibitionItems .imgInner .imgBox {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); }
  .pageExhibition .exhibitionItems .imgInner .imgBox img {
    width: 100%;
    border-radius: 10px;
    height: 360px;
    object-fit: cover; }
    @media only screen and (min-width: 1400px) and (max-width: 1679px), only screen and (min-width: 1200px) and (max-width: 1399px) {
      .pageExhibition .exhibitionItems .imgInner .imgBox img {
        height: 320px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
      .pageExhibition .exhibitionItems .imgInner .imgBox img {
        height: 300px; } }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageExhibition .exhibitionItems .imgInner .imgBox img {
        height: 240px; } }
  .pageExhibition .exhibitionItems .imgInner .intro {
    background: white; }
    .pageExhibition .exhibitionItems .imgInner .intro .title {
      color: #000;
      font-size: 16px; }
  .pageExhibition .remInner {
    width: 100%;
    display: flex;
    background: #f1f1f1;
    border-radius: 10px;
    margin-bottom: 40px;
    min-height: 400px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageExhibition .remInner {
        flex-direction: column;
        min-height: 300px;
        margin-bottom: 20px; } }
    .pageExhibition .remInner .cardTxt {
      width: 50%;
      text-align: left;
      padding-left: 40px;
      padding-top: 60px;
      padding-right: 60px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .pageExhibition .remInner .cardTxt {
          width: 100%;
          padding-left: 40px;
          padding-top: 40px;
          padding-right: 40px; } }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageExhibition .remInner .cardTxt {
          width: 100%;
          padding-left: 20px;
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px; } }
      .pageExhibition .remInner .cardTxt a {
        color: #333333; }
      .pageExhibition .remInner .cardTxt h5 {
        font-size: 24px;
        margin-bottom: 40px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
          .pageExhibition .remInner .cardTxt h5 {
            font-size: 21px;
            margin-bottom: 20px; } }
        @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageExhibition .remInner .cardTxt h5 {
            font-size: 18px;
            margin-bottom: 20px; } }
      .pageExhibition .remInner .cardTxt p {
        font-size: 16px;
        margin-bottom: 40px;
        line-height: 1.5; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageExhibition .remInner .cardTxt p {
            font-size: 14px;
            margin-bottom: 20px;
            line-height: 1.4; } }
      .pageExhibition .remInner .cardTxt .morebtn {
        margin: initial;
        background: #0b3e8b;
        border: none; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageExhibition .remInner .cardTxt .morebtn {
            padding: 0 10px;
            width: 110px;
            line-height: 36px;
            font-size: 12px; } }
        .pageExhibition .remInner .cardTxt .morebtn span {
          color: #fff; }
    .pageExhibition .remInner .cardImg {
      width: 50%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .pageExhibition .remInner .cardImg {
          width: 100%; } }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageExhibition .remInner .cardImg {
          width: 100%;
          height: 210px;
          border-bottom-left-radius: 0px;
          border-bottom-right-radius: 0px; } }

/*联系我们*/
.pageContact {
  padding-top: 4%; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pageContact {
      padding-top: 40px; } }
  .pageContact .contactUsCon {
    max-width: 86%;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageContact .contactUsCon {
        max-width: 100%;
        padding: 0px 20px; } }
  .pageContact .container {
    max-width: 100%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageContact .container {
        padding: 0px; } }
  .pageContact .wrapTitle {
    padding-left: 15px;
    text-align: left; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageContact .wrapTitle {
        padding-left: 0px; } }
    .pageContact .wrapTitle h3 {
      font-size: 40px; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageContact .wrapTitle h3 {
          font-size: 32px;
          width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pageContact .col-lg-12 {
      padding: 0px 15px; } }
  .pageContact .remCard {
    display: flex;
    width: 100%;
    background: #f1f1f1;
    border-radius: 10px;
    margin-bottom: 40px;
    min-height: 400px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageContact .remCard {
        flex-direction: column;
        min-height: 300px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageContact .remCard {
        margin-bottom: 20px; } }
    .pageContact .remCard .cardTxt {
      width: 50%;
      text-align: left;
      padding-left: 40px;
      padding-top: 50px;
      padding-right: 60px;
      color: #4d4d4d; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pageContact .remCard .cardTxt {
          width: 100%;
          padding-left: 40px;
          padding-top: 40px;
          padding-right: 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageContact .remCard .cardTxt {
          width: 100%;
          padding-left: 20px;
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px; } }
      .pageContact .remCard .cardTxt a {
        color: #4d4d4d; }
      .pageContact .remCard .cardTxt h5 {
        color: #333333;
        font-size: 30px;
        margin-bottom: 30px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .pageContact .remCard .cardTxt h5 {
            font-size: 24px;
            margin-bottom: 20px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageContact .remCard .cardTxt h5 {
            font-size: 21px;
            margin-bottom: 20px; } }
      .pageContact .remCard .cardTxt h6 {
        color: #333333;
        font-size: 20px;
        margin-bottom: 10px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageContact .remCard .cardTxt h6 {
            font-size: 16px;
            margin-bottom: 10px; } }
      .pageContact .remCard .cardTxt p {
        color: #4d4d4d;
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 1.8; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageContact .remCard .cardTxt p {
            font-size: 14px;
            margin-bottom: 20px;
            line-height: 1.8; } }
      .pageContact .remCard .cardTxt .morebtn {
        margin: initial;
        background: #f1f1f1; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageContact .remCard .cardTxt .morebtn {
            padding: 0 10px;
            width: 110px;
            line-height: 36px;
            font-size: 12px; } }
        .pageContact .remCard .cardTxt .morebtn span {
          color: #4d4d4d; }
        .pageContact .remCard .cardTxt .morebtn:hover span {
          color: #fff; }
    .pageContact .remCard .cardImg {
      width: 50%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageContact .remCard .cardImg {
          width: 100%;
          height: 240px; } }
  .pageContact .innerCon {
    background: #f2f2f2;
    padding: 60px 40px;
    display: flex;
    margin-bottom: 40px;
    border-left: 4px solid #0b579f;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageContact .innerCon {
        padding: 30px 25px;
        border-left: none;
        border-radius: 0px; } }
    .pageContact .innerCon .innerTxt {
      width: 70%; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageContact .innerCon .innerTxt {
          width: 100%; } }
      .pageContact .innerCon .innerTxt h5 {
        color: #333333;
        font-size: 30px;
        margin-bottom: 20px;
        transition: all 0.2s ease-in; }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageContact .innerCon .innerTxt h5 {
            font-size: 21px; } }
      .pageContact .innerCon .innerTxt p {
        font-size: 16px;
        color: #4d4d4d;
        line-height: 1.8;
        transition: all 0.2s ease-in; }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageContact .innerCon .innerTxt p {
            font-size: 14px; } }
    .pageContact .innerCon .innerImg {
      width: 30%; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageContact .innerCon .innerImg {
          display: none; } }
      .pageContact .innerCon .innerImg img {
        transition: all 0.2s ease-in;
        max-height: 180px; }
    .pageContact .innerCon:hover {
      background: #0b579f; }
      .pageContact .innerCon:hover .innerTxt h5 {
        color: #fff; }
      .pageContact .innerCon:hover .innerTxt p {
        color: #fff; }
      .pageContact .innerCon:hover .innerImg img {
        opacity: 0.6; }

/*关于我们*/
.pageAbout {
  padding-top: 2%;
  overflow: inherit; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pageAbout {
      padding-top: 0%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pageAbout .container {
      max-width: 90%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pageAbout .aboutUsCon {
      padding-top: 60px; } }
  .pageAbout .aboutUsCon .aboutInfoWrap {
    margin-bottom: 100px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
      .pageAbout .aboutUsCon .aboutInfoWrap {
        margin-bottom: 60px; } }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .aboutUsCon .aboutInfoWrap {
        margin-bottom: 40px; } }
    .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox h6 {
      color: #333;
      font-size: 24px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox h6 {
          font-size: 21px; } }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox h6 {
          font-size: 16px; } }
    .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox h3 {
      font-size: 40px;
      color: #333333;
      margin-bottom: 40px; }
      @media only screen and (min-width: 1400px) and (max-width: 1679px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox h3 {
          font-size: 32px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox h3 {
          font-size: 28px; } }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox h3 {
          font-size: 28px;
          margin: 20px 0px; } }
    .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox p {
      color: #4d4d4d;
      font-size: 16px;
      line-height: 1.5; }
      @media only screen and (min-width: 1400px) and (max-width: 1679px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox p {
          font-size: 15px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox p {
          font-size: 14px; } }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .txtBox p {
          text-align: justify; } }
    .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList {
      margin-top: 40px; }
      .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .col-xl-4 {
        margin-bottom: 20px;
        padding-right: 0px;
        padding-left: 0px; }
        @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .col-xl-4 {
            padding-left: 15px; } }
      .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .aico {
        width: 50px;
        height: 50px;
        float: left; }
        @media only screen and (min-width: 1400px) and (max-width: 1679px), only screen and (min-width: 1200px) and (max-width: 1399px) {
          .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .aico {
            width: 40px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .aico {
            width: 40px; } }
      .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt {
        float: left;
        width: 76%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        @media only screen and (min-width: 1400px) and (max-width: 1679px), only screen and (min-width: 1200px) and (max-width: 1399px) {
          .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt {
            width: 68%;
            padding-left: 2%; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt {
            width: 68%;
            padding-left: 2%;
            margin-left: 10px; } }
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt h6 {
          color: #333333;
          font-size: 16px;
          margin-bottom: 8px; }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt h6 {
              font-size: 14px; } }
        .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt p {
          color: #7f7f7f;
          font-size: 13px;
          line-height: 1.8; }
          @media only screen and (min-width: 1400px) and (max-width: 1679px), only screen and (min-width: 1200px) and (max-width: 1399px) {
            .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt p {
              font-size: 12px;
              line-height: 1.5; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .pageAbout .aboutUsCon .aboutInfoWrap .infoCard .aboutIcoList .atxt p {
              font-size: 12px;
              line-height: 1.5; } }
    .pageAbout .aboutUsCon .aboutInfoWrap .infoImg {
      padding-left: 40px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .aboutInfoWrap .infoImg {
          padding-left: 0px; } }
      .pageAbout .aboutUsCon .aboutInfoWrap .infoImg img {
        border-radius: 10px; }
  .pageAbout .aboutUsCon .historyList {
    padding: 60px 0px;
    background: url(../images/historylist_bg.jpg) top center no-repeat;
    background-size: cover; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .aboutUsCon .historyList {
        padding: 40px 0px; } }
    .pageAbout .aboutUsCon .historyList .subTitle {
      color: #fff;
      font-size: 40px;
      margin-bottom: 40px;
      font-weight: bold;
      text-align: center; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .subTitle {
          text-align: left;
          padding-left: 20px;
          font-size: 32px; } }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2 {
      display: flex; }
    .pageAbout .aboutUsCon .historyList .listContent .hisInner {
      color: #fff;
      padding-right: 10px;
      padding-left: 10px;
      display: flex;
      flex-direction: column;
      border-left: 1px solid rgba(255, 255, 255, 0.5);
      padding-bottom: 40%; }
      @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1679px) {
        .pageAbout .aboutUsCon .historyList .listContent .hisInner {
          padding-right: 0px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .listContent .hisInner {
          padding-bottom: 8%;
          margin-bottom: 4%; } }
      .pageAbout .aboutUsCon .historyList .listContent .hisInner h5 {
        font-size: 24px;
        line-height: 1.5;
        position: relative;
        margin-top: -24px;
        font-family: 'pfdintextpro'; }
        .pageAbout .aboutUsCon .historyList .listContent .hisInner h5:before {
          left: -14px;
          top: 14px;
          position: absolute;
          width: 8px;
          height: 8px;
          background: #376485;
          border: 2px solid #fff;
          border-radius: 50%;
          content: ''; }
      .pageAbout .aboutUsCon .historyList .listContent .hisInner h4 {
        font-size: 20px;
        padding: 10px 0px 15px;
        line-height: 1.5; }
        @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1679px) {
          .pageAbout .aboutUsCon .historyList .listContent .hisInner h4 {
            font-size: 16px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .aboutUsCon .historyList .listContent .hisInner h4 {
            font-size: 16px; } }
      .pageAbout .aboutUsCon .historyList .listContent .hisInner p {
        font-size: 13px;
        line-height: 1.5; }
        @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1679px) {
          .pageAbout .aboutUsCon .historyList .listContent .hisInner p {
            font-size: 12px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .aboutUsCon .historyList .listContent .hisInner p {
            font-size: 14px;
            line-height: 1.8; } }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-last-of-type(1) .hisInner {
      padding-bottom: 0px;
      margin-bottom: 0px; }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(1) .hisInner {
      margin-top: 90%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(1) .hisInner {
          margin-top: 0%; } }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(2) .hisInner {
      margin-top: 65%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(2) .hisInner {
          margin-top: 0%; } }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(3) .hisInner {
      margin-top: 45%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(3) .hisInner {
          margin-top: 0%; } }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(4) .hisInner {
      margin-top: 25%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(4) .hisInner {
          margin-top: 0%; } }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(5) .hisInner {
      margin-top: 5%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(5) .hisInner {
          margin-top: 0%; } }
    .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(6) .hisInner {
      margin-top: 5%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .historyList .listContent .col-lg-2:nth-of-type(6) .hisInner {
          margin-top: 0%; } }
  .pageAbout .aboutUsCon .memorabiliaList {
    padding: 80px 0px; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .aboutUsCon .memorabiliaList {
        padding: 40px 0px; } }
    .pageAbout .aboutUsCon .memorabiliaList .subTitle {
      color: #333333;
      font-size: 40px;
      margin-bottom: 40px;
      font-weight: bold; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .aboutUsCon .memorabiliaList .subTitle {
          font-size: 32px;
          margin-bottom: 30px; } }
    .pageAbout .aboutUsCon .memorabiliaList .listContent {
      padding-left: 20px;
      border-left: 1px solid rgba(11, 87, 159, 0.4); }
    .pageAbout .aboutUsCon .memorabiliaList .listInner {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      margin-bottom: 20px;
      margin-top: 20px;
      padding-bottom: 20px; }
      .pageAbout .aboutUsCon .memorabiliaList .listInner h5 {
        font-size: 24px;
        color: #0b579f;
        margin-bottom: 10px;
        position: relative; }
        .pageAbout .aboutUsCon .memorabiliaList .listInner h5:before {
          left: -27px;
          top: 0px;
          position: absolute;
          width: 12px;
          height: 12px;
          background: #fff;
          border: 4px solid #0b579f;
          border-radius: 50%;
          content: ''; }
      .pageAbout .aboutUsCon .memorabiliaList .listInner p {
        font-size: 14px;
        color: #4d4d4d;
        line-height: 1.5; }
    .pageAbout .aboutUsCon .memorabiliaList .listInner:nth-last-of-type(1) {
      margin-bottom: 0px; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .pageAbout .honorList.row {
      flex-direction: column-reverse; } }
  .pageAbout .honorListContent .honorInner {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .honorListContent .honorInner {
        margin-bottom: 20px; } }
    .pageAbout .honorListContent .honorInner .innerImg {
      height: 240px;
      background: #f1f1f1;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      cursor: zoom-in; }
      .pageAbout .honorListContent .honorInner .innerImg img {
        max-height: 80%; }
    .pageAbout .honorListContent .honorInner .innerTxt {
      height: 40px;
      background: #fafafa;
      display: flex;
      align-items: center;
      justify-content: center; }
      .pageAbout .honorListContent .honorInner .innerTxt a {
        font-size: 16px;
        color: #333; }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .honorListContent .honorInner .innerTxt a {
            font-size: 14px; } }
  .pageAbout .honorPage .col-lg-6 {
    padding: 0px;
    margin: 0px; }
  .pageAbout .honorPage .honorMenu {
    background: #f9f9f9;
    overflow: hidden;
    height: 460px; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .honorPage .honorMenu {
        height: 420px; } }
  .pageAbout .honorPage .honorTxtCard {
    height: 270px;
    margin: 6% 6% 4% 6%;
    overflow-y: hidden; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .honorPage .honorTxtCard {
        height: 360px; } }
    .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item {
      height: 90px !important;
      cursor: pointer;
      position: relative; }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item {
          height: 70px !important; } }
      .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item:before {
        display: block;
        content: '';
        background: #dedede;
        height: calc(100%);
        width: 1px;
        position: absolute;
        left: 0px; }
      .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item .title {
        padding-left: 15px;
        padding-bottom: 10px;
        padding-top: 10px;
        position: relative; }
        .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item .title h5 {
          font-size: 20px;
          line-height: 1.5;
          color: #000;
          opacity: 0.5; }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item .title h5 {
              font-size: 16px; } }
        .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item .title p {
          font-size: 20px;
          color: #000;
          opacity: 0.5; }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .pageAbout .honorPage .honorTxtCard .swiper-wrapper .item .title p {
              font-size: 16px; } }
    .pageAbout .honorPage .honorTxtCard .swiper-wrapper .swiper-slide-thumb-active .title h5,
    .pageAbout .honorPage .honorTxtCard .swiper-wrapper .swiper-slide-thumb-active .title p {
      opacity: 1; }
    .pageAbout .honorPage .honorTxtCard .swiper-wrapper .swiper-slide-thumb-active .title:before {
      top: 0px;
      height: calc(100%);
      width: 1px;
      position: absolute;
      left: 0px;
      display: block;
      content: '';
      background: #0b579f; }
    .pageAbout .honorPage .honorTxtCard .swiper-slide {
      text-align: left;
      justify-content: flex-start; }
  .pageAbout .honorPage .swiper-arrow {
    margin-left: 6%;
    display: flex; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .honorPage .swiper-arrow {
        display: none; } }
    .pageAbout .honorPage .swiper-arrow .swiper-button-next {
      margin-right: 10px; }
    .pageAbout .honorPage .swiper-arrow .swiper-button-next,
    .pageAbout .honorPage .swiper-arrow .swiper-button-prev {
      background-color: #eaeef4 !important;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .honorPage .swiper-arrow .swiper-button-next,
        .pageAbout .honorPage .swiper-arrow .swiper-button-prev {
          width: 40px;
          height: 40px; } }
      .pageAbout .honorPage .swiper-arrow .swiper-button-next path,
      .pageAbout .honorPage .swiper-arrow .swiper-button-prev path {
        fill: #000000; }
      .pageAbout .honorPage .swiper-arrow .swiper-button-next:hover,
      .pageAbout .honorPage .swiper-arrow .swiper-button-prev:hover {
        background: #0b579f !important; }
        .pageAbout .honorPage .swiper-arrow .swiper-button-next:hover path,
        .pageAbout .honorPage .swiper-arrow .swiper-button-prev:hover path {
          fill: #fff; }
  .pageAbout .honorPage .imgCard {
    height: 460px;
    background: #edf0f3;
    overflow: hidden; }
    @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .pageAbout .honorPage .imgCard {
        height: 320px; } }
    .pageAbout .honorPage .imgCard li {
      display: flex;
      align-items: center;
      justify-content: center; }
      .pageAbout .honorPage .imgCard li img {
        max-height: 420px;
        width: auto; }
        @media only screen and (min-width: 1400px) and (max-width: 1679px), only screen and (min-width: 1200px) and (max-width: 1399px) {
          .pageAbout .honorPage .imgCard li img {
            max-height: 360px; } }
        @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .honorPage .imgCard li img {
            max-height: 240px; } }
  .pageAbout .inspectionContent {
    margin-top: 8%;
    overflow: hidden;
    position: relative; }
    .pageAbout .inspectionContent .wrapTitle {
      margin-bottom: 50px;
      position: relative;
      z-index: 200; }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .inspectionContent .wrapTitle {
          margin-bottom: 0px; } }
    .pageAbout .inspectionContent .imgBox {
      background: #f2f2f2; }
      .pageAbout .inspectionContent .imgBox p {
        color: #333333;
        font-size: 15px !important;
        padding: 10px 10px;
        text-align: left; }
        @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .inspectionContent .imgBox p {
            font-size: 12px !important; } }
    .pageAbout .inspectionContent .swiper-wrapper {
      height: 640px;
      position: relative; }
      @media only screen and (min-width: 2560px) and (max-width: 3840px) {
        .pageAbout .inspectionContent .swiper-wrapper {
          height: 780px; } }
      @media only screen and (min-width: 2156px) and (max-width: 2559px) {
        .pageAbout .inspectionContent .swiper-wrapper {
          height: 720px; } }
      @media only screen and (min-width: 1400px) and (max-width: 1679px) {
        .pageAbout .inspectionContent .swiper-wrapper {
          height: 480px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .pageAbout .inspectionContent .swiper-wrapper {
          height: 420px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .pageAbout .inspectionContent .swiper-wrapper {
          height: 420px; } }
      @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .pageAbout .inspectionContent .swiper-wrapper {
          height: 240px; } }
    .pageAbout .inspectionContent .swiper-slide {
      text-align: center;
      font-size: 16px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: 300ms;
      transform: scale(0.8); }
      .pageAbout .inspectionContent .swiper-slide .imgBox {
        background: #000; }
        .pageAbout .inspectionContent .swiper-slide .imgBox p {
          display: none; }
    .pageAbout .inspectionContent .swiper-slide.swiper-slide-prev {
      transform: translateX(50%) translateY(-10%) scale(0.8); }
      .pageAbout .inspectionContent .swiper-slide.swiper-slide-prev img {
        opacity: 0.6; }
    .pageAbout .inspectionContent .swiper-slide.swiper-slide-next {
      transform: translateX(-50%) translateY(-10%) scale(0.8); }
      .pageAbout .inspectionContent .swiper-slide.swiper-slide-next img {
        opacity: 0.6; }
    .pageAbout .inspectionContent .swiper-slide-active,
    .pageAbout .inspectionContent .swiper-slide-duplicate-active {
      transform: translateX(0%) scale(1.5);
      z-index: 100;
      padding-bottom: 5%; }
      .pageAbout .inspectionContent .swiper-slide-active .imgBox,
      .pageAbout .inspectionContent .swiper-slide-duplicate-active .imgBox {
        background: #f3f3f3; }
        .pageAbout .inspectionContent .swiper-slide-active .imgBox p,
        .pageAbout .inspectionContent .swiper-slide-duplicate-active .imgBox p {
          display: block; }
    .pageAbout .inspectionContent .swiper-arrow {
      margin-left: 0px;
      width: 100%;
      position: absolute;
      top: 45%;
      z-index: 1000;
      display: flex;
      justify-content: space-between; }
      .pageAbout .inspectionContent .swiper-arrow .swiper-button-next {
        margin-right: 10px; }
      .pageAbout .inspectionContent .swiper-arrow .swiper-button-next,
      .pageAbout .inspectionContent .swiper-arrow .swiper-button-prev {
        background-color: #eaeef4 !important;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .pageAbout .inspectionContent .swiper-arrow .swiper-button-next,
          .pageAbout .inspectionContent .swiper-arrow .swiper-button-prev {
            width: 40px;
            height: 40px; } }
        .pageAbout .inspectionContent .swiper-arrow .swiper-button-next path,
        .pageAbout .inspectionContent .swiper-arrow .swiper-button-prev path {
          fill: #000000; }
        .pageAbout .inspectionContent .swiper-arrow .swiper-button-next:hover,
        .pageAbout .inspectionContent .swiper-arrow .swiper-button-prev:hover {
          background: #0b579f !important; }
          .pageAbout .inspectionContent .swiper-arrow .swiper-button-next:hover path,
          .pageAbout .inspectionContent .swiper-arrow .swiper-button-prev:hover path {
            fill: #fff; }

/* Page Detail */
.detailShow {
  margin-top: 160px;
  padding-bottom: 80px; }
  @media only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .detailShow {
      margin-top: 80px; } }
  .detailShow .container {
    padding: 0px; }
  .detailShow .backToList {
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
    display: block; }
  .detailShow .row {
    margin: 0px; }
  .detailShow .pageLeftMenu {
    padding-left: 0px;
    padding-right: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .detailShow .pageLeftMenu {
        display: none; } }
    .detailShow .pageLeftMenu ul {
      box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.05);
      border-radius: 10px; }
      .detailShow .pageLeftMenu ul li {
        display: flex;
        align-items: center;
        padding-left: 30px;
        height: 60px;
        line-height: 1.5;
        border-bottom: 1px solid #e6e6e6; }
        .detailShow .pageLeftMenu ul li a {
          font-size: 18px;
          color: #333;
          width: 100%;
          font-size: 18px;
          color: #333;
          padding: 15px 0px; }
        .detailShow .pageLeftMenu ul li.on {
          background: #0b579f; }
          .detailShow .pageLeftMenu ul li.on a {
            color: #fff; }
  .detailShow .contentWrap {
    padding: 10px 30px 40px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);
    border-radius: 20px; }
  .detailShow .pageTitle {
    margin-top: 30px;
    text-align: center; }
    .detailShow .pageTitle h3 {
      font-size: 36px;
      line-height: 1.5;
      margin-bottom: 20px;
      color: #333333; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .detailShow .pageTitle h3 {
          font-size: 24px;
          line-height: 1.2; } }
    .detailShow .pageTitle .author {
      display: flex;
      align-items: center;
      justify-content: center; }
      .detailShow .pageTitle .author span {
        margin-right: 15px; }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .detailShow .pageTitle .author span {
            font-size: 14px; } }
  .detailShow .content {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin: 40px 0;
    padding: 30px 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .detailShow .content {
        margin: 30px 0;
        padding: 20px 0; } }
    .detailShow .content p {
      line-height: 2;
      padding: 5px 0;
      color: #000; }
    .detailShow .content .imgSlideshow {
      margin-top: 15px; }
      .detailShow .content .imgSlideshow li {
        margin-bottom: 15px; }
        .detailShow .content .imgSlideshow li img {
          margin: 0 auto; }
  .detailShow .prevNextBtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .detailShow .prevNextBtn a {
      display: block;
      font-size: 16px;
      line-height: 32px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.pageService .siderBar {
  padding: 0px;
  margin-top: 60px; }

.pageService .content {
  border-bottom: 0px; }
  .pageService .content video {
    width: 100%; }
  .pageService .content .imgSlideshow li {
    margin-bottom: 15px; }
    .pageService .content .imgSlideshow li img {
      margin: 0 auto; }

.siderBar {
  padding-left: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
    .siderBar {
      padding-left: 0px;
      margin-top: 40px; } }
  .siderBar .siderBarTitle {
    margin-bottom: 30px; }
    .siderBar .siderBarTitle h5 {
      font-size: 30px;
      color: #333;
      padding-left: 15px;
      position: relative; }
      .siderBar .siderBarTitle h5:before {
        width: 3px;
        height: 90%;
        position: absolute;
        display: block;
        background: #0b579f;
        content: '';
        left: 0px;
        top: 10%; }
  .siderBar .siderList .imgInner {
    position: relative;
    overflow: inherit;
    height: 320px;
    margin-bottom: 40px;
    background: #dcdcdc; }
    @media only screen and (min-width: 2560px) and (max-width: 3840px), only screen and (min-width: 2156px) and (max-width: 2559px) {
      .siderBar .siderList .imgInner {
        height: 360px; } }
    @media only screen and (min-width: 1921px) and (max-width: 2150px), only screen and (min-width: 1680px) and (max-width: 1750px) {
      .siderBar .siderList .imgInner {
        height: 320px; } }
    @media only screen and (min-width: 1400px) and (max-width: 1679px) {
      .siderBar .siderList .imgInner {
        height: 280px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
      .siderBar .siderList .imgInner {
        height: 210px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
      .siderBar .siderList .imgInner {
        height: 240px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
      .siderBar .siderList .imgInner {
        padding: 0px; } }
    .siderBar .siderList .imgInner .imgBox {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      display: block;
      border-radius: 10px;
      box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); }
      .siderBar .siderList .imgInner .imgBox:before {
        content: '';
        width: 100%;
        height: 0;
        background: linear-gradient(-90deg, #0b579f, #0b579f);
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transition: all 0.4s ease;
        opacity: 0; }
      .siderBar .siderList .imgInner .imgBox img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: cover; }
      .siderBar .siderList .imgInner .imgBox .linkCon {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        top: 0px;
        text-align: center;
        flex-direction: column;
        z-index: 100;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        padding: 0px 10%;
        transition: all 0.4s ease 0.1s; }
        .siderBar .siderList .imgInner .imgBox .linkCon h6 {
          color: #fff;
          margin-bottom: 20px;
          font-size: 18px; }
          @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
            .siderBar .siderList .imgInner .imgBox .linkCon h6 {
              font-size: 16px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .siderBar .siderList .imgInner .imgBox .linkCon h6 {
              font-size: 15px; } }
        .siderBar .siderList .imgInner .imgBox .linkCon p {
          color: #fff;
          font-size: 14px;
          line-height: 1.5;
          text-align: center;
          margin-bottom: 10px; }
          @media only screen and (min-width: 1200px) and (max-width: 1399px) {
            .siderBar .siderList .imgInner .imgBox .linkCon p {
              font-size: 12px;
              line-height: 1.2; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
            .siderBar .siderList .imgInner .imgBox .linkCon p {
              display: none; } }
    .siderBar .siderList .imgInner .intro {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      z-index: 100;
      background: rgba(11, 87, 159, 0.8);
      bottom: 0px;
      border-radius: 10px;
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
      visibility: visible;
      opacity: 1;
      transition: all 0.4s ease;
      background: white; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
        .siderBar .siderList .imgInner .intro {
          padding: 0px 20px;
          line-height: 1.5; } }
      .siderBar .siderList .imgInner .intro .title {
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center; }
        @media only screen and (min-width: 1400px) and (max-width: 1679px) {
          .siderBar .siderList .imgInner .intro .title {
            font-size: 18px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
          .siderBar .siderList .imgInner .intro .title {
            font-size: 16px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (min-width: 320px) and (max-width: 767px) {
          .siderBar .siderList .imgInner .intro .title {
            font-size: 14px;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; } }
    .siderBar .siderList .imgInner:hover img {
      transform: scale(1.1); }
    .siderBar .siderList .imgInner:hover .linkCon {
      visibility: visible;
      opacity: 1; }
    .siderBar .siderList .imgInner:hover .intro {
      visibility: hidden;
      opacity: 0; }
    .siderBar .siderList .imgInner:hover .imgBox:before {
      top: 0;
      height: 100%;
      opacity: 0.8; }

/*----------------------------------------*/
/*  Newslist
/*----------------------------------------*/