.rec_container{background-color: #fff;}
.index_banner{position: relative;}
.index_banner .swiper-button-white{width: 50px;height: 50px;background-size: 100%;}
.index_banner .swiper-button-next{background-image: url(./img/rec_btn_right.png);}
.index_banner .swiper-button-next:hover{background-image: url(./img/rec_btn_right2.png);}
.index_banner .swiper-button-prev{background-image: url(./img/rec_btn_left.png);}
.index_banner .swiper-button-prev:hover{background-image: url(./img/rec_btn_left2.png);}
.index_banner .swiper-pagination-bullet{width: 50px;height: 5px;border-radius: 0;}
.index_banner .swiper-pagination-bullet-active{background-color: #ec0410;}

.index_product{padding: 2% 0 0;}
.index_product .title_warp{text-align: center;}
.index_product .title_warp .title{font-size: 40px;font-family: Lato-Bold;font-weight: bold;position: relative;padding-bottom: 20px;display: inline-block; text-align: center;color: #333;}
.index_product .title_warp .title:hover{color: #ec0410;}
.index_product .title_warp .title::after{content: ' ';width: 40px;height: 3px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display:inline-block;background-color: #ec0410;}
.index_product .title_warp .desc{font-size: 16px;color: #999999;margin-top: 20px;}
.index_product .tabs{display: flex;justify-content: center;align-items: center;margin: 40px 0;}
.index_product .tab{background-color: #D9D9D9;color: #333;margin-right: 15px;padding: 3px 15px;cursor: pointer;}
.index_product .tab.active{background-color: #ec0410;color: #fff;}
.index_product .tabs_contents{background-color: #F8F8F8;position: relative;}
.index_product .tabs_content{width: 90%;margin: 0 auto;display: none;padding: 4% 0;}
.index_product .swiper-slide{background-color: #fff;padding: 10px 20px;}
.index_product .img_warp{position: relative;padding-bottom: 82%; margin-bottom: 20px;}
.index_product .img_warp img{position: absolute;width: 100%;height: 100%;object-fit: cover; -webkit-transition:all .5s ease-out 0ms;-moz-transition:all .5s ease-out 0ms;-o-transition:all .5s ease-out 0ms;transition:all .5s ease-out 0ms;}
.index_product .swiper-slide:hover .img_warp img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.index_product .tabs_content .title{text-align: center;color: #333;display: block; height: 48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.index_product .swiper-slide:hover .title{color: #ec0410;}
.index_product .swiper-button-next::before{content: ' ';display: block;width: 50px;height: 50px;background: url(img/Polygon_2.webp) no-repeat center/cover;transform: rotate(180deg);transition: all 0;}
.index_product .swiper-button-prev::before{content: ' ';display: block;width: 50px;height: 50px;background: url(img/Polygon_2.webp) no-repeat center/cover;transition: all 0;}
.index_product .swiper-button-next::after{ content: 'NEXT';color: #999;display: block;transform: rotate(-90deg);left: -23px;top: 12px;position: absolute;}
.index_product .swiper-button-prev::after{ content: 'LAST';color: #999;display: block;transform: rotate(90deg);left: 36px;top: 12px;position: absolute;}
.index_product .swiper-button-next:hover::before{background: url(img/Polygon_1.webp) no-repeat center/cover;transform: rotate(0deg);}
.index_product .swiper-button-prev:hover::before{background: url(img/Polygon_1.webp) no-repeat center/cover;transform: rotate(180deg);}
.index_product .swiper-button-next:hover::after{color: #ec0410;} 
.index_product .swiper-button-prev:hover::after{color: #ec0410;}
.index_product>.titleLink{font-size: 16px;color: #ec0410;margin: 40px auto;display: block;width: fit-content;border: 1px solid #ec0410;padding: 4px 30px;}
.index_product>.titleLink::after{content: ' ';display: inline-block;width: 14px;height: 14px;background: url(./img/btn_right.png) no-repeat center/cover;margin-left: 8px;vertical-align: -2px;}
.index_product>.titleLink:hover{background-color: #ec0410;color: #fff;}
.index_product>.titleLink:hover::after{background: url(./img/btn_right2.png) no-repeat center/cover;margin-left: 8px;vertical-align: -2px;}



.index_process {background: #FAFAFA;position: relative;}
.index_process_top {width: 81.5%;background: #ec0410;padding: 2% 5% 14% 0;padding-left: calc((100% - 1480px) / 2);position: relative;}
.index_process .titleLink{position: absolute;background-color: #ec0410;color: #fff;padding: 10px 30px;right: -15%;top: 18%;border: 1px solid #fff;}
.index_process .titleLink::after{content: ' ';display: inline-block;width: 14px;height: 14px;background: url(./img/news_btn2.png) no-repeat center/cover;margin-left: 8px;vertical-align: -2px;}
.index_process .titleLink:hover{background-color: #fff;border:1px solid #ec0410;color: #ec0410;}
.index_process .titleLink:hover::after{background: url(./img/news_btn1.png) no-repeat center/cover;}


.index_process_top .index_title,
.index_process_top .index_title a {text-align: left;color: #FFFFFF;font-size: 40px;}
.index_process_top .index_title::after {left: 0;transform: none;background: #FFFFFF;}
.index_process_top .index_title a:hover {opacity: .8;}
.index_process_desc {font-family: Arial-Regular;font-weight: 400;font-size: 16px;margin-top: 25px;color: #FFFFFF;}
.index_process_swi_box {margin-top: -12%;padding-left: calc((100% - 1480px) / 2);}
.index_process_div {position: relative;}
.index_process_div .imgBox {padding-bottom: 78%;}
.index_process_title {position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;text-align: left;padding: 20px;font-size: 20px;color: #FFFFFF;background: linear-gradient(181deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.index_process_title:hover{color: #ec0410;}
.index_process_swi_cz {margin-top: 30px;padding-right: 110px;}
.index_process_swi_pag {flex: 1;height: 2px;position: relative;background: #EAEAEA;}
.index_process_swi_pag .swiper-pagination-progressbar-fill {background: #ec0410;height: 6px;margin-top: -2px;}
.index_process_swi_cz .index_swi_btn{margin-left: 15px;}
.index_process_swi_cz .index_swi_btn div {position: relative;top: auto;left: auto;right: auto;}
.index_process_swi_cz .index_swi_btn_left {margin-right: 10px;width: 27px;height: 27px;display: inline-block;background: url(./img/Fr.webp) no-repeat center/cover;transform: rotate(180deg);}
.index_process_swi_cz .index_swi_btn_right {width: 27px;height: 27px;display: inline-block;background: url(./img/Fr.webp) no-repeat center/cover;}
.index_process_swi_cz .index_swi_btn_left:hover {background: url(./img/Fra.webp) no-repeat center/cover;transform: rotate(0);}
.index_process_swi_cz .index_swi_btn_right:hover {background: url(./img/Fra.webp) no-repeat center/cover;transform: rotate(180deg);}

.index_cleaner .layout{background:url(./img/image_60.webp) no-repeat 150px center/cover;padding: 3% 0;margin-bottom: 3%;}
.index_cleaner .title{font-size: 30px;color: #333;text-align: center; display: block;}
.index_cleaner .title:hover{color: #ec0410;}
.index_cleaner .layout>.desc{font-size: 16px;color: #999;line-height: 2;text-align: center;width: 90%;margin: 2% auto;}
.index_cleaner .number_list{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;width: 80%;margin: 4% auto;}
.index_cleaner .number_item{border-left: 1px solid #D9D9D9;padding-left: 30px;position: relative;}
.index_cleaner .number_item::before{content: ' ';position: absolute;left: -1px;top: 0px;background-color: #ec0410;display: block;height: 52px;width: 2px;}
.index_cleaner .number_item .num{font-size: 45px;color: #ec0410;font-weight: bold;}
.index_cleaner .number_item .num span{font-size: 16px;font-weight: normal;}
.index_cleaner .number_item .desc{font-size: 16px;color: #999;}
.index_cleaner .titleLink{display: block;width: fit-content;font-size: 16px;color: #fff;background-color: #ec0410;border: 1px solid transparent;padding: 8px 30px;margin: 2% auto 10px;}
.index_cleaner .titleLink:hover{border-color: #ec0410;background-color: transparent;color: #ec0410;}

.index_show .layout{display:flex;}
.index_show .show_item{width: 29%;position: relative;overflow: hidden;}
.index_show .show_item .img_warp{position: relative;padding-bottom: 120%;}
.index_show .show_item .img_warp img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;}
.index_show .show_item.active{width: 42%;}
.index_show .show_item.active .img_warp{width: 100%;padding-bottom: 83%;}
.index_show .show_item.active .hide_info{transform: translateY(0);}

.index_show .img_warp .title{position: absolute;left: 5%;top: 5%;border-left: 7px solid #ec0410;padding: 2% 0 2% 15px;;color: #fff;font-size: 20px;}
.index_show .hide_info{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:#F8F8F8 url(./img/demo/Mask_group.webp) no-repeat center/90% ;padding: 4%;transform: translateY(100%);}
.index_show .hide_info .info{border-left: 6px solid #ec0410;padding-left: 15px;}
.index_show .hide_info .info .title{padding: 40px 0;}
.index_show .hide_info .desc{margin: 8% 2%;color: #666;}
.index_show .hide_info .link{font-size: 16px;color: #666;border: 1px solid #666;border-radius: 21px;margin: 0 2%;padding: 1% 6%;}
.index_show .hide_info .link:hover{border-color: #ec0410;background-color: #ec0410;color: #fff;transform: translateY(0);}


.index_rotate{margin: 4% auto;}
.index_rotate .top{display: grid;grid-template-columns: repeat(2,1fr);}
.index_rotate .left{padding-right: 3%;border-right: 4px solid #ec0410;}
.index_rotate .left .title{font-family: Lato-Bold;font-size: 40px;color: #333;}
.index_rotate .left .title span{display: block;text-indent: 3.5em;}
.index_rotate .top .desc{font-size: 16px;color: #999;margin: 2% 0;font-family: Lato-Regular;line-height: 2;}
.index_rotate .right{padding-left: 3%;display: flex;justify-content: left;align-items: center;}
.flip-container{margin: 2% 0;position: relative;height: 600px;perspective: 1000px;}

.back,.front{display: flex;flex-direction: column;}
.flip-card .t{font-size: 60px;color: #ec0410;line-height: 1;}
.flip-card .t span{font-size: 24px;color: #ec0410;}
.flip-card .desc{display: block;text-align: center;font-size: 20px;color: #666;max-width: 80%;}
.flip-card .back .t{color: #fff;}
.flip-card .back .t span{font-size: 24px;color: #fff;}
.flip-card .back .desc{color: #fff;}
.flip-card .img_warp{width: 80px;padding-bottom: 80px;position: relative;}
.flip-card .img_warp img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;}

.flip-container .flip-card:nth-child(2) {left: 0px;top: 250px;}
.flip-container .flip-card:nth-child(3) {left: 220px;top: 124px;}
.flip-container .flip-card:nth-child(4) {left: 440px;top: 0px;}
.flip-container .flip-card:nth-child(5) {left: 440px;top: 250px;}
.flip-container .flip-card:nth-child(6) {left: 660px;top: 124px;}
.flip-container .flip-card:nth-child(7) {left: 660px;top: 374px;}
.flip-container .flip-card:nth-child(8) {left: 880px;top: 0px;}
.flip-container .flip-card:nth-child(9) {left: 880px;top: 250px;}
.flip-container .flip-card:nth-child(10){left: 1100px;top: 124px;}
.flip-container .flip-card:nth-child(11){left: 1100px;top: 374px;}
.flip-container .flip-card:nth-child(12){left: 1320px;top: 0px;}
.flip-container .flip-card:nth-child(13){left: 1320px;top: 250px;}

.flip-card{position: absolute;width: 270px;height: 233px;transform-style: preserve-3d;transition: transform 0.8s ease-in-out;}
.flip-container .flip-card.hover:hover {transform: rotateY(180deg);}
.front {clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);;position: absolute;width: 100%;height: 100%;backface-visibility: hidden;background-color: #F8F8F8;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: white;font-size: 18px;font-weight: bold;}
.back { clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);;position: absolute;width: 100%;height: 100%;backface-visibility: hidden;background-color: #ec0410;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: white;font-size: 18px;font-weight: bold;transform: rotateY(180deg);}

.index_news{padding: 2% 0 4%;}
.index_news .title_warp{text-align: center;}
.index_news .title_warp .title{font-size: 40px;font-family: Lato-Bold;font-weight: bold;position: relative;padding-bottom: 20px;display: inline-block;}
.index_news .title_warp .title::after{content: ' ';width: 40px;height: 3px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display:inline-block;background-color: #ec0410;}
.index_news .title_warp .desc{font-size: 16px;color: #999999;margin-top: 20px;}
.index_news_content {display:grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;width: 90%;margin: 4% auto 0;}
.index_news_content .img_warp{position: relative;width: 100%;padding-bottom: 60%;}
.index_news_content .img_warp img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;}
.index_news_content .info{background-color:#F8F8F8;padding:6% 4%}
.index_news_content .date{color: #999;}
.index_news_content .title{font-size: 20px;color: #222;margin: 3% 0;font-weight: bold;display:block;line-height: 1.3;}
.index_news_content .desc{font-size: 16px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.index_news_content .lnik{margin-top: 3%;color: #ec0410;width: fit-content;display: block;}
.index_news_content .lnik::after{content: '';display: inline-block;width: 14px;height: 14px;background: url(./img/btn_right.png) no-repeat center/cover;margin-left: 10px;vertical-align: -1px;}
.index_news_content .lnik:hover::after{transform: translateX(10px);}


@media only screen and (max-width: 950px) {
.index_product .title_warp .title{font-size: 24px;}
.index_product .tabs{overflow-x: auto;max-width: 100%;justify-content: start;}
.index_product .tab{width:fit-content;white-space: nowrap;}
.index_product .tabs_content{width:calc(100% - 100px)}
.index_product .tabs_content .title{height: auto; -webkit-line-clamp: unset;overflow: visible;}
.index_product .swiper-button-next::before{width:30px;height: 30px;}
.index_product .swiper-button-prev::before{width:30px;height: 30px;}
.index_product .swiper-button-next::after{display:none}
.index_product .swiper-button-prev::after{display:none}


.index_process {padding: 0 2.5% 0;}
.index_process_top {padding-left: 0;width: 100%;background: none;padding: 7% 0 0;}
.index_process_top .index_title,
.index_process_top .index_title a {color: #333333;font-size: 24px;}
.index_process .titleLink{display:none}
.index_process_top .index_title::after {background: #ec0410;}
.index_process_desc {color: #333333;}
.index_process_swi_box {margin-top: 30px;}
.index_process_swi_cz  .index_tab_swi_btns2 .index_tab_btn_left2,
.index_process_swi_cz  .index_tab_swi_btns2 .index_tab_btn_right2 {display: block;}
.index_process_swi_cz{margin-top: 0;padding-right: 0;}
.index_process_swi_cz .index_process_swi_pag{display: none;}
.index_process_swi_box{position: relative;}
.index_process_swi_cz .index_swi_btn div{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
.index_process_swi_cz .index_tab_swi_btns2 .index_tab_btn_left2{left: -1.5%;transform: rotate(180deg);display: none;}
.index_process_swi_cz .index_tab_swi_btns2 .index_tab_btn_right2{right: -1.5%;display: none}

.index_cleaner .layout>.desc{width: 100%;margin: 0;}
.index_cleaner .number_list{margin: 5% 0;grid-template-columns: repeat(2,1fr);width: 100%;}
.index_show .layout{flex-direction: column;}
.index_show .show_item{width: 100%;}
.index_show .show_item.active{width: 100%;}
.index_show .show_item.active .img_warp{padding-bottom: 120%;}

.index_rotate .top{grid-template-columns: repeat(1,1fr);}
.index_rotate .left .title{font-size: 24px;}
.index_rotate .left .title span{display: inline;}
.index_rotate .left{border-right: 0;border-bottom: 2px solid #ec0410;}
.flip-container{height: 1200px;}
.flip-card{width: clamp(100%, 500px);}
.flip-container .flip-card:nth-child(1) {left: 100px;top: 120px;}
.flip-container .flip-card:nth-child(2) {left: 100px;top: 370px; }
.flip-container .flip-card:nth-child(3) {left: 330px;top: 250px;}
.flip-container .flip-card:nth-child(4) {left: 560px;top: 370px; }
.flip-container .flip-card:nth-child(5) {left: 560px;top: 120px;}
.flip-container .flip-card:nth-child(6) {left: 330px;top: 0px;}
.flip-container .flip-card:nth-child(7) {left: 100px;top: 870px;}
.flip-container .flip-card:nth-child(8) {left: 100px;top: 620px;}
.flip-container .flip-card:nth-child(9){left: 560px;top: 870px;}
.flip-container .flip-card:nth-child(10){ left: 330px;top: 500px;}
.flip-container .flip-card:nth-child(11) {left: 560px;top: 620px;}
.flip-container .flip-card:nth-child(12){left: 330px;top: 750px;}
.flip-container .flip-card:nth-child(13){left: 330px;top: 1000px;}

.index_cleaner .number_item .num{font-size: 30px;line-height: 1;}
.index_cleaner .number_item .desc{margin-top: 15px;}

.index_news .title_warp .title{font-size: 24px;}
.index_news_content{grid-template-columns: repeat(1,1fr);width: 100%;margin: 0;}
.index_news_content .title{font-size: 18px;font-weight: none;}
.index_news_content .desc{display: none;}

}