img {
    width: 100%;
    display: block;
}

.all-con {
    overflow-x: hidden;
    position: relative;
}

.all-con p {
    font-size: 0.833vw;
    line-height: 1.5;
}

.content {
    padding-top: 4.1666vw;
}

.tltle-con {
    text-align: center;
    margin: 0 auto 1.0416vw;
}

.tltle-con h2 {
    font-size: 1.5625vw;
    font-weight: bold;
    color: #000;
    line-height: 1.5;
}

.tltle-con span {
    font-size: 1.0416vw;
    color: #000;
    line-height: 1;
}

@media screen and (max-width: 900px) {
    .all-con p {
        font-size: 3.2vw;
    }

    .content {
        padding-top: 4.1666vw;
    }

    .tltle-con {
        margin: 0 auto 5.3333vw;
    }

    .tltle-con h2 {
        font-size: 4.8vw;
    }

    .tltle-con span {
        font-size: 3.0667vw;
    }
}


/* 导航 */

.banner-con {
    position: relative;
}

.head-nav {
    width: 100%;
    height: 3.3854vw;
    /* background: rgb(0, 0, 0, .5); */
    box-sizing: border-box;
    padding-left: 32.3958vw;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 10;
}

.head-nav .bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.head-nav .head-nav-con {
    height: 100%;
    display: flex;
    align-items: center;
    /* margin-right: 6.875vw; */
    position: relative;
    z-index: 3;
}

.nav-w {
    width: 6.875vw;
}

.head-nav .head-nav-con li {
    height: 100%;
    margin-right: 5.677vw;
    display: flex;
    align-items: center;
}

.head-nav .head-nav-con li a {
    font-size: 0.9375vw;
    color: #fff;
    transition: all 0.3s;
}

.head-nav .head-nav-con li a:hover,
.head-nav .head-nav-con li.active a {
    font-size: 0.9375vw;
    color: #e4004f;
}

.head-search-con {
    position: relative;
    padding-left: 6.875vw;
}

.head-search-con .search {
    width: 13.9062vw;
    height: 1.8229vw;
    border-radius: 3vw;
    border: none;
    text-indent: 0.7291vw;
    padding-right: 2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9375vw;
    color: #333;
    display: block;
}

.head-search-con .search::placeholder {
    color: #a3a3a1;
}

.head-search-con .search-btn {
    width: 1.4583vw;
    height: 1.4583vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.2083vw;
    cursor: pointer;
}

.head-search-con .search-btn img {
    transition: all 0.3s;
}

.head-search-con .search-btn:hover img {
    opacity: 0.8;
}

.head-tip {
    width: 12.5vw;
    position: absolute;
    top: 0;
    left: -3px;
}


/* 媒体查询 */


/* 20250117 */

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

    /* 导航 */
    .head-nav {
        height: 12.5333vw;
        padding-left: 0;
        justify-content: space-between;
        position: fixed;
    }

    .nav-menu {
        width: 12.8vw;
        height: 100%;
        background: url(../img/mob_menu.png) no-repeat center;
        background-size: 6.4vw;
        opacity: 1;
        position: relative;
        z-index: 10;
    }

    .head-nav .head-nav-con {
        display: none;
        width: 100%;
        height: unset;
        position: fixed;
        top: 12.5333vw;
        left: 0;
        z-index: 20;
        background: #fff;
        padding: 10.6667vw;
        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
    }

    .head-nav .head-nav-con li {
        border-bottom: 1px solid #ddd;
        margin-right: 0;
    }

    .head-nav .head-nav-con li a {
        width: 100%;
        font-size: 4.2vw;
        color: #666;
        line-height: 12vw;
        transition: all 0.3s;
    }

    .head-nav .head-nav-con li a:hover,
    .head-nav .head-nav-con li.active a {
        font-size: 4.2vw;
        color: #e4004f;
    }

    .head-search-con {
        padding-left: 6.875vw;
        margin-right: 3.6vw;
    }

    .head-search-con .search {
        width: 41.7333vw;
        height: 5.4667vw;
        border-radius: 3vw;
        text-indent: 2.1333vw;
        padding-right: 2vw;
        font-size: 2.8vw;
    }

    .head-search-con .search-btn {
        width: 4.2667vw;
        height: 4.2667vw;
        right: 0.6667vw;
    }

    .head-tip {
        width: 32vw;
        position: absolute;
        top: 12vw;
        left: -3px;
    }

    .mob-bg {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 5;
        background: rgb(0, 0, 0, 0.65);
    }
}


/* 首页轮播 */

.head-banner {
    position: relative;
    overflow: hidden;
}

.head-banner .bannerimg {
    position: relative;
    height: 51vw;
    overflow: hidden;
}

.head-banner .bannerimg .more {
    width: 8.281vw;
    height: 2.24vw;
    font-weight: 400;
    font-size: 1.094vw;
    color: #ffffff;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 3.542vw;
    left: 50%;
    transform: translateX(-50%);
}

.head-banner .pagination {
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6.1458vw;
    z-index: 3;
    width: 1.5625vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.head-banner .pagination span {
    width: 1.5625vw;
    height: 1.5625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5625vw 0;
    font-size: 0.833vw;
    color: #555;
    font-weight: bold;
    background: transparent;
    opacity: 1;
}

.head-banner .pagination span.swiper-pagination-bullet-active {
    background: #e4004f;
    color: #000;
}


/* top */

.scroll-topBtn {
    width: 2.5vw;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
}

.scroll-topBtn:hover {
    opacity: 0.8;
}

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

    /* 首页轮播 */
    .head-banner .bannerimg {
        height: 208.4vw;
    }

    .head-banner .pagination {
        right: 10vw;
        z-index: 2;
        width: 4vw;
    }

    .head-banner .pagination span {
        width: 8vw;
        height: 8vw;
        margin: 3vw 0;
        font-size: 3vw;
    }

    /* top */
    .scroll-topBtn {
        width: 10vw;
        bottom: 20vw;
        right: 4vw;
        z-index: 10;
    }

    .scroll-topBtn:hover {
        opacity: 0.8;
    }
}


/* 页脚 */

.foot-con {
    width: 100%;
    padding: 2.2916vw 0 2vw;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.foot-con .foot-logo {
    width: 4.0104vw;
    margin-bottom: 1.67vw;
}

.foot-con .foot-nav {
    display: flex;
    align-items: center;
    margin-bottom: 1vw;
}

.foot-con .foot-nav li {
    width: 3.0208vw;
    margin: 0 0.7291vw;
}

.foot-con .foot-nav li a {
    width: 100%;
    height: 3.0208vw;
    display: block;
}

.foot-con .foot-nav li a img {
    background: #000;
}

.foot-con .foot-nav li:nth-child(1) a {
    background: url(../img/foot-icon01.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:nth-child(2) a {
    background: url(../img/foot-icon02.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:nth-child(3) a {
    background: url(../img/foot-icon03.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:nth-child(4) a {
    background: url(../img/foot-icon04.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:nth-child(6) a {
    background: url(../img/foot-icon05.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:nth-child(7) a {
    background: url(../img/foot-icon06.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:nth-child(8) a {
    background: url(../img/foot-icon07.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:nth-child(9) a {
    background: url(../img/foot-icon08.png) no-repeat center;
    background-size: cover;
}

.foot-con .foot-nav li:hover img,
.foot-con .foot-nav li.icon-list.active img {
    opacity: 0;
}

.foot-con .foot-nav li:nth-child(5) {
    width: 3px;
    height: 1.8229vw;
    margin: 0 0.9375vw;
    background: #fff;
}

.foot-con .txt {
    text-align: center;
}

.foot-con p {
    color: #fff;
    margin-top: 1.67vw;
}

.foot-con p a {
    color: #fff;
    transition: all 0.3s;
}

.foot-con p a:hover {
    color: #e4004f;
}

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

    /* 页脚 */
    .foot-con {
        padding: 6vw 0 5vw;
        background: #000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .foot-con .foot-logo {
        width: 9.4667vw;
        margin-bottom: 4vw;
    }

    .foot-con .foot-nav {
        margin-bottom: 1.3333vw;
    }

    .foot-con .foot-nav li {
        width: 6.9333vw;
        margin: 0 1.7333vw;
    }

    .foot-con .foot-nav li a {
        width: 100%;
        height: 6.9333vw;
    }

    .foot-con .foot-nav li:hover img {
        opacity: 0.8;
    }

    .foot-con .foot-nav li:nth-child(5) {
        width: 2px;
        height: 4.2667vw;
        margin: 0 3.5vw;
    }

    .foot-con .txt {
        text-align: center;
    }

    .foot-con p {
        margin-top: 4.3333vw;
    }

    .foot-con p a {
        color: #fff;
        transition: all 0.3s;
    }

    .foot-con p a:hover {
        color: #e4004f;
    }
}


/* 产品 */

.in-product-con {
    background: url(../img/in-product-bg.png) no-repeat top center;
    background-size: 100%;
}

.pr-banner-con {
    padding: 0 5.7291vw;
    overflow: hidden;
    padding-bottom: 10.9375vw;
    position: relative;
}

.inbanner2 {
    width: 100%;
    overflow: hidden;
}

.inbanner2 .bannerimg {
    height: 25.5vw;
    background: #fff;
    overflow: hidden;
    margin-bottom: 1.25vw;
    position: relative;
}

.inbanner2 .bannerimg img {
    transform: scale(1);
    -webkit-transform: scale(1);
    /*谷歌*/
    -ms-transform: scale(1);
    /*IE*/
    -moz-transform: scale(1);
    /*火狐*/
    -o-transform: scale(1);
    /*欧朋*/
    transition: all 0.3s;
}

.inbanner2 .swiper-slide:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    /*谷歌*/
    -ms-transform: scale(1.2);
    /*IE*/
    -moz-transform: scale(1.2);
    /*火狐*/
    -o-transform: scale(1.2);
    /*欧朋*/
}

.inbanner2 .swiper-slide h3 {
    font-size: 0.9375vw;
    color: #000;
    font-weight: bold;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.inbanner2 .swiper-slide:hover h3 {
    color: #e4004f;
}

.inbanner2 p {
    font-size: 0.9375vw;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
}

.pr-banner-con .swiper-button-next2,
.pr-banner-con .swiper-button-prev2 {
    width: 3.2812vw;
    background-image: none;
    top: 31%;
}

.pr-banner-con .swiper-button-next2 {
    right: 4.0625vw;
}

.pr-banner-con .swiper-button-prev {
    left: 4.0625vw;
}

.in-product-con .dec-con {
    position: relative;
}

.in-product-con .dec-con {
    position: relative;
}

.in-product-con .dec-con .dec-show {
    width: 83%;
    position: absolute;
    top: 5.4687vw;
    left: 9.375vw;
    display: flex;
    justify-content: space-between;
}

.in-product-con .dec-con .dec-show .txt-con {
    width: 28.5416vw;
    padding-top: 8.5416vw;
}

.in-product-con .dec-con .dec-show .txt-con h4 {
    font-size: 1.5625vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 3.125vw;
}

.in-product-con .dec-con .dec-show .txt-con h4 span {
    font-size: 1.0416vw;
    color: #fff;
    font-weight: 400;
}

.in-product-con .dec-con .dec-show .txt-con .txt p {
    font-size: 0.9375vw;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 2vw;
}

.in-product-con .dec-con .dec-show .txt-con .more-btn {
    display: block;
    width: 5.7291vw;
    height: 1.9791vw;
    line-height: 1.9791vw;
    background: #000;
    text-align: center;
    font-size: 0.7291vw;
    color: #fff;
    transition: all 0.3s;
}

.in-product-con .dec-con .dec-show .txt-con .more-btn:hover {
    background: #333;
}

.in-product-con .dec-con .pic {
    width: 33.2812vw;
}

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

    /* 产品 */
    .content {
        padding-top: 8vw;
    }

    .in-product-con {
        background: url(../img/in-product-mob_bg.png) no-repeat 0 24px;
        background-size: 100%;
    }

    .pr-banner-con {
        padding: 0 12.8vw;
        overflow: hidden;
        padding-bottom: 20.8vw;
        position: relative;
    }

    .inbanner2 {
        width: 100%;
        overflow: hidden;
    }

    .inbanner2 .swiper-slide {
        background: #fff;
    }

    .inbanner2 .bannerimg {
        height: 46.6vw;
        margin-bottom: 2vw;
    }

    .inbanner2 .swiper-slide h3 {
        font-size: 3.4vw;
    }

    .inbanner2 p {
        font-size: 3vw;
    }

    .pr-banner-con .swiper-button-next2,
    .pr-banner-con .swiper-button-prev2 {
        width: 5.6vw;
    }

    .pr-banner-con .swiper-button-next2 {
        right: 9vw;
    }

    .pr-banner-con .swiper-button-prev {
        left: 9vw;
    }

    .in-product-con .dec-con {
        position: relative;
    }

    .in-product-con .dec-con {
        position: relative;
    }

    .in-product-con .dec-con .dec-show {
        width: 80%;
        top: 5.4687vw;
        left: 10%;
        display: block;
    }

    .in-product-con .dec-con .dec-show .txt-con {
        width: 100%;
        padding-top: 3.5416vw;
    }

    .in-product-con .dec-con .dec-show .txt-con h4 {
        font-size: 4.9333vw;
        margin-bottom: 3.6667vw;
        text-align: center;
    }

    .in-product-con .dec-con .dec-show .txt-con h4 span {
        font-size: 3.0667vw;
    }

    .in-product-con .dec-con .dec-show .txt-con .txt p {
        font-size: 2.9333vw;
        margin-bottom: 3.6667vw;
    }

    .in-product-con .dec-con .dec-show .txt-con .more-btn {
        width: 24.2667vw;
        height: 6vw;
        line-height: 6vw;
        font-size: 2.8vw;
        margin: 0 auto 5vw;
    }

    .in-product-con .dec-con .pic {
        width: 60%;
        margin: 0 auto;
    }
}


/* 新闻资讯 */

.in-news-con {
    background: url(../img/in-news-bg.png) repeat-y top center;
    background-size: 100%;
    padding-bottom: 3.9583vw;
}

.in-news-con .new-con {
    margin: 2.9166vw 2.6041vw 0;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.in-news-con .new-con li {
    width: calc((100 / 3) * 1% - 6.25vw);
    height: 29vw;
    margin: 0 3.125vw;
    margin-bottom: 5.5208vw;
}

.in-news-con .new-con li .pic {
    width: 100%;
    height: 25.052vw;
    overflow: hidden;
    background: #fff;
    margin-bottom: 0.5208vw;
}

.in-news-con .new-con li .pic img {
    transition: all 0.3s;
    transform: scale(1);
}

.in-news-con .new-con li .pic:hover img {
    transform: scale(1.2);
}

.in-news-con .new-con li h5 {
    font-size: 1.0416vw;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0.5208vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.in-news-con .new-con li p {
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    max-height: 2.6vw;
    position: relative;
}

.in-news-con .new-con li p span {
    display: block;
}


/*     
    .in-news-con .new-con li p:after {
        content: "...";
        position: absolute;
        bottom: 0;
        right: 0;
        background: #FFF;
        padding-left: 0.3vw;
    } */

.in-news-con .new-more {
    cursor: pointer;
    width: 8.75vw;
    height: 1.927vw;
    background: #e4004f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.in-news-con .new-more:hover {
    opacity: 0.8;
}

.in-news-con .new-more img {
    width: 1.4583vw;
}

@media screen and (max-width: 900px) {
    .in-news-con .new-con li p {
        max-height: 3vw;
    }
}

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

    /* 新闻资讯 */
    .in-news-con {
        background: url(../img/in-news-mob_bg.png) repeat-y top center;
        background-size: 100%;
        padding-bottom: 26.6667vw;
    }

    .in-news-con .new-con {
        margin: 9.3333vw 0 0;
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
    }

    .in-news-con .new-con li {
        width: 57.3333vw;
        height: auto;
        margin: 0 auto 12.8vw;
        margin-bottom: 5.5208vw;
    }

    .in-news-con .new-con li .pic {
        width: 100%;
        height: 57.3333vw;
        margin-bottom: 3vw;
    }

    .in-news-con .new-con li h5 {
        font-size: 3.2vw;
        margin-bottom: 1vw;
    }

    .in-news-con .new-con li p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        max-height: unset;
    }

    .in-news-con .new-more {
        width: 25.6vw;
        height: 5.6vw;
    }

    .in-news-con .new-more:hover {
        opacity: 0.8;
    }

    .in-news-con .new-more img {
        width: 4.4vw;
    }
}



/* 产品页 */

.product-con {
    padding: 6vw 0 2.3vw 6vw;
    display: flex;
    justify-content: space-between;
}

.product-mob-con {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.product-con .product-nav-con {
    width: 17.94vw;
    padding-top: 6.3vw;
}

.product-con .product-nav-con .title {
    font-size: 0.833vw;
    color: #aba3a4;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 2.5vw;
}

.product-con .product-nav-con .title a {
    color: #aba3a4;
}

.product-con .product-nav-con .title a.active,
.product-con .product-nav-con .title a:hover {
    color: #e4004f;
}

.product-con .product-nav-con .select-con {
    width: 14vw;
    margin-bottom: 2.08vw;
    position: relative;
}

.product-con .product-nav-con .select-con select {
    width: 100%;
    display: block;
    height: 3.6vw;
    line-height: 3.6vw;
    border-radius: 3vw;
    background: url(../img/select-arrow.png) 90% center no-repeat;
    background-size: 1.2vw;
    outline: none;
    padding: 0 20px;
    font-size: 1.3vw;
    color: #e4004f;
    border: 2px solid #e4004f;
    overflow: hidden;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.product-con .product-nav-con .select-con .tip {
    width: 100%;
    display: flex;
    align-items: center;
    height: 3.6vw;
    border-radius: 3vw;
    background-size: 1.2vw;
    padding: 0 20px;
    font-size: 1.3vw;
    color: #e4004f;
    border: 2px solid #e4004f;
    overflow: hidden;
}

select::-ms-expand {
    display: none;
}

.product-con .product-nav-con h2 {
    font-size: 1.3vw;
    color: #e4004f;
    margin-bottom: 4vw;
}


.product-con .product-nav-con .nav.active {
    width: 17.94vw;
    position: fixed;
    top: 2vw;
    left: 6vw;
}

.product-con .product-nav-con .nav li {
    margin-bottom: 2.08vw;
}

.product-con .product-nav-con .nav li a {
    font-size: 1.04vw;
    color: #000;
    position: relative;
    display: inline-block;
}

.product-con .product-nav-con .nav li a::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e4004f;
    display: none;
    position: absolute;
    right: 0;
    bottom: -5px;
}

.product-con .product-nav-con .nav li:hover a::after {
    display: block;
}

.product-con .product-nav-con .nav li:hover a {
    color: #e4004f;
}

.product-con .product-nav-con .nav li.active a {
    color: #e4004f;
    font-weight: bold;
}

.product-con .product-nav-con .nav li.active a::after {
    display: block;
}

.product-con .product-dec-con {
    flex: 1;
    padding-top: 9.2vw;
    position: relative;
}

.product-con .product-dec-con .box {
    border-top: 1px dashed #ddd;
    border-left: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    padding: 10.92vw 4.16vw 4vw 3.64vw;
    background: url(../img/product-bg.png) repeat-y;
    background-size: 100%;
    min-height: 40vw;
}

.product-con .product-dec-con .box .banner {
    width: 66.82vw;
    position: absolute;
    top: 0.8vw;
    left: 3.64vw;
}


/* .product-con .product-dec-con .box .product-item {
        margin-bottom: 2.5vw;
    } */

.product-con .product-dec-con .box .product-item h3 {
    font-size: 1.872vw;
    margin-bottom: 1.872vw;
}

.product-con .product-dec-con .box .product-item .item-con {
    display: flex;
    flex-wrap: wrap;
}

.product-item .item-con li {
    width: calc((100 / 3) * 1% - 2.08vw);
    box-shadow: 0px 0px 0.7vw 0px #a5a5a5;
    border-radius: 1.456vw;
    margin-right: 2.08vw;
    margin-bottom: 2.5vw;
    background: #fff;
}

.product-item .item-con li a {
    display: flex;
    padding: 1.67vw 1.456vw 2.184vw;
}

.product-item .item-con li a .pic {
    width: 4.42vw;
    margin-right: 1.456vw;
}

.product-item .item-con li a .pic img {
    max-height: 8.802vw;
    transform: scale(1);
    transition: all 0.3s;
}

.product-item .item-con li a .txt-con {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-item .item-con li a .txt-con .title h4 {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    margin-bottom: 0.5208vw;
}

.product-item .item-con li a .txt-con .title span {
    font-size: 0.833vw;
    font-weight: 400;
    color: #000000;
}

.product-item .item-con li a .txt-con .more {
    font-size: 0.936vw;
    font-weight: 400;
    color: #6d6d6d;
}

.product-item .item-con li:hover {
    box-shadow: 0px 0px 0.7vw 0px #e4004f;
}

.product-item .item-con li:hover a .txt-con .title h4 {
    color: #e4004f;
}

.product-item .item-con li:hover a .pic img {
    transform: scale(1.08);
}

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

    /* 产品页 */
    .product-con {
        padding: 0;
        display: block;
        justify-content: space-between;
    }

    .product-mob-con {
        display: block;
        background: url(../img/product-mob_bg.png) top repeat-y;
        background-size: 100%;
        padding-bottom: 6vw;
    }

    .product-con .product-nav-con {
        width: 90%;
        margin: 0 auto;
    }

    .product-con .product-nav-con .title {
        font-size: 3.2vw;
        margin-bottom: 7.3333vw;
    }

    .product-con .product-nav-con .select-con {
        width: 40.8vw;
        margin-bottom: 6.1333vw;
    }

    .product-con .product-nav-con .select-con select {
        height: 10.6667vw;
        line-height: 10.6667vw;
        border-radius: 3.0667vw;
        background: url(../img/select-arrow.png) 90% center no-repeat;
        background-size: 2.8vw;
        padding: 0 3.8667vw;
        font-size: 3.7333vw;
    }

    .product-con .product-nav-con .select-con .tip {
        height: 10.6667vw;
        border-radius: 3.0667vw;
        background-size: 2.8vw;
        padding: 0 3.8667vw;
        font-size: 3.7333vw;
    }

    .product-con .product-nav-con h2 {
        font-size: 3.7333vw;
        margin-bottom: 6.6667vw;
    }

    .product-con .product-nav-con .nav {
        display: flex;
        justify-content: space-between;
    }

    .product-con .product-nav-con .nav li {
        margin-bottom: 2.08vw;
    }

    .product-con .product-nav-con .nav li a {
        font-size: 3.2vw;
    }

    .product-con .product-nav-con .nav li a::after {
        bottom: -6px;
    }

    .product-mob-des-con {
        padding-top: 30vw;
    }

    .product-con .product-dec-con {
        padding-top: 0;
    }

    .product-con .product-dec-con .box {
        border: none;
        padding: 10.92vw 5% 0;
        background: none;
    }

    .product-con .product-dec-con .box .banner {
        width: 66.82vw;
        position: absolute;
        top: 0.8vw;
        left: 3.64vw;
    }

    /* .product-con .product-dec-con .box .product-item {
        margin-bottom: 2.5vw;
    } */
    .product-con .product-dec-con .box .product-item h3 {
        font-size: 3.2vw;
        margin-bottom: 3vw;
    }

    .product-con .product-dec-con .box .product-item {
        margin-bottom: 3vw;
    }

    .product-con .product-dec-con .box .product-item .item-con {
        display: flex;
        flex-wrap: wrap;
    }

    .product-item .item-con li {
        width: calc((100 / 2) * 1% - 2.5vw);
        box-shadow: 0px 0px 1.5vw 0px #a5a5a5;
        border-radius: 3vw;
        margin-right: 5vw;
        margin-bottom: 6vw;
    }

    .product-item .item-con li:nth-child(2n) {
        margin-right: 0;
    }

    .product-item .item-con li a {
        display: flex;
        padding: 3.5vw 2vw 4.2vw;
    }

    .product-item .item-con li a .pic {
        width: 9vw;
        height: 18vw;
        margin-right: 2vw;
    }

    .product-item .item-con li a .pic img {
        max-height: 18vw;
        transform: scale(1);
        transition: all 0.3s;
    }

    .product-item .item-con li a .txt-con {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product-item .item-con li a .txt-con .title h4 {
        font-size: 3.2vw;
        margin-bottom: 1vw;
    }

    .product-item .item-con li a .txt-con .title span {
        font-size: 3vw;
    }

    .product-item .item-con li a .txt-con .more {
        font-size: 2.8vw;
    }

    .product-item .item-con li:hover {
        box-shadow: 0px 0px 0.7vw 0px #e4004f;
    }

    .product-item .item-con li:hover a .txt-con .title h4 {
        color: #e4004f;
    }

    .product-item .item-con li:hover a .pic img {
        transform: scale(1.08);
    }
}


/* 简介 */

.introduction-con {}

.leader-dec-con {
    text-align: center;
    margin-bottom: 3.438vw;
}

.leader-dec-con h2 {
    font-size: 1.563vw;
    font-weight: 800;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.521vw;
}

.leader-dec-con span {
    font-size: 1.042vw;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.677vw;
    display: block;
}

.leader-show-con {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 5.729vw 7.813vw 0;
}

.leader-show-con::before {
    content: "";
    width: 10.208vw;
    height: 7.865vw;
    background: url(../img/dian.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: -3vw;
    z-index: 1;
}

.leader-show-con::after {
    content: "";
    width: 10.208vw;
    height: 7.865vw;
    background: url(../img/dian.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    top: 11vw;
    right: -5vw;
    z-index: 1;
}

.leader-show-con .leader-list {
    /* display: flex;
    flex-wrap: wrap; */
    margin-bottom: 5.958vw;
}

.leader-show-con .leader-list li {
    position: relative;
    /* width: calc((100 / 2) * 1% - 9.375vw); */
    height: 29.167vw;
    padding: 7.917vw 3.125vw 0;
    background: url(../img/leader-bg.png) no-repeat top center;
    background-size: 100%;
    /* margin: 0 4.688vw; */
}

.leader-show-con .leader-list li .title {
    position: absolute;
    top: -4.688vw;
    left: 50%;
    transform: translateX(-50%);
}

.leader-show-con .leader-list li .title .pic {
    width: 7.969vw;
    height: 7.969vw;
    border: 0.365vw solid #fff;
    border-radius: 50%;
    margin-bottom: 1.875vw;
    overflow: hidden;
}

.leader-show-con .leader-list li .title h3 {
    text-align: center;
    font-weight: 800;
    line-height: 1;
    font-size: 1.563vw;
    color: #ffffff;
    margin-bottom: 0.781vw;
}

.leader-show-con .leader-list li .icon {
    width: 0.885vw;
    margin-bottom: 1.25vw;
}

.leader-show-con .leader-list li p {
    font-size: 1.042vw;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
}

.leader-show-inbanner {
    position: relative;
}

.leader-show-inbanner .leader-pagination {
    position: absolute;
    bottom: -1vw !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.leader-show-inbanner .leader-pagination .swiper-pagination-bullet {
    width: 2.0833vw;
    height: 0.3125vw;
    display: inline-block;
    border-radius: 0;
    background: #e6e6e6;
    opacity: 1;
    margin: 0 !important;
}

.leader-show-inbanner .leader-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #767676;
    opacity: 1;
}

.brand-story-con {
    margin: 0 12.5vw;
    padding-bottom: 5.99vw;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.brand-story-con::before {
    content: "";
    width: 6.615vw;
    height: 20.729vw;
    background: url(../img/brand-icon1.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    top: 7.083vw;
    left: -12.5vw;
    z-index: 1;
}

.brand-story-con::after {
    content: "";
    width: 10.208vw;
    height: 7.865vw;
    background: url(../img/brand-icon2.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
    top: 29.8vw;
    right: -7.5vw;
    z-index: -1;
}

.brand-story-con .txt-con {
    width: 21.875vw;
    padding-top: 2.5vw;
    position: relative;
}

.brand-story-con .txt-con::before {
    content: "";
    display: block;
    width: 1.354vw;
    height: 1.354vw;
    background: #000;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.brand-story-con .txt-con::after {
    content: "";
    display: block;
    width: 1.354vw;
    height: 1.354vw;
    background: #d4104c;
    border-radius: 50%;
    position: absolute;
    bottom: -0.6vw;
    left: 0.6vw;
}

.brand-story-con .txt-con .tltle-con {
    text-align: left;
    margin-bottom: 2.604vw;
}

.brand-story-con .txt-con p {
    font-size: 0.938vw;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
    margin-bottom: 1.563vw;
}

.brand-story-con .pic {
    width: 49.75vw;
    position: relative;
}

.brand-story-con .pic .txtx-con {
    width: 23.9062vw;
    position: absolute;
    bottom: 1.4583vw;
    left: 1.2vw;
}

.brand-story-con .pic .txtx-con .txt {
    background: #dcdadb;
    padding: 1.146vw 2.344vw 1.302vw 3.906vw;
}

.brand-story-con .pic .txtx-con .txt h3 {
    font-weight: 400;
    font-size: 0.833vw;
    color: #000000;
    line-height: 1.2;
    margin-bottom: 1vw;
}

.brand-story-con .pic .txtx-con .txt p {
    font-weight: 400;
    font-size: 0.625vw;
    color: #000000;
    line-height: 1.5;
}

@media screen and (max-width: 1200px) {
    .brand-story-con .pic .txtx-con {
        width: 23.9062vw;
        position: absolute;
        bottom: 4.4583vw;
        left: 01vw;
    }

    .brand-story-con .pic .txtx-con .txt {
        background: #dcdadb;
        padding: 1vw;
    }
}

@media screen and (max-width: 1100px) {
    .brand-story-con .pic .txtx-con {
        bottom: 13.4583vw;
    }
}

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

    /* 简介 */
    .introduction-con {
        padding-top: 14.8vw;
    }

    .leader-dec-con {
        width: 85%;
        margin: 0 auto 9.3333vw;
    }

    .leader-dec-con h2 {
        font-size: 4.8vw;
        margin-bottom: 0;
    }

    .leader-dec-con span {
        font-size: 3.2vw;
        margin-bottom: 2vw;
        display: block;
    }

    .leader-show-con {
        overflow: hidden;
        position: relative;
        padding: 5.729vw 7.813vw 10vw;
    }

    .leader-show-con::before {
        width: 21.208vw;
        height: 17.865vw;
        left: -3vw;
    }

    .leader-show-con::after {
        width: 17.208vw;
        height: 15.865vw;
        top: 31vw;
        right: -13vw;
    }

    .leader-show-con .leader-list {
        padding-top: 8.5333vw;
        margin-bottom: 8.958vw;
    }

    .leader-show-con .leader-list li {
        position: relative;
        height: 63vw;
        padding: 14.3333vw 6.4vw 0;
        background: url(../img/leader-bg.png) no-repeat top center;
        background-size: 100%;
    }

    .leader-show-con .leader-list li .title {
        top: -8.5333vw;
    }

    .leader-show-con .leader-list li .title .pic {
        width: 17.0667vw;
        height: 17.0667vw;
        border: 0.365vw solid #fff;
        margin-bottom: 2vw;
    }

    .leader-show-con .leader-list li .title h3 {
        font-size: 4.2vw;
        margin-bottom: 2vw;
    }

    .leader-show-con .leader-list li .icon {
        width: 2vw;
        margin-bottom: 1.25vw;
    }

    .leader-show-con .leader-list li p {
        font-size: 3.2vw;
    }

    .leader-show-inbanner .leader-pagination {
        position: absolute;
        bottom: 11vw !important;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
    }

    .leader-show-inbanner .leader-pagination .swiper-pagination-bullet {
        width: 8.9333vw;
        height: 1.3333vw;
    }

    .brand-story-con {
        margin: 0 12.5vw;
        padding-bottom: 10.99vw;
        display: block;
        position: relative;
    }

    .brand-story-con::before {
        width: 10vw;
        height: 38vw;
        position: absolute;
        top: 20.083vw;
    }

    .brand-story-con::after {
        width: 13vw;
        height: 14.865vw;
        top: unset;
        right: -13vw;
        bottom: 0;
    }

    .brand-story-con .txt-con {
        width: 100%;
        padding-top: 2.5vw;
        padding-bottom: 4vw;
        margin-bottom: 4vw;
        position: relative;
    }

    .brand-story-con .txt-con::before {
        width: 3vw;
        height: 3vw;
    }

    .brand-story-con .txt-con::after {
        width: 3vw;
        height: 3vw;
        bottom: -1.2vw;
        left: 0.8vw;
    }

    .brand-story-con .txt-con .tltle-con {
        margin-bottom: 5vw;
    }

    .brand-story-con .txt-con p {
        font-size: 3.2vw;
        margin-bottom: 3vw;
    }

    .brand-story-con .pic {
        width: 100%;
    }

    .brand-story-con .pic .txtx-con {
        width: 100%;
        position: unset;
    }

    .brand-story-con .pic .txtx-con .txt {
        padding: 3vw 3.3vw;
    }

    .brand-story-con .pic .txtx-con .txt h3 {
        font-size: 3.2vw;
        margin-bottom: 2vw;
    }

    .brand-story-con .pic .txtx-con .txt p {
        font-size: 3vw;
    }
}


/* 企业愿景 */

.corporate-vision-con {
    position: relative;
}

.corporate-vision-con .vision-con {
    width: 84%;
    position: absolute;
    top: 5.208vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    color: #fff;
}

.corporate-vision-con .vision-con .txt-con {
    width: 22.76vw;
    height: 29.583vw;
    padding: 6.406vw 2.5vw 0;
    background: #d4104c;
}

.corporate-vision-con .vision-con .tltle-con {
    text-align: left;
    margin-bottom: 2.083vw;
}

.corporate-vision-con .vision-con .tltle-con h2,
.corporate-vision-con .vision-con .tltle-con span {
    color: #fff;
}

.corporate-vision-con .vision-con .txt-con p {
    font-size: 0.677vw;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0.938vw;
}

.corporate-vision-con .pic-con {
    flex: 1;
    display: flex;
}

.corporate-vision-con .pic-con img {
    width: calc((100 / 3) * 1% - 1.042vw);
    margin-left: 1.042vw;
}

@media screen and (max-width: 1100px) {
    .brand-story-con .pic .txtx-con {
        bottom: 13.4583vw;
    }

    .corporate-vision-con .vision-con .txt-con {
        padding: 3.406vw 2.5vw 0;
    }
}

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

    /* 企业愿景 */
    .corporate-vision-con {
        height: 120vw;
    }

    .corporate-vision-con .vision-con {
        width: 80%;
        top: 9.208vw;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        color: #fff;
    }

    .corporate-vision-con .vision-con .txt-con {
        width: 100%;
        height: auto;
        padding: 8.5333vw 6.4vw 10.6667vw 4vw;
        background: #d4104c;
    }

    .corporate-vision-con .vision-con .tltle-con {
        text-align: left;
        margin-bottom: 4vw;
    }

    .corporate-vision-con .vision-con .txt-con p {
        font-size: 3.2vw;
        margin-bottom: 0.5vw;
    }

    .corporate-vision-con .pic-con {
        justify-content: space-between;
    }

    .corporate-vision-con .pic-con img {
        /* width: calc((100 / 3) * 1% - 1.042vw);
        margin-left: 1.042vw; */
        width: calc((100 / 3) * 1%);
        margin-left: 0;
    }

    .corporate-vision-con .pic-con img:first-child {
        margin-left: 0;
    }
}


/* 发展历程 */

.history-con {
    position: relative;
    background: #d4104c;
}

.history-con .txt-con {
    width: 97%;
    position: absolute;
    top: 3.542vw;
    left: 50%;
    transform: translateX(-50%);
}

.history-con .txt-con .tltle-con h2,
.history-con .txt-con .tltle-con span {
    color: #fff;
}

.history-list {
    margin-top: 2.865vw;
    display: flex;
}

.history-list li {
    position: relative;
    width: calc((100 / 4) * 1% - 3.125vw);
    margin: 0 1.563vw;
    position: relative;
}

.history-list li .con {
    position: relative;
    background: #fff;
    padding: 2.188vw 1.979vw 1.979vw 2.813vw;
    box-shadow: 0px 0px 0.625vw 0px rgba(0, 0, 0, 0.5);
    border-radius: 1.51vw;
}

.history-list li:nth-child(1) .con {
    margin-top: 2.708vw;
}

.history-list li:nth-child(3) .con {
    margin-top: 3.646vw;
}

.history-list li:nth-child(1) .con::before {
    content: "";
    width: 4.688vw;
    height: 4.688vw;
    background: url(../img/star-icon.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -1.6vw;
    right: 1.615vw;
}

.history-list li:nth-child(3) .con::before {
    content: "";
    width: 4.688vw;
    height: 4.688vw;
    background: url(../img/star-icon.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -1.6vw;
    right: 0;
}

.history-list li:nth-child(4) .con::before {
    content: "";
    width: 3.802vw;
    height: 3.802vw;
    background: url(../img/star-icon.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -2.6vw;
    left: 6.302vw;
}

.history-list li .num {
    width: 3.542vw;
    height: 3.542vw;
    background: #e4004f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 2.3vw;
    color: #ffffff;
    margin-bottom: 1.927vw;
}

.history-con .txt-con .history-list li .tltle-con {
    text-align: left;
    margin-bottom: 1.67vw;
}

.history-con .txt-con .history-list li .tltle-con h2,
.history-con .txt-con .history-list li .tltle-con span {
    color: #000;
}

.history-con .txt-con .history-list li p {
    font-weight: 400;
    font-size: 0.833vw;
    color: #000;
    line-height: 1.3;
}

@media screen and (max-width: 1440px) {
    .history-con .pc-show {
        height: 50vw;
    }
}

@media screen and (max-width: 1200px) {
    .history-con .pc-show {
        height: 55vw;
    }
}

@media screen and (max-width: 1100px) {
    .history-con .pc-show {
        height: 60vw;
    }
}

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

    /* 发展历程 */
    .history-con {
        position: relative;
    }

    .history-con .mob-show {
        height: 150vw;
    }

    .history-con .txt-con {
        width: 97%;
        top: 9.542vw;
    }

    .history-con .txt-con .tltle-con h2,
    .history-con .txt-con .tltle-con span {
        color: #fff;
    }

    .history-list-con {
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 5vw;
    }

    .history-list {
        width: 243%;
        margin-top: 2.865vw;
        display: block;
    }

    .history-list li {
        display: inline-block;
        width: 54vw;
        margin: 0 1.563vw;
        position: relative;
    }

    .history-list li .con {
        position: relative;
        background: #fff;
        padding: 4.2vw 4vw 4vw 5vw;
        box-shadow: 0px 0px 0.625vw 0px rgba(0, 0, 0, 0.5);
        border-radius: 1.51vw;
    }

    .history-list li:nth-child(1) .con {
        margin-top: 2.708vw;
        top: -10vw;
    }

    .history-list li:nth-child(3) .con {
        margin-top: 3.646vw;
        top: -6vw;
    }

    .history-list li:nth-child(1) .con::before {
        content: "";
        width: 4.688vw;
        height: 4.688vw;
        background: url(../img/star-icon.png) no-repeat;
        background-size: 100%;
        position: absolute;
        top: -1.6vw;
        right: 1.615vw;
    }

    .history-list li:nth-child(3) .con::before {
        content: "";
        width: 4.688vw;
        height: 4.688vw;
        background: url(../img/star-icon.png) no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: -1.6vw;
        right: 0;
    }

    .history-list li:nth-child(4) .con::before {
        content: "";
        width: 3.802vw;
        height: 3.802vw;
        background: url(../img/star-icon.png) no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: -2.6vw;
        left: 6.302vw;
    }

    .history-list li .num {
        width: 7vw;
        height: 7vw;
        font-size: 3vw;
        margin-bottom: 4vw;
    }

    .history-con .txt-con .history-list li .tltle-con {
        margin-bottom: 3vw;
    }

    .history-con .txt-con .history-list li p {
        font-size: 3.2vw;
    }
}


/* 公益之行 */

.welfare-con {
    position: relative;
}

.welfare-con .welfare-show {
    width: 83%;
    position: absolute;
    top: 4.427vw;
    left: 50%;
    transform: translateX(-50%);
}


/* .welfare-con .welfare-show .pic-con {
        display: flex;
    } */

.welfare-con .welfare-show .txt-con {
    width: 100%;
    position: relative;
}

.welfare-con .welfare-show .txt-con .txt {
    width: 28.594vw;
    /* padding: 1.51vw 1.823vw 1.51vw 2.708vw; */
    background: rgb(0, 0, 0, 0.65);
    position: absolute;
    bottom: 2.865vw;
    left: 8.177vw;
}

.welfare-con .welfare-show .txt-con .txt .bg {
    position: relative;
    padding: 1.51vw 1.823vw 1.51vw 2.708vw;
}

.welfare-con .welfare-show .txt-con .txt .bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.65;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.welfare-con .welfare-show .txt-con .txt h4 {
    font-weight: bold;
    font-size: 1.563vw;
    color: #ffffff;
    margin-bottom: 0.833vw;
    position: relative;
    z-index: 1;
}

.welfare-con .welfare-show .txt-con .txt p {
    font-weight: 400;
    font-size: 0.938vw;
    color: #ffffff;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}

.welfare-con .tltle-con {
    margin-bottom: 2.9166vw;
}

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

    /* 公益之行 */
    .welfare-con {
        height: 118vw;
    }

    .welfare-con .welfare-show {
        width: 83%;
        top: 9.427vw;
    }

    .welfare-con .welfare-show .txt-con .txt {
        width: 100%;
        position: unset;
    }

    .welfare-con .welfare-show .txt-con .txt .bg {
        padding: 3vw 3.6vw 5vw 5vw;
    }

    .welfare-con .welfare-show .txt-con .txt h4 {
        font-size: 4.2vw;
        margin-bottom: 1.6vw;
    }

    .welfare-con .welfare-show .txt-con .txt p {
        font-size: 3.2vw;
    }

    .welfare-con .tltle-con {
        margin-bottom: 4vw;
    }
}


/* 产品详情 */

.product-con .product-details-con .box {
    padding: 0;
    border: none;
}

.product-details-con .box .details-con {
    display: flex;
    padding-bottom: 6.25vw;
}

.details-banner-con {
    /* width: 30.7291vw; */
    overflow: hidden;
    position: relative;
}

.details-banner-con .mySwiper2 {
    padding: 0.5208vw;
}

.details-banner-con .mySwiper {
    padding: 0.625vw 0.5208vw;
}

.details-banner-con .mySwiper2 .swiper-slide,
.details-banner-con .mySwiper .swiper-slide {
    background: #ffffff;
    box-shadow: 0px 0px 0.5208vw 0px #a5a5a5;
    border-radius: 1.0416vw;
}

.details-dec-con {
    margin-left: 3.9583vw;
    /* width: 34.5833vw; */
    flex: 1;
    margin-right: 8vw;
}

.details-dec-con .tltle-con {
    width: 100%;
    text-align: left;
    padding-bottom: 1.4583vw;
    border-bottom: 1px solid #999;
    margin-bottom: 1.25vw;
}

.details-dec-con .dec {
    font-weight: 400;
    font-size: 1.0416vw;
    color: #5d5956;
    line-height: 1.3;
}

.details-dec-con .dec1 {
    margin-bottom: 2.5vw;
}

.details-dec-con .dec2 {
    margin-bottom: 1.25vw;
}

.details-dec-con .line {
    border-bottom: 1px solid #999;
}

.details-dec-con .buy {
    margin-top: 1vw;
    width: 9.427vw;
    height: 2.9687vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e4004f;
    font-size: 1.5625vw;
    color: #fff;
}

.details-dec-con .buy:hover {
    opacity: 0.8;
}

.product-details-con .dec-pic {
    width: 60.375vw;
    margin-left: 4.1666vw;
    margin-bottom: 6.25vw;
    font-weight: 400;
    font-size: 1.0416vw;
    color: #5d5956;
    line-height: 1.5;
}

.product-details-con .dec-pic img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}


/* 20240819 */

.pc-slide {
    margin: 0 auto;
}

.view {
    padding: 0.5208vw;
    box-sizing: border-box;
}

.view .swiper-container {
    width: 30.7291vw;
    height: 30.7291vw;
    background: #ffffff;
    box-shadow: 0px 0px 0.5208vw 0px #a5a5a5;
    border-radius: 1.0416vw;
}

.view .swiper-container .swiper-slide .pic-con {
    width: 30.7291vw;
    height: 30.7291vw;
}

.view .swiper-container .swiper-slide .pic-con img {
    width: 30.7291vw;
    display: block;
}

.view .arrow-left {
    background: url(images/index_tab_l.png) no-repeat left top;
    position: absolute;
    left: 0.5208vw;
    top: 50%;
    margin-top: -1.302vw;
    width: 1.4583vw;
    height: 2.6562vw;
    z-index: 2;
}

.view .arrow-right {
    background: url(images/index_tab_r.png) no-repeat left bottom;
    position: absolute;
    right: 0.5208vw;
    top: 50%;
    margin-top: -1.302vw;
    width: 1.4583vw;
    height: 2.6562vw;
    z-index: 2;
}

.preview {
    width: 100%;
    /* margin-top: 10px; */
    position: relative;
    padding: 0.5208vw;
    box-sizing: border-box;
}

.preview .swiper-container {
    width: 31.7708vw;
    height: auto;
    box-sizing: border-box;
    padding: 0.5208vw;
}

.preview .swiper-slide {
    width: 7.0312vw;
    height: 7.0312vw;
    margin-right: 0.8854vw;
    background: #ffffff;
    box-shadow: 0px 0px 0.5208vw 0px #a5a5a5;
    border-radius: 1.0416vw;
    cursor: pointer;
}

.preview .slide6 {
    width: 4.2708vw;
}

.preview .arrow-left {
    background: url(images/feel3.png) no-repeat left top;
    position: absolute;
    left: 0.5208vw;
    top: 50%;
    margin-top: -0.4687vw;
    width: 0.4687vw;
    height: 0.9375vw;
    z-index: 2;
}

.preview .arrow-right {
    background: url(images/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 0.5208vw;
    top: 50%;
    margin-top: -0.4687vw;
    width: 0.4687vw;
    height: 0.9375vw;
    z-index: 2;
}

.preview img {
    padding: 0.052vw;
}


/* .preview .active-nav img {
    padding: 0;
    border: 1px solid #F00;
} */

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

    /* 产品详情 */
    .product-con .product-details-con .box {
        width: 85%;
        margin: 0 auto;
        padding-top: 6vw;
    }

    .product-details-con .box .details-con {
        display: block;
        padding-bottom: 6.25vw;
    }

    .details-banner-con {
        /* width: 30.7291vw; */
        overflow: hidden;
        position: relative;
    }

    .details-banner-con .mySwiper2 {
        padding: 0.5208vw;
    }

    .details-banner-con .mySwiper {
        padding: 0.625vw 0.5208vw;
    }

    .details-banner-con .mySwiper2 .swiper-slide,
    .details-banner-con .mySwiper .swiper-slide {
        background: #ffffff;
        box-shadow: 0px 0px 0.5208vw 0px #a5a5a5;
        border-radius: 1.0416vw;
    }

    .details-dec-con {
        margin: 6vw 0 0;
    }

    .details-dec-con .tltle-con {
        padding-bottom: 3vw;
        margin-bottom: 3vw;
    }

    .details-dec-con .dec {
        font-size: 3.2vw;
        line-height: 1.6;
    }

    .details-dec-con .dec1 {
        margin-bottom: 2.5vw;
    }

    .details-dec-con .dec2 {
        margin-bottom: 1.25vw;
    }

    .details-dec-con .line {
        border-bottom: 1px solid #999;
    }

    .details-dec-con .buy {
        margin: 5vw auto 3vw;
        width: 20vw;
        height: 6vw;
        font-size: 4.2vw;
    }

    .product-details-con .dec-pic {
        width: 100%;
        margin-left: 0;
        margin-bottom: 6.25vw;
        font-size: 3.2vw;
    }

    /* 20240819 */
    .pc-slide {
        margin: 0 auto;
    }

    .view {
        padding: 1.3333vw;
        box-sizing: border-box;
    }

    .view .swiper-container {
        width: 100%;
        height: 85vw;
        background: #ffffff;
        box-shadow: 0px 0px 0.5208vw 0px #a5a5a5;
        border-radius: 1.0416vw;
    }

    .view .swiper-container .swiper-slide .pic-con {
        width: 100%;
        height: 85vw;
    }

    .view .swiper-container .swiper-slide .pic-con img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .view .arrow-left {
        background: url(images/index_tab_l.png) no-repeat left top;
        position: absolute;
        left: 1.3333vw;
        top: 50%;
        margin-top: -3.3333vw;
        width: 3.7333vw;
        height: 6.8vw;
    }

    .view .arrow-right {
        background: url(images/index_tab_r.png) no-repeat left bottom;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -25px;
        width: 28px;
        height: 51px;
        z-index: 10;
    }

    .preview {
        width: 100%;
        /* margin-top: 10px; */
        position: relative;
        padding: 1.3333vw;
        box-sizing: border-box;
    }

    .preview .swiper-container {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 1.3333vw;
    }

    .preview .swiper-slide {
        width: 22%;
        height: auto;
        margin-right: 3.1vw;
        background: #ffffff;
        box-shadow: 0px 0px 0.5208vw 0px #a5a5a5;
        border-radius: 1.0416vw;
        cursor: pointer;
    }

    .preview .slide6 {
        width: 10.9333vw;
    }

    .preview .arrow-left {
        background: url(images/feel3.png) no-repeat left top;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -9px;
        width: 9px;
        height: 18px;
        z-index: 10;
    }

    .preview .arrow-right {
        background: url(images/feel4.png) no-repeat left bottom;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -9px;
        width: 9px;
        height: 18px;
        z-index: 10;
    }

    .preview img {
        padding: 1px;
    }

    /* .preview .active-nav img {
        padding: 0;
        border: 1px solid #F00;
    } */
}


/* 20240904 */

.pop-con {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background: #000;
    opacity: 0.5;
    display: none;
}

.pop-up-con {
    position: absolute;
    bottom: 24.4791vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 21;
    display: none;
}

.pop-up-con .con {
    width: 26.927vw;
    height: 28.3333vw;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    padding-top: 2.0833vw;
}

.pop-up-con .con p {
    font-size: 2.2395vw;
    color: #e4004f;
    text-align: center;
    line-height: 1;
    font-weight: 500;
}

.pop-up-con .con img.icon {
    width: 20.1562vw;
    margin: 0 3.3854vw 1.67vw;
    border: 2px dashed #ddd;
}

.pop-up-con .con img.cl {
    width: 2.5vw;
    position: absolute;
    bottom: -3.5416vw;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

@media screen and (max-width: 900px) {
    .pc-show {
        display: none;
    }

    .mob-show {
        display: block;
    }

    /* 20240904 */
    .pop-up-con {
        position: fixed;
        bottom: unset;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pop-up-con .con {
        width: 38vw;
        height: 44vw;
        padding-top: 3vw;
    }

    .pop-up-con .con p {
        font-size: 3.2vw;
    }

    .pop-up-con .con img.icon {
        width: 31.1562vw;
        margin: 0 auto 3vw;
    }

    .pop-up-con .con img.cl {
        width: 7vw;
        bottom: -10vw;
    }
}

.contactus-con {
    width: 100%;
    text-align: center;
    padding-top: 5.208vw;
    padding-bottom: 11.458vw;
}

.contactus-con h2 {
    font-weight: bold;
    font-size: 1.563vw;
    color: #000000;
    line-height: 1;
    margin-bottom: 1.458vw;
}

.contactus-con p {
    font-weight: 400;
    font-size: 1.563vw;
    color: #000000;
    line-height: 1;
    margin-bottom: 3.333vw;
}

@media screen and (max-width: 900px) {
    .contactus-con {
        padding-top: 6vw;
        padding-bottom: 23vw;
    }

    .contactus-con h2 {
        font-size: 4.2vw;
        margin-bottom: 3.2vw;
    }

    .contactus-con p {
        font-size: 4.2vw;
        margin-bottom: 7vw;
    }
}

.product-con .product-nav-con .ad-nav li a {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advice-list-con {
    padding: 5.208vw 2.083vw 3.281vw;
}

.advice-list-con li {
    width: 100%;
    height: 19.3vw;
    margin-bottom: 2.24vw;
}

.advice-list-con li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 1.042vw;
}

.advice-list-con li a .bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}

.advice-list-con li a h2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 1vw;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 2.604vw;
    color: #FFFFFF;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.advice-more {
    width: 11.979VW;
    height: 3.281VW;
    background: #E4004F;
    margin: 0 auto;
    font-weight: 400;
    font-size: 1.302vw;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 2vw;
}

.advice-more:hover {
    opacity: .8;
}

@media screen and (max-width: 900px) {
    .product-con .product-nav-con .ad-nav {
        flex-wrap: wrap;
    }

    .advice-list-con {
        padding: 0 0 2vw;
    }

    .advice-list-con li {
        height: 27.3vw;
        margin-bottom: 5vw;
    }

    .advice-list-con li a {
        border-radius: 2.5vw;
    }

    .advice-list-con li a h2 {
        padding: 2vw;
        font-size: 3.6vw;
    }

    .advice-more {
        width: 30.667vw;
        height: 8.4vw;
        font-size: 3vw;
        margin-bottom: 5vw;
    }
}

.advide-detaitle-con {
    padding: 0 0 5vw;
}

.advide-detaitle-con img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.advide-detaitle-con h2 {
    font-weight: bold;
    font-size: 2.604vw;
    color: #000000;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 3vw;
}

.advide-detaitle-con p {
    font-weight: 400;
    font-size: 1.302vw;
    color: #000000;
    line-height: 2;
}

.advide-detaitle-con .pic-con {
    display: flex;
    justify-content: center;
}

.advide-detaitle-con .pic-con .item {
    text-align: center;
    margin: 0 1.042vw;
}

.advide-detaitle-con .pic-con .item img {
    height: 19.01vw;
    margin-bottom: 2.292vw;
    display: block;
}

.advide-detaitle-con .pic-con .item span {
    font-weight: 400;
    font-size: 1.042vw;
    color: #000000;
    line-height: 1;
}

@media screen and (max-width: 900px) {
    .advide-detaitle-con {
        padding: 0 0 11vw;
    }

    .advide-detaitle-con img {
        width: auto;
        max-width: 100%;
    }

    .advide-detaitle-con h2 {
        font-size: 4.8vw;
        margin-bottom: 6vw;
    }

    .advide-detaitle-con p {
        font-size: 3.6vw;
    }

    .advide-detaitle-con .pic-con .item {
        margin: 0 1.042vw;
    }

    .advide-detaitle-con .pic-con .item img {
        height: 33.01vw;
        margin-bottom: 2.292vw;
    }

    .advide-detaitle-con .pic-con .item span {
        font-size: 3vw;
    }
}

/* 横屏提示 */
.orientationText {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 3.2vw;
    color: #fff;
}

.orientationText img {
    width: 19.7333vw;
}

@media screen and (min-width: 900px) {
    .advice-news-con .new-con {
        margin: 2.9166vw 0 0;
    }

    .advice-news-con {
        background: none;
        padding-bottom: 0.9583vw;
    }

    .advice-news-con .new-con li {
        width: calc((100 / 3) * 1% - 4vw);
        height: 24vw;
        margin: 0 2vw;
        margin-bottom: 2.5208vw;
    }

    .advice-news-con .new-con li .pic {
        height: 18vw;
    }

}

@media screen and (max-width: 900px) {
    .advice-news-con .new-con {
        margin: 0;
    }

    .advice-news-con {
        background: none;
        padding-bottom: 0.9583vw;
    }

}

/* 20250405 */
.search-con {
    width: 63.5416vw;
    margin: 8.2291vw auto 5.2083vw;
}

.search-con .search-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 1.0937vw;
    margin-bottom: 1.0416vw;
}

.search-con .search-hd input {
    width: 80%;
    display: block;
    border: none;
    font-size: 1.25vw;
    color: #A3A3A1;
    line-height: 2.0833vw;
}

.search-con .search-hd img {
    display: block;
    width: 2.0833vw;
    cursor: pointer;
    transition: all 0.3s;
}

.search-con .search-hd img:hover {
    display: block;
    width: 2.0833vw;
    cursor: pointer;
    opacity: .8;
    
}

.search-con .search-txt {
    font-weight: bold;
    font-size: 0.9375vw;
    line-height: 1.5;
    color: #000;
}

.search-con .search-txt span {
    color: #E4004F;
}

.search-pr-item {
    padding: 0 0 5.2083vw;
}

.search-pr-item .item-con {
    padding: 2.6041vw 0;
    border-bottom: 1px solid #D9D9D9;
}

.product-item.search-pr-item .item-con li {
    margin-bottom: 0;
}

.search-pr-list {
    width: 100%;
}

.search-pr-list li {
    padding: 2.6041vw 0;
    border-bottom: 1px solid #D9D9D9;
}

.search-pr-list li .pic {
    width: 12.5vw;
    height: 12.5vw;
    overflow: hidden;
    margin-bottom: 1.0416vw;
}


.search-pr-list li .pic img {
    transition: all .3s linear;
}

.search-pr-list li:hover .pic img {
    transform: scale(1.2);
}

.search-pr-list li .search-dec-con {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.search-pr-list li .search-dec-con h4 {
    width: 80%;
    font-weight: 400;
    font-size: 1.0416vw;
    line-height: 1.9;
    color: #000000;
}

.search-pr-list li:hover .search-dec-con h4 {
    color: #e4004f;
}

.search-pr-list li .search-dec-con .more {
    display: flex;
    width: 5.7812vw;
    height: 1.9791vw;
    justify-content: center;
    align-items: center;
    background: #000;
    font-weight: 400;
    font-size: 0.7291vw;
    color: #FFFFFF;
}

.search-pr-list li:hover .search-dec-con .more {
    opacity: .8;
}

.search-more {
    display: block;
    width: 11.9791vw;
    height: 3.2812vw;
    line-height: 3.2812vw;
    text-align: center;
    background: #E4004F;
    font-weight: 400;
    font-size: 1.3020vw;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0 auto;
}

.search-more:hover {
    opacity: .8;
}


@media screen and (max-width: 900px) {
    .search-con {
        width: 90%;
        margin: 42vw auto 10vw;
    }

    .search-con .search-hd {
        padding-bottom: 2.57vw;
        margin-bottom: 2.5vw;
    }

    .search-con .search-hd input {
        font-size: 3.2vw;
        line-height: 5.3333vw;
    }

    .search-con .search-hd img {
        width: 5.3333vw;
    }

    .search-con .search-txt {
        font-size: 2.9vw;
    }


    .search-pr-item {
        padding: 0 0 8vw;
    }

    .search-pr-item .item-con {
        padding: 5vw 0;
    }


    .search-pr-list li {
        padding: 5vw 0;
    }

    .search-pr-list li .pic {
        width: 32vw;
        height: 32vw;
        margin-bottom: 2.5vw;
    }

    .search-pr-list li .search-dec-con h4 {
        width: 70%;
        font-size: 3.2vw;
        line-height: 1.5;
    }

    .search-pr-list li .search-dec-con .more {
        width: 14.8vw;
        height: 5.0666vw;
        font-size: 2.4vw;
    }

    .search-more {
        width: 30.6666vw;
        height: 8.4vw;
        font-size: 3.2vw;
        line-height: 8.4vw;
    }

}