@charset "UTF-8";

@font-face{
    font-family:'futura';
    src:url("../font/FuturaBTMd_0.ttf") format("truetype");
    font-weight: 500;
}
@font-face{
    font-family:'futura';
    src:url("../font/Futura-Medium-6.ttf") format("truetype");
    font-weight: 600;
}
@font-face{
    font-family:'futura';
    src:url("../font/ITC Avant Garde Gothic LT Bold.ttf") format("truetype");
    font-weight: 900;
}
@font-face{
    font-family:'futura';
    src:url("../font/Futura-Light-3.ttf") format("truetype");
    font-weight: 700;
}
@font-face{
    font-family:'futura';
    src:url("../font/Futura-Book-2.ttf") format("truetype");
    font-weight: 800;
}

@font-face{
    font-family:'futura_page';
    src:url("../font/Futura-Book-2.ttf") format("truetype");
}


@keyframes rotation {
    from{transform: translate(0,0)}
    to{transform:translate(0,6px)}
}


html{margin: 0;padding: 0;}
body{margin: 0;padding: 0;font-family:'futura', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
/*input,textarea{outline: none;}*/
button{padding: 0;background-color: unset}

/*一级通用，禁止更改*/
.img{position: relative;display: block;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
:root{
    --fz12:12px;
    --fz13:13px;
    --fz14:14px;
    --fz16:16px;
    --fz17:17px;
    --fz18:18px;
    --fz20:20px;
    --fz22:22px;
    --fz24:24px;
    --fz26:26px;
    --fz27:27px;
    --fz28:28px;
    --fz30:30px;
    --fz33:33px;
    --fz40:40px;
    --fz66:66px;
}

/**一级通用部分 禁止更改*/
/*主体宽度为 1220px*/
.main_width{width: 63.542%;margin: 0 auto;min-width: 1200px;}
.header .header_top{text-align: center;background-color: #1c1d1d; color: #ffffff;font-size: var(--fz16);padding: 7px 0;}
.header_father{width: 100%;position: relative;}
.header_bottom{display: flex;justify-content: space-between;padding: 20px 0;}
.header_bottom .logo{width: 15.574%;padding: 13px 0;}
.header_bottom nav{width: 74.508%;display: flex;align-items: center;}
.header_bottom .nav_right{width: 9.918%}
.header_bottom .nav_right .icon{cursor: pointer;}
.header_bottom .top_search{display: none;}
.header_bottom .top_search.active{display: block;}
.header_bottom .top_search{position: absolute;top: 0;left: 0;height: 100%;width: 100%}
.header_bottom .search_inner{display: flex;justify-content: space-between;background-color: #ffffff;height: 100%;align-items: center;animation: forward 0.5s;}
.header_bottom .search_inner i{font-size: var(--fz30)}
.header_bottom .search_inner a{text-align: center;}
.header_bottom .search_inner a ,
.header_bottom .search_inner>i{width: 4.918%;cursor: pointer;animation: forward_inner 0.5s}
.header_bottom .search_inner form{width: 0;flex: 1;}
.header_bottom .search_inner input{width: 100%;padding: 10px 5px;box-sizing: border-box;border: unset;animation: forward_inner 0.5s}
@keyframes forward {
    0% {height: 0}
    100%{height: 100%;}
}
@keyframes forward_inner {
    0%  {opacity: 0;}
    50% {opacity: 0;}
    100%{opacity: 1;}
}

/*ch-change-2022/11/23*/
.header_bottom .logo .img{padding-bottom: 34%;width: 93.158%}
.header_bottom nav>ul{display: flex;flex-wrap: wrap;padding-left: 13px;font-weight: 800}
.header_bottom nav>ul>li{padding-right: 8px;position: relative}
.header_bottom nav>ul>li .head_drop{display: flex;align-items: center;}
.header_bottom nav>ul>li .head_drop a{white-space: nowrap;font-size: var(--fz17);display: block;padding: 12px 8px;position: relative;}
.header_bottom nav>ul>li:hover .head_drop a::after{content: '';position: absolute;width: 85%;bottom: 0;left: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);z-index: 7}
.header_bottom nav>ul>li .down{display: none;}
.header_bottom nav>ul>li:hover .down{display: block;animation: nav_forward 0.5s}
@keyframes nav_forward {
    0%  {top: 30px;}
    100%{top: 45px;}
}
@keyframes text_forward {
    0%  {opacity: 0}
    50% {opacity: 0}
    100%{opacity: 1}
}

.header_bottom nav>ul>li .down{position: absolute;top: 45px;left: 0;background-color: #ffffff;z-index: 5;box-shadow: 4px 4px 4px rgba(0,0,0,0.2)}
.header_bottom nav>ul>li .down ul{padding: 10px 0 5px;}
.header_bottom nav>ul>li .down a{white-space: nowrap;display: block;padding: 6px 40px 6px 20px;animation: text_forward 0.1s}
.header_bottom nav>ul>li .down a:hover{padding: 6px 35px 6px 25px;transition: all 0.5s;box-sizing: border-box;}

.header_bottom .nav_right{display: flex;align-items: center;}
.header_bottom .nav_right i{padding: 10px 10px;font-size: var(--fz22)}
.header_bottom .nav_phone{display: none;}
.header_bottom .menu_phone{display: none;}

main{position: relative;}
main.active::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 19;}


.foot_top{display: flex;justify-content: center;padding: 40px 0;color: #ffffff;background-color: #000000;font-size: var(--fz18)}
/*ch-change-2022/11/23*/
.foot_top .list{padding-right: 20px;font-weight: 500}

.foot_bottom{width: 100%;background-color: #ff3895;padding: 80px 0 40px;}

/*ch-change-2022/11/24*/
.foot_bottom .foot_bottom_inner{display: flex;justify-content: space-between;font-weight: 600}
/*ch-change-2022/11/23*/
.foot_bottom .left{width: 13.934%;}
.foot_bottom .left .final_logo{display: block;margin-bottom: 30px;}
.foot_bottom .left .final_logo img{width: 150px;height: 55px;}
/*.foot_bottom .left .img{;padding-bottom: 34%;}*/
.foot_bottom .left .icon_logo{display: flex;flex-wrap: wrap;}
.foot_bottom .left .icon_logo a{padding-bottom: 15px;}
/*ch-change*/
.foot_bottom .left .icon_logo i{font-size: var(--fz24);margin-right: 14px;color: #ffffff;font-weight: 800}

/*ch-change-2022/11/24*/
.foot_bottom_inner>ul{width: 56.967%;display: flex;justify-content: space-between;}
.foot_bottom_inner>ul .right{width:41.115%}

.foot_bottom_inner>ul>li .icon{display: none;}
.foot_bottom_inner>ul>li:nth-of-type(1){width: 28.058%}
.foot_bottom_inner>ul>li:nth-of-type(2),
.foot_bottom_inner>ul>li:nth-of-type(3){width: 23.655%}
/*ch-change-2022/11/24*/
.foot_bottom_inner h4{color: #ffffff;font-size: var(--fz12);font-weight: 900;}

/*ch-change-2022/11/23*/
.foot_bottom_inner .drop_inner{cursor: pointer;}

.foot_bottom_inner a{font-size: var(--fz12);color: #ffffff;position: relative;z-index: 1;font-weight: 800}
.foot_bottom_inner ul li a::before{content: '';position: absolute;bottom: -2px;left: 0;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.3);z-index: 2}
.foot_bottom_inner ul li a::after{content: '';position: absolute;bottom: -2px;left: 0;width: 0;border-bottom: 1px solid #ffffff;z-index: 3;transition: all 0.5s}
.foot_bottom_inner ul li a:hover::after{width: 100%;}
.foot_bottom_inner>ul>li h4,
.foot_bottom_inner>ul>li>ul>li{padding-bottom: 20px;}
.foot_bottom_inner .right{width: 23.115%;}

/*ch-change-2022/11/24*/
.foot_bottom_inner .right h4{padding-bottom: 20px;font-weight: 900}
.foot_bottom_inner .right p{color: #ffffff;font-size: var(--fz13);padding-bottom: 20px;font-weight: 800}
.foot_bottom_inner .right p textarea{width:100%;background-color:transparent;border:1px solid rgba(255, 255, 255, 0.5);outline:none;box-sizing:border-box;color:#fff;padding:5px;margin-top:4px}
.foot_bottom_inner .right .form_inner{display: flex;justify-content: space-between}
.foot_bottom_inner .right .form_inner .input_in{width: 100%;position: relative;}
.foot_bottom_inner .right .form_inner .input_in input:focus {border: 1px solid rgba(255, 255, 255, .9);}
.foot_bottom_inner .right .form_inner .input_in .icon{position: absolute;top: 50%;transform: translateY(-50%);color: #ffffff;left: 10px;font-size: var(--fz22);font-weight: normal}
.foot_bottom_inner .right input{width: 100%;background-color: #ff3895;padding: 8px;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.5); outline: none;cursor:pointer;margin-top:4px}
.foot_final{width: 100%;background-color: #ff3895;padding: 20px 0;}
.foot_bottom_inner .right input[type='submit']{width:30%;padding:10px;color:#fff}
.foot_final p{text-align: center;color: #ffffff;font-size: var(--fz12)}
.foot_bottom .foot_bottom_inner>.right p{padding-bottom:5px;color:#fff}
.foot_bottom .foot_bottom_inner>.right p  input{color:#fff}
.whatsapp{position: fixed;bottom: 40px;left: 20px;z-index: 20;}
.whatsapp .whatsapp_float{display: flex;align-items: center;}
.whatsapp .whatsapp_float .icon_inner{width: 60px;height: 60px;background-color: #ff3895;border-radius: 50%;text-align: center; box-shadow: #2225 0 0 6px 0;}
.whatsapp .whatsapp_float i{font-size: var(--fz40);line-height: 60px;}
.whatsapp .whatsapp_float p{color: #000000;font-size: var(--fz16);padding: 10px 10px;font-weight: bolder;background-color: #ffffff;border-radius: 10px;margin-left: 10px; box-shadow: #2225 0 0 6px 0;}

/** 一级通用部分 end */


/*首页*/
.index_banner{width: 100%}
.index_banner .img{padding-bottom: 35%;width: 100%}
.index_banner .img .img_text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 60px 0;box-sizing: border-box;display: flex;align-items: flex-end;}

/*ch-change-2022/11/24*/
.index_banner .img .img_text h1{font-size: var(--fz66);color: #ffffff;font-weight: 900}

/*ch-change-2022/11/24*/
.index_banner .img .img_text p{font-size: var(--fz16);color: #ffffff;letter-spacing: 1px;}

.banner_text_right{text-align: right;}
.index_banner .img .img_text .text_inner{position: relative;bottom: 0;}
.index_banner .my_Swiper1{position: relative;overflow:hidden}
.index_banner .my_Swiper1 .swiper-slide:nth-of-type(odd) h1{text-align: left}
.index_banner .my_Swiper1 .swiper-slide:nth-of-type(odd) p{text-align: left}
.index_banner .my_Swiper1 .swiper-slide:nth-of-type(even) h1{text-align: right}
.index_banner .my_Swiper1 .swiper-slide:nth-of-type(even) p{text-align: right}
.index_banner .my_Swiper1 .page_swiper{bottom: 10px;left: 98%;}
.index_banner .my_Swiper1 .page_swiper span{background-color: #ffffff;border: 1px solid #ffffff;}
.index_img{margin-top: 20px;background-image: url("../img/12x.png");background-size: cover;background-repeat: no-repeat;background-position: center center;background-attachment: fixed;min-height: 550px;}
.index_img .img{padding-bottom: 10%;width: 100%}
.index_img .choose_text{position: relative;z-index: 5;width: 92.865%;margin: 0 auto;padding: 60px 0;}
.index_img .choose_text .choose_inner{width: 30%;;background-color: #ffffff;padding: 40px;box-sizing: border-box;}
.index_img .choose_text .choose_inner p{font-size: var(--fz14);letter-spacing: 3px; }

/*ch-change-2022/11/24*/
.index_img .choose_text .choose_inner h2{font-size: var(--fz30);padding-bottom: 20px;font-weight: 900}
.index_img .choose_text .choose_inner li{font-size: var(--fz16);color: #1c1d1d;padding-bottom: 5px;font-weight: 800}

/*ch-change*/
.index_wholesale{width: 98.646%;margin: 0 auto;display: flex;justify-content: space-between;padding: 20px 0;}
.index_wholesale .left{width: 39.282%;}
/*ch-change*/
.index_wholesale .left .my_Swiper2{height: 100%}
.index_wholesale .left .my_Swiper2 .page_swiper{}
.index_wholesale .right{width: 59.504%;}
.index_wholesale .left .wholesale_text{width: 100%;background-color: #e9446e;height: 100%}

/*ch-change*/
.index_wholesale .left .wholesale_text .wholesale_inner{width: 80.645%;margin: 0 auto;height: 100%;display: flex;align-items: center;}
.index_wholesale .left h2{font-size: var(--fz27);color: #ffffff;text-align: center;padding-bottom: 20px}
.index_wholesale .left p{font-size: var(--fz16);color: #ffffff;text-align: center;letter-spacing: 2px;line-height: 30px}
.index_wholesale .left .my_Swiper2 .page_swiper span{background-color: #ffffff;}
.index_wholesale .right .img{width: 100%;padding-bottom: 53%}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after{display: none}
.swiper-button-next:after,
.swiper-button-prev:after{display: none;}

.swiper_next{top: 90%;}
.swiper_prev{top: 90%;left: auto;right: 85px;}
.swiper_button_same{width: 60px;height: 60px;background-color: #ffffff;border-radius: 50%;color: #000000;font-size: var(--fz26)}

.index_mink{width: 79.479%;margin: 0 auto;padding: 30px 0;}

/*ch-change-2022/11/24*/
.index_mink h2{font-size: var(--fz27);text-align: center;padding-bottom: 70px;font-weight: 900}


.index_mink .mink_item{display: grid;grid-template-columns: repeat(4,23.198%);justify-content: space-between;grid-row-gap: 62px;}
.index_mink .mink_item .img{padding-bottom: 133%;}
.index_mink .mink_item .img img:nth-of-type(1){opacity: 1;transition: all 0.5s}
.index_mink .mink_item .img img:nth-of-type(2){opacity: 0;transition: all 0.5s}
.index_mink .mink_item .img:hover img:nth-of-type(2){opacity: 1;transition: all 0.5s}
.index_mink .mink_item .img:hover img:nth-of-type(1){opacity: 0;transition: all 0.5s}

/*ch-change-2022/11/24*/
.index_mink .mink_item .list{position: relative;font-weight: 800}

.index_mink .mink_item .list p{font-size: var(--fz16);padding: 20px 0 30px;line-height: 30px;}
.index_mink .mink_inner{padding: 65px 0;}
.index_mink .mink_inner.menu {display: none;}
.index_mink .mink_inner>a{display: block;width: 135px;height: 60px;font-size: var(--fz16);line-height: 60px;text-align: center;background-color: #ff3895;color: #ffffff;margin: 65px auto 0; transition: all 0.5s;}
.index_mink .mink_item .list .quick_product{display: none;}
.index_mink .mink_inner>a:hover{background-color: rgb(239, 0, 134);}
.index_mink .mink_item .list .quick_product{position: absolute;right: -15px;width: 65px;height: 65px;background-color: #ff3895;z-index: 6;font-size: var(--fz12);color: #ffffff;line-height: 65px;border-radius: 50%;top: -15px;text-align: center}
.index_mink .mink_item .list:hover .quick_product{display:none;animation: to_top 0.2s ;}
@keyframes to_top {
    0% {top: 0;}
    100% {top: -15px;}
}



.index_product{width: 77.813%;margin: 0 auto;display: flex;justify-content: space-between;}
.index_product .product_list{width: 32.262%;}
.index_product .product_list:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition: all 0.5s;}
.index_product .product_list .img{padding-bottom: 100%; overflow: hidden;}
.index_product .product_list .img img {transition: all .4s;}
.index_product .product_list:hover .img img {transform: scale(1.1);}
.index_product .product_list .list_text{position: absolute;bottom: 27px;left: 50%;width: 89.212%;transform: translateX(-50%);}

/*ch-change-2022/11/24*/
.index_product .product_list .list_text h2{font-size: var(--fz30);color: #ffffff;line-height: 60px;font-weight: 900}

/*ch-change*/
.index_product .product_list .list_text a{font-size: var(--fz16);text-align: center;width: 100%;display: block;border: 1px solid #000000;padding: 10px 0; transition: all .2s;}
.index_product .product_list .list_text a:hover {background: #e83e6d; color: #fff;border-color: #ffffff}
.index_blog{width: 98.438%;margin: 0 auto;padding: 50px 0;}
/*ch-change-2022/11/24*/
.index_blog h2{font-size: var(--fz30);text-align: center;position: relative;padding-bottom: 30px;font-weight: 900}

.index_blog h2::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100px;border-bottom: 2px solid #e83e6d;}
.index_blog .module{width: 100%;display: flex;justify-content: space-between;padding-top:50px}
.index_blog .blog_list{width: 32.54%;border: 1px solid #dadada;padding-bottom: 30px;}
.index_blog .blog_list .img{padding-bottom: 50%;width: 100%; overflow: hidden;}
.index_blog .blog_list .img img {transition: all .4s;}
.index_blog .blog_list .img:hover img {transform: scale(1.1);}
.index_blog .blog_list .blog_text{width: 88.943%;margin: 0 auto;padding-top: 30px;}

/*ch-change-2022/11/24*/
.index_blog .blog_list .blog_text h3{font-size: var(--fz30);-webkit-line-clamp: 2;font-weight: 900}

.index_blog .blog_list .blog_text .first{display: flex;padding: 20px 0;}
.index_blog .blog_list .blog_text .first p{padding: 5px;background-color: #fcecef;margin-right: 5px;color: #ef5c76;border-radius: 3px;font-size: var(--fz14)}

/*ch-change-2022/11/24*/
.index_blog .blog_list .blog_text .second{font-size: var(--fz14);font-weight: 800}

.index_blog .blog_list a{display: block;width: 138px;height: 43px;text-align: center;line-height: 43px;background-color: #e83e6d;color: #ffffff; transition: all 0.5s;}
.index_blog .blog_list a:hover{background-color: #e01b52;}

/*ch-change-2022/11/24*/
.index_question{padding-top:50px}
.index_question h2{font-size: var(--fz30);position: relative;padding-bottom: 20px;font-weight: 900}
.index_question h2::after{content: '';position: absolute;bottom: 0;left: 0;width: 70px;border-bottom: 2px solid #e83e6d;}

/*ch-change-2022/11/24*/
.index_question p{font-size: var(--fz20);font-weight: 900}

.index_question ul{padding: 30px 0;}
.index_question .question_list .symbol_outside{padding: 30px 0;background-color: #f7f7f7;border-bottom: 1px solid #dbdbdb;display: flex;cursor: pointer;}
.index_question .question_list .symbol{padding: 0 20px;}
.index_question .question_list .symbol .icon{font-size: var(--fz30);color: #e62159}
.index_question .question_inner{padding: 30px 0;}
.index_question ul li .drop_down{padding: 15px 20px 40px;border: 1px solid #d6d6d6;margin-top: -1px;}
.index_question ul li .drop_down p{font-size: var(--fz14);padding-bottom: 25px;font-weight: 500}

/*这里是控制 加减号与下拉 的消失与出现*/
.index_question ul li .drop_down{display: none}
.index_question ul li .symbol i:nth-of-type(2){display: none}
.index_question ul li.active .symbol i:nth-of-type(1){display: none;animation: rotation 2s;}
.index_question ul li.active .symbol i:nth-of-type(2){display: block;}
.index_question ul li.active .drop_down{display: block;}
/*ch-change-2022/11/24*/
.index_question ul li .text_move p{font-weight: 1200}
.index_question ul li.active .drop_down .text_move{animation: text_move 1s;}

@keyframes text_move {
    0% {transform: translateY(100px);opacity: 0;}
    100% {transform:translateY(0);opacity: 1}
}

/*-------------------产品列表页------------------------*/

/* 产品列表页 */
.inside-list-product{width: 79.479%;margin: 50px auto 0;}
.inside-list-product .filter_inner{width: 100%;display: flex;justify-content: flex-end;padding-bottom: 30px; position: relative;}
.inside-list-product .filter_inner .icon {position: absolute; z-index: 1; right: 10px; top: 12px;}
.inside-list-product .filter{width: 26.212%; font-size: var(--fz16); background: url("../img/ico-select.svg") 95% no-repeat; background-size: 12px;  position: relative; outline: none; box-sizing: border-box;  cursor: pointer;min-width: 300px; appearance: none;}
.inside-list-product .filter:focus {border: 1px solid #666;}
.inside-list-product .filter option {font-size: var(--fz14);}

/*ch-change*/
.inside-list-product .slogan {width: 73.395%; margin: 0 auto; line-height: 35px; font-size: var(--fz22);font-weight: 800}
.inside-list-product .slogan .strong {font-weight: bold; color: rgb(254,127,0);font-weight: 800}

.pages{padding-bottom: 20px;}
.pages ul{display: flex;justify-content: center;}
/*ch-change*/
.pages ul li a{display: block;width: 54px;height: 54px;text-align: center;font-size: var(--fz14);line-height: 54px;border-radius: 50%;font-weight: 800}
.pages ul li a.active{background-color: #ff3895;color: #ffffff;}
.pages ul li .icon-left {transform: rotateZ(-90deg);}
.pages ul li .icon-right {transform: rotateZ(90deg);}

    /*--------------------------------blog页面----------------------*/
.blog_module .title{display: flex;justify-content: center;align-items: center;padding: 60px 0;}
/*ch-change-2022/11/24*/
.blog_module .title h2{font-size: var(--fz30);font-weight: 900;padding-right: 40px;}
.blog_module .title .select{border: 1px solid rgba(0, 0, 0, 0.2);display: flex;width: 260px;padding: 10px;box-sizing: border-box;justify-content: space-between;align-items: center;}
.blog_module .blog_list{display: flex;justify-content: space-between;align-items: center;padding-bottom: 100px;}

/*权重*/
.blog_module .blog_list:nth-of-type(odd) .img{order: 1}
.blog_module .blog_list:nth-of-type(odd) .right{order: 2}
.blog_module .blog_list:nth-of-type(even) .img{order: 2}
.blog_module .blog_list:nth-of-type(even) .right{order: 1}

.blog_module .blog_list .img{width: 50%;padding-bottom: 24.8%;overflow: hidden;}
.blog_module .blog_list:nth-of-type(odd) .img::after{content: '';position: absolute;top: 0;right: 0;width: 30%;height: 100%;background: linear-gradient(295deg,#ffffff 50%,transparent 50%);}
.blog_module .blog_list:nth-of-type(even) .img::after{content: '';position: absolute;top: 0;left: 0;width: 30%;height: 100%;background: linear-gradient(115deg,#ffffff 50%,transparent 50%);}
.blog_module .blog_list:nth-of-type(odd) .right{width: 47.456%;}
.blog_module .blog_list:nth-of-type(even) .right{width: 47.456%;display: flex;justify-content: flex-end}
/*ch-change*/
.blog_module .blog_list .img img:hover{transform: scale(1.2);transition: all 0.5s}
.blog_module .blog_list .img:hover::after{transform: scale(1.2)}
.blog_module .blog_list .right .right_inner{width: 76.289%;display: flex;flex-direction: column;}

/*ch-change-2022/11/24*/
.blog_module .blog_list .right .right_inner span{font-weight: 800}
.blog_module .blog_list .right .right_inner h3{font-size: var(--fz28);padding: 26px 0;font-weight: 900;}
.blog_module .blog_list .right .right_inner p{font-size: var(--fz16);line-height: 30px;font-weight: 800}
/*ch-change*/
.blog_module .blog_list .right .right_inner a{display: block;width: 33.784%;text-align: center;padding: 24px 0;background-color: #ff3895;color: #ffffff;margin-top: 20px;font-weight: 900}
.blog_module .blog_list .right .right_inner a:hover{background-color: #BB296DFF;transition: all 0.5s}

/*---------------------single_blog页面---------------*/
/*.blog_main_width{}  详情页面主体宽度*/
.blog_article,.form_box{min-width: 1004px}
.blog_article{width: 52.292%;margin: 50px auto 0;}
/*ch-change*/
.blog_article .title p{font-size: var(--fz16);text-align: center;padding-bottom: 20px;letter-spacing: 2px;font-weight: 800}
.blog_article .title h2{font-size: var(--fz30);text-align: center;font-weight: 900}

.blog_article .content{padding: 40px 0;overflow:hidden}
.blog_article .content .img{width: 100%;padding-bottom: 53%;margin-bottom: 55px;}
/*ch-change*/
.blog_article .content p{margin-bottom: 55px;font-size: var(--fz16);line-height: 30px;font-weight: 800}
.blog_article .content h2{margin-bottom: 55px;font-size: var(--fz30);letter-spacing: 1px;color: #ff8000;font-weight: 900}
/*表单*/
.form_box{width: 52.396%;margin: 0 auto;}
/*ch-change*/
.form_box h2{font-size: var(--fz30);padding-bottom: 40px;font-weight: 900}
.form_box .blog_form_box{padding-bottom: 112px;border-bottom: 1px solid rgba(0,0,0,0.2)}
.form_box .blog_form_box .box_inout{display: flex;justify-content: space-between;padding-bottom: 44px;}
.form_box .blog_form_box .box_inout .text_input{width: 49.304%;}

/*ch-change*/
.form_box .blog_form_box .box_inout .text_input .text,
.form_box .blog_form_box .text_area .text{font-size: var(--fz14);padding-bottom: 15px;font-weight: 800}
.form_box .blog_form_box .box_inout .text_input input,
.form_box .blog_form_box .text_area textarea{width: 100%;border: 1px solid rgba(0,0,0,0.2); font-size: var(--fz16); padding: 10px;box-sizing: border-box;outline: none;}
/*ch-change*/
.form_box .blog_form_box .out_text{font-size: var(--fz14);padding: 44px 0 30px;font-weight: 800}
.form_box .blog_form_box .out_input{width: 199px;height: 58px;text-align: center;background-color: #ff3895;border: unset;color: #ffffff;font-size: var(--fz14);font-weight: 900;cursor: pointer; transition: all 0.5s;}

.form_box .blog_form_box .out_input:hover{background-color: rgb(239, 0, 134);}
.blog_back{padding: 62px 0;border-bottom: 1px solid rgba(0,0,0,0.2);margin-bottom: 54px;}
.blog_back .back_inner{width: 52.396%;margin: 0 auto;display: flex;justify-content: center;}
/*ch-change*/
.blog_back .blog_more{display: flex;width: 290px; color: #555; transition: all .4s; text-align: center;font-size: var(--fz28);padding: 20px 0;line-height: 20px;justify-content: space-between;align-items: center;font-weight: 900}
.blog_back .blog_more:hover {color: #111;}
.blog_back .blog_more .icon{font-size: var(--fz30)}







/*————————————————————————————————————————————————————————————————————*/

.inside-top-img {position: relative;}
.inside-top-img .img {height: 600px;}
/*ch-change*/
.inside-top-img .title {width: 100%; text-align: center; position: absolute; bottom: 10%; color: #fff; font-size: var(--fz66);font-weight: 900}

/*ch-change*/
.crumbs {display: flex; padding-bottom: 50px;font-weight: 800}
.crumbs .list {padding: 0 5px;}
.crumbs .list:nth-child(1) {padding: 0 5px 0 0;}


/* 产品详情页 */
.inside-single-product {width: 1500px; margin: 0 auto; padding: 60px 30px 80px; box-sizing: border-box;}
.inside-single-product .block-01 {display: flex; justify-content: space-between;}
.inside-single-product .block-01 .left {width: 700px; height: 700px; display: flex; justify-content: space-between; position: sticky; top: 10px;}
.inside-single-product .block-01 .left img{object-fit:unset;max-height:100%;height:unset;width: unset;max-width: 100%;
}
.inside-single-product .block-01 .swiper_pro_01 {width: 100px; height: 100%; margin: 0;}
.inside-single-product .block-01 .swiper_pro_01 .swiper-slide {width: 100%; height: 150px; cursor: pointer; box-sizing: border-box;}
.inside-single-product .block-01 .swiper_pro_01 .swiper-slide .img {width: 100%; height: 100%; user-select: none;}
.inside-single-product .block-01 .swiper_pro_01 .swiper-slide-thumb-active {border: 2px solid #222;}

.inside-single-product .block-01 .swiper_pro_02 {width: 550px; height: 100%;}
.inside-single-product .block-01 .swiper_pro_02 .swiper-slide .img {width: 100%; height: 100%;}

.inside-single-product .block-01 .right {width: 700px;}
/*ch-change*/
.inside-single-product .block-01 .right .title {margin-bottom: 20px; font-size: var(--fz33); font-weight: 900;}
.inside-single-product .block-01 .right .row {display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 10px;font-weight: 800}

.inside-single-product .block-01 .right .row .price {font-size: var(--fz20);}
.inside-single-product .block-01 .right .row .list {display: flex; justify-content: space-between; flex-wrap: wrap;}
/*ch-change*/
.inside-single-product .block-01 .right .row .list .icon {margin-left: 20px;font-weight: 800}
.inside-single-product .block-01 .right .row .list .icon::before {margin-right: 5px;}
.inside-single-product .block-01 .right .small-title {font-weight: 900; font-size: var(--fz16); margin: 10px 0;letter-spacing: 1px}
/*ch-change*/
.inside-single-product .block-01 .right .text{line-height: 26px;font-weight: 800}
.inside-single-product .block-01 .right .row-box {display: flex; flex-direction: column; margin-bottom: 10px;font-weight: 800}

.inside-single-product .block-01 .right .row-box .line {margin: 10px 0; padding-left: 5px; font-size: var(--fz16);display: flex}
/*ch-change*/
/*.inside-single-product .block-01 .right .row-box .line .have {width: 25px; height: 5px; background: rgb(24,197,12); position: relative; border: 2px solid #222; transform: rotateZ(-45deg); display: inline-block;}*/
.inside-single-product .block-01 .right .row-box .line img{width: 25px;height: 25px;margin-right: 10px}
.inside-single-product .block-01 .right .row-box .line .have::before {content:""; width: 5px; height: 10px; display: inline-block; position: absolute; top: -12px; left: -2px; background: rgb(24,197,12); border: 2px solid #222; border-bottom: none;}
.inside-single-product .block-01 .right .row-box .line .strong {font-weight: bold;}
.inside-single-product .block-01 .right .btn {width: 100%; height: 40px; line-height: 40px;}
/*ch-change*/
.inside-single-product .block-01 .right .btn a {display: block; width: 100%; height: 40px; color: #fff; font-size: var(--fz16); text-align: center; background: #ff3895; transition: all .4s;font-weight: 900}
.inside-single-product .block-01 .right .btn a:hover {background: rgb(239, 0, 134);}

.inside-single-product .block-02 {width: 1000px; margin: 50px auto; position: relative;}
.inside-single-product .block-02::after {content: ""; width: 100vw; height: 0; border-bottom: 1px solid #ccc; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
/*ch-change*/
.inside-single-product .block-02 .title {font-size: var(--fz30); text-align: center; font-weight: 900;}
.inside-single-product .block-02 .small-title {font-size: var(--fz30); font-weight: 900; margin: 50px 0 20px;}
.inside-single-product .block-02 .text {line-height: 26px; margin: 20px 0;font-weight: 800}

.inside-single-product .block-02 .strong {font-weight: bold;}

.inside-single-product .block-03 .swiper-slide {width: 30%; padding-top: 30px;}
.inside-single-product .block-03 .swiper-slide h2{font-size: var(--fz27);text-align: center;padding-bottom: 70px;}
.inside-single-product .block-03 .swiper-slide .img{padding-bottom: 133%;}
.inside-single-product .block-03 .swiper-slide .img img:nth-of-type(1){opacity: 1;transition: all 0.5s}
.inside-single-product .block-03 .swiper-slide .img img:nth-of-type(2){opacity: 0;transition: all 0.5s}
.inside-single-product .block-03 .swiper-slide .img:hover img:nth-of-type(2){opacity: 1;transition: all 0.5s}
.inside-single-product .block-03 .swiper-slide .img:hover img:nth-of-type(1){opacity: 0;transition: all 0.5s}
/*ch-change*/
.inside-single-product .block-03 .swiper-slide .list{position: relative;font-weight: 800}
.inside-single-product .block-03 .swiper-slide .list p{font-size: var(--fz16);padding: 20px 0 30px;line-height: 30px}
/*ch-change*/
.inside-single-product .block-03 .swiper-slide .list .quick_product{display: none;}
.inside-single-product .block-03 .swiper-slide .list .quick_product{position: absolute;right: 0;width: 65px;height: 65px;background-color: #ff3895; z-index: 6;font-size: var(--fz12);color: #ffffff;line-height: 65px;border-radius: 50%;top: -15px;text-align: center;}
.inside-single-product .block-03 .swiper-slide .list:hover .quick_product{display: block;;animation: to_top2 0.2s ;}
@keyframes to_top2 {
    0% {top: 0;}
    100% {top: -15px;}
}
.inside-single-product .block-03 {padding-top: 40px;}
/*ch-change*/
.inside-single-product .block-03>.title{font-size: var(--fz30); font-weight: 900; text-align: center; margin: 40px 0;}

/*.inside-single-product .block-03 .swiper-slide {position: relative; width: 350px; height: 600px; margin-bottom: 20px;}*/
/*.inside-single-product .block-03 .swiper-slide .img {width: 350px; height: 480px;}*/
/*.inside-single-product .block-03 .swiper-slide .title {position: absolute; bottom: 60px; font-size: var(--fz20);}*/
/*.inside-single-product .block-03 .swiper-slide .price {position: absolute; bottom: 30px; font-size: var(--fz16);}*/
/*.inside-single-product .block-03 .swiper-slide:hover .title {color: rgb(255,56,149);}*/



/* 联系我们 */
.inside-contact {width: 1300px; margin: 0 auto; padding: 60px 30px 80px; box-sizing: border-box;}

/*ch-change*/
.inside-contact .block-01 .title {font-size: var(--fz30); text-align: center; margin-bottom: 50px;font-weight: 900}
.inside-contact .block-01 .img {width: 100%; height: 420px;}

.inside-contact .block-02 {margin-top: 70px;}
/*ch-change*/
.inside-contact .block-02 .title {font-size: var(--fz30);font-weight: 900}
.inside-contact .block-02 .text{line-height: 26px; margin: 30px 0;font-weight: 800}

.inside-contact .block-02 .strong {font-weight: bold;}

.inside-contact .block-03 {width: 100%;}
.inside-contact .block-03 .form-box {width: 100%;}
.inside-contact .block-03 .form-box .list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.inside-contact .block-03 .form-box .list .text {font-size: var(--fz16); margin-bottom: 10px;font-weight: 800}
.inside-contact .block-03 .form-box .list .input {width: 49%; margin: 10px 0;}
.inside-contact .block-03 .form-box .list .input input {width: 100%; height: 40px; border: 1px solid rgba(0,0,0,.2); outline: none; padding: 10px; box-sizing: border-box; font-size: var(--fz16);}
.inside-contact .block-03 .form-box .list .area {width: 100%;}
.inside-contact .block-03 .form-box .list .area textarea {width: 100%; height: 150px; resize: none; border: 1px solid rgba(0,0,0,.2); outline: none; padding: 5px 10px; box-sizing: border-box; font-size: var(--fz16);}
.inside-contact .block-03 .form-box .btn {width: 90px; height: 50px; color: #fff; line-height: 50px; text-align: center; cursor: pointer; background: #ff3895; border: none; font-size: var(--fz18); font-weight: bold; margin-top: 30px; transition: all .3s;}
.inside-contact .block-03 .form-box .btn:hover {background: rgb(239, 0, 134);}
/*ch-change*/
.inside-contact .block-03 .bottom-text {margin-top: 30px;font-weight: 800}
.filter_inner .s_list {position: absolute;top:103%;width: 100%;display: none;left: 0;border: 1px solid #ccc;box-sizing: border-box;z-index:2}
.filter_inner .s_list ul {background-color: #fff;}
.filter_inner .s_list li a {padding: 5px 10px;font-size:14px}
.filter_inner .s_list li:hover {background-color: rgb(30,144,255)}
.filter_inner .s_list li:hover a{color: #fff}
.filter_inner .filter1 {border: 1px solid #ccc;padding:5px 10px; font-size:14px}
.full_video{width: 100%;}
 .mySwiper4 .swiper-button-next{width:30px;height:30px;border-radius:50%;background-color:#ff3895;color:#fff;
 }
  .mySwiper4 .swiper-button-prev{width:30px;height:30px;border-radius:50%;background-color:#ff3895;color:#fff;
 }
 .swiper-button-prev.swiper-button-disabled {display: none;}
 .swiper-button-next.swiper-button-disabled{display:none}
  .mink_inner .iconfont{font-size:10px}
.block-03  .swiper-wrapper{justify-content:center}
.swiper-button-next, .swiper-button-prev{top:190px}

/*change 12.28*/

.hx_page_content .aligncenter{margin:0 auto}
.hx_page_content img{max-width:100%;height:auto}

/*change 12.31*/
.inside-single-product img{max-width:100%;height:auto}
.foot_bottom .left .icon_logo img{width:24px;margin-right:14px}