﻿@charset "utf-8"; 
:root{--color:#000;}
@media (min-width:1024px){.home-product #product-swiper2 .swiper-wrapper{flex-wrap: wrap;justify-content: space-between;transform:translate(0,0)!important}
.home-product #product-swiper2 .swiper-wrapper .swiper-slide{width:23.5% !important;margin-right:2% !important;margin-bottom:20px;}
.home-product #product-swiper2 .swiper-wrapper .swiper-slide:nth-child(4n){margin-right:0 !important}
.home-product .product-list .home-button-next, .home-product .product-list .home-button-prev{display:none;}}
.home-video .videowrap .title{text-transform: capitalize;}
.home-about .l-wrap{align-items:center;}
.home-about .about-info .text{font-size:var(--fontsize15)}
.home-about .about-info .more{margin-top:25px;}
@media (max-width:1366px) {
.home-application .applist .item .info {padding: 20px 10px;}
.home-application .applist .item .icon {width: 40px;margin-right: 10px;}
.home-application .applist .item .title a{font-size: 14px;}}
@media (max-width:1024px) {
.home-application .applist .item .info{flex-direction: column;}
.home-application .applist{padding: 0 30px;}}
.home-application .applist .item:hover .title a{color:#fff;}
.foot-main .foot-item .navlist li a:hover,.foot-main .foot-item.contact ul.contactlist li a:hover{color:#fff;}
@media (max-width:1024px){.search-box.m-search-box{display:block;}
.search-box.m-search-box .search-input{max-width:170px;height:40px;}
.search-box .search-input input{flex:inherit;width:100%;}
.search-box .search-input .search-btn,.search-box .search-input input{font-size:12px;}
.lang-icon>img{width:45px;}
.home-product .swiper .swiper-slide .info .title{font-size:var(--fontsize16)}
.home-product .swiper .swiper-slide .info{margin-top:10px;padding:0 30px 0 0}}
@media (max-width:550px){.home-application .applist .item .info .title{min-height:72px;}}
.home-application .applist .item .icon{width: 45px;margin-right: 15px;}
.home-application .applist .item:hover .icon img{filter: invert(40);}
.home-application .applist .item .info{display: flex;}
.home-service .service-wrap .service-item .title::after{background:#D33E25}
@media (max-width:1024px){.home-product .product-list .swiper-wrapper{flex-wrap:wrap;justify-content: space-between;transform: inherit !important;}
.home-product .product-list .swiper-wrapper .swiper-slide{width:49% !important;margin-right:0 !important;margin-bottom:15px;}
.home-product .product-list .swiper-wrapper .swiper-slide:nth-child(n+5),.home-product .swiper-pagination{display:none !important}}
@media (min-width:1025px){.home-cate .home-cate-top .cate-mobile{display:none;}
.home-cate .home-cate-top,.home-cate .home-cate-bottom{padding:0 80px;}}
.home-cate .home-cate-top .inner{display:flex;align-items: center;justify-content: space-between;}
.home-cate .home-cate-top .cate-swiper-btn{width:30px;height:30px;background:#fff;display:flex;align-items:center;justify-content: center;color:var(--fontcolor);cursor: pointer;transition: all .3s;}
.home-cate .home-cate-top .cate-swiper-btn.swiper-button-disabled{cursor: not-allowed;opacity:.7;}
.home-cate .home-cate-top .cate-swiper-btn:hover{color:#fff;background:var(--color);}
.home-cate .home-cate-top .homecateSwiper{max-width:calc(100% - 100px);margin:0 auto;}
.home-cate .home-cate-top .homecateSwiper .swiper-slide{text-align: center;border-radius: 20px;background:#F2F2F2;padding:7px 10px;cursor:pointer;transition: all .3s;text-transform: capitalize;}
.home-cate .home-cate-top .homecateSwiper .swiper-slide.cate-active{background:var(--color);color:#fff;}
.home-cate .home-cate-bottom{margin-top:30px;}
.home-cate .home-cate-bottom .cate-inbox-list{display:flex;flex-wrap:wrap;}
.home-cate .home-cate-bottom .cate-inbox-list .item{width:23.5%;margin-right:2%;margin-bottom:2%;position:relative}
.home-cate .home-cate-bottom .cate-inbox-list .item:nth-child(4n){margin-right:0;}
.home-cate .home-cate-bottom .cate-inbox-list .item .img{width: 100%;border: 1px solid #DFDFDF;}
.home-cate .home-cate-bottom .cate-inbox-list .item .img a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.home-cate .home-cate-bottom .cate-inbox-list .item .img a img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.home-cate .home-cate-bottom .cate-inbox-list .item .info{padding:20px 30px 30px 10px;width:100%;position:relative}
.home-cate .home-cate-bottom .cate-inbox-list .item .info .title{font-size:var(--fontsize18);color:var(--fontcolor);text-transform:capitalize}
.home-cate .home-cate-bottom .cate-inbox-list .item .info .text{font-size:var(--fontsize14);color:var(--introcolor)}
.home-cate .home-cate-bottom .cate-inbox-list .item .info i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color);font-size:var(--fontsize20)}
.home-cate .home-cate-bottom .cate-inbox-list .item::after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:0px;background:var(--color);transition:all .2s linear}
.home-cate .home-cate-bottom .cate-inbox-list .item:hover::after{height:2px}
.home-cate .home-cate-bottom .cate-inbox-list .item:hover .img img{transform:scale(1.1)}
.home-cate .home-cate-bottom .cate-bot-list .cate-bot-item{display:none;}
.home-cate .home-cate-bottom .cate-bot-list .cate-bot-item .cate-morebtn{text-align: center;}
.home-cate .home-cate-bottom .cate-bot-list .cate-bot-item .cate-morebtn a{width:40px;height:40px;display:inline-flex;align-items: center;justify-content: center;background:#fff;border-radius: 50%;cursor:pointer;transition: all .3s;font-size:var(--fontsize20)}
.home-cate .home-cate-bottom .cate-bot-list .cate-bot-item .cate-morebtn a:hover{background:var(--color);color:#fff;}
.home-cate .home-cate-bottom .cate-bot-list .cate-bot-item .cate-morebtn a i{transform: rotateX(180deg);}
@media (max-width:1024px){.home-cate .home-cate-top .cate-pc{display:none;}}
@media (max-width:768px){.home-cate .home-cate-bottom .cate-inbox-list{justify-content: space-between;}
.home-cate .home-cate-bottom .cate-inbox-list .item{width:49%;margin-right:0;}
.home-cate .home-cate-top .homecateSwiper{max-width:calc(100% - 70px)}}
@media (max-width:500px){.home-cate .home-cate-top .cate-mobile{font-size:var(--fontsize14);}}
@media (max-width:1025px){.head-info .search-input{border:1px solid #000;border-radius:20px;background:#fff;padding:0 8px}
.head-info .search-input .search-btn{border-radius:20px}}