.web{display: block;}
.mobile{display: none;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .z_pro .title .ss .ss2{width: 220px;}
  .z_pro .title .ss .ss1{width: 685px !important;}
  .z_show{flex-flow: unset;}
  .z_pro .title .ss .a{width: 128px;}
  .z_aa .aa1 li font{max-height: 65px;}
  .z_news li a .dt font{height: 40px;}
  .z_pp1 li{border: 2px solid #1b5e6c;background: #1b5e6c;}
  }
@media screen and (min-width: 2000px){
  .z_banner1 .bar .ss .ss1{width: 165px;}
  .z_con .right{width: calc(43% - 60px);}
}
  @media screen and (max-width: 1400px) and (min-width: 1001px){
    .z_top .z_max .right .tel{
    width: 210px;
    font-size: 16px;
}
    .z_top .z_max .right .tel img{
    width: 17px;
}
    .z_top .z_max .right .ss{
    width: 285px;
}
.z_head .z_max .logo{
    width: 320px;
}
.z_head .z_max .nav li{
    margin-left: 15px;
}
.z_head .z_max .nav li .a{
    font-size: 16px;
}
.z_pro .title .ss .ss1{
    width: 330px;
}
.z_foot .z_max .left{
    margin-right: 40px;
}
.z_foot .z_max .left ul li{
    font-size: 14px;
}
.z_foot .z_max .center .nav a{
    margin-right: 15px;
    font-size: 14px;
}
.z_foot .z_max .right{
    width: 180px;
    margin-left: 40px;
    white-space: nowrap;
}
.z_con .right{
    width: 47%;
}
.z_pro .title .ss .ss2 .fnav::before{right: calc(14% - 5px);}
  }
  @media screen and (max-width: 1000px) {
    .mobile{display: block;}
    .web{display: none;}
    .z_more{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}
    .z_more a{
    padding: 0.5rem 0.8rem;
    background: #8f0b07;
    font-size: 0.9rem;
    color: #fff;
    border-radius: 5px;
}
    .z_top {
      width: 100%;
      float: left;
      background: #232323;
      display: none;
    }
    .z_top .z_max {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 47px;
    }
    .z_top .z_max .left {
      font-size: 15px;
      color: #fff;
    }
    .z_top .z_max .right {
      display: flex;
      align-items: flex-start;
      height: 100%;
    }
    .z_top .z_max .right .tel {
      display: flex;
      align-items: center;
      height: 100%;
      font-size: 25px;
      color: #fff;
      font-weight: bold;
      font-family: Arial;
      width: 310px;
      background: #8f0b07;
    }
    .z_top .z_max .right .tel img {
      width: auto;
      margin-left: 30px;
      margin-right: 15px;
    }
    .z_top .z_max .right .ss {
      width: 350px;
      height: 100%;
      display: flex;
      align-items: flex-start;
      background: #dddddd;
    }
    .z_top .z_max .right .ss .wz {
      flex: 1;
      font-size: 16px;
      color: #666666;
      width: 0;
      height: 100%;
    }
    .z_top .z_max .right .ss .dj {
      width: 41px;
      height: 47px;
      background: url(../images/ss.jpg) no-repeat;
      background-size: 100% 100%;
      text-indent: 9999px;
      overflow: hidden;
    }
    .z_head {
      width: 100%;
      float: left;
      position: relative;
    }
    .z_head .z_max {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 4rem;
    }
    .z_head .z_max .logo {
      width: 74%;
    }
    .z_head .z_max .logo img {
      width: auto;
      max-height: 3rem;
    }
    .z_head .z_max .nav {
      display: none;
      align-items: center;
      height: 100%;
    }
    .z_head .z_max .nav li {
      display: flex;
      align-items: center;
      height: 100%;
      margin-left: 30px;
    }
    .z_head .z_max .nav li .a {
      font-size: 18px;
      color: #333333;
      height: 100%;
      display: flex;
      align-items: center;
    }
    .z_head .z_max .nav li.active .a {
      font-weight: bold;
      color: #8f0b07;
    }
    .z_head .z_max .nav li:hover .a {
      font-weight: bold;
      color: #8f0b07;
    }
    .z_head .z_max .nav li:nth-child(2):hover .a::before {
      visibility: visible;
    }
    .z_head .z_max .nav li:nth-child(2):hover .fnav {
      visibility: visible;
    }
    .z_head .z_max .nav li:nth-child(2) .fnav {
      width: 1440px;
      max-width: 90%;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 100px;
      position: absolute;
      z-index: 9;
      visibility: hidden;
    }
    .z_head .z_max .nav li:nth-child(2) .a {
      position: relative;
    }
    .z_head .z_max .nav li:nth-child(2) .a::before {
      content: "";
      border: 10px solid;
      border-color: transparent transparent #eee transparent;
      position: absolute;
      left: calc(50% - 5px);
      bottom: 0;
      visibility: hidden;
    }
    .z_center {
      width: 100%;
      float: left;
    }
    .z_banner {
      width: 100%;
      float: left;
    }
    .z_banner .swiper-container {
      width: 100%;
      float: left;
    }
    .z_banner .swiper-container .swiper-slide {
      width: 100%;
      float: left;
    }
    .z_banner .swiper-container .swiper-slide li {
      width: 100%;
      float: left;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .z_banner .swiper-container .swiper-slide li .z_max {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column;
    }
    .z_banner .swiper-container .swiper-slide li .z_max .left {
      margin: 2rem 0;
      width: 70%;
    }
    .z_banner .swiper-container .swiper-slide li .z_max .left img {
      width: 100%;
    }
    .z_banner .swiper-container .swiper-slide li .z_max .right {
      width: 80%;
      position: relative;
      margin-bottom: 2rem;
    }
    .z_banner .swiper-container .swiper-slide li .z_max .right img {
      width: 100%;
    }
    .z_banner .swiper-container .swiper-slide li .z_max .right .a {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 5rem;
    }
    .z_banner .swiper-container .swiper-slide li .z_max .right .a img {
      width: auto;
    }
    .z_banner .swiper-container .swiper-pagination {
      bottom: 1rem;
    }
    .z_banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
      border: 2px solid #000000;
      background-color: transparent;
      opacity: 1;
      outline: none;
    }
    .z_banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #000;
    }
    .z_nav {
      width: 100%;
      float: left;
      background-color: #fff;
      box-sizing: border-box;
      padding: 1rem;
      padding-bottom: 1rem;
      display: flex;
      align-items: flex-start;
      flex-flow: wrap;
      -webkit-box-shadow: 0px 8px 10px #b5b5b5;
      -moz-box-shadow: 0px 8px 10px #b5b5b5;
      box-shadow: 0px 8px 10px #b5b5b5;
      /* flex-direction: column; */
      max-height: initial;
    }
    .z_nav ul {
      width: 50%;
    }
    .z_nav ul li{margin-left: 0 !important;margin-bottom: 0.5rem;}
    .z_nav li a {
      display: flex;
      align-items: center;
      font-size: 0.9rem;
      color: #333333;
      word-break: break-all;
    white-space: normal;
    }
    .z_nav li a img {
      margin-right: 15px;
    }
    .z_nav li:hover a {
      color: #8f0b07;
    }
    .z_aa {
      width: 100%;
      float: left;
      padding-top: 2rem;
      padding-bottom: 3rem;
      background: url(../images/bg.jpg) no-repeat right top;
      background-size: 0;
    }
    .z_aa .aa {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column;
    }
    .z_aa .aa .left {
      width: 90%;
    }
    .z_aa .aa .left .font {
      width: 100%;
      float: left;
      font-size: 0.9rem;
      color: #333333;
      line-height: 1.5;
    }
    .z_aa .aa .left .font a {
      color: #8d0e0a;
    }
    .z_aa .aa .right {
      width: 90%;
      margin-top: 2rem;
    }
    .z_aa .aa .right img {
      width: 100%;
    }
    .z_aa .aa1 {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      margin-top: 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.5rem;
    }
    .z_aa .aa1 li {
      width: 100%;
      height: 8rem;
      display: flex;
      align-items: flex-start;
      flex-flow: column;
      color: #333333;
      margin-right: 40px;
      box-sizing: border-box;
      border: 1px solid #1b5e6c;
      padding: 0 20px;
      justify-content: center;
      background: #fff;
      margin: 0;
    }
    .z_aa .aa1 li:hover {
      background: url(../images/aa.jpg) no-repeat;
      background-size: cover;
      color: #fff;
    }
    .z_aa .aa1 li:last-child {
      margin-right: 0;
    }
    .z_aa .aa1 li h1 {
      width: 100%;
      float: left;
      font-size: 1.2rem;
    }
    .z_aa .aa1 li font {
      line-height: 1.5;
      width: 100%;
      float: left;
      margin-top: 0.5rem;
      display: -webkit-box;
      font-size: 0.8rem;
      -webkit-line-clamp: 3;
      height: auto;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .z_title {
      width: 100%;
      float: left;
      margin-bottom: 1rem;
    }
    .z_title h1 {
      width: 100%;
      float: left;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      font-size: 1.5rem;
      color: #333333;
      font-weight: bold;
      position: relative;
      text-align: center;
    }
    .z_title h1::before {
      content: "";
      width: 3rem;
      height: 2px;
      background: #999;
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      margin: 0 auto;
    }
    .z_title h2 {
      width: 100%;
      float: left;
      font-size: 1.7rem;
      color: #999999;
      font-weight: bold;
      text-align: center;
    }
    .z_pro {
      width: 100%;
      float: left;
      background: url(../images/probg.jpg) no-repeat;
      background-size: cover;position: relative;z-index: 2;
    }
    .z_pro .title {
      width: 100%;
      float: left;
      margin-top: 2rem;
      margin-bottom: 2rem;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      position: relative;
      flex-flow: column;
    }
    .z_pro .title .ss {
      display: block;
      align-items: center;
      width: 100%;
    }
    .z_pro .title .ss .ss1 {
      display: flex;
      align-items: center;
      height: 3rem;
      box-sizing: border-box;
      margin-right: 10px;
      border: 1px solid #AAAAAA;
      width: 100%;
      margin-bottom: 1rem;
      float: left;
    }
    .z_pro .title .ss .ss1 img {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      width: 1.5rem;
    }
    .z_pro .title .ss .ss1 .wz {
      flex: 1;
      width: 0;
      height: 100%;
      font-size: 0.9rem;
    }
    .z_pro .title .ss .ss1 .dj {
      width: 5rem;
      height: 100%;
      background: #1b5e6c;
      font-size: 0.9rem;
      color: #fff;
  -webkit-appearance:none;
    }
    .z_pro .title .ss .ss1::before{width: 5rem;display: none;}
    .z_pro .title .ss .ss2 {
      height: 3rem;
      display: flex;
      align-items: center;
      padding: 0 0.8rem;
      font-size: 0.9rem;
      color: #fff;
      background: #8d0e0a;
      white-space: nowrap;
      float: left;
      width: 47%;
      box-sizing: border-box;
    }
    .z_pro .title .ss .ss2 img {
      margin-right: 0.5rem;
      width: 1.5rem;
    }
    .z_pro .title .ss .ss2 .fnav {
      width: 1440px;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 13rem;
      position: absolute;
      z-index: 9;
      visibility: hidden;
      padding-top: 1rem;
    }
    .z_pro .title .ss .ss2 .fnav::before {
      content: "";
      border: 10px solid;
      border-color: transparent transparent #fff transparent;
      position: absolute;
      left: calc(6% - 5px);right: auto;
      top: 0;
    }
    /* .z_pro .title .ss .ss2:hover .fnav {
      visibility: visible;
    } */
    .z_pro .title .ss .a {
      height: 3rem;
      display: flex;
      align-items: center;
      padding: 0;
      background: #1b5e6c;
      font-size: 0.9rem;
      color: #fff;
      margin-left: 0;
      white-space: nowrap;
      float: right;
      width: 47%;
      justify-content: center;
    }
    .z_pp {
      width: 100%;
      float: left;
      margin-bottom: 2rem;
      position: relative;
    }
    .z_pp .swiper-button-next,
    .z_pp .swiper-button-prev {
      width: 29px;
      height: 55px;
      outline: none;
      display: none;
    }
    .z_pp .swiper-button-next {
      right: -35px;
      background: url(../images/jt.png) no-repeat;
    }
    .z_pp .swiper-button-next::after {
      display: none;
    }
    .z_pp .swiper-button-prev {
      left: -35px;
      background: url(../images/jt.png) no-repeat;
      transform: rotate(180deg);
    }
    .z_pp .swiper-button-prev::after {
      display: none;
    }
    .z_pp .swiper-container {
      width: 100%;
      float: left;
    }
    .z_pp .swiper-container .swiper-slide {
      width: 100%;
      float: left;
    }
    .z_pp .swiper-container .swiper-slide a .img {
      width: 100%;
      float: left;
      position: relative;
    }
    .z_pp .swiper-container .swiper-slide a .img img {
      width: 100%;
      float: left;
    }
    .z_pp .swiper-container .swiper-slide a .img::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: url(../images/+.png) rgba(27, 94, 108, 0.64) no-repeat center;
      visibility: hidden;
      display: none;
    }
    .z_pp .swiper-container .swiper-slide a h1 {
      width: 100%;
      float: left;
      background: #1b5e6c;
      display: flex;
      align-items: center;
      height: 3.5rem;
      justify-content: center;
      box-sizing: border-box;
      padding: 0 3%;
    }
    .z_pp .swiper-container .swiper-slide a h1 span {
      line-height: 1.5;
      font-size: 0.95rem;
      color: #fff;
    }
    .z_pp .swiper-container .swiper-slide a:hover .img::before {
      visibility: visible;
    }
    .z_nn_title {
      width: 100%;
      float: left;
      margin-top: 2rem;
      margin-bottom: 2rem;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .z_nn_title .a {
      height: 47px;
      display: flex;
      align-items: center;
      padding: 0 20px;
      background: #1b5e6c;
      font-size: 16px;
      color: #fff;
      margin-left: 10px;
      white-space: nowrap;
      display: none;
    }
    .z_news {
      width: 100%;
      float: left;
      margin-bottom: 50px;
      display: flex;
      align-items: flex-start;
      flex-flow: wrap;
    }
    .z_news li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 1rem;
      position: relative;
    }
    .z_news li:nth-child(2n) {
      margin-right: 0;
    }
    .z_news li a {
      display: flex;
      align-items: center;
      background: #fff;
      box-sizing: border-box;
      width: 100%;
      float: left;
      position: relative;
      z-index: 2;
      padding: 1rem;
    }
    .z_news li a img {
      width: 37%;
    }
    .z_news li a .dt {
      flex: 1;
      margin-left: 1rem;
      width: 0;
    }
    .z_news li a .dt h1 {
      width: 100%;
      float: left;
      font-size: 0.8rem;
      color: #666666;
      margin-bottom: 0.5rem;
    }
    .z_news li a .dt h2 {
      width: 100%;
      float: left;
      font-size: 1rem;
      color: #333333;
      margin-bottom: 0.8rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .z_news li a .dt font {
      line-height: 1.5;
      width: 100%;
      float: left;
      display: -webkit-box;
      font-size: 0.8rem;
      color: #666;
      -webkit-line-clamp: 2;
      height: auto;
      margin-bottom: 0;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .z_news li a .dt span {
      float: right;
      font-size: 14px;
      color: #999;
      display: none;
    }
    .z_news li:hover::before {
      content: "";
      position: absolute;
      z-index: 1;
      background: #1b5e6c;
      width: 100%;
      height: 100%;
      right: -10px;
      bottom: -10px;
    }
    .z_foot {
      width: 100%;
      float: left;
      padding: 2rem 0;
      background: #232323;
    }
    .z_foot .z_max {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column;
    }
    .z_foot .z_max .left {
      display: flex;
      align-items: flex-start;
      flex-flow: column;
      margin-bottom: 1rem;
    }
    .z_foot .z_max .left h1 {
      font-size: 1rem;
      color: #f5f5f5;
      font-weight: bold;
      margin-bottom: 0.8rem;
    }
    .z_foot .z_max .left ul {
      display: flex;
      align-items: flex-start;
      flex-flow: column;
    }
    .z_foot .z_max .left ul li {
      display: flex;
      align-items: flex-start;
      margin-bottom: 0.5rem;
      font-size: 0.9rem;
      color: #aaaaaa;
      line-height: 1.5;
      white-space: initial;
    }
    .z_foot .z_max .left ul li .img {
      width: 1rem;
      margin-right: 0.5rem;
      position: relative;
    top: 0.3rem;
    }
    .z_foot .z_max .left ul li .img img{
    float: left;
}
    .z_foot .z_max .center {
      display: none;
      align-items: flex-start;
      flex-flow: column;
    }
    .z_foot .z_max .center h1 {
      font-size: 18px;
      color: #f5f5f5;
      font-weight: bold;
      margin-bottom: 25px;
    }
    .z_foot .z_max .center .nav {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }
    .z_foot .z_max .center .nav a {
      font-size: 16px;
      color: #aaaaaa;
      font-weight: bold;
      margin-right: 50px;
      white-space: nowrap;
    }
    .z_foot .z_max .center .nav a:last-child {
      margin-right: 0;
    }
    .z_foot .z_max .center .bot {
      font-size: 14px;
      color: #aaaaaa;
      line-height: 2;
    }
    .z_foot .z_max .right {
      display: flex;
      align-items: center;
      flex-flow: column;
    }
    .z_foot .z_max .right h1 {
      font-size: 1rem;
      color: #f5f5f5;
      font-weight: bold;
      margin-bottom: 1rem;
    }
    .z_foot .z_max .right img {
      width: 5rem;
    }
    .z_banner1 {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: auto;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      padding-bottom: 3rem;
    }
    .z_banner1 .bar {
      display: flex;
      align-items: center;
      flex-flow: column;
      margin-top: 2rem;
      width: 100%;
    }
    .z_banner1 .bar h1 {
      margin-bottom: 1rem;
      font-size: 1.5rem;
      color: #fff;
    }
    .z_banner1 .bar .ss {
      width: 90%;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      position: relative;
      flex-flow: column;
    }
    .z_banner1 .bar .ss a{
      align-items: flex-start;
    width: 100%;
}
.z_banner1 .bar .ss a img{    position: relative;
  top: -0.5rem;}
    .z_banner1 .bar .ss .ss1 {
      height: 3rem;
      display: flex;
      align-items: center;
      padding: 0 20px;
      font-size: 16px;
      color: #fff;
      border: 1px solid #8f0b07;
      white-space: nowrap;
      width: 100%;
      box-sizing: border-box;
      background: #8f0b07;
      margin-bottom: 1rem;
    }
    .z_banner1 .bar .ss .ss1 img {
      margin-right: 10px;
    }
    .z_banner1 .bar .ss .ss1 .fnav {
      width: 1440px;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 100%;
      top: 3rem;
      position: absolute;
      z-index: 9;
      visibility: hidden;
      padding-top: 1rem;
    }
    .z_banner1 .bar .ss .ss1 .fnav::before {
      content: "";
      border: 10px solid;
      border-color: transparent transparent #fff transparent;
      position: absolute;
      left: calc(19% - 5px);
      top: 0;
    }
    .z_banner1 .bar .ss .ss1:hover .fnav {
      visibility: visible;
    }
    .z_banner1 .bar .ss .ss2 {
      display: flex;
      align-items: center;
      height: 3rem;
      box-sizing: border-box;
      background: #fff;
      width: 100%;
      margin: 0;
      margin-bottom: 1rem;
    }
    .z_banner1 .bar .ss .ss2 img {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      width: 1rem;
    }
    .z_banner1 .bar .ss .ss2 .wz {
      flex: 1;
      width: 0;
      height: 100%;
      font-size: 0.8rem;
    }
    .z_banner1 .bar .ss .dj {
      width: 100%;
      height: 3rem;
      background: #8f0b07;
      font-size: 0.9rem;
      color: #fff;
      margin-bottom: 1rem;
      -webkit-appearance:none;
    }
    .z_index {
      background: #fff;
      width: 100%;
      float: left;
      position: relative;
      margin-top: -3rem;
      -webkit-box-shadow: 2px 2px 20px #cfcfcf;
      -moz-box-shadow: 2px 2px 20px #cfcfcf;
      box-shadow: 2px 2px 20px #cfcfcf;
      padding: 1rem 0;
      margin-bottom: 40px;
    }
    .z_pp1 {
      width: 100%;
      float: left;
      position: relative;
      box-sizing: border-box;
      padding: 0 3%;
      display: flex;
      /* align-items: flex-start; */
      flex-flow: wrap;
    }
    .z_pp1 li {
      width: calc(51.2% - 0.5rem);
      float: left;
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
      border: 1px solid #1b5e6c;
      box-sizing: border-box;
    }
    .z_pp1 li:nth-child(2n){
      margin-right: 0 !important;
  }
      .z_pp1 li:nth-child(4n) {
        margin-right: 0.5rem;
      }
    .z_pp1 li a .img {
      width: 100%;
      float: left;
      position: relative;
    }
    .z_pp1 li a .img img {
      width: 100%;
      float: left;
    }
    .z_pp1 li a .img::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: url(../images/+.png) rgba(27, 94, 108, 0.64) no-repeat center;
      visibility: hidden;
      display: none;
    }
    .z_pp1 li a h1 {
      width: 100%;
      float: left;
      background: #1b5e6c;
      display: flex;
      align-items: center;
      height: 4rem;
      justify-content: center;
      box-sizing: border-box;
      padding: 0 3%;
    }
    .z_pp1 li a h1 span {
      line-height: 1.5;
      font-size: 1rem;
      color: #fff;
    }
    .z_pp1 li:hover a .img::before {
      visibility: visible;
    }
    .q_page {
      width: 100%;
      float: left;
      margin-top: 2rem;
    }
    .q_page ul li{display: none;  background: #1c5f6d;
      color: #fff;}
      .q_page ul li a{color: #fff;}
    .q_page ul li:nth-child(2){display: block;}
    .q_page ul li:nth-child(3){display: block;}
    .q_page li:nth-last-child(2){display: block;}
    .q_page li:nth-last-child(3){display: block;}
    /* .z_show {
      width: 100%;
      float: left;
      box-sizing: border-box;
      padding: 0 3%;
      margin-bottom: 1rem;
      flex-flow: column;
    }
    .z_show .left {
      width: 45%;
      display: flex;
      align-items: flex-start;
      flex-flow: column;
    }
    .z_show .left h1 {
      font-size: 1.2rem;
      color: #333333;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }
    .z_show .left h2 {
      font-size: 0.8rem;
      color: #333333;
      font-weight: bold;
      margin-bottom: 1rem;
      line-height: 1.5;
    }
    .z_show .left .font {
      font-size: 0.8rem;
      color: #333333;
      line-height: 1.5;
      margin-bottom: 1rem;
    }
    .z_show .left .a {
      display: flex;
      align-items: flex-start;
      margin-bottom: 1rem;
      justify-content: space-between;
      width: 100%;
    }
    .z_show .left .a a {
      width: 47%;
      height: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #666666;
      margin-right: 0;
      font-size: 0.8rem;
      color: #666666;
    }
    .z_show .left .a a:hover {
      background-color: #a80000;
      color: #FFFFFF;
    }
    .z_show .right {
      width: 52%;
      display: flex;
      align-items: flex-start;
      height: 15rem;
      justify-content: space-between;
    }
    .z_show .right .ul {
      width: 3rem;
      height: 100%;
      padding-bottom: 2px;
    }
    .z_show .right .ul .li {
      width: 100%;
      height: calc(26.2% - 10px);
      box-sizing: border-box;
    }
    .z_show .right .ul .li{
      width: 100%;
      height: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e3e3e3;
    }
        .z_show .right .ul .li img{
    width: 2rem;
}
    .z_show .right .ul .li.active::before {
      content: "";
      position: absolute;
      top: 38%;
      width: 0;
      height: 0;
      left: 100%;
      text-align: center;
      border: 8px solid;
      border-color: transparent transparent transparent #1b5e6c;
    }
    .z_show .right .ol {
      width: 80%;
      height: 100%;
      padding-bottom: 2px;
      padding-right: 2px;
      flex: 1;
      margin-left: 0.5rem;
    }
    .z_show .right .ol .li {
      width: 100%;
      height: 100%;
    }
    .z_show .right .ol .li{
      width: 100%;
      height: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e3e3e3;
    }
    .z_show .right .ol .li img {
      max-width: 100%;
      max-height: 100%;
    } */
    .z_show1 {
      width: 100%;
      float: left;
      box-sizing: border-box;
      padding: 0 3%;
      /* font-size: 0.9rem; */
      color: #666;
      line-height: 1.5;
    }
    .z_show1 h1 {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
    }
    .z_show1 h1 font {
      display: flex;
      align-items: center;
      font-size: 1rem;
      color: #045157;
      font-weight: bold;
    }
    .z_show1 h1 font img {
      margin: 0 10px;
      display: none;
    }
    .z_show1 h1 font span {
      font-family: Arial;
      font-size: 0.8rem;
      color: #95aeb0;
      text-transform: capitalize;
      font-weight: normal;
      margin-left: 0.5rem;
    }
    .z_show1 h1::after {
      content: "";
      display: block;
      flex: 1;
      width: 0;
      height: 1px;
      background: #a6cbce;
      margin-left: 10px;
    }
    .z_fanye {
      width: 100%;
      float: left;
      margin-top: 2rem;
      box-sizing: border-box;
      padding: 0 3%;
    }
    .z_fanye a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 2rem;
      margin-right: 15px;
      float: left;
      font-size: 0.8rem;
      color: #1b5e6c;
      border: 1px solid #1b5e6c;
    }
    .z_fanye a:hover {
      background: #1b5e6c;
      color: #fff;
    }
    .z_fanye a.fh {
      background: #1b5e6c;
      color: #fff;
      margin: 0;
      float: right;
    }
    .z_banner2 {
      width: 100%;
      float: left;
      height: 14rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .z_banner2 img {
      width: 100%;
      float: left;
      display: none;
    }
    .z_aa1 {
      width: 100%;
      float: left;
      margin-top: -1rem;
      box-sizing: border-box;
      padding: 1rem 3%;
    }
    .z_aa1.cur {
      background: url(../images/bg.jpg) no-repeat right -100px;
      background-size: 0;
    }
    .z_aa1.case {
      background: url(../images/res.jpg) no-repeat right top;
      background-size: 0;
    }
    .z_aa1.case .z_title {
      margin-top: 1rem;
      margin-bottom: 2rem;
    }
    .z_aa_title {
      width: 100%;
      float: left;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
    }
    .z_aa_title.nn {
      margin-bottom: 1rem;
    }
    .z_aa_title a {
      font-size: 1rem;
      color: #1c1a1a;
      font-weight: bold;
      margin-right: 1rem;
    }
    .z_aa_title a.active {
      display: flex;
      align-items: center;
      color: #1f6473;
    }
    .z_aa_title a.active::before {
      content: "";
      display: none;
      background-color: #1f6473;
      width: 8px;
      height: 19px;
      margin-right: 15px;
    }
    .z_aa2 {
      width: 100%;
      float: left;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-flow: column;
      margin-top: 1rem;
    }
    .z_aa2 .left {
      width: 100%;
    }
    .z_aa2 .left .font {
      width: 100%;
      float: left;
      font-size: 16px;
      color: #333333;
      line-height: 1.5;
      margin-top:1rem;
    }
    .z_aa2 .right {
      width: 100%;
      margin-top: 2rem;
    }
    .z_aa2 .right img {
      width: 100%;
    }
    .z_aa3 {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      margin-top: 2rem;
      margin-bottom: 1rem;
      flex-flow: column;
    }
    .z_aa3 img {
      width: 100%;
    }
    .z_aa3 .dt {
      flex: 1;
      width: 100%;
      margin-left: 0;
      font-size: 0.9rem;
      color: #333333;
      line-height: 1.5;
      margin-top: 1rem;
    }
    .z_aa3 .dt h1 {
      width: 100%;
      float: left;
      font-size: 1.2rem;
      color: #333333;
      margin-bottom: 0.5rem;
    }
    .z_aa4 {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-flow: column;
    }
    .z_aa4 li {
      width: 100%;
      margin-bottom: 1rem;
    }
    .z_aa4 li img {
      width: 100%;
      float: left;
    }
    .z_aa4 li h1 {
      width: 100%;
      float: left;
      font-size: 1.2rem;
      color: #333333;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
    }
    .z_aa4 li font {
      display: block;
      width: 100%;
      float: left;
      font-size: 0.9rem;
      color: #333333;
      line-height: 1.5;
    }
    .z_aa5 {
      width: 100%;
      float: left;
      background: url(../images/honor_bg.png) no-repeat bottom left;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      box-sizing: border-box;
      padding: 0;
      background-size: 0;
      flex-flow: column;
      margin-top: 1rem;
    }
    .z_aa5 .left {
      width: 100%;
    }
    .z_aa5 .right {
      width: 100%;
      margin-top: 1rem;
    }
    .z_aa5 .right img {
      width: 100%;
    }
    .z_case {
      width: 100%;
      float: left;
    }
    .z_case li {
      width: 100%;
      margin-bottom: 30px;
      position: relative;
      float: left;
    }
    .z_case li a {
      display: flex;
      align-items: center;
      background: #fff;
      box-sizing: border-box;
      width: 100%;
      float: left;
      border: 1px solid #1b5e6c;
      position: relative;
      z-index: 2;
      padding: 1rem;
    }
    .z_case li a img {
      width: 37%;
    }
    .z_case li a .dt {
      flex: 1;
      margin-left: 1rem;
      width: 0;
    }
    .z_case li a .dt h1 {
      width: 100%;
      float: left;
      font-size: 0.8rem;
      color: #666666;
      margin-bottom: 0.5rem;
    }
    .z_case li a .dt h2 {
      width: 100%;
      float: left;
      font-size: 1rem;
      color: #333333;
      margin-bottom: 0.8rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .z_case li a .dt font {
      line-height: 1.5;
      width: 100%;
      float: left;
      display: -webkit-box;
      font-size: 0.8rem;
      color: #666;
      -webkit-line-clamp: 2;
      height: auto;
      margin-bottom: 0;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .z_case li a .dt span {
      float: right;
      font-size: 14px;
      color: #999;
      display: none;
    }
    .z_case li:hover::before {
      content: "";
      position: absolute;
      z-index: 1;
      background: #1b5e6c;
      width: 100%;
      height: 100%;
      right: -10px;
      bottom: -10px;
    }
    .z_fanye1 {
      width: 100%;
      float: left;
      margin-top: 2rem;
      box-sizing: border-box;
      border-top: 1px solid #f0f0f0;
      padding-top: 1.5rem;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-flow: column;
    }
    .z_fanye1 .dt {
      display: flex;
      align-items: flex-start;
      flex-flow: column;
      line-height: 1.5;
      font-size: 0.8rem;
      color: #666;
    }
    .z_fanye1 .fh {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 5rem;
      height: 2.5rem;
      margin-right: 15px;
      float: left;
      font-size: 0.9rem;
      background: #1b5e6c;
      color: #fff;
      margin-top: 1rem;
    }
    .z_nr {
      width: 100%;
      float: left;
      margin-top: 1rem;
      font-size: 0.9rem;
      color: #666;
      line-height: 1.5;
    }
    .z_nr h1 {
      width: 100%;
      float: left;
      text-align: center;
      font-size: 1.2rem;
      color: #333333;
      margin-bottom: 1rem;
    }
    .z_nr h2 {
      width: 100%;
      float: left;
      text-align: center;
      font-size: 0.8rem;
      color: #999999;
      margin-bottom: 0.5rem;
    }
    .z_choose {
      width: 100%;
      float: left;
      box-sizing: border-box;
      padding: 0 3%;
      display: flex;
      align-items: flex-start;
    }
    .z_choose .left {
      width: 25%;
      -webkit-box-shadow: 18px 0 19px -19px #cfcfcf;
      -moz-box-shadow: 18px 0 19px -19px #cfcfcf;
      box-shadow: 18px 0 19px -19px #cfcfcf;
    }
    .z_choose .left a {
      font-size: 0.9rem;
      color: #333333;
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
      cursor: pointer;
    }
    .z_choose .left a::before {
      content: "";
      display: block;
      background-color: #1b5e6c;
      width: 8px;
      height: 16px;
      margin-right: 15px;
      visibility: hidden;
      display: none;
    }
    .z_choose .left a.active {
      color: #1f6473;
    }
    .z_choose .left a.active::before {
      visibility: visible;
    }
    .z_choose .left a:hover {
      color: #1f6473;
    }
    .z_choose .left a:hover::before {
      visibility: visible;
    }
    .z_choose .right {
      flex: 1;
      width: 0;
      margin-left: 1rem;
    }
    .z_choose .right .li {
      width: 100%;
      float: left;
      display: none;
    }
    .z_choose .right .li.on {
      display: block;
    }
    .z_choose .right .li .title {
      width: 100%;
      float: left;
      font-size: 1rem;
      color: #1f6473;
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
    }
    .z_choose .right .li .title::before {
      content: "";
      display: block;
      background-color: #1b5e6c;
      width: 8px;
      height: 16px;
      margin-right: 15px;
      display: none;
    }
    .z_choose .right .li .choose {
      width: 100%;
      float: left;
    }
    .z_choose .right .li .choose font {
      display: block;
    }
    .z_choose .right .li .choose font:nth-child(1) {
      width: 28%;
      margin-right: 1rem;
    }
    .z_choose .right .li .choose font:nth-child(2){
    flex: 1;
    width: 0;
}
    .z_choose .right .li .choose h1 {
      width: 100%;
      float: left;
      box-sizing: border-box;
      padding: 1rem 3%;
      display: flex;
      align-items: center;
      height: auto;
      background: #1f6473;
    }
    .z_choose .right .li .choose h1 font {
      font-size: 0.9rem;
      color: #fff;
    }
    .z_choose .right .li .choose ul {
      width: 100%;
      float: left;
      box-sizing: border-box;
      border: 1px solid #ececec;
    }
    .z_choose .right .li .choose ul li {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      border-bottom: 1px solid #ececec;
      box-sizing: border-box;
      padding: 1rem 3%;
      height: auto;
    }
    .z_choose .right .li .choose ul li:last-child {
      border-bottom: 0;
    }
    .z_choose .right .li .choose ul li font {
      font-size: 0.8rem;
      color: #666666;
    }
    .z_choose .right .li .choose ul li font span {
      line-height: 1.5;
    }
    .z_con {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 3rem;
      box-sizing: border-box;
      padding: 0 3%;
      flex-flow: column;
    }
    .z_con .left {
      width: 100%;
      margin-bottom: 1rem;
    }
    .z_con .left h1 {
      width: 100%;
      float: left;
      margin-bottom: 1rem;
      font-size: 1.1rem;
      color: #333333;
      font-weight: bold;
    }
    .z_con .left ul {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      flex-flow: wrap;
      justify-content: space-between;
    }
    .z_con .left ul li {
      width: 48%;
      display: flex;
      align-items: flex-start;
      flex-flow: column;
      margin-bottom: 1rem;
    }
    .z_con .left ul li font {
      font-size: 0.9rem;
      color: #333333;
      margin-bottom: 0.5rem;
    }
    .z_con .left ul li font span {
      color: #c80909;
    }
    .z_con .left ul li input {
      width: 100%;
      height: 2.5rem;
      background: #f6f5f5;
      padding: 0 0.8rem;
      font-size: 0.8rem;
      border-radius: 5px;
    }
    .z_con .left ul li:nth-child(5) {
      width: 100%;
      margin-bottom: 25px;
    }
    .z_con .left ul li:nth-child(5) textarea {
      width: 100%;
      height: 7rem;
      border-radius: 5px;
      background: #f6f5f5;
      box-sizing: border-box;
      padding: 0.8rem;
      outline: none;
      border: none;
      resize: none;
    }
    /* .z_con .left ul li:last-child {
      width: 100%;
      margin-bottom: 0;
    }
    .z_con .left ul li:last-child input {
      width: 100%;
      height: 3rem;
      background: #6a0300;
      font-size: 1rem;
      color: #fff;
    } */
    .z_con .left input {
      width: 100%;
      height: 3rem;
      background: #6a0300;
      font-size: 1rem;
      color: #fff;
    }
    .z_con .right {
      width: 100%;
    }
    .z_con .right h1 {
      width: 100%;
      float: left;
      font-size: 1.2rem;
      color: #333333;
      font-weight: bold;
      margin-bottom: 1rem;
    }
    .z_con .right .font {
      width: 100%;
      float: left;
      font-size: 0.9rem;
      color: #666666;
      line-height: 1.5;
      margin-bottom: 1rem;
    }
    .z_con .right ul {
      width: 100%;
      float: left;
    }
    .z_con .right ul li {
      width: 100%;
      float: left;
      height: auto;
      background: #f6f5f5;
      border-radius: 5px;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      padding: 1rem 0;
      padding-left: 40%;
      position: relative;
      box-sizing: border-box;
    }
    .z_con .right ul li:last-child {
      margin-bottom: 0;
    }
    .z_con .right ul li h3 {
      width: 40%;
      height: 100%;
      border-radius: 5px;
      background: #1b5e6c;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #fff;
      position: absolute;
      left: 0;
      top: 0;
    }
    .z_con .right ul li h4 {
      flex: 1;
      width: 0;
      margin-left: 1rem;
      font-size: 0.9rem;
      color: #333333;
      line-height: 1.5;
    }
    .z_con1 {
      width: 100%;
      float: left;
      display: flex;
      align-items: flex-start;
      flex-flow: wrap;
      box-sizing: border-box;
      padding: 0 3%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem;
    }
    .z_con1 li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 0;
      border-radius: 5px;
      height: auto;
      box-sizing: border-box;
      padding: 1.5rem 1rem;
      background: #f6f5f5;
    }
    .z_con1 li h1 {
      width: 100%;
      float: left;
      font-size: 1rem;
      color: #1b5e6c;
      font-weight: bold;
      margin-bottom: 0.8rem;
    }
    .z_con1 li font {
      display: block;
      width: 100%;
      float: left;
      line-height: 1.5;
      font-size: 0.8rem;
      color: #333333;
    }
    .z_con1 li:nth-child(3n) {
      margin-right: 0;
    }
    .z_max{
    max-width: 94%;
}
  }

  @media screen and (max-width: 800px){
    .z_show1{font-size: 0.9rem;}
    .z_show {
      width: 100%;
      float: left;
      box-sizing: border-box;
      padding: 0 3%;
      margin-bottom: 1rem;
      flex-flow: column;
      display: flex;
      align-items: flex-start;
    }
    .z_show .left {
      width: 100%;
      display: flex;
      align-items: flex-start;
      flex-flow: column;
    }
    .z_show .left h1 {
      font-size: 1.2rem;
      color: #333333;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }
    .z_show .left h2 {
      font-size: 0.8rem;
      color: #333333;
      font-weight: bold;
      margin-bottom: 1rem;
      line-height: 1.5;
    }
    .z_show .left .font {
      font-size: 0.8rem;
      color: #333333;
      line-height: 1.5;
      margin-bottom: 1rem;
    }
    .z_show .left .a {
      display: flex;
      align-items: flex-start;
      margin-bottom: 1rem;
      justify-content: space-between;
      width: 100%;
    }
    .z_show .left .a a {
      width: 47%;
      height: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #666666;
      margin-right: 0;
      font-size: 0.8rem;
      color: #666666;
    }
    .z_show .left .a a:hover {
      background-color: #a80000;
      color: #FFFFFF;
    }
    .z_show .right {
      width: 100%;
      display: flex;
      align-items: flex-start;
      height: 15rem;
      justify-content: space-between;
    }
    .z_show .right .ul {
      width: 4rem;
      height: 100%;
      padding-bottom: 2px;
    }
    .z_show .right .ul .li {
      width: 100%;
      height: calc(26.2% - 10px);
      box-sizing: border-box;
    }
    .z_show .right .ul .li{
      width: 100%;
      /* height: 100%; */
      float: left;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e3e3e3;
    }
        .z_show .right .ul .li img{
    width: 2rem;
}
    .z_show .right .ul .li.active::before {
      content: "";
      position: absolute;
      top: 38%;
      width: 0;
      height: 0;
      left: 100%;
      text-align: center;
      border: 8px solid;
      border-color: transparent transparent transparent #1b5e6c;
    }
    .z_show .right .ol {
      width: 80%;
      height: 100%;
      padding-bottom: 2px;
      padding-right: 2px;
      flex: 1;
      margin-left: 0.5rem;
    }
    .z_show .right .ol .li {
      width: 100%;
      height: 100%;
    }
    .z_show .right .ol .li{
      width: 100%;
      height: 100%;
      float: left;
      /* display: flex; */
      align-items: center;
      justify-content: center;
      border: 1px solid #e3e3e3;
    }
    .z_show .right .ol .li img {
      max-width: 100%;
      max-height: 100%;
    }
    .z_show1 h1.web{display:none;}
.z_show1 h1.mobile{display: flex;}
.z_aa5_12 img{
    width: 50%;
    margin-bottom: 1rem;
}
  }

  @media screen and (max-width: 1530px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(50% - 5px);}
  }
  @media screen and (max-width: 1420px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(25% - 5px);}
  }
  @media screen and (max-width: 1300px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(22% - 5px);}
  }
  @media screen and (max-width: 1280px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(22% - 5px);}
  }
  @media screen and (max-width: 1270px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(22% - 5px);}
  }
  @media screen and (max-width: 1170px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(20% - 5px);}
  }
  @media screen and (max-width: 1150px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(18% - 5px);}
  }
  @media screen and (max-width: 1100px){
    .z_banner1 .bar .ss .ss1 .fnav::before{left: calc(17% - 5px);}
  }