@charset "utf-8";
:root{--color:#86b0be;--fontfamily:'Poppins',arial}
.home-banner .banner-animote *{font-family: "Lato" arial, sans-serif !important}
.home-service{display:block;}
.home-service .service-list{display:flex;flex-wrap: wrap;justify-content: space-between;margin-top:30px;}
.home-service .service-item:nth-child(1) .box .title,.home-service .service-item:nth-child(1) .box .text{color:var(--fontcolor)}
.home-service .service-item:nth-child(1) .home-more{color:var(--fontcolor);border-color:var(--fontcolor)}
.home-service .service-item:nth-child(1) .home-more:hover{color:var(--color);border-color:var(--color)}
@media (min-width:1025px){.home-service .service-item .box .title{font-size:44px;}}
@media (min-width:769px){.home-service .service-item{width:33.33%}}
@media (min-width:769px) and (max-width:1024px){.home-service .service-item .box .text,.home-service .service-item .box .title{margin-bottom:10px;}}
@media (min-width:1025px){body:not(.nobanner){padding-top:150px}
header .head-top{background:#1a1414}
.head-logo {height:100px;}
.head-logo a {height:100%;}
.head-logo a img {max-height:100%;}
header.is-active .head-logo {height:100%;}
.head-info{height:100px}
.nobanner{padding-top:150px}}
header.is-active,.nobanner header .head-info{background:#fff}
header.is-active .head-nav .nav-ul>li>a{color:var(--fontcolor)}
header.is-active .head-nav .nav-ul>li:hover>a{color:var(--color)}
header .head-nav .nav-ul>li>a{color:var(--fontcolor)}
/*header .head-nav .nav-ul>li:hover>a{color:var(--color)}*/
@media (max-width:1024px){.m-menu span{background:#000}
.lang-icon img{filter:brightness(0)}
header{background:#fff}}
.home-banner .banner-animote{top:65%;left:40%;}
.home-banner .banner-animote .p1{font-size:70px}
@media (max-width:1366px){.home-banner .banner-animote .p1{font-size:45px}}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:30px}}
@media (max-width:768px){.home-banner .banner-animote .p1{font-size:26px}}
@media (max-width:500px){.home-banner .banner-animote .p1{font-size:20px}}
.page-hotnews{display:none}
@media(min-width:1365px){.head-nav .nav-ul>li>a{font-size: var(--fontsize20)}
.home-about .about-info .list li{font-size: var(--fontsize20)}
.home-hotpro .hotpro-main .home-des{font-size: var(--fontsize20)}}
.home-banner .swiper-slide>a::after{display:none;}
.home-banner .banner-animote .varcolor{color:#c8521a}
.home-banner .banner-animote .p1 {text-align: left;padding-left: 100px;}
 section.foottop{background-size:cover;background-color:#00000080;background-blend-mode:multiply}