@charset "utf-8";
:root{--color:#0081E4}
.home-title{color:#0B2F59}
@media (min-width:1025px){body{padding-top: 100px;}
.nobanner header{background:#fff}
.nobanner header.is-active .head-info .head-nav .nav-ul>li>a{color:var(--fontcolor)}
header .head-info .head-nav .nav-ul>li>a.inmenu_1,header .head-info .head-nav .nav-ul>li:hover>a{color:var(--color) !important}
header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize16)}
header .head-info .head-nav .nav-ul>li>a,.lang-icon span{color: #000000;}
.lang-icon span::before,.lang-icon span::after{background: #000;} }
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
.kche-t45>.kche-flex {padding-left: 20px;background: #f5f5f5;}
#home-swiper .swiper-slide::after{background: rgb(0 0 0 / 5%);}
#home-swiper .banner-animote{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#fff;padding:0 70px;opacity:0;text-align:center}
#home-swiper .banner-animote .p1{font-size:50px;font-weight:var(--fontbold6);max-width:700px;margin:0 auto 30px}
#home-swiper .banner-animote .p2{display:flex;justify-content:center;margin-top:50px}
#home-swiper .banner-animote .p2 a{margin-right:20px;min-width:160px;height:48px;font-size:var(--fontsize14);background:var(--color);border-radius:30px;color:#fff;font-weight:var(--fontbold6);text-transform:capitalize;display:flex;align-items:center;justify-content:center;transition:all .1s linear}
#home-swiper .banner-animote .p2 a:nth-child(2){background:#fff;color:var(--fontcolor)}
#home-swiper .banner-animote .p2 a:hover{opacity:.9}
#home-swiper .swiper-slide-active .banner-animote{opacity:1}
#home-swiper .swiper-slide-active img{animation:bannerimg 6s forwards}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
#home-swiper .swiper-slide>a::after{display:none}
#home-swiper .banner-animote{text-shadow:1px 2px 3px #000}
#home-swiper .banner-animote .p1{margin-bottom:15px}
#home-swiper .banner-animote .p3{font-size:20px}
@media (max-width:768px){#home-swiper .banner-animote .p1{margin-bottom:7px;font-size:16px}
#home-swiper .banner-animote .p3{font-size:12px}}
@keyframes bannerani {0% {margin-top: 20px}
100% {opacity: 1;margin-top: 0px}}
@keyframes bannerimg {0% {transform: scale(1)}
80% {transform: scale(1.05)}
100% {transform: scale(1.047)}}
.home-projects::before {background-image: url(/uploads/49374/banner/2026101404231566b08.jpg);}