.home-wrap .banner-swiper {overflow: hidden;position: relative;}
.banner-swiper .swiper-pagination-banner {position: absolute;z-index: 9;bottom: 150px;text-align: center;}
.banner-swiper .swiper-pagination-bullet {background-color: #767772;}
.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}
.banner-swiper .banner-text {position: absolute;z-index: 2;left: 13%;top: 17%;}
.banner-swiper .banner-text * {color: #fff;}
.banner-swiper .banner-text h2 {font-family: 'Impact';font-size: 60px;}
.banner-swiper .banner-text h3 {font-family: 'Impact';font-size: 36px;}
.button-wrap {display: inline-block;padding: 10px 0;background-color: var( --e-global-color-primary );color: #fff;border-radius: 40px;width: 250px;text-align: center;font-size: 22px;border: 1px solid rgba(0,0,0,0);}
.banner-button-wrap {margin-top: 15px;}

.banner-show-product-wrap {display: flex;margin-top: 50px;}
.banner-show-product-wrap .item {width: 220px;border-radius: 50%;border: 6px solid var( --e-global-color-primary );overflow: hidden;height: 220px;margin-right: 25px;}

.home-01-wrap {padding: 160px 0 86px;background-image: url('/wp-content/uploads/2023/12/right-6611.jpg');background-repeat: no-repeat;background-position: right 462px;position: relative;}
.home-01-wrap .home-01-left {padding: 0 60px 70px 0;background: url('/wp-content/uploads/2023/12/left-663.jpg') no-repeat right bottom;}
.home-01-wrap .home-01-left img {box-shadow: 0 16px 16px rgb(14 13 18 / 30%);}
.home-01-right {padding-left: 5px;}
.home-01-right h2 {margin-top: 30px;font-family: 'Rubik Medium';font-size: 30px;}
.home-01-right .time {font-size: 20px;color: #999;position: relative;}
.home-01-right .time::after {display: inline-block;content: ' ';width: 110px;height: 1px;background:#94afd7;vertical-align: super;margin-left: 20px;}
.home-01-right .home-01-right-box {position: relative;padding-left: 120px;padding-top: 50px;}
.home-01-button-wrap {margin-top: 60px;}
.home-01-right-box::before {content: ' ';position: absolute;width: 110px;height: 1px;left: 0;top: 60px;background-color: #94afd7;}
.home-01-number-item {display: flex;}
.home-01-number-item .number {font-size: 70px;font-family: 'Rubik Medium';padding: 0 20px;}
.home-01-number-item .text span {display: inline-block;width: 46px;height: 3px;background-color: #70bdf8;vertical-align: sub;}
.home-01-number-item .text {font-size: 18px;font-family: 'Rubik Regular';}
.home-01-number-items {padding: 50px 0 50px 20px;margin-top: 95px;}
.home-01-number-items .row .col-md-4 {padding: 0;}
.home-01-number-items .home-01-number-item * {color: #fff;}
.home-01-number-item .text * {font-family: 'Roboto Bold';}
.home-01-box {width: 100%;max-width: 1700px;height: 220px;background: var( --e-global-color-primary );position: absolute;top: -110px;left: 0;border-radius: 0 0 90px 0;z-index: 5;padding-left: 13.5%;padding-right: 30px;}
.home-01-box p {margin-top: 15px;color: #fff;font-size: 20px;}
.home-01-box-teim {padding: 0 20px;}

.home-02-wrap {background-image: url('/wp-content/uploads/2023/12/home-576.jpg');background-position: left top;background-repeat: no-repeat;}
.home-02-wrap .home-02-left {padding-top: 85px;}
.home-02-wrap .home-02-left h2 {font-size: 40px;text-transform: uppercase;color: #fff;font-family: 'Rubik Medium';}
.home-02-wrap .home-02-left p {color: #fff;font-family: 'Rubik Medium';font-size: 21px;}
.home-02-wrap .home-02-right {text-align: right;}
.home-02-right .img {text-align: right;position: relative;display: inline-block;}
.home-02-right .img::after {content: ' ';width: 100%;height: 100%;background-color: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;}
.home-02-right .img:hover::after {background-color: rgba(4,87,225,.4);transition: all 0.6s;}
.home-02-right .float-img {position: absolute;top: 0;right: 418px;}
.home-02-right .float-img::after {content: ' ';width: 100%;height: 100%;background-color: rgba(0,0,0,.1);position: absolute;top: 0;left: 0;}
.home-02-right .float-img:hover::after {background-color: rgba(4,87,225,.4);}
.img .float-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 2;}
.img .float-text .text {color: #fff;font-size: 24px;font-family: 'Roboto Bold';text-align: center;}
.img .float-text .button {text-align: center;}
.img .float-text .button i {color: #fff;width: 40px;text-align: center;height: 40px;line-height: 38px;border-radius: 50%;border: 1px solid #fff;display: inline-block;margin-top: 20px;}
.other-img {position: relative;display: inline-block;}
.other-img .img:last-of-type {position: absolute;top: 0;left: -100%;}
.home-02-right .img a:hover i{background-color: var( --e-global-color-primary );color: #fff;transition: all 0.6s;border-color: var( --e-global-color-primary );}

.home-03-wrap {padding: 80px 0;}
.home-03-wrap .title {text-align: center;}
.home-03-wrap .title h2 {font-family: 'Rubik Medium';font-size: 48px;text-transform: uppercase;}
.home-03-wrap .title p {font-family: 'Rubik Medium';font-size: 18px;}
.home-03-wrap .home-03-item {border: 1px solid rgba(0,0,0,.1);margin-top: 30px;}
.home-03-wrap .home-03-item .img img{width: 100%;}
.home-03-wrap .home-03-item .text {padding: 20px 10px 40px;}
.home-03-wrap .home-03-item .text h4 {text-align: center;}
.home-03-wrap .home-03-item .text p {text-align: center;}
.home-03-wrap .home-03-item .text h4 a {font-size: 18px;text-align: center;font-family: 'Roboto Bold';}
.home-03-wrap .home-03-item .text .pro-button {text-align: center;display: none;}
.home-03-wrap .home-03-item .text .pro-button a {display: inline-block;width: 112px;height: 34px;line-height: 32px;border: 1px solid var( --e-global-color-primary );text-align: center;color: var( --e-global-color-primary );margin: 0 5px;}
.home-03-wrap .home-03-item .text .pro-button a:hover {background-color: var( --e-global-color-primary );color: #fff;transition: all 0.6s;}
.home-03-wrap .home-03-item:hover .pro-button{display: block;transition: all 0.6s;}
.home-03-wrap .home-03-item:hover {box-shadow: 0 16px 16px rgb(14 13 18 / 30%);}
.home-03-wrap .home-03-button-wrap {text-align: center;margin-top: 50px;}
.home-03-wrap .home-03-button-wrap .button-wrap {width: 210px;}
.button-wrap:hover {border: 1px solid var( --e-global-color-primary );color: var( --e-global-color-primary );background-color: #fff;}
.home-03-wrap .home-03-button-wrap .button-wrap i {font-size: 20px;}
.home-03-items .col-md-4 {padding: 0 20px;}

.home-04-wrap {padding: 50px 0;}
.home-04-wrap .home-form {border-radius: 20px;border: 1px solid rgba(0,0,0,.1);padding: 30px;}
.home-04-wrap .home-04-right {padding-left: 40px;}
.home-04-wrap .home-04-right h2 {font-family: 'Rubik Medium';font-size: 40px;text-transform: uppercase;}
.home-04-wrap .home-04-right h2 span {font-family: 'Rubik Medium';font-size: 40px;text-transform: uppercase;color: red;}
.home-api-wrap ul {padding-left: 0;}
.home-api-wrap ul li {list-style: none;padding: 10px 50px 10px 40px;border-radius: 8px;box-shadow: 0 4px 12px rgb(14 13 18 / 15%);margin-top: 30px;}
.home-api-wrap ul li h4 {font-size: 18px;position: relative;height: 40px;margin-bottom: 0;font-family: 'Roboto Bold';}
.home-api-wrap ul li p {font-size: 14px;display: none;}
.home-api-wrap ul li h4 span {width: 22px;text-align: center;display: inline-block;height: 22px;line-height: 20px;border: 1px solid #999;color: #999;position: absolute;right: -30px;top: 10px;border-radius: 50%;cursor: pointer;}
.home-api-wrap ul li h4 span::after {content: '+'}
.home-api-wrap ul li h4 span:hover {background-color: var( --e-global-color-primary );color: #fff;border: 1px solid var( --e-global-color-primary );transition: all 0.6s;}
.home-api-wrap ul li.active p {display: block;}
.home-api-wrap ul li.active h4 span {background-color: var( --e-global-color-primary );color: #fff;border: 1px solid var( --e-global-color-primary );transition: all 0.6s;}
.home-api-wrap ul li.active h4 span::after {content: '-';}

.home-05-wrap {padding: 50px 0;display: flex;}
.home-05-wrap .container-content-wrap {width: 100%;padding: 0 20px;}
.home-05-wrap .swiper-slide {background-image: url('/wp-content/uploads/2023/12/home-664.jpg');background-repeat: no-repeat;background-position: right top;}
.home-05-wrap .home-05-item .home-05-item-left {padding: 70px 60px;width: 100%;max-width: 700px;}
.home-05-wrap .home-05-item .home-05-item-left .text {padding: 20px 100px 20px 0;background-color: rgba(255,255,255,.8);box-shadow: 10px 10px 17px rgb(14 13 18 / 15%);}
.home-05-wrap .home-05-item .home-05-item-left h2 {font-family: 'Rubik Medium';font-size: 40px;text-transform: uppercase;}
.home-05-wrap .home-05-item .home-05-item-left h2 span {font-family: 'Rubik Medium';font-size: 40px;text-transform: uppercase;color:var( --e-global-color-primary );}
.home-05-wrap .home-05-item .home-05-item-left .text .title {font-family: 'Roboto Bold';font-size: 24px;}
.home-05-wrap .home-05-item .home-05-item-left .text p {margin-top: 15px;}
.home-05-wrap .home-05-item .home-05-button-wrap {margin-top: 60px;}
.home-05-wrap .home-05-item .home-05-button-wrap a{width: 180px;}
.home-05-wrap .home-05-item .home-05-button-wrap a i {font-size: 26px;}
.next-pre-wrap i {cursor: pointer;border: 1px solid #0d7dfc;border-radius: 50%;height: 30px;line-height: 28px;text-align: center;width: 30px;color: #666;display: inline-block;}
.next-pre-wrap span {display: inline-block;position: absolute;top: 45%;z-index: 5;border-radius: 50%;background-color: #fff;width: 40px;text-align: center;height: 40px;line-height: 40px;}
.next-pre-wrap span.left {left: -40px;transform: rotate(180deg);}
.next-pre-wrap span.right {right: -40px;}
.home-05-box {position: relative;}
.next-pre-wrap span:hover i{background: var( --e-global-color-primary );color: #fff;transition: all 0.3s;border-color: var( --e-global-color-primary );}
.next-pre-wrap span:active i {transition: all 0.3s;width: 40px;height: 40px;line-height: 38px;}
.home-05-swiper {overflow: hidden;}
.home-05-float-number-wrap {position: absolute;bottom: -10px;right: 35%;}
.home-05-float-number-wrap span {font-size: 18px;font-family: 'Rubik Medium';}
.home-05-float-number-wrap .now-index {color: #999;}

.home-06-wrap {padding: 50px 0;}
.home-06-wrap .top .title h2{font-family: 'Rubik Medium';font-size: 40px;text-transform: uppercase;}
.home-06-wrap .top .title h2 span {font-family: 'Rubik Medium';font-size: 40px;text-transform: uppercase;color: var( --e-global-color-primary );}
.home-06-wrap .top .title-right {border-top: 5px solid rgba(0,0,0,.1);}
.home-06-wrap .home-06-button-wrap {text-align: right;margin-top: 30px;}
.home-06-wrap .home-06-button-wrap a {width: 180px;background-color: #fff;color:var( --e-global-color-primary );border: 2px solid var( --e-global-color-primary );padding: 10px 20px;}
.home-06-wrap .home-06-button-wrap a:hover {background-color: var( --e-global-color-primary );color: #fff;}
.hot-blog-wrap {position: relative;}
.home-06-wrap .bottom {margin-top: 50px;}
.home-06-wrap .bottom .hot-blog-wrap .text {padding: 25px 35px;background-color: rgba(0,0,0,.6);position: absolute;left: 0;bottom: 0;width: 100%;}
.home-06-wrap .bottom .hot-blog-wrap .text h3 a{color: #fff;}
.home-06-wrap .bottom .hot-blog-wrap .text p {color: #fff;}
.home-06-wrap .bottom .hot-blog-wrap .text .time {color: #fff;}
.home-06-wrap .bottom .home-06-left .blog-item {margin-bottom: 40px;}
.home-06-wrap .bottom .home-06-left .blog-item h4{font-size: 18px;margin-top: 20px;}
.home-06-wrap .bottom .home-06-left .blog-item .time {display: flex;align-items: center;}
.home-06-wrap .bottom .home-06-left .blog-item .time .day {font-size: 50px;font-family: 'Roboto Bold';color: #ccc;padding-right: 15px;}
.home-06-wrap .bottom .home-06-left .blog-item .time .month {color: #ccc;}

.home-03-items-swiper {display: none;}
.bottom-swiper {display: none;}



@media (max-width:786px) {
    .home-05-wrap .home-05-float-number-wrap {position: static;text-align: center;}
    .home-05-wrap > .img {display: none;}
    .row>*,.row {padding: 0;margin: 0;}
    .home-01-box {position: static;}
    .banner-swiper .banner-text {width: 100%;left: 0;top: 50%;transform: translateY(-50%);}
    .banner-swiper .banner-text h2 {font-size: 26px;text-align: center;}
    .banner-swiper .banner-text h3 {font-size: 20px;text-align: center;}
    .banner-show-product-wrap {display: none;}
    .home-01-box {height: auto;padding: 10px;border-radius: 0;text-align: center;}
    .home-01-wrap {padding: 0;}
    .home-01-wrap .home-01-left,.home-01-right,
    .home-05-wrap .container-content-wrap{padding: 10px;}
    .home-01-right h2 {text-align: center;margin-top: 10px;}
    .home-01-right .home-01-right-box {padding-top: 10px;padding-bottom: 40px;padding-left:0px;}
    .home-01-right-box::before{display:none;}
    .home-01-number-items {margin-top: 10px;padding: 10px;box-sizing:border-box;overflow:hidden}
    .home-01-number-items .col-md-4 {width: 50%;}
    .home-01-wrap {background-position: left bottom;}
    .home-02-wrap {background-size: 100% 100%;padding-bottom: 20px;}
    .home-02-wrap .home-02-left {margin-top: 10px;padding: 10px;}
    .home-02-wrap .home-02-left h2,
    .home-03-wrap .title h2,
    .home-01-right h2,
    .home-04-wrap .home-04-right h2,
    .home-04-wrap .home-04-right h2 span,
    .home-05-wrap .home-05-item .home-05-item-left h2,
    .home-05-wrap .home-05-item .home-05-item-left h2 span,
    .home-06-wrap .top .title h2,
    .home-06-wrap .top .title h2 span {font-size: 20px;text-align: center;}
    .home-02-wrap .home-02-left p,.home-03-wrap .title p {font-size: 16px;text-align: center;}
    .home-02-wrap .home-02-right {text-align: center;}
    .other-img .img:last-of-type {position: relative;left: auto;}
    .home-03-wrap,.home-04-wrap,.home-04-wrap .home-04-right {padding: 10px;}
    .home-03-items,.next-pre-wrap,.title-right,.home-06-wrap .bottom {display: none;}
    .home-03-items-swiper {display: block;overflow: hidden;}
    .home-05-wrap .home-05-item .home-05-item-left .text {padding: 10px;}
    .home-05-wrap .home-05-item .home-05-button-wrap {text-align: center;}
    .button-wrap,.home-05-wrap .home-05-item .home-05-button-wrap a i {font-size: 16px;}
    .home-05-wrap,.home-06-wrap {padding: 10px;}
    .home-01-button-wrap {margin-top: 30px;text-align: center;}
    .bottom-swiper {display: block;overflow: hidden;}
    .bottom-swiper .time {display: flex;justify-content: center;}
    .bottom-swiper h4 {font-size: 20px;text-align: center;}
    .month {display: flex;}
    .banner-button-wrap {text-align: center;}
    .home-01-number-item .text {font-size:16px;}
    .home-01-number-item .number {font-size:38px;}
    .home-api-wrap ul li h4{height:auto}
    .home-05-wrap .home-05-item .home-05-item-left {
    padding: 70px 26px;}
}