.banner-animote{position:absolute;top:50%;transform:translateY(-50%);width:45%;left:3.5%}
.banner-animote .p1{font-weight:bold;text-transform:uppercase;font-size:2.35vw;line-height:1.3;}
.banner-animote .p2{position:relative;margin-top:.3vw;padding-left:1.2vw;font-size:1.3vw;width:85%}
.banner-animote .p2:before{content:'';width:.6vw;height:.6vw;border-radius:50%;background:var(--fontcolor);position:absolute;left:0;top:.9vw;}
.banner-animote .p3{display:flex;margin-top:2.5vw;}
.banner-animote .p3 a{transition:.3s;background:#333;color:#fff;text-transform:uppercase;font-size:1vw;padding:.2vw 1.2vw}
.banner-animote .p3 a:hover{background:var(--color)}
.banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:30px}
100%{opacity:1;margin-top:0}}
@media (max-width:1024px){.banner-animote .p3 a{font-size:12px;padding:3px 12px}}
@media (max-width:768px){.banner-animote{top:48%;left:1.5%;width:47%}
.banner-animote .p1{font-size:17px}
.banner-animote .p2{margin-top:2px;padding-left:12px;font-size:12px;width:85%}
.banner-animote .p2:before{width:6px;height:6px;top:7px}
.banner-animote .p3{display:none}}
@media (max-width:600px){.banner-animote{top:50%;width:40%}
.banner-animote .p1{font-size:15px}
.banner-animote .p2{display:none}}
@media (min-width:769px){body{padding:0}
header{box-shadow:0 0 0}
.header:not(.headscroll){background:none}
.header:not(.headscroll) .header-top,.header:not(.headscroll) nav{background:none}
.clock,.header .header-top .mailclock .mail,.header .header-top .mailclock a,.lang-icon{color:#fff}
.header .header-top .mailclock .mail img,.header .header-top .mailclock .clock img{filter:brightness(5)}
.lang-icon span:before,.lang-icon span:after{background:#fff}
img.rectangle{opacity:0}
.header.headscroll .logo{top:0!important;height:77px}
.header .logo .logo1 {height:100%;width:100%;top: 0!Important;display:flex;align-items:center;justify-content:center;}
.header .logo .logo1 img {max-height:100%;max-width:46%;object-fit:contain;}
.header.headscroll .logo .logo1 {top: 0!important;padding:5px 0;box-sizing: border-box;}}
@media (max-width:768px){.header .logo .logo1 img{max-height:90%;}
.header .logo{height:100%;top:0!important;}
.header .logo .logo1{height:100%;display:flex;align-items: center;transform: translate(0);}
.header nav{background:#fff}
.header .navImg img{filter:brightness(0)}}