@charset "UTF-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch; }

/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none; }

/* 取消链接高亮  */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

/* 图片自适应 */
img {
  width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  display: block;
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/ }

/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box; 
    
}

body {
  font: .14px 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
  background-color: #fff; }

em,
i {
  font-style: normal; }

ul,
li {
  list-style-type: none; }

/*strong {*/
/*  font-weight: normal; }*/

table {
  border-collapse: collapse;
  border-spacing: 0; }

textarea {
  resize: none;
  /*禁用了文本的拖拉，尤其在谷歌下*/ }

p {
  word-wrap: break-word;
  /* 不够的单词自动换行 而不会被截掉 */ }

.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both; }

.clearfix {
  zoom: 1; }

a {
  text-decoration: none;
  color: #222222;
  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
  display: block;
}

a:hover {
  text-decoration: none; }

ul,
ol {
  list-style: none; }

/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6 {*/
/*  font-size: 100%;*/
/*  font-family: 'Microsoft YaHei';*/
/*  font-weight: normal; }*/

img {
  border: none; }

/*textarea,*/
/*input,*/
/*select,*/
/*button{*/
/*  font-family: 'Microsoft YaHei'; */
/*  outline: none;*/
/*}*/

/*单行溢出*/
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/*多行溢出 手机端使用*/
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical; }

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,
a:active,
a:visited,
a:hover {
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.overflow {
  overflow: hidden; }

.w50 {
  width: 50%; }

.w25 {
  width: 25%; }

.w20 {
  width: 20%; }

.w33 {
  width: 33.333333%; }

.fl {
  float: left; }

.fr {
  float: right; }

.db {
  display: block !important; }

.dn {
  display: none; }

input,textarea{
    outline: none;
}
/* 附加 */
.clearfix {
  clear: both;
  content: "";
  display: block;
  overflow: hidden; }

/*-------------公共小样式---------------*/
/*单行文本隐藏*/
/*多行文本隐藏*/
/*字体设置*/
/*渐变色背景*/
/*过渡动画*/
/*提示文字*/
.allHeader {
  width: 100%;
  height: 70px;
  transition: all .5s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .allHeader .headInfo {
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 100%;
    padding: 0 0 0 20px;
    margin: 0 auto;
      
  }
    .allHeader .headInfo .left img {
      width: 123px;
      height: 50px; }
    .allHeader .headInfo .left .logoWhite {
      display: block; }
    .allHeader .headInfo .left .logoBlack {
      display: none; }
    .allHeader .headInfo .middle {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1; }
      .allHeader .headInfo .middle .detail {
        margin: 0 40px;
        position: relative; }
        .allHeader .headInfo .middle .detail .deInfo {
          height: 70px;
          display: flex;
          align-items: center;
          font-size: 16px;
          color: #fff;
          font-weight: bold;
          cursor: pointer; }
          .allHeader .headInfo .middle .detail .deInfo .downWhite {
            display: block;
            width: 9px;
            height: 6px;
            margin-left: 4px; }
          .allHeader .headInfo .middle .detail .deInfo .downBlack {
            display: none;
            width: 9px;
            height: 6px;
            margin-left: 4px; }
        .allHeader .headInfo .middle .detail .dePop {
          position: absolute;
          top: 70px;
          left: 50%;
          width: 148px;
          margin-left: -74px;
          background: #fff;
          display: none; }
          .allHeader .headInfo .middle .detail .dePop .popInfo {
            line-height: 48px;
            text-align: center;
            font-size: 16px;
            color: #666; }
          .allHeader .headInfo .middle .detail .dePop .popActive {
            background: #202F5B;
            color: #fff; }
          .allHeader .headInfo .middle .detail .dePop .popInfo:hover {
            background: #202F5B;
            color: #fff; }
      .allHeader .headInfo .middle .detail:hover .dePop {
        display: block; }
    .allHeader .headInfo .right {
      display: flex;
      align-items: center; }
      .allHeader .headInfo .right .lan {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 222px;
        height: 70px;
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        font-size: 16px;
        color: #fff;
        position: relative;
        transition: all .5s; }
        .allHeader .headInfo .right .lan .earthWhite {
          display: block;
          width: 32px;
          height: 32px;
          margin-right: 8px; }
        .allHeader .headInfo .right .lan .earthBlack {
          display: none;
          width: 32px;
          height: 32px;
          margin-right: 8px; }
        .allHeader .headInfo .right .lan .downWhite {
          display: block;
          width: 9px;
          height: 6px;
          margin-left: 8px; }
        .allHeader .headInfo .right .lan .downBlack {
          display: none;
          width: 9px;
          height: 6px;
          margin-left: 8px; }
        .allHeader .headInfo .right .lan .lanPop {
          position: absolute;
          top: 70px;
          left: 50%;
          width: 100%;
          margin-left: -50%;
          background: #fff;
          display: none; }
          .allHeader .headInfo .right .lan .lanPop .detail {
            line-height: 48px;
            text-align: center;
            font-size: 16px;
            color: #666;
            cursor: pointer; }
          .allHeader .headInfo .right .lan .lanPop .deActive {
            background: #202F5B;
            color: #fff; }
          .allHeader .headInfo .right .lan .lanPop .detail:hover {
            background: #202F5B;
            color: #fff; }
      .allHeader .headInfo .right .search {
        width: 90px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .5s;
        cursor: pointer; }
        .allHeader .headInfo .right .search img {
          width: 32px;
          height: 32px; }

.headActive {
  background: #fff; }
  .headActive .headInfo .left .logoWhite {
    display: none; }
  .headActive .headInfo .left .logoBlack {
    display: block; }
  .headActive .headInfo .middle .detail .deInfo {
    color: #000; }
    .headActive .headInfo .middle .detail .deInfo .downWhite {
      display: none; }
    .headActive .headInfo .middle .detail .deInfo .downBlack {
      display: block; }
  .headActive .headInfo .right .lan {
    color: #000;
    background: #FFD814; }
    .headActive .headInfo .right .lan .earthWhite {
      display: none; }
    .headActive .headInfo .right .lan .earthBlack {
      display: block; }
    .headActive .headInfo .right .lan .downWhite {
      display: none; }
    .headActive .headInfo .right .lan .downBlack {
      display: block; }
  .headActive .headInfo .right .search {
    background: #202F5B; }

.allHeaderActive {
  background: #fff; }

.moHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  z-index: 10;
  display: none;
  align-items: center; }
  .moHeader .left {
    margin-left: 10px;
    display: flex;
    align-items: center;
    height: 70px; }
    .moHeader .left img {
      width: 90px;
      height: auto; }
  .moHeader .middle {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center; }
    .moHeader .middle .lan {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200px;
      height: 70px;
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      font-size: 16px;
      color: #000;
      position: relative; }
      .moHeader .middle .lan .earthBlack {
        width: 32px;
        height: 32px;
        margin-right: 8px; }
      .moHeader .middle .lan .downBlack {
        width: 9px;
        height: 6px;
        margin-left: 8px; }
      .moHeader .middle .lan .lanPop {
        position: absolute;
        top: 60px;
        left: 50%;
        width: 148px;
        margin-left: -74px;
        background: #fff;
        display: none; }
        .moHeader .middle .lan .lanPop .detail {
          line-height: 48px;
          text-align: center;
          font-size: 16px;
          color: #666;
          cursor: pointer; }
        .moHeader .middle .lan .lanPop .deActive {
          background: #202F5B;
          color: #fff; }
    .moHeader .middle .search {
      width: 60px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .moHeader .middle .search img {
        width: 32px;
        height: 32px;
        filter: invert(100%); }
  .moHeader .right {
    padding: 0 20px;
    height: 70px;
    display: flex;
    align-items: center; }
    .moHeader .right img {
      width: 30px;
      height: auto; }

.moNavbar {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 30;
  width: 60%;
  height: 100vh;
  background: #fff;
  transition: right .5s;
  padding: 20px;
  overflow-y: auto; }
  .moNavbar .detail .deInfo {
    display: flex;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    color: #000;
    justify-content: space-between; }
    .moNavbar .detail .deInfo img {
      width: 9px;
      height: 6px; }
    .moNavbar .detail .deInfo .imgChange {
      transform: rotate(180deg); }
  .moNavbar .detail .dePop {
    display: none;
    padding-left: 20px; }
    .moNavbar .detail .dePop .popInfo {
      font-size: 16px;
      color: #000;
      line-height: 40px;
      border-bottom: 1px solid #eee; }
    .moNavbar .detail .dePop .popActive {
      color: #202F5B; }

.moNavbarCover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  display: none; }

.moHeaderCover {
  height: 70px;
  display: none; }

.home .one {
  height: 100vh;
  position: relative; }
  .home .one .homeSwiper {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; }
    .home .one .homeSwiper .swiInfo {
      width: 100%;
      height: 100%;
      position: relative; }
      .home .one .homeSwiper .swiInfo .banImg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        object-fit: cover; }
      .home .one .banInfo {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
        .home .one .banInfo .tips {
          font-size: 28px;
          color: #fff;
          line-height: 36px; 
          text-align: center;  
        }
        .home .one .banInfo .name {
          font-size: 60px;
          color: #fff;
          line-height: 68px;
          margin-top: 28px;
          font-weight: bold; 
          text-align: center;
        }
        .home .one .banInfo .search {
          cursor: pointer;
          display: flex;
          align-items: center;
          margin-top: 66px;
          border-radius: 8px;
          overflow: hidden; }
          .home .one .banInfo .search .left {
            width: 280px;
            height: 64px;
            background: #fff;
            display: flex;
            align-items: center;
            padding: 0 16px;
            font-size: 16px;
            color: #808080; }
            .home .one .banInfo .search .left img {
              width: 32px;
              height: 32px;
              margin-right: 8px; }
            .home .one .banInfo .search .left input{
              width: 202px;
              font-size: 16px;
              height: 64px;
            }
          .home .one .banInfo .search .right {
            width: 112px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: #333;
            background: #FFD814; }
  .home .one .swiper-pagination {
    bottom: 60px; }
  .home .one .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1; }
  .home .one .swiper-pagination-bullet-active {
    width: 56px;
    height: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.8); }
.home .two {
  height: calc(100vh - 70px);
  padding: 0 100px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .home .two .top {
    display: flex;
    justify-content: space-between; }
    .home .two .top .left .enName {
      font-size: 48px;
      color: #ccc;
      line-height: 56px; }
    .home .two .top .left .cnName {
      font-size: 34px;
      color: #202F5B;
      line-height: 42px;
      margin-top: 4px;
      font-weight: bold; }
    .home .two .top .right {
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .home .two .top .right .riBtn {
        width: 160px;
        height: 50px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #333;
        background: #FFD814;
        transition: all .5s;
        cursor: pointer; }
        .home .two .top .right .riBtn img {
          width: 16px;
          height: 16px;
          margin-left: 8px;
          transition: all .5s; }
      .home .two .top .right .riBtn:hover {
        background: #202F5B;
        color: #fff; }
        .home .two .top .right .riBtn:hover img {
          filter: invert(100%); }
  .home .two .bottom {
    margin-top: 48px; }
    .home .two .bottom .serSwiper {
      padding-bottom: 60px; }
      .home .two .bottom .serSwiper .swiInfo {
        width: 100%;
        height: 490px;
        position: relative; }
        .home .two .bottom .serSwiper .swiInfo .serImg {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .home .two .bottom .serSwiper .swiInfo .serName {
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 10;
          width: 100%;
          height: 122px;
          background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 49px 0 32px;
          font-size: 22px;
          color: #fff;
          font-weight: bold;
          opacity: 1;
          transition: all .5s; }
          .home .two .bottom .serSwiper .swiInfo .serName img {
            width: 16px;
            height: 16px; }
        .home .two .bottom .serSwiper .swiInfo .serCover {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.6);
          z-index: 20;
          display: flex;
          flex-direction: column;
          padding: 0 32px;
          opacity: 0;
          transition: all .5s; }
          .home .two .bottom .serSwiper .swiInfo .serCover .coTitle {
            font-size: 22px;
            color: #fff;
            line-height: 30px;
            font-weight: bold;
            margin-top: 60px; }
          .home .two .bottom .serSwiper .swiInfo .serCover .coIntro {
            font-size: 16px;
            color: #f2f2f2;
            line-height: 24px;
            margin-top: 24px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 10;
            overflow: hidden;
            word-wrap: break-word;
            white-space: pre-line;}
          .home .two .bottom .serSwiper .swiInfo .serCover .coBot {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 60px; }
            .home .two .bottom .serSwiper .swiInfo .serCover .coBot .left {
              width: 122px;
              height: 50px; }
            .home .two .bottom .serSwiper .swiInfo .serCover .coBot .right {
              width: 50px;
              height: 50px;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #202F5B;
              border-radius: 8px;
              cursor: pointer; }
              .home .two .bottom .serSwiper .swiInfo .serCover .coBot .right img {
                width: 16px;
                height: 16px; }
      .home .two .bottom .serSwiper .swiInfo:hover .serName {
        opacity: 0; }
      .home .two .bottom .serSwiper .swiInfo:hover .serCover {
        opacity: 1; }
      .home .two .bottom .serSwiper .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.2);
        opacity: 1; }
      .home .two .bottom .serSwiper .swiper-pagination-bullet-active {
        width: 56px;
        height: 12px;
        border-radius: 8px;
        background: #F6B511; }
.home .three {
  height: calc(100vh - 70px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 100px;
  position: relative;
  z-index: 1; }
  .home .three .hyysBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover; }
  .home .three .hyysInfo {
    position: relative;
    z-index: 20;
    display: flex;
    flex-wrap: wrap; }
    .home .three .hyysInfo .detail {
      width: 33%;
      height: 300px; }
      .home .three .hyysInfo .detail .deOne .enName {
        font-size: 48px;
        color: #fff;
        line-height: 56px;
        margin-top: 32px; }
      .home .three .hyysInfo .detail .deOne .cnName {
        font-size: 32px;
        color: #fff;
        line-height: 42px;
        font-weight: bold; }
      .home .three .hyysInfo .detail .deTwo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding: 0 32px;
        position: relative; }
        .home .three .hyysInfo .detail .deTwo .title {
          font-size: 22px;
          color: #fff;
          line-height: 30px; }
          .home .three .hyysInfo .detail .deTwo .content {
              font-size: 16px;
              line-height: 32px;
              color: #fff;
              white-space: pre-line;
              margin-top: 16px;
              display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            overflow: hidden;
            word-wrap: break-word;
          }
        .home .three .hyysInfo .detail .deTwo .list {
          margin-top: 16px; }
          .home .three .hyysInfo .detail .deTwo .list li {
            font-size: 16px;
            color: #fff;
            line-height: 32px;
            list-style-type: disc;
            margin-left: 20px; }
        .home .three .hyysInfo .detail .deTwo .number {
          font-size: 180px;
          color: #fff;
          position: absolute;
          opacity: 0.15;
          top: 50%;
          right: -10px;
          z-index: 11;
          transform: translate(0, -50%); }
      .home .three .hyysInfo .detail .deThree {
        height: 100%;
        overflow: hidden;
        position: relative; }
        .home .three .hyysInfo .detail .deThree img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0;
          transition: all .5s; }
      .home .three .hyysInfo .detail .deThree:hover img {
        width: 120%;
        height: 120%;
        top: -10%;
        left: -10%; }
.home .four {
  height: calc(100vh - 70px);
  display: flex;
  position: relative;
  z-index: 1; 
  justify-content: space-between;
}
  .home .four .aboutBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover; }
  .home .four .left {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px;
    flex: 1;
    max-width: 1200px;
  }
    .home .four .left .enTitle {
      font-size: 48px;
      color: #ccc;
      line-height: 56px;
      font-weight: bold; }
    .home .four .left .cnTitle {
      font-size: 34px;
      color: #202F5B;
      line-height: 42px;
      font-weight: bold;
      margin-top: 4px; }
    .home .four .left .aboutInfo {
      background: rgba(255, 255, 255, 0.8);
      border-left: 4px solid #202F5B;
      padding: 32px;
      margin-top: 38px; }
      .home .four .left .aboutInfo .abTitle {
        font-size: 18px;
        color: #333;
        line-height: 26px;
        font-weight: bold; }
      .home .four .left .aboutInfo .abContent {
        font-size: 16px;
        color: #666;
        line-height: 24px;
        margin-top: 10px; }
      .home .four .left .aboutInfo .abTips {
        font-size: 16px;
        color: #333;
        line-height: 24px;
        margin-top: 10px; }
    .home .four .left .abSubtitle {
      font-size: 16px;
      color: #000;
      line-height: 24px;
      margin-top: 40px; }
    .home .four .left .abBtn {
      width: 160px;
      height: 50px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      color: #333;
      background: #FFD814;
      transition: all .5s;
      cursor: pointer;
      margin-top: 80px; }
      .home .four .left .abBtn img {
        width: 16px;
        height: 16px;
        margin-left: 8px;
        transition: all .5s; }
    .home .four .left .abBtn:hover {
      background: #202F5B;
      color: #fff; }
      .home .four .left .abBtn:hover img {
        filter: invert(100%); }
  .home .four .right {
    position: relative;
    z-index: 20;
    width: 960px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-shrink: 0; }
    .home .four .right .riInfo {
      width: 100%;
      height: 232px;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 95%);
      display: flex;
      align-items: center; }
      .home .four .right .riInfo .detail {
        flex: 1; }
        .home .four .right .riInfo .detail .number {
          font-size: 66px;
          color: #fff;
          line-height: 74px;
          font-weight: bold;
          text-align: center; }
        .home .four .right .riInfo .detail .title {
          font-size: 18px;
          color: #fff;
          line-height: 26px;
          margin-top: 12px;
          text-align: center; 
            height: 52px;    
        }
.home .five {
  height: calc(100vh - 70px);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 0 100px;
  justify-content: center; }
  .home .five .quesBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover; }
  .home .five .enTitle {
    font-size: 48px;
    color: #ccc;
    line-height: 56px;
    font-weight: bold;
    position: relative;
    z-index: 20; }
  .home .five .cnTitle {
    font-size: 34px;
    color: #202F5B;
    line-height: 42px;
    font-weight: bold;
    margin-top: 4px;
    position: relative;
    z-index: 20; }
  .home .five .quesInfo {
    display: flex;
    position: relative;
    z-index: 20;
    height: 476px;
    margin-top: 48px; }
    .home .five .quesInfo .left {
      flex: 2;
      background: #202F5B;
      position: relative;
      padding: 32px 0 32px 32px; }
      .home .five .quesInfo .left .logo {
        width: 258px;
        height: 105px;
        position: absolute;
        right: 0;
        bottom: 8px;
        z-index: 10; }
      .home .five .quesInfo .left .detail {
        height: 68px;
        display: flex;
        align-items: center;
        padding: 0 16px;
        transition: all .5s;
        cursor: pointer;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
        .home .five .quesInfo .left .detail .label {
          width: 20px;
          height: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          color: #fff;
          background: #333333;
          line-height: 1; }
        .home .five .quesInfo .left .detail .content {
          flex: 1;
          font-size: 18px;
          color: #fff;
          line-height: 26px;
          margin-left: 13px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .home .five .quesInfo .left .detail:nth-of-type(1) .label {
        background: rgba(220, 30, 50, 0.9); }
      .home .five .quesInfo .left .detail:nth-of-type(2) .label {
        background: #F68011; }
      .home .five .quesInfo .left .detail:nth-of-type(3) .label {
        background: #F6B511; }
      .home .five .quesInfo .left .deActive {
        background: #fff; }
        .home .five .quesInfo .left .deActive .content {
          color: #333; }
    .home .five .quesInfo .right {
      flex: 5;
      background: #fff;
      position: relative;
      padding: 32px; }
      .home .five .quesInfo .right .logo {
        width: 258px;
        height: 105px;
        position: absolute;
        right: 0;
        bottom: 8px;
        z-index: 10; }
      .home .five .quesInfo .right .quesTitle {
        display: flex;
        align-items: center; }
        .home .five .quesInfo .right .quesTitle .label {
          width: 48px;
          height: 48px;
          border-radius: 8px;
          background: rgba(220, 30, 50, 0.9);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          color: #fff; }
        .home .five .quesInfo .right .quesTitle .content {
          flex: 1;
          margin-left: 16px;
          font-size: 22px;
          color: #333;
          line-height: 30px; }
      .home .five .quesInfo .right .quesContent {
        display: flex;
        margin-top: 32px; }
        .home .five .quesInfo .right .quesContent .label {
          width: 48px;
          height: 48px;
          border-radius: 8px;
          background: #202F5B;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          color: #fff; }
        .home .five .quesInfo .right .quesContent .content {
          font-size: 16px;
          color: #666;
          line-height: 24px;
          flex: 1;
          margin-left: 16px;
          height: 240px;
          overflow-y: auto;
          white-space: pre-line;
            
        }
      .home .five .quesInfo .right .quesBtn {
        width: 160px;
        height: 50px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #333;
        background: #FFD814;
        transition: all .5s;
        cursor: pointer;
        margin-top: 40px;
        margin-left: 64px;
        position: relative;
        z-index: 20; }
        .home .five .quesInfo .right .quesBtn img {
          width: 16px;
          height: 16px;
          margin-left: 8px;
          transition: all .5s; }
      .home .five .quesInfo .right .quesBtn:hover {
        background: #202F5B;
        color: #fff; }
        .home .five .quesInfo .right .quesBtn:hover img {
          filter: invert(100%); }

.allFooter {
  position: relative;
  z-index: 1; }
  .allFooter .fotBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover; }
  .allFooter .fotOne {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 20;
    padding: 120px 100px; }
    .allFooter .fotOne .deOne .logo {
      width: 123px;
      height: 50px;
      margin-bottom: 52px; }
    .allFooter .fotOne .deOne .detail {
      display: flex;
      align-items: center;
      margin-bottom: 24px; }
      .allFooter .fotOne .deOne .detail img {
        width: 32px;
        height: 32px; }
      .allFooter .fotOne .deOne .detail .content {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        width: 252px;
        margin-left: 8px; }
    .allFooter .fotOne .deTwo .twoTitle {
      font-size: 18px;
      color: #fff;
      line-height: 26px;
      font-weight: bold; }
    .allFooter .fotOne .deTwo .twoCon {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px;
      margin: 16px 0;
      display: block;
      cursor: pointer; }
    .allFooter .fotOne .deThree img {
      width: 146px;
      height: 146px;
      object-fit: contain; 
        margin: 0 auto;
    }
    .allFooter .fotOne .deThree .title {
      margin-top: 16px;
      font-size: 16px;
      color: #fff;
      line-height: 24px;
      text-align: center; }
  .allFooter .fotTwo {
    display: flex;
    align-items: center;
    padding: 0 100px;
    justify-content: space-between;
    position: relative;
    z-index: 20;
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .allFooter .fotTwo .left,
    .allFooter .fotTwo .right {
      padding: 13px 0;
      font-size: 16px;
      color: #fff;
      line-height: 24px;
      display: block; }

.fixedTab {
  position: fixed;
  right: 0;
  bottom: 20%;
  z-index: 20; }
  .fixedTab .detail {
    width: 50px;
    height: 50px;
    border-radius: 8px 0px 0px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #202F5B;
    transition: all .5s;
    cursor: pointer;
    position: relative;
     
  }
  .fixedTab .detail .deInfo{
      position:absolute;
      top: 0;
      right: 46px;
      background: #F6B511;
      padding: 0 10px;
      height: 50px;
      transition: all .5s;
      border-radius: 8px 0px 0px 8px;
      display: flex;
      align-items: center;
      font-size: 16px;
      color: #fff;
      z-index: -1;
      opacity: 0;
      cursor: default;
  }
    .fixedTab .detail img {
      width: 24px;
      height: 24px; }
  .fixedTab .detail:hover {
    background: #F6B511; }
 .fixedTab .detail:hover .deInfo{
     z-index: 10;
      opacity: 1;
 }
.service {
  position: relative; }
  .service .serInfo .enTitle {
    margin-top: 120px;
    font-size: 48px;
    color: #ccc;
    line-height: 56px;
    font-weight: bold;
    padding: 0 100px; }
  .service .serInfo .cnTitle {
    font-size: 32px;
    color: #202F5B;
    line-height: 42px;
    margin: 4px 0 16px;
    padding: 0 100px; }
  .service .serInfo .serList {
    overflow: hidden;
    padding: 0 100px 40px; }
    .service .serInfo .serList .detail {
      display: flex;
      margin-top: 32px; }
      .service .serInfo .serList .detail .left {
        width: 50%;
        height: 490px;
        position: relative;
        overflow: hidden; }
        .service .serInfo .serList .detail .left img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all .5s; }
      .service .serInfo .serList .detail .left:hover img {
        transform: scale(1.2); }
      .service .serInfo .serList .detail .right {
        width: 50%;
        padding: 60px 40px;
        display: flex;
        flex-direction: column;
        height: 490px;
        background: #FAFAFA; }
        .service .serInfo .serList .detail .right .title {
          font-size: 24px;
          color: #1A1A1A;
          line-height: 36px;
          font-weight: bold; }
        .service .serInfo .serList .detail .right .content {
          font-size: 18px;
          color: #4D4D4D;
          line-height: 26px;
          margin-top: 24px;
          flex: 1;
          overflow-y: auto; }
        .service .serInfo .serList .detail .right .btn {
          width: 160px;
          height: 50px;
          border-radius: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          color: #333;
          background: #FFD814;
          transition: all .5s;
          cursor: pointer;
          margin-top: 40px;
          margin-left: auto; }
          .service .serInfo .serList .detail .right .btn img {
            width: 16px;
            height: 16px;
            margin-left: 8px;
            transition: all .5s; }
    .service .serInfo .serList .detail:nth-of-type(2n) {
      flex-direction: row-reverse; }
    .service .serInfo .serList .detail:hover {
      box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.2); }
      .service .serInfo .serList .detail:hover .right {
        background: #fff; }
        .service .serInfo .serList .detail:hover .right .btn {
          background: #202F5B;
          color: #fff; }
          .service .serInfo .serList .detail:hover .right .btn img {
            filter: invert(100%); }
  .service .serInfo .serDetail {
    display: flex;
    padding: 0 100px 110px;
    margin-top: 43px;
    align-items: flex-start; }
    .service .serInfo .serDetail .left {
      flex: 1;
      padding: 32px 0 32px 32px;
      position: relative;
      background: #202F5B;
      position: relative;
      z-index: 1; }
      .service .serInfo .serDetail .left img {
        position: absolute;
        right: 0;
        bottom: 8px;
        width: 258px;
        height: 105px;
        z-index: 10; }
      .service .serInfo .serDetail .left .detail {
        height: 68px;
        display: flex;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 16px;
        transition: all .5s;
        font-size: 18px;
        color: #fff; 
        position: relative;
         z-index: 11;
      }
      .service .serInfo .serDetail .left .deActive {
        background: #fff;
        color: #333; }
    .service .serInfo .serDetail .right {
      margin-left: 32px;
      flex: 2;
      background: #FAFAFA;
      padding: 56px; }
      .service .serInfo .serDetail .right .title {
        font-size: 26px;
        color: #333;
        line-height: 34px;
        font-weight: bold; }
      .service .serInfo .serDetail .right .content {
        font-size: 14px;
        color: #4d4d4d;
        line-height: 22px;
        white-space: pre-line;
        margin-top: 32px;
          
      }

.child .banner img {
  width: 100%;
  height: auto; }
.child .banner .banInfo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .child .banner .banInfo .title {
    font-size: 34px;
    color: #fff;
    line-height: 42px;
    font-weight: bold;
    text-align: center; }
  .child .banner .banInfo .content {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 8px;
    text-align: center; }
  .child .banner .banInfo .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -150px;
    cursor: pointer; }
    .child .banner .banInfo .btn img {
      width: 16px;
      height: 16px; }

.childTab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background: #FAFAFA;
  padding: 0 100px; }
  .childTab .left {
    display: flex;
    align-items: center; }
    .childTab .left .detail {
      cursor: pointer;
      font-size: 14px;
      color: #333;
      line-height: 30px;
      border-right: 1px solid #E6E6E6;
      padding: 0 32px; }
  .childTab .right {
    display: flex;
    align-items: center; }
    .childTab .right img {
      width: 24px;
      height: 24px;
      margin-right: 8px; }
    .childTab .right .detail {
      font-size: 14px;
      color: #333;
      line-height: 60px; }
.childTab .right .detail:last-child{
    display: none;
}
.pages .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 120px; }

  .pages li {
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #F2F2F2;

    font-size: 12px;
    color: #333;
    margin: 0 2px; }
     .pages li a{
         width: 100%;
         height: 100%;
         display: block;
             display: flex;
    align-items: center;
    justify-content: center;
     }
  .pages .prev,
  .pages .next,
  .pages .first,
  .pages .last{
    width: 60px;
    height: 32px;
    border-radius: 8px;
    background: #F2F2F2;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
    margin: 0 6px; }
  .pages .active {
    background: #FFD814; }

.about .qyjj {
  padding: 100px;
  background: #fff;
  display: flex; }
  .about .qyjj .left {
    flex: 3;
    height: 620px;
    position: relative;
    overflow: hidden; }
    .about .qyjj .left img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: all .5s;
      object-fit: cover; }
  .about .qyjj .left:hover img {
    transform: scale(1.2); }
  .about .qyjj .right {
    margin-left: 64px;
    flex: 4;
    display: flex;
    flex-direction: column; }
    .about .qyjj .right .enTitle {
      font-size: 48px;
      color: #ccc;
      line-height: 56px;
      font-weight: bold;
      margin-top: 16px; }
    .about .qyjj .right .cnTitle {
      font-size: 32px;
      color: #202F5B;
      line-height: 42px;
      font-weight: bold;
      margin-top: 4px; }
    .about .qyjj .right .content {
      margin-top: 48px;
      font-size: 14px;
      color: #222;
      line-height: 22px;
      flex: 1; 
        white-space: pre-line;
    }
    .about .qyjj .right .myScroe {
      display: flex;
      justify-content: space-between;
      width: 70%;
      margin-top: 20px; }
      .about .qyjj .right .myScroe .detail .number {
        font-size: 66px;
        color: #202F5B;
        line-height: 74px;
        font-weight: bold;
        text-align: center; }
      .about .qyjj .right .myScroe .detail .title {
        font-size: 18px;
        color: #666;
        line-height: 26px;
        margin-top: 12px;
        text-align: center; }
.about .qyys {
  padding: 0 100px;
  background: #FAFAFA;
  overflow: hidden; }
  .about .qyys .enTitle {
    font-size: 48px;
    color: #ccc;
    line-height: 56px;
    font-weight: bold;
    margin-top: 120px; }
  .about .qyys .cnTitle {
    font-size: 32px;
    color: #202F5B;
    line-height: 42px;
    font-weight: bold;
    margin-top: 4px; }
  .about .qyys .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: baseline;
    margin: 48px 0 62px; }
    .about .qyys .list .detail {
      width: 32%;
      margin-bottom: 32px;
      background: #fff; }
      .about .qyys .list .detail .imgs {
        width: 100%;
        height: 330px; }
        .about .qyys .list .detail .imgs img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .about .qyys .list .detail .info {
        padding: 32px; }
        .about .qyys .list .detail .info .title {
          font-size: 22px;
          color: #333;
          line-height: 32px;
          font-weight: bold; }
        .about .qyys .list .detail .info .content {
          margin-top: 16px; 
            font-size: 16px;
            color: #666;
            line-height: 32px;
            white-space: pre-line;
        }
          .about .qyys .list .detail .info .content li {
            font-size: 16px;
            color: #666;
            line-height: 32px;
            list-style-type: disc;
            margin-left: 20px; }
    .about .qyys .list .detail:hover {
      box-shadow: 0px 24px 32px 0px rgba(0, 0, 0, 0.1); }
  .about .qyys .list:after {
    content: '';
    width: 32%; }
.about .qywh {
  padding: 0 100px 140px;
  overflow: hidden; }
  .about .qywh .enTitle {
    font-size: 48px;
    color: #ccc;
    line-height: 56px;
    font-weight: bold;
    margin-top: 120px; }
  .about .qywh .cnTitle {
    font-size: 32px;
    color: #202F5B;
    line-height: 42px;
    font-weight: bold;
    margin: 4px 0 48px; }
  .about .qywh .detail {
    display: flex; }
    .about .qywh .detail .left {
      flex: 1;
      height: 460px;
      position: relative;
      overflow: hidden;
      flex-shrink: 0; }
      .about .qywh .detail .left img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        transition: all .5s; }
    .about .qywh .detail .left:hover img {
      transform: scale(1.2); }
    .about .qywh .detail .right {
      flex: 1;
      height: 460px;
      background: #FAFAFA;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .about .qywh .detail .right .title {
        font-size: 22px;
        color: #333;
        line-height: 30px;
        font-weight: bold;
        width: 80%;
        margin: 24px auto 0; }
      .about .qywh .detail .right .content {
        font-size: 18px;
        color: #666;
        line-height: 26px;
        width: 80%;
        margin: 16px auto 0; }
      .about .qywh .detail .right .title:first-child {
        margin-top: 0; }
  .about .qywh .detail:nth-of-type(2n) {
    flex-direction: row-reverse; }

.news {
  padding: 0 100px; }
  .news .enTitle {
    font-size: 48px;
    color: #ccc;
    line-height: 56px;
    font-weight: bold;
    margin-top: 120px; }
  .news .cnTitle {
    font-size: 32px;
    color: #202F5B;
    line-height: 42px;
    font-weight: bold;
    margin: 4px 0 48px; }
  .news .list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 16px; }
    .news .list .detail {
      width: 23%;
      margin-right: 2.5%;
      margin-bottom: 32px;
      cursor: pointer; }
      .news .list .detail .imgs {
        width: 100%;
        height: 293px;
        position: relative;
        overflow: hidden; }
        .news .list .detail .imgs img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0;
          transition: all .5s; }
        .news .list .detail .imgs img:hover {
          transform: scale(1.2); }
      .news .list .detail .info {
        padding: 24px;
        background: #FAFAFA; }
        .news .list .detail .info .title {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 18px;
          color: #333;
          line-height: 26px; }
        .news .list .detail .info .time {
          font-size: 12px;
          color: #808080;
          line-height: 20px;
          margin-top: 4px; }
        .news .list .detail .info .content {
          font-size: 14px;
          color: #666;
          line-height: 22px;
          margin-top: 12px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          word-wrap: break-word;
          white-space: normal; }
    .news .list .detail:hover {
      box-shadow: 0px 24px 32px 0px rgba(0, 0, 0, 0.1); }
    .news .list .detail:nth-of-type(4n) {
      margin-right: 0; }

.newsInfo {
  padding: 120px 100px;
  display: flex;
  align-items: flex-start; }
  .newsInfo .left {
    flex: 1; }
    .newsInfo .left .title {
      font-size: 26px;
      color: #333;
      line-height: 34px; }
    .newsInfo .left .time {
      display: flex;
      align-items: center;
      margin-top: 24px; }
      .newsInfo .left .time span {
        display: block;
        margin-right: 24px;
        font-size: 14px;
        color: #999;
        line-height: 22px; }
    .newsInfo .left .line {
      margin-top: 50px;
      height: 1px;
      background: #F2F2F2; }
    .newsInfo .left .content {
      margin-top: 32px;
      white-space: pre-line;
      font-size: 16px;
      color: #4d4d4d;
      line-height: 24px;
        
    }
      .newsInfo .left .content img {
        width: 100%;
        height: auto; }
    .newsInfo .left .prev,
    .newsInfo .left .next {
      margin-top: 83px;
      font-size: 14px;
      color: #222;
      font-weight: bold;
      line-height: 22px;
      display: flex;
      align-items: center; }
      .newsInfo .left .prev .name,
      .newsInfo .left .next .name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #666;
        margin-left: 10px;
        font-weight: normal; 
      }
    .newsInfo .left .next {
      margin-top: 8px; }
  .newsInfo .right {
    width: 406px;
    background: #FAFAFA;
    padding: 24px 32px;
    position: sticky;
    top: 120px;
    margin-left: 64px; }
    .newsInfo .right .title {
      font-size: 26px;
      color: #333;
      line-height: 34px;
      margin-bottom: 24px; }
    .newsInfo .right .detail {
      display: flex;
      align-items: center;
      height: 72px;
      border-bottom: 1px solid #e5e5e5;
      cursor: pointer; }
      .newsInfo .right .detail .label {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #fff;
        margin-right: 9px;
        background: #333333; }
      .newsInfo .right .detail .content {
        flex: 1;
        font-size: 16px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .newsInfo .right .detail:nth-of-type(2) {
      border-top: 1px solid #e5e5e5; }
      .newsInfo .right .detail:nth-of-type(2) .label {
        background: rgba(220, 30, 50, 0.9); }
    .newsInfo .right .detail:nth-of-type(3) .label {
      background: #F68011; }
    .newsInfo .right .detail:nth-of-type(4) .label {
      background: #F6B511; }

.hotQA {
  padding: 0 100px; }
  .hotQA .enTitle {
    font-size: 48px;
    color: #ccc;
    line-height: 56px;
    font-weight: bold;
    margin-top: 120px; }
  .hotQA .cnTitle {
    font-size: 32px;
    color: #202F5B;
    line-height: 42px;
    font-weight: bold;
    margin: 4px 0 48px; }
  .hotQA .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px; }
    .hotQA .list .detail {
      width: 49%;
      height: 260px;
      background: #FAFAFA;
      padding: 32px;
      margin-bottom: 32px; }
      .hotQA .list .detail .title {
        display: flex;
        align-items: center; }
        .hotQA .list .detail .title .label {
          width: 48px;
          height: 48px;
          border-radius: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(220, 30, 50, 0.9);
          font-size: 18px;
          color: #fff;
          margin-right: 16px; }
        .hotQA .list .detail .title .name {
          flex: 1;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 18px;
          color: #333; }
      .hotQA .list .detail .content {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        word-wrap: break-word;
        white-space: normal;
        margin-top: 16px;
        height: 66px;
        font-size: 14px;
        color: #666;
        line-height: 22px; }
      .hotQA .list .detail .time {
        display: flex;
        justify-content: space-between;
        margin-top: 16px; }
        .hotQA .list .detail .time .left {
          font-size: 14px;
          color: #333;
          line-height: 22px;
          display: flex;
          flex-direction: column;
          justify-content: flex-end; }
        .hotQA .list .detail .time .right {
          width: 50px;
          height: 50px;
          border-radius: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all .5s;
          background: #202F5B; }
          .hotQA .list .detail .time .right img {
            width: 16px;
            height: 16px; }
          .hotQA .list .detail .time .right .moreWhite {
            display: block; }
          .hotQA .list .detail .time .right .moreBlack {
            display: none; }
    .hotQA .list .detail:hover {
      box-shadow: 0px 24px 32px 0px rgba(0, 0, 0, 0.1);
      background: #fff; }
      .hotQA .list .detail:hover .time .right {
        background: #FFD814; }
        .hotQA .list .detail:hover .time .right .moreWhite {
          display: none; }
        .hotQA .list .detail:hover .time .right .moreBlack {
          display: block; }

.contact .enTitle {
  font-size: 48px;
  color: #ccc;
  line-height: 56px;
  font-weight: bold;
  margin-top: 120px; }
.contact .cnTitle {
  font-size: 32px;
  color: #202F5B;
  line-height: 42px;
  font-weight: bold;
  margin: 4px 0 48px; }
.contact .conOne {
  padding: 0 100px 120px;
  overflow: hidden; }
  .contact .conOne .conInfo {
    display: flex; }
    .contact .conOne .conInfo .noRight {
      display: flex;
      flex: 1; }
    .contact .conOne .conInfo .left {
      flex: 1;
      padding: 32px 32px 100px;
      background: #FAFAFA; }
      .contact .conOne .conInfo .left .detail {
        margin-top: 48px; }
        .contact .conOne .conInfo .left .detail .title {
          font-size: 22px;
          color: #333;
          line-height: 30px;
          font-weight: bold;
          margin-bottom: 24px; }
        .contact .conOne .conInfo .left .detail .content {
          display: flex;
          align-items: center;
          margin-bottom: 16px; }
          .contact .conOne .conInfo .left .detail .content img {
            width: 32px;
            height: 32px;
            margin-right: 10px; }
          .contact .conOne .conInfo .left .detail .content .name {
            font-size: 16px;
            color: #666;
            line-height: 24px; }
      .contact .conOne .conInfo .left .detail:first-of-type {
        margin-top: 0; }
    .contact .conOne .conInfo .middle {
      width: 406px;
      margin-left: 32px;
      background: #FAFAFA;
      overflow: hidden;
      padding-bottom: 40px; }
      .contact .conOne .conInfo .middle .title {
        font-size: 22px;
        color: #333;
        line-height: 30px;
        font-weight: bold;
        margin-top: 40px;
        padding: 0 32px; }
      .contact .conOne .conInfo .middle .list {
        display: flex;
        flex-wrap: wrap; }
        .contact .conOne .conInfo .middle .list .detail {
          width: 33%;
          margin-top: 38px; }
          .contact .conOne .conInfo .middle .list .detail img {
            width: 64px;
            height: 64px;
            object-fit: contain;
            border-radius: 50%;
            margin: 0 auto; }
          .contact .conOne .conInfo .middle .list .detail .name {
            margin-top: 11px;
            font-size: 14px;
            color: #333;
            line-height: 22px;
            text-align: center; }
    .contact .conOne .conInfo .right {
      width: 690px;
      margin-left: 32px; }
      .contact .conOne .conInfo .right .riOne {
        height: 206px;
        background: #FAFAFA;
        overflow: hidden;
        padding: 0 32px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .contact .conOne .conInfo .right .riOne .mes .title {
          font-size: 22px;
          color: #333;
          line-height: 30px;
          font-weight: bold;
          margin-bottom: 12px; }
        .contact .conOne .conInfo .right .riOne .mes .content {
          font-size: 14px;
          color: #666;
          line-height: 26px; }
        .contact .conOne .conInfo .right .riOne .code {
          width: 142px;
          height: 142px; }
          .contact .conOne .conInfo .right .riOne .code img {
            width: 100%;
            height: 100%;
            object-fit: contain; }
      .contact .conOne .conInfo .right .riTwo {
        width: 100%;
        height: 450px;
        margin-top: 32px; }
        .contact .conOne .conInfo .right .riTwo .anchorBL {
          display: none !important; }
.contact .conTwo {
  background: #FAFAFA;
  padding: 0 100px 120px;
  overflow: hidden; }
  .contact .conTwo .conInfo {
    display: flex; }
    .contact .conTwo .conInfo .left {
      flex: 3;
      height: 530px; }
      .contact .conTwo .conInfo .left img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .contact .conTwo .conInfo .right {
      flex: 4;
      padding: 0 40px;
      overflow: hidden;
      background: #fff; }
      .contact .conTwo .conInfo .right .title {
        margin-top: 64px;
        font-size: 22px;
        color: #202F5B;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 7px; }
      .contact .conTwo .conInfo .right .riInfo {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .contact .conTwo .conInfo .right .riInfo .detail {
          width: 49%;
          height: 46px;
          border-radius: 8px;
          overflow: hidden;
          border: 1px solid #E6E6E6;
          background: #FAFAFA;
          margin-top: 16px; }
          .contact .conTwo .conInfo .right .riInfo .detail input {
            width: 100%;
            height: 46px;
            padding: 0 13px;
            font-size: 14px;
            color: #333;
            background: none;
            border: 0; }
          .contact .conTwo .conInfo .right .riInfo .detail input::placeholder {
            font-size: 14px;
            color: #999; }
          .contact .conTwo .conInfo .right .riInfo .detail input:-moz-placeholder {
            font-size: 14px;
            color: #999; }
          .contact .conTwo .conInfo .right .riInfo .detail input::-moz-placeholder {
            font-size: 14px;
            color: #999; }
          .contact .conTwo .conInfo .right .riInfo .detail input:-ms-input-placeholder {
            font-size: 14px;
            color: #999; }
          .contact .conTwo .conInfo .right .riInfo .detail input::-webkit-input-placeholder {
            font-size: 14px;
            color: #999; }
        .contact .conTwo .conInfo .right .riInfo .deTwo {
          width: 100%;
          height: 159px;
          border-radius: 8px;
          overflow: hidden;
          border: 1px solid #E6E6E6;
          background: #FAFAFA;
          margin-top: 16px; }
          .contact .conTwo .conInfo .right .riInfo .deTwo textarea {
            width: 100%;
            height: 159px;
            padding: 13px;
            font-size: 14px;
            color: #333;
            background: none;
            border: 0; }
          .contact .conTwo .conInfo .right .riInfo .deTwo textarea:-moz-placeholder {
            font-size: 14px;
            color: #999; }
          .contact .conTwo .conInfo .right .riInfo .deTwo textarea::-moz-placeholder {
            font-size: 14px;
            color: #999; }
          .contact .conTwo .conInfo .right .riInfo .deTwo textarea:-ms-input-placeholder {
            font-size: 14px;
            color: #999; }
          .contact .conTwo .conInfo .right .riInfo .deTwo textarea::-webkit-input-placeholder {
            font-size: 14px;
            color: #999; }
      .contact .conTwo .conInfo .right .btn {
        width: 160px;
        height: 50px;
        border-radius: 8px;
        margin: 16px 0;
        background: #FFD814;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        font-size: 14px;
        color: #333;
        cursor: pointer; }

.searchTips {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin: 48px 0 26px; }

.headSearch {
  position: fixed;
  z-index: 5;
  top: -200px;
  left: 0;
  width: 100%;
  padding: 68px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F2F2F2;
  transition: top .5s; }
  .headSearch .searchInfo {
    display: flex;
    align-items: center; }
    .headSearch .searchInfo .left {
      width: 123px;
      height: 64px;
      background: #202F5B;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      overflow: hidden;
      position: relative; }
      .headSearch .searchInfo .left select {
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: #fff;
        padding: 0 24px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: none; }
        .headSearch .searchInfo .left select option {
          color: #333; }
      .headSearch .searchInfo .left img {
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 16px;
        width: 9px;
        height: 6px;
        z-index: 1;
        pointer-events: none; }
        .headSearch .searchInfo .riAll{
            display: flex;
            align-items: center;
        }
    .headSearch .searchInfo .middle {
      display: flex;
      background: #fff;
      align-items: center; }
      .headSearch .searchInfo .middle img {
        width: 32px;
        height: 32px;
        margin: 0 8px; }
      .headSearch .searchInfo .middle input {
        width: 850px;
        height: 64px;
        font-size: 16px;
        color: #333; }
      .headSearch .searchInfo .middle input::placeholder {
        font-size: 16px;
        color: #808080; }
      .headSearch .searchInfo .middle input:-moz-placeholder {
        font-size: 16px;
        color: #808080; }
      .headSearch .searchInfo .middle input::-moz-placeholder {
        font-size: 16px;
        color: #808080; }
      .headSearch .searchInfo .middle input:-ms-input-placeholder {
        font-size: 16px;
        color: #808080; }
      .headSearch .searchInfo .middle input::-webkit-input-placeholder {
        font-size: 16px;
        color: #808080; }
    .headSearch .searchInfo .right {
      width: 112px;
      height: 64px;
      background: #FFD814;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #333;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      cursor: pointer;
      border: 0;
        
    }

.seaActive {
  top: 70px; }
/*-------------响应式------------*/
@media (max-width: 1440px) {
  .allHeader .headInfo .middle .detail {
    margin: 0 20px; }

  .home .four .right {
    width: 640px; }

  .about .qyjj .right .myScroe {
    width: 80%; }

  .contact .conOne .conInfo {
    display: block; }

  .contact .conOne .conInfo .right {
    width: 100%;
    margin-left: 0;
    margin-top: 32px; } }
@media (max-width: 1280px) {
  .allHeader .headInfo .middle .detail {
    margin: 0 10px; }

  .about .qyjj .right .myScroe {
    width: 100%; }

  .about .qyys .list .detail .imgs {
    height: 206px; }

  .about .qyys .list .detail .info {
    padding: 16px; }

  .news .list .detail {
    width: 32%;
    margin-right: 2%; }

  .news .list .detail:nth-of-type(4n) {
    margin-right: 2%; }

  .news .list .detail:nth-of-type(3n) {
    margin-right: 0; } }
@media (max-width: 1024px) {
  .allHeader .headInfo .right .lan {
    width: 190px; }

  .allHeader .headInfo .right .search {
    width: 70px; }

  .home .two {
    padding: 0 50px; }

  .home .three {
    padding: 0 50px; }
    .home .three .hyysInfo .detail {
      width: 50%; }
    .home .three .hyysInfo .detail:nth-of-type(3),
    .home .three .hyysInfo .detail:nth-of-type(5) {
      display: none; }

  .home .four {
    flex-direction: column; 
    height: auto;
      
  }

  .home .four .left .enTitle {
    margin-top: 40px; }

  .home .four .right {
    width: 100%;
    margin-top: 40px;
    flex: 1; }

  .home .four .left {
    padding: 0 50px; }

  .home .five {
    padding: 0 50px; }

  .allFooter .fotOne {
    padding: 60px 50px; }

  .allFooter .fotOne .deOne .detail .content {
    width: 200px; }

  .child .banner .banInfo .btn {
    bottom: -80px; }

  .service .serInfo .serDetail .right {
    padding: 32px; }

  .service .serInfo .enTitle {
    padding: 0 50px;
    margin-top: 40px; }

  .service .serInfo .cnTitle {
    padding: 0 50px; }

  .service .serInfo .serDetail {
    padding: 0 50px 55px; }

  .about .qyjj {
    padding: 50px; }

  .about .qyjj .left {
    flex: 4; }

  .about .qyys {
    padding: 0 50px; }

  .about .qyys .list .detail {
    width: 48%; }

  .about .qyys .enTitle {
    margin-top: 60px; }

  .news {
    padding: 0 50px; }

  .childTab {
    padding: 0 50px; }

  .newsInfo {
    padding: 60px 50px; }

  .newsInfo .right {
    width: 310px;
    padding: 24px 16px;
    margin-left: 30px; }

  .hotQA {
    padding: 0 50px; }

  .hotQA .enTitle {
    margin-top: 40px; }

  .contact .conOne {
    padding: 0 50px 60px; }

  .contact .conTwo {
    padding: 0 50px 60px; }

  .contact .enTitle {
    margin-top: 40px; }

  .headSearch .searchInfo .middle input {
    width: 500px; } }
@media (max-width: 768px) {
    
  .allHeader {
    display: none; }

  .moHeader {
    display: flex; }

  .moHeaderCover {
    display: block; }

  .home .one {
    height: auto; }

  .home .one .homeSwiper {
    position: relative;
    height: 470px; }

  .home .one .banInfo .tips {
    font-size: 24px; }

  .home .one .banInfo .name {
    font-size: 50px; }

  .home .one .swiper-pagination {
    bottom: 30px; }

  .home .two {
    height: auto;
    padding: 30px 50px; }

  .home .three {
    height: auto; }
    .home .three .hyysInfo {
      margin-top: 60px; }
      .home .three .hyysInfo .detail {
        width: 50%; }
      .home .three .hyysInfo .detail:nth-of-type(1) {
        height: 170px; }
      .home .three .hyysInfo .detail:nth-of-type(3),
      .home .three .hyysInfo .detail:nth-of-type(5) {
        display: none; }

  .home .five {
    justify-content: flex-start; 
    height: auto;
    
  }

  .home .five .quesInfo {
    display: block; 
    height: auto;
  }

  .home .five .enTitle {
    margin-top: 60px; }

  .allFooter .fotOne {
    flex-wrap: wrap; }

  .allFooter .fotOne .deTwo {
    width: 120px; }

  .child .banner .banInfo .btn {
    bottom: -60px; }

  .service .serInfo .serList .detail {
    display: block; }

  .service .serInfo .serList .detail .left {
    width: 100%; }

  .service .serInfo .serList .detail .right {
    width: 100%; }

  .childTab,
  .service .serInfo .enTitle,
  .service .serInfo .cnTitle {
    padding: 0 50px; }

  .service .serInfo .enTitle {
    margin-top: 40px; }

  .service .serInfo .serList {
    padding: 0 50px 40px; }

  .service .serInfo .serDetail {
    display: block; }

  .service .serInfo .serDetail .right {
    margin: 40px 0 0; }

  .about .qyjj {
    display: block; }

  .about .qyjj .right {
    margin-left: 0; }

  .about .qyjj .left {
    width: 100%;
    height: auto; }

  .about .qyjj .left img {
    position: relative; }

  .about .qywh {
    padding: 0 50px 70px; }

  .about .qywh .detail {
    display: block; }

  .about .qywh .detail:nth-of-type(2n) {
    flex-direction: row; }

  .news .list .detail {
    width: 49%;
    margin-right: 2%; }

  .news .list .detail:nth-of-type(3n) {
    margin-right: 2%; }

  .news .list .detail:nth-of-type(2n) {
    margin-right: 0; }

  .news .enTitle {
    margin-top: 40px; }

  .newsInfo .right {
    display: none; }

  .contact .conOne .conInfo .noRight {
    display: block; }

  .contact .conOne .conInfo .middle {
    margin: 32px 0 0;
    width: 100%; }

  .contact .conTwo .conInfo {
    display: block; }

  .headSearch .searchInfo .middle input {
    width: 400px; } }
@media (max-width: 480px) {
  .home .one .banInfo .tips {
    font-size: 14px;
    line-height: 24px; }

  .home .one .banInfo .name {
    font-size: 24px;
    line-height: 34px;
    margin-top: 10px; }

  .home .one .banInfo .search {
    margin-top: 20px; }
    .home .one  .banInfo .search .left {
      width: 230px;
      height: 50px;
      padding: 0 6px; }
    .home .one .banInfo .search .right {
      width: 80px;
      height: 50px; }

  .home .two {
    padding: 30px; }

  .home .three {
    height: auto;
    padding: 0 30px; }
    .home .three .hyysInfo {
      margin-top: 60px; }
      .home .three .hyysInfo .detail {
        width: 100%;
        height: auto; }
        .home .three .hyysInfo .detail .deTwo {
          padding: 30px; }

  .home .four .left {
    padding: 0 30px; }

  .home .five {
    padding: 0 30px; }

  .allFooter .fotOne {
    padding: 30px; }

  .allFooter .fotTwo {
    padding: 0 30px;
    display: block; }

  .service .serInfo .serList .detail .left {
    height: 217px; }

  .service .serInfo .serList .detail .right {
    padding: 30px 20px;
    height: auto; }

  .childTab,
  .service .serInfo .enTitle,
  .service .serInfo .cnTitle {
    padding: 0 30px; }

  .service .serInfo .serList {
    padding: 0 30px 20px; }

  .service .serInfo .serDetail {
    padding: 0 30px 55px; }

  .service .serInfo .serDetail .right {
    margin: 20px 0 0; }

  .about .qyjj {
    padding: 30px; }

  .childTab .left .detail {
    padding: 0 10px; }

  .about .qyys {
    padding: 0 30px; }

  .about .qyys .list .detail {
    width: 100%; }

  .about .qyys .enTitle {
    margin-top: 40px; }

  .about .qywh {
    padding: 0 30px; }

  .about .qywh .enTitle {
    margin-top: 40px; }

  .about .qywh .detail .left {
    width: 100%;
    height: auto; }
    .about .qywh .detail .left img {
      position: relative; }

  .about .qywh .detail .right {
    height: auto; }

  .about .qywh .detail .right {
    padding: 24px 0; }

  .about .qywh .detail .right .title {
    width: 90%; }

  .about .qywh .detail .right .content {
    width: 90%; }

  .news .list .detail {
    width: 100%;
    margin-right: 0 !important; }

  .newsInfo {
    padding: 40px 30px; }

  .hotQA {
    padding: 0 30px; }

  .hotQA .list .detail {
    width: 100%; }

  .contact .conOne {
    padding: 0 30px 40px; }

  .contact .conTwo {
    padding: 0 30px 40px; }

  .contact .conTwo .conInfo .right {
    padding: 0 20px; }

  .contact .conTwo .conInfo .right .title {
    margin-top: 30px; }

  .headSearch .searchInfo .middle input {
    width: 140px; } }
.search_none{
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333;
    width: 100%;
}
/*# sourceMappingURL=myCommon.css.map */