* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
  }
  .main {
    max-width: 1020px !important;
    margin: 0 auto !important;
    padding: 0px 10px;
  }
  .main_1200 {
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 0px 10px;
  }
  .main_630 {
    max-width: 650px !important;
    margin: 0 auto !important;
    padding: 0px 10px;
  }
  body,
  html {
    width: 100%;
    height: 100%;
  }
  
  /* .banner { height: 100vh; } */
  
  .banner {
    width: 100%;
    position: relative;
  }
  .banner video {
    width: 100%;
  }
  .banner .item {
    position: absolute;
    left: 0px;
    top: 10px;
    height: 100%;
    width: 100%;
  }
  .banner .item .main {
    height: 100%;
  }
  .banner .item .con {
    height: 100%;
    display: flex;
    align-items: center;
    position:absolute;
  }
  .banner:after {
    content: "";
    background: url("../image/zm_icon31.png") repeat-x left bottom;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
  }
  
  /* pc绔鑸� */
  
  @media screen and (min-width: 1100px) {
    .header .item .nav .nav_con .p_text {
      display: none;
    }
  
    .header {
      position: fixed;
      top: 0;
      left: 0px;
      width: 100%;
      z-index: 99;
    }
    .header .item {
      display: flex;
      flex-direction: row;
      background-image: linear-gradient(0deg, #02639a 0%, #0290ab 100%);
      height: 86px;
      align-items: center;
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 5px;
      position: relative;
    }
    .header .item .logo {
      background: linear-gradient(297deg, transparent 45px, #005ca1 0px);
      height: 84px;
      width: 230px;
      display: flex;
      align-items: center;
      padding-left: 20px;
      border-radius: 5px;
    }
    .header .item .nav {
      padding-right: 10px;
    }
    .header .item .nav .nav_con > ul {
      display: flex;
      flex-direction: row;
    }
    .header .item .nav .nav_con > ul > li > a {
      color: #fff;
      font-size: 14px;
      margin-right: 27.9px;
      display: block;
      line-height: 86px;
      position: relative;
    }
  
    .header .item .nav .nav_con > ul > li:hover > .nav_back1:before {
      content: "";
      position: absolute;
      width: 126px;
      height: 86px;
      top: 0px;
      left: -34px;
      background: url("/svg/nav1.svg") no-repeat center center;
    }
  
    .header .item .nav .nav_con > ul > li:hover > .nav_back2:before {
      content: "";
      position: absolute;
      width: 141px;
      height: 86px;
      top: 0px;
      left: -35px;
      background: url("/svg/nav2.svg") no-repeat center center;
    }
  
     .header .item .nav .nav_con > ul > li:hover > .nav_back2_3:before { left:-32px; }
          .header .item .nav .nav_con > ul > li:hover > .nav_back1_5:before {
              left: -42px;
          }
          .header .item .nav .nav_con > ul > li:hover > .nav_back1_6:before {
              left: -48px;
          }
  
     .header .item .nav .nav_con > ul > li:hover > .nav_back3:before {
      content: "";
      position: absolute;
      width: 117px;
      height: 86px;
      top: 0px;
      left: -32px;
      background: url("/svg/nav3.svg") no-repeat center center;
     }
  
    /*.header .item .nav .nav_con > ul > li > a:hover {
      text-decoration: underline;
    }*/
    .header .icon .a {
      display: block;
      height: 42px;
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #00529a;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      cursor: pointer;
      position:relative
    }
  
  
    .header .icon .a:first-child {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
      .header .icon .a span {
          width:100%;
          height:100%;
          position:absolute;
          left:0;
          top:0;
          background:#00529a;
          display:flex;
          align-items:center;
          justify-content:center;
          color:#fff;
          opacity:0;
          transition:all .3s
      }
      .header .icon .a:hover span {
          opacity:1
      }
          .header .icon .a span em {
              padding:0 4px
          }
          .header .icon .a span a {
              font-size:13px;
              color:#fff
          }
    .header .text {
      color: #00ffff;
      font-size: 12px;
      text-align: center;
      width: 90px;
      position: relative;
      height: 90px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .header .text:before {
      content: "";
      background: url("../image/icon3.png") no-repeat center center;
      width: 6px;
      height: 5px;
      display: block;
      margin: 0 auto;
      margin-bottom: 5px;
    }
    .header .text:after {
      content: "";
      background: url("../image/icon4.png") no-repeat center center;
      width: 6px;
      height: 5px;
      display: block;
      margin: 0 auto;
      margin-top: 5px;
    }
    .header .text .text_list {
      position: absolute;
      top: 0px;
      left:2px;
      width: 100%;
      display: none;
    }
    .header .text .text_list a {
      display: block;
      width: 100%;
      padding: 10px 0px;
      text-align: center;
      color: #fff;
      font-size: 12px;
    }
    .header .text .text_list a:hover {
      text-decoration: underline;
    }
    .header .text .text_list a:after {
      content: "";
      background: url("../image/icon33.png") no-repeat center center;
      width: 7px;
      height: 6px;
      display: block;
      margin: 0 auto;
      margin-top: 2px;
    }
  
    .header .text .text_list a:nth-child(1) {
      background-image: linear-gradient(0deg, #08889c 0%, #025b96 100%);
    }
    .header .text .text_list a:nth-child(2) {
      background-image: linear-gradient(0deg, #00dc5d 0%, #007085 100%);
    }
    .header .text .text_list a:nth-child(3) {
      background-image: linear-gradient(0deg, #c5a806 0%, #316171 100%);
    }
  
    .header .text:hover .text_list {
      display: block;
    }
    .header .item .nav ul li .nav2 {
      background: url("../image/icon29.png") repeat-x left top;
      position: absolute;
      top: 83px;
      left: 0px;
      width: 100%;
      padding:20px 92px 40px 195px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      border: 1px solid rgba(255, 255, 255, 0.5);
      overflow: hidden;
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
    }
    .header .item .nav ul li .nav2 > ul {
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      min-height: 250px;
      position: relative;
      width: 650px;
    }
    .header .item .nav ul li .nav2 > ul > li {
      width: 220px;
    }
    .header .item .nav ul li .nav2 > ul > li > a {
      font-size: 14px;
      color: #fff;
      display: block;
      margin-top: 10px;
      padding-left: 14px;
      cursor: pointer;
    }
    .header .item .nav ul li .nav2 > ul > li > a:hover {
      text-decoration: underline;
      color: #00ffff;
    }
      .header .item .nav ul li .nav2 > ul > li:hover .nav3 {
          display:block
      }
  
    .header .item .nav ul li .nav2 .pic {
      width: 250px;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      min-height: 250px;
      padding-left: 20px;
    }
    .header .item .nav ul li .nav2 .pic a {
      display: block;
    }
    .header .item .nav ul li .nav2 .pic .img {
      width: 180px;
      height: 118px;
      overflow: hidden;
    }
    .header .item .nav ul li .nav2 .pic .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.6s;
      -webkit-transition: all 0.6s;
      transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
    }
    .header .item .nav ul li .nav2 .pic h3 {
      color: #fff;
      font-size: 16px;
      margin-top: 10px;
    }
    .header .item .nav ul li .nav2 .pic p {
      font-size: 16px;
      margin-top: 20px;
      color: #fff;
    }
    .header .item .nav ul li .nav2 .pic a:hover h3 {
      text-decoration: underline;
      color: #00ffff;
    }
    .header .item .nav ul li .nav2 .pic a:hover .img img {
      transform: scale(1.1, 1.1);
      -webkit-transform: scale(1.1, 1.1);
    }
  
    .header .item .nav ul li .nav3 {
      position: absolute;
      left: 180px;
      top: 0px;
      display:none;
    }
  
  
    .header .item .nav ul li .nav3 > ul {
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      min-height: 250px;
      position: relative;
    }
    .header .item .nav ul li .nav3 > ul > li {
      width: 220px;
    }
    .header .item .nav ul li .nav3 > ul > li > a {
      font-size: 13px;
      color: #fff;
      display: block;
      padding-top: 10px;
      padding-left: 20px;
      line-height:21px;
    }
    .header .item .nav ul li .nav3 > ul > li > a:hover {
      text-decoration: underline;
      color: #00ffff;
    }
    .header .item .nav .nav_con > ul > li:hover > .nav2 {
      visibility: visible;
      opacity: 1;
    }
    .header .item .nav2 > ul > li:hover > .nav3 ul li a {
     
    }
  
    .header .search {
      position: absolute;
      width: 297px;
      height: 86px;
      right: 90px;
      top: 0;
      background: url("../image/icon30.png") no-repeat left top;
      background-size:100% 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 10px;
      padding-left: 50px;
      opacity: 0;
      visibility: hidden;
    }
    .header .search .fom {
      width: 100%;
      position: relative;
      border-radius: 30px;
      height: 22px;
      overflow: hidden;
      padding-right: 68px;
      margin-top:-3px
  
    }
    .header .search .txt {
      width: 171px;
      height: 100%;
      padding: 10px;
      background:url("../image/li.svg");
  
    }
    .header .search .but {
      background: url("../image/icon31.svg") no-repeat center center;
      width: 40px;
      height: 22px;
      position: absolute;
      right: 35px;
      top: 0px;
    }
  
    .search_close {
      background: url("../image/icon32.svg") no-repeat center center;
      width: 34.5px;
      height: 22px;
      position: absolute;
      right: 9px;
      top: 0px;
      cursor: pointer;
    }
  
    .header .item .phone_nav {
      display: none;
    }
    .header .item .nav .icon {
      display: none;
    }
  }
  
  /* pc绔鑸粨鏉� */
  
  .in_about {
      margin:0 auto;
      max-width:1020px;
    text-align: center;
    padding: 50px 0px 20px;
    font-family: "gotbook";
  }
      .in_about h3 {
          font-size: 44px;
          color: #009ab0;
          font-family: "syhtlight";
          line-height:52px;
      }
  .in_about strong {
    display: block;
    color: #727171;
    font-size: 20px;
    margin-top: 15px;
    letter-spacing:-1px;
  }
  .in_about h6 a {
    font-size: 12px;
    color: #009ab0;
    display: inline-block;
    border: 1px solid #009ab0;
    border-radius: 20px;
    padding: 5px 15px;
    margin-top: 20px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_about h6 a:after {
    content: "";
    background: url("../image/icon5.png") no-repeat left center;
    width: 5px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_about h6 a:hover {
    background: #009ab0;
    color: #fff;
  }
  .in_about h6 a:hover:after {
    background: url("../image/icon5_m.png") no-repeat left center;
  }
  
  .in_field {
    padding: 90px 0px;
  }
  .in_field .list {
    margin-top: 40px;
  }
  .in_field .list ul li {
    float: left;
    margin: 7px 0px;
  }
  .in_field .list ul li:nth-child(1) {
    margin-top: 28px;
  }
  .in_field .list ul li:nth-child(1) .con {
    width: 219px;
    height: 365px;
  }
  .in_field .list ul li:nth-child(2) {
    margin-left: 14px;
    margin-right: 14px;
    width: 484px;
    height: 236px;
  }
  .in_field .list ul li:nth-child(3) {
    margin-top: 20px;
    width: 269px;
    height: 265px;
  }
  .in_field .list ul li:nth-child(4) {
    margin-left: 14px;
    margin-right: 14px;
    margin-top: -35px;
    width: 445px;
    height: 236px;
  }
  .in_field .list ul li:nth-child(5) {
    width: 288px;
    height: 178px;
  }
  
  .in_field .list ul li:nth-child(1) .text {
    background: rgba(1, 136, 115, 0.7);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_field .list ul li:nth-child(2) .text {
    background: rgba(243, 88, 47, 0.7);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_field .list ul li:nth-child(3) .text {
    background: rgba(1, 172, 217, 0.7);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_field .list ul li:nth-child(4) .text {
    background: rgba(84, 123, 187, 0.7);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_field .list ul li:nth-child(5) .text {
    background: rgba(0, 95, 163, 0.7);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  
  .in_field .list ul li:nth-child(1):hover .text {
    background: rgba(1, 136, 115, 0.8);
  }
  .in_field .list ul li:nth-child(2):hover .text {
    background: rgba(243, 88, 47, 0.8);
  }
  .in_field .list ul li:nth-child(3):hover .text {
    background: rgba(1, 172, 217, 0.8);
  }
  .in_field .list ul li:nth-child(4):hover .text {
    background: rgba(84, 123, 187, 0.8);
  }
  .in_field .list ul li:nth-child(5):hover .text {
    background: rgba(0, 95, 163, 0.8);
  }
  
  .in_field .list ul li .text {
    padding-top: 20px;
    padding-left: 25px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: "gotbook";
  }
      .in_field .list ul li .text h3 {
          font-size: 35px;
          font-weight: 200;
          text-transform: capitalize;
          font-family: "syhtlight";
      }
  .in_field .list ul li .text strong {
    font-size: 20px;
    font-weight: 200;
    margin-top: 2px;
    display: block;
    opacity: 0.6;
    line-height: 23px;
  }
  .in_field .list ul li .text h6 {
    position: absolute;
    bottom: 15px;
    left: 25px;
    color: #fff;
    font-size:12px;
  }
  .in_field .list ul li .text h6:after {
    content: "";
    background: url("../image/icon27.svg") no-repeat right center;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
  }
  .in_field .list ul li .text h6:hover {
    text-decoration: underline;
  }
  
  .in_field .list ul li .con {
    position: relative;
    display: block;
  }
  .in_field .list ul li .con .img {
    overflow: hidden;
  }
  .in_field .list ul li .con .img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .in_field .list ul li .con .icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  .in_field .list ul li:hover .con .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .m_tit {
    text-align: center;
    font-family: "gotbook";
    text-transform: uppercase;
    display:block
  }
  .m_tit strong {
    font-size: 38px;
    color: #009ab0;
    font-weight: bold;
    line-height: 38px;
    margin-left:30px;
  }
  .m_tit strong em {
    font-weight: 100;
  }
  .m_tit h3 {
    font-size: 32px;
    color: #000000;
    margin-left: 30px;
    font-weight: 200;
  }
  .m_tit strong:after {
    content: "";
    background: url("../image/icon7.svg") no-repeat center center;
    width: 19px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 10px;
  }
  
  .m_tit_1 {
    text-align: right;
    font-family: "gotbook";
    text-transform: uppercase;
  }
  .m_tit_1 strong {
    font-size: 38px;
    color: #009ab0;
    font-weight: bold;
    line-height: 38px;
    display:block;
    text-align:right;
  }
  
  .m_tit_1 strong i { display:block; }
  
  .m_tit_1 strong em {
    font-weight: 100;
  }
  .m_tit_1 h3 {
    font-size: 32px;
    color: #000000;
    margin-left: 30px;
    font-weight: 200;
    margin-top: 10px;
  }
  .m_tit_1 strong:after {
    content: "";
    background: url("../image/icon7.svg") no-repeat right top;
    width: 19px;
    height: 18px;
    display:inline-block;
    margin-right: 5px;
  }
  .m_tit_1 h3 i {
    display: block;
    margin-bottom: -10px;
  }
  
  .in_field .list .link {
    text-align: right;
    margin-top: 14px;
  }
  .in_field .list .link a {
    background: #9fa0a0;
    padding: 14px 30px;
    padding-left: 50px;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_field .list .link a:hover {
    background: #018873;
  }
  .in_field .list .link a:after {
    content: "";
    background: url("../image/icon27.svg") no-repeat left center;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }
  
  .in_innovate .list {
    margin-top: 50px;
  }
  .in_innovate .list ul {
    display: flex;
    flex-direction: row;
    justify-content:center;
  }
  .in_innovate .list ul li {
    margin: 0px -60px;
  }
  .in_innovate .list ul li .link {
    display: block;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .in_innovate .list ul li:nth-child(2) {
    margin-top: 30px;
    margin-left: -90px;
  }
  .in_innovate .list ul li .text {
    margin-top: 10px;
          width:72%;
  }
  .in_innovate .list ul li .text h3 {
    font-size: 17px;
    text-decoration: underline;
    color: #333;
  }
  .in_innovate .list ul li .text strong {
    font-size: 16px;
    color: #01acd9;
    display: block;
    margin-top: 10px;
  }
  .in_innovate .list ul li .text strong:after {
    content: "";
    background: url("../image/icon16.svg") no-repeat center center;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -3px;
  }
  .in_innovate .list ul li .img {
    position: relative;
    width: 464px; height: 298px;
  }
  .in_innovate .list ul li .con {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
  }
  .in_innovate .list ul li .con span {
    font-size: 29px;
    font-family: "syhtlight"; line-height:33px;
  }
  .in_innovate .list ul li .con h4 {
    font-size: 28px;
    font-weight: 200;
    font-family: "gotbook";
  }
  .in_innovate .list ul li .link:hover .text h3 {
    color: #00b440;
  }
  .in_innovate .list ul li .link:hover .text strong {
    color: #00b440;
  }
  .in_innovate .list ul li .link:hover .text strong:after {
    background: url("../image/icon17.png") no-repeat center center;
  }
  .in_innovate .list ul li .link:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
  }
  
  .in_product_swp {
    margin-top: 45px !important;
    padding-bottom: 60px !important;
  }
  .in_product_swp .swiper-pagination-bullet {
    width: 50px;
    height: 3px;
    background: #c9caca;
    border-radius: 0px;
    margin: 0px 6px !important;
    opacity: 1;
    outline: none;
  }
  .in_product_swp .swiper-pagination-bullet-active {
    background: #009ab0;
  }
  
  .in_product_prev {
    bottom: 100px;
    top: inherit;
    left: 50px;
    background: url("../image/icon18.png") no-repeat center center;
    width: 17px;
    height: 29px;
  }
  .in_product_next {
    bottom: 100px;
    top: inherit;
    right: 50px;
    background: url("../image/icon19.png") no-repeat center center;
    width: 17px;
    height: 29px;
  }
  
  .in_product_swp .swiper-slide {
    position: relative;
  }
      .in_product_swp .swiper-slide .img {
          position:relative
      }
      .in_product_swp .swiper-slide .img img {
          width:100%;
          height:482px;
          object-fit:cover;
      }
      .in_product_swp .swiper-slide .img .pos {
          position:absolute;
          left:0;
          top:0;
          height:100%;
      }
  .in_product_swp .swiper-slide .text {
      width:46%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-top: 60px;
    padding-left: 60px;
    color: #fff;
  }
  
  .in_product_swp .swiper-slide .text h3 {
    font-size: 42px;
    font-weight: bold;
    line-height: 42px;
    white-space:pre
  }
  .in_product_swp .swiper-slide .text p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    width:100%;
    min-height:100px;
  
    font-weight: normal;
  }
  .in_product_swp .swiper-slide .text a {
    font-size: 14px;
    margin-top: 20px;
    display: block;
    color: #fff;
  }
  .in_product_swp .swiper-slide .text a:after {
    content: "";
    background: url("../image/icon27.svg") no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    color: #fff;
    margin-top: -2px;
  }
  .in_product_swp .swiper-slide .text a:hover {
    text-decoration: underline;
  }
  
  .in_culture .list {
    display: flex;
    flex-direction: row;
    background: #d6eeea;
    justify-content: center;
    margin-top: 45px;
  }
  .in_culture .list a {
    display: block;
    position: relative;
  }
  .in_culture .list a .img {
    overflow: hidden;
  }
  .in_culture .list a .img img {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .in_culture .list a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .in_culture .list a .text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
  }
  .in_culture .list a .text h3 {
    font-size: 40px;
    font-family: "gotbook";
    font-weight: 200;
  }
  .in_culture .list a .text strong {
    display: block;
    opacity: 0.5;
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 5px;
  }
  
  .in_join {
    padding-bottom: 100px;
  }
  .in_join .text {
    margin-top: 45px;
  }
  .in_join .text a {
    background: url("../image/icon20_1.png") no-repeat center center;
    height: 186px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10%;
  }
   .in_join .text a h3 {
    font-size: 26px;
    color: #787979;
    font-family: "gotbook";
    font-weight: 200;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    color: #565656;
  
   }
   .in_join .text a h3 i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: -5px;
    
   }
  .in_join .text a p {
    font-size: 18px;
    margin-top: 5px;
    color: #787979;
  }
  .in_join .text a:hover h3 {
    color: #00b0a6;
  }
  .in_join .icon {
    text-align: center;
    margin-top: 30px;
  }
  .in_join .icon img {
    margin: 0 auto;
  }
  
  .in_h150 {
    background: #098c9d url("../image/img141.png") no-repeat center center;
    background-size: cover;
    height: 150px;
  }
  
  .footer_box {
    background: #9fa0a0;
  }
  .footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 30px 0px;
  }
  
  .footer .icon { display: flex; flex-direction:column; }
  .footer .icon a { margin-left: 8px; margin-bottom:10px; }
  
  .footer dl dt {
    font-size: 14px;
    color: #fff;
  }
  .footer dl dt a {
    color: #fff;
  }
  .footer dl dd {
    margin-top: 10px;
  }
  .footer dl dd a {
    font-size: 12px;
    display: block;
    color: #fff;
    margin-top: 4px;
  }
  .footer dl dt a:hover {
    text-decoration: underline;
  }
  .footer dl dd a:hover {
    text-decoration: underline;
  }
  .footer dl dd p {
    font-size: 12px;
    display: block;
    color: #fff;
    margin-top: 4px;
  }
  .footer dl dd p img {
    margin-top: 10px;
  }
  
  .footer_fot {
    font-size: 12px;
    padding: 20px 40px;
  text-align:center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  
   .footer_fot a { margin-left:5px; }
  
   .footer_fot a:hover {
    color: #098c9d;
    text-decoration: underline;
   }
  
  .in_product .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 45px;
  }
  .in_product .item .fl {
    width: 39.1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .in_product .item .fl .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .in_product .item .fl .top a {
    height: 226px;
    width: 48.1%;
    display: block;
    position: relative;
  }
  .in_product .item .fl .dow a {
    height: 226px;
    display: block;
    position: relative;
  }
  .in_product .item .fl .top a:nth-child(2):after {
    content: "";
    background: rgba(64, 184, 139, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .in_product .item .fl .dow .text {
    background: rgba(237, 28, 36, 0.7);
  }
  
  .in_product .item .fc {
    width: 18.8%;
  }
  .in_product .item .fc a {
    height: 467px;
    display:block
  }
  .in_product .item .fc a .img {
    width: 100%;
    height: 100%;
  }
  
  .in_product .item .fr {
    width: 39.1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .in_product .item .fr .dow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .in_product .item .fr .top a {
    height: 226px;
    display: block;
    position: relative;
  }
  .in_product .item .fr .dow a {
    height: 226px;
    width: 48.1%;
    display: block;
    position: relative;
  }
  .in_product .item .fr .dow a:nth-child(2):after {
    content: "";
    background: rgba(27, 127, 190, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .in_product .item .fr .top .text {
    background: rgba(55, 187, 201, 0.8);
  }
  
  .in_product .item .img {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .in_product .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .in_product .item .icon img {
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  .in_product .item .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-left: 40px;
    color: #fff;
  }
  .in_product .item .text strong {
    font-size: 79px;
  text-transform:uppercase; font-weight:bold;
  }
  .in_product .item .text h3 {
    font-size: 35px;
    font-family: "gotbook";
    margin-top: -10px;
    font-weight: 200;
  }
  .in_product .item .text h6 {
    position: absolute;
    left: 40px;
    bottom: 20px;
  }
  .in_product .item .text h6:after {
    content: "";
    background: url("../image/icon27.svg") no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }
  
  .in_product .item a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .jmb {
      max-width:1920px !important
  }
  .jmb .list {
    overflow: hidden;
  }
  .jmb .list ul {
    display: flex;
    flex-direction: row;
    background: url("../image/img22.jpg") no-repeat center center;
    background-size: cover;
  }
  .jmb .list ul li {
    height: 444px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    position: relative;
    margin-left: -5px;
  }
  .jmb .list ul li .img {
    height: 100%;
    width: 100%;
   
    /* padding-left:180px; */
   
  }
  .jmb .list ul li .img img {
    height: 150%;
    width: 150%;
    object-fit: cover;
    position: absolute;
    left: -160px;
    top: 0px;
    width: 855px;
    height: 100%;
    max-width: none !important;
  }
  .jmb .list ul li .con {
    position: absolute;
    top: 30px;
    left: 50px;
    text-align: center;
  }
  .jmb .list ul li .con img {
    display: inline-block;
  }
  .jmb .list ul li .con strong {
    font-size: 28px;
    display: block;
    color: #fff;
    margin-top: 10px;
  }
  
  .jmb .list ul li:nth-child(1) {
    flex:4.2;
    pointer-events:none;
  }
  
  .jmb .list ul li:nth-child(5) {
    flex: 1.7;
    pointer-events: none;
  }
  
  .jmb .list ul .item {
    flex: .3;
    transform: skew(-28deg, 0deg);
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    overflow: hidden;
  }
  .jmb .list ul .item .img{
      transform: skew(28deg, 0deg);
  }
  .jmb .list ul .item.active {
    flex: 2.8;
  }
  .jmb {
      position:relative;
      margin:auto;
      display:block
  }
  .tabText {
      display:none
  }
  .jmb .text {
      max-width:1000px;
      margin:auto;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0%;
    left:0;
    top: 0px;
    justify-content: center;
    height: 100%;
  }
      .jmb .text .yuan {
          display:flex;
          height:10px;
          margin-top:20px;
          position:absolute;
          bottom:14%;
      }
      .jmb .text .yuan em {
          width:8.5px;
          height:8.5px;
          margin-right:16px;
          cursor:pointer;
          background:url("../image/a1.svg");
      }
          .jmb .text .yuan em.active {
              background:url("../image/a2.svg");
            
          }
  
  .jmb .text h3 {
    font-size: 36px;
    line-height: 42px;
    color: #fff; 
  }
  .jmb .text p {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
  }
  .jmb .text strong {
    display: block;
    margin-top: 20px;
    color: #fff;
  }
  .jmb .text a {
    font-size: 13px;
    margin-left: 10px;
    background: url("../image/icon27.svg") no-repeat right center;
    padding-right: 18px;
    color: #fff;
  }
  .jmb .text a:hover {
    text-decoration: underline;
  }
  
  .in_news {
    background: #e8f5f3;
    padding: 80px 0px 40px;
  }
  .in_news .item {
    display: flex;
    flex-direction: row;
  }
  .in_news .item .m_tit_1 {
    width: 35%;
  }
  .in_news .item .list {
    width: 60%;
    padding-left: 80px;
  }
  .in_news .item .list ul li {
    margin-bottom: 20px;
  }
  .in_news .item .list ul li a {
    display: block;
  }
  .in_news .item .list ul li a h3 {
    font-size: 18px;
    color: #000;
    margin-top: 3px;
  }
  .in_news .item .list ul li a span {
    color: #666;
    margin-top: 5px;
    display: block;
  }
  .in_news .item .list ul li a span:after {
    content: "";
    background: url("../image/icon28.svg") no-repeat right center;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
  }
  .in_news .item .list ul li a:hover h3 {
    text-decoration: underline;
  }
  .in_news .item .list ul li i {
    background: #00a065;
    width: 15px;
    height: 2px;
    display: block;
    margin-top: 5px;
  }
  .in_news .item .list ul li strong {
    color: #00a065;
  }
  .in_news .item .list ul li:nth-child(2) strong {
    color: #ee782b;
  }
  .in_news .item .list ul li:nth-child(3) strong {
    color: #1b7fbe;
  }
  .in_news .item .list ul li:nth-child(2) i {
    background: #ee782b;
  }
  .in_news .item .list ul li:nth-child(3) i {
    background: #1b7fbe;
  }
  
  .banner_swp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    margin-top:10%;
  }
  .banner_swp .swiper-slide {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 48px;
    line-height: 60px;
    font-weight: 200;
  }
   
  .banner_pag .swiper-pagination-bullet {
    width: 50px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    margin: 0px 4px;
    opacity: 1;
    outline: none;
    position: relative;
    margin-right:10px !important
  }
  
  .banner_pag .swiper-pagination-bullet:after {
    content: "";
    background: #fff;
    position: absolute;
    left: 0px;
    height: 2px;
    top: 0px;
  }
  
  .banner_pag .swiper-pagination-bullet-active:after {
    background: #fff;
    animation: bulletActive 3s linear forwards;
  }
  
  .banner_pag.changed .swiper-pagination-bullet-active:after {
    animation: bulletActive 4.5s linear forwards;
  }
  
  @keyframes bulletActive {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  
  .popFiexd {
      width:100%;
      height:100%;
      position:fixed;
      left:0;
      top:0;
      background:rgba(255,255,255,.5);
      display:flex;
      align-items:center;
      justify-content:center;
      display:none
  }
      .popFiexd .mains {
          position:absolute;
          left:0;
          top:0;
          right:0;
          bottom:0;
          width:479px;
          height:209px;
          margin:auto;
          display:block
      }
      .popFiexd button {
         position: absolute;
      left: 176px;
      bottom: 53px;
      width: 55px;
      height: 22px;
      background:none
      }
          .popFiexd button.btn {
              left: 246px;
          }
  .banner_pag {
      top:auto!important;
      left:0 !important;
      bottom: 39% !important;
      text-align: left;
      display:flex;
  }
  
  .banner_x {
    height: 740px;
    position: relative;
  }
  .illness_had {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
  }
  .illness {
    padding: 30px 50px;
    color: #fff;
    position: relative;
  }
   .illness .tit h3 {
    font-size: 39px;
    color: #ffffff;
    font-family: "syhtlight";
   }
  .illness .tit strong {
    font-size: 30px;
    opacity: 0.4;
    color: #fff;
    font-weight: 200;
    font-family: "syhtlight";
    margin-top: -10px;
    display: block;
  display:none;
  }
  .illness p {
    font-size: 16px;
    color: #fff;
    margin-top: 60px;
    line-height: 28px;
  }
  .illness .list {
    position: absolute;
    right: 30px;
    top: 30px;
  }
  .illness .list a {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 15px;
    font-size: 16px;
    cursor: pointer;
  }
  .illness .list a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -4px;
  }
  .illness .list a:hover {
    color: rgba(255, 255, 255, 1);
  }
  
  .illness_Rx {
    padding: 30px 50px;
    padding-right: 30px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .illness_Rx .tit h3 {
    font-size: 48px;
    color: #ffffff;
  }
  .illness_Rx .tit strong {
    font-size: 30px;
    color: #fff;
    font-weight: 200;
    margin-top: -10px;
    margin-left: 5px;
    display: block;
  }
  .illness_Rx p {
    font-size: 16px;
    color: #fff;
    margin-top: 60px;
    line-height: 28px;
  }
  .illness_Rx .list {
    width: 180px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .illness_Rx .list a {
    display: block;
    color: rgba(255, 255, 255, 1);
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    cursor: pointer;
  }
  .illness_Rx .list a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -4px;
  }
  .illness_Rx .list a:hover {
    color: rgba(255, 255, 255, 1);
  }
  
  .a_illness {
    background: rgba(0, 154, 176, 0.9);
    padding: 50px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  
  .a_illness p {
  
    font-size: 14px;
    line-height: 22px;
    margin-top: 0px;
    padding-left:8%;
    /*width:386px*/
  }
  
  .mbx {
    background: url("../image/icon40.svg") no-repeat left center;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mbx a {
    background: url("../image/icon39.png") no-repeat right center;
    padding-right: 15px;
    margin-right: 8px;
  }
  .mbx a:last-child {
    padding-right: 0px;
    margin-right: 0px;
    background: none;
  }
  .mbx a:hover {
    color: #009ab0;
  }
  
  .mbx_xt {
    border-bottom: 1px solid #f3f3f3;
  }
  
  .illness1 {
    background: #efefef;
    padding: 20px;
    padding-bottom: 40px;
  }
  
  .illness1 .tit {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .illness1 .tit .fom {
    width: 300px;
    position: relative;
    border-radius: 30px;
    height: 35px;
    overflow: hidden;
    padding-right: 25px;
  }
  .illness1 .tit .txt {
    width: 100%;
    height: 100%;
    padding: 10px;
    background: linear-gradient(298deg, transparent 35px, #fff 0px);
  }
  .illness1 .tit .but {
    background: url("../image/icon42.svg") no-repeat center center;
    width: 64px;
    height: 35px;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  
  .m_tit_n {
    font-size: 22px;
    color: #009ab0;
    display:flex;
    align-items:center;
  }
  .m_tit_n i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width:19px;
  }
  
  .illness1 .list {
    overflow: hidden;
  }
  .illness1 .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
  }
  .illness1 .list ul li {
    width: 33.33%;
    padding: 0px 8px;
    margin-top: 35px;
  }
  .illness1 .list ul li a {
    display: block;
    background: #fff;
    padding: 10px;
    border-top: 10px solid #4fc3c6;
    position: relative;
    height:100%;
  }
  .illness1 .list ul li a .back {
    content: ""; /* background:linear-gradient(300deg,transparent 5px, #6b2882 0px); */
    position: absolute;
    width: 20%;
    height: 10px;
    top: -10px;
    left: 0px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .illness1 .list ul li h3 {
    font-size: 20px;
    color: #239899;
    border-bottom: 2px solid #f5f5f5;
    padding-bottom: 10px;
  }
  .illness1 .list ul li p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    font-family:'syhtlight';
    color:#595757;
    height:44px;
  }
  .illness1 .list ul li .img {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  .illness1 .list ul li .img img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .illness1 .list ul li h6 {
    font-size: 12px;
    font-family:'syhtlight';
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
  }
  .illness1 .list ul li a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .illness1 .list ul li a:hover .back {
    width: 40%;
  }
  
  .m_back {
    background: #009ab0;
    height: 10px;
    width: 100%;
    display: block;
    position: relative;
  }
  .m_back:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15%;
    height: 10px;
    background-image: linear-gradient(300deg, transparent 5px, #33aec0 0px);
  }
  
  .m_otc_back {
    background: #69c4e5;
    height: 10px;
    width: 100%;
    display: block;
    position: relative;
  }
  .m_otc_back:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15%;
    height: 10px;
    background-image: linear-gradient(300deg, transparent 5px, #37b1dd 0px);
  }
  
  .m_back1 {
    height: 14px;
    width: 100%;
    display: block;
    position: relative;
  }
  .m_back1 i {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10%;
    height: 14px;
  }
  
  .m_back2 {
    background: #098c9d;
    height: 14px;
    width: 100%;
    display: block;
    position: relative;
  }
  .m_back2:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10%;
    height: 14px;
    background-image: linear-gradient(300deg, transparent 7px, #61bdbd 0px);
  }
  
  .m_tit1 {
    text-align: center;
  }
  .m_tit1 h3 {
    font-size: 38px;
    color: #009ab0;
  letter-spacing:-1px;
  }
  .m_tit1 strong {
    display: block;
    font-size: 36px;
    color: #7fccd7;
    font-weight: normal;
    font-family: "syhtlight";
    margin-top: -14px;
    letter-spacing: -1px;
  }
  
  .m_tit2 {
    text-align: center;
  }
  .m_tit2 h3 {
    font-size: 38px;
    color: #ffffff;
  }
  .m_tit2 strong {
    display: block;
    font-size: 36px;
    color: #9acacf;
    font-weight: normal;
    font-family: "syhtlight";
    margin-top: -14px;
    letter-spacing: -1px;
  }
  
  .m_tit3 {
    text-align: left;
    margin-bottom: 10px;
  }
  .m_tit3 h3 {
    font-size: 37px;
    color: #378187;
  }
  .m_tit3 strong {
    display: block;
    font-size: 36px;
    color: #b5b5b6;
    font-weight: normal;
    font-family: "syhtlight";
    margin-top: -18px;
    letter-spacing: -1px;
  }
  
  .m_tit5 {
    text-align: center;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
  }
  .m_tit5 h3 {
    font-size: 38px;
    color: #009ab0;
  }
  .m_tit5 strong {
    display: block;
    font-size: 20px;
    color: #009ab0;
    font-weight: normal;
    font-family: "syhtlight";
    margin-top: -14px;
    letter-spacing: -1px;
  }
  
  .m_tit5_w {
    border-bottom: none;
  }
  
  .m_tit6 {
    text-align: left;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
  }
  .m_tit6 h3 {
    font-size: 38px;
    color: #059dd4;
  }
  .m_tit6 strong {
    display: block;
    font-size: 20px;
    color: #059dd4;
    font-weight: normal;
    font-family: "syhtlight";
    margin-top: -14px;
    letter-spacing: -1px;
  }
  
  .m_tit7 {
    text-align: left;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
  }
  .m_tit7 h3 {
    font-size: 33px;
    color: #1b7fbe; line-height:42px;
  }
  .m_tit7 strong {
    display: block;
    font-size: 20px;
    color: #1b7fbe;
    font-weight: normal;
    font-family: "syhtlight";
    margin-top: -14px;
    letter-spacing: -1px;
  }
  
  .m_tit_xt_w {
    border-bottom: none;
  }
  
  .m_more {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 60px;
    padding: 0px 20px;
    align-items: center;
  }
  .m_more .more {
    color: #009ab0;
    background: url("../image/icon44.svg") no-repeat right center;
    padding-right: 20px;
  }
  .m_more .more:hover {
    text-decoration: underline;
  }
  
  .illness2 .list {
    position: relative;
    /* padding: 0px 40px; */
    margin-top: 20px;
  }
  .illness2_prev {
    background: #cccccc url("../image/icon45.png") no-repeat center center;
    width: 14px;
    height: 100%;
    top: 0px;
    margin-top: 0px;
  }
  .illness2_next {
    background: #cccccc url("../image/icon46.png") no-repeat center center;
    width: 14px;
    height: 100%;
    top: 0px;
    margin-top: 0px;
  }
  
  .illness2_swp .swiper-slide {
    height: auto;
  }
  .illness2_swp .swiper-slide a {
    display: block;
    border-left: 2px solid #e7e8e7;
    padding-left: 20px;
    height: 100%;
    padding-bottom: 50px;
  }
  .illness2_swp .swiper-slide a strong {
    display: block;
    font-size: 16px;
    color: #009ab0;
  }
  .illness2_swp .swiper-slide a h3 {
    font-size: 15px;
    line-height: 23px;
    color: #000000;
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .illness2_swp .swiper-slide a span {
    color: #666;
    display: block;
    margin-top: 20px;
    position: absolute;
    bottom: 8px;
  }
  .illness2_swp .swiper-slide a span:after {
    content: "";
    background: url("../image/icon47.svg") no-repeat left center;
    width: 13px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
  }
  .illness2_swp .swiper-slide a i {
    position: absolute;
    bottom: 0px;
    width: 18px;
    height: 3px;
    background: #22a7bb;
  }
  .illness2_swp .swiper-slide a:hover h3 {
    color: #009ab0;
  }
  
  .illness3 .list {
    margin-top: 20px;
    overflow: hidden;
  }
  .illness3 .list ul {
    display: flex;
    flex-direction: row;
    margin-left: -18px;
    margin-right: -18px;
    flex-wrap: wrap;
  }
  .illness3 .list ul li {
    padding: 0px 18px;
    width: 25%;
  }
  .illness3 .list ul li .text h3 {
    font-size: 18px;
    color: #000000;
    margin-top: 10px;
  }
  .illness3 .list ul li .text strong {
    display: block;
    font-size: 16px;
    color: #009ab0;
  }
  .illness3 .list ul li .img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 125px;
  }
  .illness3 .list ul li .img:after {
    content: "";
    position: absolute;
    background: url("../image/icon49.png") no-repeat center center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    left: 0px;
  }
  .illness3 .list ul li .img img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    width: 100%; height: 100%; object-fit: cover;
  }
  .illness3 .list ul li .item:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .illness3 .tit {
    font-size: 14px;
    line-height: 24px;
    color: #595757;
    margin-top: 10px;
    font-family:'syhtlight'
  }
  
  .illness4 .list {
    margin-top: 10px;
  }
  .illness4 .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .illness4 .list ul li {
    width: 47%;
  }
  .illness4 .list ul li a {
    color: #000000;
    font-size: 15px;
    margin: 5px 0px;
    display: block;
    background: url("../image/icon51.png") no-repeat left center;
    padding-left: 16px;
    position: relative;
    padding-right: 90px;
  }
  
  .illness4 .list ul li a p {
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
  
  }
  
  
  
  .illness4 .list ul li a:hover {
    color: #009ab0;
    text-decoration: underline;
  }
  .illness4 .list ul li a strong {
    color: #999;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  
  .innovate .item {
    display: flex;
    flex-direction: row;
    margin-top: 50px;
    justify-content: space-between;
    align-items: center;
  }
  .innovate .item .text {
    width: 40%;
  }
  .innovate .item .text p {
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    margin: 20px 0px;
  }
  .innovate .item .img {
    width: 53.7%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 302px;
  }
  .innovate .item .img video {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    width: 100%; height: 100%; object-fit: cover;
  }
  .innovate .item .img:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  /*.innovate .item .img:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/icon52.png") no-repeat center center;
  }*/
  
  .innovate1_back {
    background: url("../image/img35.png") no-repeat center center;
    background-size: cover;
  }
  
  .innovate1 .list {
    margin-top: 40px;
  }
  .innovate1 .list ul {
    border: 1px dashed rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 25px 90px;
  }
  .innovate1 .list ul li {
    padding: 5px 18px;
    width: 33.33%;
    min-height: 76px;
  }
  .innovate1 .list ul li a {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
          line-height:22px;
    text-align: center;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    border: 1px solid rgba(255, 255, 255, 0.3);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .innovate1 .list ul li a:hover {
    background: rgba(255, 255, 255, 0.5);
    text-decoration: underline;
  }
  .innovate1 .list ul li a img {
    margin: 0 auto;
    margin-top: 5px;
  }
  
  .innovate1 .list ul:first-child li:nth-child(1) a {
    background: rgba(1, 172, 217, 0.5);
  }
  .innovate1 .list ul:first-child li:nth-child(2) a {
    background: rgba(1, 136, 115, 0.5);
  }
  .innovate1 .list ul:first-child li:nth-child(3) a {
    background: rgba(0, 180, 64, 0.5);
  }
  
  .pag {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
  }
  .pag .num {
    margin: 0px 10px;
    font-size: 16px;
  }
      .pag .num img {
          width:60px
      }
  
  .quick_nav {
    position: absolute;
    left: 50%;
    margin-left: -628px;
    top: 803px;
    z-index: 100;
    width: 125px;
  }
  .quick_nav a {
    display: block;
    background: #bcbcbc;
    font-size: 16px;
    padding: 3px 0px;
    text-align: center;
    margin: 1px 0px;
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .quick_nav a:nth-child(2n) {
    background: #aaaaaa;
  }
  .quick_nav a:nth-child(1):hover {
    background: #6b2882;
  }
  .quick_nav a:nth-child(2):hover {
    background: #a61269;
  }
  .quick_nav a:nth-child(3):hover {
    background: #1b7fbe;
  }
  .quick_nav a:nth-child(4):hover {
    background: #70b538;
  }
  .quick_nav a:nth-child(5):hover {
    background: #ee782b;
  }
  .quick_nav a:nth-child(6):hover {
    background: #337c7c;
  }
  
  .quick_nav a:nth-child(1).active {
    background: #6b2882;
  }
  .quick_nav a:nth-child(2).active {
    background: #a61269;
  }
  .quick_nav a:nth-child(3).active {
    background: #1b7fbe;
  }
  .quick_nav a:nth-child(4).active {
    background: #70b538;
  }
  .quick_nav a:nth-child(5).active {
    background: #ee782b;
  }
  .quick_nav a:nth-child(6).active {
    background: #337c7c;
  }
  
  .news_tit {
    background: #f7f6f6;
  }
  .news_tit ul {
    display: flex;
    flex-direction: row;
    padding: 0px 50px;
      flex-wrap:wrap;
  }
  .news_tit ul li {
    flex: 1;
    text-align: center;
    padding: 30px 0px;
    cursor: pointer;
  }
      .news_tit ul li h3 {
          font-size: 21px;
          color: rgb(0,154,176);
          font-family: "syhtlight";
      }
  .news_tit ul li strong {
    display: block;
    font-size: 12px;
    color: rgb(0,154,176);
    margin-top: -5px;
  }
  
  .news_tit ul li:nth-child(2) h3 {
    color: rgb(0,154,176);
  }
  .news_tit ul li:nth-child(3) h3 {
    color: rgb(0,154,176);
  }
  
  .z_news_tit ul {
      justify-content:space-between; padding:0px 10%;
  }
      .z_news_tit ul li {
          flex: inherit;
      }
  
  
  .news .item {
   display: flex;
   flex-direction: row;
   margin-top: 30px;
   justify-content: space-between;
  }
  .news .item .text {
    flex: 1;
    margin-right: 50px;
  }
  .news .item .text p {
    margin-bottom: 15px;
    font-family:'syhtlight'
  }
      .news .item .text p a {
          font-family:'syht'
      }
  
   .news .item .text p span {
  overflow:hidden;  text-overflow: ellipsis;  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  }
  
  .news .item .text p strong {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
     font-family:'syht';
         overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }
  
   .news .item .text p span {
  overflow:hidden;  text-overflow: ellipsis;  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  }
  
  
  .news .item .img {
    width: 45%;
  }
  
  .news1 {
    display: flex;
    flex-direction: row;
    background: #f3f3f3;
    align-items: center;
  }
  .news1 .img {
    width: 37.1%;
    background: #fff;
  }
  .news1 .text {
    padding: 10px 30px;
    padding-left: 60px;
    flex: 1;
  }
  .news1 .text p strong {
    display: block;
    color: #595757;
    font-size: 18px;
    margin-bottom: 10px;
    font-family:'syht'
  }
  .news1 .text p {
    font-size: 14px;
    color: #595757;
    margin-bottom: 20px;
    font-family:'syhtlight'
  }
  
      .news1 .text p span {
          font-family:'syhtlight';
          overflow:hidden;  text-overflow: ellipsis;  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
       }
  
  .a_more a {
    border: 1px solid #378187;
    border-radius: 30px;
    padding: 2px 15px;
    display: inline-block;
    font-size: 14px;
    color: #378187;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .a_more a i {
    border: 1px solid;
    border-color: #378187;
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-left: none;
    border-top: none;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: -2px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .a_more a em {
    position: absolute;
    background: #fff;
    right: 10px;
    top: -2px;
    width: 8px;
    height: 2px;
    z-index: 9;
    display: block;
  }
  .a_more a:hover {
    color: #fff;
    background: #378187;
  }
  .a_more a:hover i {
    border-color: #fff;
  }
  
  .a_more_sh {
    text-align: right;
    margin-top: 10px;
  }
  .a_more_sh span {
    border: 1px solid #7a7270;
    border-radius: 30px;
    padding: 2px 15px 3px;
    display: inline-block;
    font-size: 12px;
    color: #7a7270;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .a_more_sh span i {
    border: 6px solid;
    border-color: transparent transparent #7a7270 transparent;
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    border-left: none;
    border-top: none;
    margin-top: -3px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .a_more_sh span em {
    position: absolute;
    background: #fff;
    right: 10px;
    top: -2px;
    width: 8px;
    height: 2px;
    z-index: 9;
    display: block;
  }
  
  .a_more_ls span {
    border: 1px solid #29707a;
    color: #29707a;
  }
  .a_more_ls span i {
    border-color: transparent transparent #29707a transparent;
  }
  
  .a_more_lans span {
    border: 1px solid #0561a1;
    color: #0561a1;
  }
  .a_more_lans span i {
    border-color: transparent transparent #0561a1 transparent;
  }
  
  .a_more_hs span {
    border: 1px solid #bda050;
    color: #bda050;
  }
  .a_more_hs span i {
    border-color: transparent transparent #bda050 transparent;
  }
  
  .a_more_bs {
    text-align: center;
    margin-top: 20px;
  }
  .a_more_bs a {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 2px 15px 3px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .a_more_bs a i {
    border: 6px solid;
    border-color: transparent transparent #fff transparent;
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    border-left: none;
    border-top: none;
    margin-top: -3px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .a_more_bs a:hover {
    background: #378187;
    border: 1px solid #378187;
  }
  
  .a_more_hs_a {
    text-align: right;
    margin-top: 30px;
  }
  .a_more_hs_a a {
    border: 1px solid #bda050;
    border-radius: 30px;
    padding: 2px 15px 3px;
    display: inline-block;
    font-size: 12px;
    color: #bda050;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .a_more_hs_a a i {
    border: 6px solid;
    border-color: transparent transparent #bda050 transparent;
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    border-left: none;
    border-top: none;
    margin-top: -3px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  .a_more_hs_a a em {
    position: absolute;
    background: #fff;
    right: 10px;
    top: -2px;
    width: 8px;
    height: 2px;
    z-index: 9;
    display: block;
  }
  
  .a_more_hs_a a:hover {
    color: #fff;
    background: #bda050;
  }
  .a_more_hs_a a:hover i {
    border-color: transparent transparent #fff transparent;
  }
  
  .a_more_ls a {
    border: 1px solid #0561a1;
    color: #0561a1;
  }
  .a_more_ls a i {
    border-color: #0561a1;
  }
  .a_more_ls a:hover {
    background: #0561a1;
  }
  
  .a_more_hs a {
    border: 1px solid #b79841;
    color: #b79841;
  }
  .a_more_hs a i {
    border-color: #b79841;
  }
  .a_more_hs a:hover {
    background: #b79841;
  }
  
  .m_tit4 {
    text-align: center;
    font-size: 38px;
    color: #204249;
  }
  .m_tit4 strong {
    font-size: 36px;
    font-family: "syhtlight";
    color: #b5b5b6;
    letter-spacing: -1px;
  }
  
  .news2 .list {
    overflow: hidden;
    margin-top: 20px;
  }
  .news2 .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -17px;
    margin-right: -17px;
  }
  .news2 .list ul li {
    width: 33.33%;
    padding: 17px;
  }
  .news2 .list ul li .img {
    position: relative;
    overflow: hidden;
    height: 174px;
  }
  .news2 .list ul li .img img {
    width: 100%;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    object-fit: cover;
  }
  .news2 .list ul li .img:after {
    content: "";
    background: rgba(202, 172, 105, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .news2 .list ul li .text h3 {
    color: #595757;
    margin-top: 10px;
    font-size: 16px;
    font-family:'syhtlight';
    min-height:48px;
    overflow:hidden;  text-overflow: ellipsis;  display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  }
  .news2 .list ul li a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .news2 .list ul li a:hover .a_more_sh span {
    color: #fff;
    background: #7a7270;
  }
  .news2 .list ul li a:hover .a_more_sh span i {
    border-color: transparent transparent #fff transparent;
  }
  
  .news3 .list {
    overflow: hidden;
    margin-top: 30px;
  }
  .news3 .list ul {
    display: flex;
    flex-direction: row;
    margin-left: -13px;
    margin-right: -13px;
  }
  .news3 .list ul li {
    width: 33.33%;
    padding: 13px;
  }
  .news3 .list ul li a {
    display: block;
    position: relative;
  }
  .news3 .list ul li .img {
    overflow: hidden;
  }
  .news3 .list ul li .img img {
    width: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .news3 .list ul li a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .news3 .list ul li .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(10, 111, 126, 0.3);
    color: #fff;
    padding: 0px 30px;
    padding-top: 50px;
  }
  .news3 .list ul li .text h3 {
    font-size: 27px;
    color: #ffffff;
    line-height: 30px;
  }
  .news3 .list ul li .text p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    font-family:'syhtlight'
  }
  
  .release {
    padding-bottom: 100px;
  }
  .release .had ul li {
    margin: 25px 0px;
  }
  .release .had ul li a {
    display: flex;
    flex-direction: row;
  }
  .release .had ul li a .num {
    width: 115px;
    height: 125px;
    background: #29707a;
    flex: 0 0 auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
  }
  .release .had ul li a .num strong {
    font-size: 49px;
    color: #fff;
    display: block;
    text-align: center;
  }
  .release .had ul li a .num span {
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: -10px;
  }
  .release .had ul li a .text {
    padding-left: 40px;
    width: calc(100% - 115px);
  }
  .release .had ul li a .text h3 {
    font-size: 20px;
    color: #333;
  }
  .release .had ul li a .text .tit {
    position: relative;
    padding-right: 390px;
    width: 100%;
  }
  .release .had ul li a .text .tit h3 {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .release .had ul li a .text .tit h4 {
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 12px;
  }
  .release .had ul li a .text .tit h4 strong {
    padding: 3px 5px;
    background: #29707a;
    color: #fff;
  }
  .release .had ul li a .text .tit h4 span {
    margin-left: 10px;
  }
  .release .had ul li a .text p {
    font-size: 14px;
    color: #898989;
    margin-top: 8px;
    font-family:'syhtlight'
  }
  .release .had ul li a:hover .a_more_ls span {
    background: #29707a;
    color: #fff;
  }
  .release .had ul li a:hover .a_more_ls span i {
    border-color: transparent transparent #fff transparent;
  }
  .release .had ul li a:hover .tit h3 {
    color: #29707a;
  }
  .release .had ul li a:hover .a_more_hs span {
    background: #bda050;
    color: #fff;
  }
  .release .had ul li a:hover .a_more_hs span i {
    border-color: transparent transparent #fff transparent;
  }
  
  .release .list ul li {
    padding: 15px 0px;
    border-top: 1px solid #f3f3f3;
  }
  .release .list ul li a .text h3 {
    font-size: 20px;
    color: #333;
  }
  .release .list ul li a .text .tit {
    position: relative;
    width: 100%;
  }
  .release .list ul li a .text .tit h3 {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .release .list ul li a .text .tit h4 {
    margin-top: 10px;
    font-size: 12px;
  }
  .release .list ul li a .text .tit h4 strong {
    padding: 3px 5px;
    background: #29707a;
    color: #fff;
  }
  .release .list ul li a .text .tit h4 span {
    margin-left: 10px;
  }
  .release .list ul li a .text p {
    font-size: 14px;
    color: #898989;
    margin-top: 8px;
    font-family:'syhtlight'
  }
  .release .list ul li a:hover .a_more_ls span {
    background: #29707a;
    color: #fff;
  }
  .release .list ul li a:hover .a_more_ls span i {
    border-color: transparent transparent #fff transparent;
  }
  .release .list ul li a:hover .tit h3 {
    color: #29707a;
  }
  .release .list ul li:nth-child(1) a .text .tit h4 strong {
    background: #009ab0;
  }
  .release .list ul li:nth-child(2) a .text .tit h4 strong {
    background: #038991;
  }
  .release .list ul li:nth-child(3) a .text .tit h4 strong {
    background: #027db9;
  }
  .release .list ul li:nth-child(4) a .text .tit h4 strong {
    background: #b4e05d;
  }
  
  .release .list_ls ul li:nth-child(1) a .text .tit h4 strong {
    background: #027db9;
  }
  .release .list_ls ul li:nth-child(2) a .text .tit h4 strong {
    background: #085c9f;
  }
  .release .list_ls ul li:nth-child(3) a .text .tit h4 strong {
    background: #003f99;
  }
  .release .list_ls ul li:nth-child(4) a .text .tit h4 strong {
    background: #01697e;
  }
  
  .release .list_hs ul li:nth-child(1) a .text .tit h4 strong {
    background: #bfaf7c;
  }
  .release .list_hs ul li:nth-child(2) a .text .tit h4 strong {
    background: #a8965b;
  }
  .release .list_hs ul li:nth-child(3) a .text .tit h4 strong {
    background: #bb9c1d;
  }
  .release .list_hs ul li:nth-child(4) a .text .tit h4 strong {
    background: #b49c52;
  }
  
  .pag {
    display: flex;
    flex-direction: row;
  }
  
  .pag .pagnum {
    border: 2px solid #a6a6a6;
    height: 25px;
    line-height: 22px;
    padding: 0px 6px;
    margin: 0px 3px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    cursor:pointer
  }
  
  .pag .pagnum:hover {
    background: #29707a;
    color: #fff;
    border: 2px solid #29707a;
  }
  
  .pag .pagnum.active {
    background: #29707a;
    color: #fff;
    border: 2px solid #29707a;
  }
  .pag .prev {
    margin-right: 10px;
    cursor:pointer
  }
  .pag .next {
    margin-left: 10px;
    cursor:pointer
  }
  
  .pag_ls .pagnum:hover {
    background: #0561a1;
    border: 2px solid #0561a1;
  }
  .pag_ls .pagnum.active {
    background: #0561a1;
    border: 2px solid #0561a1;
  }
    
  .pag_ts .pagnum:hover {
    background: #4ebae1;
    border: 2px solid #4ebae1;
  }
  .pag_ts .pagnum.active {
    background: #4ebae1;
    border: 2px solid #4ebae1;
  }
  
  
  
  .pag_hs .pagnum:hover {
    background: #bda050;
    border: 2px solid #bda050;
  }
  .pag_hs .pagnum.active {
    background: #bda050;
    border: 2px solid #bda050;
  }
  
  .pag_lans .pagnum.active {
    background: #009ab0;
    border: 2px solid #009ab0;
  }
  .pag_lans .pagnum:hover {
    background: #009ab0;
    border: 2px solid #009ab0;
  }
  
  .release_ls .had ul li a .num {
    background: #0561a1;
  }
  .release_ls .had ul li a .text .tit h4 strong {
    background: #0561a1;
  }
  .release .had ul li a:hover .a_more_lans span {
    background: #0561a1;
    color: #fff;
  }
  .release .had ul li a:hover .a_more_lans span i {
    border-color: transparent transparent #fff transparent;
  }
  
  .release_hs .had ul li a .num {
    background: #bda050;
  }
  .release_hs .had ul li a .text .tit h4 strong {
    background: #bda050;
  }
  
  .information {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .information .text h3 {
    font-size: 30px;
    color: #b79841;
  }
  .information .text p {
    margin-top: 10px;
    line-height: 22px;
    color:#595757;
    font-family:'syhtlight'
  }
  
      .information .text h1 {
          font-size: 29px;
          color: #b79841;
      }
   .information .text h4 {
    font-size: 12px;
    color: #3280e5; text-align:right;margin-top:10px;
   }
    .information .text h4 a {
     font-style: italic;
     color: #3280e5; margin-left:10px;
    }
  
  .information .list { overflow: hidden; margin-top: 30px; }
  .information .list ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; }
  .information .list ul li { padding: 5px 5px; width: 33.33%; }
  .information .list ul li .con { background: #bda050; height:100%; padding: 15px 8px; color: #fff; font-size:12px; }
  .information .list ul li .con h3 { margin-bottom: 5px; }
  .information .list ul li .con p i { display: inline-block; vertical-align: middle; margin-right: 5px; }
  
  .information1 {
    background: #f7f8f8;
    padding: 40px 0px;
    text-align: center;
  }
  .information1 .text a {
    background-image: linear-gradient(90deg, #3ea8df 0%, #005494 100%);
    display: inline-block;
    padding: 8px 30px;
    font-size: 30px;
    color: #ffffff;
    border-radius: 30px;
    letter-spacing: -1px;
  }
  .information1 .text a:hover {
    text-decoration: underline;
  }
  .information1 .img {
    margin-top: 20px;
  padding:0px 6%;
  }
  .information1 .img img {
    display: block;
    margin: 0 auto;
  }
  
  .information2 { border-bottom: 2px solid #595757; padding: 80px 160px; }
  .information2 a {
    display: flex;
    flex-direction: row;
  }
  .information2 .text { flex: 1;  display: flex; align-items: center; justify-content: center; }
  .information2 .text h3 {
    font-size: 30px;
    color: #b79841;
  }
  .information2 .text strong {
    display: block;
    font-size: 20px;
    color: #595757;
    margin-top: 10px;
  }
  .information2 .text p {
    color: #595757;
    font-size: 14px;
    font-family:'syhtlight'
  
  }
  
  
  .information2 .text .con { border: 1px solid #b79841; display: inline-block; padding: 5px 30px; border-radius: 50px; text-align: right; 
      transition: all 0.6s; -webkit-transition: all 0.6s; position: relative; }
  .information2 .text .con h4 { color: #b79841; }
  .information2 .text .con h4 i { border: 6px solid;  border-color: transparent transparent #b79841 transparent; width: 6px; height: 6px; display: inline-block; vertical-align: middle; margin-left: 6px; margin-right: 5px; border-left: none; border-top: none; margin-top: -3px; transition: all 0.6s; -webkit-transition: all 0.6s; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  }
  .information2 .text .con:after { content: ''; position: absolute; right: 0px; top: -1px; right: 35px; z-index: 9; width: 15px; height: 1px; background: #fff; }
  
  
  .information2 a:hover .text .con { background: #b79841; color: #fff; }
  .information2 a:hover .text .con h4 { color: #fff; }
  .information2 a:hover .text .con h4 i { border-color: transparent transparent #fff transparent; }
  .information2 a:hover .text .con h3 { color: #fff; }
  
  
  .information2 .img {  width: 48.4%; overflow: hidden; height: auto; }
  .information2 .img img { transition: all 0.6s; -webkit-transition: all 0.6s; 
      transform: scale(1, 1); -webkit-transform: scale(1, 1); width: 100%; height: 100%; object-fit: cover; }
  
  .information2 a:hover .a_more_hs span {
    border: 1px solid #bda050;
    color: #fff;
    background: #bda050;
  }
  .information2 a:hover .a_more_hs span i {
    border-color: transparent transparent #fff transparent;
  }
  .information2 a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .information3 .item {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .information3 .item .icon {
    width: 250px;
    text-align: center;
    flex: 0 0 auto;
    text-align: center;
  }
  .information3 .item .icon img {
    margin: 0 auto;
  }
  .information3 .item .icon p {
    font-size: 25px;
    color: #b79841;
    margin-top: 15px;
  line-height:25px;
  }
  
  .information3 .list {
    border-top: 1px solid #e2e3e3;
    flex: 1;
  }
  .information3 .list a {
    font-size: 20px;
    color: #595757;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #e2e3e3;
    display: block;
    display: block;
  }
  .information3 .list a:hover {
    color: #bda050;
    text-decoration: underline;
  }
  .information3 .a_more_hs {
    margin-top: 40px;
  }
  
  .details {
    padding-top: 30px;
    padding-bottom: 100px;
  }
  .details .tit h3 {
    font-size: 35px;
    color: #595757;
  }
  .details .tit h4 {
    margin-top: 5px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .details .tit h4 strong {
    background: #bda050;
    padding: 2px 10px;
    color: #fff;
    margin-right: 20px;
  }
  .details .tit h4 span {
    margin-right: 20px;
  }
  .details .tit h4 a {
    margin-left: 5px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    position:relative
  
  }
  .details .tit h4 a img {
    height: 18px;
    width:18px;
  
  }
  
  .details .tit h1 {
    color: #595757;
    font-size: 20px;
    margin-top: 10px;
  }
  .details .con {
    margin-top: 20px;
    font-family:'syhtlight';
    color:#595757
  }
  .details .con p {
    margin-top: 25px;
    font-size: 16px;
  }
  
  .responsibility {
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .responsibility h2 {
    font-size: 24px;
    color: #595757;
    line-height: 34px; letter-spacing:-1px;
  }
  .responsibility .list ul li {
    display: flex;
    flex-direction: row;
    padding: 40px 60px;
    border-bottom: 3px solid #595757;
  }
  .responsibility .list ul li .icon {
    width: 158px;
    height: 120px;
    margin-right: 30px;
  }
  .responsibility .list ul li .text {
    flex: 1;
  }
  .responsibility .list ul li .text h3 {
    font-size:18px;
    color: #b9994e;
  line-height:32px;
  }
  
   .responsibility .list ul li .text h3 br { display:none;
   }
  
   .responsibility .list ul li .text strong {
    color: #378187;
    font-size: 22px;
    color: #378187;
    letter-spacing: -1px;
   }
  .responsibility .list ul li .text p {
    margin-top: 5px;
    font-size: 14px;
    font-family:'syhtlight';
    color:#595757
  }
  .responsibility .list {
    margin-top: 30px;
  }
  .responsibility .list ul li:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .responsibility .list ul li:nth-child(2n) .icon {
    margin-right: 0px;
    margin-left: 30px;
  }
  .responsibility .list ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
  }
  
  .welfare .list ul li {
    margin: 25px 0px;
  }
  .welfare .list ul li a {
    display: flex;
    flex-direction: row;
  }
  .welfare .list ul li a .img {
    width: 191px;
    height: 114px;
    flex: 0 0 auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
  }
  .welfare .list ul li a .img strong {
    font-size: 49px;
    color: #fff;
    display: block;
    text-align: center;
  }
  .welfare .list ul li a .img span {
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: -10px;
  }
  .welfare .list ul li a .img img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  
  .welfare .list ul li a .text {
    padding-left: 40px;
    width: calc(100% - 191px);
  }
  .welfare .list ul li a .text h3 {
    font-size: 20px;
    color: #333;
  }
  .welfare .list ul li a .text .tit {
    position: relative;
    padding-right: 320px;
    width: 100%;
  }
  .welfare .list ul li a .text .tit h3 {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .welfare .list ul li a .text .tit h4 {
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 12px;
  }
  .welfare .list ul li a .text .tit h4 strong {
    padding: 3px 5px;
    background: #29707a;
    color: #fff;
  }
  .welfare .list ul li a .text .tit h4 span {
    margin-left: 10px;
  }
  .welfare .list ul li a .text p {
    font-size: 14px;
    color: #595757;
    font-family:'syhtlight';
    margin-top: 8px;
  }
  .welfare .list ul li a:hover .a_more_ls span {
    background: #29707a;
    color: #fff;
  }
  .welfare .list ul li a:hover .a_more_ls span i {
    border-color: transparent transparent #fff transparent;
  }
  .welfare .list ul li a:hover .tit h3 {
    color: #29707a;
  }
  .welfare .list ul li a:hover .a_more_hs span {
    background: #bda050;
    color: #fff;
  }
  .welfare .list ul li a:hover .a_more_hs span i {
    border-color: transparent transparent #fff transparent;
  }
  .welfare .list ul li a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .welfare1 {
    overflow: hidden;
  }
  .welfare1 ul {
    display: flex;
    flex-direction: row;
    margin-left: -16px;
    margin-right: -16px;
    flex-wrap: wrap;
  }
  .welfare1 ul li {
    padding: 0px 16px;
    width: 25%;
  }
  .welfare1 ul li .img {
    overflow: hidden;
    display: block;
  }
  .welfare1 ul li .img img {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    width: 100%;
  }
  .welfare1 ul li:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .details .item {
    display: flex;
    flex-direction: row;
  }
  .details .item .img {
    width: 226px;
    height: 135px;
    flex: 0 0 auto;
    margin-top: 50px;
     margin-right: 40px;
  }
  .details .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .details .item .con {
    flex: 1;
   
  }
      .details .item .con img {
          margin:auto
      }
  
  .project_details .tit h1 {
    margin-top: 15px;
  }
  .project_details .tit h4 {
    margin-top: 8px;
  }
  .project_details .tit .cons:hover .code {
      display:block
  }
  .project_details .tit .cons .code{
      width: 180px!important;
      height: 180px!important;
      display: none;
      position: absolute;
      left:-4px;
      top:30px;
      max-width:none !important;
      max-height:none !important
  }
  
  .data .tit h3 {
    font-size: 37px;
  }
  .data .tit strong {
    font-size: 20px;
    font-family: "syhtlight";
    margin-top: -10px;
    display: block;
    margin-left: 3px;
  }
  .data .list {
    margin-top: 25px;
    padding-left: 110px;
  }
  .data .list ul li {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 8px 0px;
    font-size: 20px;
    color: #898989;
    margin-top: -1px;
    position: relative;
    font-family:'syhtlight';
    color:#595757
  }
  .data .list ul li a {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -13px;
    padding: 3px 25px 1px;
    border-radius: 20px;
    border: 1px solid #29707a;
    font-size: 13px;
    color: #29707a;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .data .list ul li a:hover {
    background: #29707a;
    color: #fff;
  }
  
  .data_video .tit h3 {
    font-size: 37px;
  }
  .data_video .tit strong {
    font-size: 20px;
    font-family: "syhtlight";
    margin-top: -10px;
    display: block;
    margin-left: 3px;
  }
  
  .data_video .list {
    margin-top: 30px;
    overflow: hidden;
  }
  .data_video .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -11px;
    margin-right: -11px;
  }
  .data_video .list ul li {
    width: 25%;
    padding: 0px 11px;
    text-align: center;
  }
  .data_video .list ul li p {
    text-align: left;
    font-size: 18px;
    margin-top: 8px;
    font-family:'syhtlight'
  }
  
  .data_video .list ul li .img {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 132px;
  }
  .data_video .list ul li .img img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .data_video .list ul li .img:after {
    content: "";
    background: url("../image/zm_icon48.png") no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .data_video .list ul li:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .data_video .list ul li a {
    padding: 3px 25px 1px;
    border-radius: 20px;
    border: 1px solid #29707a;
    font-size: 13px;
    color: #29707a;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
  }
  .data_video .list ul li a:hover {
    background: #29707a;
    color: #fff;
  }
  
  .pvd_sec2 .img_box {
    position: relative;
    width: 698px;
    height: 322px;
    overflow: hidden;
    text-align: center;
  }
  .pvd_sec2 .img_box:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .pvd_sec2 .img_box img {
    display: inline-block;
    vertical-align: middle;
    width:100%;
    object-fit:cover;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
  }
  .pvd_sec2 .img_nav {
    width: 698px;
    height: 104px;
    position: relative;
    margin-top: 10px;
  }
  .pvd_sec2 .img_nav ul {
    height: 9999px;
    letter-spacing: -5px;
    white-space: nowrap;
    overflow: hidden;
  }
  .pvd_sec2 .img_nav ul li {
    width: 226px;
    height: 104px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background: #222;
  }
  .pvd_sec2 .img_nav ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
  }
  .pvd_sec2 .img_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .pvd_sec2 .img_nav ul li.active img {
    opacity: 1;
  }
  .pvd_sec2 .img_nav .show_wrap {
    width: 698px;
    height: 104px;
    overflow: hidden;
  }
  .pvd_sec2 .img_nav .btn_arrow_top {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 0;
    z-index: 3;
    cursor: pointer;
  }
  .pvd_sec2 .img_nav .btn_arrow_bottom {
    display: block;
    position: absolute;
    bottom: 25px;
    right: 0;
    z-index: 3;
    cursor: pointer;
  }
  
  .join {
    padding: 40px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .join .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
   .join .tit h3 {
    font-size: 44px;
    color: #009ab0;
    line-height: 50px;
    font-family: "syhtlight";
   }
  .join .tit strong {
    display: block;
    font-family: "syhtlight";
    color: #b5b5b6;
    font-size: 32px;
    line-height: 35px;
    margin-top: 10px;
  }
  
  .join_list dl {
    background: #f0f0f0;
    padding: 0px 20px;
    margin-top: 10px;
  }
  .join_list dl dt {
    display: flex;
    padding: 15px 0px;
    flex-direction: row;
    align-items: center;
  }
  .join_list dl dt h3 {
    flex: 4;
    font-size: 20px;
    color: #009ab0;
  }
  .join_list dl dt strong {
    display: block;
    flex: 2;
    font-size: 14px;
    color: #378187;
  }
  .join_list dl dt span {
    display: inline-block;
    background: #009ab0;
    font-size: 13px;
    color: #fff;
    padding: 5px 30px 4px;
    cursor: pointer;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .join_list dl dt span:hover {
    background: #037383;
  }
  
  .join_list dl dd {
    border-top: 1px solid #e1e1e1;
    padding: 40px 20px;
    padding-top: 0px;
    display: none;
    position: relative;
  }
  .join_list dl dd .text{
      white-space: pre-line;
  }
  .join_list dl dd .text h4 {
    font-size: 18px;
    color: #009ab0;
    margin-top: 30px;
  }
  .join_list dl dd .text p {
    font-size: 14px;
    color: #009ab0;
    margin-top: 10px;
    padding-left: 15px;
    line-height:30px;
  }
  
  
  .join_list dl dd .text strong {
    font-size: 18px;
    display: block;
    color: #009ab0;
    margin-top: 20px;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .join_list dl dd .dow {
    text-align: center;
    margin-top: 50px;
  }
  .join_list dl dd .dow a {
    background: #009ab0;
    padding: 10px 22px;
    color: #fff;
    font-size: 15px;
    margin: 0px 20px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    display: inline-block;
    cursor: pointer;
  }
  .join_list dl dd .dow a:hover {
    background: #037383;
  }
  
  .join1 {
    text-align: center;
  }
   .join1 h3 {
    font-size: 39px;
    color: #565656;
    font-family: "syhtlight";
   }
   .join1 p {
    font-size: 25px;
    color: #565656;
    margin-top: 0px;
    font-family: "syhtlight";
   }
  
  .join1 .icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
  .join1 .icon a {
    margin: 0px 6px;
  }
  .join1 .icon .img1 {
      width:80px
  }
  .join1 .icon .img2 {
      width:65px
  }
  .join1 .icon .img3 {
      width:41px
  }
  .pharmacy .text {
    padding-top: 20px;
  }
  .pharmacy .text p {
    font-size: 14px;
    color: #595757;
    font-family:'syhtlight'
  }
  .pharmacy .vid {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 354px;
  }
  .pharmacy .vid video {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /*.pharmacy .vid:after {
    content: "";
    background: url("../images/icon85.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }*/
  
  .pharmacy .vid:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .pharmacy .dow {
    margin-top: 30px;
    text-align: center;
  }
  .pharmacy .dow img {
    margin: 0 auto;
  }
      .pharmacy .dow a {
          display: inline-block;
          background: #efefef;
          font-size: 21px;
          padding: 10px 40px;
          color: #009ab0;
          border-radius: 30px;
          margin-top: 10px;
          transition: all 0.6s;
          -webkit-transition: all 0.6s;
          font-family: "syhtlight";
      }
          .pharmacy .dow a:hover {
              background: #007687;
              color: #fff;
              font-family: "syhtlight";
          }
  
  .pharmacy1 .list {
    margin-top: 40px;
  }
  .pharmacy1 .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .pharmacy1 .list ul li {
    width: 47.3%;
  }
  .pharmacy1 .list ul li .img {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding:28.02% 0;
    height: 266px;
  }
  .pharmacy1 .list ul li .img video {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
   object-fit:cover;
   position:absolute;
   left:0;
   top:0;
   width:100%;
   height:100%; object-fit: cover;
  }
  .pharmacy1 .list ul li .img img {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
   object-fit:cover;
   position:absolute;
   left:0;
   top:0;
   width:100%;
   height:100%; object-fit: cover;
  }
  /*.pharmacy1 .list ul li .img:after {
    content: "";
    background: url("../images/zm_icon1.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }*/
  .pharmacy1 .list ul li .text {
    margin-top: 20px;
  }
  .pharmacy1 .list ul li .text h3 {
    font-size: 20px;
    color: #009ab0;
  }
  .pharmacy1 .list ul li .text p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
     font-family:'syhtlight';
    color:#595757
  }
  .pharmacy1 .list ul li:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  .pharmacy1 .had {
    font-size: 14px;
    line-height: 22px;
    margin-top: 30px;
    font-family:'syhtlight';
    color:#595757
  }
  
  .pharmacy2 .had h4 {
    background: #efefef;
    font-size: 35px;
    color: #009ab0;
    padding: 10px 30px;
    text-align: center;
  }
  .pharmacy2 .item {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .pharmacy2 .item .img {
    width: 365px;
    height: 482px;
    flex: 0 0 auto;
    margin: 20px 0px;
    margin-bottom: 0px;
  }
  .pharmacy2 .item .text {
    flex: 1;
    padding-left: 30px;
  }
  .pharmacy2 .item .text strong {
    font-size: 25px;
    color: #009ab0;
    display: block;
    margin-bottom: 10px;
    font-family:'syht'; line-height:25px;
  }
  .pharmacy2 .item .text p {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0px;
    font-family:'syhtlight';
    color:#595757; text-align:inherit !important;
  }
  .pharmacy2 .item .text p:last-child {
    margin-bottom: 0px;
  }
  
  /* 绀句細璐ｄ换 */
  .social {
    border-bottom: 5px solid #595757;
  }
  .social .tit {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .social .tit h3 {
    font-size: 35px;
    color: #378187;
  line-height:45px; text-align:center;
  }
  .social .tit p {
    font-size: 15px;
    line-height: 25px;
    margin-top: 10px;
    color: #595757;
    font-family:'syhtlight'; text-align:center;
  }
  .social .list {
    margin-top: 60px;
    background: url("../image/zm_icon23.svg") no-repeat center bottom;
    padding-bottom: 80px;
  }
  .social .list ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: -60px;
  }
  .social .list ul li {
    width: 229px;
    margin: 0px 4px;
  }
  .social .list ul li a .img {
    width: 229px;
    height: 264px;
  }
  .social .list ul li a .img img {
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    object-fit: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .social .list ul li a {
    display: block;
    position: relative;
    color: #fff;
  }
  .social .list ul li a .text {
    position: absolute;
    left: 0px;
    bottom: 60px;
    width: 100%;
    text-align: center;
  }
   .social .list ul li a .text h3 {
          font-size: 28px;
          color: #ffffff;
          line-height: 34px;
  }
  .social .list ul li a .text .more {
    background: url("../image/zm_icon21.png") no-repeat center center;
    width: 94px;
    height: 28px;
    margin: 0 auto;
    line-height: 28px;
    margin-top: 20px;
          font-size:12px; font-family: 'syhtlight';
  }
  .social .list ul li a .text .more:after {
    content: "";
    background: url("../image/zm_icon22.png") no-repeat center center;
    width: 7px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
  }
  .social .list ul li a:hover .img img {
    transform: scale(0.95, 0.95);
    -webkit-transform: scale(0.95, 0.95);
  }
  .social .list ul li a:hover .more {
    text-decoration: underline;
  }
  
  .m_tit_x .tit_x {
    border: 2px solid #c0c0c1;
    padding: 6px 30px;
    border-radius: 50px;
    display: inline-block;
  }
  .m_tit_x .tit_x h3 {
    font-size: 21px;
    color: #7a7270;
  }
  .m_tit_x .tit_x strong {
    display: block;
    font-size: 14px;
    margin-top: -4px;
    font-family: "syhtlight";
    color: #b5b5b6;
  }
  
  .social_1 .item {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .social_1 .item .fl {
    width: 45%;
  }
  .social_1 .item .fl .text {
    margin-top: 20px;
  }
  .social_1 .item .fl .text h4 {
    font-size: 18px;
    color: #378187;
  line-height:28px;
  }
  .social_1 .item .fl .text p {
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
    font-family:'syhtlight';
    color:#595757
  }
  .social_1 .item .fl .text em {
    display: block;
    text-align: right;
    margin-top: 10px;
  }
  .social_1 .item .fl .text em img {
    display: inline-block;
  }
  .social_1 .item .fr {
    width: 50%;
  }
  .social_1 .item .fr h4 {
    font-size: 20px;
    color: #378187;
    margin-top: 20px;
  }
  .social_1 .item .fr h4 strong {
    font-size: 20px;
    color: #333;
    border-left: 2px solid #c0c0c1;
    margin-left: 10px;
    padding-left: 10px;
  }
  .social_1 .item .fr h4 span {
    font-size: 14px;
    color: #333;
    margin-left: 10px;
  }
  .social_1 .item .fr .list {
    overflow: hidden;
    margin-top: 10px;
  }
  .social_1 .item .fr .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
  }
  .social_1 .item .fr .list ul li {
    width: 33.33%;
    padding: 5px;
  }
  .social_1 .item .fr .list ul li .con {
    background: #378187;
    padding: 12px 10px;
    height: 100%;
    border-radius: 5px;
    color: #fff;
    text-align: center;
  }
  .social_1 .item .fr .list ul li .con h5 {
    font-size: 12px;
    color: #dcdddd;
    background: url("../image/zm_icon25.png") no-repeat center bottom;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .social_1 .item .fr .list ul li .con p {
    font-size: 16px;
  }
  .social_swp_back {
    background: #f7f6f6;
    margin-top: 50px;
  }
  .social_swp {
    width: 641px;
  }
  .social_next {
    background: url("../image/zm_icon27.png") no-repeat center center;
    width: 27px;
    height: 92px;
    right: 0px;
    margin-top: -46px;
  }
  .social_prev {
    background: url("../image/zm_icon26.png") no-repeat center center;
    width: 27px;
    height: 92px;
    left: 0px;
    margin-top: -46px;
  }
  
  .social_2 .list ul li {
    margin: 0px 0px;
  }
  .social_2 .list ul li a {
    display: flex;
    flex-direction: row;
  }
  .social_2 .list ul li a .img {
    width: 140px;
    height: 84px;
    flex: 0 0 auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .social_2 .list ul li a .img strong {
    font-size: 49px;
    color: #fff;
    display: block;
    text-align: center;
  }
  .social_2 .list ul li a .img span {
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: -10px;
  }
  .social_2 .list ul li a .img img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .social_2 .list ul li a .text {
    padding-left: 20px;
    width: calc(100% - 140px);
  }
  .social_2 .list ul li a .text h3 {
    font-size: 20px;
    color: #333;
  }
  .social_2 .list ul li a .text .tit {
    position: relative;
    padding-right: 320px;
    width: 100%;
  }
  .social_2 .list ul li a .text .tit h3 {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .social_2 .list ul li a .text .tit h4 {
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 12px;
  }
  .social_2 .list ul li a .text .tit h4 strong {
    padding: 3px 5px;
    background: #29707a;
    color: #fff;
  }
  .social_2 .list ul li a .text .tit h4 span {
    margin-left: 10px;
  }
  .social_2 .list ul li a .text p {
    font-size: 14px;
    color: #595757;
    font-family:'syhtlight';
    margin-top: 8px;
  }
  .social_2 .list ul li a:hover .text h3 {
    color: #378187;
  }
  .social_2 .list ul li a:hover .a_more_ls span {
    background: #29707a;
    color: #fff;
  }
  .social_2 .list ul li a:hover .a_more_ls span i {
    border-color: transparent transparent #fff transparent;
  }
  .social_2 .list ul li a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .social_2 .had {
    margin-bottom: 30px;
  }
  .social_2 .had h3 {
    background: #378187;
    color: #fff;
    font-size: 30px;
    padding: 5px 20px;
    position:relative;
  }
  
   .social_2 .had h3 a {
      position:absolute;
      top:50%;
      height:16px;
      margin-top:-8px; 
      right:20px;
  }
  
  .social_2 .had h3 strong {
    font-family: "syhtlight";
    color: #b5b5b6;
    margin-left: 10px;
  }
  
  /* 澶у皬鍒嗗瓙 */
  .large {
    margin-top: 30px;
  }
  .large .tit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
  .large .tit a {
    display: inline-block;
    padding: 8px 10px;
    color: #fff;
    background: #059dd4;
    font-size: 16px;
    margin: 0px 6px;
    min-width: 150px;
    text-align: center; line-height:22px; border-radius:3px;
  }
  .large .tit a:nth-child(2n) {
    background: #1b7fbe;
  }
  .large .text {
    margin-top: 40px;
  }
  .large .text p {
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    font-family:'syhtlight'; text-align:inherit !important;
  }
  
  .large .pic {
    margin-top: 50px;
  }
  
  .large1 .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .large1 .item .fl {
    width: 50%;
  }
      .large1 .item .fl .text {
          font-family:'syhtlight';
          color:#595757
      }
  .large1 .item .fl p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px; text-align:inherit !important; color:#333;
  }
  .large1 .item .fr {
    width: 42%;
    text-align: center;
  }
  .large1 .item .fr .img {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 211px;
  }
  .large1 .item .fr .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  /*.large1 .item .fr .img:after {
    content: "";
    background: url("../image/zm_icon2.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }*/
  .large1 .item .fr .img:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .large1 .item .fr .icon {
    text-align: center;
  }
  .large1 .item .fr .icon img {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
  }
  .large1 .item .fr .m_tit7 {
    text-align: center;
    margin-top: 20px;
  }
  
  .m_table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px 0;
    width: 100%;
  }
  .m_table tr th {
    background: #1b7fbe;
    color: #fff;
    padding: 6px 20px;
    font-weight: normal;
    font-size: 13px;
  }
  .m_table tr td {
    text-align: center;
    padding: 10px 20px;
    background: #f7f8f8;
    border: 2px solid #fff;
    font-size: 12px;
    line-height: 20px;
    color:#333;
    font-family:'syhtlight'
  }
  .m_table tr td strong {
    font-weight: bold;
  }
  
  .m_table tr.blue td {
    background: #e8f2f8;
  }
  .m_table tr.green td {
    background: #e5f5f7;
  }
  .m_table tr.lus td {
    background: #e8f2fa;
  }
  
  .m_table_ls tr th {
    background: #267f9d;
  }
  .m_table_lus tr th {
    background: #2081d1;
  }
  
  .large3 .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 50px 0px;
    align-items: center;
    border-bottom: 1px solid #ececec;
  }
  .large3 .item .num {
    width: 18.3%;
  }
  .large3 .item .text {
    width: 49%;
    padding: 0px 50px;
  }
  .large3 .item .text h3 {
    color: #059dd4;
    font-size: 22px;
    line-height: 30px;
  }
  
  .large3 .item .text p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    font-family:'syhtlight';
    color:#333;
  }
  .large3 .item .img {
    width: 32.7%;
    height: 183px;
  }
  
  .large3 .item .img img { width: 100%; object-fit: cover; }
  
  .large4 .list ul {
    display: flex;
    flex-direction: row; align-items:center; margin-bottom:30px;
  }
  .large4 .list ul li {
    flex: 1;
    text-align: center;
    margin-top: 30px;
  }
  .large4 .list ul li .icon {
    text-align: center;
  }
  .large4 .list ul li .icon img {
    display: inline-block;
    margin: 0 auto;
  }
  .large4 .list ul li b {
    font-size: 20px;
    line-height: 20px;
    color: #267f9d;
    margin-top: 10px;
    display: block;
  }
  .large4 .list ul li strong {
    font-size: 65px;
    font-weight: bold;
    color: #267f9d;
  }
  .large4 .list ul li span {
    font-size: 30px;
    color: #267f9d;
    font-weight: normal;
  }
  .large4 .list ul li p {
    font-size: 24px;
    color: #267f9d;
    margin-top: 0px;
  }
  .large4 .list ul li strong sup {
    font-size: 18px;
    color: #267f9d;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-top: -30px;
  }
  .large4 .dow {
    margin-top: 30px;
  }
  
  .large4 .a_text {
    display: flex;
    flex-direction: row;
    padding: 20px 0px;
    justify-content: space-between;
    align-items: center;
  }
  .large4 .a_text .img {
    width: 45.5%;
  }
  .large4 .a_text p {
    width: 45%;
    font-size: 14px;
    line-height: 22px;
    font-family:'syhtlight';
    color:#333333; text-align:inherit !important;
  }
  
  .large4 .a_text1 {
    text-align: center;
    margin-top: 30px;
  }
  .large4 .a_text1 h3 {
    font-size: 30px;
    color: #1b7fbe;
  }
  .large4 .a_text1 p {
    font-size: 18px;
    color: #595757;
    font-family:'syhtlight';
  
  }
  .b_text {
     color: #595757;
    font-family:'syhtlight';
  }
  
  .large4 .b_text p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
  }
  
  .large_small .tit a {
    background: #009ab0;
  }
  .large_small .tit a:nth-child(2n) {
    background: #267f9d;
  }
  
  .large_technology .tit a {
    background: #183e6d;
  }
  .large_technology .tit a:nth-child(2n) {
    background: #2081d1;
  }
  
  .m_tit_xb {
    margin-top: 30px;
  }
  .m_tit_xb h3 {
    font-size: 24px;
    color: #fff;
    background: #1b7fbe;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 10px; font-family:"syhtlight";
  }
  
  .large4 .list1 {
    margin-top: 30px;
  }
  .large4 .list1 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between; flex-wrap:wrap;
  }
  
  .large4 .list1 ul li {
    width: 50%; padding-bottom:30px;
  }
  .large4 .list1 ul li .text {
    text-align: center;
    margin-top: 30px;
  }
  .large4 .list1 ul li .text em {
    font-size: 24px;
    color: #267f9d;
    margin-top: 0px;
    margin-right: 5px;
  }
  .large4 .list1 ul li .text h4 {
    font-size: 66px;
    font-weight: bold;
    color: #267f9d;
  }
  .large4 .list1 ul li .text span {
    font-size: 30px;
    color: #267f9d;
    margin-left: 5px;
  }
  .large4 .list1 ul li .text p {
    font-size: 24px;
    color: #267f9d;
    margin-top: 0px; 
  }
  .large4 .list1 ul li .text1 p {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin-top: 20px;
    font-family:'syhtlight'
  }
  
  .large4 .list1 ul li:last-child {  width:100%; border-top:1px solid #f1f1f1; }
  .large4 .list1 ul li:first-child { border-right:1px solid #f1f1f1; padding-right:50px; }
  .large4 .list1 ul li:nth-child(2) { padding-left:50px; }
  
  .personnel {
    padding: 100px 0px 75px;
    border-bottom: 5px solid #595757;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .personnel .fl {
    width: 35%;
  }
  .personnel .fl p {
    font-size: 14px;
    line-height: 24px;
    font-family:'syhtlight'
  }
  .personnel .fr {
    width: 48.7%;
  }
  
  .personnel1 {
    padding-top: 75px;
    padding-bottom: 30px;
    border-bottom: 5px solid #595757;
    overflow: hidden;
    width: 100%;
  }
  .personnel1 .m_tit3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .personnel1 .m_tit3 .icon {
    margin-right: 20px;
  }
  .personnel1 .text {
    margin-top: 50px;
  }
  .personnel1 .text p img {
    margin: 0 auto;
  }
  .personnel1 .text p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
    font-family:'syhtlight'
  }
  .personnel1 .list {
    width: 110%;
    margin-left: -5%;
    margin-top: 40px;
  }
  .personnel1_swp .swiper-slide .img {
    transform: scale(0.8, 0.8);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    position: relative;
    background: #000;
    height:236px;
  }
  .personnel1_swp .swiper-slide-active .img {
    transform: scale(1, 1);
    position: relative;
    z-index: 3;
  }
  .personnel1_swp .swiper-slide .img img {
    opacity: 0.6;
    width:100%; height:100%; object-fit:cover;
  }
  .personnel1_swp .swiper-slide-active .img img {
    opacity: 1;
  }
  
  .personnel1_next {
    right: 5%!important;
    background: url("../image/icon81.png") no-repeat left center !important;
    width: 23px !important;
    height: 52px !important;
  }
  .personnel1_prev {
    left: 5%!important;
    background: url("../image/icon80.png") no-repeat left center !important;
    width: 23px !important;
    height: 52px !important;
  }
  
  .personnel2 .text {
    border: 2px solid #6ea4a8;
    border-radius: 5px;
    margin-top: 30px;
    padding: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .personnel2 .text p {
    width: 23%;
    color: #595757;
    font-size: 14px;
    line-height: 24px;
    font-family:'syhtlight'
  }
  .personnel2 .text .img {
    width: 75%;
  }
  
  .personnel3 {
    background: url("../image/img113.jpg") no-repeat center center;
    padding: 0px 0px;
    height: 398px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .personnel3 h3 {
    font-size: 80px;
    color: #fff;
  }
  .personnel3 strong {
    font-size: 76px;
    color: #fff;
    font-family: "syhtlight";
    margin-top: -40px;
    display: block;
  }
  
  .technology .list {
    overflow: hidden;
  }
  .technology .list ul {
    display: flex;
    flex-direction: row;
    margin-left: -8px;
    margin-right: -8px;
    flex-wrap: wrap;
  }
  .technology .list ul li {
    width: 33.33%;
    padding: 8px;
  }
  .technology .list ul li .item {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }
  .technology .list ul li .item .text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(32, 129, 209, 0.5) url("../image/zm_icon37.png") no-repeat
      10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 14px; line-height:18px;
  }
  .technology .list ul li:nth-child(2n) .item .text {
    background: rgba(32, 129, 209, 0.5) url("../image/zm_icon37.png") no-repeat
      10px 10px;
  }
  .technology .list ul li .item .img img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .technology .list ul li .item:hover .img img {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
  }
  
  .technology2 .list {
    overflow: hidden;
    background: url("../image/zm_icon44_e.svg") no-repeat top center;
  }
  .technology2 .list ul {
    display: flex;
    flex-direction: row;
    margin-left: -25px;
    margin-right: -25px;
    flex-wrap: wrap;
  }
  .technology2 .list ul li {
    padding: 15px 25px;
    width: 33.33%;
     /*border-top:1px dashed #6cb0ff;
  border-right:1px dashed #6cb0ff; margin-top:-1px;*/
  }
      .technology2 .list ul li .img {
          position:relative;
          padding:38% 0;
      }
  .technology2 .list ul li .img img {
    width: 100%;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    object-fit:cover
  }
  .technology2 .list ul li .text h3 {
    font-size: 22px;
    color: #2081d1;
    display: flex;
    flex-direction: row;
    letter-spacing: -1px;
  line-height:30px; min-height:60px;
  }
  .technology2 .list ul li .text h5 {
    font-size: 16px;
    color: #2081d1;
    margin-top: 2px; line-height:20px;
  }
  .technology2 .list { margin-bottom:50px; }
  .technology2 .list ul li .text h3 i {
    margin-left: 10px; 
  }
  .technology2 .list ul li .text p {
    margin-top: 5px;
    font-size: 15px;
    line-height: 26px;
    color: #333;
    font-family:'syhtlight'; line-height:20px;
  }
      .technology2 .list ul li .text h3 img {
          max-width:35px !important
      }
  .technology2 .list ul li .text p strong {
    color: #2081d1;
    display: block;
  }
  .technology2 .list ul li .text dl {
    margin-top: 10px;
  }
  .technology2 .list ul li .text dl dd {
    margin-top: 2px;
    font-size: 14px;
    line-height: 26px;
    color: #898989;
    display: flex;
  
    flex-direction: row;
     font-family:'syhtlight'
  }
  .technology2 .list ul li .text dl dd strong {
    color: #2081d1;
    font-size: 16px;
    margin: 0px 7px;
   
  }
  .technology2 .list ul li .text dl dd strong:before {
    content: "";
    background: url("../image/zm_icon41.png") no-repeat center center;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
  }
  .technology2 .list ul li .text dl dd strong:after {
    content: "";
    background: url("../image/zm_icon42.png") no-repeat center center;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
  }
  .technology2 .list ul li .vid .img {
    position: relative;
    cursor: pointer;
  }
  .technology2 .list ul li .vid .img:after {
    content: "";
    background: url("../image/zm_icon43.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .mapbox {
    margin-top: 50px;
    background: url("../image/zm_icon45.png") no-repeat center top;
  }
  
  .strategy {
    text-align: center;
    padding-top: 50px;
  }
      .strategy h3 {
          font-size: 36px;
          color: #b9994e;
          line-height: 54px;
          background: url("../image/zm_icon46.png") no-repeat center bottom;
          padding-bottom: 30px;
      }
  .strategy .list {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    background: url("../image/zm_icon46.png") no-repeat center bottom;
    padding-bottom: 30px;
    justify-content: center;
  }
  .strategy .list dl {
    margin: 0px 30px;
    text-align: center;
  }
  .strategy .list dl dt {
    font-size: 41px;
    margin-bottom: 10px;
  }
  .strategy .list dl dd {
    font-size: 18px;
    color: #898989;
    margin-top: 2px;
  }
  
  .strategy1 {
    padding-top: 75px;
    background: url("../image/zm_icon46.png") no-repeat center bottom;
    padding-bottom: 50px;
  }
  .strategy1 .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
  }
  .strategy1 .item .fl {
    width: 52%;
  }
  .strategy1 .item .fl p {
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0px;
    color: #595757;
    font-family:'syhtlight'
  }
  .strategy1 .item .fr {
    width: 39.3%;
    text-align: center;
  }
  .strategy1 .item .fr .img {
    overflow: hidden;
    position: relative;
    cursor: pointer;
  }
  .strategy1 .item .fr .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .strategy1 .item .fr .img:after {
    content: "";
    background: url("../image/zm_icon2.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .strategy1 .item .fr .img:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .strategy2 {
    background: url("../image/img127.png") no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
  }
  .strategy2 .list {
    height: 487px;
  }
  .strategy2 .list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    align-content: space-between;
  }
  .strategy2 .list ul li {
    width: 49.8%;
    background: rgba(255, 255, 255, 0.8);
    height: 49.4%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 8%;
  }
  .strategy2 .list ul li h3 {
    font-size: 30px;
    font-weight: bold;
  }
  .strategy2 .list ul li p {
    font-size: 16px;
    margin-top: 10px;
  line-height:20px;
  }
  .strategy2 .list ul li:nth-child(1) {
    color: #378187;
  }
  .strategy2 .list ul li:nth-child(2) {
    color: #204249;
  }
  .strategy2 .list ul li:nth-child(3) {
    color: #674226;
  }
  .strategy2 .list ul li:nth-child(4) {
    color: #b9994e;
  }
  .strategy2:before {
    content: "";
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    margin-left: -505px;
  }
  .strategy2:after {
    content: "";
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    margin-right: -505px;
  }
  
  .strategy3 .item {
    display: flex;
    flex-direction: row;
    border: 2px solid #72a6aa;
    border-radius: 3px;
    margin-top: 40px;
    padding: 30px 60px;
    align-items: center;
  }
  .strategy3 .item .fl {
    width: 40%;
  }
  .strategy3 .item .fl p {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    font-family:'syhtlight';
    color:#595757; text-align:inherit !important;
  }
  .strategy3 .item .fl a {
    display: inline-block;
    margin-top: 25px;
    background: #b9994e;
    padding: 8px 30px;
    color: #fff;
    font-size: 18px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    border-radius: 60px;
  }
  .strategy3 .item .fl a span {
    font-size: 16px;
  }
  .strategy3 .item .fl a strong {
    margin-left: 20px;
  }
  .strategy3 .item .fl a:hover {
    background: #378187;
  }
  .strategy3 .item .fr {
    width: 40.5%;
    margin-left: 10%;
  }
  
  .culture .img {
    text-align: center;
  }
  .culture .img img {
    margin: 0 auto;
    display: block;
  }
  
  .culture1 {
    background-image: linear-gradient(90deg, #0bb9c1 20%, #037fd8 100%);
    padding: 40px 0px;
  }
  .culture1 .list ul {
    display: flex;
    flex-direction: row;
    justify-content: center; flex-wrap:wrap;
  
  }
  .culture1 .list ul li {
    padding: 0px 10px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  .culture1 .list ul li h4 {
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
    margin: 0 auto;
  }
  .culture1 .list ul li h4 strong {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px; line-height:22px;
  }
  .culture1 .list ul li h3 {
    font-size: 20px;
    color: #fff;
    margin-top: 12px;
  }
  .culture1 .list ul li p {
    font-size: 16px;
    margin-top: 8px;
    color: #fff;
          line-height:22px; font-family:"syhtlight"
  }
  .culture1 .list ul li:last-child {
    border-right: none;
    padding-right: 0px;
  }
  
  .culture2 .img {
    width: 62.8%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .culture2 .img img {
    width: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .culture2 .img:after {
    content: "";
    background: url("../image/zm_icon50.png") no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .culture2 .img:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .culture3 .tit {
    background: #da4328;
    padding: 10px 0px;
    margin-top: 30px;
    font-size: 36px;
    text-align: center;
    color: #fff;
  }
  .culture3 .tit strong {
    margin: 0px 30px;
  }
  .culture3 .had {
    text-align: center;
    margin-top: 100px;
  }
  .culture3 .had h3 {
    font-size: 29px;
      color: rgb(0,154,176);
  
  }
  .culture3 .had p {
    width: 100%;
    font-size: 16px;
    text-align: left;
    margin: 0 auto;
    margin-top: 40px;
    color: #898989;
    font-family:'syhtlight';
  
     
  }
  
  .culture3_swp {
    margin-top: 40px !important;
  }
  
  .culture3_swp .swiper-slide { height:223px; } 
  
  .culture3_swp .swiper-slide img { width:100%; height:100%; object-fit:cover; }
  
  .culture3_next {
    background: url("../image/icon81.png") no-repeat right center;
    width: 23px;
    height: 52px;
    margin-top: -26px;
    right: 0px;
  }
  .culture3_prev {
    background: url("../image/icon80.png") no-repeat right center;
    width: 23px;
    height: 52px;
    margin-top: -26px;
    left: 0px;
  }
  
  .culture3 .list {
    padding: 0px 60px;
    margin-top: 20px;
    padding-right: 0px;
  }
  .culture3 .list ul li {
    padding: 20px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: url("../image/zm_icon51.png") no-repeat 110px bottom;
    padding-right: 60px;
  }
  .culture3 .list ul li .wit {
    width: 80px;
    height: 80px;
    background: #da4328;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #fff;
    flex: 0 0 auto;
    margin-right: 30px;
  }
  .culture3 .list ul li .text strong {
    font-size: 24px;
    color: #da4328;
    display: block;
  }
  .culture3 .list ul li .text p {
    font-size: 14px;
    color: #898989;
    line-height: 22px;
    margin-top: 5px;
  }
  .culture3 .list ul li:last-child {
    background: none;
  }
  
  .culture4 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .culture4 .fl {
    width: 36.6%;
  }
  .culture4 .fl .m_tit3 {
    position: relative;
    padding: 0px 0px;
  }
  .culture4 .fl .m_tit3 h3 {
    display: inline-block;
  }
  .culture4 .fl .m_tit3 strong {
    display: inline-block;
  }
  .culture4 .fl .m_tit3:after {
    content: "";
    border: 2px solid #3daada;
    position: absolute;
    left: 15%;
    top: 0px;
    width: 70%;
    z-index: -2;
    height: calc(100% + 40px);
    margin-top: -20px;
  }
  .culture4 .fl .m_tit3:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    z-index: -1;
    width: 50%;
    height: 100%;
  }
  .culture4 .fl p {
    font-size: 14px;
    line-height: 24px;
    position: relative;
    margin-top: 50px;
    color: #999;
    font-family:'syhtlight'; text-align:inherit !important;
  }
  .culture4 .fl p:after {
    content: "";
    background: #3daada;
    width: 60px;
    height: 2px;
    display: block;
    margin-top: 15px;
  }
  .culture4 .fr {
    width: 60%;
    position:relative;
    padding-bottom:45px
  }
  .swiper-container {
         margin: 0 auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
      display:none
  }
  .culture4_swp {
    /*padding-bottom: 45px;*/
    width:100%;
    height:452px;
    overflow:hidden;
  }
      .culture4_swp .swiper-slide {
          height:calc((452px - 10px) / 2);
      }
  
          .culture4_swp .swiper-slide img {
              width:100%;
              height:100%;
              object-fit:cover
          }
  
  .culture4_swp .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: #606060;
    margin: 0px 6px !important;
    opacity: 1;
    outline: none;
  }
  .culture4_swp .swiper-pagination-bullet-active {
    background: #0275d9;
  }
  
  .group .tit {
    font-size: 27px;
    color: #333333;
    line-height: 37px;
  }
  .group .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family:'syhtlight'
  }
  .group .item .fl {
    width: 53%;
  }
  .group .item .fl p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: #595757;
       text-align:inherit !important;
  }
  .group .item .fl p span {
    color: #63a5a5;
  }
  .group .item .fr {
    width: 42.7%;
    margin-top: 20px;
  }
  .group .item .fr .vid {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 240px;
  }
  /*.group .item .fr .vid:after {
    content: "";
    background: url("../images/zm_icon54.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
  }*/
  .group .item .fr .img {
    margin-top: 90px;
  }
  .group .item .fr .vid img {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    width: 100%; height: 100%; object-fit: cover;
  }
      .group .item .fr .vid video {
          transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    width: 100%; height: 100%; object-fit: cover;
      }
  .group .item .fr .vid:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .group1 {
    background: url("../image/img134.jpg") no-repeat center center;
    background-size: cover;
    padding: 100px 0px;
  }
  .group1 .text {
    text-align: center;
    font-family:'syhtlight'
  }
   .group1 .text h3 {
      font-size: 47px;
      color: #595757;
  }
  .group1 .text h3 span {
    margin: 0px 15px;
  }
  .group1 .text p {
    font-size: 18px;
    color: #595757;
  }
  
  .group2 {
    padding: 0px 100px;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .group2 .text {
    width: 62%;
    font-family:'syhtlight'
  }
  .group2 .text p {
    font-size: 14px;
    color: #595757;
    margin-bottom: 10px;
  text-align:inherit !important;
  }
  .group2 .text h6 {
    text-align: right;
    margin-top: 30px;
  }
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
      opacity:1
  }
  .group2 .text h6 img {
    display: inline-block;
    width:182px
  }
  .group2 .fr {
    width: 30%;
  }
  .group2 .fr p {
    margin-top: 10px;
    text-align: center;
    font-weight:bold;
  }
  
  .group3 {
    padding: 70px 0px;
    margin-top: 40px;
  }
  .group3_swp {
    height: 800px;
  }
  .group3_swp .swiper-slide {
    width: 45%;
    position: relative;
  }
  .group3_swp .swiper-slide .num {
    font-size: 46px;
    color: #674226;
    font-weight: bold;
  }
  .group3_swp .swiper-slide .p {
    font-size: 18px;
    color: #674226;
    line-height: 28px;
    width:100%
  
  }
      .group3_swp .swiper-slide .flexss {
          width:100%;
          height:100%;
          display:flex;
          align-items:center
      }
      .group3_swp .swiper-slide .flexs {
          align-items:center;
          position:relative
      }
      .group3_swp .swiper-slide:nth-child(2n+2) .flexss {
          justify-content:flex-end
      }
  .group3_swp .swiper-slide:nth-child(2n + 1) {
    margin-left: 55%;
    text-align: left;
  }
  .group3_swp .swiper-slide:nth-child(2n) {
    margin-right: 55%;
    text-align: right;
  }
  .group3_swp .swiper-slide:nth-child(2n) .p {
    text-align: right;
  }
  .group3_swp .swiper-slide:nth-child(2n + 1) .num {
    position: absolute;
    left: -200px;
   
  }
  .group3_swp .swiper-slide:nth-child(2n) .num {
    position: absolute;
    right: -200px;
  }
  .group3_swp .swiper-slide .flexs:after {
    content: "";
    background: #B9994E;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: -57px;
   
  }
  .group3_swp .swiper-slide:nth-child(2n) .flexs:after {
    content: "";
    background: #B9994E;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    right: -57px;
    left:auto;
  }
  .group3_box {
    position: relative;
    /*background: url("../images/zm_icon56.png") no-repeat center center;*/
    padding: 70px 0px;
  }
      .group3_box:before {
          width:2px;
          height:100%;
          position:absolute;
          left:50%;
          margin-left:-1px;
          top:0;
          content:'';
          background-image: linear-gradient(rgba(0,0,0,0), #674226, rgba(0,0,0,0));
  
      }
  .group3_prev {
    background: #F7F8FA url("../image/zm_icon57.png") no-repeat center center !important;
    background-size:100% 100% !important;
    width: 34px !important;
    height: 34px !important;
    border-radius:50% !important;
    left: 50% !important;
    top: 0px !important ;
    bottom: inherit !important;
    margin-left: -17px !important;
  }
  .group3_next {
    background: #F7F8FA url("../image/zm_icon58.png") no-repeat center center !important;
    background-size:100% 100% !important;
    width: 34px !important;
    height: 34px !important;
    left: 50% !important;
    bottom: 0px !important;
    top: inherit !important;
    margin-left: -17px !important;
  }
  
  
  
  #cliss {
      display:block;
      margin:0 auto;
      margin-top:20px;
      width:20px;
      cursor:pointer
  }
      #cliss.active {
          transform:rotate(180deg)
      }
  
  .group4 {
    margin-top: 40px;
  }
  .group4 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .group4 ul li {
   width:14.2%;
    padding: 2px;
  }
  .group5_swp {
  height:300px
  }
  .flexs {
      display:flex
  }
  .newBtns {
     width:100%
  }
  .newBtns a {
      display:block;
      margin-right:20px;
      margin-top:20px;
  }
  .newBtns .imgs {
      height:45px;
  }
  
  
  .group4  ul li .tit {
    background: #c4b48f;
    display: block;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 0px;
  }
  .group4  ul li .text {
    background: #c9caca;
    display: block;
    height: 100%;
    font-size: 12px;
    padding: 0px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 0px;
    min-height: 65px;
  }
  .group4  ul li .text strong {
    transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    font-weight: bold;
    display: block;
  }
  .group4  ul li .text p {
    transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    display: block;
    margin-top: -5px;
  }
  .group4  ul li .text:hover {
    transform: scale(1.6, 1.6);
    -webkit-transform: scale(1.6, 1.6);
    background: #b9994e;
    position: relative;
    z-index: 3;
  }
  .group4  ul li .text_null {
    background: #c9caca;
    display: block;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 0px;
  }
  
  .group5 .list {
    overflow: hidden;
    margin-top: 40px;
  }
  .group5 .list ul {
    display: flex;
    flex-direction: row;
    margin-left: -5px;
    margin-right: -5px;
    flex-wrap: wrap;
  }
  .group5 .list ul li {
    width: 25%;
    padding: 0px 5px;
  }
  .group5 .list ul li .item {
    border: 1px solid #dedad7;
    border-radius: 5px;
    text-align: center;
    padding: 30px 0px;
  }
  .group5 .list ul li .item h3 {
    color: #378187;
    font-size: 22px;
  }
  .group5 .list ul li .item h3 strong {
    color: #378187;
    font-size: 15px;
    display: block;
    margin-bottom: -5px;
  }
  .group5 .list ul li .item p {
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
  }
  .group5 .list ul li .item p strong {
    display: block;
    color: #333;
    font-size: 14px;
  }
  .group5 .list ul li .item h6 {
    display: block;
    margin-top: 10px;
  }
  .group5 .list ul li .item h6 span {
    font-size: 12px;
    background: #5f9a9f;
    display: inline-block;
    border-radius: 15px;
    color: #fff;
    padding: 3px 8px;
  }
  
  .otc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .otc .img {
    width: 50%;
  }
  .otc .text {
    width: 49%;
  }
  .otc .text h3 {
    display: flex;
    align-items: center;
  
  }
  .otc .text h3 i {
          width:56px
      }
  .otc .text h3 strong {
    font-size: 26px;
    color: #c89832;
  }
  .otc .text p {
    margin-top: 15px;
    line-height: 23px;
    font-family:'syhtlight';
    color:#595757;
  }
  .otc .text h6 {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .otc .text h6 strong {
    font-size: 27px;
    color: #c89832;
    font-family: "gotbook";
  }
  .otc .text h6 a {
    background: #c89832;
    padding: 0px 15px;
    color: #fff;
    border-radius: 30px;
    font-size: 18px;
    line-height: 42px;
    display: inline-block;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  height:100%;
  }
  .otc .text h6 a span {
    font-weight: bold;
    margin-left: 10px;
  }
  .otc .text h6 a:hover {
    background: #37b1dd;
  }
  
  .pharmacy2 .dow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 75px;
    align-items: center;
    border-top: 2px solid #f5f5f5;
    padding-top: 45px;
  }
  .pharmacy2 .dow .text {
    width: 52%;
  }
  .pharmacy2 .dow .text p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    color: #595757;
    font-family:'syhtlight'
  }
  .pharmacy2 .dow .text h3 {
    font-size: 48px;
    color: #000000;
  }
  .pharmacy2 .dow .vid {
    width: 39.3%;
    text-align: center;
  }
  .pharmacy2 .dow .vid .img {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 221px;
  }
  .pharmacy2 .dow .vid .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  .pharmacy2 .dow .vid .img:after {
    content: "";
    background: url("../image/zm_icon2.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .pharmacy2 .dow .vid .img:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .group6 {
    padding: 30px 0px;
    border-top: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
  }
  .group6 .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .group6 .item .fl {
    width: 42.7%;
  }
  .group6 .item .fl .vid {
    margin-top: 30px;
  }
  .group6 .item .fl .vid .img {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 240px;
  }
  .group6 .item .fl .vid .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  /*.group6 .item .fl .vid .img:after {
    content: "";
    background: url("../images/zm_icon60.png") no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }*/
  .group6 .item .fl .vid .img:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  .group6 .item .fr {
    width: 50%;
  }
  .group6 .item .fr p {
    font-size: 14px;
    line-height: 22px;
    margin: 12px 0px;
    color: #595757;
    font-family:'syhtlight';
  text-align:inherit !important;
  }
  
  .phone_vid {
    display: none;
  }
  .pc_vid {
    display: block;
  }
  
  .banner .ban_back {
    display: none;
  }
  
  .banner .play {
      position:absolute;
      right:0;
      top:50%;
      z-index:99;
      cursor:pointer
  }
  
  
  .prodDetMain .head {
      width: 100%;
      height: 152px;
      color: #fff;
      text-align: center;
      padding-top: 80px;
    }
    .prodDetMain .head h5 {
      font-size: 35px;
    }
    .prodImg img {
      display: block;
      margin: 35px auto;
      height: 190px;
    }
    .prodClor {
      width: 100%;
      background-color: #efefef;
      padding: 0 40px;
      padding-top: 60px;
      padding-bottom: 40px;
    }
    .prodClor .text {
      font-size: 14px;
      color: #727171;
      line-height: 2;
    }
    
    .prodList {
      margin-top: 70px;
    }
    .prodList .title {
      font-size: 22px;
      line-height: 1;
    }
    .prodList ul {
      margin-top: 20px;
    }
    .prodList li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 12px;
      height: 35px;
      background: #fff;
      margin-bottom: 10px;
    }
    .prodList li .left {
      display: flex;
      align-items: center;
    }
    .prodList li .left img {
      width: 20px;
      height: 20px;
      margin-right: 10px;
    }
    .prodList li .left p {
      font-size: 16px;
      color: #727171;
    }
    .prodList li a {
      font-size: 14px;
    }
    
    .illness2_swp .swiper-slide a strong {
      display: flex;
      align-items: center;
    }
    .illness2_swp .swiper-slide a strong em {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      height: 16px;
      padding: 0 8px;
      background: #6b2882;
      margin-left: 10px;
      color: #fff;
    }
    
    .illness4 .list.listNew ul li a:hover {
      text-decoration: none;
    }
    .illness4 .list.listNew ul li a:hover p {
      text-decoration: underline;
    }
    .illness4 .list.listNew ul li a em {
      color: #fff !important;
      display: inline-block;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      line-height: 16px;
      padding: 0 8px;
      background: #6b2882;
    }
    .illness4 .list.listNew ul li a strong{
      top: auto;
      bottom: 0;
    }
    @media screen and (max-width:768px){
      .prodDetMain .head{
        height: auto;
        padding: 20px 0;
      }
      .prodDetMain .head h5{
        font-size: 18px;
      }
      .prodClor{
        padding: 20px 10px;
      }
      .prodList{
        margin-top: 40px;
      }
      .prodList li .left p{
        font-size: 14px;
        width: 240px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
      .prodList li .left img{
        width: 16px;
        height: 16px;
      }
    }
  
  
  
  /* 12.06 */
  
  .jmbzt { padding-top: 40px; }
  .jmbzt .item h3 { font-size: 40px; color: #00c9bf; }
  .jmbzt .item .tit { margin-top: 20px; padding-left: 25px; position: relative; }
  .jmbzt .item .tit:before { content: ''; background: #00c9bf; width: 8px; position: absolute; left: 0px; top: 6px; height: 56px; }
  .jmbzt .item .tit:after { content: ''; background: #00b7a9; width: 8px; position: absolute; left: 0px; top: 6px; height: 28px; }
  .jmbzt .item .tit strong { font-size: 26px; display: block; color: #00c9bf; }
  .jmbzt .item .tit span { font-size: 20px; color: #00c9bf; margin-top: -2px; display: block; }
  .jmbzt .item .text p { font-size: 18px; margin-top: 15px; color: #858585; }
  .jmbzt .item .text p strong { color: #000; }
  
  .jmbzt .links { padding: 50px 0px; background-size: cover; margin-top: 30px; text-align: center; }
  .jmbzt .links strong { font-size: 15px; color: #ffffff; display: block; letter-spacing: -0.5px; }
  .jmbzt .links h3 { font-size: 32px; color: #fff; }
  .jmbzt .links a img { margin: 0 auto; margin-top: 15px; }
  
  .jmbzt .list { padding: 20px 0px 40px; }
  .jmbzt .list ul li { margin: 30px 0px; }
  .jmbzt .list ul li a { display: flex; flex-direction: row-reverse; }
  .jmbzt .list ul li a .img {
    width: 243px;
    height: 135px;
    flex: 0 0 auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .jmbzt .list ul li a .img strong {
    font-size: 49px;
    color: #fff;
    display: block;
    text-align: center;
  }
  .jmbzt .list ul li a .img span {
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: -10px;
  }
  .jmbzt .list ul li a .img img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
  }
  .jmbzt .list ul li a .text {
    padding-right: 50px;
    width: calc(100% - 243px);
  }
  
  .jmbzt .list ul li .text .con { border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; }
  .jmbzt .list ul li:last-child .text .con { padding-bottom: 0px; border-bottom: none; }
  
  .jmbzt .list ul li a .text h3 {
    font-size: 24px;
    color: #333;
    white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
  }
  
  .jmbzt .list ul li a .text p {
    font-size: 16px;
    color: #595757;
    margin-top: 8px;
    overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    
  }
  .jmbzt .list ul li a:hover .text h3 {
    color: #00c9bf;
  }
  
  .jmbzt .list ul li a .a_more_ls span i {  border-color: transparent transparent #00c9bf transparent; }
  .jmbzt .list ul li a .a_more_ls span { color: #00c9bf; border: 1px solid #00c9bf; }
  .jmbzt .list ul li a:hover .a_more_ls span {
    background: #00c9bf;
    color: #fff;
  }
  
  .jmbzt .list ul li a:hover .a_more_ls span i {
    border-color: transparent transparent #fff transparent;
  }
  .jmbzt .list ul li a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  
  
  .jmb_details { margin-top: 40px; }
  .jmb_details img { float: right;  margin-left: 40px; }
  .jmb_details img.dis{
    float: none;
    margin: 10px auto;
    display: block;
  }
  .jmb_details p { font-size: 16px; margin-top: 15px; text-align: justify; }
  .jmb_details p img { height: auto !important; }
  .jmb_details p strong { color: #00c9bf; }
  
  .ban_zt { position: absolute; bottom: 110px; left: 0px; width: 100%; }
  .ban_zt .text { background: rgba(255, 255, 255, 0.9); padding: 15px 40px; display: inline-block; border-left: 28px solid #00c9bf; }
  .ban_zt .text h3 { font-size: 51px; color: #56dbd8;  }
  .ban_zt .text strong { font-size: 51px; color: #56dbd8; display: block; margin-top: -20px; }
  
  .layui-layer { max-width: 940px !important; max-height: 80%; }
  .layui-layer-title { background: #fff !important; border-bottom: none!important; }
  .layui-layer-setwin .layui-layer-close1 { background: url('../image/join_2.png') no-repeat center center; width: 27px; height: 27px; background-position: 0px 0px!important; }
  
  .recruit {  padding: 75px; padding-top: 33px; background: #fff; }
  .recruit .tit h3 { font-size: 20px; color: #009ab0; }
  .recruit .tit h3 span { letter-spacing: -1px; margin-left: 20px; }
  .recruit .tit strong { font-size: 13px; color: #009ab0; display: block; margin-top: 3px; }
  
  .recruit .fom ul { display: flex; flex-direction: row; justify-content: space-between; }
  .recruit .fom ul li { width: 31%; margin-top: 20px; }
  .recruit .fom ul li .txt { width: 100%; border: 1px solid #68a0a5; border-radius: 5px; padding: 10px; }
  .recruit .fom .txtbox { width: 100%; border: 1px solid #68a0a5; border-radius: 5px; padding: 10px; height: 150px; margin-top: 15px; }
  .recruit .dow { display: flex; flex-direction: row; justify-content: space-between; margin-top: 15px; align-items: end; }
  .recruit .dow .but { background: #009ab0; padding: 9px 70px; color: #fff; font-size: 16px; border-radius: 5px; transition: all 0.6s; 
    -webkit-transition: all 0.6s; }
  .recruit .dow .but:hover { background: #008699; }
  .recruit .dow p:after { content: ''; background: url('../image/join_1.png') no-repeat left center; width: 28px; height: 21px; display: inline-block; vertical-align: middle; margin-left: 15px; margin-top: -2px; }
  
  .mailbox_add { background: #fff; position: absolute; padding: 10px 15px; left: 53%; bottom: 90px; text-align: left; }
  .mailbox_add b { display: block; font-size: 14px; color: #009ab0; }
  .mailbox_add i { display: block; font-size: 14px; color: #009ab0; }
  .mailbox_add em { display: block; font-size: 15px; margin-top: 10px; color: #009ab0; }
  
  
  .jmb .jmb_swp { display:none; }
  .in_product_swp .swiper-slide .img .img_2 { display:none }
   .s-search {
              margin: 0 auto;
              margin-top: calc(60px + 86px);
              width: 657px;
              display: flex;
              align-items: center;
              position: relative;
          }
  
          .s-search input {
              width: 497px;
              height: 66px;
              background: url("../image/ss1.svg") 0 0 no-repeat;
              padding-left: 30px;
              font-size: 22pt;
              color: #9fa0a0;
              font-family:'syhtlight'
          }
  
      .s-search .submit {
          width: 118px;
          height: 66px;
          background: url("../image/ss3.svg") 0 0 no-repeat;
          position: absolute;
          right: 71px;
      }
          .s-search .s-close {
              width: 102px;
              height: 66px;
              background: url("../image/ss2.svg") 0 0 no-repeat;
              position: absolute;
              right: 0;
          }
  
          .s-mains {
              max-width: 1000px;
              margin: 0 auto;
          }
  
          .s-pageNum {
              text-align: right;
              font-size: 14pt;
              color: #3aacad;
              margin-top: 60px;
              line-height: 1;
                font-family:'syhtlight'
          }
  
          .s-searchList {
              margin-top: 10px;
              border-top: 1px solid #cdcdcd;
          }
  
          .s-searchList li {
              border-bottom: 1px solid #cdcdcd;
              margin-top: 10px;
          }
  
          .s-searchList li a {
              font-size: 14pt;
              color: #3aacad;
              line-height: 2;
              position: relative;
              display: inline-block;
              font-family:'syhtlight'
          }
              .s-searchList li a .blod {
                  font-size:16pt;
                  font-weight:bold
              }
  
          .s-searchList li a:hover:before {
            content: '';
              width: 100%;
              height: 1px;
              background: #9cd5d6;
              position: absolute;
              left: 0;
              bottom: 8px;
          }
  
  .searchpag .pagnum.active {
    background: #3aacad;
    border: 2px solid #3aacad;
  }
  .searchpag .pagnum:hover {
    background: #3aacad;
    border: 2px solid #3aacad;
  }
  
  



.pages{text-align: center; padding: 40px 0;}
.pages .pagination{display: flex; justify-content: center; align-items: center;}
.pages .pagination li{list-style: none; margin: 0 2px; width: 25px; height: 25px; line-height: 25px; background: #a6a6a6; color: #ffffff;}
.pages .pagination li.active, .pages .pagination li:hover{background: #29707a; cursor: pointer;}
.pages .pagination li:first-child{background: url("../image/icon59.svg") center no-repeat; font-size: 0; border: none;}
.pages .pagination li:last-child{background: url("../image/icon60.svg") center no-repeat; font-size: 0; border: none;}
.pages .pagination li a{display: block; color: #ffffff;}