/* @import url("//at.alicdn.com/t/c/font_3749766_emz3wti3b74.css"); */

  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: OpenSans-SemiBold, OpenSans-Medium, 'Microsoft YaHei' !important;
    /* font-family: OpenSans-SemiBold, 'Microsoft YaHei'; */
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block
  }

  em {
    font-style: italic !important;
  }

  body {
    line-height: 1
  }

  ol,
  ul {
    list-style: none
  }

  blockquote,
  q {
    quotes: none
  }

  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none
  }

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

  button {
    cursor: pointer
  }

  .button_margin {
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff
  }

  .button_check {
    color: rgba(250, 250, 250, 1);
    background-color: #000
  }

  .font-size42 {
    font-size: 34px;
    font-weight: 600;
    color: var(--font-color);
    font-family: OpenSans-SemiBold, OpenSans-Medium, 'Microsoft YaHei' !important;
    /* font-family: alibabapuhuitiBold; */
    line-height: 1.35
  }

  .font-size28 {
    font-size: 28px
  }

  .dislay_style {
    display: flex
  }

  .s_flex {
    display: flex
  }

  .text_space_between {
    justify-content: space-between;
    align-items: center
  }

  .apply_div {
    border: solid 1px #333;
    padding: 24px 0 35px 16px;
    margin-right: 25px
  }

  .apply_div:hover {
    background-color: #292a29;
    color: #fff
  }

  .apply_div span {
    line-height: 20px
  }

  .apply_button {
    margin-top: 35px;
    width: 140px;
    height: 46px;
    border-radius: 20px;
    background-color: #292a29;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: solid 1px
  }

  .apply_button:hover {
    border: 1px solid #fff
  }

  .apply_content_pad {
    margin-top: 18px
  }

  .apply_div_pad {
    padding-bottom: 10px
  }

  .del_file_icon {
    cursor: pointer;
    font-size: 20px
  }

  .sm_hide {
    display: block
  }

  .lg_hide {
    display: none
  }

  .lg_flex {
    display: flex;
    height: 100%;
  }

  .video_width {
    width: auto
  }


  .container {
    max-width: 1200px !important;
    padding: 0;
  }

  .container-banner {
    max-width: 1200px !important;
    padding: 0;
    margin: 0 auto;
  }

  .menuItem {
    /* position: relative; */
  }

  .dropdownBox {
    background: #fff;
    width: 100%;
    height: 250px;
    position: absolute;
    left: 0;
    top: 60px;
    padding: 25px;
    transform: translateY(-9999999999999px);
    z-index: 99;
    color: initial;
    overflow: hidden;
  }

  .dropdownBox .dropdownItem {
    display: flex;
    line-height: 50px;
    flex-wrap: wrap;
    overflow: hidden;
    max-height: 150px;
  }

  .dropdownBox .dropdownItem .dropdownItem_ {
    margin-right: 30px;
    box-sizing: border-box;
    border-bottom: 2px solid #ffffff;
    color: var(--mao-black);
  }

  .dropdownBox .dropdownItem .dropdownItem_:hover {
    color: var(--mao-green) !important;
    border-bottom: 2px solid var(--mao-green);
  }

  .dropdownBox .si-more {
    line-height: 50px;
    color: #0d3989 !important;
  }

  .menuList:hover .dropdownBox {
    transform: translateY(0);
  }

  .banner img {
    width: 100%;
    height: 362.5px;
  }

  /* .arrow-down {
    position: absolute;
      height: 20px;
      top: 50%;
      right: -18px;
      transform: translateY(-50%);
  }

  .arrow-down::after {
    content: "";
    position: absolute;
    top: 6px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg);
  }
  .arrow-down:hover::after{
    top: 8px;
  } */
  .newBox_1 .newTitle {
    margin-bottom: 1.5rem;
  }

  .newBox_1 .newTitle .text_l {
    font-weight: bold;
    font-size: 36px;
    color: #1d252c;
  }

  .newBox_1 .newTitle .text_r a {
    color: var(--mao-blue-heavy);
    cursor: pointer;
  }

  .newBox_1 .newTitle .text_r a:hover {
    color: var(--mao-green);
  }

  .si-img-box {
    height: 188px;
  }

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

  .mao-btn {
    border: 1px solid var(--mao-green);
    color: var(--mao-green) !important;
    padding: 3px 25px;
    border-radius: 15px;
    font-size: 14px;
    display: inline-block;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: initial;
  }

  .mao-btn:hover {
    background: var(--mao-green);
    color: var(--mao-white) !important;
  }

  .mao-mb-small {
    margin-bottom: 1.5rem;
  }

  a:hover {
    color: var(--mao-green) !important;
    cursor: pointer;
  }

  .mao-line-3 {
    max-height: 90px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .mao-line-3Box {
    height: 227px;
  }

  .mao-line-3-box-btn {
    height: 270px
  }

  .si-content {
    padding: 15px 10px;
    /* height: 310px; */
  }

  .mao-bg {
    background: var(--mao-white);
  }

  .mao-small-title {
    font-weight: bold;
    font-size: 20px;
    color: var(--mao-black-heavy);
  }

  .mao-block {
    display: block;
  }

  .mao-small-title span {
    /* color: var(--mao-green); */
  }

  .mao-aux-word {
    font-size: 18px;
    color: var(--mao-black);
  }

  .mao-avatar-box {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }

  .mao-avatar-box .mao-avatar {
    display: flex;
    align-items: center;
  }

  .mao-avatar-box .mao-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    object-fit: cover;
  }

  .mao-line-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .maocontentU .si-content .mao-line-2 {
    height: 59px;
    overflow: hidden;
  }

  .mao-word-second {
    font-size: 18px;
    color: var(--mao-black-light);
  }

  .maocontentU .si-img-box {
    position: relative;
    overflow: hidden;
    display: block;
  }

  .ji-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
  }

  .maocontentU .si-img-box:hover .ji-mask {
    opacity: 1;
  }

  .maocontentU .si-img-box:hover .ji-img {
    transform: scale(1.05);
  }

  .maocontentU .si-img-box .ji-img {
    transition: all .3s ease-in-out;
  }

  .maomodel-footer-desc img {
    max-width: 150px;
    height: auto;
  }

  .mao-word {
    font-size: 16px;
    color: var(--mao-black);
  }

  .mao-mt-small {
    margin-top: 1.5rem;
  }

  .maomodel-footer-link ul {
    list-style: none;
    padding: 0;
  }

  .maomodel-footer-link ul li {
    /* width: 49.5%; */
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #BFBFBF;
    border-radius: 50px;
    padding: 0 1rem;
    margin-right: 0.5rem;
  }

  .maomodel-footer-link ul li a {
    color: #898989;
  }

  .maomodel-footer-link-new ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
  }

  .maomodel-footer-link-new ul li {
    /* width: 49.5%; */
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    border-radius: 50px;
    flex: 1;
  }

  .maomodel-footer-link-new ul li a {
    color: #4C4948;
    font-weight: bold;
  }

  .mao-btn-fang {
    background: var(--mao-blue);
    color: var(--mao-white);
    cursor: pointer;
  }

  .mao-btn-fang-new {
    border: 1px solid #96B41E;
    background-color: transparent !important;
    border-radius: 50px;
    color: #96B41E !important;
  }

  .maomodel-footer-contact .mao-btn-fang {
    padding: 10px 30px;
  }



  .maomodel-footer-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    border-top: 1px solid var(--mao-black-light);
    padding-top: 1rem;
    margin-top: 1rem;
  }

  .maomodel-footer-info .si-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }

  .maomodel-footer-info .si-info p {
    margin: 0;
    font-size: 14px;
  }

  .maomodel-footer-info .si-social a {
    /* padding: 0 3px; */
    font-size: 14px;
    margin-left: 1.5rem;
    color: #727171;
  }

  .maomodel-footer-info .si-social a img {
    width: 30px;
  }

  .maocontent {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
  }

  .maocontent .si-img-box1 {
    overflow: hidden;
    /* width: 350%; */
    flex: 1;
  }

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

  .maocontent .mao-css-model-bg {
    padding-left: 70%;
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%;
  }

  .maocontent .mao-css-model-bg:hover {
    transform: scale(1.05);
  }

  .maocontent .maopc {
    padding: 1.5rem;
  }

  .maomodel-product-posts .maocontent {
    display: flex;
  }

  .maomodel-product-posts .maocontent .si-left {
    width: 50%;
    margin-right: 10px;
    height: 426px;
  }

  .maomodel-product-posts .maocontent .si-left .si-bg,
  .maomodel-product-posts .maocontent .si-right .ji-top .si-bg,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left .si-bg,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right .si-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease-in-out;
    object-fit: cover;
  }

  .maomodel-mcontent .maocontentU .si-img-box:hover .ji-img {
    transform: scale(1.05);
  }

  .maomodel-mcontent .maocontentU .si-img-box:hover .ji-mask {
    opacity: 1;
  }

  .maomodel-product-posts .maocontent .si-left:hover .si-bg,
  .maomodel-product-posts .maocontent .si-right .ji-top:hover .si-bg,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left:hover .si-bg,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right:hover .si-bg {
    transform: scale(1.05);

  }

  .maomodel-product-posts .maocontent .si-bg-c .mao-avatar-box a,
  .maomodel-product-posts .maocontent .si-bg-c .mao-avatar-box span,
  .maomodel-product-posts .maocontent .si-bg-c .si-desc {
    color: var(--mao-white);
  }

  .maomodel-product-posts .maocontent .si-bg-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
  }

  .maomodel-product-posts .maocontent .si-bg-inner>a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-bg-c {
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    width: 100%;
  }

  .si-social-new {
    display: flex;
  }

  .si-social-new a {
    margin-right: 0.4rem;
  }

  .si-social-new a img {
    width: 30px;
    border-radius: 50px;
  }

  .maomodel-product-posts .maocontent .mao-mb-small {
    margin-bottom: 1rem;
  }

  .maomodel-product-posts .maocontent .si-left,
  .maomodel-product-posts .maocontent .si-right .ji-top,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right {
    position: relative;
    overflow: hidden;
  }

  .maomodel-product-posts .maocontent .si-right {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }

  .maomodel-product-posts .maocontent .si-right .ji-top {
    margin-bottom: 10px;
    height: 208px;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-right .ji-bottom {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left {
    /*margin-right: 10px;*/
    height: 208px;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right {
    height: 208px;
    width: 100%;
  }

  .nomb .si-img-box {
    height: 288px;
  }

  .maopc .mao-left-right .maocontentU {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: space-between;
    flex-direction: row;
    padding: 10px;
    background: #fff;
    margin-bottom: 12px;
  }

  .mao-left-right .maocontentU .si-img-box {
    width: 100%;
    height: 148px;
  }

  .maopc .mao-left-right .maocontentU .si-img-box {
    position: relative;
    overflow: hidden;
    display: block;
  }

  .maopc .mao-left-right .maocontentU .si-img-box .ji-img {
    /* width: 100%;
    padding-top: 70%; */
  }

  .maopc .mao-left-right .maocontentU .si-img-box:hover .ji-mask {
    opacity: 1;
  }

  .maopc .maocontentU .si-img-box .ji-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* padding-top: 50%; */
    transition: all .3s ease-in-out;
  }

  .maopc .maocontentU .si-img-box .ji-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
  }

  .maopc .mao-left-right .maocontentU .si-content {
    padding: 0;
    margin-left: 15px;
    width: 135%;
  }

  .maopc .mao-left-right .maocontentU .si-content .mao-small-title {
    /* display: inline-block; */
  }

  .maopc .mao-left-right .maocontentU .si-content .mao-avatar-box {
    margin-bottom: 0;
  }

  .footer_new {
    display: flex;
  }

  .footer_new .footer_l {
    width: 50%;
    flex-direction: column;
    text-align: left !important;
    justify-content: flex-start;
    padding-left: 40px !important;
  }

  .footer_new .footer_l .title {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .footer_new .footer_l .text {
    font-size: 18px;
  }

  .footer_new .footer_r {
    width: 50%;
  }

  .maomodel-email .maocontent {
    /* height: 288px;  */
    background: var(--mao-blue-heavy);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--mao-white);
    text-align: center;
    padding: 30px 0 40px 0;
  }

  .maomodel-email .hs-richtext h2 {
    font-weight: bold;
    font-size: 36px;
    color: var(--mao-white);
  }

  .maomodel-email .hs_email,
  .maomodel-slide-email .hs_email {
    /* margin: -5px 0 20px 0; */
    flex: 1;
  }


  .maomodel-email .hs_email label {
    display: none;
  }

  .maomodel-email .hs_email ul {
    /* display: none; */
  }

  .footer_r .hbspt-form {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 20px 0 30px;
  }

  .footer_r .hbspt-form form {
    display: flex;
    width: 100%;
    height: 42px;
  }

  .maomodel-email input[name="email"] {
    background-color: #fff;
    width: 100%;
    height: 42px;
    border: 1px solid var(--mao-white);
    color: var(--mao-black);
    border-radius: 50px;
    padding: 0 40px 0 10px;
  }

  .maomodel-email input[name="email"]::placeholder {
    padding: 0 10px;
  }

  .maomodel-search input[name="s"]::placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]::placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]::-webkit-input-placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]::-moz-placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]:-ms-input-placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email .maocontent input[type="submit"] {
    /* width: 250px;
    padding: 8px 35px; */
    height: 42px;
    border-radius: 50px;
    margin-left: -35px;
  }


  .maomodel-slide-email a,
  .maomodel-email input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    padding: 8px 35px;
    background: var(--mao-bg);
    color: var(--mao-green);
    display: inline-block;
  }

  .maomodel-email input[type="submit"] {
    background: var(--mao-green);
    color: var(--mao-white);
  }

  .maomodel-email input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    border: 0;
  }

  .maomodel-slide-post {
    padding: 0 15px 15px;
  }

  .maomodel-slide-post .si-post .ji-post {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box .s-img {
    transition: all .3s ease-in-out;
  }

  .maomodel-slide-post .si-post .ji-post .s-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 120px;
    object-fit: cover;
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box:hover .ji-mask {
    opacity: 1;
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box .ji-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mao-white);
    transition: all .3s ease-in-out;
  }

  .maomodel-slide-post .si-post .ji-post .s-info {
    width: calc(100% - 140px);
  }

  .maomodel-slide-post .si-post .ji-post .mao-mb-small {
    margin-bottom: 1rem;
  }

  .maomodel-slide-post .si-post .ji-post .si-desc {
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    color: var(--mao-black-heavy);
  }

  .maomodel-slide-email {
    background: var(--mao-green);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 20px;
  }

  .maomodel-slide-email-new {
    padding-bottom: 0px !important;
  }

  .maomodel-slide-email .title {
    color: #fff;
    font-size: 26px;
    margin-bottom: 10px;
    line-height: initial;
  }

  .maomodel-slide-email .text {
    color: #fff;
    font-size: 18px;
    line-height: initial;
  }

  .maomodel-slide-email h4,
  .maomodel-slide-email .hs-richtext h2 {
    color: var(--mao-white);
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
  }

  .maomodel-email .hs_email2 input[name="email"],
  .maomodel-slide-email input[name="email"] {
    width: 100%;
    padding: 8px 15px;
    background: #7C8F23;
    border: 1px solid var(--mao-white);
    margin-bottom: 15px;
  }

  .maomodel-email input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    border: 0;
  }

  .maomodel-slide-email a,
  .maomodel-email .rigthBtn input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    padding: 8px 35px;
    background: var(--mao-bg);
    color: var(--mao-green);
    display: inline-block;
  }

  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled),
  button:not(:disabled) {
    cursor: pointer;
  }

  .mao-mb {
    margin-bottom: 3rem;
  }

  .mao-mt {
    margin-top: 3rem;
  }

  .maomodel-slide-search .ji-search {
    position: relative;
  }

  .maomodel-slide-search .ji-search input {
    width: 100%;
    padding: 10px;
    border: 0;
  }

  .maomodel-slide-search .ji-search input::placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-slide-search .ji-search button {
    padding: 5px 15px;
    position: absolute;
    right: 6px;
    top: 6px;
    border: 0;
  }

  .maomodel-slide-search .ji-search button img {
    width: 18px;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2:hover .si-bg {
    transform: scale(1.05);
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 426px;
    transition: all .3s ease-in-out;
    display: block;
    width: 100%;
    object-fit: cover;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner>a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c {
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    width: 100%;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c a,
  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c span,
  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c h2 {
    color: var(--mao-white);
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 5px;
  }

  .maomodel-search .maocontent1 {
    position: relative;
  }

  .maomodel-search .maocontent1 input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--mao-black-light2);
  }

  .maomodel-search .maocontent1 .mao-btn-fang {
    padding: 5px 15px;
    position: absolute;
    right: 10px;
    top: 6px;
    border: 0;
  }

  .maomodel-search .maocontent1 .mao-btn-fang img {
    width: 20px;
  }

  .maomodel-mcontent .maocontentU {
    margin-bottom: 1.5rem;
  }

  .mao-big-title {
    font-weight: bold;
    font-size: 36px;
    color: var(--mao-black-heavy);
  }

  .maomodel-main .si-left .ji-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--mao-black-light2);
    padding-bottom: 2rem;
  }

  .maomodel-main .si-left .ji-meta .s-time span:last-child {
    margin-left: 0px;
  }

  .maomodel-main .si-left .ji-meta .s-social a {
    padding: 0 3px;
  }

  .maomodel-main .si-left .ji-meta .s-social a img {
    width: 30px;
  }

  .maomodel-main .si-left .ji-tag span,
  .maomodel-main .si-left .ji-cat span {
    color: var(--mao-green);
  }

  .maomodel-main .si-left .ji-tag>*,
  .maomodel-main .si-left .ji-cat>* {
    margin: 8px;
  }

  .maomodel-main .si-left .ji-tag>a,
  .maomodel-main .si-left .ji-cat>a {
    border-bottom: 1px solid #f7f8fa;
  }

  .maomodel-main .si-left .ji-tag>a h3,
  .maomodel-main .si-left .ji-cat>a h3 {
    font-size: 16px;
    display: inline-block;
  }

  .maomodel-main .si-left .ji-tag>a:hover,
  .maomodel-main .si-left .ji-cat>a:hover {
    border-bottom: 1px solid var(--mao-green);
  }

  .maomodel-slide-anthor ul {
    /* background: #fff; */
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 2rem;
    list-style: initial;
  }

  .maomodel-slide-anthor.maomodel-slide-anthor-m ul li,
  .maomodel-slide-anthor ul li {
    margin-bottom: 10px;
  }

  .maomodel-slide-anthor.maomodel-slide-anthor-m ul li a.active,
  .maomodel-slide-anthor ul li a.active {
    border-bottom: 1px solid var(--mao-blue);
    color: var(--mao-blue) !important;
  }

  .maomodel-slide-anthor.maomodel-slide-anthor-m ul li a,
  .maomodel-slide-anthor ul li a {
    font-size: 16px;
  }

  .Ceiling {
    width: 376px;
    position: relative;
    top: 0;
    bottom: auto;
  }

  .Ceiling2 {
    width: 376px;
    position: fixed;
    top: 0;
    bottom: auto;
  }

  .maomodel-main .si-left .ji-tag {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--mao-black-light2);
  }

  .mao-single img {
    max-width: 100%;
  }

  .mao-single h2,
  .mao-single p {
    font-family: OpenSans-SemiBold, OpenSans-Medium, 'Microsoft YaHei' !important;
    /* font-family: OpenSans-SemiBold !important; */
  }

  .maomobile {
    display: none;
  }

  .maomodel-mcontent .maomcontent {
    padding: 0px 10px 10px;
  }

  .maomobile .si-img-box .ji-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 50%;
    transition: all .3s ease-in-out;
  }

  .maomodel-mcontent .maomcontent .si-list:first-child {
    border-top: 1px solid var(--mao-black-light);
  }

  .maomodel-mcontent .maomcontent .si-list {
    padding-top: 30px;
    display: flex;
  }

  .maomodel-mcontent .maomcontent .si-list .ji-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 30%;
    background-color: #e6e6e6;
  }

  .maomodel-mcontent .maomcontent .si-list .ji-meta {
    padding: 10px 25px;
  }

  .maopc_xl {
    display: none;
  }

  .arrow {
    transform: rotate(90deg);
    display: inline-block;
  }

  .maomodel-topsingle .maocontent .maopc,
  .maomodel-topsingle .maocontent .maomobile {
    padding: 1.5rem;
  }

  .maomodel-topsingle .maocontent .maomobile .si-header {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }

  .mao-btn-small,
  a.mao-btn-small {
    color: var(--mao-blue-heavy);
  }

  .mao-avatar-box .mao-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    object-fit: cover;
  }

  .mao-mb-small a {
    color: var(--mao-black);
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box:hover .s-img {
    transform: scale(1.05);
  }

  .ji-cat a {
    color: var(--mao-black);
  }

  .mao-btn-fang:hover {
    color: var(--mao-white) !important;
    background: #0646e7;
  }

  .mao-btn-fang-new:hover {
    background-color: transparent !important;
    color: #96B41E !important;
  }

  .maomodel-topsingle .maocontent .si-more {
    margin: 3rem 0 2rem;
    display: block;
  }

  .maomodel-mcontent .maomcontent .si-list .ji-meta .si-desc {
    line-height: 25px;
  }

  .mao-small-title a {
    color: var(--mao-black-heavy);
  }

  .ji-author-posts {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-top: 1.5rem;
  }

  .ji-author-posts .ji-author-post {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }

  .mao-padding {
    padding: 15px;
  }

  .ji-author-posts .ji-author-post .s-img-box .j-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mao-white);
    transition: all .3s ease-in-out;
  }

  .ji-author-posts .ji-author-post .s-img-box {
    height: 180px;
    position: relative;
    display: block;
    overflow: hidden;
    flex: 1;
  }

  .ji-author-posts .ji-author-post .s-meta {
    margin-left: 15px;
    width: 59%;
  }

  .ji-author-posts .ji-author-post .s-img-box .j-img {
    padding-top: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease-in-out;
  }

  .ji-author-posts .ji-author-post .s-meta .mao-mb-small {
    margin-bottom: 1rem;
  }

  .ji-author-posts .ji-author-post .s-meta .mao-line-3 {
    height: 90px;
    overflow: hidden;
  }

  .ji-author-posts .ji-author-post .s-meta .mao-mb-small {
    margin-bottom: 1rem;
  }

  .ji-author-posts .ji-author-post .s-img-box:hover .j-img {
    transform: scale(1.05);
  }

  .ji-author-posts .ji-author-post .s-img-box:hover .j-mask {
    opacity: 1;
  }

  .maomodel-main .ji-author-meta {
    padding: 25px;
    /*margin: 15px;*/
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #fff;
  }

  .maomodel-main .ji-author-meta img {
    width: 100px;
    height: 100px;
    margin-right: 5px;
  }

  /* ----------- */

  .maomodel-main .cpCard {
    margin: 1.5rem 1rem;
    gap: 25px;
    /* 卡片阴影 */
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  }

  .maomodel-main .cpCard .mao-btn {
    padding: 3px 10px;
  }

  .maomodel-main ul {
    list-style: initial;
    padding: 0 0 0 1.5rem;
  }

  .maomodel-main .detailsBox3Box .cpCard h2 {
    margin-bottom: 16px !important;
    margin-top: 0 !important;
  }

  .maomodel-main .detailsBox3Box .cpCard a {
    text-decoration: initial;
  }

  .maomodel-main .cpCard img {
    width: 120px !important;
    height: 220px !important;
    object-fit: contain;
    margin-right: 0px !important;
  }

  .maomodel-main .cpCard .mao-aux-word {
    /* word-break: break-all; */
    /* 三行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0px !important;
    /* color: var(--mao-black-light) !important; */

  }

  .maomodel-main .cpCard .s-a-box {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    height: 220px;
    justify-content: center;
    gap: 16px;
  }

  .maomodel-main .cpCard .s-a-box .category {
    color: #96b41e;
    /* font-weight: bold; */
    font-size: 18px;
    margin-bottom: 10px;
    /* 一行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .maomodel-main .cpCard .mao-big-title {
    text-decoration: none;
    /* word-break: break-all; */
    /* 两行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0px !important;
    font-size: 20px;
    /* line-height: 25px!important; */
  }

  /* ----------- */


  .maomodel-taglist .s-list,
  .maomodel-nav .maocontent .si-nav .ji-topics .shu-content .s-list {
    line-height: 50px;
  }

  .maomodel-taglist .s-list a,
  .maomodel-nav .maocontent .si-nav .ji-topics .shu-content .s-list a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: var(--mao-black);
    margin-right: 30px;
    position: relative;
  }

  .hs_recaptcha {
    display: none;
  }

  .hs_error_rollup {
    display: none;
  }

  .maomodel-main .ji-author-meta.ji-author-page {
    align-items: flex-start;
    justify-content: initial;
    line-height: 1.2 !important;
  }

  .maomodel-main .mao-single-box .ji-author-meta {
    background: var(--mao-white);
  }

  .maomodel-main .ji-author-meta .s-a-box {
    margin-left: 25px;
    flex: 1;
  }

  .maomodel-main .ji-author-meta .s-a-box h2:hover {
    color: var(--mao-green) !important
  }

  .paginationBox {
    display: flex;
    justify-content: flex-end;
  }

  .maomodel-main .ji-posts-prev-next {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
  }

  .maomodel-main .ji-posts-prev-next .s-next {
    width: 100%;
    margin-left: 5px;
    text-align: right;
  }

  .maomodel-main .ji-posts-prev-next>div>a:first-child {
    color: var(--mao-black);
  }

  .maomodel-main .ji-posts-prev-next a {
    color: var(--mao-green);
  }

  .maomodel-main .ji-posts-prev-next .s-prev {
    width: 100%;
    margin-right: 5px;
  }

  .maomodel-main .ji-posts-prev-next>div>a:first-child {
    color: var(--mao-black);
  }

  .mao-single .detailsBox3Box>div,
  .mao-single .detailsBox3Box>span,
  .mao-single .detailsBox3Box>p {
    margin-top: 24px !important;
    line-height: 2 !important;
    margin-bottom: 0 !important;
  }

  .mao-single .detailsBox3Box h2 {
    line-height: 1.2 !important;
    margin-top: 48px !important;
    margin-bottom: 0 !important;
    font-size: 2rem !important;
  }

  .mao-single .detailsBox3Box h3 {
    line-height: 1.4 !important;
    margin-top: 42px !important;
    margin-bottom: 0 !important;
    font-size: 1.8rem !important;
  }

  .mao-single .detailsBox3Box h4 {
    line-height: 1.4 !important;
    margin-top: 36px !important;
    margin-bottom: 0 !important;
    font-size: 1.6rem !important;
  }

  .header-menu {
    flex: 1
  }

  .container_footer {
    padding: 1rem 2rem 0 2rem;
    background-color: #ecf3fb;
  }

  .mao-small-title-new {
    color: var(--mao-green) !important;
    margin-top: 3rem;
    font-size: 18px;
  }

  @media(max-width:1360px) {
    .sm_hide {
      display: block;
      overflow: hidden
    }
  }

  @media (max-width: 992px) {
    .maomodel-main .cpCard.ji-author-page {
      text-align: center;
    }

    .maomodel-main .cpCard .mao-big-title {
      -webkit-line-clamp: 2;
      font-size: 20px
    }


    .footer_r .hbspt-form {
      padding: 0 20px;
    }

    .maomodel-footer-desc img {
      max-width: 100px;
    }

    .si-social-new a img {
      width: 40px;
      margin-right: 0.5rem;
    }

    .maomodel-footer-info {
      border-top: 0px solid var(--mao-black-light);
    }

    .mao-small-title-new {
      margin-top: 0rem;
    }

    .maomodel-footer-info {
      flex-direction: column;
    }

    .maomodel-footer-info .si-social {
      margin-top: 0.5rem;
      width: 100%;
    }

    .maomodel-footer-info .si-social a {
      margin-left: 0;
      margin-right: 3rem;
    }

    .container_footer {
      padding-top: 20px !important;
    }

    .maomodel-footer-link-new ul li {
      width: 100%;
    }

    .maomodel-footer-link-new ul li a {
      display: flex;
      justify-content: space-between;
    }

    .authorName {
      text-align: center;
    }

    .maomodel-main .ji-author-meta.ji-author-page {
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 25px 15px;
    }

    .si-content {
      height: initial;
    }

    .mao-line-3Box {
      height: initial;
    }

    .serachPageList {
      padding: 0 15px;
    }

    .Ceiling {
      width: 100%;
    }

    .ji-author-posts .ji-author-post .s-meta {
      margin-left: 0;
      width: 100%;
      padding: 15px 10px;
    }

    .ji-author-posts .ji-author-post {
      flex-direction: column;
      align-items: initial;
    }

    .maomodel-main .ji-author-meta>div {
      /* text-align: center; */
      /* margin-left: 0 !important; */
      margin-left: 0rem !important;
      flex: 1;
    }

    .maomodel-main .ji-author-meta>div h1 {
      text-align: center;
    }

    .ji-author-posts .ji-author-post .s-meta .mao-line-3 {
      height: initial;
      margin-bottom: 0.75rem;
    }

    .mao-mb {
      margin-bottom: 1.5rem;
    }

    .maomodel-main .ji-author-meta {
      /* flex-direction: column;
    flex-wrap: nowrap;
    align-items: center !important; */
    }

    .maomodel-footer-contact .si-social.maomobile {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
    }

    .maomodel-footer-contact .si-social.maomobile a img {
      width: 30px;
    }

    .maomodel-footer-contact .mao-btn-fang {
      width: 100%;
      display: inline-block;
      text-align: center;
      padding: 15px 0;
    }

    .maomodel-footer-contact .mao-btn-fang-new {
      width: initial;
      padding: 5px 20px;
      color: #fff !important;
      background-color: #96B41E !important;
    }

    .maomodel-email .hs-richtext h2 {
      font-size: 24px;
    }

    .maomodel-slide-anthor.maomodel-slide-anthor-m h4,
    .maomodel-slide-anthor.maomodel-slide-anthor-m ul li a.mao-word-second {
      color: var(--mao-blue);
    }

    .header-menu-icon {
      display: block !important;

    }

    .header-menu-view {
      /* display: none !important; */
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10006;
      display: none;
      opacity: 0;
    }

    .maomodel-main .si-left .ji-meta .s-social {
      margin-top: 1rem;
    }

    .maomodel-main .si-left .ji-meta {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }

    .mao-big-title {
      font-weight: bold;
      font-size: 24px;
      color: var(--mao-black-heavy);
    }

    .nomb .si-img-box {
      height: 178px;
    }

    .maomodel-mcontent .maocontentU .si-img-box .ji-img {
      height: 178px;
    }

    .mao-small-title {
      font-weight: bold;
      font-size: 18px;
      color: var(--mao-black-heavy);
    }


    .maomodel-topsingle .maocontent {
      flex-direction: column;
    }

    .arrow {
      transform: rotate(0deg);
      display: inline-block;
    }

    .header-menu-view ul li a {
      display: flex;
      justify-content: space-between;
      line-height: 60px;
    }

    .header-menu-view ul li {
      display: inline-block;
      font-size: 16px;
      margin: 0 !important;
      font-weight: bold;
      color: var(--font-color)
    }

    .header-menu-view .nav_active a {
      color: var(--mao-black) !important;
    }

    .nav_active {
      border-bottom: 2px solid rgba(255, 255, 255, 0) !important;
    }

    .dropdownBox {
      display: none;
    }

    .maomodel-topsingle .maocontent .si-img-box {
      height: 178px;
      width: auto;
    }

    .maopc_xl {
      display: block;
    }

    .header-menu {
      width: 13px;
      height: 13px;
      margin: 0 !important;
    }

    .search {
      height: 100%;
      line-height: 60px;
      padding: 0 !important;
    }

    .mao-aux-word {
      font-size: 16px;
      color: var(--mao-black);
    }

    .maomodel-topsingle .maocontent {
      flex-direction: column;
    }

    .maomodel-mcontent .maomcontent .si-list .ji-meta {
      padding: 0 15px;
    }

    .maomodel-mcontent .maomcontent .si-list .ji-meta .si-desc {
      margin-bottom: 0;
      height: 100px;
      overflow: hidden;
      -webkit-line-clamp: 4;
      /* line-height: 25px; */
      line-height: 25px;
      max-height: 100px;
    }

    .maomobile {
      display: block;
    }

    .maocontent .si-img-box1 {
      height: 178px;
      width: auto;
    }

    .newBox_1 .newTitle {
      margin-bottom: 0.75rem;
    }

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

    .maopc {
      display: none !important;
    }

    .newBox_1 .newTitle .text_l {
      font-weight: bold;
      font-size: 24px;
      color: var(--mao-black-heavy);
    }

    .moduleItem {
      margin-top: 1.5rem !important;
    }

    .si-img-box {
      height: 178px;
    }

    .mao-mb-small {
      margin-bottom: 0.75rem;
    }

    .mao-small-title {
      height: auto;
      margin-bottom: 0.75rem;
    }
  }

  @media(max-width:768px) {
    .maomodel-main .cpCard img {
      width: 110px !important;
      height: 210px !important;
      margin-right: 0px !important;
    }

    .maomodel-main .cpCard .s-a-box {
      text-align: center;
    }

    .maomodel-main .cpCard {
      gap: 15px;
    }

    .maomodel-main .cpCard .mao-aux-word {
      margin-bottom: 15px !important;
      margin-top: 10px;
      -webkit-line-clamp: 3;
    }

    .footer_new {
      flex-direction: column;
    }

    .footer_new .footer_r {
      width: 100%;
    }

    .footer_new .footer_l {
      width: 100%;
      padding-bottom: 0px !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
    }

    .maomodel-email .maocontent {
      padding: 20px 0;
    }

    .container {
      overflow: hidden;
      padding: 0 12px;
    }

    .container-banner {
      overflow: hidden;
      margin-top: 0 !important;
    }

    .container-banner img {
      height: 428px;
    }

    .apply_div {
      margin-bottom: 20px
    }

    .header-menu-view {
      /* display: none !important; */
    }

    .dislay_style {
      display: block
    }

    .sm_hide {
      display: none !important
    }

    .lg_hide {
      display: block
    }

    .lg_flex {
      display: block
    }

    .header-logo {
      /* position: absolute; */
      top: 16px
    }

    .video_width {
      width: 100%
    }
  }

  @media(max-width: 425px) {
    .container-banner img {
      height: 214px;
    }
  }