.web{display: block;}
.mobile{display: none;}
@media screen and (max-width: 1690px) and (min-width: 1100px) {
.z_banner .swiper-container li .bar4 .left{margin-right: 3%;width: 38%;}
.z_banner .swiper-container li .bar4 .right{width:26%;}
.z_max{width:1200px;}
.z_banner5 .z_max{box-sizing: border-box;padding: 0 80px;}
.z_zzzl .zzzl .right .dt ul li{width: 47%;}
.z_bot .left{width: 410px;}
.z_bot .right{width: calc(100% - 530px);}
.z_banner .swiper-container li .bar1{box-sizing: border-box;padding: 0 3%;}
.z_banner .swiper-container li .bar1 .right{width: 41%;}
.z_banner .swiper-container li .bar1 .left{width: 41%;}
.z_banner .swiper-container li .bar1 .left h3{white-space: initial;font-size: 26px;}
.z_fudong{right: 20px;}
/* .z_bot .right li:last-child{width: 230px;} */
}
@media screen and (max-width: 1100px) and (min-width: 985px) {
  .z_head .z_max .logo{width: 20%;}
  .z_head .z_max .right .nav li{margin-right: 15px;}
  .z_head .z_max .right .nav li a{font-size: 12px;}
  .z_banner .swiper-container li .bar4 .left{margin-right: 3%;width: 38%;}
  .z_banner .swiper-container li .bar4 .right{width:26%;}
  .z_max{width:1200px;}
  .z_banner5 .z_max{box-sizing: border-box;padding: 0 80px;}
  .z_zzzl .zzzl .right .dt ul li{width: 47%;}
  .z_bot .left{width: 410px;}
  .z_bot .right{width: calc(100% - 530px);}
  .z_banner .swiper-container li .bar1{box-sizing: border-box;padding: 0 3%;}
  .z_banner .swiper-container li .bar1 .right{width: 41%;}
  .z_banner .swiper-container li .bar1 .left{width: 41%;}
  .z_banner .swiper-container li .bar1 .left h3{white-space: initial;font-size: 19px;}
  .z_youshi .youshi li .bt font{width: 98%;}
  .z_banner .swiper-button-prev{left: 5%;}
.z_banner .swiper-button-next{right: 5%;}
.z_fudong{right: 0;}
}
@media screen and (max-width: 980px) {
  
  .web{display: none;}
  .mobile{display: block;}
  .z_head {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    background: rgba(0,0,0,0.3);
    padding-bottom: 3rem;
    background-size: cover;
  }
  .z_head.active {
    background: transparent;
  }
  .z_head.active .z_max .right .nav li a {
    color: #333;
  }
  .z_head.active .z_max .right .login a {
    color: #fd5c5f;
    border: 1px solid #fd5c5f;
  }
  .z_head.active .z_max .right .login a.active {
    color: #fff;
  }
  .z_head.active .z_max .right .yy {
    color: #333;
  }
  .z_head .z_max {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem;
  }
  .z_head .z_max .logo {
    width: 60%;
  }
  .z_head .z_max .logo img {
    width: auto;
  }
  .z_head .z_max .right {
    display: flex;
    align-items: center;
  }
  .z_head .z_max .right .nav {
    display: none;
    align-items: center;
    margin-right: 10px;
  }
  .z_head .z_max .right .nav li {
    margin-right: 35px;
    position: relative;
  }
  .z_head .z_max .right .nav li a {
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .z_head .z_max .right .nav li a img {
    margin-left: 10px;
  }
  .z_head .z_max .right .nav li.active {
    position: relative;
  }
  .z_head .z_max .right .nav li.active a {
    color: #fd5c5f;
  }
  .z_head .z_max .right .nav li.active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fd5c5f;
    left: 0;
    bottom: -10px;
  }
  .z_head .z_max .right .nav li:hover .fnav {
    display: block;
  }
  .z_head .z_max .right .nav li .fnav {
    position: absolute;
    width: 270px;
    display: none;
    padding-top: 30px;
    top: 10px;
    right: -85px;
  }
  .z_head .z_max .right .nav li .fnav ul {
    position: relative;
    background: #fff;
    width: 270px;
    box-sizing: border-box;
    padding: 25px 10px;
    -moz-box-shadow: 3px 0 23px rgba(76, 76, 76, 0.51);
    -webkit-box-shadow: 3px 0 23px rgba(76, 76, 76, 0.51);
    box-shadow: 3px 0 23px rgba(76, 76, 76, 0.51);
  }
  .z_head .z_max .right .nav li .fnav ul::before {
    content: "";
    background: url(../images/sj.png) no-repeat;
    position: absolute;
    width: 15px;
    height: 14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -13px;
    z-index: 9;
  }
  .z_head .z_max .right .nav li .fnav ul li {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .z_head .z_max .right .nav li .fnav ul li:last-child {
    margin-bottom: 0;
  }
  .z_head .z_max .right .nav li .fnav ul li a {
    display: flex;
    align-items: center;
  }
  .z_head .z_max .right .nav li .fnav ul li a img {
    width: auto;
  }
  .z_head .z_max .right .nav li .fnav ul li a span {
    margin-left: 10px;
    font-size: 16px;
    color: #666666;
  }
  .z_head .z_max .right .nav li .fnav ul li:hover a span {
    color: #fd5c5f;
  }
  .z_head .z_max .right .login {
    display: flex;
    align-items: center;
    margin-right: 50px;
    position: absolute;
    left: 3%;
    bottom: 0.7rem;
  }
  .z_head .z_max .right .login a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 2rem;
    box-sizing: border-box;
    border: 1px solid #fd5c5f;
    font-size: 0.8rem;
    color: #fd5c5f;
    cursor: pointer;
  }
  .z_head .z_max .right .login a.active {
    background: #fd5c5f;
    margin-left: 1rem;
    width: 5rem;
    border: 0;
    color: #fff;
  }
  .z_head .z_max .right .yy {
    position: absolute;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    top: auto;
    white-space: nowrap;
    right: 3%;
    bottom: 0rem;
  }
  .z_head .z_max .right .yy img {
    margin-left: 10px;
  }
  .z_head .z_max .right .yy a {
    position: absolute;
    width: 100%;
    font-size: 16px;
    color: #666;
    left: -25px;
    bottom: -35px;
    display: none;
    cursor: pointer;
    background: #fff;
    padding: 10px 25px;
    -moz-box-shadow: 3px 0 23px rgba(76, 76, 76, 0.51);
    -webkit-box-shadow: 3px 0 23px rgba(76, 76, 76, 0.51);
    box-shadow: 3px 0 23px rgba(76, 76, 76, 0.51);
  }
  .z_head .z_max .right .yy a::before {
    content: "";
    background: url(../images/sj.png) no-repeat;
    position: absolute;
    width: 15px;
    height: 14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -13px;
    z-index: 9;
  }
  .z_head .z_max .right .yy a:hover {
    color: #fd5c5f;
  }
  .z_head .z_max .right .yy:hover a {
    display: block;
  }
  .z_banner {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
  }
  .z_banner .swiper-container {
    width: 100%;
    height: auto;
    float: left;
  }
  .z_banner .swiper-container li {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .z_banner .swiper-container li .bar1 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 9rem;
    flex-flow: column;
    padding-bottom: 2rem;
  }
  .z_banner .swiper-container li .bar1 .left {
    width: 100%;
  }
  .z_banner .swiper-container li .bar1 .left h3 {
    font-size: 1.1rem;
    color: #474747;
    font-family: 'PingFang Bold';
    margin-bottom: 1rem;
    white-space: initial;
    line-height: 1.5;
  }
  .z_banner .swiper-container li .bar1 .left font {
    display: block;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #666666;
    font-family: 'PingFang Light';
  }
  .z_banner .swiper-container li .bar1 .left a {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    background: #fd5c5f;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_banner .swiper-container li .bar1 .right {
    width: 100%;
  }
  .z_banner .swiper-container li .bar1 .right img {
    width: 100%;
  }
  .z_banner .swiper-container li .bar2 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 9rem;
    padding-bottom: 2rem;
    flex-flow: column;
  }
  .z_banner .swiper-container li .bar2 .left {
    width: 100%;
  }
  .z_banner .swiper-container li .bar2 .left h3 {
    font-size: 1.1rem;
    color: #fff;
    font-family: 'PingFang Bold';
    margin-bottom: 1rem;
    white-space: nowrap;
  }
  .z_banner .swiper-container li .bar2 .left font {
    display: block;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #fff;
    font-family: 'PingFang Light';
  }
  .z_banner .swiper-container li .bar2 .left a {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    background: #fd5c5f;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_banner .swiper-container li .bar2 .right {
    width: 100%;
  }
  .z_banner .swiper-container li .bar2 .right img {
    width: 100%;
  }
  .z_banner .swiper-container li .bar3 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 9rem;
    padding-bottom: 2rem;
    flex-flow: column;
  }
  .z_banner .swiper-container li .bar3 .left {
    width: 100%;
  }
  .z_banner .swiper-container li .bar3 .left h3 {
    font-size: 1.1rem;
    color: #fff;
    font-family: 'PingFang Bold';
    margin-bottom: 1rem;
    white-space: nowrap;
  }
  .z_banner .swiper-container li .bar3 .left font {
    display: block;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #fff;
    font-family: 'PingFang Light';
  }
  .z_banner .swiper-container li .bar3 .left a {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    background: #fd5c5f;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_banner .swiper-container li .bar3 .right {
    width: 100%;
  }
  .z_banner .swiper-container li .bar3 .right img {
    width: 100%;
  }
  .z_banner .swiper-container li .bar4 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 9rem;
    padding-bottom: 2rem;
  }
  .z_banner .swiper-container li .bar4 .left {
    width: 48%;
    margin-right: 3%;
  }
  .z_banner .swiper-container li .bar4 .left h3 {
    font-size: 1.5rem;
    color: #fe5c5f;
    font-family: 'PingFang Bold';
    margin-bottom: 1rem;
    white-space: nowrap;
  }
  .z_banner .swiper-container li .bar4 .left font {
    display: block;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #fff;
    font-family: 'PingFang Light';
  }
  .z_banner .swiper-container li .bar4 .left a {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    background: #fd5c5f;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_banner .swiper-container li .bar4 .right {
    width: 50%;
    text-align: center;
  }
  .z_banner .swiper-container li .bar4 .right img {
    max-width: 100%;
  }
  .z_banner .swiper-container .swiper-pagination {
    bottom: 20px;
  }
  .z_banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
  }
  .z_banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fd5c5f;
    border-radius: 40px;
  }
  .z_banner .swiper-button-next,
  .z_banner .swiper-button-prev {
    width: 46px;
    height: 47px;
    outline: none;
    opacity: 1;
    display: none;
  }
  .z_banner .swiper-button-next {
    background: url(../images/right.png) no-repeat;
    right: 40px;
  }
  .z_banner .swiper-button-next::after {
    display: none;
  }
  .z_banner .swiper-button-prev {
    background: url(../images/left.png) no-repeat;
    left: 40px;
  }
  .z_banner .swiper-button-prev::after {
    display: none;
  }
  .z_zhiming {
    width: 100%;
    float: left;
  }
  .z_zhiming .z_max .title {
    width: 100%;
    float: left;
    text-align: center;
    margin: 2rem 0;
    line-height: 1.5;
    font-size: 1.5rem;
    color: #333333;
  }
  .z_zhiming .z_max .title span {
    display: block;
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
  }
  .z_zhiming .z_max .swiper-container {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_zhiming .z_max .swiper-container .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  .z_zhiming .z_max .swiper-container .swiper-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
  }
  .z_zhiming .z_max .swiper-container .swiper-wrapper a img {
    width: 100%;
  }
  .z_jiejue {
    width: 100%;
    float: left;
    background: #fafafb;
    padding-bottom: 2rem;
  }
  .z_jiejue .jiejue {
    width: 100%;
    float: left;
    display: block;
    align-items: flex-start;
  }
  .z_jiejue .jiejue .left {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-right: 0;
    float: left;
    padding-bottom: 2px;
  }
  .z_jiejue .jiejue .left::before {
    content: "";
    background: #e7e7e7;
    width: 1px;
    z-index: 1;
    height: 100%;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
  }
  .z_jiejue .jiejue .left::after {
    content: "";
    width: 9px;
    height: 9px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    right: -1px;
    top: 0;
    z-index: 4;
    position: absolute;
  }
  .z_jiejue .jiejue .left ul {
    width: 100%;
    height: auto;
    overflow: scroll;
    position: relative;
    z-index: 2;
    /*定义滚动条轨道 内阴影+圆角*/
    /*定义滑块 内阴影+圆角*/
    float: left;
    white-space: nowrap;
  }
  .z_jiejue .jiejue .left ul li {
    width: auto;
    float: initial;
    margin-bottom: 0;
    margin-right: 1rem;
    display: inline-block;
    margin-bottom: 1rem;
  }
  .z_jiejue .jiejue .left ul li a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 0;
    font-size: 0.9rem;
    color: #999;
    cursor: pointer;
  }
  .z_jiejue .jiejue .left ul li a img {
    width: 1.5rem;
    margin-right: 0.5rem;
  }
  .z_jiejue .jiejue .left ul li a img.img1 {
    display: block;
  }
  .z_jiejue .jiejue .left ul li a img.img2 {
    display: none;
  }
  .z_jiejue .jiejue .left ul li.active a {
    color: #333333;
  }
  .z_jiejue .jiejue .left ul li.active a img.img1 {
    display: none;
  }
  .z_jiejue .jiejue .left ul li.active a img.img2 {
    display: block;
  }
  .z_jiejue .jiejue .left ul::-webkit-scrollbar {
    width: 3px;height:3px;
    background-color: #fafafb;
  }
  .z_jiejue .jiejue .left ul::-webkit-scrollbar-track {
    background-color: #fafafb;
  }
  .z_jiejue .jiejue .left ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fd5c5f;
  }
  .z_jiejue .jiejue .right {
    flex: 1;
    width: 100%;
    margin-left: 0;
    margin-top: 2rem;
    float: left;
  }
  .z_jiejue .jiejue .right .li {
    display: none;
    width: 100%;
    float: left;
  }
  .z_jiejue .jiejue .right .li.on {
    display: block;
  }
  .z_jiejue .jiejue .right .li .h3 {
    width: 100%;
    float: left;
    font-size: 1rem;
    color: #333333;
    margin-bottom: 1rem;
  }
  .z_jiejue .jiejue .right .li .font {
    width: 100%;
    float: left;
    line-height: 1.5;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    color: #666666;
  }
  .z_jiejue .jiejue .right .li .a {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fd5c5f;
    width: 7rem;
    height: 2.5rem;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_jiejue .jiejue .right .li .a img {
    margin-left: 0.5rem;
    width: 2rem;
  }
  .z_jiejue .jiejue .right .li ul {
    width: 100%;
    float: left;
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
  }
  .z_jiejue .jiejue .right .li ul li {
    float: left;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    margin-right: 0;
  }
  .z_jiejue .jiejue .right .li ul li img {
    width: 3rem;
  }
  .z_jiejue .jiejue .right .li ul li span {
    display: block;
    width: 100%;
    float: left;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #666666;
  }
  .z_jiejue .jiejue .right .li ul li:nth-child(4n) {
    margin-right: 0;
  }
  .z_title {
    width: 100%;
    float: left;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    position: relative;
    font-size: 1.5rem;
    color: #333333;
  }
  .z_title::before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 3px;
    background: #fd5c5f;
    border-radius: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
  }
  .z_fgpt {
    width: 100%;
    float: left;
  }
  .z_fgpt .fgpt {
    width: 100%;
    float: left;
    background: url(../images/bg1.png) no-repeat bottom;
    margin-top: 3rem;
    padding-bottom: 7rem;
  }
  .z_fgpt .fgpt ul {
    width: 100%;
    float: left;
    background: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: initial;
    box-sizing: border-box;
    padding: 0 3%;
    flex-flow: wrap;
  }
  .z_fgpt .fgpt ul li {
    display: flex;
    align-items: center;
    flex-flow: column;
    position: relative;
    width: 26%;
  }
    .z_fgpt .fgpt ul li img{
    width: 5rem;
}
  .z_fgpt .fgpt ul li span {
    font-size: 1rem;
    color: #333;
    margin-top: -0.5rem;
    font-family: 'PingFang Bold';
  }
  .z_fgpt .fgpt ul li:nth-child(1) {
    top: 0rem;
  }
  .z_fgpt .fgpt ul li:nth-child(2) {
    top: -2rem;
    left: 0;
  }
  .z_fgpt .fgpt ul li:nth-child(3) {
    top: 0;
  }
  .z_fgpt .fgpt ul li:nth-child(4) {
    top: 0;
  }
  .z_fgpt .fgpt ul li:nth-child(5) {
    top: 0;
  }
  .z_fgpt .fgpt ul li:nth-child(6) {
    top: 0;
  }
  .z_fgpt .fgpt ul li:nth-child(7) {
    top: 0;
  }
  .z_fgpt .fgpt ul li:nth-child(8) {
    top: 2rem;
    left: 0;
  }
  .z_fgpt .fgpt ul li:nth-child(9) {
    top: 0;
  }
  .z_youshi {
    width: 100%;
    float: left;
  }
  .z_youshi .youshi {
    height: auto;
    display: block;
    border-top: 1px solid #eaecef;
    border-bottom: 0px solid #eaecef;
    width: 94%;
    float: left;
    margin-left: 3%;
    position: relative;
    border-left: 1px solid #eaecef;
    border-right: 1px solid #eaecef;
  }
  .z_youshi .youshi i {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 33.3%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
  }
  .z_youshi .youshi li {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-left: 0px solid #eaecef;
    padding: 1rem 3%;
    position: relative;
    z-index: 2;
    float: left;
    border-bottom: 1px solid #eaecef;
  }
  .z_youshi .youshi li:first-child {
    border-left: 0;
  }
  .z_youshi .youshi li .bt {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-flow: column;
  }
  .z_youshi .youshi li .bt h3 {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #333333;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: relative;
  }
  .z_youshi .youshi li .bt h3::before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2px;
    background: #ff6869;
    left: 0;
    bottom: 0;
  }
  .z_youshi .youshi li .bt h3 img {
    margin-right: 0.5rem;
    width: 1.5rem;
  }
  .z_youshi .youshi li .bt font {
    display: block;
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 2rem;
    width: 345px;
    max-width: 98%;
  }
  .z_youshi .youshi li .bt .a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    box-sizing: border-box;
    border: 1px solid #fd5c5f;
    font-size: 0.7rem;
    color: #fd5c5f;
  }
  .z_anli {
    width: 100%;
    float: left;
    background: #f9f9f9;
  }
  .z_anli .swiper-container {
    width: calc(100% + 50px);
    float: left;
    padding-bottom: 35px;
    box-sizing: border-box;
    padding: 0 25px;
    margin-left: -25px;
  }
  .z_anli .swiper-container .swiper-slide {
    width: 100%;
    float: left;
  }
  .z_anli .swiper-container .swiper-slide ul {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5rem;
  }
  .z_anli .swiper-container .swiper-slide ul li {
    width: 100%;
    margin-right: 0;
    float: left;
    margin-bottom: 0;
    position: relative;
  }
  .z_anli .swiper-container .swiper-slide ul li:nth-child(3n) {
    margin-right: 0;
    float: right;
  }
  .z_anli .swiper-container .swiper-slide ul li a {
    display: block;
    align-items: flex-start;
    position: relative;
    z-index: 2;
  }
  .z_anli .swiper-container .swiper-slide ul li::before {
    content: "";
    position: absolute;
    width: 325px;
    height: 135px;
    z-index: 1;
    background: #fff;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    -moz-box-shadow: 10px 0px 20px rgba(201, 201, 201, 0.3);
    -webkit-box-shadow: 10px 0px 20px rgba(201, 201, 201, 0.3);
    box-shadow: 10px 0px 20px rgba(201, 201, 201, 0.3);
    display: none;
  }
  .z_anli .swiper-container .swiper-slide ul li .img {
    width: 100%;
    position: relative;
    z-index: 2;
    float: left;
  }
  .z_anli .swiper-container .swiper-slide ul li .img img {
    width: 100%;
    float: left;
  }
  .z_anli .swiper-container .swiper-slide ul li .img span {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: auto;
    width: 2rem;
    height: 2rem;
    top: 50%;
    margin-top: -1rem;
  }
  .z_anli .swiper-container .swiper-slide ul li .img span img {
    width: 100%;
    float: left;
  }
  .z_anli .swiper-container .swiper-slide ul li .dt {
    flex: 1;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
    z-index: 2;
    float: left;
  }
  .z_anli .swiper-container .swiper-slide ul li .dt h3 {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #333333;
    font-family: 'PingFang Bold';
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .z_anli .swiper-container .swiper-slide ul li .dt font {
    width: 100%;
    float: left;
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    top: 0;
  }
  .z_anli .swiper-container .swiper-pagination {
    bottom: 25px;
    display: none;
  }
  .z_anli .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 7px;
    background: #fd5c5f;
    opacity: 1;
  }
  .z_anli .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
    border-radius: 20px;
  }
  .z_anli .swiper-container .swiper-button-next,
  .z_anli .swiper-container .swiper-button-prev {
    width: 104px;
    height: 104px;
    top: auto;
    margin: 0;
    bottom: -25px;
    outline: none;
    display: none;
  }
  .z_anli .swiper-container .swiper-button-next {
    background: url(../images/right1.png) no-repeat;
    right: -5px;
  }
  .z_anli .swiper-container .swiper-button-next::after {
    display: none;
  }
  .z_anli .swiper-container .swiper-button-prev {
    background: url(../images/left1.png) no-repeat;
    left: -5px;
  }
  .z_anli .swiper-container .swiper-button-prev::after {
    display: none;
  }
  .z_more {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .z_more a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    color: #fd5c5f;
    box-sizing: border-box;
    border: 1px solid #fd5c5f;
    width: 8rem;
    height: 2.5rem;
  }
  .z_zzzl {
    width: 100%;
    float: left;
    background: #666666;
    box-sizing: border-box;
    padding: 0.5rem 0;
  }
  .z_zzzl .zzzl {
    width: 100%;
    float: left;
    display: block;
    align-items: center;
    height: auto;
    box-sizing: border-box;
    padding-right: 0;
    position: relative;
  }
  .z_zzzl .zzzl .left {
    width: 100%;
    position: relative;
    float: left;
  }
  .z_zzzl .zzzl .left img {
    width: 100%;
    float: left;
  }
  .z_zzzl .zzzl .left i {
    position: absolute;
    width: 5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -2.5rem;
  }
  .z_zzzl .zzzl .left i img {
    width: auto;
  }
  .z_zzzl .zzzl .right {
    position: initial;
    width: 100%;
    float: left;
    background: #fd5c5f;
    height: auto;
    right: 0;
    top: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-box-shadow: 3px 0px 14px rgba(146, 75, 75, 0.6);
    -webkit-box-shadow: 3px 0px 14px rgba(146, 75, 75, 0.6);
    box-shadow: 3px 0px 14px rgba(146, 75, 75, 0.6);
  }
  .z_zzzl .zzzl .right .dt {
    width: 94%;
    display: flex;
    align-items: center;
    flex-flow: column;
    margin: 0.5rem 0;
  }
  .z_zzzl .zzzl .right .dt h3 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 1rem;
    width: 100%;
    font-family: 'PingFang Bold';
  }
  .z_zzzl .zzzl .right .dt h4 {
    font-size: 0.9rem;
    color: #fff;
    width: 100%;
    margin-bottom: 2rem;
  }
  .z_zzzl .zzzl .right .dt ul {
    width: 100%;
    margin-bottom: 0;
  }
  .z_zzzl .zzzl .right .dt ul li {
    width: 100%;
    height: 3rem;
    margin-bottom: 1rem;
    float: left;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.8rem;
    background: #fd7174;
    border: 1px solid #fff;
  }
  .z_zzzl .zzzl .right .dt ul li:nth-child(2n) {
    float: right;
  }
  .z_zzzl .zzzl .right .dt ul li span {
    font-size: 0.9rem;
    color: #fff;
    margin-right: 0.5rem;
  }
  .z_zzzl .zzzl .right .dt ul li input {
    flex: 1;
    width: 0;
    height: 100%;
    font-size: 0.8rem;
    color: #fff;
  }
  .z_zzzl .zzzl .right .dt .anniu {
    width: 8rem;
    height: 2.5rem;
    background: #fff;
    font-size: 0.7rem;
    color: #ff6869;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .z_zzzl .zzzl .right .dt .anniu img {
    margin-left: 0.5rem;
    width: 1.5rem;
  }
  .z_zzzl .zzzl .right .dt .anniu input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .z_bot {
    width: 100%;
    float: left;
    padding-top: 2rem;
    border-top: 1px solid #f3f3f3;
  }
  .z_bot .left {
    width: 100%;
    float: left;
  }
  .z_bot .left .logo {
    width: 60%;
    float: left;
    margin-bottom: 1rem;
  }
  .z_bot .left .font {
    font-size: 0.8rem;
    color: #4c4a49;
    line-height: 1.5;
    width: 100%;
    float: left;
  }
  .z_bot .left .font.active{
    margin-bottom: 1rem;
}
  .z_bot .left .font h3{
    font-size: 1rem;
}
  .z_bot .right {
    width: 100%;
    float: right;
    display: block;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 1rem;
  }
  .z_bot .right li {
    float: left;
    display: block;
    align-items: flex-start;
    flex-flow: column;
    max-width: initial;
    width: 50%;
    margin-bottom: 0.5rem;
  }
  .z_bot .right li:last-child {
    width: 330px;
    max-width: initial;
  }
  .z_bot .right li:last-child .yx {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #ff6869;
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
  }
  .z_bot .right li:last-child .yx .span {
    flex: 1;
    width: 0;
    margin: 0 10px;
    font-size: 0.8rem;
    color: #ff6869;
  }
  .z_bot .right li:last-child .yx .a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: #ff6869;
  }
  .z_bot .right li:last-child .yx .a img{
    width: 1rem;
}
  .z_bot .right li h3 {
    font-size: 0.9rem;
    color: #4c4a49;
    margin-bottom: 1rem;
    width: 100%;
    float: left;
  }
  .z_bot .right li h3 a {
    color: #4c4a49;
  }
  .z_bot .right li font {
    margin-bottom: 0.5rem;
    line-height: 1.2;
    display: -webkit-box;
    font-size: 0.8rem;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    float: left;
  }
  .z_bot .right li font a {
    color: #999;
  }
  .z_foot {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin-top: 1rem;
    border-top: 1px solid #dedede;
    font-size: 0.7rem;
    color: #878787;
    padding: 1rem 0;
    line-height: 1.5;
  }
  .z_fudong {
    position: fixed;
    right: 4%;
    top: 40%;
    display: flex;
    align-items: center;
    flex-flow: column;
    z-index: 10;
  }
  .z_fudong a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 2.5rem;
    height: 2.5rem;
    background: #fd5c5f;
    border-radius: 50%;
    margin-top: 0.5rem;
  }
  .z_fudong a img{
    max-width: 1rem;
}
  .z_fudong a:first-child {
    margin-top: 0;
    height: 7rem;
    border-radius: 40px;
  }
  .z_fudong a:first-child span {
    margin-top: 0.3rem;
    font-size: 0.8rem;
  }
  .z_wmdjs {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_wmdjs .wmdjs {
    width: 100%;
    float: left;
    display: grid;
    align-items: flex-start;
    flex-flow: wrap-reverse;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  .z_wmdjs .wmdjs li {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
  }
  .z_wmdjs .wmdjs li img {
    width: 1.5rem;
  }
  .z_wmdjs .wmdjs li .dt {
    flex: 1;
    width: 0;
    margin-left: 0.5rem;
  }
  .z_wmdjs .wmdjs li .dt h3 {
    font-size: 1.2rem;
    color: #333333;
    font-family: 'PingFang Bold';
    margin-bottom: 0.8rem;
  }
  .z_wmdjs .wmdjs li .dt font {
    display: block;
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
  }
  .z_yycj {
    width: 100%;
    float: left;
    background: #faf9f9;
    margin-bottom: 50px;
  }
  .z_yycj .yycj {
    width: 100%;
    float: left;
  }
  .z_yycj .yycj li {
    width: 100%;
    float: left;
    padding: 2rem 0;
  }
  .z_yycj .yycj li .left {
    width: 100%;
    float: left;
  }
  .z_yycj .yycj li .left .cj1 {
    float: left;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    width: 100%;
    float: left;
  }
  .z_yycj .yycj li .left .cj1 .web {
    display: none;
    align-items: center;
    flex-flow: column;
  }
  .z_yycj .yycj li .left .cj1 .web .img1 {
    margin-top: -65px;
    position: relative;
    left: 6px;
  }
  .z_yycj .yycj li .left .cj1 .web .img2 {
    position: absolute;
    right: 30%;
    top: 0;
    z-index: 9;
  }
  .z_yycj .yycj li .left .cj1 .web .img3 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -174px;
    margin-left: -109px;
  }
  .z_yycj .yycj li .left .cj2 {
    float: right;
    position: relative;
    margin-right: 0;
    padding: 0;
    text-align: center;
  }
  .z_yycj .yycj li .left .cj2 .img1 {
    position: absolute;
    right: 25px;
    top: 0;
  }
  .z_yycj .yycj li .left .cj2 .img2 {
    position: absolute;
    right: 0;
    top: 49%;
  }
  .z_yycj .yycj li .left .cj3 {
    float: left;
    position: relative;
    padding-top: 0;
    margin-left: 0;
    width: 100%;
  }
  .z_yycj .yycj li .left .cj3 .img1 {
    position: absolute;
    right: 55px;
    top: 0;
  }
  .z_yycj .yycj li .left .cj3 .img2 {
    position: absolute;
    right: 13%;
    bottom: 0%;
  }
  .z_yycj .yycj li .left .cj4 {
    float: right;
    position: relative;
    margin-right: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .z_yycj .yycj li .left .cj4 .img1 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: initial;
  }
  .z_yycj .yycj li .left .cj5 {
    float: left;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    position: relative;
  }
  .z_yycj .yycj li .left .cj5 .img1 {
    position: absolute;
    max-width: initial;
    left: 0;
    top: 0;
  }
  .z_yycj .yycj li .right {
    width: 100%;
    float: right;
    margin-top: 1rem;
  }
  .z_yycj .yycj li .right h3 {
    float: left;
    font-size: 1.2rem;
    color: #333;
    display: flex;
    align-items: center;
    font-family: 'PingFang Bold';
    padding-bottom: 1rem;
    position: relative;
    line-height: 1.5;
  }
  .z_yycj .yycj li .right h3::before {
    content: "";
    position: absolute;
    width: 96%;
    height: 2px;
    background: #d8d8d8;
    left: 0;
    bottom: 0;
    z-index: 9;
  }
  .z_yycj .yycj li .right h3 span {
    font-size: 1.5rem;
    color: #fd5c5f;
    font-family: 'PingFang Heavy';
    margin-right: 1rem;
  }
  .z_yycj .yycj li .right .dt {
    width: 100%;
    float: left;
  }
  .z_yycj .yycj li .right .dt h4 {
    float: left;
    margin-top: 1rem;
    position: relative;
    margin-bottom: 1rem;
    padding: 0 5px 5px 5px;
  }
  .z_yycj .yycj li .right .dt h4::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 7px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #fd5c5f;
  }
  .z_yycj .yycj li .right .dt h4 span {
    position: relative;
    z-index: 2;
  }
  .z_yycj .yycj li .right .dt font {
    display: block;
    width: 100%;
    float: left;
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.5;
  }
  .z_yycj .yycj li .right .dt .a {
    margin-top: 1rem;
    float: left;
    background: #fd5c5f;
    width: 8rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_yycj .yycj li .right .dt .a img {
    margin-left: 0.5rem;
    width: 1.5rem;
  }
  .z_yycj .yycj li:nth-child(2n) {
    background: #fff;
  }
  .z_yycj .yycj li:nth-child(2n) .left {
    float: right;
    width: 100%;
  }
  .z_yycj .yycj li:nth-child(2n) .right {
    float: left;
    width: 100%;
  }
  .z_shenqing {
    width: 100%;
    float: left;
    background: #fd5c5f;
    min-height: auto;
    padding-bottom: 2rem;
  }
  .z_shenqing.active {
    background: #f0f0f0;
  }
  .z_shenqing.active .z_max .shenqing .title h3 {
    color: #fd5c5f;
  }
  .z_shenqing.active .z_max .shenqing .title h4 {
    color: #666666;
  }
  .z_shenqing .z_max {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .z_shenqing .z_max .shenqing {
    width: 735px;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-flow: column;
  }
  .z_shenqing .z_max .shenqing .title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .z_shenqing .z_max .shenqing .title h3 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 0.5rem;
    font-family: 'PingFang Bold';
  }
  .z_shenqing .z_max .shenqing .title h4 {
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.5;
  }
  .z_shenqing .z_max .shenqing ul {
    width: 100%;
    margin-bottom: 20px;
  }
  .z_shenqing .z_max .shenqing ul li {
    width: 100%;
    height: 3rem;
    margin-bottom: 1rem;
    float: left;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.8rem;
    background: #fff;
    border: 1px solid #fff;
  }
  .z_shenqing .z_max .shenqing ul li:nth-child(2n) {
    float: right;
  }
  .z_shenqing .z_max .shenqing ul li span {
    font-size: 0.8rem;
    color: #999999;
    margin-right: 0.5rem;
  }
  .z_shenqing .z_max .shenqing ul li input {
    flex: 1;
    width: 0;
    height: 100%;
    font-size: 0.8rem;
    color: #999999;
  }
  .z_shenqing .z_max .shenqing .anniu {
    width: 8rem;
    height: 2.5rem;
    background: #fff;
    font-size: 0.7rem;
    color: #ff6869;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .z_shenqing .z_max .shenqing .anniu img {
    margin-left: 0.5rem;
    width: 1.5rem;
  }
  .z_shenqing .z_max .shenqing .anniu input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .z_banner1 {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
  }
  .z_banner1 .banner1 {
    width: 100%;
    float: left;
    height: 100%;
    box-sizing: border-box;
    padding-top: 9rem;
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
  }
  .z_banner1 .banner1 h3 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    color: #fff;
    font-family: 'PingFang Bold';
  }
  .z_banner1 .banner1 .fangan1 {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5rem;
    margin-bottom: 2rem;
  }
  .z_banner1 .banner1 .fangan1 li {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    border-radius: 10px;
    margin-right: 0;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 1rem 3%;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(4n) {
    margin-right: 0;
  }
  .z_banner1 .banner1 .fangan1 li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin-bottom: 1rem;
  }
  .z_banner1 .banner1 .fangan1 li .img img{
    width: 2rem;
}
  .z_banner1 .banner1 .fangan1 li span {
    font-size: 1rem;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(1) {
    background: #fd5c5f;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(1) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(1) span {
    color: #ffffff;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(2) {
    background: #fdfdfd;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(2) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(2) span {
    color: #333333;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(3) {
    background: #fdfdfd;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(3) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(3) span {
    color: #333333;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(4) {
    background: #fd5c5f;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(4) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(4) span {
    color: #ffffff;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(5) {
    background: #fd5c5f;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(5) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(5) span {
    color: #ffffff;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(6) {
    background: #fdfdfd;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(6) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(6) span {
    color: #333;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(7) {
    background: #fdfdfd;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(7) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(7) span {
    color: #333333;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(8) {
    background: #fd5c5f;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(8) .img {
    background: #f1f4fb;
  }
  .z_banner1 .banner1 .fangan1 li:nth-child(8) span {
    color: #ffffff;
  }
  .z_banner1 .banner2 {
    position: absolute;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding-top: 9rem;
    background: #f1f4fb;
    z-index: 2;
    left: 0;
    top: 0;
    display: none;
  }
  .z_banner1 .banner2 h3 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    color: #333;
    font-family: 'PingFang Bold';
  }
  .z_banner1 .banner2 .li {
    width: 100%;
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 1rem;
    border-radius: 5px;
    display: none;
    margin-bottom: 2rem;
    position: relative;
  }
  .z_banner1 .banner2 .li.on {
    display: block;
  }
  .z_banner1 .banner2 .li h4 {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #333333;
    font-family: 'PingFang Bold';
  }
  .z_banner1 .banner2 .li span {
    display: block;
    width: 100%;
    float: left;
    height: auto;
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .z_banner1 .banner2 .li h5 {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #ff6869;
    font-family: 'PingFang Bold';
  }
  .z_banner1 .banner2 .li ul {
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1rem;
    grid-gap: 1rem;
  }
  .z_banner1 .banner2 .li ul li {
    margin-right: 0;
    text-align: center;
    width: auto;
  }
  .z_banner1 .banner2 .li ul li img {
    width: 2rem;
  }
  .z_banner1 .banner2 .li ul li span {
    display: block;
    padding-top: 0.5rem;
    font-size: 0.8rem;
    color: #666666;
  }
  .z_banner1 .banner2 .li .a {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 2.5rem;
    box-sizing: border-box;
    font-size: 2rem;
    color: #ff6869;
    border: 1px solid #ff6869;
    border-radius: 3px;
    top: 5px!important;
    right: 20px!important;
    font-family: 'Courier New', Courier, monospace;
  }
  .z_case {
    width: 100%;
    float: left;
  }
  .z_case .title {
    width: 100%;
    float: left;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.5rem;
    color: #333;
    font-family: 'PingFang Bold';
  }
  .z_case .case {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_case .case li {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_case .case li .left {
    float: left;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 1rem;
    padding-top: 1rem;
    position: relative;
    margin-bottom: 1rem;
  }
  .z_case .case li .left img {
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
  }
  .z_case .case li .left::before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 40px);
    box-sizing: border-box;
    right: 0;
    top: 0;
    z-index: 1;
    border: 1px solid #ccc;
  }
  .z_case .case li .right {
    width: 100%;
    float: right;
  }
  .z_case .case li .right .h3 {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    position: relative;
  }
  .z_case .case li .right .h3::before {
    content: "";
    background: #fd5c5f;
    width: calc(100% - 3rem);
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .z_case .case li .right .h3 h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fd5c5f;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 8rem;
    height: 2.5rem;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_case .case li .right .h3 h3 img {
    margin-right: 0.5rem;
    width: 1.5rem;
  }
  .z_case .case li .right .h3 a {
    font-size: 0.8rem;
    color: #fd5c5f;
  }
  .z_case .case li .right .h4 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_case .case li .right .h4 h3 {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #333333;
  }
  .z_case .case li .right .h4 font {
    display: block;
    width: 100%;
    float: left;
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.5;
  }
  .z_case .case li .right .h4:last-child {
    margin-bottom: 0;
  }
  .z_case .case li:nth-child(2n) .left {
    float: right;
  }
  .z_case .case li:nth-child(2n) .right {
    float: left;
  }
  .z_case .case li:last-child {
    margin-bottom: 0;
  }
  .z_clpt {
    width: 100%;
    float: left;
    background: url(../images/bg2.jpg) no-repeat center;
    background-size: cover;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .z_clpt .title {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #333333;
    line-height: 2;
    font-family: 'PingFang Bold';
  }
  .z_clpt .title span {
    display: block;
    font-size: 0.8rem;
    color: #666666;
    font-family: 'PingFang Regular';
  }
  .z_clpt .clpt {
    width: 100%;
    float: left;
    display: block;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .z_clpt .clpt .left {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    float: left;
  }
  .z_clpt .clpt .right {
    flex: 1;
    width: 100%;
    float: left;
    margin-top: 2rem;
  }
  .z_clpt .clpt .right li {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
  }
  .z_clpt .clpt .right li:last-child {
    margin-bottom: 0;
  }
  .z_clpt .clpt .right li img {
    width: 1.5rem;
  }
  .z_clpt .clpt .right li .dt {
    flex: 1;
    width: 0;
    margin-left: 0.5rem;
  }
  .z_clpt .clpt .right li .dt h3 {
    float: left;
    position: relative;
    padding: 0 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    color: #333333;
  }
  .z_clpt .clpt .right li .dt h3::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 10px;
    background: #fd5c5f;
    left: 0;
    bottom: 3px;
  }
  .z_clpt .clpt .right li .dt h3 span {
    position: relative;
    z-index: 2;
  }
  .z_clpt .clpt .right li .dt font {
    display: block;
    width: 100%;
    float: left;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #666666;
  }
  .z_clpt .more {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
  }
  .z_clpt .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fd5c5f;
    font-size: 0.7rem;
    color: #fff;
    width: 6rem;
    height: 2.5rem;
    border-radius: 5px;
  }
  .z_zykh {
    width: 100%;
    float: left;
    background: #f6f6f6;
  }
  .z_zykh.active {
    background: #fff;
    margin-bottom: 0;
  }
  .z_zykh .title {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.5rem;
    color: #333333;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .z_zykh .zykh {
    width: 100%;
    float: left;
    display: flex;
    align-items: flex-start;
    flex-flow: wrap-reverse;
    margin-bottom: 2rem;
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .z_zykh .zykh li {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
  }
  .z_zykh .zykh li img {
    width: 100%;
    float: left;
  }
  .z_banner2 {
    width: 100%;
    float: left;
    height: auto;
    background: url(../images/banner5.jpg) no-repeat;
    padding-top: 9rem;
    background-size: cover;
  }
  .z_banner2 .title {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 2;
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    color: #fff;
  }
  .z_banner2 .title span {
    display: block;
    font-size: 0.8rem;
    color: #fff;
  }
  .z_banner2 ul {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
  }
  .z_banner2 ul li {
    float: left;
    margin-right: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: flex;
    background: #fffdfd;
    border-radius: 5px;
    align-items: center;
    border: 10px solid #eeecec;
    justify-content: center;
    flex-flow: column;
    padding: 1rem 0;
    margin-bottom: 1rem;
  }
  .z_banner2 ul li:last-child {
    margin-right: 0;
  }
  .z_banner2 ul li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: #f1f4fb;
    border-radius: 50%;
  }
    .z_banner2 ul li .img img{
    width: 1.5rem;
}
  .z_banner2 ul li h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #333;
    padding-bottom: 1rem;
    position: relative;
  }
  .z_banner2 ul li h3::before {
    content: "";
    background: #fd5c5f;
    width: 32px;
    height: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    position: absolute;
  }
  .z_banner2 ul li font {
    display: block;
    width: 270px;
    max-width: 90%;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #666666;
  }
  .z_bps {
    width: 100%;
    float: left;
    margin-top: 0;
  }
  .z_bps li {
    width: 100%;
    float: left;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .z_bps li .z_max {
    display: block;
    align-items: center;
    justify-content: space-between;
  }
  .z_bps li .z_max .left {
    width: 100%;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .z_bps li .z_max .right {
    width: 100%;
    float: left;
  }
  .z_bps li .z_max .right .h3 {
    width: 100%;
    float: left;
    font-size: 1.5rem;
    color: #333333;
    margin-bottom: 1rem;
    font-family: 'SourceHanSansSC-Medium';
  }
  .z_bps li .z_max .right .font {
    display: block;
    width: 100%;
    float: left;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #333333;
    margin-bottom: 1rem;
  }
  .z_bps li .z_max .right .bt {
    width: 100%;
    float: left;
    margin-bottom: 0;
  }
  .z_bps li .z_max .right .bt.active .li {
    width: 100%;
    padding-right: 0;
  }
  .z_bps li .z_max .right .bt.active .li .dt font {
    height: auto;
  }
  .z_bps li .z_max .right .bt .li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    float: left;
    width: 48.5%;
    box-sizing: border-box;
    padding-right: 0;
    justify-content: center;
    margin-bottom: 1rem;
  }
  .z_bps li .z_max .right .bt .li.active {
    width: 100%;
    padding-right: 0;
  }
  .z_bps li .z_max .right .bt .li.active .dt font {
    height: auto;
  }
  .z_bps li .z_max .right .bt .li:nth-child(2n) {
    float: right;
  }
  .z_bps li .z_max .right .bt .li img {
    width: 1.5rem;
  }
  .z_bps li .z_max .right .bt .li .dt {
    flex: 1;
    width: 0;
    margin-left: 0.5rem;
  }
  .z_bps li .z_max .right .bt .li .dt h3 {
    width: 100%;
    float: left;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: #fd5c5f;
  }
  .z_bps li .z_max .right .bt .li .dt font {
    height: auto;
    width: 100%;
    float: left;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .z_bps li .z_max .right .bt .li .a {
    width: 7rem;
    height: 2.5rem;
    background: #fd5c5f;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_bps li .z_max .right .bt .li .a img {
    margin-left: 0.5rem;
    width: 1.5rem;
  }
  .z_bps li:nth-child(2n) {
    background: #f8f8f8;
  }
  .z_bps li:nth-child(2n) .z_max {
    flex-flow: row-reverse;
  }
  .z_bps li:nth-child(2n) .z_max .left {
    margin-left: 0;
    width: 100%;
    margin-right: 0;
  }
  .z_bps li:nth-child(2n) .z_max .right {
    width: 100%;
  }
  .z_bps li:nth-child(4) .z_max .left {
    width: 100%;
    margin-right: 0;
  }
  .z_bps li:nth-child(4) .z_max .right {
    width: 100%;
  }
  .z_bps li:nth-child(4) .z_max .right .bt .li {
    padding-right: 0;
    width: 48.5%;
    float: left;
  }
  .z_bps li:nth-child(4) .z_max .right .bt .li.active {
    width: 100%;
  }
  .z_bps li:nth-child(4) .z_max .right .bt .li:nth-child(3) {
    float: right;
  }
  .z_bps li:nth-child(4) .z_max .right .bt .li:nth-child(5) {
    float: right;
  }
  .z_bps li:nth-child(4) .z_max .right .bt .li:nth-child(7) {
    float: right;
  }
  .z_bps li:nth-child(4) .z_max .right .bt .li:nth-child(9) {
    float: right;
  }
  .z_banner3 {
    width: 100%;
    float: left;
    height: auto;
    background: url(../images/banner6.jpg) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 9rem;
    padding-bottom: 2rem;
  }
  .z_banner3 .title {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 2;
  }
  .z_banner3 .title span {
    display: block;
    font-size: 1.2rem;
    color: #fff;
    font-family: 'PingFang Bold';
  }
  .z_banner3 .a {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 6rem;
    height: 2.5rem;
    background: #fff;
    color: #fd5c5f;
    border-radius: 5px;
    font-size: 0.7rem;
  }
  .z_aa1 {
    width: 100%;
    float: left;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .z_aa1 h3 {
    width: 100%;
    float: left;
    font-size: 1.5rem;
    color: #333333;
    margin-bottom: 1rem;
    font-family: 'PingFang Bold';
  }
  .z_aa1 .aa1 {
    width: 100%;
    float: left;
    position: relative;
  }
  .z_aa1 .aa1 img {
    width: 100%;
    float: left;
    height: 10rem;
  }
  .z_aa1 .aa1 i {
    position: absolute;
    width: 4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -2rem;
    float: initial;
  }
    .z_aa1 .aa1 i img{
    height: auto;
}
  .z_aa2 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_aa2 h3 {
    width: 100%;
    float: left;
    font-size: 1.5rem;
    color: #333333;
    margin-bottom: 1rem;
    font-family: 'PingFang Bold';
  }
  .z_aa2 .title {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
  }
  .z_aa2 .title a {
    flex: 1;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    background: #f6f6f6;
    font-size: 1rem;
    color: #333333;
    font-family: 'PingFang Bold';
  }
  .z_aa2 .title a.active {
    background: #fd5c5f;
    color: #fff;
    position: relative;
  }
  .z_aa2 .title a.active::before {
    content: "";
    width: 36px;
    height: 21px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -20px;
    background: url(../images/sj1.png) no-repeat;
  }
  .z_aa2 .ol {
    width: 100%;
    float: left;
  }
  .z_aa2 .ol .li {
    width: 100%;
    float: left;
    font-size: 0.8rem;
    color: #666666;
    line-height: 1.5;
    display: none;
  }
  .z_aa2 .ol .li.on {
    display: block;
  }
  .z_aa3 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_aa3 .aa3 {
    width: 100%;
    float: left;
    display: grid;
    align-items: flex-start;
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.5rem;
  }
  .z_aa3 .aa3 li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: auto;
    width: 100%;
  }
  .z_aa3 .aa3 li img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
  }
  .z_aa3 .aa3 li h3 {
    text-align: center;
    line-height: 1.5;
    margin-top: 0.2rem;
    font-size: 0.9rem;
    color: #666666;
  }
  .z_aa3 .aa3 li h3 span {
    font-size: 0.8rem;
    color: #999999;
    display: block;
  }
  .z_aa3 .aa3 li font {
    display: none !important;
    height: 255px;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 30px;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    line-height: 2;
  }
  .z_aa3 .aa3 li:hover {
    background: #fd5c5f;
  }
  .z_aa3 .aa3 li:hover img {
    width: 100px;
    height: 100px;
  }
  .z_aa3 .aa3 li:hover h3 {
    display: none;
  }
  .z_aa3 .aa3 li:hover font {
    display: -webkit-box;
  }
  .z_banner4 {
    width: 100%;
    float: left;
    background: url(../images/banner7.jpg) no-repeat;
    box-sizing: border-box;
    padding-top: 9rem;
    height: auto;
    padding-bottom: 2rem;
  }
  .z_banner4 .z_max {
    height: 100%;
    display: block;
    align-items: center;
    justify-content: space-between;
  }
  .z_banner4 .z_max .left {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    margin-bottom: 2rem;
    width: 100%;
    float: left;
  }
  .z_banner4 .z_max .left h3 {
    font-family: 'PingFang Bold';
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 1rem;
  }
  .z_banner4 .z_max .left .a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    background: #fd5c5f;
    border-radius: 5px;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_banner4 .z_max .right {
    width: 100%;
    float: left;
  }
  .z_banner4 .z_max .right img {
    width: auto;
  }
  .z_case1 {
    width: 100%;
    float: left;
    margin-bottom: 25px;
  }
  .z_case1 .case1 {
    width: 100%;
    float: left;
  }
  .z_case1 .case1 li {
    width: 100%;
    float: left;
  }
  .z_case1 .case1 li h3 {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    background: #f9f9fb;
    font-size: 1.2rem;
    color: #ff6869;
  }
  .z_case1 .case1 li .bt {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
  .z_case1 .case1 li .bt img {
    width: 45.8%;
  }
  .z_case1 .case1 li .bt .dt {
    width: 50%;
  }
  .z_case1 .case1 li .bt .dt h4 {
    float: left;
    position: relative;
    margin-bottom: 1rem;
    padding: 0 5px 5px 5px;
  }
  .z_case1 .case1 li .bt .dt h4 span {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    color: #333333;
    font-family: 'PingFang Bold';
  }
  .z_case1 .case1 li .bt .dt h4::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #fd5c5f;
  }
  .z_case1 .case1 li .bt .dt font {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 2;
    margin-bottom: 1rem;
    display: -webkit-box;
    height: auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .z_case1 .case1 li .bt .dt .a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    box-sizing: border-box;
    font-size: 0.7rem;
    color: #ff6869;
    border: 1px solid;
    border-radius: 5px;
    clear: both;
  }
  .z_case1 .case1 li:nth-child(2n) .bt {
    flex-flow: row-reverse;
  }
  .z_show {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding-top: 9rem;
    position: relative;
    min-height: initial;
  }
  .z_show::before {
    content: "";
    position: absolute;
    width: 100%;
    background: #e1eaf7;
    z-index: 1;
    left: 0;
    top: 0;
    height: 27rem;
  }
  .z_show .z_max {
    position: relative;
    z-index: 2;
  }
  .z_show .z_max .show {
    width: 100%;
    float: left;
    margin: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-flow: column;
  }
  .z_show .z_max .show h3 {
    font-size: 1.5rem;
    color: #84a0cd;
    margin-bottom: 0.5rem;
    font-family: 'PingFang Bold';
  }
  .z_show .z_max .show h4 {
    font-size: 1.2rem;
    color: #333333;
    font-family: 'PingFang Bold';
    margin-bottom: 30px;
  }
  .z_show .z_max .show span {
    display: block;
    font-size: 0.9rem;
    color: #999999;
    margin-bottom: 4rem;
    line-height: 1.5;
  }
  .z_show .swiper-button-next,
  .z_show .swiper-button-prev {
    width: 2rem;
    height: 2rem;
    outline: none;
    opacity: 1;
    top: 51%;
    background-size: cover !important;
  }
  .z_show .swiper-button-next {
    background: url(../images/right.png) no-repeat;
    right: 5%;
  }
  .z_show .swiper-button-next::after {
    display: none;
  }
  .z_show .swiper-button-prev {
    background: url(../images/left.png) no-repeat;
    left: 5%;
  }
  .z_show .swiper-button-prev::after {
    display: none;
  }
  .z_video {
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
  }
  .z_video img {
    width: 100%;
    float: left;
  }
  .z_video i {
    position: absolute;
    width: 4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -2rem;
  }
  .z_show1 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_show1 .show1 {
    width: 100%;
    float: left;
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
  }
  .z_show1 .show1 li {
    width: 100%;
    margin-right: 0;
  }
  .z_show1 .show1 li h3 {
    font-size: 1.5rem;
    color: #333333;
    font-family: 'PingFang Bold';
    margin-bottom: 1rem;
  }
  .z_show1 .show1 li span {
    display: block;
    font-size: 0.8rem;
    color: #333333;
    line-height: 1.5;
  }
  .z_show1 .show1 li:last-child {
    margin-right: 0;
  }
  .z_show2 {
    width: 100%;
    float: left;
    background: #e1eaf7;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
  .z_show2 .show2 {
    width: 100%;
    float: left;
    display: block;
    align-items: flex-start;
  }
  .z_show2 .show2 img {
    width: 100%;
    float: left;
  }
  .z_show2 .show2 .dt {
    flex: 1;
    width: 100%;
    margin-left: 0;
    margin-top: 2rem;
    float: left;
  }
  .z_show2 .show2 .dt h3 {
    width: 100%;
    float: left;
    font-size: 0.9rem;
    color: #333333;
    margin-bottom: 1rem;
  }
  .z_show2 .show2 .dt h4 {
    width: 100%;
    float: left;
    font-size: 1.2rem;
    color: #333333;
    line-height: 1.5;
    font-family: 'PingFang Bold';
    margin-bottom: 2rem;
  }
  .z_show2 .show2 .dt span {
    display: block;
    width: 100%;
    float: left;
    line-height: 1.5;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    color: #333333;
  }
  .z_show2 .show2 .dt .a {
    width: 6rem;
    height: 2.5rem;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fd5c5f;
    font-size: 0.7rem;
    color: #fff;
  }
  .z_show3 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_show3 .show3 {
    width: 100%;
    float: left;
    line-height: 1.5;
    font-size: 0.8rem;
    color: #333333;
  }
  .z_show4 {
    width: 100%;
    float: left;
    background: #e1eaf7;
  }
  .z_show4 .show4 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
    margin-top: 2rem;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  .z_show4 .show4 li {
    float: left;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: 0;
  }
  .z_show4 .show4 li img {
    width: 1.5rem;
    margin-right: 0.5rem;
  }
  .z_show4 .show4 li .dt {
    flex: 1;
    width: 0;
    margin-left: 0;
  }
  .z_show4 .show4 li .dt h3 {
    width: 100%;
    float: left;
    font-size: 1rem;
    color: #333333;
    font-family: 'PingFang Bold';
    margin-bottom: 1rem;
  }
  .z_show4 .show4 li .dt span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    float: left;
    font-size: 0.8rem;
    color: #333333;
    line-height: 1.5;
  }
  .z_show4 .show4 li:nth-child(2n) {
    float: right;
    width: 100%;
  }
  .z_show5 {
    width: 100%;
    float: left;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .z_show5 .show5 {
    width: 100%;
    float: left;
    font-size: 0.8rem;
    color: #333;
    line-height: 1.5;
  }
  .z_show6 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_show6 .show6 {
    width: 100%;
    float: left;
    display: block;
    align-items: flex-start;
    background: #f2f2f2;
    height: auto;
    position: relative;
  }
  .z_show6 .show6::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    background: #e1eaf7;
    z-index: 1;
  }
  .z_show6 .show6 .left {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-flow: column;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    float: left;
  }
  .z_show6 .show6 .left img {
    width: auto;
  }
  .z_show6 .show6 .left h3 {
    width: 8rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: 0.7rem;
    color: #333333;
    border-radius: 40px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    -moz-box-shadow: 3px 0px 20px #c9c9c9;
    -webkit-box-shadow: 3px 0px 20px #c9c9c9;
    box-shadow: 3px 0px 20px #c9c9c9;
  }
  .z_show6 .show6 .left h4 {
    width: 100%;
    font-size: 0.9rem;
    color: #333333;
    text-align: center;
    margin-bottom: 2rem;
  }
  .z_show6 .show6 .right {
    position: relative;
    z-index: 2;
    margin-left: 0;
    flex: 1;
    width: 100%;
    margin-top: 0;
    float: left;
    box-sizing: border-box;
    padding: 0 3%;
  }
  .z_show6 .show6 .right h3 {
    font-size: 1.2rem;
    color: #333333;
    margin-bottom: 1rem;
    font-family: 'PingFang Bold';
    width: 100%;
    float: left;
  }
  .z_show6 .show6 .right font {
    display: block;
    width: 100%;
    float: left;
    font-size: 0.8rem;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
  .z_show6 .show6 .right .a {
    width: 6rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fd5c5f;
    border-radius: 5px;
    font-size: 0.7rem;
    color: #fff;
    margin-bottom: 2rem;
  }
  .z_banner5 {
    width: 100%;
    float: left;
    background: url(../images/banner8.jpg) no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 7rem;
    position: relative;
  }
  .z_banner5 .z_max {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
  }
  .z_banner5 .z_max .left {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    margin-right: 3%;
  }
  .z_banner5 .z_max .left h3 {
    font-size: 1rem;
    color: #fff;
    font-family: 'PingFang Bold';
    margin-bottom: 2rem;
  }
  .z_banner5 .z_max .left .a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.5rem;
    background: #fd5c5f;
    border-radius: 5px;
    font-size: 0.7rem;
    color: #fff;
    text-transform: uppercase;
  }
  .z_banner5 .swiper-button-next,
  .z_banner5 .swiper-button-prev {
    width: 46px;
    height: 47px;
    outline: none;
    opacity: 1;
    display: none;
  }
  .z_banner5 .swiper-button-next {
    background: url(../images/right.png) no-repeat;
    right: 40px;
  }
  .z_banner5 .swiper-button-next::after {
    display: none;
  }
  .z_banner5 .swiper-button-prev {
    background: url(../images/left.png) no-repeat;
    left: 40px;
  }
  .z_banner5 .swiper-button-prev::after {
    display: none;
  }
  .z_nn {
    width: 100%;
    float: left;
    margin-top: 2rem;
  }
  .z_nn .title {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
  }
  .z_nn .title a {
    padding-bottom: 0.5rem;
    font-size: 1rem;
    color: #333333;
    box-sizing: border-box;
    margin-right: 1rem;
  }
  .z_nn .title a.active {
    color: #fd5c5f;
    border-bottom: 2px solid #fd5c5f;
  }
  .z_nn .nn {
    width: 100%;
    float: left;
  }
  .z_nn .nn li {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
  }
  .z_nn .nn li a {
    display: flex;
    align-items: flex-start;
  }
  .z_nn .nn li a img {
    width: 40%;
  }
  .z_nn .nn li a .dt {
    flex: 1;
    width: 0;
    margin-left: 1rem;
    margin-top: 0;
  }
  .z_nn .nn li a .dt h3 {
    width: 100%;
    float: left;
    font-size: 1rem;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
  }
  .z_nn .nn li a .dt font {
    display: -webkit-box;
    width: 100%;
    float: left;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.8rem;
  }
  .z_nn .nn li a .dt span {
    float: left;
    font-size: 0.7rem;
    color: #999999;
  }
  .z_shenqing1 {
    width: 100%;
    float: left;
    background: #666666;
    min-height: initial;
    padding-bottom: 2rem;
  }
  .z_shenqing1 .z_max {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .z_shenqing1 .z_max .shenqing1 {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-flow: column;
  }
  .z_shenqing1 .z_max .shenqing1 .title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .z_shenqing1 .z_max .shenqing1 .title h3 {
    font-size: 1.5rem;
    color: #ff6869;
    margin-bottom: 20px;
    font-family: 'PingFang Bold';
  }
  .z_shenqing1 .z_max .shenqing1 .title h4 {
    font-size: 0.9rem;
    color: #fff;
  }
  .z_shenqing1 .z_max .shenqing1 ul {
    width: 100%;
    margin-bottom: 0;
  }
  .z_shenqing1 .z_max .shenqing1 ul li {
    width: 100%;
    height: 3rem;
    margin-bottom: 1rem;
    float: left;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.8rem;
    background: #7a7a7a;
    border: 1px solid #fff;
    margin-right: 6%;
  }
  .z_shenqing1 .z_max .shenqing1 ul li:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
  .z_shenqing1 .z_max .shenqing1 ul li span {
    font-size: 0.8rem;
    color: #fff;
    margin-right: 0.5rem;
  }
  .z_shenqing1 .z_max .shenqing1 ul li input {
    flex: 1;
    width: 0;
    height: 100%;
    font-size: 0.8rem;
    color: #fff;
  }
  .z_shenqing1 .z_max .shenqing1 ul li select {
    flex: 1;
    width: 0;
    margin: 0 20px;
    font-size: 16px;
    color: #fff;
    outline: none;
    height: 100%;
    background: transparent;
  }
  .z_shenqing1 .z_max .shenqing1 .anniu {
    width: 7rem;
    height: 2.5rem;
    background: #ff6869;
    font-size: 0.7rem;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .z_shenqing1 .z_max .shenqing1 .anniu img {
    margin-left: 0.5rem;
    width: 1.5rem;
  }
  .z_shenqing1 .z_max .shenqing1 .anniu input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .z_nr {
    width: 100%;
    float: left;
    margin-top: 9rem;
    margin-bottom: 0;
  }
  .z_nr .nr {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
    font-size: 0.8rem;
    color: #333333;
    line-height: 1.5;
  }
  .z_nr .nr h3 {
    width: 100%;
    float: left;
    font-size: 0.9rem;
    color: #fd5c5f;
    margin-bottom: 1rem;
  }
  .z_nr .nr h4 {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    color: #666666;
    margin-bottom: 1rem;
  }
  .z_nr .nr h4 span {
    display: flex;
    align-items: center;
    margin-left: 15px;
    color: #808994;
  }
  .z_nr .nr h4 span img {
    margin-right: 10px;
  }
  .z_nr .nr h5 {
    width: 100%;
    float: left;
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 2rem;
  }
  .z_nr .fanye {
    width: 100%;
    float: left;
    line-height: 1.5;
  }
  .z_nr .fanye a {
    font-size: 0.8rem;
    color: #999999;
  }
  .z_nr1 {
    width: 100%;
    float: left;
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .z_nr1 .swiper-container {
    width: 100%;
    float: left;
    padding-bottom: 2rem;
  }
  .z_nr1 .swiper-container a {
    display: block;
    width: 100%;
    float: left;
  }
  .z_nr1 .swiper-container a img {
    width: 100%;
    float: left;
  }
  .z_nr1 .swiper-container a font {
    display: block;
    width: 100%;
    float: left;
    margin-top: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #333333;
  }
  .z_nr1 .swiper-container .swiper-pagination {
    bottom: 0;
  }
  .z_nr1 .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 7px;
  }
  .z_nr1 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
    border-radius: 20px;
    background: #fd5c5f;
  }
  .z_gook {
    width: 100%;
    float: left;
    min-height: 100vh;
    box-sizing: border-box;
    padding-top: 9rem;
    background: url(../images/banner9.jpg) no-repeat;
    background-size: cover;
  }
  .z_gook .gok {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0;
    margin-top: 0;
    height: auto;
    border-radius: 15px;
    box-sizing: border-box;
    display: block;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 3%;
    margin-bottom: 2rem;
    -moz-box-shadow: 8px 7px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 8px 7px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 7px 20px rgba(0, 0, 0, 0.1);
  }
  .z_gook .gok .left {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    width: 100%;
    float: left;
  }
  .z_gook .gok .left h3 {
    font-size: 1.2rem;
    color: #333333;
    margin-bottom: 0.5rem;
  }
  .z_gook .gok .left h4 {
    font-size: 0.9rem;
    color: #999999;
    margin-bottom: 1rem;
  }
  .z_gook .gok .left .wz {
    width: 100%;
    height: 3rem;
    margin-bottom: 1rem;
    background: #fafafa;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 0 0.5rem;
    font-size: 0.8rem;
    color: #333;
  }
  .z_gook .gok .left .dj {
    width: 100%;
    height: 3rem;
    margin-top: 0;
    border-radius: 40px;
    background: #fd5c5f;
    font-size: 0.9rem;
    color: #fff;
    font-family: 'PingFang Bold';
  }
  .z_gook .gok .right {
    display: flex;
    align-items: flex-end;
    flex-flow: column;
    width: 100%;
    float: left;
    margin-top: 2rem;
  }
  .z_gook .gok .right font {
    margin-top: 15px;
    font-size: 0.8rem;
    color: #999999;
    line-height: 2;
  }
  .z_foot1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 0.8rem;
    color: #878787;
    margin-bottom: 1rem;
    box-sizing: border-box;
    padding: 0 3%;
    line-height: 1.5;
  }
  .z_login {
    width: 100%;
    float: left;
    min-height: initial;
    box-sizing: border-box;
    padding-top: 9rem;
    background: url(../images/banner10.jpg) no-repeat;
    background-size: cover;
  }
  .z_login .login {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 2rem;
    background: url(../images/bg2.png) #fff no-repeat top;
    border-radius: 15px;
    box-sizing: border-box;
    display: block;
    align-items: flex-start;
    justify-content: space-between;
    height: auto;
    background-size: 100% 31%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 1rem;
    -moz-box-shadow: 8px 7px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 8px 7px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 7px 20px rgba(0, 0, 0, 0.1);
  }
  .z_login .login .left {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    width: 100%;
    float: left;
  }
  .z_login .login .left img {
    width: 60%;
  }
  .z_login .login .left h3 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
  .z_login .login .left h4 {
    font-size: 0.9rem;
    color: #fff;
  }
  .z_login .login .right {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    width: 100%;
    float: left;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .z_login .login .right h3 {
    font-size: 1.5rem;
    color: #333333;
    margin-bottom: 0.5rem;
  }
  .z_login .login .right h4 {
    font-size: 0.8rem;
    color: #999999;
    margin-bottom: 1rem;
  }
  .z_login .login .right h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
    font-size: 0.8rem;
    color: #999999;
  }
  .z_login .login .right h5 font {
    display: flex;
    align-items: center;
  }
  .z_login .login .right h5 font input {
    margin-right: 15px;
  }
  .z_login .login .right h5 font a {
    color: #999999;
  }
  .z_login .login .right h6 {
    font-size: 0.8rem;
    color: #999999;
  }
  .z_login .login .right .wz {
    width: 100%;
    height: 3rem;
    margin-bottom: 1rem;
    background: #fafafa;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 0 0.5rem;
    font-size: 0.8rem;
    color: #333;
  }
  .z_login .login .right .dj {
    width: 100%;
    height: 3rem;
    margin-bottom: 0.8rem;
    border-radius: 40px;
    background: #fd5c5f;
    font-size: 1rem;
    color: #fff;
    font-family: 'PingFang Bold';
  }
  .cd-nav-trigger{
    position: absolute;
    right: 3%;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
}
.cd-nav-trigger img{
    width: 2rem;
}
nav{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
}
nav.active{
    visibility: visible;
}
nav .cd-primary-nav{
    float: right;
    width: 70%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 2rem 5%;
    transform: translateX(100%);
    transition: all 300ms linear;
}
nav.active .cd-primary-nav{transform: translateX(0%);}
nav .cd-primary-nav li{
    width: 100%;
    float: left;
    margin: 1rem 0;
}
nav .cd-primary-nav li a{
    display: flex;
    font-size: 1rem;
    color: #000;
    align-items: center;
}
nav .cd-primary-nav li ul{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 5%;
    margin-top: 1rem;
}
nav .cd-primary-nav li ul li{
    margin: 0.5rem 0;
}
nav .cd-primary-nav li ul li a{
    font-size: 0.8rem;
}
nav .cd-primary-nav li ul li a img{
    width: 1.5rem;
    margin-right: 0.5rem;
}
}