@charset "utf-8";
:root{--color:#01aaad;--headercolor:#000000;--fontfamily:"Montserrat", serif;}
.nobanner header .head-top,.nobanner header .head-info,header.is-active{background:#fff}
body:not(.index) .lang-icon img{filter:brightness(0)}
@media (min-width:1025px){body:not(.index) .head-nav .nav-ul>li>a{color:#000}
body:not(.index) .head-nav .nav-ul>li:hover>a{color:var(--color)}}
.m-menu span{background:#000}
@media (max-width:1024px){header{background:#fff}}
.lang-icon img{filter:brightness(0)}
@media (min-width:1025px){body.index .head-nav .nav-ul>li>a{color:#000}
body.index .head-nav .nav-ul>li:hover>a{color:var(--color)}}
.home-banner .swiper-slide>a::after{background:none}
.home-service .service-item:nth-child(1) .box{bottom:auto;top:0;}
@media (min-width:1025px){.home-service .service-item .box{padding:5% 8%;}}
@media (min-width:1601px){.home-about .about-img img{max-height:48vw;}}
.home-cate .swiper-box{display:flex;align-items: center;justify-content: space-between;}
.home-cate .homecate-swiper-btn{width:40px;height:40px;border:1px solid var(--fontcolor);color:var(--fontcolor);font-size:22px;display:flex;justify-content: center;align-items: center;transition: all .3s;cursor:pointer}
.home-cate .homecate-swiper-btn:hover{background:var(--color);color:#fff;border-color:var(--color)}
.home-cate .homecateSwiper{width:calc(100% - 110px)}
.home-cate .homecateSwiper .homecate-list{flex-wrap:nowrap;justify-content: flex-start;}
.home-cate .homecate-swiper-btn.swiper-button-disabled{opacity:0.7;cursor:not-allowed}
@media (min-width:769px){.home-cate .homecateSwiper .homecate-swiper-pagination{display:none;}}
@media (max-width:768px){.home-cate .homecateSwiper{width:100%;padding-bottom:40px;}
.home-cate .homecate-swiper-btn{display:none;}}
.home-hotpro .hotpro-main .hotpro-wrap{width:100%;}
.home-hotpro .hotpro-main .swiper-slide .info .more{min-width: 120px;}
.home-about .about-info .num{justify-content:space-between;}
.home-about .about-info .num li{width:32%;margin-right:0;margin-bottom:2%;}
.home-about .about-info .num li strong{display:block;}
@media (min-width:501px){.home-about .about-info .num li:nth-child(n+4){margin-bottom:0}
.home-about .about-info .num li strong{font-size:var(--fontsize18)}}
@media (min-width:769px) and (max-width:1440px){.home-about .about-info .num li span{font-size:28px;}}
@media (max-width:500px){.home-about .about-info .num li:nth-child(3),.home-about .about-info .num li,.home-about .about-info .num li:nth-child(1){text-align:center;}
.home-about .about-info .num li span{font-size:var(--fontsize18)}
.home-about .about-info .num li{margin-bottom:10px !important}
.home-about .about-info .num li:nth-child(n+5){margin-bottom:0 !important}}
.home-innovation {padding-top:4%;}
.innovation-list {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;}
.innovation-list li {width:32%;list-style:none;text-align:center;}
.innovation-list li .innovation-tit {line-height:1.3;padding:12px 0;font-weight:bold;font-size:20px;}
.innovation-list li p {color:#666;font-size:15px;}
@media (max-width:768px){.home-innovation {padding-top:40px;}
.innovation-list li{width:100%;margin-bottom:25px}}
#hotpro2 .swiper-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;}
#hotpro2 .swiper-slide {height:auto;width:32%;display:flex;flex-direction:column}
.home-hotpro .hotpro-main .swiper-slide .info .title {line-height:1.3;display:block;}
.home-hotpro .hotpro-main .swiper-slide .info .more {height:40px;padding:0 14px;min-width:initial;margin-top:auto;}
.home-hotpro .hotpro-main .swiper-slide .info {padding:12px;flex:1;display:flex;flex-direction:column;align-items:center}
.home-hotpro .hotpro-main .swiper-slide .info .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:12px}
@media (max-width:1350px){#hotpro2 .swiper-slide{width:48%}}
.home-service .service-item::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #00000033;z-index: 0;}
.home-service .service-item .box{z-index: 2;}
@media(min-width:1025px){.head-nav .nav-ul>li>a{font-size: var(--fontsize18);font-weight: var(--fontbold7);}}
@media (min-width:1024px){body:not(.nobanner){padding-top:116px}}
.head-nav .nav-ul>li>a::before{display:none}
iframe { height: revert-layer;}