html,
body {
    height: 100%;
}


/* 首页导航 */

header {
    /* background: rgba(255, 255, 255, 0);  
    border-bottom: 1px solid rgba(255, 255, 255, 0); */
    /*background: rgba(255,255,255,0) !important;*/
    /* border-bottom: 1px solid rgba(255, 255, 255, 1); */
    transition: all .4s;
}


/* header:hover {
    background: rgba(255, 255, 255, 1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
} */

.last a {
    display: none;
    position: static;
    margin: 0 auto;
}

.recommend__container .last a {
    margin-bottom: 20px;
    display: none;
}

.banner__container_swiper {
    /* --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: rgba(255, 255, 255, 0.5);
    /* 单独设置按钮颜色 */
    /* --swiper-navigation-size: 0px;/* 设置按钮大小 */
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 40px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 40px;
}

.swiper-button-next img,
.swiper-button-prev img {
    width: 66px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: '';
}

video::-webkit-media-controls {
    /*不显示时间条*/
    object-fit: fill;
    /*设置预览图铺满*/
    display: none !important;
}

h2 {
    font-size: 40px;
    color: #333;
    text-align: left;
    position: relative;
}

.banner_pagination {
    width: 90px;
    height: 3px;
    background-color: #fff;
    display: inline-block;
    margin: 0 5px;
    transition: all 1s linear;
    opacity: .6;
}

.banner_pagination-active {
    width: 120px;
}

.banner__container_swiper .swiper-img {
    display: block;
    width: fit-content;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
    max-height: 1080px;
    object-fit: cover;
}

.banner__container_swiper .swiper-slide .image {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner__container_swiper .swiper-slide .image img:first-child {
    height: 100%;
    width: 100%;
}

.banner__container_swiper .video body {
    height: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.banner__container_swiper .play,
.banner__container_swiper .video .play,
.banner__container_swiper .video .stop {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 80px;
    height: 80px;
    z-index: 12;
}

.swiper-container {
    overflow: initial;
}

.banner__container_swiper .swiper-slide {
    overflow: hidden;
}

.banner__container_swiper .video .stop {
    display: none;
}

.banner__container_swiper .video {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 111111111;
    display: none;
}

.banner__container_swiper video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.banner__container_swiper {
    width: 100%;
    height: 100%;
}

.banner__container {
    margin: 0 auto;
    margin-top: 80px;
    height: calc(79vh + 80px);
    /* height: 100vh; */
    position: fixed;
    max-width: 1920px;
    max-height: 1080px;
    overflow: hidden;
}

.banner__one_box {
    position: absolute;
    z-index: 2;
    left: 48.6%;
    top: 42%;
    color: #fff;
}

.banner__one_title {
    font-size: 36px;
    font-weight: bold;
    opacity: 0;
}

.banner__one_title p:first-child {
    font-size: 40px;
}

.banner__one_title p:last-child {
    font-size: 48px;
}

.banner__one_title_animation {
    animation: banner_one_box_animation .6s linear;
    animation-fill-mode: forwards;
}

.banner__one_subtitle {
    font-size: 26px;
    margin-top: 16px;
    opacity: 0;
}

.banner__one_subtitle_animation {
    animation: opacity-show .6s linear .3s;
    animation-fill-mode: forwards;
}

.banner_right_btm {
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0;
}

.banner_right_btm_animation {
    animation: opacity-show .6s linear;
    animation-fill-mode: forwards;
}

@keyframes banner_one_box_animation {
    0% {
        margin-left: 90px;
        opacity: 0;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@keyframes opacity-show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.banner__two_text {
    position: absolute;
    top: 18%;
    left: 50%;
    z-index: 2;
    color: #fff;
    font-size: 100px;
    font-weight: bold;
    opacity: 0;
}

.banner__two_animation {
    animation: banner__two_animation .6s linear;
    animation-fill-mode: forwards;
}

@keyframes banner__two_animation {
    from {
        opacity: 0;
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.banner__two_img {
    position: absolute;
    left: 54%;
    top: 59%;
    width: 80px;
    transform: scale(0);
}

.banner__two_img_animation {
    animation: banner__two_img_animation 1.2s ease-out;
    animation-fill-mode: forwards;
}

@keyframes banner__two_img_animation {
    0% {
        transform: scale(0);
    }

    60% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

.show__container {
    /* margin: 119px 0 40px; */
    margin-top: 70px;
}

/* 新banner */
#index_swiper{position: relative;}
#index_swiper .banner_img {
    display: block;
    width: 100%;
    height:auto;

}
#index_swiper .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);}
#index_swiper .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
#index_swiper .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}


#index_swiper .banner-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 90px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px));
    display: inline-block;
    background-color: #fff;
    opacity: .4;
    transition: opacity 1s;cursor: pointer;
}

#index_swiper .banner-bullet-active {
    opacity: 1;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 90px));
}

#index_swiper .swiper-pagination-bullets {
    bottom: 40px;
}

#index_swiper .swiper-slide {
    position: relative;

}

#index_swiper .swiper-slide .swiper-content {
    position: absolute;
    height: fit-content;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 90%;
    max-width: 1500px;
}


#index_swiper .swiper-slide .swiper-content .banner-title {
    font-size: 48px;
    white-space: pre-line;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 56px;
    margin-bottom: 40px;
}

#index_swiper .swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#index_swiper .swiper-slide .videoPoster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#index_swiper .swiper-slide .videoPoster img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

#index_swiper .swiper-slide .videoBtn {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 40px;
    bottom: 40px;
}

#index_swiper .swiper-slide .videoBtn img {
    width: 100%;
    cursor: pointer;
    display: block;
}

#index_swiper .swiper-slide .videoBtn .vd_pause {
    display: none;
}

.bannerwz{position: absolute;z-index: 10;top:35%;left: 5%;color: #fff;text-shadow: 2px 2px 6px rgba(0, 0, 0,0.3);}
.bannerwz strong{font-size: 40px;line-height:50px;font-weight: normal;max-width: 55%;}
.bannerwz strong:after{content: "";height: 2px;width: 90px;background: #fff;display: block;margin-top: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.bannerwz p{font-size: 20px;letter-spacing: 1px;line-height: 28px;max-width: 50%;padding-top: 30px;}

.firstScreen {
    position: relative;
    z-index: 7;
    overflow: hidden;
}

.show__container_right {
    width: 100%;
    height: 680px;
    overflow: hidden;
    position: relative;
}

.show__container .swiper-container {
    width: 100%;
    height: 100%;
}

.show__container .swiper-container .swiper-img {
    display: block;
    width: 100%;
    height: 100%;
}

.show__container .swiper-slide::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0;
    transition: all .4s;
}

.show__container .swiper-slide.show::after {
    z-index: 1;
    opacity: 0;
}

.show_left_textContainer {
    position: absolute;
}

.show_left_textContainer-1-1 {
    left: 48px;
    top: 50px;
    color: #fff;
    opacity: 0;
}

.show_left_textContainer-1-1_animation {
    animation: showText1-1 .4s linear 1s;
    animation-fill-mode: forwards;
}

.show_left_textContainer .p1 {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
}

.show_left_textContainer .p3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.show_left_textContainer a {
    width: 120px;
    background-color: #fff;
    color: #000;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 20px;
    margin-top: 30px;
    font-weight: bold;
    transition: all .4s;
}


/* .show__container .swiper-slide a {
  width: 120px;
  background-color: #fff;
  color: #000;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-radius: 20px;
  margin-top: 30px;
  font-weight: bold;
  transition: all .4s;
  position: absolute;
  bottom: 20px;
  right: 20px;
} */

.show__container .swiper-slide a {
    position: relative;
}

.show_right_textContainer-2-1 {
    left: 30px;
    color: #222;
    opacity: 0;
    width: max-content;
}

.show_right_textContainer-2-1_animation {
    animation: showText2-1 .4s linear 1s;
    animation-fill-mode: forwards;
}

.show_right_textContainer-2-2 {
    left: 48px;
    top: 50%;
    opacity: 0;
    transform: translateY(-50%);
    color: #222;
}

.show_right_textContainer-2-2_animation {
    animation: showText2-2 .4s linear .1s;
    animation-fill-mode: forwards;
}

.show_left_textContainer-1-2 {
    left: 48px;
    bottom: 150px;
    color: #fff;
}

@keyframes showText1-1 {
    from {
        left: 98px;
        opacity: 0;
    }

    to {
        left: 48px;
        opacity: 1;
    }
}

@keyframes showText2-1 {
    from {
        top: 30%;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@keyframes showText2-2 {
    from {
        left: 128px;
        opacity: 0;
    }

    to {
        left: 48px;
        opacity: 1;
    }
}


/* .show__container_right-swiper .swiper-slide {
    width: calc(100% / 3.5) !important;
    margin-right: 20px !important;
}

.show__container_right-swiper .swiper-slide:last-child {
    margin-right: 0 !important;
} */

.show__container_right-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.show__container_right-swiper .swiper-slide-active,
.show__container_right-swiper .swiper-slide-duplicate-active {
    transform: scale(1);
}


/* .show__container_right .button {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    background: #68686B;
    position: absolute;
    top: 20%;
    right: 15px;
    z-index: 1;
    display: flex;
    align-items: center;
    display: none;
    transition: all 0.5s ease;
}

.show__container_right:hover .button {
    display: flex;
}

.show__container_right .button>div {
    width: 48%;
    text-align: center;
} */

.second__container {
    /* transform: translateY(100px); */
    transition: all .4s linear;
}

.second__container_trans {
    transform: translateY(0);
}


/* === 推荐商品 === */

.recommend__container>div a {
    display: block;
}

.recomend_pure_text {
    color: #DF0808;
}

.recomend_pure_text p {
    transition: all 0.3s;
}

.recomend_pure_text:hover p {
    transform: scale(1.1);
}

.recommend__container>div.last a {
    display: none;
}

.recommend__container .recomend_topimg_btmtext {
    display: flex;
}

.recommend__container_one,
.recommend__container_flex,
.recommend__container_five {
    margin: 60px 0 100px;
}

.show__container_right {
    /* margin-top: 60px  */

}

.recommend__container_one {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}


/* .recommend__container_one a {
    height: 412px;
} */

.recommend__container_one p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    background: rgba(250, 250, 250, 0.6);
}

.recommend__container_two {
    display: flex;
    justify-content: space-between;
    height: 412px;
    color: #fff;
}

.recommend__container_two a {
    width: 660px;
    border-radius: 12px;
    background: #FAFAFA;
    padding-bottom: 30px;
}

.recommend__container_two a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.recommend__container_two a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
    font-size: 36px;
    font-weight: bold;
}

.recommend__container_three {
    display: flex;
    justify-content: space-between;
    /* height: 412px; */
    color: #fff;
}

.recommend__container_three a {
    /* position: relative; */
    width: 420px;
    border-radius: 12px;
    background: #FAFAFA;
    padding-bottom: 30px;
}

.recommend__container_flex a dt {
    overflow: hidden;
    height: 276px;
    border-radius: 12px 12px 0px 0px;
}

.recommend__container_flex a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.recommend__container_flex a dd.time {
    color: #AAAAAA;
    font-size: 16px;
    padding: 30px 30px 19px 30px;
}

.recommend__container_flex a dd.title {
    /* position: absolute;
  left: 0;
  right: 0;
  bottom: 0; */
    /* padding: 40px;
  font-size: 36px;
  font-weight: bold; */
    color: #000000;
    font-size: 20px;
    height: 50px;
    line-height: 25px;
    font-weight: 500;
    /* margin-bottom: 84px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 30px;
}

.recommend__container_four {
    display: flex;
    justify-content: space-between;
    height: 844px;
    color: #fff;
    flex-wrap: wrap;
}

.recommend__container_four a {
    position: relative;
    width: 660px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #FAFAFA;
    padding-bottom: 30px;
}

.recommend__container_four a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.recommend__container_four a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
    font-size: 36px;
    font-weight: bold;
}

.recommend__container_five {
    display: flex;
    align-items: flex-start;
}

.recomend__five_div {
    flex: 1;
}

.recomend__five_center {
    margin: 0 20px;
}

.recomend_topimg_btmtext {
    width: 100%;
    min-height: 441px;
    border: 1px solid #D5D5D5;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.recommend__container_one a img,
.recommend__container_flex a img,
.recomend_topimg_btmtext img,
.recomend_logimg img,
.recomend_bgimg_textposition img,
.Media_flex .media_item img.media__poster_img,
.Media_flex .media_item video {
    display: block;
    width: 100%;
    transition: all 1s ease-out;
    object-fit: cover;
}

.Media_flex .play {
    display: none !important;
}

.recommend__container_one a:hover img,
.recommend__container_flex a:hover img,
.recomend_topimg_btmtext:hover img,
.recomend_logimg:hover img,
.recomend_bgimg_textposition:hover img,
.Media_flex .media_item:hover dt img.media__poster_img,
.Media_flex .media_item video {
    transform: scale(1.05);
}


/* .recomend_topimg_btmtext:hover .textbox {
  background-color: #0051F5;
  color: #fff;
} */

.recomend_topimg_btmtext .textbox {
    padding: 15px 0px;
    padding-left: 38px;
    color: #222;
    position: relative;
    z-index: 1;
    transition: all .4s ease-out;
    background-color: #fff;
    flex: 1;
}

.recomend_topimg_btmtext .p1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

.recomend_topimg_btmtext .p2 {
    font-size: 18px;
}

.recomend_bgimg_textposition {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
}

.recomend_bgimg_textposition p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    padding: 20px;
}

.recomend_logimg {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
}

.recomend_logimg .textbox {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 40px 30px;
}

.recomend_logimg .textbox .p1 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}

.recomend_logimg .textbox .p2 {
    font-size: 18px;
}

.recomend_pure_text {
    border-radius: 12px;
    padding: 34px 30px;
    min-height: 166px;
    margin-bottom: 20px;
    border: 1px solid #D5D5D5;
}


/* .recomend_pure_text:hover {
  background-color: #0051F5;
  color: #fff;
} */

.recomend_pure_text .p1 {
    font-size: 36px;
    font-weight: bold;
}

.recomend_pure_text .p2 {
    font-size: 18px;
}


/* .r_img-top p {
  top: 0;
  bottom: auto;
} */

.offset-fade-in {
    opacity: 0;
    transition: all .8s;
}

.offset-fade-in-transfrom {
    opacity: 1;
}

.consumables__container {
    margin: 60px 0 100px;
    display: flex;
    height: 680px;
    align-items: flex-start;
    overflow: hidden;
}

.consumables__container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-out;
}

.consumables__container_left {
    display: flex;
}

.consumables__left_r {
    background-color: #F8F6F3;
    overflow: hidden;
}

.consumables__text_box {
    width: 340px;
    height: 340px;
}

.consumables__img_box {
    width: 340px;
    height: 340px;
    overflow: hidden;
}

.consumables__img_box:hover img {
    transform: scale(1.05);
}

.consumables__text_box a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.consumables__center {
    padding: 0 34px;
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s linear;
}

.consumables__center-transform {
    opacity: 1;
    transform: translateY(0px);
}

.consumables__center p {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.consumables__center span {
    display: inline-block;
    padding: 5px 14px;
    /* border: 1px solid; */
    /* border-radius: 16px; */
    /* transition: all .4s; */
}


/* .consumables__center:hover span {
  background-color: #333333;
  color: #FFFFFF;
  border: 1px solid #333333;}
  /* border: #333333 1px solid; */

.consumables__left_r img {
    width: 340px;
    opacity: .2;
    transform: translateY(30%);
    transition: all .4s cubic-bezier(0, 0, 0.2, 1);
}

.consumables__left_r img.transform {
    opacity: 1;
    transform: translateY(0);
}

.consumables__left_r:hover img {
    transform: scale(1.05);
}

.consumables__container_right {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.consumables__text-1 {
    color: #222;
    background-color: #E0E0E0;
}

.consumables__text-2 {
    color: #fff;
    background-color: #8DC8D4;
}

.consumables__text-3 {
    color: #fff;
    background-color: #a8a8a8;
}

.cons_antion_2 {
    transform: scale(1.2);
}

.cons_antion_2_trsfm {
    transform: scale(1);
}

.cons_antion_3_antion {
    animation: scale_l-m-x 2s linear 2s;
}

@keyframes scale_l-m-x {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.1)
    }

    70% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1);
    }
}


/* 售后服务 */

.center__container {
    position: relative;
    background-color: #f7f7f7;
}

/* .center__container .layer_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
    height: 600px;
} */

.center__container .content {
    /* opacity: 0;
    transform: translateY(50px); */
    opacity: 1;
    transform: translateY(0);
    transition: all 1s linear;
}

.center__container .center__container-transform {
    opacity: 1;
    transform: translateY(0px);
}

.center__container .centerImgBox {
    width: 55%;
    position: absolute;
    right: 0;
    top: 0;
}

.center__container .centerImg {
    display: block;
    width: 100%;
}

.center__container .centerImgBox .cen_cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    padding: 20% 0 0 30%;
}

.center__container .cen_cont .cen_contTit {
    color: #999;
    font-size: 32px;
    height: 55px;
    cursor: pointer;
    line-height: 50px;
}

.center__container .cen_cont .active a {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.center__container .cen_cont .cen_contTxt {
    font-size: 18px;
    line-height: 28px;
    color: #f5f5f5;
    max-width: 400px;
    margin-top: 20px;
    min-height: 60px;
}

.center__container .box {
    width: 35%;
    word-wrap: break-word;
}

.center__container .box .title {
    font-size: 40px;
    font-weight: 600;
    
}

.center__container .box .p1 {
    font-size: 20px;
    margin-top: 39px;
    

}

.center__container .box .p2 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 39px;
}

.center__container .box a {
    /* float: left; */
    /* margin-top: 69px; */
    /* top: 120%;
    left: 0; */
    display: block;
    width: 140px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    background: #EDF0F2;
    font-size: 14px;
    text-align: center;
    margin-top: 40px;
    font-weight: 600;
    transition: all 0.2s;
    color: #000;
    position: static;
    justify-content: center;
}

.Dimg {
    width: 100%;
}

.Dimg img {
    width: 100%;
    vertical-align: bottom;
}

.Dimg a {
    height: 100%;
}

.searchImg {
    width: 100%;
    position: relative;
}

.searchImg img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    vertical-align: bottom;
}

.searchDiv {
    width: 670px;
    margin: 0 auto;
    height: 62px;
    line-height: 62px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.searchDiv input {
    display: block;
    width: calc(100% - 170px);
    background: #FFFFFF;
    padding-left: 30px;
    border-radius: 6px 0px 0px 6px;
}

.searchDiv .button {
    width: 150px;
    height: 55px;
    line-height: 55px;
    background: #5D5B5A;
    color: #fff;
    font-weight: bold;
    border-radius: 6px 6px;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
    cursor: pointer;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #AAAAAA;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #AAAAAA;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #AAAAAA;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #AAAAAA;
}


/* 弹窗 */

.pop__container {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 10;
}

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

.pop__container_img {
    display: block;
}

.pop__container_a {
    position: absolute;
    left: 50%;
    bottom: 100px;
    width: 170px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    background-color: #fff;
    color: #000;
    border-radius: 24px;
    font-size: 18px;
    line-height: 1;
    transition: all .4s ease-out;
}

.pop__container_close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    cursor: pointer;
}

.pop__container_a:hover {
    color: #fff;
    background-color: #333;
}


/* 弹窗--end */


/* 媒体  start */

.mediaBox {
    background: #fff;
    /* padding: 100px 0rem; */
    padding: 110px 0rem;
}

.mediaBox .layer_box {
    overflow: hidden;
}

.Media_flex {
    /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
    /* margin-top: 59px; */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
}


/* .Media_flex .media_item {
    width: 440px;
} */

.Media_flex .media_poster {
    /* height: 246px; */
    height: 340px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.media__poster_img:hover{transform: scale(1.2);}
.Media_flex .media_poster img.media__poster_img,
.Media_flex .media_poster video {
    height: 100%;
}

.Media_flex .media_poster img.media__play {
    position: absolute;
    left: 22px;
    bottom: 22px;
    width: 62px;
    height: 62px;
}

.Media_flex .media_item .media_wrapper {
    width: 80%;
    /* opacity: 0; */
    /* transform: translateY(50px); */
    transition: all 1s linear;
}

.Media_flex .media_item .center__container-transform {
    opacity: 1;
    transform: translateY(0px);
}

.Media_flex .media_item .media_wrapper .title {
    margin: 30px 0px 19px;
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;line-height:30px;
}

.Media_flex .media_item .media_wrapper .content {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin-bottom: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*  文本溢出隐藏为省略号 */
    display: -webkit-box;
    /*  定义为盒子显示 */
    -webkit-box-orient: vertical;
    /* 定义为竖向编排显示 */
    -webkit-line-clamp: 2;
}


/* 媒体   end */


/* 弹窗 */

.pop__container {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 10;
}

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

.pop__container_img {
    display: block;
}

.pop__container_a {
    position: absolute;
    left: 50%;
    bottom: 100px;
    width: 170px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    background-color: #fff;
    color: #000;
    border-radius: 24px;
    font-size: 18px;
    line-height: 1;
    transition: all .4s ease-out;
}

.pop__container_close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    cursor: pointer;
}

.pop__container_a:hover {
    color: #fff;
    background-color: #333;
}


/* 弹窗--end */


/* 侧边栏 */

.aside__container {
    position: fixed;
    right: 0;
    bottom: 100px;
    z-index: 9;
}

.aside__container_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* width: 80px;
  height: 108px; */
    width: 63px;
    height: 70px;
    background-color: #2F2A2A;
    color: #fff;
    transition: background-color .4s ease-out;
    font-size: 15px;
}

.aside__container_item:hover {
    background-color: #0051F5;
}

.aside__container_img {
    /* width: 40px; */
    /* height: 40px; */
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}


/* 侧边栏--end */


/* 留言  弹窗   start */


/* 弹框 */

#index {
    position: relative;
}

#index .pop_message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99999999;
    display: none;
}

#index .pop_message .pop_message_box_pos {
    position: relative;
    /* background-color: #0051F5; */
    height: 100%;
}

#index .pop_message .pop_message_box_pos .pop__message_box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #FFFFFF;
    width: 690px;
    height: max-content;
    padding: 30px;
    border: 5px solid #000000;
    box-sizing: border-box;
    border-radius: 12px;
}

#index .pop_message .pop_message_box_pos .pop__message_box .close {
    width: 22px;
    height: 22px;
    float: right;
    cursor: pointer;
}

#index .pop_message .pop_message_box_pos .pop__message_box:after {
    content: "";
    display: block;
    clear: both;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content {
    width: 90%;
    margin: 0 auto;
    color: #AAAAAA;
    font-size: 16px;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content .title {
    font-weight: 900;
    font-size: 24px;
    line-height: 25px;
    /* padding: 30px 0px; */
    margin-top: 15px;
    color: #000000;
    margin-bottom: 32px;
    text-align: center;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p {
    background: #F9F9F9;
    border: 1px solid #C2C2C2;
    border-radius: 6px;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    position: relative;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type="number"] {
    -moz-appearance: textfield
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #F9F9F9 inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.email:before,
#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.InterestProducts:before,
#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message:before {
    content: attr(data-content-before);
    color: #DF0808;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    /* right: 0; */
    margin: auto;
    /* left: 20px; */
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.email:after,
#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.InterestProducts:after,
#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message:after {
    content: attr(data-content-after);
    color: #DF0808;
    display: block;
    position: absolute;
    top: 100%;
    left: 20px;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p select {
    width: 100%;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    line-height: 100%;
    border: none;
    outline: none;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p select option {
    font-size: 16px;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message {
    height: auto;
    line-height: inherit;
    padding: 20px 30px;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message #Message {
    background: rgba(255, 255, 255, 0);
    border: none;
    outline: none;
    height: 90px;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message:before {
    top: 20px;
}

#index .pop_message .pop_message_box_pos .pop__message_box .message_content .result {
    background: #000000;
    border-radius: 6px;
    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.recommend__container {
    overflow: visible;
    padding: 130px 0 140px 0;
    display: none;
}

.cut_conainter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}

.cut_conainter .cut_item {
    height: auto;
    display: block;
    position: relative;
}

.cut_conainter .cut_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 8px; */
}

.cut_conainter .cut_item .cut_item_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* border-radius: 8px; */
    background: rgba(0, 0, 0, .6);
    display: none;
    align-items: center;
}

.cut_conainter .cut_item .cut_item_mask p {
    color: #fff;
    text-align: center;
    width: 80%;
    margin: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

/* 修改 */
.logistics {
    display: none;
}


.learnMore {
    width: 140px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    
    text-align: center;
    display: block;
    border-radius: 23px;
    color: #fff;
    background-color: #252525;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

@media (any-hover: hover) {
    .learnMore:hover {
        box-shadow: inset 140px 0 0 0 #54b3d6;
        color: white;
    }
}


.logistics {
    display: block;
    width: 100%;
    height: 100px;
    background-color: #252525;
}

.logistics .logistics_container {
    display: flex;
    align-items: center;
    max-width: 1500px;
    padding: 0 50px;
    margin: 0 auto;
    justify-content: space-between;
    height: 100px;
}

.logistics .logistics_container>div {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    
}

.logistics .logistics_container>div .icon {
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.logistics .logistics_container>div .icon img {
    max-width: 70%;
}

.logistics .logistics_container .learnMore {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    background-color: none;
}

.goods {
    max-width: 1920px;
    margin: 0 auto;
    display: block;
    padding-top: 80px;
}

.goods .goods_column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 10px auto;
}

.goods .goods_column .goods_left {
    background-color: #F0F0F0;

}

.goods .goods_column .goods_right {
    background-color: #fff;
}

.goods .goods_column>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 88px 0 55px;
}

.goods .goods_column .goods_name {
    font-size: 40px;
    text-align: center;
    
    color: #000;
    font-weight: 600;
}

.goods .goods_column .goods_name span {
    display: none;
}

.goods .goods_column>a:hover .goods_name {
    text-decoration: underline;
}

.goods .goods_column>a:hover .goods_name span img {
    width: 15px;
    height: auto;
}

.goods .goods_column .goods_pic {
    margin-top: 50px;
}

.goods .goods_column .goods_pic img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 550px;
}

.goods .goods_row {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}

.goods .goods_row>div {
    position: relative;
}

.goods .goods_row>div>img {
    width: 100%;
    display: block;
}

.goods .goods_row>div .goods_content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.goods .goods_row>div .goods_content .goods_title {
    color: #fff;
    line-height: 46px;
    font-size: 40px;
    text-align: center;
    
    white-space: pre-wrap;
}

.goods .goods_row>div .goods_content .learnMore {

    margin-top: 50px;
}

.shopify_text_banner {
    line-height: 0;
}

.shopify {
    width: 100%;
    position: relative;
}

.shopify-bg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.shopify-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shopify-inner {
    text-align: center;
}

.shopify-inner>h3 {
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    font-weight: 700;
    font-size: 42px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 126px;
}

.shopify-btn {
    width: 200px;
    line-height: 50px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 8px;
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    display: block;
    text-align: center;
    padding: 0;
}

.Media_flex .media_item .media_wrapper .title {
    font-size: 20px;
    
}

.Media_flex .media_item .media_wrapper .content {
    font-size: 16px;
    color: #000;
    
}

.Media_flex .media_item .media_wrapper .time {
    color: #fff;font-size: 16px;line-height:30px;background:#009e90;border: 2px solid #009e90;width: 110px;text-align: center;border-radius: 10rem;transition: 0.3s linear 0s;
    
}

.Media_flex .media_item .media_wrapper .time:hover {background: none;border: 2px solid #009e90;color: #333;}

.Media_flex>a {
    background-color: #F7F7F7;
}

.layer_box {
    /*max-width: 1500px;*/

}

.center__container .box a {
    color: #fff;
    background-color: #252525;
    display: none !important;
}

.Media_flex {
    column-gap: 4.6%;
}

.Media_flex .media_wrapper {
    padding-left: 30px;
    padding-bottom: 39px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 220px;
}

.Media_flex .media_item .media_wrapper {
    width: 90%;
}

.Media_flex .media_item .media_wrapper .content {
    margin-bottom: 0;
}

/* 留言 弹窗   end */

@media screen and (max-width:1450px) {
    .header__container {
        max-width: 1366px;
    }

    .center__container .cen_cont .cen_contTit {
        font-size: 28px;
    }

    .center__container .cen_cont .cen_contTxt {
        font-size: 14px;
    }

    .center__container .box .title {
        font-size: 36px;
    }

    .mediaBox {
        padding: 80px 0px;
    }
}

@media screen and (max-width: 1366px) {

    .swiper-button-next img,
    .swiper-button-prev img {
        width: 55px;
    }

    h2 {
        font-size: 36px;
    }

    .banner__two_text {
        font-size: 74px;
    }

    .show__container_right {
        height: 510px;
        /* margin: px 0; */
    }

    .show_left_textContainer .p1,
    .show_left_textContainer .p2 {
        font-size: 24px;
    }

    .show_left_textContainer .p3 {
        font-size: 16px;
    }

    .show_left_textContainer-1-1 {
        left: 98px;
        top: 24px;
    }

    /* .show_right_textContainer-2-1 {
    right: 24px;
    top: 140px;
  } */
    .show_left_textContainer-1-2 {
        bottom: 74px;
    }

    @keyframes showText1-1 {
        from {
            left: 98px;
            opacity: 0;
        }

        to {
            left: 30px;
            opacity: 1;
        }
    }

    /* .recommend__container_two
 .recommend__container_three {
    height: 360px;
  } */
    .recommend__container_four {
        height: 720px;
    }

    .recommend__container_two a,
    .recommend__container_four a {
        width: 49%;
    }

    .recommend__container_one,
    .recommend__container_flex,
    .recommend__container_four,
    .recommend__container_five,
    .show__container_right {
        margin: 30px 0 60px;
    }

    .recommend__container_flex dd.time {
        padding: 30px 30px 14.3px 30px;
    }

    .recommend__container_flex dd.title {
        /* margin-bottom: 43.5px; */
        font-size: 18px;
    }

    .recomend_topimg_btmtext {
        min-height: 314px;
        margin-bottom: 10px;
    }

    .recomend_topimg_btmtext .textbox {
        padding-top: 16px;
        padding-left: 20px;
    }

    .recomend_topimg_btmtext .p1 {
        font-size: 28px;
    }

    .recomend_topimg_btmtext .p2 {
        font-size: 14px;
    }

    .recomend_bgimg_textposition p {
        font-size: 28px;
    }

    .recomend_logimg {
        margin-bottom: 10px;
    }

    .recomend_logimg .textbox .p1 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .recomend_logimg .textbox .p2 {
        font-size: 14px;
    }

    .recomend_logimg .textbox {
        padding: 30px 26px;
    }

    .recomend_pure_text .p1 {
        font-size: 28px;
    }

    .recomend_pure_text .p2 {
        font-size: 14px;
    }

    .recomend_pure_text {
        padding: 20px 24px;
        min-height: 110px;
        margin-bottom: 10px;
    }

    .recomend_bgimg_textposition {
        margin-bottom: 10px;
    }

    .recommend__container_flex a:last-child {
        margin-bottom: 0;
    }

    .recommend__container_flex a:last-child {
        margin-bottom: 0;
    }


    .layer_box {
        /* width: 1500px; */
    }

    .mediaBox .layer_box {
        /* width: 1500px; */
    }

    .Media_flex .media_item .media_wrapper {
        width: 90%;
    }

    .Media_flex .media_item .media_wrapper .title {
        margin: 26px 0px 16px;
    }

    .Media_flex .media_item .media_wrapper .content {
        margin-bottom: 28px;
    }

    .consumables__container {
        margin: 30px 0 60px;
        height: 510px;
    }

    .consumables__text_box {
        width: 255px;
        height: 255px;
    }

    .consumables__img_box {
        width: 255px;
        height: 255px;
    }

    .consumables__left_r img {
        width: 255px;
    }

    .consumables__center p {
        font-size: 19px;
    }

    .consumables__center span {
        font-size: 14px;
        padding: 5px 10px;
    }

    .center__container .box .title {
        font-size: 32px;
    }

    .center__container .box .p1 {
        
        font-size: 20px;
        /* margin-top: 50px; */
        margin-top: 50px;

    }

    .center__container .box .p2 {
        font-size: 16px;
        margin-top: 29px;
    }

    .center__container .box a {
        /* float: left; */
        margin-top: 30px;
    }

    .center__container .cen_cont .cen_contTit span {
        font-size: 24px;
        
    }

    .center__container .cen_cont .cen_contTxt {
        font-size: 16px;
    }

    .pop__container_img {
        width: 556px;
    }

    .pop__container_a {
        width: 150px;
        height: 40px;
        bottom: 86px;
        font-size: 15px;
    }

    .searchImg img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    .searchDiv {
        width: 570px;
        height: 42px;
        line-height: 42px;
    }

    .searchDiv input {
        width: calc(100% - 130px);
        padding-left: 30px;
        border-radius: 4px 0px 0px 4px;
    }

    .searchDiv .button {
        width: 130px;
        height: 42px;
        line-height: 42px;
        margin: 0 auto;
        border-radius: 4px 4px;
    }

    .searchDiv .button {
        font-size: 18px;
    }

    .goods .goods_row>div .goods_content .goods_title {
        font-size: 32px;
    }

    .logistics .logistics_container>div {
        font-size: 16px;
    }
}

@media screen and (max-width: 1500px) and (min-width:1024px) {
    .goods .goods_column>a {
        padding: 60px 0 40px;
    }

    .goods .goods_column .goods_pic {
        margin-top: 25px;
    }

    .goods .goods_column .goods_pic img {
        max-height: 400px;
    }

    .Media_flex .media_poster {
        height: 400px;
    }


}

@media screen and (min-width:1024px) {
    #index_swiper .swiper-slide {
        position: relative;
        /*height: calc(100vh - 117px);*/
    }

    .goods .goods_row>div>img {
        height: 80vh;
        object-fit: cover;
    }
    
}

@media screen and (max-width: 1024px) {
    #index_swiper .swiper-pagination-bullets {
        bottom: 20px;
    }

    #index_swiper .swiper-slide .swiper-content .banner-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .banner__container_swiper .swiper-img {
        width: auto;
    }

    .swiper-button-next img,
    .swiper-button-prev img {
        width: 50px;
    }

    h2 {
        font-size: 30px;
    }

    .banner__container {
        /* height: calc(80vh + 60px); */
        height: 100vh;
    }

    .banner_pagination {
        width: 40px;
    }

    .banner_pagination-active {
        width: 60px;
    }

    .banner__one_box {
        left: 16%;
        top: 30%;
    }

    .banner__one_title p:first-child {
        font-size: 28px;
    }

    .banner__one_title p:last-child {
        font-size: 36px;
    }

    .banner__one_subtitle {
        font-size: 16px;
    }

    .banner_right_btm {
        width: 100px;
    }

    .banner__two_text {
        font-size: 40px;
    }

    .show__container {
        margin: 99px 0;
    }

    .show__container_right {
        height: 510px;
    }

    .recommend__container_two a p,
    .recommend__container_four a p {
        font-size: 26px;
    }

    .recomend_topimg_btmtext {
        min-height: 250px;
    }

    .recomend_topimg_btmtext .p1,
    .recomend_bgimg_textposition p,
    .recomend_logimg .textbox .p1,
    .recomend_pure_text .p1 {
        font-size: 22px;
    }

    .recomend_topimg_btmtext .p2,
    .recomend_logimg .textbox .p2,
    .recomend_pure_text .p2 {
        font-size: 12px;
    }

    .mediaBox {
        padding: 80px 0px;
    }

    /* .Media_flex {
        margin-top: 30px;
    } */

    .Media_flex .media_item .media_wrapper {
        width: 99%;
    }

    .Media_flex .media_item .media_wrapper .title {
        margin: 20px 0px 14px;
        font-size: 18px;
    }

    .Media_flex .media_item .media_wrapper .content {
        margin-bottom: 24px;
    }

    .consumables__container_left,
    .consumables__left_l,
    .consumables__left_r,
    .consumables__container_right,
    .consumables__container_right .consumables__img_box,
    .consumables__container_right .consumables__text_box {
        width: 50%;
    }

    .consumables__text_box,
    .consumables__img_box,
    .consumables__left_r img {
        width: 100%;
    }

    .consumables__center p {
        font-size: 15px;
    }

    .consumables__center span {
        font-size: 10px;
        padding: 5px 6px;
    }

    .center__container .box {
        width: 40%;
    }

    .center__container .box .title {
        font-size: 24px;
    }

    .center__container .box .p1 {
        
        font-size: 16px;
        margin-top: 30px;
    }

    .center__container .box .p2 {
        
        font-size: 10px;
        margin-top: 18px;
    }

    .center__container .box a {
        /* float: left; */
        /* margin-top: 35px; */
        display: flex;
        width: 130px;
        height: 35px;
        line-height: 35px;
    }

    .center__container .centerImgBox .cen_cont {
        padding: 10%;
    }

    .center__container .cen_cont .cen_contTit {
        font-size: 20px;
        height: 36px;
        line-height: 36px;
    }

    .center__container .cen_cont .cen_contTxt {
        width: 250px;
        margin-top: 10px;
    }

    #center_index_info {
    }

    .searchImg img {
        width: 100%;
        height: 80px;
        object-fit: cover;
    }

    .searchDiv {
        width: 570px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }

    .searchDiv input {
        width: calc(100% - 120px);
        padding-left: 30px;
        border-radius: 4px 0px 0px 4px;
    }

    .searchDiv .button {
        width: 120px;
        height: 32px;
        line-height: 32px;
        border-radius: 4px 4px;
    }

    /* .show__container_right .button {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }
     */
    #index .pop_message .pop_message_box_pos .pop__message_box .message_content .title {
        font-size: 22px;
        line-height: 22px;
        /* padding: 25px 0px; */
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev,
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        display: none;
    }

    /* .NoticeTopping>.header__container {
        display: none;
    } */


    .banner__container_swiper .video {
        display: none !important;
    }

    .banner_pagination {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: none;
        border: 2px solid #fff;
        opacity: 1;
    }

    .banner_pagination-active {
        width: 8px;
        background-color: #fff;
    }

    /* nav {
        top: 60px;
    } */

    .c_banner_pureText {
        color: #fff;
        top: auto;
        bottom: 15%;
        text-align: center;
        width: 60%;
        left: 20%;
    }

    #swiperAPP {
        position: static;
    }

    .cut_conainter {
        grid-gap: 10px 10px;
    }

    .cut_conainter .cut_item .cut_item_mask p {
        font-size: 20px;
    }

    .logistics .logistics_container>div .icon {
        margin-right: 10px;
        width: 50px;
        height: 50px;
    }

    .logistics .logistics_container>div {
        font-size: 14px;
    }

    .logistics .logistics_container {
        padding: 0 10px;
    }

    .goods .goods_column .goods_name {
        font-size: 24px;
    }

    .goods .goods_column>a:hover .goods_name span img {
        width: 10px;
    }

    .goods .goods_column>div {
        padding: 44px 0 25px;
    }

    .goods .goods_column .goods_pic {
        margin-top: 20px;
    }

    .goods .goods_row>div .goods_content .goods_title {
        font-size: 24px;
        line-height: 32px;
    }

    .Media_flex {
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

    .Media_flex .media_wrapper {
        padding: 20px 10px;
    }

    #index_swiper .swiper-slide .videoBtn {
        width: 60px;
        height: 60px;
        left: 30px;
        bottom: 30px;
    }

    .goods .goods_column .goods_pic img {
        max-width: 50%;
    }

    .goods .goods_column .goods_pic {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        height: fit-content;
    }

    .goods .goods_column>a {
        padding: 30px 0 20px;
    }

    .shopify-inner>h3 {
        font-size: 36px;
        line-height: 1.5;
        margin-bottom: 35px;
    }

    .btn {
        border: 2px solid #fff;
        border-radius: 8px;
        background-color: transparent;
        color: #fff;
        font-size: 20px;
        display: block;
        text-align: center;
        width: 160px;
        height: 50px;
        margin: 0 auto;
    }
}

@media (min-width: 767px) {
    
    .mobile_show {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .pc_show {
        display: none !important;
    }
}


@media screen and (max-width: 720px) {
    .last a {
        /* display: flex; */
    }

    .center__container .layer_box {
        height: auto !important;
        margin-top: 20px;
    }

    .center__container .box {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
        /* margin-bottom: 15%; */
    }

    .center__container .box .Tomore {
        display: block;
    }

    .center__container .centerImgBox {
        width: 100%;
        position: relative;
    }

    .center__container .centerImgBox .cen_cont {
        position: absolute;
        padding: 20px;
    }

    .center__container .cen_cont .cen_contTit {
        font-size: 18px;
        height: 30px;
        text-align: right;
        line-height: 30px;
    }

    .center__container .cen_cont .cen_contTxt {
        text-align: right;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        max-width: 100%;
    }

    .center__container .cen_cont .cen_contTxt p {
        max-width: 300px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 10px;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 10px;
    }

    .swiper-button-next img,
    .swiper-button-prev img {
        width: 30px;
    }

    .banner__container_swiper .play,
    .banner__container_swiper .video .play,
    .banner__container_swiper .video .stop {
        width: 40px;
        left: 20px;
        bottom: 0px;
    }

    #BackTop {
        display: none;
    }

    h2 {
        font-size: 22px;
    }

    .banner__one_box {
        left: 6%;
        top: 30%;
    }

    .banner__one_title p:first-child {
        font-size: 16px;
    }

    .banner__one_title p:last-child {
        font-size: 22px;
    }

    .banner__one_subtitle {
        font-size: 12px;
        margin-top: 10px;
    }

    .banner_right_btm {
        width: 50px;
        right: 10px;
        bottom: 10px;
    }

    .banner__two_text {
        font-size: 25px;
    }

    .banner__two_img {
        width: 36px;
        left: 50%;
        top: 52%;
    }

    .show__container {
        margin: 40px 0;
        flex-wrap: wrap;
        height: auto;
    }

    .show__container_right {
        width: 100%;
    }

    .show_left_textContainer .p1,
    .show_left_textContainer .p2 {
        font-size: 20px;
    }

    @keyframes showText2-1 {
        from {
            top: 140px;
            opacity: 0;
        }

        to {
            top: 40px;
            opacity: 1;
        }
    }

    .recommend__container_one p {
        font-size: 20px;
        padding: 20px;
    }

    .recommend__container_two,
    .recommend__container_three,
    .recommend__container_four {
        flex-wrap: wrap;
        height: auto;
    }

    .Media_flex {
        grid-template-columns: 1fr;
    }


    .recommend__container_two a,
    .recommend__container_three a,
    .recommend__container_four a,
    .mediaBox .Media_flex .media_item {
        width: 100%;
        margin-bottom: 20px;
    }

    .recommend__container_flex a dd.title {
        font-size: 16px;
    }

    .recommend__container_flex a dd.time {
        padding: 15px 15px 10.3px 15px;
        font-size: 12px;
    }

    .recommend__container_one,
    .recommend__container_flex,
    .recommend__container_five,
    .show__container_right {
        margin: 20px 0 40px;
    }

    .recommend__container_five {
        flex-wrap: wrap;
    }

    .recomend__five_div {
        width: 100%;
        flex: auto;
        display: flex;
        justify-content: space-between;
    }

    .recommend__container_five a {
        width: 48.5%;
    }

    .recommend__container_five a img {
        height: 100%;
    }

    .recomend__five_center {
        margin: 0;
    }

    .recomend_topimg_btmtext .p1,
    .recomend_bgimg_textposition p,
    .recomend_logimg .textbox .p1,
    .recomend_pure_text .p1 {
        font-size: 18px;
    }

    .recomend_topimg_btmtext .textbox {
        padding-bottom: 16px;
        padding-right: 20px;
    }

    .mediaBox {
        padding: 50px 0px;
    }

    /* .Media_flex {
        margin-top: 20px;
    } */

    .Media_flex .media_item {
        width: 100%;
    }

    .Media_flex .media_item .media_wrapper {
        width: 99%;
    }

    .Media_flex .media_item .media_wrapper .title {
        margin: 20px 0px 14px;
        font-size: 18px;
    }

    .Media_flex .media_item .media_wrapper .content {
        margin-bottom: 24px;
    }

    .consumables__container {
        flex-wrap: wrap;
        height: auto;
    }

    .consumables__container_left,
    .consumables__container_right {
        width: 100%;
    }

    .consumables__text_box,
    .consumables__img_box {
        height: 180px;
    }

    .consumables__container {
        margin: 40px 0 40px;
    }

    .consumables__center {
        padding: 0 20px;
    }

    .saleAfter__container {
        margin: 40px 0 40px;
        flex-wrap: wrap;
    }

    .saleAfter__container_item,
    .saleAfter__container_item-last {
        width: 100%;
    }

    .saleAfter__item_img {
        height: 176px;
    }

    .pop__container_box {
        width: 80%;
    }

    .pop__container_img {
        width: 100%;
    }

    .pop__container_a {
        width: 120px;
        height: 34px;
        bottom: 26px;
        font-size: 12px;
    }

    .pop__container_close {
        right: 10px;
        top: 10px;
        width: 20px;
    }

    .aside__container {
        display: none;
    }

    .recommend__container_one,
    .recommend__container_flex,
    .recommend__container_four,
    .recommend__container_five,
    .show__container_right {
        margin: 40px 0 40px;
    }

    .saleAfter__container .saleAfter__container_item:nth-child(1) {
        flex-direction: row-reverse;
    }

    .saleAfter__container .saleAfter__container_item:nth-child(2) {
        flex-direction: inherit !important;
    }

    .saleAfter__container .saleAfter__container_item-last a {
        text-align: center;
    }

    .saleAfter__container .saleAfter__container_item-last a .saleAfter__last_img {
        margin: auto;
    }

    .searchImg img {
        width: 100%;
        height: 60px;
        object-fit: cover;
    }

    .searchDiv {
        width: 80%;
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }

    .searchDiv input {
        width: calc(100% - 80px);
        padding-left: 15px;
        border-radius: 4px 0px 0px 4px;
    }

    .searchDiv .button {
        width: 80px;
        height: 30px;
        line-height: 30px;
        border-radius: 4px 4px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box {
        width: 90%;
        padding: 20px;
        border: 3px solid #000000;
        border-radius: 6px;
    }

    #index .pop_message .pop_message_box_pos .pop_message_box .close {
        height: 3px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content {
        font-size: 14px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content .title {
        font-size: 16px;
        line-height: 18px;
        padding: 15px 0px;
        margin-top: 8px;
        margin-bottom: 20px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p {
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        margin-bottom: 28px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p.email:before,
    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p.InterestProducts:before,
    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message:before {
        left: 10px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message {
        padding: 8px 20px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message #Message {
        height: 60px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p.Message:before {
        top: 8px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content .result {
        height: 30px;
        line-height: 30px;
    }

    #index .pop_message .pop_message_box_pos .pop__message_box .message_content p select option {
        font-size: 12px;
    }

    .show__container_right {
        height: auto;
    }

    .show__container .swiper-container {
        height: auto;
    }

    .show__container_right-swiper .swiper-slide {
        width: 60%;
    }

    .center__container .box .title {
        font-size: 22px;
    }

    .center__container .box .p1 {
        font-size: 14px;
        margin-top: 15px;
    }

    .center__container .layer_box {
        padding: 0;
    }

    .center__container .box {
        padding: 20px 2%;
    }

    .banner__container_swiper video {
        object-fit: cover
    }

    .banner__container {
        top: -100%;
        position: relative;
    }

    .recommend__container .last a {
        display: block;
    }

    .cut_conainter {
        grid-template-columns: 1fr 1fr;
        margin-top: 20px;
    }

    .goods .goods_row>div .goods_content .learnMore {
        margin-top: 15px;
    }

    .learnMore {
        width: 120px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }

    .goods .goods_row>div .goods_content .goods_title {
        font-size: 20px;
        line-height: 1.25;
    }

    .goods .goods_row>div>img {
        min-height: 160px;
        object-fit: cover;
    }

    .logistics .logistics_container>div .icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .logistics .logistics_container {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        height: auto;
        padding: 20px 10px;
        gap: 10px;
    }

    .logistics .logistics_container>div .icon img {
        max-width: 70%;
    }

    .logistics {
        height: auto;
    }

    .goods .goods_column .goods_name {
        font-size: 20px;
    }

    .goods .goods_column>a:hover .goods_name span img {
        width: 8px;
    }


    .logistics .logistics_container>div {
        font-size: 12px;
    }

    .Media_flex .media_wrapper {
        height: 200px;
    }

    .recommend__container {
        padding: 60px 0 70px 0;
    }


    #index_swiper .swiper-slide .swiper-content .banner-title {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    #index_swiper .swiper-pagination-bullets {
        bottom: 8px;
    }

    #index_swiper .banner-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 30px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 2px));
    }

    #index_swiper .banner-bullet-active {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 30px));
    }

    .learnMore {
        width: 90px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        /* transform: scale(0.8); */
    }

    #index_swiper .swiper-slide .videoBtn {
        width: 40px;
        height: 40px;
        left: 10px;
        bottom: 10px;
    }
}

@media screen and (max-width:500px) {


    .center__container .box a {
        width: 90px;
        height: 30px;
        line-height: 30px;
        /* transform: scale(0.8); */
        font-size: 12px;
    }

    .logistics .logistics_container>div .icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        margin-right: 5px;
    }

    .goods .goods_row>div .goods_content .goods_title {
        font-size: 16px;
    }

    .Media_flex .media_wrapper {
        height: 152px;
    }

    .center__container .box .p1 {
        font-size: 14px;
        padding: 14px 0 8px;
    }

    .Media_flex .media_item .media_wrapper .content {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .Media_flex .media_item .media_wrapper .time {
        font-size: 12px;
    }

    .mediaBox {
        padding: 30px 0;
    }

    .recomend_topimg_btmtext .p1,
    .recomend_bgimg_textposition p,
    .recomend_logimg .textbox .p1,
    .recomend_pure_text .p1 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .recomend_topimg_btmtext .p2,
    .recomend_logimg .textbox .p2,
    .recomend_pure_text .p2 {
        font-size: 10px;
    }

    .recommend__container_one,
    .recommend__container_flex,
    .recommend__container_four,
    .recommend__container_five,
    .show__container_right {
        margin: 25px 0;
    }

    .center__container .cen_cont .cen_contTit span {
        font-size: 20px;
    }

    .Media_flex .media_item .media_wrapper .title {
        font-size: 12px;
        margin: 10px 0 4px;
    }

    .center__container .box .title {
        font-size: 20px;
    }

    .center__container .box .p1 {
        padding: 0;
    }

    .cut_conainter .cut_item .cut_item_mask p {
        font-size: 14px;
    }

    .shopify-inner>h3 {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .btn {
        border: 2px solid #fff;
        border-radius: 8px;
        background-color: transparent;
        color: #fff;
        font-size: 16px;
        display: block;
        text-align: center;
        width: 120px;
        height: 40px;
        margin: 0 auto;
        line-height: 40px;
    }
}

.prolist{display:flex;flex-wrap:wrap;align-items:stretch}
.prolist_t{font-size: 40px;text-align: left;line-height: 40px; padding-bottom:60px;display: block;font-weight: normal;padding-left: 50px;}
.prolist_t:after {
    content: "";
    display: block;
    height: 2px;
    width: 74px;
    background: #009e90;
    margin-top: 18px;
}
.pro-item{display:flex;flex:100%;max-width:100%;align-items:stretch;flex-direction:column}
.pro-item{flex:0 0 33.333333%;max-width:33.333333%;display:inline-block;flex-direction:row}
.pro-item:nth-child(5n - 1){flex:0 0 66.666667%;max-width:66.666667%}


.pro-item{padding-left:3px;padding-right:3px;padding-bottom:5px}
.pro-item__image{position:absolute;top:0;bottom:0;left:0;width:100%}
.pro-item__image .cmp-image{height:100%}
.pro-item__image .cq-dd-image{height:100%;overflow: hidden;}
.pro-item__image .cq-dd-image>div{height:100%}
.pro-item__image .cq-dd-image .s7responsiveContainer{height:100%;position: relative;}
.pro-item__image img{width:100%;object-fit:cover;height:100%;transition: transform 0.3s ease; }
.pro-item__image .cq-dd-image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;z-index: 9;
  background: rgba(0, 0, 0, 0.5); /* 半透明遮罩层 */
  /*opacity: 0;*/ /* 初始透明度为0 */
  transition: opacity 0.5s ease; /* 透明度变化的过渡效果 */
}
.pro-item__image .cq-dd-image:hover .overlay {
  background: rgba(0, 0, 0, 0); /* 半透明遮罩层 */
}
.pro-item__container{position:relative;padding:20px 30px 10px 30px;height:33.33vw;display:flex;flex-direction:column}
@media(min-width:1440px){.pro-item__container{height:470px}
}
@media(max-width:767px){.pro-item__container{padding:10px}
}
.pro-item__container:after{transition:.3s all ease;content:'';position:absolute;top:0;left:0;right:0;bottom:0}
/*.pro-item__container:hover .pro-item__title{display:block}*/

.pro-item__content{z-index:1;height:100%;display:flex;flex-direction:column;color: #fff;position:relative}
.pro-item__title{width:100%;padding-right:25px;padding-bottom:.5rem;word-wrap:break-word;font-size:28px;line-height:1.25;font-weight:300}
@media(max-width:767px){.pro-item__title{display:block;padding-top:calc(100vw - 20px);font-size:20px;line-height:1.2}
}

.pro-item__title{position:absolute;bottom:0;padding-bottom: 50px;}




a.pro-item__container:hover img{transform: scale(1.2); }

@media(max-width:1024px) {
    .goods {padding-top: 40px;}
    .prolist_t {font-size: 30px;}

    
}
@media(max-width:767px) {
    .prolist_t {font-size:28px;padding-bottom: 30px}
    .Media_flex .media_poster{height:300px;}
    .media__poster_img{max-width: 100%;height: auto;}
    .pro-item__title{font-size: 16px;}
    
    .bannerwz{position: absolute;z-index: 10;top:35%;left: 5%;color: #fff;text-shadow: 2px 2px 6px rgba(0, 0, 0,0.3);display: none}
    .bannerwz strong{font-size:20px;line-height:40px;font-weight: normal;max-width: 95%;}
    .bannerwz strong:after{content: "";height: 2px;width: 90px;background: #fff;display: block;margin-top: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
    .bannerwz p{font-size:14px;letter-spacing: 0;line-height:20px;max-width: 90%;padding-top:20px;}
    
}

.leakey_fl{float:left!important;}
.leakey_fr{float:right!important;}
.leakey_cols {padding: 80px 50px;}
.leakey_more{border-color: #ccc;display: inline-block;padding: 10px 50px;border: 1px solid #bcbcbc;
    transition: all 0.3s ease-in-out;}
.leakey_more:hover{box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);transform: translateY(-3px);}
.leakey_more.leakey_more_m{padding: 6px 30px;}
.leakey_title_sub {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 28px;
    opacity: 0.9;
}
.leakey_clear:after{content:"";clear:both; display:block; font-size:0; height:0; line-height:0; overflow:hidden;}
.index_honor,.index_about{height: 500px;width: 25%;float:left;}
.index_about{padding-right: 20px;width: 50%;float:left;}
.index_about .prolist_t{padding-left: 0;}
.index_dep{height: 250px;background: #777;position: relative;overflow: hidden;border-bottom: 20px solid #f2f2f2;}
.index_dep:after,.index_contact:after,.index_honor:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;background: #000;opacity: 0.15;}
.index_dep .leakey_title_box,.index_contact .leakey_title_box,.index_honor .leakey_title_box{position: relative;z-index: 1;}
.index_dep .leakey_more,.index_contact .leakey_more,.index_honor .leakey_more{border-color: #fff;}
.index_contact{height: 250px;background: #555;position: relative;overflow: hidden;}
.index_honor{background: #aaa;position: relative;overflow: hidden;border-right: 20px solid #f2f2f2;}
.index_honor .leakey_title_box,.index_contact .leakey_title_box,.index_dep .leakey_title_box{position: absolute;bottom: 0;left: 0;padding: 20px;color: #fff;width: 100%}
.index_honor .leakey_title_box{padding-bottom: 30px}
.index_honor .leakey_title_box .leakey_title,.index_contact .leakey_title_box .leakey_title,.index_dep .leakey_title_box .leakey_title{margin-bottom: 10px;font-size: 30px;line-height: 38px;font-weight: 500;color: #fff;}
.index_dep .leakey_title_box .leakey_title_sub,.index_contact .leakey_title_box .leakey_title_sub{margin-bottom: 0;}
.leakey_cols .bg{background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transition: all 2s ease-in-out;}
.index_dep:hover .bg,.index_contact:hover .bg,.index_honor:hover .bg{transform: scale(1.2);}
/*leakey_count_up*/
.leakey_count_up{margin: 80px 0 0}
.leakey_count_up li{text-align: center;border-left: 1px solid #ddd;padding: 0 10px}
.leakey_count_up li:last-child{border-right: 1px solid #ddd;}
.leakey_count_up li .leakey_count_up_num{font-size: 50px;font-weight: bold;line-height: 55px;}
.leakey_count_up li small{font-size: 14px;}
.index_about_c{}


.applist{}
.applist ul li{width: 20%;float: left;}
.applist ul li img{width: 100%;height: auto;}



.index-application-bottom {position: relative;height:300px;}
.index-application-main {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 0;}
.index-application-swiper {overflow: hidden;width: 100%;height: 100%;background: #f2f3f5;}
.index-application-swiper .application-bg {opacity: 0;width: 100%;height: 100%;}
.index-application-swiper .swiper-slide {width: 20%;position: relative;transition:all .4s ease;}
.index-application-swiper:hover .swiper-slide {width: 20%;}
.index-application-swiper:hover .swiper-slide:hover {width: 30%;} 
.index-application-swiper .swiper-slide:last-child .index-application-item .img {-webkit-clip-path:none!important;}
.index-application-swiper .swiper-slide:nth-child(1) {z-index: 5;}
.index-application-swiper .swiper-slide:nth-child(2) {z-index: 4;}
.index-application-swiper .swiper-slide:nth-child(3) {z-index: 3;}
.index-application-swiper .swiper-slide:nth-child(4) {z-index: 2;}
.index-application-swiper .swiper-slide:nth-child(5) {z-index: 1;}
.index-application-swiper .swiper-slide .img::after {background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(255,255,255,.53) 100%);}
.index-application-swiper .swiper-slide:hover .img::after {background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,147,73,.7) 100%);}
.index-application-swiper .swiper-slide:last-child .img::after {background-image: none;}
.index-application-item {position: absolute;top: 0;width: 100%;left: 0%;height: 100%;z-index: 11;transition:all .4s ease;}
.index-application-item a{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 50;-webkit-clip-path:ellipse(100% 100% at 0% 50%);}

/*.more-1.pro{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 50;-webkit-clip-path:ellipse(100% 100% at 0% 50%);}*/

.index-application-item .bgimg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition:all .4s ease;}
.index-application-item .img {width: 100%;height: 100%;overflow: hidden;background: #000;-webkit-clip-path:ellipse(55% 100% at 31% 50%);transform: translateX(0%);} 
.index-application-item .img::before {content: '';width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 11;background: url("../../assets/img/application.png");background-size: 100% 100%;opacity: 0;}
.index-application-item .img::after {content: '';width: 50%;height: 100%;position: absolute;right: 0;top: 0;z-index: 11;}
.index-application-item .pic,.index-application-item .pic img {width: 100%;height: 100%;}
.index-application-item .pic{background-size: cover;}
.index-application-item .title-1 {position: absolute;left: 0;bottom: 10%;width: 100%;text-align: center;color: #fff;z-index: 11;transition:all .4s ease;opacity: 1;font-weight:300;font-size:22px;}    
.index-application-item .more-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;margin: 0;opacity: 0;transition:all .4s ease;}
.index-application-swiper .swiper-slide:hover .more-1 {opacity: 1;}
.index-application-item.iai1 .bgimg {left: 0;width: 145%;}
.index-application-item.iai2 .bgimg {left: -5%;width: 155%;}
.index-application-item.iai3 .bgimg {left: 9%;width: 130%;}
.index-application-item.iai4 .bgimg {left: 10%;width: 120%;}

.index-application-item.iai1 .title-1 {left: 5%;}
.index-application-item.iai2 .title-1 {left: 17%;}
.index-application-item.iai3 .title-1 {left: 18%;}
.index-application-item.iai4 .title-1 {left: 10%;}
.index-application-item.iai4:hover .title-1{transform: translate(-15%, -100%);}
.index-application-item.iai5:hover .title-1{transform: translate(-18%, -100%);}
.index-application-swiper:hover .swiper-slide .index-application-item.iai1 .bgimg {width: 110%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg {left: -20%;width: 136%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai3 .bgimg {left: -30%;width: 152%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai4 .bgimg {left: -30%;width: 136%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai5 .bgimg {left: -30%;width: 136%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai4 .bgimg {left: -7.5%;width: 111%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai1 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai2 .title-1 {left: -15%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai3 .title-1 {left: -15%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item .img::before{opacity: 1;}









.prourl{padding: 80px 50px;}
.prourl li {

	float: left;

	width: 23%;


	background: #fff;

	margin:33px 1% 30px 1%;

	margin-top: 33px;box-shadow: 0px 0px 10px #ccc;

}


.prourl li .img {

	width: 100%;
	text-align: center;overflow: hidden;

}

.prourl li .img img {

	vertical-align: middle;

	width: auto;

	height: auto;

	max-height: 80% !important;

	vertical-align: middle;

	max-width: 90% !important;

	display: inline-block;

	margin: 0 auto;

	transition: all 2s ease-in-out;

}

.prourl li .txt {

	padding: 0 20px 10px 20px;

	font-size: 16px;

	color: #4d4d4d;

	line-height: 35px;

	text-align: center;

}

.prourl li:hover {

	box-shadow: 0px 0px 20px #000;transition: 0.3s linear 0s;

}
.prourl li .img:hover img{transform: scale(1.1);}
.row p{font-size: 20px;}
.more-1 {margin-top: 2%;}
.more-1 a {display: inline-block;border-radius: 10rem;background:#009e90;border: 2px solid #009e90;font-size: 18px;text-align: center;font-weight: normal;}
.more-1.pro{margin-top: 0;}
.more-1.pro a{line-height:30px;width: 110px;}
.more-1.pro a:hover{background: #e7e8e9;transition: 0.3s linear 0s;}
.more-1.pro a:hover span{color: var(--dex);}
.more-1 span  {color: #fff;font-size: 18px;line-height:30px;}
.more-1 a:hover {background: none;border: 2px solid #009e90;}
.more-1 a:hover span  {color: #fff;}

/* 默认隐藏所有 prourl 区域 */
.prourl {
    display: none;
}

/* 当前激活的 prourl 区域 */
.prourl.active {
    display: block;
}


@media(max-width:767px) {
    .prourl { padding:30px 1%;}
    .prolist_t{padding-left: 20px;}
    .row p{line-height: 1.2;font-size: 16px;}
    .index-application-bottom{height: 150px;}
    .index-application-item .title-1{font-size: 14px;}
    .index_about{float:none;width: 100%;padding:50px 20px;height: auto;}
    .index_honor{width: 50%;height: 400px;}
    .index_dep,.index_contact{height: 200px;}
    .leakey_more{padding:6px 30px}
    .leakey_more.leakey_more_m {padding: 3px 20px;}
    .prourl li {	width: 31%;	margin:33px 1% 30px 1%;}
    .prourl li:nth-child(4){display: none;}
    .prourl li .txt{line-height: 1.5;padding: 0 1% 10px 1%;font-size: 14px;min-height: 50px;}
    .index_honor .leakey_title_box .leakey_title,.index_contact .leakey_title_box .leakey_title,.index_dep .leakey_title_box .leakey_title{font-size: 28px;}
    

}