/* ²úÆ·Ñùʽ */
.products_main {
    margin-top: var(--global-header-height);
}

/* 2025-1-21 Ð޸ģ¬ÏÞÖÆ×î¸ßµÄ¸ß¶È */
.products_main #index-swiper {
    max-height: calc(100vh - var(--global-header-height)) !important;
}

.products_main #index-swiper .point_list {
    bottom: 8.167%;
}

/* ²úÆ·¾ÛºÏÒ³ */
#products_cate {
    background-color: #fff;
    padding: 120px 0 100px;
}

#products_cate .form {
    width: 760px;
    height: 80px;
    overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

#products_cate .form .input {
    margin: 0;
    width: calc(100% - 80px);
    height: calc(100% - 2px);
}

#products_cate .form .input input {
    display: block;
    padding-left: 32px;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #333;
}

#products_cate .form .submit {
    margin-bottom: 0;
    width: 80px;
    height: calc(100% - 2px);
    background: url(/templates/medululian/static/Products/images/search.svg) no-repeat center;
}

#products_cate .form:hover {
    border-color: var(--main);
}

#products_cate .cate_ul {}

#products_cate .cate_ul .cate_li {
    display: flex;
    padding: 45px 10px 35px;
    width: 14.257%;
    min-height: 220px;
    background-color: #fff;
}

#products_cate .cate_ul .cate_li .icon {
    width: 53px;
    height: 53px;
}

#products_cate .cate_ul .cate_li .name {
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    font-weight: normal;
}

#products_cate .cate_ul .cate_li:hover {
    background-color: #f8f8f8;
}

#products_cate .cate_ul .cate_li:hover .name {
    color: var(--main);
}

#products {
    padding-bottom: 120px;
}

#products .pro_item {
    padding-top: 115px;
}

#products .pro_item:first-child {
    padding-top: 95px;
}

#products .pro_item .item_top .cate_name {
    max-width: 85%;
    font-size: 42px;
    line-height: 1;
    color: #333;
    font-weight: 600;
}

#products .pro_item .more {
    padding: 0 26px;
    width: max-content;
    min-width: 160px;
    height: 50px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
}

#products .pro_item .more .jt {
    margin-left: 15px;
    width: 8px;
    transform: translateY(2px);
    display: flex;
    justify-content: center;
    align-items: center;
}

#products .pro_item .more .jt .svg {
    font-size: 8px;
    color: #333;
    fill: #333;
    stroke: #333;
}

#products .pro_item .more:hover {
    background-color: var(--main);
    color: #fff;
}

#products .pro_item .more:hover .jt .svg {
    color: #fff;
    fill: #fff;
    stroke: #fff;
}

#products .pro_item .hot_pro_box {
    margin-top: 55px;
    width: 100%;
    height: 600px;
}

#products .pro_item .hot_pro_box .hot_pro_pic {
    width: 100%;
    height: 100%;
}

#products .pro_item .hot_pro_box .hot_pro_pic picture {
    display: block;
    width: 100%;
    height: 100%;
}

#products .pro_item .hot_pro_box .hot_pro_info {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    padding: 0 9.76%;
    width: 100%;
    height: max-content;
    max-height: max-content;
    overflow-y: auto;
    color: #fff;
}

#products .pro_item .hot_pro_box .hot_pro_info .pro_name {
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
}

#products .pro_item .hot_pro_box .hot_pro_info .pro_brief {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
}

#products .pro_item .hot_pro_box .hot_pro_info .pro_more {
    margin-top: 50px;
}

#products .pro_item .hot_pro_box .hot_pro_info.txt_w {
    color: #333;
}

#products .pro_item .hot_pro_list {}

#products .pro_item .hot_pro_list .hot_pro_item {
    margin-top: 36px;
    margin-right: 36px;
    padding-bottom: 40px;
    width: 23.12%;
    background-color: #fff;
}

#products .pro_item .hot_pro_list .hot_pro_item:nth-child(4n) {
    margin-right: 0;
}

#products .pro_item .hot_pro_list .hot_pro_item .pic {
    width: 100%;
    height: 332px;
}

#products .pro_item .hot_pro_list .hot_pro_item .info {
    width: 100%;
    padding: 0 4%;
}

#products .pro_item .hot_pro_list .hot_pro_item .info .name {
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    font-weight: normal;
}

#products .pro_item .hot_pro_list .hot_pro_item .info .model {
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 23px;
    color: #adadad;
}

#products .pro_item .hot_pro_list .hot_pro_item:hover .pic img {
    transform: scale(1.05);
}

#products .pro_item .hot_pro_list .hot_pro_item:hover .info .name {
    color: var(--main);
}

/* ²úÆ·Ò»¼¶·ÖÀàÒ³ */
#pro-cate-banner.pro_cate_banner .breadcrumb {
    position: absolute;
    bottom: 6%;
    left: 0;
    z-index: 1;
}

#pro-cate-banner {
    width: 100%;
    height: 500px;
}

#pro-cate-banner .pic {
    width: 100%;
    height: 100%;
}

#pro-cate-banner .pic picture {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#pro-cate-banner .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#pro-cate-banner .cont_text {
    height: max-content;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#pro-cate-banner .cont_text .text {
    color: #fff;
}

#pro-cate-banner .cont_text .text .title {
    font-size: 46px;
    line-height: 60px;
    font-weight: 600;
}

#pro-cate-banner .cont_text .text .brief {
    margin-top: 17px;
    font-size: 22px;
    line-height: 30px;
}

#products_category_top {
    padding: 72px 0 60px;
}

#products_category_top .cate_top {}

#products_category_top .cate_top .cate_info {
    width: calc(100% - 25%);
}

#products_category_top .cate_top .cate_info .name {
    font-size: 42px;
    line-height: 55px;
    color: #333;
    font-weight: 600;
}

#products_category_top .cate_top .cate_info .brief {
    margin-top: 8px;
    font-size: 18px;
    line-height: 30px;
    color: #666;
}

#products_category_top .cate_top .cate_level {
    font-size: 26px;
    line-height: 1;
    color: #666;
    font-weight: normal;
}

#products_category_top .cate_top .cate_level .title-2 {
    font-size: 36px;
    line-height: 1;
    color: #333;
    font-weight: 600;
}

#products_category_top .cate_top .search {
    width: 23.12%;
}

#products_category_top .cate_top .search .form {
    width: 100%;
    height: 55px;
    overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50px;
}

#products_category_top .cate_top .search .form .input {
    margin: 0;
    width: calc(100% - 55px);
    height: 100%;
}

#products_category_top .cate_top .search .form .input input {
    display: block;
    padding-left: 25px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
}

#products_category_top .cate_top .search .form .submit {
    margin-bottom: 0;
    width: 55px;
    height: 100%;
    background: url(/templates/medululian/static/Products/images/search.svg) no-repeat center;
}

#products_category_top .cate_top .search .form:hover {
    border-color: var(--main);
}

#products_category_top .sub_cate {
    margin-top: 10px;
}

#products_category_top .sub_cate .cate_li {
    margin-top: 15px;
    margin-right: 15px;
    padding: 0 30px;
    width: max-content;
    height: 50px;
    font-size: 16px;
    line-height: 1.1;
    color: #333;
    background-color: #fff;
}

#products_category_top .sub_cate .cate_li:hover {
    background-color: var(--main);
    color: #fff;
}

#products_category_list {
    padding-bottom: 120px;
}

#products_category_list .box {
    margin-bottom: 60px;
}

#products_category_list .list {}

#products_category_list .list .item {
    margin-top: 36px;
    margin-right: 36px;
    padding-bottom: 40px;
    width: 23.12%;
    background-color: #fff;
}

#products_category_list .list .item:nth-child(4n) {
    margin-right: 0;
}

#products_category_list .list .item:nth-child(-n + 4) {
    margin-top: 0;
}

#products_category_list .list .item .pic {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

#products_category_list .list .item .info {
    width: 100%;
    padding: 0 7%;
}

#products_category_list .list .item .info .name {
    width: 100%;
    font-size: 17px;
    line-height: 27px;
    color: #333;
    font-weight: normal;
}

#products_category_list .list .item .info .model {
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    line-height: 23px;
    color: #adadad;
    font-weight: normal;
}

#products_category_list .list .item:hover .pic img {
    transform: scale(1.05);
}

#products_category_list .list .item:hover .info .name {
    color: var(--main);
}

/* ²úÆ·¶þ¼¶·ÖÀàÒ³ */
.pro_subcategory_top {
    padding: 21px 0;
    background-color: #fff;
}

/* ²úÆ·Èý¼¶·ÖÀàÒ³ */
#products_category_top.filter {
    padding-bottom: 33px;
}

#products_category_filter {
    margin-bottom: 30px;
}

#products_category_filter .filter_box {
    padding: 0 2.6%;
    background-color: #fff;
}

#products_category_filter .filter_box .filter {
    padding: 20px 0 28px;
    border-bottom: 1px solid #f2f2f2;
}

#products_category_filter .filter_box .filter:last-child {
    border: 0;
}

#products_category_filter .filter_box .filter .li {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
}

#products_category_filter .filter_box .filter .li.name {
    word-break: keep-all;
}

#products_category_filter .filter_box .filter .ul .li {
    position: relative;
}

#products_category_filter .filter_box .filter .ul .li::before {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#products_category_filter .filter_box .filter .ul .li:last-child::before {
    display: none;
}

#products_category_filter .filter_box .filter .ul .li .a {
    display: inline-block;
    margin: 0 22px;
    color: #666;
}

#products_category_filter .filter_box .filter .ul .li .a:hover,
#products_category_filter .filter_box .filter .ul .li.active .a {
    color: var(--main);
}

#products_category_filter .filter_selected {
    margin-top: 30px;
}

#products_category_filter .filter_selected .selected_ul {
    max-width: calc(100% - 120px);
}

#products_category_filter .filter_selected .selected_ul .selected_li {
    margin-top: 10px;
    margin-right: 10px;
    padding-right: 9px;
    height: 35px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

#products_category_filter .filter_selected .selected_ul .selected_li .txt {
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.1;
    color: #666;
}

#products_category_filter .filter_selected .selected_ul .selected_li .txt span {
    color: #222;
}

#products_category_filter .filter_selected .selected_ul .selected_li .del {
    width: 17px;
    height: 17px;
    background-color: #e5e5e5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#products_category_filter .filter_selected .selected_ul .selected_li .del .svg {
    font-size: 7px;
    color: #333;
    /*width: 8px; height: 8px;*/
    fill: #333;
}

#products_category_filter .filter_selected .selected_ul .selected_li .del:hover {
    background-color: var(--main);
}

#products_category_filter .filter_selected .selected_ul .selected_li .del:hover .svg {
    color: #fff;
    fill: #fff;
}

#products_category_filter .filter_selected .reset {
    margin-top: 10px;
    padding: 0 17px;
    height: 35px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.1;
    color: #222;
    cursor: pointer;
}

#products_category_filter .filter_selected .reset .icon {
    margin-right: 10px;
}

#products_category_filter .filter_selected .reset .icon .svg {
    font-size: 15px;
    color: #333;
    /*width: 15px; height: 15px;*/
    fill: #222;
}

#products_category_filter .filter_selected .reset:hover {
    background-color: var(--main);
    color: #fff;
}

#products_category_filter .filter_selected .reset:hover .icon .svg {
    color: #fff;
    fill: #fff;
}

#products_category_filter .filter_results {
    margin-top: 30px;
    font-size: 26px;
    line-height: 44px;
    color: #333;
}

#products_category_filter .filter_results span {
    color: var(--main);
    font-weight: 600;
}

/* ²úÆ·ÏêÇéÒ³ */
.pro_detail_top {
    padding: 21px 0;
}

#pro_detail_info {
    padding: 60px 0 100px;
    background-color: #fff;
}

#pro_detail_info .pro_pic {
    width: 32.56%;
}

#pro_detail_info .pro_pic .main {
    width: 100%;
    height: 468px;
    max-height: max-content;
    min-height: max-content;
}

/* #pro_detail_info .pro_pic .main .slide{transform: translateX(-3px); width: calc(100% + 3px) !important;} */
#pro_detail_info .pro_pic .main .slide {
    margin-right: 10px;
}

#pro_detail_info .pro_pic .main .slide:last-child {
    margin-right: 0;
}

#pro_detail_info .pro_pic .main .slide {
    width: 100% !important;
    height: 100%;
    overflow: hidden;
}

#pro_detail_info .pro_pic .main .slide .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#pro_detail_info .pro_pic .main .fdj_btn {
    width: 20px;
    height: 20px;
    bottom: 20px;
    right: 20px;
    z-index: 200;
}

#pro_detail_info .pro_pic .main .swiper-pagination {
    display: none;
}

#pro_detail_info .pro_pic .bot {
    margin-top: 20px;
    height: max-content;
}

#pro_detail_info .pro_pic .bot .pro_small_swiper {
    width: 79.2%;
    height: 77px;
    max-height: max-content;
    min-height: max-content;
}

#pro_detail_info .pro_pic .bot .pro_small_swiper .slide {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

#pro_detail_info .pro_pic .bot .pro_small_swiper .slide .pic {
    height: 100%;
}

#pro_detail_info .pro_pic .bot .pro_small_swiper .slide::before {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 8px;
    border: 2px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

#pro_detail_info .pro_pic .bot .pro_small_swiper .slide.swiper-slide-thumb-active::before {
    border-color: var(--main);
}

#pro_detail_info .pro_pic .bot .btn {
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
    margin-top: 0;
}

#pro_detail_info .pro_pic .bot .btn .svg {
    font-size: 12px;
    color: #ccc;
    width: 12px;
    fill: #ccc;
    transform: scale(1.5);
}

#pro_detail_info .pro_pic .bot .btn.prev .svg {
    transform: rotate(180deg) scale(1.5);
}

#pro_detail_info .pro_pic .bot .btn:hover .svg {
    color: #333;
    fill: #333;
}

#pro_detail_info .pro_info {
    width: 62.18%;
}

#pro_detail_info .pro_info .one {
    padding-bottom: 35px;
    border-bottom: 1px solid #e5e5e5;
}

#pro_detail_info .pro_info .one .name {
    font-size: 32px;
    line-height: 46px;
    color: #333;
    font-weight: 600;
}

#pro_detail_info .pro_info .one .brief {
    margin-top: 17px;
}

#pro_detail_info .pro_info .one .brief .li {
    margin-top: 5px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    position: relative;
}

#pro_detail_info .pro_info .one .brief .li:first-child {
    margin-top: 0;
}

#pro_detail_info .pro_info .one .brief .li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
}

#pro_detail_info .pro_info .two {
    padding: 30px 0 40px;
    border-bottom: 1px solid #e5e5e5;
}

#pro_detail_info .pro_info .two .item {
    margin-top: 10px;
    margin-right: 4.5%;
    font-size: 16px;
    line-height: 1;
    color: #666;
}

#pro_detail_info .pro_info .two .item .item_tit {
    margin-right: 20px;
}

#pro_detail_info .pro_info .two .item .item_desc {
    padding: 12px 23px;
    border: 1px solid #e5e5e5;
}

#pro_detail_info .pro_info .two .item:last-child {
    margin-right: 0;
}

#pro_detail_info .pro_info .two .number_more .item_desc .jt {
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pro_detail_info .pro_info .two .number_more .item_desc .jt .svg {
    font-size: 9px;
    color: #999;
    width: 12px;
    fill: #999;
}

.products_main .number_item .more_box {
    top: -19px;
    left: -1px;
    z-index: 2;
    padding: 9px 0 19px 24px;
    width: 365px;
    height: max-content;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: #666;
}

.products_main .number_item .more_box .box_ul {
    margin-bottom: 18px;
    max-height: calc(35px * 4);
    overflow: auto;
}

.products_main .number_item .more_box .box_ul .li {
    margin-right: 39px;
    margin-top: 10px;
    line-height: 23px;
    line-height: 25px;
}

.products_main .number_item .more_box .scrollbar::-webkit-scrollbar,
.products_main .number_item .more_box .scrollbar *::-webkit-scrollbar {
    height: 3px;
    width: 5px;
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px;
}

.products_main .number_item .more_box .scrollbar::-webkit-scrollbar:hover,
.products_main .number_item .more_box .scrollbar *::-webkit-scrollbar:hover {
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px;
}

.products_main .number_item .more_box .scrollbar::-webkit-scrollbar-thumb,
.products_main .number_item .more_box .scrollbar *::-webkit-scrollbar-thumb {
    background: rgba(173, 173, 173, 1);
    border-radius: 2px;
}

.products_main .number_item .more_box .scrollbar::-webkit-scrollbar-thumb:hover,
.products_main .number_item .more_box .scrollbar *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 173, 173, 1);
    border-radius: 2px;
}

.products_main .number_item .more_box .box_btn {
    padding-right: 24px;
}

.products_main .number_item .more_box .box_btn .svg {
    margin-left: 12px;
    font-size: 9px;
    color: #999;
    width: 12px;
    fill: #999;
    transform: rotate(-90deg);
}

#pro_detail_info .pro_info .three {
    padding-top: 40px;
}

#pro_detail_info .pro_info .three .btn_ul {
    margin-bottom: 40px;
}

#pro_detail_info .pro_info .three .btn_ul .btn {
    margin-right: 20px;
    width: 220px;
    height: 52px;
    font-size: 18px;
    line-height: 1;
    color: #fff;
}

#pro_detail_info .pro_info .three .btn_ul .btn:hover {
    opacity: 0.8;
}

#pro_detail_info .pro_info .three .btn_ul .btn .jt {
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pro_detail_info .pro_info .three .btn_ul .btn .jt .svg {
    font-size: 15px;
    color: #fff;
    width: 20px;
    fill: #fff;
}

#pro_detail_info .pro_info .three .btn_ul .btn_jd {
    background-image: -moz-linear-gradient(0deg, rgb(241, 109, 109) 0%, rgb(235, 67, 67) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(241, 109, 109) 0%, rgb(235, 67, 67) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(241, 109, 109) 0%, rgb(235, 67, 67) 100%);
}

#pro_detail_info .pro_info .three .btn_ul .btn_tm {
    background-image: -moz-linear-gradient(0deg, rgb(247, 166, 86) 0%, rgb(241, 133, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(247, 166, 86) 0%, rgb(241, 133, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(247, 166, 86) 0%, rgb(241, 133, 26) 100%);
}

#pro_detail_info .pro_info .three .btn_ul .btn_xcx {
    background-image: -moz-linear-gradient(0deg, rgb(60, 222, 168) 0%, rgb(0, 204, 136) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(60, 222, 168) 0%, rgb(0, 204, 136) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(60, 222, 168) 0%, rgb(0, 204, 136) 100%);
}

#pro_detail_info .pro_info .three .btn_ul .shop_box .btn {
    margin-right: 0;
}

#pro_detail_info .pro_info .three .btn_ul .shop_box .code {
    display: none;
    top: 62px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 10px;
    width: 150px;
    height: 150px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

#pro_detail_info .pro_info .three .share_ul {
    font-size: 16px;
    line-height: 1;
    color: #666;
}

#pro_detail_info .pro_info .three .share_ul .txt {
    margin-right: 22px;
}

#pro_detail_info .pro_info .three .share_ul .icon {
    margin-right: 20px;
}

#pro_detail_info .pro_info .three .share_ul .icon .svg {
    font-size: 19px;
    color: #adadad;
    width: 22px;
    fill: #adadad;
}

#pro_detail_info .pro_info .three .share_ul .icon:hover .svg {
    color: var(--main);
    fill: var(--main);
}

/* #pro_detail_info .pro_info .three .share_ul .icon:nth-of-type(1):hover .svg{fill: #ff2026;}
#pro_detail_info .pro_info .three .share_ul .icon:nth-of-type(2):hover .svg{fill: #83c854;}
#pro_detail_info .pro_info .three .share_ul .icon:nth-of-type(3):hover .svg{fill: #09f;} */

/* ²úÆ·ÏêÇéÒ³-²Ëµ¥ */
#pro_detail_menu {
    height: 60px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    transition: all 0.5s ease-in-out;
}

#pro_detail_menu .item {
    margin: 0 44px;
    font-size: 16px;
    line-height: 59px;
    color: #333;
    position: relative;
}

#pro_detail_menu .item::before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: transparent;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#pro_detail_menu .item.cur {
    color: var(--main);
}

#pro_detail_menu .item.cur::before {
    background-color: var(--main);
}

#pro_detail_menu.fixed_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12;
    background-color: #fff;
}

#pro_detail_menu.fixed_menu .item {
    margin: 0 35px;
}

/* ²úÆ·ÏêÇé-ÄÚÈݲ¿·Ö */
#products_detail .detail_box {
    padding: 60px 0 30px;
}

#products_detail .detail_box .left_cont {
    width: 63.8%;
    padding: 50px 4.122% 100px;
    background-color: #fff;
}

#products_detail .detail_box .left_cont .title {
    font-size: 32px;
    line-height: 49px;
    color: #333;
    font-weight: 600;
}

#products_detail .detail_box .left_cont .overview .info {
    margin-top: 20px;
    font-size: 18px;
    line-height: 35px;
    color: #666;
}

#products_detail .detail_box .left_cont .advantage {
    margin-top: 60px;
}

#products_detail .detail_box .left_cont .advantage .adv_ul {
    margin-top: 15px;
}

#products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
    margin-top: 15px;
    margin-right: 15px;
    padding: 28px 35px 60px;
    width: 32%;
    background-color: #f8f8f8;
    position: relative;
}

#products_detail .detail_box .left_cont .advantage .adv_ul .adv_li:nth-child(3n) {
    margin-right: 0;
}

#products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .txt {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

#products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .num {
    position: absolute;
    bottom: 0;
    left: calc(100% - 72px);
    font-size: 48px;
    line-height: 0.8;
    color: rgba(31, 31, 31, 0.2);
    font-weight: 600;
}

#products_detail .detail_box .left_cont .data {
    margin-top: 70px;
}

#products_detail .detail_box .left_cont .data .data_ul {
    margin-top: 10px;
}

#products_detail .detail_box .left_cont .data .data_ul .data_li {
    padding: 37px 15px 34px 0;
    width: 33.33%;
    border-bottom: 1px solid #e5e5e5;
}

#products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit {
    padding-left: 20px;
    font-size: 16px;
    line-height: 23px;
    color: #666;
    position: relative;
}

#products_detail .detail_box .left_cont .data .data_ul .data_li .data_desc {
    padding-left: 20px;
    margin-top: 5px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
}

#products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #666;
    border-radius: 50%;
    background-color: transparent;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
}

#products_detail .detail_box .left_cont .detail {
    margin-top: 100px;
}

#products_detail .pro_page {
    margin-top: 60px;
    width: 100%;
}

#products_detail .pro_page .pg {
    padding: 0 2%;
    width: max-content;
    max-width: 45%;
    height: 50px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #333;
}

#products_detail .pro_page .pg span {
    display: block;
    width: 100%;
    line-height: 1.2em;
}

#products_detail .only_detail .pro_page .pg {
    background-color: #fff;
}

#products_detail .pro_page .pg:hover {
    border-color: var(--main);
    background-color: var(--main);
    color: #fff;
}

#products_detail .labelbox {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

#products_detail .labelbox .text {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}

#products_detail .labelbox .label {
    width: calc(100% - 80px);
    display: flex;
    flex-wrap: wrap;
}

#products_detail .labelbox .label .item {
    padding-left: 28px;
    position: relative;
    margin-right: 20px;
    margin-top: 20px;
}

#products_detail .labelbox .label .item .span {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    background: #f8f8f8;
    border-radius: 0 5px 5px 0;
    padding-right: 12px;
}

#products_detail .labelbox .label .item::before {
    content: "";
    width: 28px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/templates/medululian/static/Products/images/label.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: auto;
}

#products_detail .only_detail .labelbox .label .item .span {
    background-color: #fff;
}

#products_detail .only_detail .labelbox .label .item::before {
    background-image: url(/templates/medululian/static/Products/images/label-w.png);
}

#products_detail .labelbox .label .item:last-child {
    margin-right: 0;
}

#products_detail .detail_box .right_cont {
    width: 32.36%;
    position: sticky;
    top: 110px;
    right: 0;
    height: max-content;
}

#products_detail .detail_box .right_cont .cont {
    padding: 50px 20px 50px 40px;
    width: 100%;
    background-color: #fff;
}

#products_detail .detail_box .right_cont .cont_info {
    margin-right: 20px;
}

#products_detail .detail_box .right_cont .cont_info .pic {
    width: 100px;
    height: 80px;
}

#products_detail .detail_box .right_cont .cont_info .name {
    width: calc(100% - 100px);
    font-size: 22px;
    line-height: 1.3;
    color: #333;
}

#products_detail .detail_box .right_cont .right_cont_center {
    margin: 30px 0 35px;
    position: relative;
}

#products_detail .detail_box .right_cont .right_cont_center_in {
    max-height: 150px;
    overflow-y: auto;
}

#products_detail .detail_box .right_cont .right_cont_center.more_txt:before {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1));
    transition: all 0.5s ease-in-out;
    z-index: 4;
}

#products_detail .detail_box .right_cont .right_cont_center.more_txt.ended:before {
    display: none;
}

#products_detail .detail_box .right_cont .right_cont_center .scrollbar::-webkit-scrollbar,
#products_detail .detail_box .right_cont .right_cont_center .scrollbar *::-webkit-scrollbar {
    height: 3px;
    width: 5px;
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px;
}

#products_detail .detail_box .right_cont .right_cont_center .scrollbar::-webkit-scrollbar:hover,
#products_detail .detail_box .right_cont .right_cont_center .scrollbar *::-webkit-scrollbar:hover {
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px;
}

#products_detail .detail_box .right_cont .right_cont_center .scrollbar::-webkit-scrollbar-thumb,
#products_detail .detail_box .right_cont .right_cont_center .scrollbar *::-webkit-scrollbar-thumb {
    background: rgba(173, 173, 173, 1);
    border-radius: 2px;
}

#products_detail .detail_box .right_cont .right_cont_center .scrollbar::-webkit-scrollbar-thumb:hover,
#products_detail .detail_box .right_cont .right_cont_center .scrollbar *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 173, 173, 1);
    border-radius: 2px;
}

#products_detail .detail_box .right_cont .cont_brief {
    margin-right: 20px;
}

#products_detail .detail_box .right_cont .cont_brief .li {
    margin-top: 5px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    position: relative;
}

#products_detail .detail_box .right_cont .cont_brief .li:first-child {
    margin-top: 0;
}

#products_detail .detail_box .right_cont .cont_brief .li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
}

#products_detail .detail_box .right_cont .cont_desc {
    padding: 10px 0 40px;
    margin-right: 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#products_detail .detail_box .right_cont .cont_desc .item {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1;
    color: #666;
}

#products_detail .detail_box .right_cont .cont_desc .item .item_tit {
    margin-right: 20px;
}

#products_detail .detail_box .right_cont .cont_desc .item .item_desc {
    padding: 12px 23px;
    border: 1px solid #e5e5e5;
}

#products_detail .detail_box .right_cont .cont_desc .item:last-child {
    margin-right: 0;
}

#products_detail .detail_box .right_cont .cont_desc .number_more .item_desc .jt {
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#products_detail .detail_box .right_cont .cont_desc .number_more .item_desc .jt .svg {
    font-size: 9px;
    color: #999;
    width: 12px;
    /*height: 6px;*/
    fill: #999;
}

#products_detail .detail_box .right_cont .btn_ul {
    margin-right: 20px;
    margin-top: 40px;
    justify-content: flex-start;
}

#products_detail .detail_box .right_cont .btn_ul .btn {
    margin-right: 10px;
    width: 123px;
    height: 50px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
}

#products_detail .detail_box .right_cont .btn_ul .btn:hover {
    opacity: 0.8;
}

#products_detail .detail_box .right_cont .btn_ul .btn .jt {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#products_detail .detail_box .right_cont .btn_ul .btn .jt .svg {
    font-size: 15px;
    color: #fff;
    width: 20px;
    fill: #fff;
}

#products_detail .detail_box .right_cont .btn_ul .btn_jd {
    background-image: -moz-linear-gradient(0deg, rgb(241, 109, 109) 0%, rgb(235, 67, 67) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(241, 109, 109) 0%, rgb(235, 67, 67) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(241, 109, 109) 0%, rgb(235, 67, 67) 100%);
}

#products_detail .detail_box .right_cont .btn_ul .btn_tm {
    background-image: -moz-linear-gradient(0deg, rgb(247, 166, 86) 0%, rgb(241, 133, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(247, 166, 86) 0%, rgb(241, 133, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(247, 166, 86) 0%, rgb(241, 133, 26) 100%);
}

#products_detail .detail_box .right_cont .btn_ul .btn_xcx {
    background-image: -moz-linear-gradient(0deg, rgb(60, 222, 168) 0%, rgb(0, 204, 136) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(60, 222, 168) 0%, rgb(0, 204, 136) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(60, 222, 168) 0%, rgb(0, 204, 136) 100%);
}

#products_detail .detail_box .right_cont .btn_ul .shop_box .btn {
    margin-right: 0;
}

#products_detail .detail_box .right_cont .btn_ul .shop_box .code {
    display: none;
    top: 62px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 10px;
    width: 150px;
    height: 150px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

#products_detail .detail_box .right_cont .cont_pop {
    top: 50px;
    right: calc(100% + 20px);
    z-index: 5;
    width: 500px;
    height: 500px;
    background-color: #fff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

#products_detail .detail {
    font-size: calc(14px + 0.15vw);
    line-height: 1.2;
}

#products_detail .detail img {
    width: 100%;
    font-size: 0;
    vertical-align: top;
    height: auto;
}

#products_detail .detail p {
    margin-bottom: 0.4em;
    line-height: 1.8;
}

#products_detail .detail p>img:only-child {
    margin: 0 auto !important;
    display: block !important;
}

/* 20250904ÐÂÔö£º½öµ±p±êÇ©ÄÚÖ»ÓÐÒ»ÕÅͼƬʱ£¬Çå¿ÕÆäËùÓб߾à */
#products_detail .detail p:has(> img:only-child) {
    margin: 0 !important;
    padding: 0 !important;
}

/* ²úÆ·ÏêÇé-Ïà¹Ø²úÆ· */
#products_related {
    padding: 90px 0 120px;
}

#products_related #products_category_list {
    padding: 0;
}

#products_related .list {
    margin-top: 50px;
}

/* ²úÆ·ÏêÇé-²úÆ·²ÎÊý */
#products_data {
    padding: 60px 0 120px;
}

#products_data .data_box {
    padding: 30px 5%;
    width: 100%;
    background-color: #fff;
}

#products_data .data_box .data_item {
    padding: 65px 0;
    border-bottom: 1px solid #e5e5e5;
}

#products_data .data_box .data_item:last-child {
    border: 0;
}

#products_data .data_item .data_type {
    padding-right: 3%;
    width: 20.83%;
    font-size: 20px;
    line-height: 1.2;
    color: #333;
    font-weight: 600;
}

#products_data .data_item .data_info {
    width: calc(100% - 20.83%);
}

#products_data .data_item .data_info .data_li {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
}

#products_data .data_item .data_info .data_li:first-child {
    margin-top: 0;
}

#products_data .data_item .data_info .data_li .tit {
    width: 32.99%;
    padding-right: 3%;
}

#products_data .data_item .data_info .data_li .data {
    width: 66.49%;
    color: #666;
}

#products_data .prompt_box {
    margin-top: 65px;
}

#products_data .prompt_box .prompt_tit {
    font-size: 18px;
    line-height: 26px;
    color: #333;
}

#products_data .prompt_box .prompt_desc {
    margin-top: 15px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
}

/* ²úÆ·²ÎÊýCSSÖع¹ 20250904 */
/* ±êÌâÑùʽ */
#products_data .data_box p:first-child {
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

#products_data .data_box p:first-child span,
#products_data .data_box p:first-child strong {
    font-size: 18px;
    color: #00cc88;
    font-weight: 600;
}

/* ²ÎÊýÁбíͨÓÃÑùʽ */
#products_data .data_box p {
    margin: 0;
    padding: 10px 0;
    line-height: 1.6;
    font-size: 0.95em;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #f0f0f0;
}

#products_data .data_box p:last-child {
    border-bottom: none;
}

/* ²ÎÊýÃûÑùʽ */
#products_data .data_box p strong {
    flex: 0 0 255px;
    color: #666;
    font-weight: 600;
    margin-right: 12px;
}

/* ²ÎÊýÖµÑùʽ */
#products_data .data_box p span:not(:first-child),
#products_data .data_box p a,
#products_data .data_box p {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.6;
}

/* Á´½ÓÑùʽ */
#products_data .data_box p a.seolabel {
    color: #007bff;
    text-decoration: none;
    transition: all 0.3s ease;
}

#products_data .data_box p a {
    display: inline-block;
}

/* Ö»ÓÐÒ»ÕÅͼƬµÄÇé¿öÏÂÇ¿ÖƾÓÖÐ */
#products_data .data_box p>img:only-child {
    margin: 0 auto;
    /* ˮƽ¾ÓÖÐ */
    display: block;
    /* È·±£Í¼Æ¬×ÔÉí²»¼Ì³ÐÐÐÄÚÌØÐÔ */
}

/* ²úÆ·ÏêÇé-×ÊÁÏÏÂÔØ */
#products_download {
    padding-top: 60px;
}

#products_download .down_li {
    margin-top: 36px;
    padding: 55px 3.91% 70px;
    width: 48.83%;
    background-color: #fff;
}

#products_download .down_li .down_type {
    font-size: 16px;
    line-height: 25px;
    color: #666;
}

#products_download .down_li .down_name {
    margin-top: 17px;
    font-size: 20px;
    line-height: 34px;
    color: #000;
}

#products_download .down_li .down_btn {
    margin-top: 50px;
    width: 140px;
    height: 50px;
    background-color: #f8f8f8;
    font-size: 16px;
    line-height: 1;
    color: #333;
}

#products_download .down_li .down_btn .icon {
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#products_download .down_li .down_btn .icon .svg {
    font-size: 20px;
    color: #333;
    width: 22px;
    fill: #333;
}

#products_download .down_li .down_btn:hover {
    background-color: var(--main);
    color: #fff;
}

#products_download .down_li .down_btn:hover .icon .svg {
    color: #fff;
    fill: #fff;
}

/* ²úÆ·Áбíɸѡ¿òµ¯³ö²ãÑùʽ */
#filter_box {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -5;
    opacity: 0;
    transition:
        transform 0.42s cubic-bezier(0.32, 0.94, 0.6, 1) 0s,
        opacity 0.32s cubic-bezier(0.32, 0.94, 0.6, 1) 0s;
    display: flex;
    align-items: flex-end;
}

#filter_box.active {
    z-index: 16;
    opacity: 1;
}

#filter_box .filter_back {
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

#filter_box .filter_box_in {
    width: 100%;
    height: inherit;
    min-height: 65%;
    max-height: 80%;
    background-color: #fff;
    padding: 5vw 4vw;
    z-index: 5;
}

#filter_box .pop_subbox {
    margin-top: 7vw;
    padding-right: 1vw;
    width: 100%;
    max-height: calc(100% - 14vw);
    overflow-y: auto;
}

#filter_box .pop_subbox .pop_top {
    width: 100%;
    padding: 0 4vw;
    height: max-content;
    position: absolute;
    top: 5vw;
    left: 0;
    z-index: 1;
}

#filter_box .pop_subbox .pop_top .pop_title {
    font-size: 0.2rem;
    line-height: 1.3;
    color: #333;
    font-weight: 600;
}

#filter_box .pop_subbox .pop_top .pop_close .svg {
    width: 3vw;
    height: 3vw;
}

#filter_box .pop_subbox .filter_list {}

#filter_box .pop_subbox .filter_list .filter {
    margin-bottom: 5vw;
}

#filter_box .pop_subbox .filter_list .filter .name {
    font-size: 0.18rem;
    line-height: 1.5;
    font-weight: 600;
}

#filter_box .pop_subbox .filter_list .filter .ul .li {
    margin-top: 2vw;
    margin-right: 2vw;
    padding: 0 2vw;
    width: max-content;
    min-width: 19vw;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    line-height: 1;
    color: #666;
    border: 1px solid #e5e5e5;
}

#filter_box .pop_subbox .filter_list .filter .ul .li.active {
    border-color: var(--main);
    color: var(--main);
}

#filter_box .pop_subbox .bot_btn {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#filter_box .pop_subbox .bot_btn .btn {
    height: 0.6rem;
    font-size: 0.16rem;
    line-height: 1;
}

#filter_box .pop_subbox .bot_btn .reset {
    width: 30%;
    color: #666;
    background-color: #e5e5e5;
}

#filter_box .pop_subbox .bot_btn .confirm {
    width: 70%;
    color: #fff;
    background-color: var(--main);
}

#filter_box .scrollbar::-webkit-scrollbar,
#filter_box .scrollbar *::-webkit-scrollbar {
    height: 3px;
    width: 5px;
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px;
}

#filter_box .scrollbar::-webkit-scrollbar:hover,
#filter_box .scrollbar *::-webkit-scrollbar:hover {
    background: rgba(173, 173, 173, 0.2);
    border-radius: 2px;
}

#filter_box .scrollbar::-webkit-scrollbar-thumb,
#filter_box .scrollbar *::-webkit-scrollbar-thumb {
    background: rgba(173, 173, 173, 1);
    border-radius: 2px;
}

#filter_box .scrollbar::-webkit-scrollbar-thumb:hover,
#filter_box .scrollbar *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 173, 173, 1);
    border-radius: 2px;
}

/* µ¯³öÄ£¿éÑùʽ */
#imageModule {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    height: 100%;
}

#imageModule .module_cont {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

#imageModule .pro_pic,
#imageModule .pro_pic .main,
#imageModule .pro_pic .main .slide,
#imageModule .pro_pic .main .slide .swiper-pic,
#imageModule .pro_pic .bot .thumbs .slide,
#imageModule .pro_pic .bot .thumbs .slide .pic {
    width: 100%;
    height: 100%;
}

#imageModule .pro_pic .main {
    padding-top: 80px;
    max-height: calc(100% - 180px);
}

#imageModule .pro_pic .main .slide .swiper-pic {
    display: inline-block;
    backface-visibility: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    transition: transform 0.3s ease;
    overflow: visible;
}

#imageModule .pro_pic .main .slide .swiper-pic img {
    max-width: 100%;
    z-index: 10000;
    /*transform: translate3d(-50%, -50%, 0); */
    cursor: grab;
}

#imageModule .pro_pic .main .slide .swiper-pic.is-dragging img {
    cursor: grabbing;
    max-width: none;
    max-height: none;
}

#imageModule .pro_pic .main .slide .swiper-pic {
    z-index: 5;
}

#imageModule .pro_pic .main .slide .picTop {
    z-index: 10;
}

#imageModule .pro_pic .bot {
    position: absolute;
    bottom: -100px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: max-content;
    background-color: rgba(255, 255, 255, 0.7);
    transition: bottom 0.5s ease-in-out;
}

#imageModule .pro_pic .bot.open {
    bottom: 0;
}

#imageModule .pro_pic .bot .bot_top {
    padding: 20px;
    position: relative;
}

#imageModule .pro_pic .bot .bot_top .pro_name {
    font-size: 18px;
    line-height: 1.2;
    color: #333;
}

#imageModule .pro_pic .bot .bot_top .close {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 2;
}

#imageModule .pro_pic .bot .bot_top .close .svg {
    font-size: 23px;
    color: #333;
    width: 25px;
    fill: #333;
}

#imageModule .pro_pic .bot .thumbs {
    padding: 10px 20px;
    background-color: #fff;
}

#imageModule .pro_pic .bot .thumbs .slide {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
}

#imageModule .pro_pic .bot .thumbs .slide.swiper-slide-thumb-active {
    border-color: var(--main);
}

#imageModule .op_pg {
    top: 50%;
    transition: translateY(-50%);
    opacity: 1;
    display: flex;
    background-color: rgba(0, 0, 0, 0.3);
}

#imageModule .op_pg.prev {
    left: 1.125%;
}

#imageModule .op_pg.next {
    right: 2.125%;
}

#imageModule .op_pg.swiper-button-disabled {
    opacity: 0.35;
}

#imageModule .pic_model_swiper .model_top {
    padding: 0 20px;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: inherit;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #fff;
}

#imageModule .swiper-pagination {
    position: relative;
    bottom: inherit;
    top: inherit;
    left: inherit;
    z-index: 5;
    background-color: transparent;
    width: max-content;
    padding: 0;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}

#imageModule .controls {
    width: max-content;
    gap: 10px;
}

#imageModule .controls .control_btn {
    padding: 10px 15px;
    width: max-content;
    height: max-content;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#imageModule .controls .control_btn .svg {
    width: 25px;
    height: 25px;
    fill: #333;
}

/* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
.scrollbar::-webkit-scrollbar,
.scrollbar *::-webkit-scrollbar {
    height: 3px;
    width: 5px;
    background: rgba(173, 173, 173, 0.2);
    border-radius: 5px;
}

.scrollbar::-webkit-scrollbar:hover,
.scrollbar *::-webkit-scrollbar:hover {
    background: rgba(173, 173, 173, 0.2);
    border-radius: 5px;
}

.scrollbar::-webkit-scrollbar-thumb,
.scrollbar *::-webkit-scrollbar-thumb {
    background: rgba(173, 173, 173, 1);
    border-radius: 5px;
}

.scrollbar::-webkit-scrollbar-thumb:hover,
.scrollbar *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(173, 173, 173, 1);
    border-radius: 5px;
}

#pro_category {
    padding: 80px 0 105px;
}

/* ×ó²à·ÖÀà */
#pro_category .left {
    width: 21.528%;
    position: sticky;
    top: 110px;
    left: 0;
    transition: top 0.5s ease;
}

#pro_category .cate_list {
    padding: 8px 3.23% 10px;
    width: 100%;
    height: max-content;
    background-color: #fff;
}

#pro_category .cate_item {
    margin-top: 2px;
    padding: 0 6.452%;
    background-color: #fff;
    transition: all 0.5s ease;
}

#pro_category .cate_item_one {
    padding: 18px 0;
    cursor: pointer;
}

#pro_category .cate_item_one .icon {
    margin-right: 15px;
    width: 35px;
    height: 35px;
    background-color: #f8f8f8;
}

#pro_category .cate_item_one .icon img {
    width: 19px;
    height: 19px;
}

#pro_category .cate_item_one .text {
    max-width: calc(100% - 50px);
    font-size: 18px;
    line-height: 1.3;
    color: #333;
}

#pro_category .cate_item:hover {
    background-color: #f8f8f8;
}

#pro_category .cate_item:first-child .cate_item_one .jt {
    opacity: 0;
    top: 50%;
    right: 30%;
    transform: translateY(-50%);
    z-index: 1;
}

#pro_category .cate_item:first-child .cate_item_one .jt .svg {
    font-size: 15px;
    color: #333;
}

#pro_category .cate_item:first-child:hover .cate_item_one .jt {
    opacity: 1;
    right: 0;
}

#pro_category .cate_item_two {
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

#pro_category .cate_item_two_in {
    padding-left: 16.129%;
    padding-bottom: 25px;
}

#pro_category .cate_item_two .li {
    margin-top: 10px;
}

#pro_category .cate_item_two .li:first-child {
    margin-top: 0;
}

#pro_category .cate_item_two .li .jt {
    margin-right: 15px;
}

#pro_category .cate_item_two .li .jt .svg {
    color: #999;
    font-size: 7px;
}

#pro_category .cate_item_two .li .name {
    max-width: calc(100% - 20px);
    font-size: 16px;
    line-height: 25px;
    color: #666;
}

#pro_category .cate_item_two .li:first-child .name {
    line-height: 25px;
}

#pro_category .cate_item.active {
    background-color: #f8f8f8;
}

#pro_category .cate_item.active .cate_item_two {
    height: auto;
}

#pro_category .cate_item.active .cate_one .text,
#pro_category .cate_item_two .li:hover .name,
#pro_category .cate_item_two .li.cur .name,
#pro_category .cate_item_two .li.cur .svg {
    color: var(--main);
}

/* ÓÒ²à²úÆ·Áбí */
#pro_category .right {
    width: 74.375%;
}

#pro_category .cate_top {
    width: 100%;
}

#pro_category .cate_top_info {
    width: calc(100% - 40%);
}

#pro_category .cate_top_info .name {
    font-size: 42px;
    line-height: 55px;
    color: #333;
    font-weight: bold;
}

#pro_category .cate_top_info .brief {
    margin-top: 8px;
    font-size: 18px;
    line-height: 30px;
    color: #666;
}

#pro_category .cate_top_search {
    width: 33.12%;
}

#pro_category .cate_top_search .form {
    width: 100%;
    height: 55px;
    overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50px;
}

#pro_category .cate_top_search .form .input {
    margin: 0;
    width: calc(100% - 55px);
    height: 100%;
}

#pro_category .cate_top_search .form .input input {
    display: block;
    padding-left: 25px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
}

#pro_category .cate_top_search .form .submit {
    margin-bottom: 0;
    width: 55px;
    height: 100%;
    background: url(/templates/medululian/static/Products/images/search.svg) no-repeat center;
}

#pro_category .cate_top_search .form:hover {
    border-color: var(--main);
}

#pro_category .cate_banner {
    margin-top: 35px;
    width: 100%;
    height: 280px;
    display: block;
}

#pro_category .cate_banner_pic {
    z-index: 1;
}

#pro_category .cate_banner_pic picture {
    display: block;
    width: 100%;
    height: 100%;
}

#pro_category .cate_banner_pic picture img {
    transition: all 0.3s;
}

#pro_category .cate_banner_text {
    padding: 0 6.54%;
    height: max-content;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

#pro_category .cate_banner_text>div {
    color: #fff;
}

#pro_category .cate_banner_text .name {
    max-width: 60%;
    font-size: 36px;
    line-height: 54px;
    font-weight: 500;
}

#pro_category .cate_banner_text .brief {
    margin-top: 15px;
    max-width: 60%;
    font-size: 20px;
    line-height: 27px;
}

@media (min-width: 1200px) {
    #pro_category .cate_banner:hover .cate_banner_pic picture img {
        transform: scale(1.03);
    }
}

#pro_category .cate_card {
    padding-top: 45px;
}

/* #pro_category .cate_card .cate_info{position: relative; z-index: 15;} */
#pro_category .cate_card .cate_info {
    position: relative;
    z-index: 10;
}

#pro_category .cate_card:hover .cate_info {
    position: relative;
    z-index: 11;
}

#pro_category .cate_info .tit {
    font-size: 36px;
    line-height: 1.5;
    color: #333;
    font-weight: 600;
}

#pro_category .btn {
    padding: 0 25px;
    width: max-content;
    height: 50px;
    background-color: #fff;
    font-size: 16px;
    color: #333;
}

#pro_category .btn.more {
    margin-left: 20px;
    background-color: #666666;
    color: #fff;
}

#pro_category .btn .jt {
    margin-left: 40px;
    transform: rotate(90deg);
    transition: all 0.3s ease;
}

#pro_category .btn .jt .svg {
    font-size: 8px;
}

#pro_category .select.cur .btn,
#pro_category .select .btn:hover {
    background-color: var(--main);
    color: #fff;
}

#pro_category .select.cur .jt,
#pro_category .select .btn:hover .jt {
    transform: rotate(-90deg);
}

#pro_category .btn.more .jt {
    transform: rotate(0);
}

#pro_category .btn.more:hover {
    background-color: #333;
}

#pro_category .select {
    width: max-content;
    height: max-content;
}

#pro_category .select .btn::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 60%;
    left: 0;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
}

#pro_category .select.cur .btn::before {
    pointer-events: auto;
}

#pro_category .select_list {
    width: 150%;
    height: 0;
    left: 0;
    top: calc(100% + 10px);
    z-index: 2;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

#pro_category .select_list .h {
    background: #fff;
    height: max-content;
    overflow: hidden;
}

#pro_category .select_list .listwrap {
    margin: 10px;
    height: max-content;
    max-height: 380px;
    overflow-y: auto;
}

#pro_category .select_list .select_li a {
    width: 100%;
    padding: 0 25px;
    font-size: 16px;
    color: #666666;
    line-height: 40px;
    width: 100%;
    display: inline-block;
}

#pro_category .select_list .select_li:hover a {
    background: #fafafa;
    color: var(--main);
}

#pro_category .list {}

#pro_category .item {
    margin-top: 36px;
    margin-right: 3.36%;
    width: 31.09%;
}

#pro_category .item.item_hot {
    width: 65.546%;
}

#pro_category .item:nth-child(2),
#pro_category .item:nth-child(3n-1) {
    margin-right: 0;
}

#pro_category .item .a {
    padding-bottom: 40px;
    background-color: #fff;
}

#pro_category .item .pic {
    width: 100%;
    height: 342px;
    overflow: hidden;
}

#pro_category .item .info {
    width: 100%;
    margin-top: 8px;
    padding: 0 7%;
}

#pro_category .item .title {
    width: 100%;
    font-size: 17px;
    line-height: 27px;
    color: #333;
    font-weight: 400;
}

#pro_category .item .model {
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    line-height: 23px;
    color: #adadad;
    font-weight: normal;
}

#pro_category .item.item_hot .a {
    padding: 0;
    height: 100%;
}

#pro_category .item.item_hot .pic {
    width: 50%;
}

#pro_category .item.item_hot .info {
    padding: 0 7% 0 4%;
    width: 50%;
}

#pro_category .item.item_hot .btn {
    margin-left: 0;
    margin-top: 55px;
}

#pro_category .item:hover .pic img {
    transform: translate(-50%, -50%) scale(1.05);
}

#pro_category .item:hover .title {
    color: var(--main);
}

#pro_category .exploreNasBtn::before {
    display: none !important;
}

@media (max-width: 1680px) {
    #products .pro_item .hot_pro_box {
        height: 580px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        width: 23%;
        margin-top: 34px;
        margin-right: 34px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic,
    #products_category_list .list .item .pic {
        height: 330px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        width: 200px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        width: 31.2%;
    }

    #products_detail .detail_box .right_cont .cont_desc {
        margin-right: 10px;
    }

    #products_detail .detail_box .right_cont .btn_ul .btn {
        width: 120px;
        font-size: 14px;
    }

    /* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
    #pro_category .cate_banner {
        height: 16.5vw;
    }

    #pro_category .cate_banner_text {
        padding: 0 5.54%;
    }

    #pro_category .cate_banner_text .name {
        font-size: 34px;
        line-height: 1.5em;
    }

    #pro_category .cate_banner_text .brief {
        margin-top: 10px;
    }

    /* #pro_category .cate_card{padding-top: 85px;} */

    #pro_category .item {
        margin-top: 2.1vw;
    }

    #pro_category .item .pic {
        height: 19.6vw;
    }

    #pro_category .item.item_hot .btn {
        margin-top: 2vw;
    }
}

@media (max-width: 1536px) {
    #products {
        padding-bottom: 110px;
    }

    #products_cate {
        padding: 100px 0 90px;
    }

    #products_cate .form {
        width: 700px;
        top: -35px;
        height: 70px;
    }

    #products .pro_item .hot_pro_box {
        margin-top: 45px;
        height: 530px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info {
        padding: 0 7.76%;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 42px;
        line-height: 1.3;
    }

    #products .pro_item {
        padding-top: 95px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        width: 23%;
        margin-top: 32px;
        margin-right: 32px;
        padding-bottom: 35px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic,
    #products_category_list .list .item .pic {
        height: 300px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info,
    #products_category_list .list .item .info {
        padding: 0 10%;
    }

    #pro-cate-banner {
        height: 470px;
    }

    #pro_detail_info .pro_pic .main {
        height: 428px;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper {
        height: 69px;
    }

    #pro_detail_info .pro_info .one {
        padding-bottom: 30px;
    }

    #pro_detail_info .pro_info .two {
        padding: 20px 0 30px;
    }

    #pro_detail_info .pro_info .two .item {
        margin-right: 4.5%;
    }

    .products_main .number_item .more_box {
        width: 335px;
    }

    .products_main .number_item .more_box .box_ul .li {
        margin-right: 30px;
    }

    #pro_detail_info .pro_info .three {
        padding-top: 30px;
    }

    #products_detail .detail_box .left_cont {
        padding: 40px 3.122% 80px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        width: 31.6%;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li {
        padding: 34px 15px 30px 0;
    }

    #products_detail .detail_box .left_cont .detail {
        margin-top: 80px;
    }

    #products_detail .detail_box .right_cont {
        width: 33.36%;
    }

    #products_detail .detail_box .right_cont .cont {
        padding: 40px 20px 40px 30px;
    }

    #products_detail .detail_box .right_cont .cont_pop {
        width: 460px;
        height: 460px;
    }

    #products_detail .detail_box .right_cont .cont_desc {
        padding: 0 0 30px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item .item_tit {
        margin-right: 15px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item .item_desc {
        padding: 12px 18px;
    }

    #products_detail .detail_box .right_cont .cont_pop {
        top: 40px;
    }

    #products_detail .detail_box .right_cont .btn_ul {
        margin-top: 30px;
    }

    /* #products_detail .detail_box .right_cont .btn_ul .btn{width: 118px;} */

    #products_related {
        padding: 60px 0 100px;
    }

    #products_data .data_box .data_item {
        padding: 55px 0;
    }

    #products_data .prompt_box {
        margin-top: 55px;
    }

    #products_download .down_li {
        margin-top: 33px;
    }

    /* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
    #pro_category {
        padding: 80px 0 100px;
    }

    #pro_category .left {
        width: 22.528%;
    }

    #pro_category .cate_item_one {
        padding: 16px 0;
    }

    #pro_category .cate_banner_text .name {
        font-size: 32px;
    }

    #pro_category .cate_banner_text .brief {
        font-size: 18px;
        line-height: 1.5;
    }

    /* #pro_category .cate_card{padding-top: 75px;} */
    #pro_category .item a {
        padding-bottom: 35px;
    }
}

@media (max-width: 1440px) {
    #products {
        padding-bottom: 100px;
    }

    #products_cate {
        padding: 90px 0 70px;
    }

    #products_cate .cate_ul .cate_li .name {
        font-size: 16px;
        line-height: 25px;
    }

    #products .pro_item,
    #products .pro_item:first-child {
        padding-top: 85px;
    }

    #products .pro_item .item_top .cate_name {
        font-size: 38px;
    }

    #products .pro_item .hot_pro_box {
        margin-top: 40px;
        height: 480px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info {
        padding: 0 6.76%;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 36px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_brief {
        margin-top: 15px;
        font-size: 18px;
        line-height: 1.3;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_more {
        margin-top: 40px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        margin-top: 30px;
        margin-right: 30px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic,
    #products_category_list .list .item .pic {
        height: 280px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic img,
    #products_category_list .list .item .pic img {
        transform: scale(0.85);
    }

    #products .pro_item .hot_pro_list .hot_pro_item:hover .pic img,
    #products_category_list .list .item:hover .pic img {
        transform: scale(0.9);
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .name,
    #products_category_list .list .item .info .name {
        font-size: 16px;
        line-height: 1.5;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .model,
    #products_category_list .list .item .info .model {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.4;
    }

    #pro-cate-banner {
        height: 445px;
    }

    #pro-cate-banner .cont_text .text .title {
        font-size: 40px;
        line-height: 54px;
    }

    #pro-cate-banner .cont_text .text .brief {
        font-size: 20px;
    }

    #pro_detail_info .pro_pic .main {
        height: 397px;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper {
        height: 63px;
    }

    .products_main .number_item .more_box {
        width: 315px;
    }

    .products_main .number_item .more_box .box_ul .li {
        margin-right: 25px;
    }

    #pro_detail_info .pro_info .three {
        padding-top: 25px;
    }

    #pro_detail_info .pro_info .three .btn_ul {
        margin-bottom: 30px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        width: 175px;
        font-size: 16px;
    }

    #products_detail .detail_box .left_cont .title {
        font-size: 28px;
        line-height: 1.4;
    }

    #products_detail .detail_box .left_cont .overview .info {
        margin-top: 15px;
    }

    #products_detail .detail_box .left_cont .advantage {
        margin-top: 50px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul {
        margin-top: 10px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        padding: 25px 30px 55px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .num {
        font-size: 42px;
    }

    #products_detail .detail_box .left_cont .data {
        margin-top: 60px;
    }

    #products_detail .detail_box .left_cont .detail {
        margin-top: 60px;
    }

    #products_detail .detail_box .right_cont .cont {
        padding: 40px 7.05% 30px;
    }

    #products_detail .detail_box .right_cont .cont_info .pic {
        margin-right: 20px;
        width: 80px;
    }

    #products_detail .detail_box .right_cont .cont_info .name {
        width: calc(100% - 100px);
        font-size: 20px;
    }

    #pro_detail_info .pro_info .one .brief .li::before,
    #products_detail .detail_box .right_cont .cont_brief .li::before {
        top: 9px;
    }

    #products_detail .detail_box .right_cont .right_cont_center {
        margin: 30px 0;
    }

    #products_detail .detail_box .right_cont .cont_brief {
        margin-right: 10px;
    }

    #products_detail .detail_box .right_cont .cont_desc {
        padding-bottom: 25px;
        margin-right: 10px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item {
        margin-top: 25px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item .item_tit {
        margin-right: 10px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item .item_desc {
        padding: 10px 20px;
    }

    #products_detail .detail_box .right_cont .btn_ul {
        margin-top: 25px;
        margin-right: 0;
    }

    #products_detail .detail_box .right_cont .btn_ul .btn {
        width: 106px;
        height: 45px;
        font-size: 14px;
    }

    #products_detail .detail_box .right_cont .btn_ul .btn .jt {
        display: none;
    }

    #products_detail .detail_box .right_cont .btn_ul .btn .jt .svg {
        width: 18px;
        height: 18px;
    }

    #products_detail .detail_box .right_cont .btn_ul .shop_box .code {
        top: inherit;
        bottom: 55px;
    }

    #products_detail .pro_page .pg {
        padding: 0 3%;
    }

    #products_download .down_li {
        margin-top: 30px;
    }

    /* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
    #pro_category {
        padding: 70px 0 80px;
    }

    #pro_category .cate_item_one .text {
        font-size: 16px;
    }

    #pro_category .cate_banner_text .name {
        font-size: 30px;
    }

    #pro_category .cate_banner_text .brief {
        font-size: 16px;
    }

    /* #pro_category .cate_card{padding-top: 70px;} */
    #pro_category .item .title {
        font-size: 16px;
        line-height: 1.5;
    }

    #pro_category .item .model {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.4;
    }
}

@media (max-width: 1366px) {
    #products_cate .form {
        width: 610px;
    }

    #products_cate .cate_ul .cate_li {
        min-height: 210px;
    }

    #products .pro_item .more {
        height: 45px;
    }

    #products .pro_item .hot_pro_box {
        margin-top: 30px;
        height: 460px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 34px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_brief {
        margin-top: 10px;
        font-size: 16px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        width: 23%;
        padding-bottom: 30px;
    }

    #pro-cate-banner {
        height: 415px;
    }

    #pro-cate-banner .cont_text .text .title {
        font-size: 46px;
        line-height: 1.3;
    }

    #products_category_top .cate_top .cate_info .name {
        font-size: 38px;
        line-height: 1.5;
    }

    #products_category_top .cate_top .cate_level {
        font-size: 24px;
    }

    #products_category_top .cate_top .cate_level .title-2 {
        font-size: 34px;
    }

    #products_category_filter .filter_box .filter .ul .li .a {
        margin: 0 18px;
    }

    #pro_detail_info {
        padding: 60px 0 80px;
    }

    #pro_detail_info .pro_pic {
        width: 33.56%;
    }

    #pro_detail_info .pro_pic .main {
        height: 383px;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper {
        height: 61px;
    }

    .products_main .number_item .more_box {
        width: 245px;
        padding: 9px 0 16px 18px;
        top: -10px;
        font-size: 14px;
    }

    .products_main .number_item .more_box .box_ul .li {
        margin-right: 15px;
        /*width: 170px;*/
    }

    #pro_detail_info .pro_info .three .btn_ul {
        margin-bottom: 25px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        font-size: 16px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn .jt {
        margin-right: 15px;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code {
        width: 140px;
        height: 140px;
    }

    #products_detail .detail_box .left_cont .overview .info {
        font-size: 16px;
        line-height: 1.8;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        padding: 20px 23px 50px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .txt {
        line-height: 1.8;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit::before {
        width: 6px;
        height: 6px;
        top: 7px;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_desc {
        font-size: 16px;
        line-height: 1.8;
    }

    #products_detail .pro_page {
        margin-top: 50px;
    }

    #pro_detail_info .pro_info .one .brief .li::before,
    #products_detail .detail_box .right_cont .cont_brief .li::before {
        top: 8px;
    }

    #products_detail .detail_box .right_cont .right_cont_center {
        margin: 20px 0;
    }

    /* #products_detail .detail_box .right_cont .cont_brief{padding: 20px 0;} */
    #products_detail .detail_box .right_cont .cont_brief .li {
        font-size: 14px;
        line-height: 22px;
    }

    #products_detail .detail_box .right_cont .cont_desc {
        margin-right: 0;
        padding-bottom: 20px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item {
        margin-top: 20px;
        font-size: 14px;
    }

    #products_detail .detail_box .right_cont .btn_ul {
        margin-right: 0;
        margin-top: 20px;
    }

    #products_detail .detail_box .right_cont .btn_ul .shop_box .code {
        width: 130px;
        height: 130px;
    }

    #products_detail .detail_box .right_cont .btn_ul .btn {
        width: 104px;
        height: 40px;
    }

    /* #products_data .data_item .data_type{font-size: 22px;} */
    /* #products_data .data_item .data_info .data_li{margin-top: 20px; font-size: 16px;} */

    #products_download .down_li {
        margin-top: 28px;
        padding: 55px 3.91% 60px;
    }

    /* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
    #pro_category .cate_top_info .name {
        font-size: 38px;
        line-height: 1.5;
    }

    #pro_category .cate_banner {
        margin-top: 30px;
    }

    #pro_category .cate_banner_text .name {
        font-size: 28px;
    }

    #pro_category .cate_info .tit {
        font-size: 32px;
    }

    #pro_category .item a {
        padding-bottom: 30px;
    }
}

@media (max-width: 1330px) {

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        width: 22.9%;
    }
}

@media (max-width: 1280px) {
    #products {
        padding-bottom: 80px;
    }

    #products_cate {
        padding: 70px 0;
    }

    #products_cate .form {
        width: 530px;
        top: -30px;
        height: 60px;
    }

    #products_cate .form .input input {
        font-size: 16px;
    }

    #products_cate .cate_ul .cate_li .icon {
        width: 48px;
        height: 49px;
    }

    #products .pro_item,
    #products .pro_item:first-child {
        padding-top: 80px;
    }

    #products .pro_item .item_top .cate_name {
        max-width: calc(100% - 200px);
    }

    #products .pro_item .more {
        min-width: 150px;
    }

    #products .pro_item .hot_pro_box {
        height: 440px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        margin-top: 25px;
        margin-right: 25px;
        width: 23%;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic,
    #products_category_list .list .item .pic {
        height: 250px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 32px;
    }

    #pro-cate-banner {
        height: 370px;
    }

    #pro-cate-banner .cont_text .text .title {
        font-size: 44px;
    }

    #pro-cate-banner .cont_text .text .brief {
        margin-top: 15px;
        font-size: 16px;
        line-height: 1.4;
    }

    #products_category_top .cate_top .cate_info .brief {
        font-size: 16px;
        line-height: 1.5;
    }

    #products_category_top .sub_cate .cate_li {
        height: 45px;
    }

    #products_category_list {
        padding-bottom: 100px;
    }

    /* #products_category_list .list .item{width: 23.1%; margin-top: 25px; margin-right: 25px; padding-bottom: 25px;}
    #products_category_list .list .item .pic{height: 250px;}
    #products_category_list .list .item .pic img{transform: scale(0.75);}
    #products_category_list .list .item:hover .pic img{transform: scale(0.8);} */
    /* #products_category_list .list .item .info .name{font-size: 16px; line-height: 1.4;}
    #products_category_list .list .item .info .model{margin-top: 5px; font-size: 14px; line-height: 1.3;} */

    #products_category_top .cate_top .cate_level {
        font-size: 22px;
    }

    #products_category_top .cate_top .cate_level .title-2 {
        font-size: 32px;
    }

    #pro_detail_info .pro_pic .main {
        height: 364px;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper {
        height: 57px;
    }

    #pro_detail_info .pro_info .one {
        padding-bottom: 25px;
    }

    #pro_detail_info .pro_info .two {
        padding: 15px 0 25px;
    }

    #pro_detail_info .pro_info .two .item {
        margin-right: 3.5%;
    }

    #pro_detail_info .pro_info .two .item .item_tit {
        margin-right: 15px;
    }

    #pro_detail_info .pro_info .two .item .item_desc {
        padding: 12px 20px;
    }

    #pro_detail_info .pro_info .three {
        padding-top: 25px;
    }

    #pro_detail_info .pro_info .three .btn_ul {
        margin-bottom: 25px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        width: 170px;
        height: 50px;
    }

    #products_detail .detail_box {
        padding-bottom: 0;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li {
        padding: 25px 15px;
    }

    #products_detail .detail_box .right_cont .btn_ul .btn {
        width: 95px;
    }

    #products_download .down_li {
        margin-top: 25px;
        padding: 55px 3.91% 60px;
    }

    #products_download .down_li .down_name {
        margin-top: 10px;
        line-height: 1.5;
    }

    #pro_category .cate_info .tit {
        font-size: 30px;
    }

    #pro_category .btn {
        height: 45px;
    }
}

@media (max-width: 1200px) {
    #products_cate .cate_ul .cate_li {
        min-height: 190px;
        padding: 40px 10px 30px;
    }

    #products .pro_item .item_top .cate_name {
        font-size: 36px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_more {
        margin-top: 35px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        width: 22.9%;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic,
    #products_category_list .list .item .pic {
        height: 234px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic img,
    #products_category_list .list .item .pic img {
        transform: scale(0.75);
    }

    #products .pro_item .hot_pro_list .hot_pro_item:hover .pic img,
    #products_category_list .list .item:hover .pic img {
        transform: scale(0.8);
    }

    #pro-cate-banner {
        height: 350px;
    }

    #pro-cate-banner .cont_text .text .title {
        font-size: 42px;
    }

    #products_category_top .cate_top .search .form {
        height: 50px;
    }

    #products_category_top .sub_cate .cate_li {
        padding: 0 25px;
    }

    #pro_detail_info .pro_pic .main {
        height: 340px;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper {
        height: 77px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        width: 170px;
        height: 45px;
    }

    /* #pro_detail_menu{height: 70px;} */
    #pro_detail_menu .item {
        margin: 0 35px;
        font-size: 18px;
    }

    #products_detail .detail_box .left_cont .title {
        font-size: 26px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        width: 31%;
        padding: 20px 20px 50px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item {
        margin-top: 15px;
    }

    #products_detail .detail_box .right_cont .cont_desc .item .item_desc {
        padding: 10px 15px;
    }

    #products_detail .detail_box .right_cont .btn_ul .btn {
        width: 90px;
    }

    #products_related .list {
        margin-top: 40px;
    }

    #products_download .down_li {
        margin-top: 23px;
        padding: 50px 3.91%;
    }

    #products_download .down_li .down_btn {
        margin-top: 40px;
    }
}

@media (max-width: 1100px) {
    #pro_detail_info .pro_pic .main {
        height: 310px;
    }

    #pro_detail_info .pro_pic .bot .pro-small_swiper {
        height: 70px;
    }

    #pro_detail_info .pro_info .two {
        padding: 10px 0 20px;
    }

    #pro_detail_info .pro_info .two .item {
        margin-top: 10px;
    }
}

@media (max-width: 1050px) {
    #products_cate {
        padding: 70px 0 60px;
    }

    #products_cate .form {
        width: 500px;
    }

    #products .pro_item,
    #products .pro_item:first-child {
        padding-top: 70px;
    }

    #products .pro_item .hot_pro_box {
        margin-top: 20px;
        height: 355px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 30px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_more {
        margin-top: 20px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        width: 23.2%;
        margin-top: 20px;
        margin-right: 20px;
        padding-bottom: 20px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic,
    #products_category_list .list .item .pic {
        height: 200px;
    }

    #pro-cate-banner {
        height: 330px;
    }

    #products_category_top {
        padding: 60px 0 40px;
    }

    #products_category_top .cate_top .cate_info {
        width: calc(100% - 30%);
    }

    #products_category_top .cate_top .search {
        width: 29%;
    }

    #products_category_top .sub_cate .cate_li {
        padding: 0 20px;
        margin-top: 10px;
        margin-right: 10px;
    }

    #products_category_list {
        padding-bottom: 90px;
    }

    #products_category_top .cate_top .cate_level {
        font-size: 20px;
    }

    #products_category_top .cate_top .cate_level .title-2 {
        font-size: 30px;
    }

    #pro_detail_info .pro_pic .main {
        height: 303px;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper {
        height: 65px;
    }

    #pro_detail_info .pro_info .one .name {
        font-size: 30px;
        line-height: 1.5;
    }

    #pro_detail_info .pro_info .two {
        padding: 10px 0 20px;
    }

    #pro_detail_info .pro_info .two .item {
        margin-top: 10px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        margin-right: 15px;
        width: 165px;
    }

    #products_detail .detail_box .left_cont {
        width: 100%;
    }

    #products_detail .detail_box .right_cont {
        display: none;
    }

    #products_data .data_box .data_item {
        padding: 45px 0;
    }

    #products_data .prompt_box {
        margin-top: 45px;
    }

    #products_download .down_li {
        margin-top: 21px;
    }

    #pro_category .cate_card .cate_info {
        z-index: 14;
    }
}

@media (max-width: 992px) {
    .products_main {
        margin-top: 66px;
    }

    /* .products_main #index-swiper{height: 50vw;} */
    #products_cate {
        padding: 8vw 0;
    }

    #products_cate .form {
        width: 460px;
    }

    #products_cate .form .input input {
        font-size: 0.14rem;
    }

    #products_cate .cate_ul {
        flex-wrap: wrap;
    }

    #products_cate .cate_ul .cate_li {
        width: 25%;
    }

    #products_cate .cate_ul .cate_li .name {
        font-size: 0.14rem;
        line-height: 1.2;
    }

    #products .pro_item,
    #products .pro_item:first-child {
        padding-top: 8vw;
    }

    #products .pro_item .more {
        font-size: 0.13rem;
    }

    #products .pro_item .more:hover {
        background-color: #fff;
        color: #333;
    }

    #products .pro_item .more:hover .jt .svg {
        fill: #333;
        stroke: #333;
    }

    #products .pro_item .item_top .cate_name {
        font-size: 0.298rem;
    }

    #products .pro_item .hot_pro_box {
        height: 340px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 0.24rem;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_brief {
        font-size: 0.13rem;
    }

    #products .pro_item .hot_pro_list {
        flex-wrap: wrap;
    }

    #products .pro_item .hot_pro_list .hot_pro_item,
    #products_category_list .list .item {
        width: 48.5%;
    }

    #products .pro_item .hot_pro_list .hot_pro_item:nth-child(2n) {
        margin-right: 0;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic,
    #products_category_list .list .item .pic {
        height: 310px;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .name,
    #products_category_list .list .item .info .name {
        font-size: 0.16rem;
        white-space: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .model,
    #products_category_list .list .item .info .model {
        font-size: 0.14rem;
    }

    #pro-cate-banner {
        margin-top: 66px;
        height: 320px;
    }

    #pro-cate-banner .cont_text .text .title {
        font-size: 0.298rem;
    }

    #pro-cate-banner .cont_text .text .brief {
        font-size: 0.13rem;
    }

    #products_category_top {
        padding: 8vw 0 6vw;
    }

    #products_category_top .cate_top .cate_info .name {
        font-size: 0.298rem;
        font-weight: 600;
    }

    #products_category_top .cate_top .cate_info .brief {
        font-size: 0.14rem;
    }

    #products_category_top .cate_top .search .form .input input {
        font-size: 0.14rem;
    }

    #products_category_top .sub_cate .cate_li {
        font-size: 0.13rem;
    }

    #products_category_list {
        padding-bottom: 8vw;
    }

    /* #products_category_list .list .item{width: 31.2%;} */
    #products_category_list .list .item:nth-child(4n) {
        margin-right: 20px;
    }

    #products_category_list .list .item:nth-child(2n) {
        margin-right: 0;
    }

    #products_category_list .list .item:nth-child(-n + 4) {
        margin-top: 20px;
    }

    #products_category_list .list .item:nth-child(-n + 2) {
        margin-top: 20px;
    }

    /* #products_category_list .list .item .pic{height: 220px;} */
    /* #products_category_list .list .item .info .name{font-size: .16rem; white-space: inherit; overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;} */

    #products_category_top .cate_top .cate_level {
        font-size: 0.14rem;
    }

    #products_category_top .cate_top .cate_level .title-2 {
        font-size: 0.26rem;
    }

    #products_category_filter .filter_box .filter .li,
    #products_category_filter .filter_selected .selected_ul .selected_li .txt,
    #products_category_filter .filter_selected .reset {
        font-size: 0.12rem;
    }

    #products_category_filter .filter_results {
        font-size: 0.2rem;
        line-height: 1.5;
    }

    .pro_detail_top {
        padding: 2vw 0;
    }

    #pro_detail_info {
        padding: 8vw 0;
    }

    #pro_detail_info .box {
        flex-direction: column;
    }

    #pro_detail_info .pro_pic {
        width: 100%;
    }

    #pro_detail_info .pro_pic .main {
        width: 100%;
        height: 88.5vw;
        margin-bottom: 3vw;
    }

    #pro_detail_info .pro_pic .main .swiper-pagination {
        display: none;
        justify-content: center;
        align-items: center;
        height: 0.0311rem;
        bottom: 2vw;
    }

    #pro_detail_info .pro_pic .main .swiper-pagination .swiper-pagination-bullet {
        width: 0.315rem;
        height: 100%;
        overflow: hidden;
        background-color: #999;
        border-radius: 5px;
        position: relative;
    }

    #pro_detail_info .pro_pic .main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 0.535rem;
        background-color: var(--main);
    }

    #pro_detail_info .pro_pic .main .slide .pic {
        transform: translateY(0);
        transform: translateX(0);
    }

    #pro_detail_info .pro_pic .main .slide .pic:nth-child(1) {
        display: none;
    }

    #pro_detail_info .pro_pic .main .slide .pic:nth-child(2) {
        display: block;
    }

    #pro_detail_info .pro_pic .main .fdj_btn {
        display: none;
    }

    /* Òƶ¯¶Ë-²úÆ·ÏêÇéÒ³´óͼ swiper ½â¾ö°²×¿¶Ë¹ö¶¯ÓÐ1pxÆ«ÒÆÎÊÌâ*/
    #pro_detail_info .pro_pic .main .slide .slide {
        transform: translateY(0);
        transform: translateX(0);
    }

    /* #pro_detail_info .pro_pic .bot{display:none;} */
    #pro_detail_info .pro_pic .bot .btn {
        width: 30px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0.04);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
    }

    /* ½â¾öÒƶ¯¶Ë²úÆ·Ïêϸҳ-ËõÂÔͼÂÖ²¥Í¼Æ¬±äÐεÄÎÊÌâ */
    #pro_detail_info .pro_pic .bot .pro_small_swiper {
        height: auto;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper .swiper-wrapper {
        align-items: flex-start;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper .slide {
        margin-right: 5%;
        height: auto !important;
        flex: 0 0 calc(85% / 4);
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper .slide:last-child {
        margin-right: 0;
    }

    #pro_detail_info .pro_pic .bot .pro_small_swiper .slide .pic {
        padding-top: 100%;
        border-radius: 8px;
        aspect-ratio: 1/1;
    }

    #pro_detail_info .pro_info {
        width: 100%;
        padding-top: 3vw;
    }

    #pro_detail_info .pro_info .one .name {
        font-size: 0.26rem;
        font-weight: 600;
    }

    #pro_detail_info .pro_info .one .brief .li {
        font-size: 0.14rem;
        line-height: 1.5;
    }

    #pro_detail_info .pro_info .one .brief .li::before {
        top: 9px;
    }

    #pro_detail_info .pro_info .two {
        padding: 15px 0 25px;
    }

    #pro_detail_info .pro_info .two .item {
        font-size: 0.14rem;
    }

    .products_main .number_item .more_box {
        width: 28vw;
        font-size: 0.13rem;
    }

    .products_main .number_item .more_box .box_ul .li {
        width: max-content;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        width: 200px;
        height: 50px;
        font-size: 0.13rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn:hover {
        opacity: 1;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb {
        bottom: calc(100% + 20px);
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        background-color: #fff;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb::before {
        content: "";
        display: block;
        width: 12px;
        height: 9px;
        background: url(/templates/medululian/static/Default/images/sj2.png) no-repeat center center;
        position: absolute;
        bottom: -8px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .in_box {
        padding: 20px 22px 15px;
        width: 220px;
        height: max-content;
        overflow: hidden;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit {
        margin-bottom: 20px;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .tit {
        font-size: 0.122rem;
        line-height: 1;
        color: #666;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .close {
        width: 10px;
        height: 10px;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_pic {
        margin: 0 auto;
        width: 145px;
        height: 145px;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_brief {
        margin-top: 15px;
        font-size: 0.122rem;
        line-height: 25px;
        color: #666;
    }

    #pro_detail_info .pro_info .three .share_ul {
        font-size: 0.14rem;
    }

    #pro_detail_info .pro_info .three .share_ul .icon {
        margin-right: 30px;
    }

    #pro_detail_info .pro_info .three .share_ul .icon .svg {
        font-size: 22px;
        width: 25px;
    }

    #imageModule .swiper-pagination,
    #imageModule .pro_pic .bot .bot_top .pro_name {
        font-size: 0.13rem;
    }

    #imageModule .op_pg {
        width: 0.35rem;
        height: 0.35rem;
        bottom: inherit;
        top: 50% !important;
        transition: translateY(-50%);
    }

    #pro_detail_menu .item {
        font-size: 0.13rem;
    }

    #products_detail .detail_box .left_cont {
        padding: 4vw 4.122% 8vw;
    }

    #products_detail .detail_box .left_cont .title {
        font-size: 0.2rem;
    }

    #products_detail .detail_box .left_cont .overview .info {
        font-size: 0.13rem;
    }

    #products_detail .detail_box .left_cont .advantage {
        margin-top: 8vw;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        padding: 2.5vw 2.5vw 6vw;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .txt {
        font-size: 0.13rem;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .num {
        font-size: 0.3rem;
    }

    #products_detail .detail_box .left_cont .data {
        margin-top: 8vw;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li {
        padding: 2.5vw 1.5vw;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit,
    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_desc {
        font-size: 0.13rem;
        line-height: 1.8;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit::before {
        top: 10px;
    }

    #products_detail .detail_box .left_cont .detail {
        margin-top: 8vw;
    }

    #products_detail .pro_page .pg {
        font-size: 0.12rem;
    }

    #products_detail .pro_page .pg span {
        line-height: 1.5;
    }

    #products_detail .labelbox {
        margin-top: 2.08333vw;
    }

    #products_detail .labelbox .text {
        font-size: 0.12rem;
    }

    #products_detail .labelbox .label .item .span {
        font-size: 0.105rem;
    }

    #products_detail .detail img {
        height: auto !important;
    }

    #products_related {
        padding: 8vw 0;
    }

    #products_data {
        padding: 8vw 0;
    }

    #products_data .data_box .data_item {
        padding: 6vw 0;
        flex-direction: column;
    }

    #products_data .data_item .data_type {
        width: 100%;
        padding-right: 0;
        font-size: 0.16rem;
        line-height: 1.4;
    }

    #products_data .data_item .data_info {
        width: 100%;
        margin-top: 3vw;
    }

    #products_data .data_item .data_info .data_li {
        margin-top: 2vw;
        font-size: 0.13rem;
        line-height: 1.4;
    }

    #products_data .prompt_box {
        margin-top: 8vw;
    }

    #products_data .prompt_box .prompt_tit {
        font-size: 0.15rem;
        line-height: 1.4;
    }

    #products_data .prompt_box .prompt_desc {
        font-size: 0.13rem;
        line-height: 1.6;
    }

    /* ƽ°åµçÄÔ²úÆ·²ÎÊý */
    /* ƽ°å¼°ÒÔÉÏ - Ë«Áв¼¾Ö */
    #products_data .data_box {
        padding: 30px;
    }

    #products_data .data_box p {
        padding: 12px 0;
        font-size: 15px;
    }

    .params-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
        gap: 10px;
    }

    #products_data .data_box p strong {
        flex: 0 0 120px;
    }

    #products_download {
        padding-top: 8vw;
    }

    #products_download .down_li {
        padding: 5vw 3.91%;
    }

    #products_download .down_li:nth-child(-n + 2) {
        margin-top: 0;
    }

    #products_download .down_li .down_type {
        font-size: 0.13rem;
        line-height: 1.4;
    }

    #products_download .down_li .down_name {
        margin-top: 1.5vw;
        font-size: 0.15rem;
        line-height: 1.6;
    }

    #products_download .down_li .down_btn {
        margin-top: 4vw;
        width: max-content;
        min-width: 16vw;
        height: 5vw;
        font-size: 0.13rem;
    }

    /* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
    .products-category-b2 {
        background-color: #fff;
    }

    .products-category-b2 .pro_subcategory_top {
        display: none;
    }

    .products-category-b2 #footer {
        display: none !important;
    }

    #pro_category {
        padding: 0;
    }

    #pro_category .container-center {
        width: 100%;
    }

    #pro_category .cate_list {
        display: none;
    }

    #pro_category .box {
        align-items: normal;
        justify-content: flex-end;
    }

    /* ·ÖÀà²Ëµ¥ */
    /* #pro_category .left{position: relative; top: 0; width: 25vw; height: -webkit-fill-available; min-height: 100vh; background-color: #f5f5f5;} */
    /* #pro_category .left{position: relative; top: 0 !important; width: 25vw; height: auto; background-color: #f5f5f5;} */
    #pro_category .left {
        position: fixed;
        top: 66px !important;
        width: 25vw;
        height: calc(100vh - 66px);
        background-color: #f5f5f5;
    }

    #pro_category .cate_mb {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow-y: auto;
        /*position: sticky; top: 66px; left: 0;*/
    }

    #pro_category .cate_mb::-webkit-scrollbar {
        display: none;
    }

    #pro_category .cate_mb_item {
        width: 100%;
    }

    #pro_category .cate_mb_item .in {
        padding: 2.4vw 4.2%;
        border-radius: 0;
        transition: border-radius 0.3s ease;
    }

    #pro_category .cate_mb_item i {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 1;
        display: block;
        width: 0.5vw;
        height: 2.5vw;
        background-color: var(--main);
        border-radius: 5px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #pro_category .cate_mb_item .name {
        font-size: 0.1364rem;
        line-height: 1.1em;
        color: #333;
    }

    #pro_category .cate_mb_item.active {
        background-color: #fff;
    }

    #pro_category .cate_mb_item.active .in {
        background-color: #fff;
    }

    #pro_category .cate_mb_item.active i {
        opacity: 1;
    }

    #pro_category .cate_mb_item.active .name {
        color: var(--main);
        font-weight: 600;
    }

    #pro_category .prev-active,
    #pro_category .next-active {
        background-color: #fff;
    }

    #pro_category .prev-active .in,
    #pro_category .next-active .in {
        background-color: #f4f4f4;
    }

    #pro_category .prev-active .in {
        border-bottom-right-radius: 8px;
    }

    #pro_category .next-active .in {
        border-top-right-radius: 8px;
    }

    /* ÓÒ²àÁбí */
    #pro_category .right {
        padding-right: 2vw;
        width: calc(100% - 27vw);
        background-color: #fff;
    }

    #pro_category .right_list {
        width: 100%;
        padding: 2.3vw 0 5vw;
    }

    #pro_category .cate_top {
        flex-direction: column;
    }

    #pro_category .cate_top_info {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #pro_category .cate_top_info .name {
        font-size: 0.1667rem;
        line-height: 1.1em;
    }

    #pro_category .cate_top_info .brief {
        margin-top: 1.4vw;
        margin-left: 0;
        font-size: 0.1212rem;
        line-height: 1;
    }

    #pro_category .cate_top_search {
        margin-top: 2vw;
        width: 100%;
    }

    #pro_category .cate_top_search .form {
        background-color: #f8f8f8;
        border-radius: 22px;
        padding: 1vw;
        height: max-content;
    }

    #pro_category .cate_top_search .form .input {
        width: calc(100% - 10vw);
    }

    #pro_category .cate_top_search .form .input input {
        font-size: 0.1364rem;
        padding: 0 1vw;
    }

    #pro_category .cate_top_search .form .submit {
        width: 10vw;
        height: 5vw;
        background: #333333;
        border-radius: 16px;
    }

    #pro_category .cate_top_search .form .submit span {
        display: block;
        font-size: 0.1212rem;
        color: #fff;
    }

    /* ¹ã¸æͼ */
    #pro_category .cate_banner {
        margin-top: 2vw;
        height: 34.5vw;
    }

    #pro_category .cate_banner_text {
        display: none;
    }

    #pro_category .cate_banner_text .name {
        font-size: 0.2121rem;
    }

    #pro_category .cate_banner_text .brief {
        font-size: 0.1364rem;
    }

    /*  Áбí-·ÖÀàÐÅÏ¢ */
    #pro_category .cate_card {
        padding-top: 5vw;
    }

    #pro_category .cate_info {
        flex-direction: column;
    }

    #pro_category .cate_name {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #pro_category .cate_info .tit {
        font-size: 0.1667rem;
        line-height: 1.3em;
    }

    #pro_category .cate_name .jt {
        display: block;
    }

    #pro_category .cate_name .jt .svg {
        font-size: 18px;
        color: #333;
    }

    #pro_category .btns {
        display: none;
    }

    #pro_category .cate_three_mb {
        display: block;
        margin-top: 2vw;
        width: 100%;
    }

    #pro_category .cate_three_mb .slide {
        margin-right: 2vw;
        width: max-content;
        background-color: #f4f4f4;
        border-radius: 16px;
    }

    #pro_category .cate_three_mb .slide a {
        padding: 0 3vw;
        font-size: 0.1515rem;
        line-height: 5.6vw;
        color: #666666;
        font-weight: normal;
    }

    /* Áбí */
    #pro_category .item,
    #pro_category .item.item_hot {
        margin-right: 0;
        padding: 0;
        width: 100%;
        background-color: #f4f4f4;
        border-radius: 22px;
    }

    #pro_category .item.item_hot .btn {
        display: none;
    }

    #pro_category .item .a,
    #pro_category .item.item_hot .a {
        padding: 1vw;
        display: flex;
        align-items: initial;
        flex-direction: row;
        background-color: transparent;
        border-radius: 0;
    }

    #pro_category .item .pic,
    #pro_category .item.item_hot .pic {
        width: 15vw;
        height: 15vw;
        background-color: #fff;
        border-radius: 16px;
        overflow: hidden;
    }

    #pro_category .item .info,
    #pro_category .item.item_hot .info {
        width: calc(100% - 15vw);
        height: auto;
        margin: 0;
        padding: 0;
        padding-left: 2vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #pro_category .item .title {
        font-size: 0.1667rem;
        line-height: 1.5em;
        font-weight: 500;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: inherit;
    }

    #pro_category .item .model {
        margin-top: 0.8vw;
        font-size: 0.1364rem;
        text-align: left;
        font-weight: normal;
    }

    #pro_category .item .jt {
        display: block;
        width: 4vw;
        height: 4vw;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #pro_category .item .jt .svg {
        font-size: 0.13rem;
        color: #333;
    }

    /* µ×²¿ */
    #pro_category .right_footer {
        display: flex;
        width: 100%;
        padding: 5vw 0;
        border-top: 1px solid #e5e5e5;
    }

    #pro_category .right_footer .text {
        font-size: 0.197rem;
        line-height: 1.5em;
        color: #999;
    }

    #pro_category .right_footer .li {
        margin-top: 0.8vw;
    }

    #pro_category .right_footer .li * {
        font-size: 0.1364rem;
        color: #999;
        line-height: 1.5em;
    }

    #pro_category .right_footer .li .p img {
        display: none;
    }

    #pro_category .right_footer .li span {
        display: inline-block;
    }

    #pro_category .right_footer .li:nth-child(2) {
        margin-top: 1.2vw;
    }

    #pro_category .right_footer .li:nth-child(2) .p {
        padding-left: 3vw;
        position: relative;
    }

    #pro_category .right_footer .li:nth-child(2) .p::before {
        content: "";
        display: block;
        width: 25px;
        height: 28px;
        background: url(/templates/medululian/static/Default/images/gab2.png) no-repeat center;
        background-size: 22px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 1;
    }

    #pro_category .right_footer .a:hover {
        color: var(--main);
    }
}

@media (max-width: 768px) {

    /* .products_main #index-swiper{height: 145vw;} */
    .products_main #index-swiper .point_list {
        display: flex;
        bottom: 6.167%;
    }

    #products_cate .form {
        margin: 0 auto 5vw;
        width: 80%;
        position: inherit;
        top: inherit;
        left: inherit;
        transform: translateX(0);
        z-index: 5;
        height: 7vw;
    }

    #products_cate .form:hover {
        border-color: transparent;
    }

    #products_cate .form .input input {
        font-size: 0.16rem;
    }

    #products_cate .cate_ul .cate_li {
        width: 25%;
    }

    #products_cate .cate_ul .cate_li .name {
        font-size: 0.18rem;
    }

    #products_cate .cate_ul .cate_li:hover {
        background-color: #fff;
    }

    #products_cate .cate_ul .cate_li:hover .name {
        color: #333;
    }

    #products .pro_item .item_top .cate_name {
        font-size: 0.4rem;
        max-width: calc(100% - 22vw);
    }

    #products .pro_item .more {
        padding: 0 3.2vw;
        min-width: 19vw;
        height: 5.5vw;
        font-size: 0.16rem;
    }

    #products .pro_item .hot_pro_box {
        height: 440px;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 0.3rem;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_brief {
        font-size: 0.16rem;
    }

    #products .pro_item .hot_pro_list .hot_pro_item {
        width: 48.2%;
        margin-top: 3vw;
        margin-right: 3vw;
        padding-bottom: 3vw;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .name {
        font-size: 0.18rem;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .model {
        font-size: 0.16rem;
    }

    #products .pro_item .hot_pro_list .hot_pro_item:hover .info .name {
        color: #333;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic img,
    #products .pro_item .hot_pro_list .hot_pro_item:hover .pic img,
    #products_category_list .list .item .pic img,
    #products_category_list .list .item:hover .pic img {
        transform: scale(0.9);
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_more {
        padding: 0;
        width: max-content;
        min-width: max-content;
        height: max-content;
        background-color: transparent;
        color: #fff;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_more .jt .svg {
        color: #fff;
        fill: #fff;
    }

    #products .pro_item .hot_pro_box .hot_pro_info.txt_w .pro_more {
        color: #333;
    }

    #products .pro_item .hot_pro_box .hot_pro_info.txt_w .pro_more .jt .svg {
        color: #333;
        fill: #333;
    }

    #pro-cate-banner {
        height: 65vw;
    }

    #pro-cate-banner .cont_text .text .title {
        font-size: 0.42rem;
    }

    #pro-cate-banner .cont_text .text .brief {
        margin-top: 1.5vw;
        font-size: 0.16rem;
    }

    #products_category_top {
        padding: 8vw 0 0;
    }

    #products_category_top.filter {
        padding-bottom: 0;
    }

    #products_category_top .cate_top {
        flex-direction: column;
    }

    #products_category_top .cate_top .cate_info {
        width: 100%;
        margin-bottom: 3vw;
    }

    #products_category_top .cate_top .cate_info .name {
        font-size: 0.42rem;
        font-weight: 600;
    }

    #products_category_top .cate_top .cate_info .brief {
        font-size: 0.16rem;
    }

    #products_category_top .cate_top .search {
        width: 100%;
    }

    #products_category_top .cate_top .search .form {
        height: 7vw;
    }

    #products_category_top .cate_top .search .form:hover {
        border-color: transparent;
    }

    #products_category_top .cate_top .search .form .input input {
        font-size: 0.16rem;
    }

    #products_category_top .sub_cate .cate_li {
        padding: 0 3vw;
        font-size: 0.16rem;
    }

    #products_category_top .sub_cate .cate_li:hover {
        color: #333;
        background-color: #fff;
    }

    #products_category_list {
        padding-bottom: 10vw;
    }

    #products_category_list .box {
        margin-bottom: 8vw;
    }

    #products_category_list .list .item {
        width: 48.2%;
        margin-top: 3vw;
        margin-right: 3vw;
        padding-bottom: 3vw;
    }

    #products_category_list .list .item:nth-child(3n) {
        margin-right: 3vw;
    }

    #products_category_list .list .item:nth-child(2n) {
        margin-right: 0;
    }

    #products_category_list .list .item:nth-child(-n + 4),
    #products_category_list .list .item:nth-child(-n + 3) {
        margin-top: 3vw;
    }

    #products_category_list .list .item:nth-child(-n + 2) {
        margin-top: 3vw;
    }

    #products_category_list .list .item .pic {
        height: 280px;
    }

    /* #products_category_list .list .item .pic img{transform: scale(0.85);}
    #products_category_list .list .item:hover .pic img{transform: scale(0.85);} */
    #products_category_list .list .item .info .name {
        font-size: 0.18rem;
    }

    #products_category_list .list .item .info .model {
        font-size: 0.16rem;
    }

    #products_category_list .list .item:hover .info .name {
        color: #333;
    }

    #products_category_top .cate_top .cate_level {
        font-size: 0.24rem;
    }

    #products_category_top .cate_top .cate_level .title-2 {
        font-size: 0.38rem;
    }

    #products_category_filter {
        margin: 3vw 0;
    }

    #products_category_filter .filter_box {
        padding: 0 4.6%;
    }

    #products_category_filter .filter_box .filter {
        padding: 4vw 0;
    }

    #products_category_filter .filter_box .filter .li,
    #products_category_filter .filter_selected .selected_ul .selected_li .txt {
        font-size: 0.16rem;
    }

    #products_category_filter .filter_box .filter .ul .li .a:hover {
        color: #666;
    }

    #products_category_filter .filter_selected .selected_ul .selected_li {
        margin-top: 2vw;
        margin-right: 2vw;
        height: 0.4rem;
    }

    #products_category_filter .filter_selected .selected_ul .selected_li .del:hover {
        background-color: #e5e5e5;
    }

    #products_category_filter .filter_selected .selected_ul .selected_li .del:hover .svg {
        color: #333;
        fill: #333;
    }

    #products_category_filter .filter_selected .reset:hover {
        background-color: #fff;
        color: #333;
    }

    #products_category_filter .filter_selected .reset:hover .icon .svg {
        color: #333;
        fill: #333;
    }

    #products_category_filter .filter_results {
        margin-top: 3vw;
    }

    #products_category_filter .filter_box {
        display: none;
    }

    #products_category_filter .filter_selected {
        margin-top: 0;
        flex-direction: column-reverse;
    }

    #products_category_filter .filter_selected .btns {
        justify-content: flex-start;
    }

    #products_category_filter .filter_selected .btns .select_btn {
        margin-right: 2vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        line-height: 1.1;
        color: #222;
    }

    #products_category_filter .filter_selected .btns .select_btn,
    #products_category_filter .filter_selected .reset {
        margin-top: 0;
        min-width: 20vw;
        height: 6vw;
        font-size: 0.16rem;
        border: 1px solid #e5e5e5;
    }

    #products_category_filter .filter_selected .btns .select_btn .icon,
    #products_category_filter .filter_selected .reset .icon {
        margin-right: 2vw;
    }

    #products_category_filter .filter_selected .btns .select_btn .icon .svg,
    #products_category_filter .filter_selected .reset .icon .svg {
        font-size: 20px;
        width: 5vw;
        height: 5vw;
    }

    .pro_detail_top {
        padding: 3vw 0;
    }

    #pro_detail_info .pro_info .one .brief .li,
    #pro_detail_info .pro_info .two .item,
    #pro_detail_info .pro_info .three .share_ul,
    .products_main .number_item .more_box,
    #pro_detail_info .pro_info .three .btn_ul .btn {
        font-size: 0.16rem;
    }

    .products_main .number_item .more_box {
        width: 31vw;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        width: 22vw;
        height: 6vw;
    }

    #pro_detail_menu .item {
        font-size: 0.16rem;
    }

    #pro_detail_info .pro_info .three .share_ul .icon:hover .svg {
        fill: #adadad;
    }

    #pro_detail_info .pro_info .three .share_ul .icon.qqBtn {
        display: none;
    }

    #pro_detail_info .pro_info .mb_wechat {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        width: 50vw;
        height: max-content;
        padding: 3.5vw 3.5vw 0;
        background-color: #fff;
        border-radius: 0.22rem;
        overflow: hidden;
    }

    #pro_detail_info .pro_info .mb_wechat .tip_icon {
        margin: 0 auto;
        width: 6vw;
        height: 6vw;
    }

    #pro_detail_info .pro_info .mb_wechat .tip_tit {
        margin-top: 2.5vw;
        font-size: 0.18rem;
        line-height: 1.5em;
        color: #333;
        font-weight: 600;
        text-align: center;
    }

    #pro_detail_info .pro_info .mb_wechat .tip_brief {
        margin-top: 1vw;
        font-size: 0.16rem;
        line-height: 1.2em;
        color: #666;
        text-align: center;
    }

    #pro_detail_info .pro_info .mb_wechat .close_btn {
        padding: 2.5vw 0 3.5vw;
        margin-top: 1.5vw;
        border-top: 1px solid #eee;
        font-size: 0.16rem;
        line-height: 1.2em;
        color: #1f8dd6;
        text-align: center;
    }

    #pro_detail_info .pro_pic .main {
        height: 92.5vw;
        margin-bottom: 5vw;
    }

    #pro_detail_info .pro_pic .bot {
        margin-top: 0;
    }

    /* #pro_detail_info .pro_pic .bot .pro_small_swiper{height: 120px;} */
    #pro_detail_info .pro_pic .bot .btn .svg {
        color: #333;
        fill: #333;
    }

    #pro_detail_info .pro_info {
        padding-top: 5vw;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn .jt {
        display: none;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb {
        bottom: 100%;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .in_box {
        width: 2.4rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .tit {
        font-size: 0.18rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .close {
        width: 15px;
        height: 15px;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .close .svg {
        transform: scale(1.1);
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_brief {
        font-size: 0.18rem;
        line-height: 1.3;
    }

    #products_detail .detail_box {
        padding: 8vw 0;
    }

    #products_detail .detail_box .left_cont .title {
        font-size: 0.26rem;
    }

    #products_detail .detail_box .left_cont .overview .info,
    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .txt {
        font-size: 0.16rem;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        padding: 2.5vw 3.5vw 6vw;
        width: 48%;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li:nth-child(3n) {
        margin-right: 15px;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li:nth-child(2n) {
        margin-right: 0;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .num {
        font-size: 0.36rem;
        left: calc(100% - 9vw);
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li {
        width: 50%;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit,
    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_desc {
        font-size: 0.16rem;
    }

    #products_detail .pro_page {
        margin-top: 0;
    }

    #products_detail .pro_page .pg {
        margin-top: 5vw;
        max-width: 47%;
        height: 0.5rem;
        font-size: 0.16rem;
    }

    #products_detail .pro_page .pg:hover {
        background-color: transparent;
        border-color: #e5e5e5;
        color: #333;
    }

    #products_detail .labelbox .text {
        margin-top: 2vw;
        font-size: 0.16rem;
    }

    #products_detail .labelbox .label .item {
        margin-top: 2vw;
    }

    #products_detail .labelbox .label .item .span {
        font-size: 0.14rem;
    }

    #products_detail .detail.detail_pc {
        display: none;
    }

    #products_detail .detail.detail_mb {
        display: block;
        padding: 15px;
    }

    #imageModule .swiper-pagination,
    #imageModule .pro_pic .bot .bot_top .pro_name {
        font-size: 0.18rem;
    }

    #imageModule .controls {
        gap: 8px;
    }

    #products_data .daa_item .data_type {
        font-size: 0.22rem;
    }

    #products_data .data_item .data_info .data_li {
        font-size: 0.16rem;
    }

    #products_data .prompt_box .prompt_tit {
        font-size: 0.18rem;
    }

    #products_data .prompt_box .prompt_desc {
        font-size: 0.16rem;
    }

    /* ²úÆ·²ÎÊýÊÖ»ú¶ËÑùʽ */
    /* ÊÖ»ú¶Ë - µ¥Áв¼¾Ö */
    #products_data .data_box {
        padding: 18px 15px;
        border-radius: 16px;
    }

    #products_data .data_box p {
        padding: 10px 5px;
        flex-direction: column;
        display: block;
        font-size: 0.95em;
    }

    #products_data .data_box p strong {
        flex: none;
        margin-bottom: 5px;
        color: #000;
        /* Òƶ¯¶Ë²ÎÊýÃûÍ»³öÏÔʾ */
        display: block;
    }

    #products_data .data_box p:first-child {
        padding-bottom: 8px;
        margin-bottom: 15px;
        text-align: left;
    }

    #products_data .data_box p a {
        display: inline-block;
    }

    #products_download .down_li {}

    #products_download .down_li .down_type {
        font-size: 0.16rem;
        line-height: 1.5;
    }

    #products_download .down_li .down_name {
        font-size: 0.2rem;
        line-height: 1.6;
    }

    #products_download .down_li .down_btn {
        min-width: 20vw;
        height: 6vw;
        font-size: 0.16rem;
    }

    #products_download .down_li .down_btn .icon .svg {
        font-size: 16px;
        width: 18px;
    }

    #products_download .down_li .down_btn:hover {
        background-color: #f8f8f8;
        color: #333;
    }

    #products_download .down_li .down_btn:hover .icon .svg {
        fill: #333;
    }

    #filter_box .pop_subbox {
        max-height: calc(100% - 18%);
    }

    /* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
    #pro_category .cate_mb_item .in {
        padding: 3.4vw 11%;
        text-align: center;
    }

    #pro_category .cate_mb_item i {
        height: 3.5vw;
    }

    #pro_category .cate_mb_item .name {
        font-size: 0.2rem;
    }

    #pro_category .right_list {
        padding: 3vw 0 5vw;
    }

    #pro_category .cate_top_info .name {
        font-size: 0.24rem;
    }

    #pro_category .cate_top_info .brief {
        font-size: 0.18rem;
    }

    #pro_category .cate_top_search .form:hover {
        border-color: transparent;
    }

    #pro_category .cate_top_search .form .input input,
    #pro_category .cate_top_search .form .submit span {
        font-size: 0.18rem;
    }

    #pro_category .cate_top_search .form .input input {
        padding: 0 2vw;
    }

    #pro_category .cate_top_search .form .submit {
        width: 12vw;
        height: 6vw;
    }

    #pro_category .cate_banner {
        height: 33.2vw;
    }

    #pro_category .cate_banner_text .name {
        font-size: 0.24rem;
    }

    #pro_category .cate_banner_text .brief {
        font-size: 0.18rem;
    }

    #pro_category .cate_info .tit {
        font-size: 0.24rem;
    }

    #pro_category .cate_name .jt .svg {
        font-size: 0.2rem;
    }

    #pro_category .cate_three_mb .slide a {
        font-size: 0.19rem;
        line-height: 6.6vw;
    }

    #pro_category .item .pic,
    #pro_category .item.item_hot .pic {
        width: 20vw;
        height: 20vw;
    }

    #pro_category .item .info,
    #pro_category .item.item_hot .info {
        width: calc(100% - 20vw);
        padding-top: 1vw;
    }

    #pro_category .item .title {
        font-size: 0.2rem;
    }

    #pro_category .item .model {
        font-size: 0.18rem;
    }

    #pro_category .item .jt {
        width: 5vw;
        height: 5vw;
    }

    #pro_category .item .jt .svg {
        font-size: 0.18rem;
    }

    #pro_category .item:hover .pic img {
        transform: translate(-50%, -50%) scale(1);
    }

    #pro_category .item:hover .title {
        color: #333;
    }

    #pro_category .right_footer .text {
        font-size: 0.24rem;
    }

    #pro_category .right_footer .li * {
        font-size: 0.18rem;
    }

    #pro_category .right_footer .li:nth-child(2) .p {
        padding-left: 4vw;
    }
}

@media (max-width: 680px) {
    #pro_detail_info .pro_pic .bot .pro-small_swiper {
        height: 105px;
    }
}

@media (max-width: 576px) {
    #products_cate {
        padding: 10vw 0;
    }

    #products_cate .form {
        width: 100%;
        height: 0.79rem;
    }

    #products_cate .form .input {
        width: calc(100% - 16%);
    }

    #products_cate .form .input input {
        padding-left: 8%;
        font-size: 0.26rem;
    }

    #products_cate .form .submit {
        width: 16%;
        background-size: 4vw;
    }

    #products_cate .cate_ul .cate_li {
        padding: 5vw 10px;
        min-height: 30vw;
    }

    #products_cate .cate_ul .cate_li .name {
        font-size: 0.26rem;
    }

    #products .pro_item,
    #products .pro_item:first-child {
        padding-top: 10vw;
    }

    #products .pro_item .item_top .cate_name {
        font-size: 0.45rem;
    }

    #products .pro_item .more {
        padding: 0 0.4rem;
        min-width: inherit;
        width: 32.6vw;
        height: 0.7rem;
        font-size: 0.24rem;
    }

    #products .pro_item .more .jt {
        width: 10px;
        transform: translateY(1px);
    }

    #products .pro_item .more .jt .svg {
        font-size: 0.18rem;
        transform: scale(0.8);
    }

    #products .pro_item .hot_pro_box {
        height: 75vw;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_name {
        font-size: 0.34rem;
    }

    #products .pro_item .hot_pro_box .hot_pro_info .pro_brief {
        font-size: 0.26rem;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .pic {
        height: 45vw;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .name {
        font-size: 0.28rem;
    }

    #products .pro_item .hot_pro_list .hot_pro_item .info .model {
        font-size: 0.26rem;
    }

    #pro-cate-banner .cont_text .text .title {
        font-size: 0.42rem;
    }

    #pro-cate-banner .cont_text .text .brief {
        font-size: 0.26rem;
    }

    #products_category_top {
        padding: 10vw 0 5vw;
    }

    #products_category_top .cate_top .cate_level {
        font-size: 0.26rem;
    }

    #products_category_top .cate_top .cate_info .name {
        font-size: 0.5rem;
    }

    #products_category_top .cate_top .cate_info .brief {
        font-size: 0.26rem;
    }

    #products_category_top .cate_top .search {
        width: 100%;
    }

    #products_category_top .cate_top .search .form {
        height: 0.79rem;
    }

    #products_category_top .cate_top .search .form .input {
        width: calc(100% - 16%);
    }

    #products_category_top .cate_top .search .form .input input {
        padding-left: 8%;
        font-size: 0.26rem;
    }

    #products_category_top .cate_top .search .form .submit {
        width: 16%;
        background-size: 4vw;
    }

    #products_category_top .sub_cate .cate_li {
        padding: 0 4.5vw;
        height: 8vw;
        font-size: 0.26rem;
    }

    #products_category_list .list .item .pic {
        height: 45vw;
    }

    /* #products_category_list .list .item .pic img{transform: scale(0.8);} */
    #products_category_list .list .item .info .name {
        font-size: 0.28rem;
    }

    #products_category_list .list .item .info .model {
        font-size: 0.26rem;
    }

    .pro_subcategory_top {
        padding: 5vw 0;
    }

    #products_category_filter {
        margin: 3vw 0 6vw;
    }

    #products_category_filter .filter_box .filter .li,
    #products_category_filter .filter_selected .selected_ul .selected_li .txt,
    #products_category_filter .filter_selected .reset,
    #products_category_filter .filter_selected .btns .select_btn {
        font-size: 0.26rem;
    }

    #products_category_filter .filter_box .filter .ul .li::before {
        top: 4px;
    }

    #products_category_filter .filter_selected {
        padding-bottom: 4vw;
        margin-bottom: 4vw;
        border-bottom: 1px solid #e5e5e5;
    }

    #products_category_filter .filter_selected .selected_ul .selected_li,
    #products_category_filter .filter_selected .reset,
    #products_category_filter .filter_selected .btns .select_btn {
        height: 9vw;
    }

    #products_category_filter .filter_selected .selected_ul {
        width: 100%;
        max-width: 100%;
    }

    #products_category_filter .filter_selected .selected_ul .selected_li .del {
        width: 0.38rem;
        height: 0.38rem;
    }

    #products_category_filter .filter_selected .selected_ul .selected_li .del .svg {
        font-size: 0.18rem;
        transform: scale(0.8);
        /*width: 10px; height: 10px;*/
    }

    #products_category_filter .filter_selected .btns .select_btn,
    #products_category_filter .filter_selected .reset {
        min-width: 30vw;
    }

    #products_category_filter .filter_results {
        margin-top: 0;
        font-size: 0.3rem;
    }

    #products_category_filter .filter_selected .btns .select_btn .icon .svg,
    #products_category_filter .filter_selected .reset .icon .svg {
        font-size: 0.34rem;
        transform: scale(0.8);
    }

    #filter_box .pop_subbox {
        margin-top: 8vw;
        max-height: calc(100% - 16%);
    }

    #filter_box .pop_subbox .pop_top .pop_close .svg {
        width: 4vw;
        height: 4vw;
    }

    #filter_box .pop_subbox .filter_list .filter .name {
        font-size: 0.3rem;
    }

    #filter_box .pop_subbox .filter_list .filter .ul .li {
        min-width: 20.2vw;
        height: 0.7rem;
        font-size: 0.26rem;
    }

    #filter_box .pop_subbox .bot_btn .btn {
        height: 0.75rem;
        font-size: 0.26rem;
    }

    #filter_box .pop_subbox .bot_btn .reset {
        width: 40%;
    }

    #filter_box .pop_subbox .bot_btn .confirm {
        width: 60%;
    }

    .pro_detail_top {
        padding: 5vw 0;
    }

    #pro_detail_info {
        padding: 10vw 0;
    }

    #pro_detail_info .pro_pic .main {
        height: 95.5vw;
    }

    /* #pro_detail_info .pro_pic .main .slide{transform: translateX(-2px); width: calc(100% + 2px) !important;} */
    #pro_detail_info .pro_pic .main .swiper-pagination {
        height: 5px;
        bottom: 1.5vw;
    }

    #pro_detail_info .pro_pic .main .swiper-pagination .swiper-pagination-bullet {
        width: 0.415rem;
        height: 5px;
    }

    /* #pro_detail_info .pro_pic .bot .pro_small_swiper{height: 14.4vw;} */
    #pro_detail_info .pro_info .one .name {
        font-size: 0.42rem;
    }

    #pro_detail_info .pro_info .one .brief .li,
    #pro_detail_info .pro_info .two .item,
    #pro_detail_info .pro_info .three .share_ul,
    .products_main .number_item .more_box,
    #pro_detail_info .pro_info .three .btn_ul .btn {
        font-size: 0.26rem;
    }

    #pro_detail_info .pro_info .one .brief .li::before {
        top: 1.5vw;
    }

    #pro_detail_info .pro_info .two .item .item_desc {
        padding: 3vw 20px;
    }

    /* #pro_detail_info .pro_info .two .number_more{width: 100%;} */
    #pro_detail_info .pro_info .two .number_more .item_desc .jt .svg {
        font-size: 0.18rem;
        width: auto;
        transform: scale(0.8);
    }

    .products_main .number_item .more_box {
        top: 0;
        width: 78vw;
    }

    .products_main .number_item .more_box .box_ul {
        max-height: 160px;
        min-height: 81px;
    }

    .products_main .number_item .more_box .box_ul .li {
        margin-top: 1.2vw;
        margin-right: 4vw;
    }

    /* .products_main .number_item .more_box .box_btn .svg{height: 7px} */
    #pro_detail_info .pro_info .three {
        padding-top: 10px;
    }

    #pro_detail_info .pro_info .three .btn_ul {
        margin-bottom: 4.5vw;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        margin-top: 15px;
        width: 25vw;
        height: 0.7rem;
        font-size: 0.24rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn .jt .svg {
        font-size: 20px;
        width: 20px;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn:nth-child(3) {
        margin-right: 0;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code {
        top: 14vw;
        width: 150px;
        height: 150px;
    }

    #pro_detail_info .pro_info .three .share_ul .icon {
        margin-right: 5vw;
    }

    #pro_detail_info .pro_info .three .share_ul .icon .svg {
        font-size: 0.38rem;
        width: auto;
    }

    #pro_detail_info .pro_pic .bot .btn {
        width: 25px;
        height: 40px;
    }

    #pro_detail_info .pro_info .mb_wechat {
        padding: 4.5vw 4.5vw 0;
        width: 60vw;
    }

    #pro_detail_info .pro_info .mb_wechat .tip_icon {
        width: 10vw;
        height: 10vw;
    }

    #pro_detail_info .pro_info .mb_wechat .tip_tit {
        margin-top: 3.5vw;
        font-size: 0.28rem;
    }

    #pro_detail_info .pro_info .mb_wechat .tip_brief,
    #pro_detail_info .pro_info .mb_wechat .close_btn {
        margin-top: 2.5vw;
        font-size: 0.26rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .in_box {
        width: 3.4rem;
        padding: 20px 18px 15px;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit {
        margin-bottom: 0.15rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .tit {
        font-size: 0.26rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .close {
        width: 20px;
        height: 20px;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_tit .close .svg {
        transform: scale(1.3);
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_pic {
        width: 27.5vw;
        height: 27.5vw;
    }

    #pro_detail_info .pro_info .three .btn_ul .shop_box .code_mb .code_brief {
        margin-top: 0.2rem;
        font-size: 0.24rem;
    }

    #imageModule .swiper-pagination,
    #imageModule .pro_pic .bot .bot_top .pro_name {
        font-size: 0.26rem;
    }

    #imageModule .controls .control_btn {
        padding: 1vw 1.5vw;
    }

    #imageModule .op_pg {
        width: 6.5vw;
        height: 6.5vw;
    }

    #pro_detail_menu {
        height: 11vw;
    }

    #pro_detail_menu .item {
        margin: 0 5vw;
        font-size: 0.26rem;
        line-height: calc(11vw - 1px);
    }

    #pro_detail_menu.fixed_menu .item {
        margin: 0 6.5vw;
    }

    #pro_detail_menu .item:nth-child(1) {
        margin-left: 0;
    }

    #pro_detail_menu .item:nth-child(3) {
        margin-right: 0;
    }

    #products_detail .detail_box {
        padding: 10vw 0 0;
    }

    #products_detail .detail_box .left_cont {
        padding: 5vw 4.122% 10vw;
    }

    #products_detail .detail_box .left_cont .title {
        font-size: 0.34rem;
    }

    #products_detail .detail_box .left_cont .overview .info,
    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .txt {
        font-size: 0.26rem;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li {
        padding: 4.5vw 5.5vw 10vw;
        margin-right: 0;
        width: 100%;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li:nth-child(3n) {
        margin-right: 0;
    }

    #products_detail .detail_box .left_cont .advantage .adv_ul .adv_li .num {
        font-size: 0.52rem;
        left: calc(100% - 11vw);
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit,
    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_desc {
        font-size: 0.26rem;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li {
        width: 100%;
        padding: 3.5vw 2.5vw;
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit::before {
        top: 12px;
    }

    #products_detail .detail_box .left_cont .advantage,
    #products_detail .detail_box .left_cont .data,
    #products_detail .detail_box .left_cont .detail {
        margin-top: 10vw;
    }

    #products_detail .pro_page {
        flex-wrap: wrap;
        margin-top: 7vw;
    }

    #products_detail .pro_page .pg {
        padding: 0 5%;
        margin-top: 4vw;
        height: 0.76rem;
        max-width: 100%;
        width: 100%;
        font-size: 0.26rem;
    }

    #products_detail .pro_page .pg.prev {
        margin-top: 0;
    }

    #products_detail .labelbox .text,
    #products_detail .labelbox .label .item .span {
        font-size: 0.24rem;
        line-height: 30px;
    }

    #products_data {
        padding: 10vw 0;
    }

    #products_data .data_item .data_type {
        font-size: 0.32rem;
        line-height: 1.5;
    }

    #products_data .data_item .data_info .data_li {
        flex-direction: column;
        margin-top: 3vw;
        font-size: 0.26rem;
        line-height: 1.5;
    }

    #products_data .data_item .data_info .data_li .tit {
        width: 100%;
        padding-right: 0;
    }

    #products_data .data_item .data_info .data_li .data {
        width: 100%;
    }

    #products_data .prompt_box .prompt_tit {
        font-size: 0.3rem;
        line-height: 1.5;
    }

    #products_data .prompt_box .prompt_desc {
        font-size: 0.22rem;
        line-height: 1.5;
    }

    #products_download {
        padding-top: 10vw;
    }

    #products_download .down_li {
        margin-top: 4vw;
        width: 100%;
        padding: 6.5vw;
    }

    #products_download .down_li:nth-child(-n + 2) {
        margin-top: 4vw;
    }

    #products_download .down_li:first-child {
        margin-top: 0;
    }

    #products_download .down_li .down_type {
        font-size: 0.24rem;
        line-height: 1.5;
    }

    #products_download .down_li .down_name {
        margin-top: 2vw;
        font-size: 0.3rem;
        line-height: 1.6;
    }

    #products_download .down_li .down_btn {
        margin-top: 5vw;
        padding: 0 0.25rem;
        min-width: 32.6vw;
        height: 0.69rem;
        font-size: 0.26rem;
    }

    #imageModule .op_pg {
        width: 8.5vw;
        height: 8.5vw;
    }

    #imageModule .op_pg .svg {
        width: 15px;
    }

    #imageModule .controls .control_btn:last-child {
        padding-right: 0;
    }

    #imageModule .controls .control_btn .svg {
        width: 20px;
        height: 20px;
    }

    /* 2025.6 ÖØÖòúÆ·Ò»¼¶·ÖÀàÒ³Ãæ */
    #pro_category .cate_mb_item .in {
        padding: 4.4vw 11%;
    }

    #pro_category .cate_mb_item .name {
        font-size: 0.26rem;
    }

    #pro_category .right_list {
        padding: 3.8vw 0 5vw;
    }

    #pro_category .cate_top_info .name {
        font-size: 0.32rem;
        line-height: 1.5em;
    }

    #pro_category .cate_top_info .brief {
        margin-top: 3vw;
        font-size: 0.24rem;
    }

    #pro_category .cate_top_search .form {
        border-radius: 0.22rem;
    }

    #pro_category .cate_top_search .form .input input,
    #pro_category .cate_top_search .form .submit span {
        font-size: 0.24rem;
    }

    #pro_category .cate_top_search .form .submit {
        width: 16vw;
        height: 8vw;
        border-radius: 0.16rem;
    }

    #pro_category .cate_banner_text .name {
        font-size: 0.26rem;
    }

    #pro_category .cate_banner_text .brief {
        font-size: 0.2rem;
    }

    #pro_category .cate_info .tit {
        font-size: 0.3rem;
        font-weight: 600;
    }

    #pro_category .cate_name .jt .svg {
        font-size: 0.2rem;
    }

    #pro_category .cate_three_mb .slide {
        border-radius: 0.16rem;
    }

    #pro_category .cate_three_mb .slide a {
        padding: 0 4vw;
        font-size: 0.24rem;
        line-height: 8.6vw;
    }

    #pro_category .item,
    #pro_category .item.item_hot {
        padding: 0;
        border-radius: 0.22rem;
    }

    #pro_category .item .a,
    #pro_category .item.item_hot .a {
        padding: 2vw;
    }

    #pro_category .item .pic,
    #pro_category .item.item_hot .pic {
        width: 23vw;
        height: 23vw;
        border-radius: 0.16rem;
    }

    #pro_category .item .info,
    #pro_category .item.item_hot .info {
        width: calc(100% - 23vw);
    }

    #pro_category .item .title {
        font-size: 0.245rem;
        font-weight: 400;
    }

    #pro_category .item .model {
        font-size: 0.22rem;
    }

    #pro_category .item .jt {
        width: 5vw;
        height: 5vw;
    }

    #pro_category .item .jt .svg {
        font-size: 0.16rem;
    }

    #pro_category .right_footer .text {
        font-size: 0.32rem;
    }

    #pro_category .right_footer .li * {
        font-size: 0.24rem;
    }

    #pro_category .right_footer .li:nth-child(2) .p {
        padding-left: 6vw;
    }
}

@media (max-width: 530px) {
    #products_category_filter .filter_selected .selected_ul {
        width: 100%;
        max-width: max-content;
    }

    /* #products_category_filter .filter_selected .btns .select_btn .icon .svg,
    #products_category_filter .filter_selected .reset .icon .svg{width: 18px; height: 16px;} */
    #products_category_filter .filter_selected .selected_ul .selected_li,
    #products_category_filter .filter_selected .reset,
    #products_category_filter .filter_selected .btns .select_btn {
        height: 0.79rem;
    }

    #filter_box .pop_subbox .pop_top .pop_close .svg {
        width: 5vw;
        height: 5vw;
    }
}

@media (max-width: 380px) {

    #products_cate .form,
    #products_category_top .cate_top .search .form {
        height: 1rem;
    }

    #products_category_filter .filter_selected .selected_ul .selected_li,
    #products_category_filter .filter_selected .reset,
    #products_category_filter .filter_selected .btns .select_btn {
        height: 1rem;
    }

    #products_cate .cate_ul .cate_li .icon {
        width: 9.5vw;
        height: 11.5vw;
    }

    #products .pro_item .item_top .cate_name {
        max-width: calc(100% - 35vw);
    }

    #products .pro_item .more {
        width: max-content;
        min-width: 33.6vw;
    }

    #pro_detail_info .pro_pic .main {
        height: 95.5vw;
    }

    /* #pro_detail_info .pro_pic .bot .pro_small_swiper{height: 13.4vw;} */
    #pro_detail_info .pro_pic .bot .btn {
        width: 0.5rem;
        height: 0.8rem;
    }

    #pro_detail_info .pro_pic .bot .btn .svg {
        width: 0.18rem;
        font-size: 0.18rem;
    }

    #pro_detail_info .pro_pic .main .swiper-pagination .swiper-pagination-bullet {
        height: 3px;
    }

    #pro_detail_info .pro_info .one .brief .li::before {
        top: 7px;
    }

    .products_main .number_item .more_box {
        width: 75vw;
    }

    .products_main .number_item .more_box .box_ul .li {
        margin-top: 5px;
    }

    #pro_detail_info .pro_info .two .number_more .item_desc .jt .svg,
    .products_main .number_item .more_box .box_btn .svg {
        font-size: 7px;
        /*height: 7px;*/
    }

    #pro_detail_info .pro_info .three .btn_ul .btn {
        margin-top: 0.23rem;
        margin-right: 0.23rem;
        padding: 0 5vw;
        min-width: 16vw;
        width: max-content;
        height: 0.79rem;
    }

    #pro_detail_info .pro_info .three .btn_ul .btn .jt .svg {
        font-size: 17px;
        width: 17px;
    }

    #pro_detail_info .pro_info .three .share_ul {
        flex-wrap: wrap;
    }

    #products_detail .labelbox {
        display: block;
    }

    #products_detail .labelbox .label {
        width: 100%;
    }

    #products_detail .labelbox .label .item .span,
    #products_detail .labelbox .text {
        font-size: 0.226rem;
    }

    #pro_detail_menu {
        height: 15vw;
    }

    #pro_detail_menu .item {
        margin: 0 5vw;
        line-height: calc(15vw - 1px);
    }

    #products_detail .detail_box .left_cont .data .data_ul .data_li .data_tit::before {
        top: 7px;
    }

    #products_related .list {
        margin-top: 20px;
    }
}<!--ºÄʱ1782465661.6185Ãë-->