.pub_tab_pro li{padding: 0 80px;}
.product_index01{ background: #FFFFFF;}
.pro_01_t{position: relative; padding-bottom: 180px; margin-bottom: 3%;}
.pro_01_t img{max-width: 100%;}
.pro_01_t .txt{z-index: 2; top:20%;}
.pro_01_t .txt h2.index_title,.product_index04 h2.index_title{ text-align: left; margin-bottom: 10px;}
.pro_01_t .list{ top:auto; bottom:0; z-index: 3; margin: 0 -0.8%;}
.pro_01_t .list li{ float: left; width: 23.4%; margin: 0 0.8%; position: relative; border-radius: 10px; overflow: hidden;}
.pro_01_t .list li dt{position: relative;}
.pro_01_t .list li dt::before{content: ""; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background:#173563; opacity: 0.15;}
.pro_01_t .list li dd{text-align: center; width: 90%; padding: 0 5%; color: #fff; font-weight: bold;}
.pro_01_b{padding-bottom: 4%;}
.pro_01_b h2{ color:#265BA7; font-weight: bold; margin-bottom: 2%;}
.pro_01_b .index_news_c{ display: block; position: relative; margin: 0 -10px;}
.pro_01_b .index_news_c .swiper-container{padding: 10px;}
.pro_01_b .index_news_c ul{overflow: unset; margin: 0;}
.pro_01_b .index_news_c dl{margin: 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);}
.pro_01_b .swiper-button-prev,.pro_01_b .swiper-button-next{left:-60px;width:42px;height: 42px;line-height:42px;text-align: center; margin-top: -21px;box-sizing:border-box;border:2px solid #265ba7;border-radius:50%;font-size: 16px;font-weight: bold;}
.pro_01_b .swiper-button-prev{background: url(/upload/images/arrow_left.png) center no-repeat;}
.pro_01_b .swiper-button-next{left:auto; right:-60px;background: url(/upload/images/arrow_right.png) center no-repeat;}
.pro_01_b .swiper-button-prev.disabled,.pro_01_b .swiper-button-next.disabled{cursor: default; opacity: 0.5;}
.pro_01_b .swiper-button-prev i,.pro_01_b .swiper-button-next i{ display: none;}
.pro_01_b .swiper-button-prev i::before,.pro_01_b .swiper-button-next i::before{opacity: 0;}

.product_index02{ padding: 3% 0 5%; /*background: #E4F5FE;*/ background: #f6f6f6;}
.product_index02 h2.index_title,.product_index03 h2.index_title{text-align: left;}
.product_index02 .pro_01_b{padding-bottom: 0;}
.pro_02_t{margin-bottom: 3%;}
.pro_02_t ul{margin: 0;}
.pro_02_t li{ float: left; width: calc(15.26% - 2px); margin-right:2px; overflow: hidden;transition: all 0.3s;}
.pro_02_t li.on{ width:calc(54.2% - 2px);}
.pro_02_t li dl{position: relative; height: 463px;}
.pro_02_t li dt{width: 100%;}
.pro_02_t li dt img{ display: none;}
.pro_02_t li dd{opacity: 0; position: absolute; z-index: 1; lefT:0; bottom:0; width: 100%; color: #fff; padding: 5%; box-sizing: border-box;
    background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
    background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);}
.pro_02_t li.on dd{opacity: 1;}
.pro_02_t li dd p{line-height:20px; margin-top: 5px; width: 80%;}

.product_index03{padding: 3% 0 1%;background:url(/upload/product_img12.jpg) center top no-repeat; background-size: 100% auto;}
.product_index03 h2.index_title span{color:#fff;-webkit-text-fill-color:#fff;}
.product_index03 .txt{ color: #fff; padding-top: 1%;}
.product_index03 .txt dd{ float: left; width: 49.5%; margin-bottom:2%;}
.product_index03 .txt dd+dd{ float: right;}
.product_index03 .txt dd h3{ margin-bottom: 2.5%;}
.product_index03 .txt dd p{opacity: 0.7;-moz-opacity:0.7;filter:alpha(opacity=70)}

/*.product_index03 .news_btn div.swiper-button-prev,.product_index04 .news_btn div.swiper-button-prev{left:-60px;border:2px solid #265ba7;}
.product_index03 .news_btn div.swiper-button-next,.product_index04 .news_btn div.swiper-button-next{right:-60px;border:2px solid #265ba7;}
.product_index03 .news_btn div.swiper-button-prev i,.product_index04 .news_btn div.swiper-button-prev i{ background: url(/upload/images/arrow_left.png) 1px 0 no-repeat; background-size: contain;}
.product_index03 .news_btn div.swiper-button-next i,.product_index04 .news_btn div.swiper-button-next i{background: url(/upload/images/arrow_right.png) 4px 0 no-repeat; background-size: contain;}
.product_index03 .news_btn div.swiper-button-prev i::before,.product_index04 .news_btn div.swiper-button-prev i::before,
.product_index03 .news_btn div.swiper-button-next i::before,.product_index04 .news_btn div.swiper-button-next i::before{opacity: 0;}
*/
.tac_cloe{ z-index: 10;}

.product_index04{padding: 3% 0 8%; /*background-image: linear-gradient(to bottom, #E3F6FF 0%, #F4FCFF 100%);*/ background: #F6F6F6;}
.product_index04 .list {margin: 2.78% -0.7% 7%;}
.product_index04 .list .content_box {
    position: relative;
    width: 18.6%; margin: 0 0.7% 2%;
    float: left;
    background: none;
}
.product_index04 .list .content_box:nth-child(2n+1) {
    margin-top: 4%;
}
.product_index04 .list .img {
    width: 100%; border-radius: 10px; overflow: hidden; position: relative;
    transition: all 0.6s;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.product_index04 .list .img.back_active {
    transform: rotateY(180deg);
}
.product_index04 .list .img.back_active .back {
    opacity: 1;
}
.product_index04 .list img {
    transition: all 0.6s;
    opacity: 1;
}
.product_index04 .list .back {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,70,185, 0.4);
    transform: rotateY(180deg);
    transition: all 0.6s;
    /*backdrop-filter: blur(10px);*/
    color: #fff;
    text-align: center;
    /*font-weight: bold;*/
}
.product_index04 .list .img h4{position:absolute; left:0; bottom:0; width: 90%; text-align: center; padding: 0 5% 7%; color:#fff;}
.product_index04 .list .back .inner{width: 80%; padding: 0 10%;}
.product_index04 .list .back .inner h3{margin-bottom: 5%;}
.product_index04 .list .back .inner p{line-height: 1.8;text-align: left;}
.product_index04 .list .img.back_active h4{display: none;}

.product_index04 .culture_slider dd h3{color:#999999; margin-bottom: 10px;height: 1.5em; overflow: hidden;}
.product_index04 .culture_slider dd h2:after{ width: 38%;}
.product_index04 .culture_slider dd h2{margin-bottom: 5%; padding: 0 0 20px;}
.product_index04 .culture_slider dd h2 span{ display: block; overflow: hidden;}


@media screen and (max-width: 1700px) {
    .pro_02_t li dl{ height: 400px;}
}

@media screen and (max-width: 1600px) {
    .pro_02_t li dl{ height: 380px;}
}

@media screen and (max-width: 1590px) {
    .pro_02_t li dl{ height: 320px;}
}

@media screen and (max-width: 1439px) {
    .pro_02_t li dd p{width: 100%;}
    .pro_01_t{padding-bottom: 150px;}
}
@media screen and (max-width: 1365px) {
    .pro_02_t li dl{ height: 300px;}
}
@media screen and (max-width: 1279px) {
    .pro_01_b .index_news_c{margin: 0;}
    .pro_01_b .index_news_c .swiper-container{padding: 5px 0;}
    .brandlist_04 .swiper-container,.brandlist_05 .swiper-container{padding: 0;}
    .pro_01_b .swiper-button-prev,.product_index04 .news_btn div.swiper-button-prev{left:-30px;}
    .pro_01_b .swiper-button-next,.product_index04 .news_btn div.swiper-button-next{right:-30px;}
    .pub_tab_pro li{padding: 0 60px;}
    .pro_01_t{padding-bottom: 120px;}
    .pro_01_b .index_news_c .index_news_c dd{padding: 5%;}
    .pro_02_t li dl{ height: 240px;}
}
@media screen and (max-width: 1023px) {
    .product_index04 .list .content_box{width: 31.93%; margin-top:3%!important;}
    .pub_tab_pro li{padding: 0 30px;}
    .pro_01_t{padding-bottom: 80px;}
    .product_index03{background-size: 100% 50%;}
    .pro_02_t li dl{ height: 200px;}
}


.pro_01_t .txt p,.product_index04 .index_title+p{color: #666;}

.pro_02_t .swiper-button-prev,.pro_02_t .swiper-button-next{ display: none;}
@media screen and (max-width: 767px) {
    .pub_tab_pro li{padding: 0 20px;}
    .pro_01_t{padding-bottom: 0;}
    .pro_01_b .swiper-button-prev,.product_index04 .news_btn div.swiper-button-prev{left:5px;}
    .pro_01_b .swiper-button-next,.product_index04 .news_btn div.swiper-button-next{right:5px;}
    .pro_01_t .txt{position: static;transform:translate(0,0)!important;margin-top: 5%;}
    .pro_01_t .list{position: static;transform:translate(0,0)!important; left:0; margin: 5% auto;}
    .pro_01_t .list li{width: 48.4%; margin-bottom: 2%;}
    .pro_02_t li{width: 100%!important; margin: 0;}
    .pro_02_t li dl{ height: auto;}
    .pro_02_t li dt img{ display: block; width: 100%;}
    .pro_02_t li dd{opacity: 1;}
    .pro_02_t .swiper-button-prev,.pro_02_t .swiper-button-next{ display: block; left:5px;width:28px;height: 28px;line-height: 28px;text-align: center; margin-top: -14px;box-sizing:border-box;border:2px solid #265ba7;border-radius:50%;background: url(/upload/images/arrow_left.png) center no-repeat;background-size: 8px; }
    .pro_02_t .swiper-button-next{left:auto; right:5px;background: url(/upload/images/arrow_right.png) center no-repeat; background-size: 8px;}
    .pro_02_t .swiper-button-prev i,.pro_02_t .swiper-button-next i{background:none;}
    .pro_02_t .swiper-button-prev i::before,.pro_02_t .swiper-button-next i::before{ opacity: 0;}
    .product_index04 .list .content_box{width: 48.6%; height: auto!important;}
    .product_index04 .list .img h4{ display: none;}
    .product_index04 .list .back{/*position: static;*/ opacity: 1;transform:none;backdrop-filter:none;}
    .product_index04 .list .back .inner{padding: 10%; position: static;transform: translate(0%,0%); -webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);-moz-transform: translate(0%,0%);-o-transform: translate(0%,0%); }
    .product_index04 .culture_slider dd h3,.product_index04 .culture_slider dd h2 span{ height: auto;}
}




.pub_tab_brand li{padding: 0 45px;}
.brand_index{ padding: 5% 0 10%;
    background: -webkit-linear-gradient(bottom, #fff 0%, #F7F7F7 100%);
    background: -moz-linear-gradient(bottom, #fff 0%, #F7F7F7 100%);
    background: -o-linear-gradient(bottom, #fff 0%, #F7F7F7 100%);
}
.brand-search{max-width: 500px; width: 100%; height: 58px; line-height: 58px; margin:0 auto 5%; background: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.02);}
.brand-search input{ float: left;height: 58px; padding: 0 20px; width: calc(100% - 58px);}
.brand-search button{ float: right; width: 58px; height: 58px; text-align: center; color:#fff; background: #294C9B;}
.brand-search button i{font-size: 24px;}

.brand-box{position: relative; max-width: 1360px; width: 100%; margin: 0 auto; }
.brand-box .swiper{ padding:60px 20px 90px;}

.brand-box .swiper-slide{width: 340px;}
.brand-box .swiper-slide.on{box-shadow: 0 0 5px 5px rgba(8,106,185,0.35);}
.brand-box .swiper-slide .img{-webkit-box-reflect: below 1px -webkit-linear-gradient(transparent 75%,rgba(0,0,0,0.3));box-reflect: below 1px linear-gradient(transparent 75%,rgba(0,0,0,0.3));}
.brand-box .swiper-slide .img img{width: 100%;}
.brand-box .txt{text-align: center; max-width: 600px; margin: 2% auto 0;}
.brand-box .txt li{display: none;}
.brand-box .txt li.on{ display: block;}
.brand-box .txt li h2.index_title{margin-bottom:20px;}

.brand-box .swiper-button-prev,.brand-box .swiper-button-next{ left:20%; top:auto; margin-top: 0; bottom:10%; width:42px;height: 42px;line-height: 42px;text-align: center; margin-top: -21px;box-sizing:border-box;border:2px solid #265ba7;border-radius:50%;font-size: 16px;background: none;font-weight: bold;}
.brand-box .swiper-button-prev{background: url(/upload/images/arrow_left.png) center no-repeat;}
.brand-box .swiper-button-next{left:auto; right:20%;background: url(/upload/images/arrow_right.png) center no-repeat;}
.brand-box .swiper-button-prev i,.brand-box .swiper-button-next i{ display: none;}
.brand-box .swiper-button-prev i::before,.brand-box .swiper-button-next i::before{opacity: 0;}
.brand-box .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.brand-box .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: none;}

.brand-box .swiper-button-prev.swiper-button-disabled,.brand-box .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; opacity: 1;}
.brand-box .swiper-button-prev.disabled{ cursor: default;opacity: 0.5;}
.brand-box .swiper-button-next.disabled{ cursor: default;opacity: 0.5;}



@media screen and (max-width: 1599px) {
    .brand-box{max-width: 1200px;}
    .brand-box .swiper-slide{width: 300px;}
}
@media screen and (max-width: 1399px) {
    .brand-box{max-width: 1000px;}
    .brand-box .swiper-slide{width: 250px;}
}

@media screen and (max-width: 1279px) {
    .pub_tab_brand li{padding: 0 38px;}
    .brand-box{max-width: 800px;}
    .brand-box .swiper-slide{width: 200px;}
}
@media screen and (max-width: 1023px) {
    .pub_tab_brand li{padding: 0 25px;}
    .brand-box{max-width: 680px;}
    .brand-box .swiper-slide{width: 170px;}
}
@media screen and (max-width: 767px) {
    .pub_tab_brand li{padding: 0 10px;}
    .brand-search,.brand-search button,.brand-search input{ height: 40px; line-height: 40px;}
    .brand-box li .txt{margin-top: 5%;}
    .brand-box .swiper-button-prev{left: 0;}
    .brand-box .swiper-button-next{right:0;}
    .brand-box li .txt h2.index_title{margin-bottom: 10px;}
    .brand-box{max-width: 100%;}
    .brand-box .swiper-slide{width: 100%;}
    .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:none;}
    .brand-box .swiper{padding: 0px 0;}
    .brand-box .swiper-slide,.brand-box .swiper-slide.on{transform:none!important;}
}


.bg-cover{ background-size: cover; background-repeat: no-repeat; background-position: center;}

.siteban_banner{ height: 100vh;}
.siteban_banner img{display: none}
/*.siteban_banner::after{ display: block;}*/
.siteban_banner .inban_video{ width: 100%; height: 100% !important;}
.siteban_banner .inban_video video{ width: 100%; height: 100%; object-fit: cover;}
.siteban_banner .inban_video img{ display: none;width:100%;}
.siteban_banner .inban_video em{ display: none; color: #fff; z-index: 10;}
.siteban_banner .inban_video em.on::before{content: "\e629";}
@media screen and (max-width: 767px) {
    .siteban_banner{ height: auto;}
    .siteban_banner img,.siteban_banner .inban_video img{ display: block;}
    .siteban_banner .inban_video em{ display: block;}
}



.brandlist_01{padding: 6% 0;}
.brandlist_01 .wash_slider dt>a{ display: block; }
.brandlist_01 .wash_slider dt i{color: #fff;}
.brandlist_01 .swiper-container{padding: 30px 0;}
.brandlist_01 .wash_slider li{top:0;}
.brandlist_01 .wash_slider .swiper-slide-active{/*top:-10px;*/ transform: scale(1.1);z-index:2;}
.brandlist_01 .wash_slider .swiper-slide-active dt>a{position: relative; z-index:1;}

.brandlist_01 .wash_slider .swiper-button-prev{top:50%; margin-top:-14px;}
.brandlist_01 .wash_slider .swiper-button-next{top:50%; margin-top:-14px;}

.brandlist_02{padding: 6% 0 0;}
.brandlist_02 .wrap{width: 92%}
/*.brandlist_02 .txt{ margin-bottom: 2%;}*/
.brandlist_02 .ll{ float: left; max-width: 400px; text-align: center; height: 200px; margin-right:40px; overflow: hidden;}
.brandlist_02 .ll img{width: auto; max-width:100%;}
.brandlist_02 .mm{ float: left; width: calc(100% - 700px);}
.brandlist_02 .mm p{margin-bottom: 3%;padding: 0 40px; }
.brandlist_02 .rr{ float: right; width: 346px; overflow: hidden;}
.brandlist_02 .img{ width: 100%;text-align: center;}
.brandlist_02 .img img{width: 80%;}

.brandlist_03{padding: 3% 0 0;}
.brand_title{position: relative; margin-bottom: 2%; overflow: hidden;}
.brand_title .news_more{position: absolute; right:0; top:0;}
.brandlist_03 h2.index_title{ float: left; margin-bottom: 0; text-align: left;}

.brand_type li{ float: left; margin-right: 40px; margin-bottom:2%;border-bottom: 4px solid transparent; padding-bottom: 15px;}
.brand_type li:last-child{margin-right: 0;}
.brand_type li a{color:#333333;}
.brand_type li.on{border-bottom: 4px solid #2559A5;}
.brand_type li.on a{color:#2559A5; font-weight: bold;}

.brand_data_swiper{position: relative;-webkit-user-select: none; /* Chrome / Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10+ */
user-select: none;}
.brand_data_swiper li .img{position: relative;}
.brand_data_swiper li .img img{ z-index: 4; position: relative;}
.brand_data_swiper li .img .c{position: absolute; z-index: 2; left: 0; bottom:35px; width: 100%; text-align:center; padding:0 10% 10%; padding-bottom: 0; height: 166px;overflow: hidden; box-sizing: border-box;z-index: 5;}
.brand_data_swiper li .img .bg{opacity: 0; visibility: hidden; position: absolute; z-index: 1; left: 0; top:0; width: 100%; height: 100%;}
.brand_data_swiper li h3{color:#005AAB; margin-bottom: 2%;}
.brand_data_swiper li p{color:#9E9E9F; position: relative;}
.brand_data_swiper li p::after{opacity: 0; content: ""; position: absolute; left:50%; bottom:-30px; margin-left: -45px; width: 90px; height: 4px; background: #265BA7;display: none;}

.brand_data_swiper li .img::after{opacity: 0; content: ""; position: absolute; left:50%; bottom:20px; margin-left: -45px; width: 90px; height: 4px; background: #265BA7;    z-index: 2;}

.brand_data_swiper .swiper-button-prev,.brand_data_swiper .swiper-button-next{left:-60px;width:42px;height: 42px;line-height: 42px;text-align: center; margin-top: -21px;box-sizing:border-box;border:2px solid #005aab;border-radius:50%;font-size: 16px;font-weight: bold;}
.brand_data_swiper .swiper-button-prev{background: url(/upload/images/arrow_left.png) no-repeat center center;}
.brand_data_swiper .swiper-button-next{left:auto; right:-60px;background: url(/upload/images/arrow_right.png) no-repeat center center;}
.brand_data_swiper .swiper-button-prev i,.brand_data_swiper .swiper-button-next i{ display: none;}
.brandlist_04{padding: 4% 0 3%; background: #FFFFFF;}
.brandlist_04 h2.index_title{margin-bottom: 10; text-align: left;}
.brandlist_04 .swiper-container{padding: 10px;}


.brandlist_05{padding: 5% 0;}
.brandlist_05 .index_title span{color:#fff;-webkit-text-fill-color:#fff;}
.brandlist_05 li{/*float: left; position: relative; width: 25%;padding: 0 3%; bordeR-left:1px solid rgba(255,255,255,0.5); box-sizing: border-box;*/ height: 308px; color:#fff;}
.brandlist_05 li::before{content: ""; position: absolute; left:12px;top:0; width: 1px; height: 100%; background: rgba(255,255,255,0.5);}
.brandlist_05 li::after{content: ""; position: absolute; lefT:0px; bottom:0; width: 12px; height: 12px; border-radius: 50%; border:6px solid #fff; box-shadow:0 0 3px 3px #0090FF; background: #0090FF;}
.brandlist_05 li dl{padding-left: 40px;}
.brandlist_05 li h3{margin-bottom:5%;text-shadow: 2px 2px 2px rgba(0,0,0,0.5); max-height: 3em; overflow: hidden;}
.brandlist_05 li p{font-size: 16px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); height:195px; line-height: 24px; overflow: hidden;}
/*.brandlist_05 li.li01{margin-top: 7%;}
.brandlist_05 li.li02{margin-top: 10%;}
.brandlist_05 li.li03{margin-top: 4%;}
.brandlist_05 li.li04{margin-top: 2%;}*/
.brand05_slidebox{position: relative;}
.brandlist_05 .swiper-container{padding:5px;}
.brandlist_05 .swiper-button-prev,.brandlist_05 .swiper-button-next{left:-60px;width:42px;height: 42px;line-height: 42px;text-align: center; margin-top: -21px;box-sizing:border-box;border:2px solid #005aab;border-radius:50%;font-size: 16px;font-weight: bold;}
.brandlist_05 .swiper-button-prev{background: url(/upload/images/arrow_left.png) no-repeat center center;}
.brandlist_05 .swiper-button-next{left:auto; right:-60px;background: url(/upload/images/arrow_right.png) no-repeat center center;}
.brandlist_06{ padding: 2% 0; background:#F2FCFF;}
@media screen and (max-width: 575px) {
.brandlist_05 li p{font-size: 14px;height: 120px;}
}
@media screen and (min-width: 1025px) {

    .brandlist_06 .wrap{position: relative;}
    .brandlist_06 .ll{position: absolute;height: 100%;}
    .brandlist_06 .ll h2.index_title{margin-bottom: 0;position: absolute;line-height:70px;top:50%;margin-top: -35px;}
}

.brandlist_06 .ll{ float: left; width: 50%;display: none;}
.brandlist_06 .rr{ float: none; width: 100%;margin: auto;}
.brandlist_06 .ll h2.index_title { text-align: left;}
.brandlist_06 .ll p{line-height: 1.7;}
.brandlist_06 .rr ul{ text-align: center;}
.brandlist_06 .rr li{display: inline-block; text-align: center; margin: 0 5%;}
.brandlist_06 .rr li .img{position: relative; margin: 0 auto; width: 100px; height: 100px; overflow: hidden;}
.brandlist_06 .rr li .img span{ opacity: 0; visibility: hidden;}
.brandlist_06 .rr li .img span img{width: 100px; height: 100px;overflow: hidden;}
.brandlist_06 .rr li h3{margin-top:5%;}

.brand_data_swiper li .img,.brand_data_swiper li .img .bg,.brand_data_swiper li p,.brand_data_swiper li p::after,.brandlist_06 .rr li .img span{transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;}

@media screen and (min-width: 1025px) {
    .brand_data_swiper li:hover .img .bg{opacity: 1; visibility: visible;}
    .brand_data_swiper li:hover p{color:#000;}
    .brand_data_swiper li:hover p::after{opacity: 1;}
    .brandlist_06 .rr li .img:hover span{opacity: 1; visibility: visible;}
    
    .brand_data_swiper li .img::after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .brand_data_swiper li:hover .img::after{opacity: 1;}

    .brand_data_swiper .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

}

@media screen and (max-width: 1699px) {
    .brand_type li{margin-right: 30px;}
    /*.brandlist_01 .wash_slider .swiper-slide-active{top:-6px;}*/
}
@media screen and (max-width: 1599px) {
    .brand_type li{margin-right: 20px;}
    /*.brand_data_swiper li .img .c{top:65%;}*/
    .brand_data_swiper li p::after{bottom:-20px;}
    /*.brandlist_01 .wash_slider .swiper-slide-active{top:-4px;}*/
}
@media screen and (max-width: 1440px) {
    .brand_type{font-size: 18px;}
}
@media screen and (max-width: 1399px) {
    
    .brand_data_swiper li p br{ display: none;}
}

@media screen and (max-width: 1279px) {
    .brand_data_swiper .swiper-button-prev,.brandlist_05 .swiper-button-prev{left:-30px;}
    .brand_data_swiper .swiper-button-next,.brandlist_05 .swiper-button-next{right:-30px;}
}
@media screen and (max-width: 1024px) {
    .brand_type{font-size: 16px;}
    .brandlist_03{padding-bottom: 5%;}
    .brandlist_06 .rr li .img span{opacity: 1; visibility: visible;}
    .brandlist_01 .wash_slider .swiper-slide-active{transform: scale(1);}
    .brand_data_swiper li .img .c{bottom: 20px;height: 100px;}
}
@media screen and (max-width: 1023px) {
    .brandlist_02 .mm{width: calc(100% - 200px);}
}
@media screen and (max-width: 767px) {
    .brandlist_02 .ll,.brandlist_02 .mm{width:100%; margin: 0 0 2%;}
    .brandlist_02 .rr{width: 100%;margin-bottom:2%}
    .brandlist_02 .mm p{padding: 0;}
    .brandlist_02 .ll{ float:none; margin:0 auto;height: auto;}
    .brand_type li{padding-bottom: 5px; border-width: 2px!important; margin-right: 20px;}
    .brandlist_03{padding-bottom:0;}
    /*.brand_data_swiper li .img .c{top:70%;}*/
    .brandlist_05 li{width: 100%;height: auto;}
    .brandlist_05 li::before{left:14px; top:3px;}
    .brandlist_05 li::after{width: 6px; height: 6px; border-width: 3px; left:8px; top:3px;}
    .brandlist_05 li h3{margin-top: -5px;}
    .brandlist_06 .ll,.brandlist_06 .rr{width: 100%;}
    .brandlist_06 .ll p br{ display: none;}
    .brandlist_06 .rr{margin-top: 5%;}
    .brandlist_06 .rr ul{margin: 0;}
    .brandlist_06 .rr li{ float: left; width: 45%; margin:0 0 2%;}
    .brandlist_06 .rr li:nth-child(2n){ float: right;}
    .brand_data_swiper .swiper-button-prev,.brandlist_05 .swiper-button-prev{left:5px;}
    .brand_data_swiper .swiper-button-next,.brandlist_05 .swiper-button-next{right:5px;}
}

@media screen and (max-width: 1660px) {
    .brand-box .swiper-button-prev, .brand-box .swiper-button-next,.brand_data_swiper .swiper-button-prev,.brand_data_swiper .swiper-button-next,
    .pro_01_b .swiper-button-prev, .pro_01_b .swiper-button-next,.brandlist_05 .swiper-button-prev, .brandlist_05 .swiper-button-next{ width: 32px; height: 32px; margin-top: -16px; background-size: 10px;}
}

@media screen and (max-width: 1024px) {
    .brand-box .swiper-button-prev, .brand-box .swiper-button-next,.brand_data_swiper .swiper-button-prev,.brand_data_swiper .swiper-button-next,
    .pro_01_b .swiper-button-prev, .pro_01_b .swiper-button-next,.brandlist_05 .swiper-button-prev, .brandlist_05 .swiper-button-next{ width:28px; height: 28px; margin-top: -14px; background-size: 8px;}
}

.brand_data_swiper li .img .bg,.brand_data_swiper li .img .bg img{height:100% !important;}
.brand_data_swiper li .img{position:static;}
.brand_data_swiper li a{padding-bottom:60px;display: block;position: relative;overflow: hidden;}

@media screen and (max-width: 767px) {
.brand_data_swiper li a{padding-bottom: 0;}
.brandlist_05 li::after,.brandlist_05 li::before{display: none;}
}



.pro_01_t .list li dl,.pro_01_t .list li dd{ transition: all 0.6s;}
.pro_01_t .list li img {
transition: all 0.6s;
opacity: 1;
}
.pro_01_t .list li .back .inner {width:100%;box-sizing:border-box;padding:20px;}
.pro_01_t .list li .back h3{margin-bottom: 5%;}
.pro_01_t .list li .back p{text-align: left;}
.pro_01_t .list li .back {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
background: rgba(0,70,185, 0.4);
transform: rotateY(180deg);
transition: all 0.6s;
/*backdrop-filter: blur(10px);*/
color: #fff;
text-align: center;
/*font-weight: bold;*/
}




.pro_01_t .list li:hover  dd{opacity: 0;}
.pro_01_t .list li:hover .back{opacity: 1;transform: rotateY(0deg);}
.pro_01_t .list li:hover dl {transform: rotateY(180deg);}
.pro_01_t .list li:hover dl .back {opacity: 1;}


@media screen and (max-width: 1024px) {
    .pro_01_t .list li dd,.pro_01_t .list li dt::before{display: none;}
    .pro_01_t .list li .back{/*position: static;*/opacity: 1;    transform: none;backdrop-filter: none;}
    .pro_01_t .list .back .inner{padding: 10%; position: static;transform: translate(0%,0%); -webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);-moz-transform: translate(0%,0%);-o-transform: translate(0%,0%); }
.pro_01_t .list li .back .inner{padding: 10%;}
.pro_01_t .list li{float: none;width:100%;}
}


/*手机改按钮位置*/
@media screen and (max-width:767px) {
.product_index02 .pro_01_b,.pro_01_b{overflow: hidden;clear: both;}

.brand-box .swiper-button-prev, .brand-box .swiper-button-next, .brand_data_swiper .swiper-button-prev, .brand_data_swiper .swiper-button-next, .pro_01_b .swiper-button-prev, .pro_01_b .swiper-button-next, .brandlist_05 .swiper-button-prev, .brandlist_05 .swiper-button-next{position:static;float:left;margin:0;margin: 0 10px;    margin-top: 10px;}
.brand-box .swiper-button-prev, .brand_data_swiper .swiper-button-prev, .pro_01_b .swiper-button-prev, .brandlist_05 .swiper-button-prev{margin-left: calc(100% - 37% - 80px)}

.brandlist_01 .swiper-container{padding-bottom: 0;}
.brandlist_05{margin-bottom: 50px;}
.brandlist_05 .swiper-button-prev,.brandlist_05 .swiper-button-next{    margin-top: 25px;}
}

<!--耗时1770324124.344秒-->