.home-banner {position: relative;background-color: #eeeeee;}
.home-banner-swiper {overflow: hidden;}
.home-banner-swiper .swiper-slide img {width: 100%;}
.home-banner .bl-wrap {position: absolute;left: 0;bottom: -1px;z-index: 10;width: 100%;}
.home-banner .bl-wrap img {width: 100%;}
.home-banner .banner-text {max-width: 940px;position: absolute;top: 41%;left: 12.2%;transform: translateY(-50%);}
.home-banner .banner-text h1{font-style: italic;font-size: 82px;color: #fff;text-shadow: 5px 3px 0px rgba(0, 0, 0, 0.2);line-height: 1;}
.home-banner-button-wrap {padding-top: 55px;}
 .home-banner-button {display: inline-block;padding: 5px;background-color: #feb300;color: #000;width: 260px;height: 60px;line-height: 60px;display: flex;align-items: center;justify-content: space-between;border-radius: 60px;font-size: 20px;padding-left: 20px;cursor: pointer;font-weight: 600;}
 .home-banner-button i {color: #fff;font-size: 26px;display: inline-block;height: 50px;line-height: 50px;width: 50px;text-align: center;border-radius: 50%;background-color: #fff;color: #fd9923;}
 .home-banner-button:hover {background-color: #fff;color: #fd9923;transition: all 0.6s;}
 .home-banner-button:hover i {background-color: #fd9923;color: #fff;transition: all 0.6s;}
.home-01 {background-color: #eeeeee;padding: 25px 0 70px;}
.home-01 .title {max-width: 920px;margin: auto;text-align: center;background-image: url('/wp-content/uploads/2023/11/bg01.png');background-position: 36% top;background-repeat: no-repeat;padding: 10px 0;}
.home-01 .title h2 {font-size: 50px;text-transform: uppercase;line-height: 1;margin-bottom: 0;}
.home-01 .title p {font-size: 20px;color: #666666;}

.home-01 .home-01-content {padding: 0 100px;margin-top: 20px;}
.home-01 .home-01-content-item-wrap {padding: 0 10px;}
.home-01 .home-01-content-item {padding: 55px 40px 90px 40px;background-color: #fff;border-radius: 30px;text-align: center;box-shadow: 16px 22px 33px 0 rgb(0 0 0 / 20%);}
.home-01 .home-01-content-item h4 {margin-top: 20px;font-size: 30px;}
.home-01 .home-01-content-item p {margin-top: 65px;}
.home-01 .home-01-content-item:hover {background-image: url('/wp-content/uploads/2023/11/bg02.png');background-size: 100% 100%;transition: all 0.6s;}
.home-01 .home-01-content-item:hover h4,.home-01 .home-01-content-item:hover p {color: #fff;transition: all 0.6s;}

.home-about-wrap{background: linear-gradient(to bottom,#eeeeee,#fff);}
.home-about-wrap .home-about-bg{background-image: url('/wp-content/uploads/2023/11/about.png');background-position: top right;background-repeat: no-repeat;}
.home-about-wrap .home-about-bg .about-box{padding: 60px 0 40px;color: #fff;}
.home-about-wrap .home-about-bg .about-box h2 {color: #fff;font-size: 50px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);padding-bottom: 20px;}
.home-about-wrap .home-about-bg .about-box p {padding: 10px 20px 10px 0;font-size: 20px;}
.home-about-wrap .home-about-bg .about-box .about-number {padding: 10px 20px 10px 0;text-align: center;}
.home-about-wrap .home-about-bg .about-box .about-number .col-lg-3:last-of-type .about-button-item{border-right: none;}
.home-about-wrap .home-about-bg .about-box .about-number .col-lg-3:first-of-type .about-button-item{text-align: left;}
.home-about-wrap .home-about-bg .about-box .about-number .about-button-item {border-right: 1px solid rgba(255, 255, 255, 0.4);}
.home-about-wrap .home-about-bg .about-box .about-number .about-button-item .title-text .number {font-size: 75px;font-family: 'Impact';line-height: 1;}
.home-about-wrap .home-about-bg .about-box .about-number .about-button-item .title-text .unit {font-family: 'TwCenMT Bold';font-size: 20px;margin-left: 5px;}
.home-about-wrap .home-about-bg .about-box .about-number .about-button-item .title-p {font-size: 18px;}
.home-about-wrap .home-about-bg .about-box .about-number .row {margin: 0;}
.home-about-wrap .home-about-bg .about-box .about-number .col-lg-3 {padding: 0;}
.home-about-button-wrap .home-banner-button {margin-top: 40px; width: 220px;padding-left: 40px;background-color: #fff;}
.home-about-button-wrap .home-banner-button i {background-color: #feb300;color: #fff;}
.home-about-button-wrap .home-banner-button:hover {background-color: #feb300;color: #fff;}
.home-about-button-wrap .home-banner-button:hover i {background-color: #fff;color: #feb300;}

.home-project-wrap {padding: 50px 0;}
.home-project-wrap .project-menu .project-menu-item {cursor: pointer;text-align: center;background-color: #f2f2f2;margin-top: 10px;padding: 15px 0;font-size: 24px;border-radius: 10px;}
.home-project-wrap .project-menu .project-menu-item.active {background-color: #fd9923;color: #fff;}
.home-project-wrap .project-menu .project-menu-item:hover {background-color: #fd9923;color: #fff;transition: all 0.6s;}
.home-project-wrap .project-box {padding: 40px;background-color: #f2f2f2;margin-top: 20px;border-radius: 10px;display: none;}
.home-project-wrap .project-box.active {display: block;}
.home-project-wrap .project-box .project-box-left h4 {font-size: 30px;margin-top: 40px;}
.home-project-wrap .project-box .project-box-left p {font-size: 20px;padding-left: 10px;margin-top: 30px;padding-right: 30px;}
.home-project-wrap .project-box .project-box-left ul {list-style: none;padding-left: 10px;margin-top: 40px;}
.home-project-wrap .project-box .project-box-left ul li {list-style: none;font-size: 20px;}
.home-project-wrap .project-box .project-box-left ul li i{margin-right: 10px; font-size: 20px;display: inline-block;width: 26px;height: 26px;line-height: 26px;text-align: center;color: #fff;background-color: #fd9923;border-radius: 50%;}
.home-project-wrap .project-box .project-box-left ul li span {font-size: 20px;}
.home-project-wrap .project-box .project-box-left .home-project-button-wrap {margin-top: 40px;}
.home-project-wrap .project-box .home-project-authentication {margin-top: 40px;}
.home-project-wrap .project-box .project-box-right .home-project-checked {padding: 15px;background-color: #fff;border-radius: 20px;}
.home-project-wrap .project-box .project-box-right .home-project-swiper1 {border-radius: 10px;overflow: hidden;}
.home-project-wrap .project-box .project-box-right .home-project-swiper2 {overflow: hidden;}
.home-project-wrap .project-box .project-box-right .home-project-swiper2 .swiper-slide {border-radius: 10px;overflow: hidden;height: 90px;}
.home-project-wrap .project-box .project-box-right .home-project-swiper2 .swiper-slide div {overflow: hidden;height: 100%;border-radius: 10px;}
.home-project-wrap .project-box .project-box-right .home-project-swiper2 .swiper-slide img {max-width: 100%;}
.home-project-wrap .project-box .project-box-right .home-project-swiper2 .swiper-slide.swiper-slide-thumb-active {padding: 6px;background-color: #feb300;}
.home-project-wrap .project-box .project-box-right .home-project-menu {margin-top: 20px;position: relative;}
.home-project-swiper-02-button i {display: inline-block;width: 24px;text-align: center;height: 24px;line-height: 24px;background-color: rgba(0, 0, 0, 0.3);color: #fff;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.home-project-swiper-02-button i.icon-left {left: -30px;}
.home-project-swiper-02-button i.icon-right {right: -30px;}
.home-project-swiper-02-button i:hover {background-color: #1548b6;transition: all 0.6s;scale: 1.1;}

.home-project-swiper1,.home-project-swiper2 {overflow: hidden;}
.home-project-swiper1 img,.home-project-swiper2 img {width: 100%;}
.home-case-wrap {padding: 80px 0;}
.home-case-wrap .title {max-width: 920px;margin: auto;text-align: center;background-image: url('/wp-content/uploads/2023/11/bg01.png');background-position: 39% top;background-repeat: no-repeat;padding: 10px 0;}
.home-case-wrap .title h2 {font-size: 50px;text-transform: uppercase;line-height: 1;margin-bottom: 0;}
.home-case-wrap .title p {font-size: 20px;color: #666666;}
.home-case-wrap .home-case-items .home-case-item {background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.1);margin-top: 40px;box-shadow: 0 16px 24px rgb(14 13 18 / 7%);}
.home-case-wrap .home-case-items .home-case-item .img {overflow: hidden;}
.home-case-wrap .home-case-items .home-case-item .img img{width: 100%;}
.home-case-wrap .home-case-items .home-case-item .home-case-text-box {padding: 30px 20px;}
.home-case-wrap .home-case-items .home-case-item .home-case-text-box h4 {font-family: 'TwCenMT Regular';font-size: 20px;padding: 0;margin-bottom: 0;line-height: 1;color: #2d2757;}
.home-case-wrap .home-case-items .home-case-item .home-case-text-box p {font-size: 18px;margin-top: 0;line-height: 1;margin-top: 20px;}
.home-case-wrap .home-case-items .home-case-item .home-banner-button-wrap {padding-top: 0;}
.home-case-wrap .home-case-items .home-case-item .home-banner-button-wrap .home-banner-button {width: 100%;background-color: #cdcdcd;color: #fff;position: relative;overflow: hidden;} 
.home-case-wrap .home-case-items .home-case-item .home-banner-button-wrap .home-banner-button i{color: #cdcdcd;} 
.home-case-wrap .home-case-items .home-case-item:hover .home-banner-button-wrap .home-banner-button {background-color: #feb300;color: #000;transition: all 0.6s;}
.home-case-wrap .home-case-items .home-case-item:hover .home-banner-button-wrap .home-banner-button i{background-color: #fff;color: #feb300;transition: all 0.6s;}
.home-case-wrap .home-case-items .home-case-item:hover .img img {scale: 1.2;transition: all 1s;}

.home-faq-wrap {background-image: url('/wp-content/uploads/2023/11/FAQbg.jpg');background-position: left top;background-repeat: no-repeat;padding: 84px 0 23px;}
.home-faq-wrap .home-faq-left-wrap {padding-top: 160px;}
.home-faq-wrap .home-faq-left-wrap h2 {font-size: 50px;color: #fff;}
.home-faq-wrap .home-faq-right-wrap ul {padding-left: 0;padding-right: 100px;}
.home-faq-wrap .home-faq-right-wrap ul li h4 {cursor: pointer;font-size: 24px;color: #fff;height: 30px;line-height: 30px;}
.home-faq-wrap .home-faq-right-wrap ul li h4 i {color: #fff;float: right;font-size: 30px;}
.home-faq-wrap .home-faq-right-wrap ul li p {font-size: 20px;color: #000;margin-top: 30px;display: none;}
.home-faq-wrap .home-faq-right-wrap ul li {background:none; padding: 30px 50px;list-style: none;border-radius: 20px;}
.home-faq-wrap .home-faq-right-wrap ul li.active {background: #fff;color: #fff;}
.home-faq-wrap .home-faq-right-wrap ul li.active i {color: #feb300;transform: rotate(90deg);}
.home-faq-wrap .home-faq-right-wrap ul li.active p {display: block;}
.home-faq-wrap .home-faq-right-wrap ul li.active h4 {color: #2d2757;}

.home-blog-wrap {background-image: url('/wp-content/uploads/2023/11/9.png');background-position: center top;background-repeat: no-repeat;padding: 120px 0 25px;}
.home-blog-wrap .title {max-width: 920px;margin: auto;text-align: center;background-image: url('/wp-content/uploads/2023/11/bg01.png');background-position: 39% top;background-repeat: no-repeat;padding: 10px 0;}
.home-blog-wrap .title h2 {font-size: 50px;text-transform: uppercase;line-height: 1;margin-bottom: 0;}
.home-blog-wrap .title p {font-size: 20px;color: #666666;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items .swiper-slide .home-blog-item .text{background-color: #feb300;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items .swiper-slide:nth-child(2n) .home-blog-item .text{background-color: #81c808;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items .swiper-slide:nth-child(3n) .home-blog-item .text{background-color: #3257a7;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items .swiper-slide .home-blog-item .text a.button i{color: #feb300;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items .swiper-slide:nth-child(2n) .home-blog-item .text a.button i{color: #81c808;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items .swiper-slide:nth-child(3n) .home-blog-item .text a.button i{color: #3257a7;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items {overflow: hidden;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item {border-radius: 20px;overflow: hidden;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .img {overflow: hidden;border-radius: 20px 20px 0 0;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .img img {width: 100%;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .text {padding: 20px;position: relative;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .text h4 {color: #fff;font-family: 'TwCenMT Regular';font-size: 20px;line-height: 1;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .text p {color: #fff;font-size: 18px;line-height: 1;margin-top: 15px;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .text .time {color: #fff;font-size: 18px;margin-top: 30px;position: relative;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .text a.button {display: inline-block;width: 48px;height: 48px;line-height: 48px;border-radius: 50%;background-color: #fff;text-align: center;position: absolute;right: 20px;bottom: 15px;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .text a.button i {font-size: 30px;}
.home-blog-wrap .home-blog-items-wrap .home-blog-item .text a.button:hover {opacity: 0.8;transition: all 0.6s;}
.home-blog-wrap .home-blog-items-wrap {position: relative;margin-top: 100px;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items-change-button .home-blog-items-left {position: absolute;left: -60px;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items-change-button .home-blog-items-right {position: absolute;right: -60px;}
.home-blog-wrap .home-blog-items-wrap .home-blog-items-change-button i {font-size: 50px;color: rgba(0, 0, 0, 0.3);cursor: pointer;top: 50%;transform: translateY(-50%);}
.home-blog-wrap .home-blog-items-wrap .home-blog-items-change-button i:hover {color: #000;transition: all 0.6s;}


.pc-home-01-content,.pc-home-case-items {display: block;}
.md-home-01-content,.md-home-case-items {display: none;}
.swiper-pagination-3 {display: none;}
@media (max-width:786px) {
    .row {margin: 0;padding: 0;}
    .row > * {margin: 0;padding: 0;}
    .home-blog-wrap .home-blog-items-wrap .home-blog-items-change-button .home-blog-items-right {right: 10px;}
    .home-blog-wrap .home-blog-items-wrap .home-blog-items-change-button .home-blog-items-left {left: 10px;}
    .home-01 {padding: 20px 0;}
    .home-01 .title h2,
    .home-about-wrap .home-about-bg .about-box h2,
    .home-blog-wrap .title h2,
    .home-case-wrap .title h2,
    .home-faq-wrap .home-faq-left-wrap h2 {font-size: 26px;}
    .home-01 .home-01-content {padding: 10px;margin-top: 0;}
    .pc-home-01-content,
    .pc-home-case-items {display: none;}
    .md-home-01-content,
    .md-home-case-items {display: block;}
    .md-home-01-content .swiper-pagination {position: static;}
    .home-about-wrap .home-about-bg .about-box {padding: 10px;}
    .md-home-01-swiper {overflow: hidden;}
    .home-01 .home-01-content-item {box-shadow: none;padding: 20px 10px;}
    .row .col-sm-6 {width: 50%;}
    .home-about-wrap .home-about-bg .about-box .about-number .col-lg-3:first-of-type .about-button-item {text-align: center;}
    .home-about-wrap .home-about-bg {background-size:auto 100%;}
    .home-about-wrap .home-about-bg .about-box h2 {text-align: center;}
    .home-about-wrap .home-about-bg .about-box p {text-align: center;text-align: justify;}
    .home-about-button-wrap .home-banner-button {margin: 20px auto;}
    .home-project-wrap .project-box,.home-case-wrap {padding: 10px;}
    .home-project-wrap .project-box .project-box-left h4 {margin-top: 5px;text-align: center;}
    .home-project-wrap .project-box .project-box-left p {margin-top: 5px;text-align: center;text-align: justify;}
    .home-banner-button {margin: 10px auto;}
    .home-project-swiper-02-button i.icon-right {right: 10px;}
    .home-project-swiper-02-button i.icon-left {left: 10px;}
    .home-case-items {overflow: hidden;}
    .md-home-case-items .swiper-pagination-2 {text-align: center;}
    .home-faq-wrap {padding: 10px;background-size: auto 100%;background-position: right top;}
    .home-faq-wrap .home-faq-left-wrap {padding-top: 10px;}
    .home-faq-wrap .home-faq-left-wrap h2 {text-align: center;}
    .home-banner-button-wrap {padding-top: 0;}
    .home-faq-wrap .home-faq-right-wrap ul {padding-right: 0;}
    .home-faq-wrap .home-faq-right-wrap ul li {padding: 10px;}
    .home-faq-wrap .home-faq-right-wrap ul li h4 {height: auto;}
    .home-blog-wrap {padding: 20px 10px;}
    .home-blog-wrap .home-blog-items-wrap {margin-top: 10px;}
    .swiper-pagination-3 {display: block;text-align: center;}
    .foot-email-form-left {display: none;}
    .footer-wrap .foot-email-form .foot-email-form-box .foot-email-form-right {scale: 0.8;}
    .footer-wrap .footer-menu-wrap {margin-top: 10px;text-align: center;}
    .footer-menu-wrap .col-lg-3,.footer-menu-wrap .col-lg-1 {display: none;}
    .project-menu {padding: 10px;}
    .footer {height: auto;line-height: 1.3;}
    .footer-wrap {margin-top: 10px;}
    .home-banner .banner-text h1 {font-size: 36px;}
    .banner-text .home-banner-button-wrap {scale: 0.6;}
    .banner-text .home-banner-button-wrap .home-banner-button {margin: 10px 0 0 0;}
    
    .home-01 .home-01-content-item p {margin-top: 20px;}
    .home-01 .home-01-content-item h4 {font-size: 22px;}
}