﻿.home-products {padding-bottom:4%}
@media (max-width:768px){.home-products {padding-bottom:40px}}
.home-case .homecase-wrap .swiper-slide .item .more{color:#003d8d;}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{border-color:#003d8d;color:#003d8d;}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:#003d8d}
.home-indexadv{display:none}
.home-classification{padding-bottom:4%}
.classification-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;}
.classification-list li{margin-top:10px;width:19%;position:relative;}
.classification-list li .classification-pic img{display:block;width:100%;}
.classification-list li .classification-txt{position:absolute;top:5px;left:10px;font-weight:bold;color:#fff;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;font-size:var(--fontsize18)}
@media (max-width:1280px){.classification-list li .classification-txt{font-size:var(--fontsize16)}}
@media (max-width:1024px) and (min-width:769px){.classification-list li{width:32%}
.classification-list li:nth-child(4){margin-left:17%}
.classification-list li:nth-child(5){margin-right:17%}}
@media (max-width:768px){.home-classification{padding-bottom:40px}
.classification-list{margin-top:10px;}
.classification-list li{width:48%}}
.home-solution {background:url(/uploads/44172/index/sbg.jpg) no-repeat center;background-size:cover}
.home-solution .loading{display:none}
.home-solution .mySwiper2 .swiper-slide img{aspect-ratio:702/449;display:block;object-fit:contain;background:#fff;border-radius:15px}
.home-solution .mySwiper .swiper-slide.swiper-slide-thumb-active .icon,.home-solution .home-more::before,.homepro-recommend-item .info .name::after{background:#003d8d}
.home-solution .home-more{background:#fff;color:var(--fontcolor)}
.home-solution .home-more:hover{color:#fff}
@media (min-width:1281px){.home-solution .mySwiper2 .swiper-slide .content{padding-bottom:110px}}
@media (min-width:1441px){.home-solution .mySwiper2 .swiper-slide .content{padding-bottom:130px}}
.home-callus .homecallus-wrap .homecallus-info .homecallus-top .homecallus-tel{color:#00a1ea}
.homepro-recommend-item .info .home-more{display:none}
.homepro-recommend-item:hover .name{color:#003d8d}
.home-customers{padding-bottom:4%}
.customers-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.customers-list li:first-child{width:calc(32.2% - 10px)}
.customers-list li:nth-child(2){width:calc(67.8% - 10px)}
.customers-list li:nth-child(2) .customers-pic{display:flex;flex-wrap:wrap;justify-content:space-between;height:100%;}
.customers-list li:nth-child(2) .customers-pic>div{width:calc(50% - 10px);height:calc(50% - 10px)}
.customers-list li:nth-child(2) .customers-pic>div:nth-child(n+3){margin-top:20px}
.customers-list li:nth-child(n+3){width:calc(50% - 10px);margin-top:20px}
.customers-list li img{width:100%;}
@media (max-width:1200px){.customers-list li:first-child{width:calc(32.5% - 10px)}
.customers-list li:nth-child(2){width:calc(67.5% - 10px)}}
@media (max-width:768px){.home-customers{padding-bottom:40px}
.customers-list{margin-top:20px}
.customers-list li:first-child{width:calc(32.5% - 5px)}
.customers-list li:nth-child(2){width:calc(67.5% - 5px)}
.customers-list li:nth-child(2) .customers-pic>div{width:calc(50% - 5px);height:calc(50% - 5px)}
.customers-list li:nth-child(2) .customers-pic>div:nth-child(n+3){margin-top:10px}
.customers-list li:nth-child(n+3){width:calc(50% - 5px);margin-top:10px}}
.home-about{background:url(/uploads/44172/index/abg.jpg) no-repeat center;background-size:cover;}
.home-about>img{display:none;}
.home-about .homeabout-info{background:none;color:var(--fontcolor);}
.home-about .homeabout-img img{display:none}
.home-about .homeabout-info >p:first-child{display:none}
.home-about .homeabout-info .homeabout-p2{margin-top:0}
.home-about .homeabout-info .homeabout-list li span{border-color:var(--fontcolor)}
.home-about .homeabout-info .homeabout-more{background:#007F54;color:#fff}
@media (min-width:1501px){.home-about{position:relative;align-items:center}
.home-about>img{display:block;width:100%;}
.home-about .homeabout-info{position:absolute;}
.home-about .homeabout-img{position:absolute;}}
.homenews-list li.act .name{color:#007F54}
.homenews-list li .home-more{background:#007F54;}
.homenews-list li .home-more::before{background:#003d8d}
.homenews-list li.act .icon{background:var(--fontcolor);border-color:var(--fontcolor)}
.home-foottop{background:url(/uploads/44172/index/cbg.jpg) no-repeat center;background-size:cover;}
.home-foottop::after, .home-foottop::before{display:none}
.home-banner .swiper-slide>a::after{display:none;}
.classification-list2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.classification-list2 li{width:calc(25% - 6px);border:1px solid #dedede;margin-bottom:8px}
.classification-list2 li a{position:relative;width:100%;height:100%;overflow:hidden;display:block;}
.classification-list2 li a:before{content:'';width:100%;height:100%;background:#00A0E9;position:absolute;z-index:1;opacity:.2;right:100%;bottom:100%;transition:all .4s ease-in-out}
.classification-list2 li a:after{content:'';width:100%;height:100%;background:#00A0E9;position:absolute;z-index:1;opacity:.2;left:100%;top:100%;transition:all .4s ease-in-out}
.classification-list2 li .classification-pic{width:100%;height:100%;}
.classification-list2 li .classification-pic img{width:100%;height:auto;display:block;}
.classification-list2 li .classification-txt{color:#fff;position:absolute;top:50%;left:0;width:100%;padding:20px 5%;text-align:center;font-weight:bold;transform:translateY(-50%);line-height:1.3;font-size:26px;z-index:2;text-shadow:1px 1px 2px var(--fontcolor);opacity:0}
.classification-list2 li:hover a:before{right:0;bottom:0}
.classification-list2 li:hover a:after{left:0;top:0}
.classification-list2 li:hover .classification-txt{opacity:1}
@media (max-width:1440px){.classification-list2 li .classification-txt{font-size:23px}}
@media (max-width:1200px){.classification-list2 li .classification-txt{font-size:var(--fontsize20)}}
@media (max-width:1024px){.classification-list2 li{width:calc(50% - 5px);margin-bottom:10px}}
@media (max-width:768px){.classification-list2 li .classification-txt{font-size:var(--fontsize17);padding:10px}
.classification-list2 li a:before{right:0;bottom:0}
.classification-list2 li a:after{left:0;top:0}
.classification-list2 li .classification-txt{opacity:1}}