@charset "UTF-8";
.ProSwiper{padding: 50px 0;}
#ProductSlider .swiper-wrapper{transition-timing-function: linear!important;}
#ProductSlider .swiper-button-next:after,#ProductSlider .swiper-button-prev:after{content: "";background-repeat: no-repeat;background-size: contain;background-position: center;width: 30px;height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2217%22%20viewBox%3D%220%200%2011%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.00003%2014.9231L9.17598%208.9027C9.24156%208.84758%209.29408%208.77979%209.33006%208.70383C9.36604%208.62787%209.38464%208.54548%209.38464%208.46215C9.38464%208.37881%209.36604%208.29642%209.33006%208.22046C9.29408%208.1445%209.24156%208.07671%209.17598%208.02159L2.00003%202.00002%22%20stroke%3D%22white%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");}
#ProductSlider .swiper-button-next,#ProductSlider .swiper-button-prev{width: 45px;height: 45px;border-radius: 100%;background-color: rgba(0, 129, 264, 0.6);text-align: center;}
#ProductSlider .swiper-button-prev{transform: rotate(180deg);}
/* .swiper-button-next, .swiper-rtl .swiper-button-prev
.swiper-button-next:after{} */
#ProductSlider a{text-decoration: none;}
#ProductSlider .swiper-slide:hover{z-index: 1;}
#ProductSlider figure{border: 1px solid rgba(0, 0, 0, 0.10);border-radius: 6px;transition: all .3s ease-in-out;}
#ProductSlider figure:hover{transform: scale(1.1);box-shadow: 5px 5px 20px #999;}
#ProductSlider figure h6{min-height: 39px;}
#ProductSlider figure h3{font-weight: bolder;font-size: 1.35rem;}
#ProductSlider figure figcaption{padding: 0.5rem 1rem;color: #000000;background-color: #FFFFFF;}
#TopNews{padding-top: 1.5rem;margin-top: -8rem;margin-bottom: 3rem;position: relative;z-index: 2;}
#TopNewsBox{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);display: flex;flex-wrap: wrap;background-color: #FFFFFF;}
#TopNewsBox h2{font-weight: bolder;}
#TopNewsBox > div{padding: 1.25rem 1rem;}
#TopNewsBox > div:nth-child(1){background-color: #2185E3;color: #FFFFFF;}
#TopNewsBox ul{list-style-type: none;padding-left: 0;margin-bottom: 0;}
#TopNewsBox ul li{color: #7B7B7B;padding-bottom: 1rem;}
#TopNewsBox h6 span{display: inline-block;background-color: #FFFFFF;color: #2185E3;font-size: 1.15rem;padding: 5px 1rem 5px 0;text-transform: uppercase;font-weight: bolder;position: relative;z-index: 2;}
#TopNewsBox h6{position: relative;}
#TopNewsBox h6::after{content: "";display: block;width: 90%;height: 2px;background-color: #2185E3;position: absolute;left: 0;bottom: 8px;}
#HomeVideoBox{width: 100%;height: 100%; cursor: pointer;}
.InfoBox{display: flex;flex-wrap: wrap;min-height: 380px; color: #FFFFFF;}
#particles-box {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#particles-js {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url(particles_style.css);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
@media (min-width:991px) {
    #ProductSlider .swiper-slide{padding-left: 15px;}
}
@media (max-width:991px) {
    #TopNewsBox h2{font-size: 1.25rem;}
    #TopNewsBox > div:nth-child(1) {width: 235px;}
    .swiper-button-next-ProSwiper,.swiper-button-prev-ProSwiper{display: none;}
    #ProductSlider figure h3{min-height: 52px;}
}
@media (max-width:767px) {
    #TopNewsBox > div:nth-child(1) {width: 160px;}
    .InfoBox {min-height: auto;}
    .img-bg-cover img {position: relative;min-width: auto;min-height: auto;left: auto;top: auto;transform: none;width: 100%;max-width: 100%;}
}
@media (max-width:575px) {
    #TopNewsBox > div:nth-child(1) {width: 100%;}
    #TopNewsBox > div:nth-child(1) p{margin-bottom: 0;}
    #TopNews {margin-bottom: 0;}
    #TopNewsBox h6::after{width: 100%;}
}
@media (max-width:500px) {
}
@media (max-width:480px) {
    #TopNewsBox ul li {font-size: 14px;}
}
@media (max-width:450px) {
    #TopNewsBox > div:nth-child(1) p {font-size: 14px;}
    #TopNewsBox ul li {font-size: 12px;}
}
@media (max-width:400px) {
}
@media (max-width:375px) {
}
@media (max-width:350px) {
}