@media screen and (min-width:1081px) {
  *{
    margin: 0;
    padding: 0;
  }
  .w {
    width: 1500px;
    margin: 0 auto;
  }

  .ww {
    width: 90% !important;
    margin: 0 auto;
  }

  .d_2 {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .d_3 {
    width: 241px;
    height: 50px;
  }

  .d_3 img {
    max-width: 100%;
    height: 100%;
  }

  .d_4 {
    width: 913px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .d_4 ul {
    list-style: none;
    display: flex;
    padding-left: 0;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }

  .d_4 ul li {
    position: relative;
    text-align: center;
    height: 60px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    margin-right: 20px;
    line-height: 60px;
  }
  /* .d_4 li::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e72933;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  } */

  .d_5 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .d_6 {
    display: flex;
    /* justify-content: flex-end; */
    box-sizing: border-box;
  }

  .d_7 {
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 34px;
    height: 23px;
  }
  .d_7 img{
    max-width: 100%;
  }
  .d_7 a {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    display: flex;
    align-items: center;
  }

  .d_7s {
    margin-right: 10px;
    color: #ffffff;
  }

  .d_7 a:nth-child(1) {
    /* margin-right: 20px; */
  }
  .d_7 a:nth-child(1) img{
    width: 34px;
    height: 23px;
    vertical-align: top;
  }
  /* .d_7 a:nth-child(2) {
  }
  .d_7 a:nth-child(2) img {
    width: 45px;
    height: 30px;
    vertical-align: top;
  } */
  .active {
    color: #e60719 !important;
  }

  .ps_2 {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
  }

  .ps_3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }

  .ps_4 {
    display: flex;
    align-items: center;
  }

  .ps_5 {
    font-size: 16px;
    color: #333333;
    margin-right: 40px;
    cursor: pointer;
    text-decoration: none;
  }

  .ps_6 {
    display: flex;
    align-items: center;

  }

  .ps_7 {
    width: 16px;
    height: 18px;
    margin-right: 10px;
  }

  .ps_7 img {
    vertical-align: top;
    width: 100%;
    height: 100%;
  }

  .ps_8 {
    font-size: 14px;
    color: #989898;
  }

  .active {
    color: #e30212;
  }

  .ps_1 {
    width: 100%;
    height: 400px;
    margin-top: 80px;
  }

  .ps_1 img {
    width: 100%;
    height: 100%;
  }

  .j_p8 {
    width: 100%;
    padding: 50px 0 0 0;
    background-color: #D8D8D8;
  }

  .j_p9 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .po_1 {
    display: flex;
    justify-content: space-between;
  }

  .po_2 {
    display: block;
    width: 300px;
    height: 60px;
    margin-bottom: 30px;
  }

  .po_2 img {
    width: 100%;
    height: 100%;
  }

  .po_3 {
    width: 500px;
  }

  .po_4 {
    font-size: 14px;
    color: #2e2e2e;
    margin-bottom: 5px;
  }

  .po_5 {
    width: 700px;
    display: flex;
    justify-content: space-between;
  }

  .po_5 ul {
    padding-left: 0;
    list-style: none;
  }

  .po_6 {
    display: flex;
  }

  .po_6 li {
    font-size: 14px;
    color: #2e2e2e;
  }

  .po_6 li a {
    display: block;
    font-size: 14px;
    color: #2e2e2e;
    text-decoration: none;
  }
  .po_6 li:hover a{
    color: #e60719;
  }
  .po_7 {
    font-size: 18px !important;
    color: #2E2E2E;
    margin-bottom: 10px;
    font-weight: 700;
  }

  .po_8 {
    width: 100px;
    height: 100px;
  }

  .po_8 img {
    width: 100%;
    height: 100%;
  }

  .po_9 {
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #B0B0B0;
    box-sizing: border-box;
  }

  .po_p1 {
    display: flex;
    align-items: center;
  }

  .po_p2 {
    font-size: 14px;
    color: #2E2E2E;
    margin-right: 30px;
  }

  .po_p3 {
    font-size: 14px;
    color: #2E2E2E;
  }

  .po_p3 a {
    font-size: 14px;
    color: #2E2E2E;
    text-decoration: none;
  }

  .p_p9s {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .p_p4 {
    font-size: 30px;
    color: #2e2e2e;
    font-weight: 300;
    text-align: center;
    font-family:  "Courier New", Courier, monospace;
    font-weight: 700;
  }

  .p_p5 {
    width: 300px;
    height: 3px;
    display: flex;
    margin: 10px 0;
  }

  .p_p6 {
    width: 150px;
    height: 100%;
    background-color: #e50213;
  }

  .p_p7 {
    width: 150px;
    height: 100%;
    background-color: #2e2e2e;
  }

  .p_p8 {
    font-size: 14px;
    color: #5a5a5a;
    font-weight: 300;
    margin-top: 10px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 700;
  }

  .z_5 {
    margin-top: 30px;
    height: 30px;
    display: flex;
    justify-content: flex-end;
  }

  .z_6 {
    width: 80px;
    height: 100%;
    cursor: pointer;
  }

  .z_6 img {
    width: 100%;
    height: 100%;
  }

  .d_9 {
    height: 100px;

    border-bottom: 1px solid #eaeaea;
  }

  .d_p9s {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }

  .d_p1 {}

  .d_p1 a {
    text-decoration: none;
    color: #5a5a5a;
    font-size: 14px;

  }

  .d_p1 a:hover {
    text-decoration: underline;
  }

  .d_p2 {
    width: 600px;
    height: 50px;
    display: flex;
    border: 1px solid #989898;
    box-sizing: border-box;
  }

  .d_p3 {
    width: 550px;
    height: 100%;
  }

  .d_p3 input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333333;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    border: 0;
  }

  .d_p4 {
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0 !important;
    outline: none;
    cursor: pointer;
  }

  .d_p5 {
    width: 30px;
    height: 30px;
  }

  .d_p5 img {
    width: 100%;
    height: 100%;
  }

  .d_p6 {
    display: flex;
    justify-content: space-between;
    height: 450px;
    margin-top: 40px;
  }

  .d_p7 {
    position: relative;
    width: 780px;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
  }

  .d_p7:hover img {
    transform: scale(1.5);
  }

  .d_p7 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .d_p7 video {
    display: none;
    width: 100%;
    height: 100%;
  }

  .d_p8 {
    position: absolute;
    left: 0;
    top: 70px;
    font-size: 32px;
    color: #2e2e2e;
    z-index: 1;
  }

  .d_p9 {
    margin-top: 20px;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 30px;
    margin-top: 130px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .p_1 {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .p_2 {
    position: relative;
  }

  .p_2::after {
    position: absolute;
    right: -115px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 50px;
    background-color: #dadada;
  }

  .p_3 {
    font-size: 50px;
    color: #e50213;
    font-weight: 500;
  }

  .p_4 {
    font-size: 14px;
    color: #e50213;
    font-weight: 700;
  }

  .p_5 {
    display: flex;
  }

  .p_6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .p_7 {
    color: #e50213;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 700;
  }

  .p_8 {
    font-size: 14px;
    color: #2e2e2e;
    text-align: center;
    margin-top: 10px;
  }

  .p_9 {}

  .p_p1 {
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 60px;
    color: #f2f2f2;
    font-weight: 500;
  }

  .p_p2 {
    padding: 40px 0;
    background-color: #f6f7fa;
  }

  .p_p3 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .p_p9 {
    font-size: 14px;
    color: #4e4e4e;
    margin: 40px 0;
  }

  .z_1 {
    width: 1500px;
    height: 440px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .z_2 {
    width: 1500px;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .z_3 {
    width: 450px;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .z_3s {
    width: 500px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    background-color: white;
    overflow: hidden;
  }

  .z_4 {
    max-width: 100%;
    overflow: hidden;
    cursor: pointer;
    height: 380px;
  }

  .z_4 img {
    max-width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .z_4:hover img {
    transform: scale(1.5);
  }

  .z_7 {
    margin-bottom: 100px;
  }

  .z_8 {
    height: 410px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
  }

  .z_8 a {
    text-decoration: none;
  }

  .z_9 {
    width: 460px;
    height: 100%;
    cursor: pointer;
  }

  .z_9:hover .z_p1 img {
    transform: scale(1.5);
  }

  .z_9:hover {
    background-color: #f1f1f1;
  }

  .z_9:hover .z_p3 {
    background-color: #f1f1f1;
  }

  .z_p1 {
    width: 100%;
    height: 306px;
    overflow: hidden;
  }

  .z_p1 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .z_p1:hover img {
    transform: scale(1.5);
  }

  .z_p2 {
    width: 100%;
    padding: 30px 0;
  }

  .z_p3 {
    display: flex;
    align-items: center;
  }

  .z_p4 {
    font-size: 14px;
    color: #545454;
    text-align: center;
  }

  .z_p5 {
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }
.z_p5 img{
  width: 100%;
  height: 100%;
}
  .z_p6 {
    width: 390px;
    height: 100%;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .z_p7 {
    margin-top: 10px;
    padding: 80px 0;
    background-image: url("../../static/23.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .z_p8 {
    font-size: 30px;
    color: #545454;
  }

  .z_p8 span {
    color: #e50213;
  }

  .z_p9 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .j_1 {
    font-size: 14px;
    color: #4a4a4a;
    margin-top: 10px;
  }

  .j_2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    margin-bottom: 60px;
  }

  .j_3 {
    position: relative;
    width: 360px;
    height: 450px;
    overflow: hidden;
    cursor: pointer;
  }

  .j_3:hover>img {
    transform: scale(1.5);
  }

  .j_3 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .j_4 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .j_5 {
    width: 80px;
    height: 80px;
  }

  .j_5 img {
    width: 100%;
    height: 100%;
  }

  .j_6 {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
  }

  .j_7 {
    font-size: 30px;
    color: #545454;
  }

  .j_8 {
    font-size: 14px;
    color: #4a4a4a;
    margin-top: 10px;
  }

  .j_9 {
    width: 100%;
    height: 300px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
  }

  .j_p1 {
    width: 300px;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
  }

  .j_p1:hover img {
    transform: scale(1.5);
  }

  .j_p1 img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: transform .5s;
  }

  .j_p2 {
    position: relative;
    width: 100%;
    height: 400px;
    padding: 100px 0;
    box-sizing: border-box;
    background-image: url("../../static/24.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .j_p3 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
  }

  .j_p4 {
    font-size: 30px;
    color: white;
    font-weight: 300;
    font-family: 'Courier New', Courier, monospace;
  }

  .j_p5 {
    width: 400px;
    height: 50px;
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .j_p6 {
    position: relative;
    width: 180px;
    height: 100%;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    text-decoration: none;
  }

  .j_p6::after {
    position: absolute;
    right: -10px;
    bottom: -10px;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #e50213;
    transform: rotate(45deg);
  }

  .j_p7 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.8;
  }

  .d_8 {
    width: 100%;
    height: 760px;
    margin-top: 80px;
  }

  .d_8 .swiper {
    width: 100% !important;
    height: 100% !important;
  }

  .d_8 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 100% !important;
  }

  .d_8 img {
    width: 100%;
    height: 100%;
  }

  .ps_9 {
    position: relative;
    padding: 100px 0;
  }

  .ps_p1 {
    position: absolute;
    top: 100px;
    left: 0;
    font-size: 30px;
    color: #e30212;
    z-index: 1;
  }

  .ps_p2 {
    display: none;
    width: 100%;
    height: 700px;
    margin-top: 90px;
  }

  .ps_p2 img {
    width: 100%;
    height: 100%;
  }

  .ps_p2 video {
    display: none;
    width: 100%;
    height: 100%;
  }

  .ps_p3 {
    position: absolute;
    left: 0;
    top: 120px;
    font-size: 40px;
    color: #e6e6e6;
    font-weight: 700;
  }

  .ps_p4 {
    width: 220px;
    height: 100px;
  }

  .ps_p5 {
    font-size: 40px;
    color: #e50213;
    text-align: center;
  }

  .ps_p5 text {
    font-size: 14px;
    color: #e72933;
  }

  .ps_p6 {
    margin: 80px 0;
    display: flex;
    justify-content: space-around;
  }

  .ps_p7 {
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-top: 10px;
  }

  .ps_p8 {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
  }

  .ps_p9 {
    margin-top: 80px;
    height: 100px;
    display: flex;
    justify-content: space-between;
  }

  .pj_1 {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 24px 0;
    padding-left: 60px;
    width: 440px;
    box-sizing: border-box;
    height: 140px;
  }

  .pj_2 {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    margin-right: 30px;
  }

  .pj_2 img {
    width: 100%;
    height: 100%;
  }

  .pj_3 {
    width: 170px;
    padding: 15px 0;
  }

  .pj_4 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
  }

  .pj_5 {
    font-size: 14px;
    color: #333333;
  }

  .pj_p4 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .pj_p5 {
    width: 1220px;
  }

  .pj_p6 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;
  }

  .pj_p7 {
    width: 200px;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
  }

  .pj_p7:hover img {
    transform: scale(1.2);
  }

  .pj_p7 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .pj_6 {
    margin-top: 100px;
  }

  .pj_7 {
    width: 1220px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
.pj_7 .px_2 .current{
  background-color: transparent !important;
}
  .pj_7 .swiper {
    width: 100%;
    /* height: 100%; */
  }

  .pj_7 .swiper-wrapper {
    height: auto !important;
  }

  .pj_7 .swiper-slide {
    width: 224px !important;
    /* height: 400px !important; */
  }

  .pj_7 img {
    width: 100% !important;
    height: 100% !important;
  }

  .pj_7 span {
    background-color: #e30212 !important;
  }

  .pj_8 {
    margin-top: 100px;
    height: 320px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
  }

  .pj_9 {
    width: 320px;
    height: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pj_9:hover {
    background-color: #eeeeee;
    cursor: pointer;
  }

  .pj_p1 {
    width: 80px;
    height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .pj_p2 {
    display: block;
    width: 100%;
    height: 80px;
  }

  .pj_p2 img {
    width: 100%;
    height: 100%;
  }

  .pj_p3 {
    margin-top: 30px;
    font-size: 18px;
    color: #333333;
    text-align: center;
  }

  .pg_1 {
    margin: 80px 0;
  }

  .pg_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
  }

  .pg_3 {
    position: relative;
    width: 440px;
    height: 495px;
    margin-top: 40px;
    transition: transform .5s;
    overflow: hidden;
    box-shadow: 5px 5px 54px -40px black;
  }

  .pg_3:hover img {
    transform: scale(1.5);
    cursor: pointer;
  }

  .pg_3 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .pg_4 {
    width: 100%;
    height: 60px;
    color: #333333;
    font-size: 18px;
    background-color: white;
    text-align: left;
    line-height: 60px;
    padding: 0 10px;
    box-sizing: border-box;

  }

  .pf_1 {
    padding: 100px 0;
  }

  .pf_2 {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
  }

  .pf_3 {
    width: 700px;
    height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .pf_4 {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
  }

  .pf_5 {
    width: 60px;
    height: 60px;
    margin-right: 30px;
    border-radius: 50%;
  }

  .pf_5 img {
    width: 100%;
    height: 100%;
  }

  .pf_6 {
    font-size: 14px;
    color: #333333;
  }

  .pf_7 {
    width: 400px;
    margin-right: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .pf_8 {
    width: 100%;
    height: 90px;
  }

  .pf_8 img {
    width: 100%;
    height: 100%;
  }

  .pf_9 {
    width: 240px;
    height: 240px;
    margin-top: 100px;
  }

  .pf_9 img {
    width: 100%;
    height: 100%;
  }

  .pf_p1 {
    display: block;
    width: 100%;
    height: 640px;
    margin-bottom: 40px;
  }

  #container {
    width: 100%;
    height: 400px;
  }

  .swiper-horizontal>.swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
  .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 525px !important;
    left: 0 !important;
  }

  .pf_p2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
    background-image: url("../../static/41_02.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .pf_p3 {
    position: relative;
  }

  .pf_p4 {
    position: relative;
    height: 380px;
    overflow: hidden;
  }

  .pf_p5 {
    padding: 80px 0;
  }

  .pf_p6 {
   border-bottom: 1px solid #e6e6e6;
  }

  .pf_p6 ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .pf_p6 ul li {
      margin-right: 20px;
  }

  .pf_p6 li a {
    padding: 20px 35px;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
  }


  .active2 {
    color: #e60719 !important;
  }

  .pf_p7 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .pf_p7 a {
    text-decoration: none;
  }

  .pf_p8 {
    position: relative;
    width: 290px;
    height: 290px;
    background-color: white;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;

  }

  .pf_p8:hover {
    box-shadow: 5px 5px 50px -44px #e50213;
  }

  .pf_p8:hover img {
    transform: scale(1.5);
  }

  .pf_p9 {
    width: 100%;
    height: 250px;
    overflow: hidden;
  }

  .pf_p9 img {
    max-width: 100%;
    transition: transform .5s;
  }

  .px_1 {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: .5;
  }

  .px_2 {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }

  .px_2 span {
    color: #e60719;
    padding: 9px 15px;
    margin-right: 15px;
    font-size: 14px;
  }

  .px_2 a {
    padding: 9px 15px;
    font-size: 14px;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    text-decoration: none;
  }

  .px_2 a:hover {
    text-decoration: dashed;
  }

  .px_3 {
    padding: 10px 15px;
    color: #333333;
    margin-right: 15px;
    cursor: pointer;
  }

  .px_4 {
    padding: 10px 15px;
    color: #333333;
    background-color: #f3f3f3;
    margin-right: 15px;
  }

  .active4 {}

  .px_5 {
  }

  .px_6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .px_7 {
    width: 600px;
    margin-right: 80px;
  }

  .px_8 {
   width: 500px;
    /* height: 300px; */
  }
.px_8 img{
  max-width: 100%;
}
  .px_9 {
    display: flex;
    align-items: center;
  }

  .px_p1 {
    margin-right: 50px;
  }

  .px_p2 {
    font-size: 18px;
    color: white;
    margin-bottom: 15px;
  }

  .px_p3 {
    font-size: 14px;
    color: white;
  }

  .px_p4 {}

  .px_p6 {}

  .px_p7 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .px_p7 img {
    width: 100%;
    height: 100%;
  }

  .px_p8 {
    position: relative;
  }

  .px_p9 {
    color: white;
  }

  .py_1 {
    background-color: white;
  }

  .py_2 {
    padding: 80px 0;
  }

  .py_3 {}

  .py_4 {
    width: 530px;
    height: 470px;
    display: flex;
    justify-content: space-between;
    margin-right: 100px;
  }

  .py_6 {
    width: 255px;
    height: 210px;
    margin-bottom: 15px;
    overflow: hidden;
    cursor: pointer;
  }

  .py_6:hover img {
    transform: scale(1.5);
  }

  .py_6 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .py_7 {}

  .py_8 {
    width: 255px;
    height: 210px;
    margin-top: 20px;
    overflow: hidden;
    cursor: pointer;
  }

  .py_8:hover img {
    transform: scale(1.5);
  }

  .py_8 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .py_9 {
    display: flex;
    margin-top: 80px;
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #cccccc;
  }

  .py_p1 {}

  .py_p2 {
    width: 160px;
    height: 50px;
    background-color: #c02b31;
    text-align: center;
    color: white;
    line-height: 50px;
    font-size: 14px;
  }

  .py_p3 {
    margin-top: 45px;
  }

  .py_p4 {
    font-size: 14px;
    color: #333333;
    margin-bottom: 30px;
  }

  .py_p5 {
    display: flex;
    justify-content: space-between;
  }

  .py_p6 {
    width: 430px;
    height: 840px;
    background-color: #c02b31;
    padding: 120px 60px;
    box-sizing: border-box;
  }

  .py_p7 {
    font-size: 40px;
    color: white;
    font-weight: 700;
  }

  .py_p8 {
    margin: 85px 0;
    font-size: 14px;
    color: white;
    line-height: 30px;
  }

  .py_p9 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .pe_1 {
    width: 200px;
    height: 4px;
    background-color: white;
  }

  .pe_2 {
    width: 920px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .pe_3 {
    width: 440px;
    height: 420px;
    margin-bottom: 40px;
  }

  .pe_4 {
    width: 440px;
    height: 380px;
    overflow: hidden;
    cursor: pointer;
  }

  .pe_4 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .pe_4:hover img {
    transform: scale(1.5);
  }

  .pe_5 {
    width: 100%;
    height: 40px;
    text-align: center;
    color: #000000;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 14px;
  }

  .pe_6 {
    padding: 80px 0;
    display: flex;
  }

  .pe_7 {
    width: 1180px;
    margin-top: 60px;
  }

  .pe_7 a {
    text-decoration: none;
  }

  .pe_8 {
    width: 100%;
    padding: 30px;
    padding-right: 60px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 40px;
    cursor: pointer;
  }

  .pe_8:hover {
    box-shadow: 5px 5px 70px -40px #5581af;
  }

  .pe_8:hover .pe_p2 {
    color: #ff0012;
  }

  .pe_8:hover .pe_p5 {
    border: 1px solid #e82f36;
  }

  .pe_8:hover .pe_p6 {
    color: #ff424b;
  }

  .pe_8:hover .pe_p7 {
    background-color: #e62129;
  }

  .pe_8:hover .pe_p8 {
    display: block;
  }

  .pe_8:hover .pe_p9 {
    display: none;
  }

  .pe_8:hover img {
    transform: scale(1.5);
  }

  .pe_9 {
    width: 250px;
    height: 200px;
    margin-right: 30px;
    overflow: hidden;
  }

  .pe_9 img {
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .pe_p1 {
    width: 900px;
    box-sizing: border-box;
  }

  .pe_p2 {
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    margin-bottom: 20px;
  }

  .pe_p3 {
    font-size: 14px;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .pe_p4 {
    font-size: 14px;
    color: #989898;
    margin-bottom: 20px;
  }

  .pe_p5 {
    width: 190px;
    height: 40px;
    display: flex;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
  }

  .pe_p6 {
    width: 150px;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #666666;
  }

  .pe_p7 {
    width: 40px;
    height: 100%;
    background-color: #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pe_p8 {
    display: none;
    width: 12px;
    height: 18px;
  }

  .pe_p8 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  .pe_p9 {
    width: 12px;
    height: 18px;
  }

  .pe_p9 img {
    width: 100%;
    height: 100%;
  }

  .pc_1 {
    padding: 80px 0;
  }

  .pc_3 {
    width: 500px;
    height: 500px;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pc_2 {
    display: flex;
  }

  .pc_3 img {
    max-width: 100%;
    max-height: 100%;
  }

  .pc_4 {
    width: 900px;
  }

  .pc_5 {
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    margin-top: 40px;
  }

  .pc_6 {
    font-size: 12px;
    color: black;
    line-height: 30px;
  }

  .pc_7 {
    padding: 80px 0;
  }

  .pc_8 {
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    text-align: center;
  }

  .pc_9 {
    font-size: 12px;
    color: #cccccc;
    margin-top: 30px;
    margin-bottom: 60px;
    text-align: center;
  }

  .pc_p1 {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
  }

  .goodp_1 {
    display: none;
  }

  .goodz_1 {
    display: none;
  }

  .goodz_2 {
    display: none;
  }

  .pz_1 {
    display: none;
  }

  .goods_4 {
    display: none;
  }

  /* .pb_1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: .7;
    z-index: 1;
  } */

  .goodps_8 {
    display: none;
  }

  .pj_7s {
    display: none;
  }

  .pf_p7s {
    display: none;
  }

  .pc_p2 {
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-top: 15px;
  }

  .ps_1s {
    display: none;
  }

  .d_8s {
    display: none;
  }

  .pc_p3 {
    width: 90%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    margin-top: 36px;
  }

  .pc_p4 {
    display: block;
    width: 120px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e50213;
    box-sizing: border-box;
    text-decoration: none;
  }

  .pc_p5 {
    font-size: 14px;
    color: #e50213;
    margin-right: 5px;
    margin-left: 34px;
  }

  .pc_p6 {
    width: 20px;
    height: 20px;
  }

  .pc_p6 img {
    width: 100%;
    height: 100%;
  }

  .nav {
    background-color: #ffffff;
    margin-bottom: 10px;
    box-shadow: 0 0 20px 0 rgba(1, 1, 1, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
  }

  .sf_1 {
    padding: 40px 0;
    display: flex;
  }

  .sf_2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .sf_3 {
    padding: 17px 15px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    color: #333333;
  }

  .sf_4 {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }

  .sf_4 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  .sf_5 {
    padding: 20px;
    width: 250px;
    margin-right: 30px;
    background-color: #ffffff;
  }

  .sf_7 {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
    background-color: #eeeeee;
    text-decoration: none;
  }
  .sf_7:hover .sf_8{
    color:#e60719;
  }
  .sf_8 {
    color: #333333;
    font-size: 14px;
    text-decoration: none;
  }

  .sf_9 {
    width: 20px;
    height: 20px;
  }

  .sf_9 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  .sf_p1 {
    width: 1220px;
    height: max-content;
  }

  .sf_p2 {
    padding: 10px 0;
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }

  .sf_p3 {
    font-size: 14px;
    color: #333333;
  }

  .sf_p4 {}

  .sf_p5 {
    width: 224px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
  }

  .sf_q1 {
    width: 360px;
    height: 440px;
  }

  .sf_q2 {
    height: 60px;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    background-color: #0e3582;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .sf_q3 {
    font-size: 18px;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 280px;
  }

  .sf_q4s {
    height: 30px;
    background-repeat: no-repeat;
    box-sizing: border-box;
  }

  .sf_q4s ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sf_q4s ul li {
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50%;
  }

  .sf_q4 {
    height: 990px;
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url("../static/70.jpg");
    box-sizing: border-box;
    background-repeat: no-repeat;
  }

  .sf_q5 {
    height: 350px;
    display: flex;
    align-items: center;
  }

  .sf_q6 {
    width: 905px;
    height: 350px;
    padding: 40px 37px;
    box-sizing: border-box;
    background-color: #ffffff;
  }

  .sf_q7 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 35px;
  }

  .sf_q8 {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sf_q9 {
    width: 150px;
    height: 40px;
    background-color: #0e3582;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-radius: 30px;
    box-sizing: border-box;
  }

  .good1 {
    font-size: 16px;
    color: #ffffff;
    border-radius: 30px;
    height: 100%;
    text-align: center;
    line-height: 40px;
  }

  .good2 {
    width: 600px;
    height: 350px;
    overflow: hidden;
    cursor: pointer;
  }
  .good2 img{
    max-width: 100%;
    transition: transform .5s;
  }
  .good2:hover img{
    transform: scale(1.5);
  }
  .good3{
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .good4{
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .good5{
    width: 260px;
    height: 200px;
    padding: 40px 35px;
    box-sizing: border-box;
    background-color: #0e3582;
    display: block;
    text-decoration: none;
  }
  .good6{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;

  }
  .good7{
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
  }
  .good8{
    width: 30px;
    height: 30px;
  }
  .good8 img{
    width: 100%;
    height: 100%;
  }
  .good9{
    width: 1210px;
    height: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .good_1{
    width: 290px;
    height: 200px;
    overflow: hidden;
    cursor: pointer;
  }
  .good_1 img{
    max-width: 100%;
  transition: transform .5s;
  }
  .good_1:hover img{
    transform: scale(1.5);
  }
  .good_2{
    background-color: #e70012;
  }
  .good_3{
    padding: 100px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .good_4{
    width: 156px;
    height: 156px;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
  }
  .good_4 img{
    max-width: 100%;
    transition: transform .5s;
  }
  .good_4:hover img{
    transform: scale(1.5);
  }
  .good_5{
    display: flex;
    justify-content:space-between;
    align-items: center;
  }
  .good_6{
  
  }
  .good_7{
    font-size: 30px;
    color: #333333;
    margin-bottom: 10px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 700;
  }
  .good_8{
    font-size: 14px;
    color: #333333;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 700;
  }
  .good_9{
    width: 130px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #333333;
    border: 1px solid #b8b8b8;
    border-radius: 30px;
    text-decoration: none;
  }
  .good_p1{
    margin-top: 80px;
  }
  .good_p2{
    padding: 15px;
    border: 1px solid #e60719;
    margin-bottom: 40px;
  }
  .good_p3{
    font-size: 24px;
    color:#333333;
    margin-bottom: 10px;
  }
  .good_p4{
    font-size: 14px;
    color: #333333;
    width: 100%;
  }
  .good_p5{
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .good_p6{
    position: relative;
    width: 290px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .good_p6:hover img{
    transform: scale(1.5);
    cursor: pointer;
  }
  .good_p6 img{
    max-width: 100%;
    transition: transform .5s;
  }
  .good_p7{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    background-color: black;
    opacity: .5;
    width: 100%;
  }
  .good_p8{
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    width: 100%;
  }
  .good_p9{
    border-bottom: 1px dotted #d2d2d2;
    display: flex;
    align-items: center;
  }
  .good_n1{
    font-size: 18px;
    font-weight: 300;
    color: #333333;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    width:max-content;
    margin-right: 5px;
  }
  .good_n2{
    color:#999;
    font-size: 18px;
    padding-bottom: 21px;
  
  }
  .good_n3{
    font-size: 14px;
    height: 50px;
    width: 100%;
    color:#333333;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .good_n4{
    font-size: 30px;
    font-weight: 700;
    color: #e60719;
  }
  .good_n4 span{
    color:#2364d5;
  }
  .good_n5{
    font-size: 30PX;
    font-weight: 700;
    color: #333333;
  }
  .good_n6{
    margin-top: 20px;

  }
  .good_n7{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
  }
  .good_n8{
    width: 20px;
    margin-right: 10px;
    display: flex;
    align-items: center;
  }
  .good_n8 img{
    max-width: 100%;
  }
  .good_n9{
    font-size: 14px;
    color: #141518;
  }

.px_1s{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #ffffff;
  width: 100%;
}
.good_z2{
  position: absolute;
  content: "";
  right: 15px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
}
.pf_p6s{
  display: flex;
  align-items: center;
}
.pf_p6s ul li:hover a{
  color:#e60719;
}
.good_z3{
  display: none;
}
.goods_p1{
  display: flex;
  align-items: center;
}
.d_4 ul li:before {
  content: "";
  height: 1px;
  width:100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transition: transform.3s;
  background-color: #ad140b;
}

.d_4 ul li:hover:before {
  transform: scaleX(1);
}
.d_4 ul .active{
  border-bottom: 1px solid #e60719;
}
.good_4s{
  text-align: center;
  font-size: 14px;
  color: #333333;
  margin-top: 25px;
  text-decoration: none;
}
.po_8s{
  width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.po_4s{
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
}
.goo3s{
  text-decoration: none;
}
.pz_1s{
  display: none;
}
}