/* banner */
.page-about-wrap .banner {position: relative;}
.page-about-wrap .banner img {width: 100%;}
.page-about-wrap .breadcrumbs {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);text-align: center;width: 100%;max-width: 700px;}
.page-about-wrap .breadcrumbs h3 {color: #fff;text-transform: uppercase;font-family: 'Rubik Medium';font-size: 24px;position: relative;line-height: 2;display: inline-block;margin-right: 20px;}
/*.page-about-wrap .breadcrumbs h3::after {content: ' ';display: inline-block;width: 80px;height: 7px;background-color: var( --e-global-color-primary );border-radius: 5px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}*/
.page-about-wrap .breadcrumbs ul {display: inline-block;padding-left: 0;justify-content: center;margin-top: 20px;}
.page-about-wrap .breadcrumbs ul li {list-style: none;color: #fff;font-size: 18px;font-family: 'Rubik Regular';display: inline-block;}
.page-about-wrap .breadcrumbs ul li a {color: #fff;font-size: 18px;font-family: 'Rubik Regular';}

.page-about-wrap .row {padding: 0;margin: 0;}
.page-about-wrap .row>* {margin: 0;}
.page-about-wrap .container-content-wrap {max-width: 1220px;}

.page-about-wrap .home-module-03 {padding: 78px 0 0 0;}
.page-about-wrap .home-module-03-1 {position: relative;height: 100%; width: 100%;}
.page-about-wrap .float-img-video-box { width: 92%;height: 65%;position: absolute;top: 3.5%;left: 4.1%;overflow: hidden;}
.page-about-wrap .home-module-03-1 .computer {width: 100%;}
.page-about-wrap .home-module-03-1 .img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0.8;cursor: pointer;}
.page-about-wrap .home-module-03-1 .img:hover img {scale: 1.1;transition: all 0.6s;}
.page-about-wrap .home-module-03-2-1 {display: flex;align-items: center;}
.page-about-wrap .home-module-03-2-2 {font-weight: bold;font-size: 40px;padding-right: 20%;}
.page-about-wrap .home-module-03-2-3 {margin-top: calc(20 / 1080 * 100vh);margin-bottom: calc(50 / 1080 * 100vh);line-height: 1.7;}
.page-about-wrap .home-module-03 .container-content-wrap > .row .col-md-7 {padding-left: 40px;}
.page-about-wrap .home-module-03 .container-content-wrap > .row .col-md-5 {    padding-top: 40px;padding-left: 0;padding-right: 0;}
.page-about-wrap .about-ul-01 {padding-right: 10px;}
.page-about-wrap .about-ul-01 li {position: relative;padding: 30px 0;}
.page-about-wrap .about-ul-01 li .float-ckb {position: absolute;left: -30px;top: 34px;}
.page-about-wrap .zs-checkedbox {display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;background: var( --e-global-color-primary );color: #fff;border-radius: 5px;font-size: 18px;margin-right: 3px;}

.a-module-01 {padding: 50px 0;background: url('/wp-content/uploads/2023/12/ab-01.jpg') no-repeat;text-align: center;color: #fff;}
.page-about-wrap .rob-re {font-size: 40px;font-family: 'Rubik Medium';}
.page-about-wrap .a-module-01 *,.page-about-wrap .top-module-03 p {text-align: center;}
.page-about-wrap .card-01 {margin: 30px 0 10px;}
.page-about-wrap .card-01 .img {display: inline-block;width: 135px;height: 135px;text-align: center;line-height: 131px;border-radius: 50%;border: 2px solid #fff;}
.page-about-wrap .card-01 h5 {font-size: 18px;margin: 20px 0 10px;}
.card-01 p {padding: 10px 30px;}

.page-about-wrap .about-our {padding: 50px 0;}
.page-about-wrap .about-our h2 {text-align: center;font-size: 40px;font-family: 'Rubik Medium';}
.page-about-wrap .about-our .oru-tab-head {margin-top: 58px;}
.page-about-wrap .about-our .oru-tab-head .head-items {display: flex;justify-content: space-around;}
.page-about-wrap .about-our .oru-tab-head .head-item {position: relative;cursor: pointer;}
.page-about-wrap .about-our .oru-tab-head .active {color: #000;font-weight: bold;}
.about-our .oru-tab-head .select {transition: all 0.6s;}

.about-our .oru-tab-head .head-item::before {content: '';position: absolute;top: 24px;left: 4px;width: 26px;height: 26px;border-radius: 50%;background-color: #d9d9d9;border: 2px solid #fff;}
.about-our .oru-tab-head .head-item.select::before {transition: all 0.6s;content: '';position: absolute;top: 24px;left: 5px;width: 26px;height: 26px;border-radius: 50%;background-color: var( --e-global-color-primary );border: 2px solid var( --e-global-color-primary );}
.about-our .oru-tab-head .select::after {transition: all 0.6s;content: '';position: absolute;top: 30px;left: 11px;width: 13px;height: 13px;border-radius: 50%;background-color: #fff;z-index: 9;}
.about-our .oru-tab-head .head-line {width: 100%;height: 8px;background-color: #d9d9d9;margin-top: 10px;position: relative;z-index: -1;}
.about-our .oru-tab-head .head-line .head-active-line {display: inline-block;transition: all 0.6s;content: '';position: absolute;height: 8px;background-color: var( --e-global-color-primary );}
.about-our .oru-tab-view {margin: 65px 0;}
.about-our .oru-tab-view .view-items {position: relative;height: 400px;}
.about-our .oru-tab-view .view-item {width: 100%;transition: all 0.6s;position: absolute;opacity: 0;top: 0;left: 0;z-index: -1;background-color: #f3f3f3;box-shadow: 0 10px 6px -1px rgba(0,0,0,0.2);}
.about-our .oru-tab-view .view-item.active {opacity: 1;z-index: 1;}
.about-our .oru-tab-view .view-items .text {padding: 72px 32px;line-height: 24px;color: #666;height: 100%;}
.about-our h2 {text-align: center;}
.about-our .oru-tab-view .view-items .img {width: 100%;}

/* update 2024-01-04 */
.about-our {background-color: #f4f4f4;position: relative;}
.about-our .about-our-click-button span {display: inline-block;width: 42px;height: 42px;border-radius: 50%;position: absolute;top: 60%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;background-color: #fff;cursor: pointer;box-shadow: 0 2px 7px rgb(14 13 18 / 23%);}
.about-our .about-our-click-button span.left {left: 3%;}
.about-our .about-our-click-button span.right {right: 3%;}
.about-our .about-our-click-button span i {font-size: 24px;}
.about-our .about-our-click-button span:hover {background-color: var( --e-global-color-primary );transition: all 0.6s;}
.about-our .about-our-click-button span:hover i{color: #fff;transition: all 0.6s;}
.about-our .about-our-swiper {overflow: hidden;}
.about-our .about-our-swiper .swiper-slide {padding: 15px 0;position: relative;}
.about-our .about-our-swiper .swiper-slide .about-our-item-box {padding: 0 20px;border-right: 1px solid #979696;}
.about-our .about-our-swiper .swiper-slide .about-our-item {margin-top: 20px;}
.about-our .about-our-swiper .swiper-slide .about-our-item h4 {text-align: center;font-family: 'Rubik Medium';font-size: 36px;}
.about-our .about-our-swiper .swiper-slide .about-our-item p {overflow : hidden;
margin-top: 15px;
font-size: 12px;
color: #979696;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.about-our .about-our-swiper .swiper-slide .swiper-slide-child {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;padding: 15px 0;display: flex;background-color: #009794;display: none;background-image: url('/wp-content/uploads/2024/01/index1.jpg');background-repeat: no-repeat;background-size: 100% 100%;}
.about-our .about-our-swiper .swiper-slide:hover .swiper-slide-child {display: flex;}
.about-our .about-our-swiper .swiper-slide .swiper-slide-child * {color: #fff;}
.about-our .about-our-swiper .swiper-slide .swiper-slide-child h4 {height: 50%;border-bottom: 1px solid rgba(255,255,255,.1);padding: 0 20px;display:flex;align-items: center;font-family: 'Rubik Medium';font-size: 36px;}
.about-our .about-our-swiper .swiper-slide .swiper-slide-child p {margin-bottom: 0;padding: 10px 15px;font-size: 12px;}



.a-module-03 .top-module-03 {padding-top: 70px;background: url('/wp-content/uploads/2023/12/ab-02.jpg') no-repeat;text-align: center;color: #fff;}
.full-menu {margin-top: 70px;}
.full-menu .full-menu-item {width: 50%;float: left;text-align: center;height: 80px;line-height: 80px;background: #000;color: #fff;font-size: 24px;cursor: pointer;}
.full-menu .full-menu-item.active {background: #fff;color: #000;}
.full-content {display: none;padding: 30px 0 50px;}
.full-content.active {display: block;}
.full-content-item {position: relative;background: #f3f3f3;padding: 75px 15px 30px;text-align: center;}
.full-content-item .img {width: 160px;height: 160px;overflow: hidden;border-radius: 50%;text-align: center;line-height: 160px;position: absolute;top: -100px;left: 50%;transform: translateX(-50%);}
.a-module-03 .full-content-item p {text-align: left;}
.full-content-item p {padding: 20px 0;border-top: 1px solid rgba(0,0,0,.2);}

.pc-mid5 {padding: 60px 0;}
.pc-mid3-1-1 {text-align: center;}
.pc-mid3-1-2 {margin-bottom: 40px;font-size: 18px;color: #333333;text-align: center;}
.home-module-10-3 {position: relative;}
.swiper-blg {overflow: hidden;padding: 1px;}
.sp-button-01 {display: inline-block;width: 50px;text-align: center;height: 50px;line-height: 46px;border: 2px solid rgba(0,0,0,.2);border-radius: 50%;cursor: pointer;position: absolute;top: 35%;}
.sp-left-button {left: -70px;transform: rotate(180deg);}
.home-module-10-3-item {border: 1px solid rgba(0, 0, 0, 0.1);}
.home-module-10-3-item>img {width: 100%;}
.home-module-10-3-item .title {padding: calc(15 / 1080 * 100vh) calc(25 / 1920 * 100vw) calc(25 / 1080 * 100vh) calc(25 / 1920 * 100vw);color: #333333;font-size: 18px;min-height: 88px;}
.sp-right-button {right: -70px;}
.sp-button-01:hover {color: #fff;background: #0351b9;border: 2px solid #fff;transition: all 0.6s;}

.bg-f2f2f2 {background: #f2f2f2;}
.a-module-04 {padding: 50px 0;text-align: center;}
.certificate-category {margin: 10px auto 20px;}
.certificate-category-item {display: inline-block;padding: 5px 15px;border-radius: 15px;border: 1px solid rgba(0,0,0,.2);margin: 0 10px;}
.certificate-category-item.activedc {background: #0351b9;border: 1px solid #0351b9;}
.certificate-category-item.activedc a {color: #fff;}
.imgs-wrap {display: none;}
.imgs-wrap {padding: 30px 15px;background: #fff;}
.imgs-wrap.activedimg {display: block;}
.imgs-wrap .img-show-box {height: 100%;background: #f3f3f3;text-align: center;padding: 30px 40px;}
.imgs-wrap .img-name-box {margin-top: 15px;text-align: center;}
.imgs-wrap .img-name-box span {display: inline-block;padding: 5px 30px;background: #fff;color: #000;border-radius: 16.25px;}
.imgs-wrap .content-show-box p {text-align: left;min-height: 120px;}
.imgs-wrap .content-show-box .imgs-list-wrap {height: 380px;overflow-y: auto;padding: 5px 50px 5px 0;}
.imgs-wrap .content-show-box .imgs-list-wrap .imgs-list-item {width: 155px;display: inline-block;border: 2px solid rgba(0,0,0,.2);height: 105px;text-align: center;padding: 5px;margin-right: 20px;margin-bottom: 25px;float: left;}
.imgs-wrap .content-show-box .imgs-list-wrap .imgs-list-item.active {border: 2px solid var( --e-global-color-primary );}
.imgs-wrap .content-show-box .imgs-list-wrap .imgs-list-item img {height: 100%;}

.a-module-02 {padding: 50px 0;}
.pc-mid2-1 {background-color: #fff;padding: 35px 25px;box-shadow: 10px 10px 8px rgba(0,0,0,.2);}
.a-module-02 .pc-mid2-1 {box-shadow: none;padding: 0;}
.a-module-02 .pc-mid2-1 .col-md-5 {padding-left: 0;}
.pc-mid2-1-2 {position: relative;}
.pc-mid2-1-2 > img {width: 100%;height: 100%;}
.pc-mid2-1-1 {padding: 10px;}
.pc-mid2-1-1-1 {font-size: 40px;font-weight: bold;color: #000000;padding-right: 19%;line-height: 1.1;}
.pc-mid2-1-1-2 {width: 100px;height: 5px;background-color: var( --e-global-color-primary );margin-bottom: calc(40 / 1080 * 100vh);}
.pc-mid2-1-1-3 {line-height: 2;font-size: 16px;color: #000;}
.float-ifame-video-wrap {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0, 0, 0, 0.7);display: none;}
.float-ifame-video-wrap .float-ifame-video-box {width: 100%;max-width: 800px;padding: 40px 20px 20px;background-color: #fff;border-radius: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.float-ifame-video-wrap .float-ifame-video-box .close {position: absolute;top: 0;right: 12px;font-size: 26px;font-weight: 600;cursor: pointer;}


.page-about-wrap .banner .banner-advantage-wrap {transform: translateY(-50%);position: absolute;top: 50%;left: 20%;}
.page-about-wrap .banner .banner-advantage-wrap .item {color: #fff;font-size:20px;}
.page-about-wrap .banner .banner-advantage-wrap .item i {border-radius: 50%;display: inline-block;width: 22px;height:22px;background-color:var( --e-global-color-primary );color: #fff;text-align: center;}

.page-about-wrap .md-advantage-wrap {padding: 10px;background-color: var( --e-global-color-primary );display: none;}
.page-about-wrap .md-advantage-wrap .item {color: #fff;font-size:20px;line-height: 1.5;margin-bottom: 5px;}
.page-about-wrap .md-advantage-wrap .item i {border-radius: 50%;display: inline-block;width: 22px;height:22px;background-color:#fff;color: var( --e-global-color-primary );text-align: center;}
@media (max-width:786px) {
    .page-about-wrap .breadcrumbs h3,
    .page-about-wrap .rob-re,
    .page-about-wrap .home-module-03-2-2,
    .page-about-wrap .about-our h2,
    .pc-mid2-1-1-1 {font-size: 22px;}
    .page-about-wrap .breadcrumbs ul li,
    .page-about-wrap .breadcrumbs ul li a {font-size: 14px;}
    .full-menu .full-menu-item,
    .page-about-wrap .md-advantage-wrap .item{font-size: 14px;}
    .page-about-wrap .home-module-03,
    .page-about-wrap .about-our,
    .about-our .oru-tab-view .view-items .text,
    .pc-mid5,
    .imgs-wrap,
    .a-module-04,
    .a-module-02,
    .full-content,
    .full-content:nth-of-type(2),
    .a-module-03 .full-content-item p {padding: 10px;}
    .a-module-01 {background-size: 100% 100%;}
    .a-module-01,
    .full-content-item {padding: 10px 0;}
    .page-about-wrap .a-module-01 .content .row > .col-md-4 {width: 50%;}
    .card-01 p {margin-bottom: 0;padding:10px}
    .about-our .oru-tab-view {margin: 10px 0;}
    .about-our .oru-tab-view .view-items {height: 500px;}
    .full-content-item .img {position: relative;top: auto;left: 50%;transform: translateX(-50%);}
    .full-content-item {margin-bottom: 10px;}
    .page-about-wrap .rob-re {text-align: center;}
    .sp-button-01,
    .page-about-wrap .banner .banner-advantage-wrap{display: none;}
    .pc-mid2-1-1 {padding: 0;}
    .page-about-wrap .md-advantage-wrap {display: block;}
    .page-about-wrap .home-module-03 .container-content-wrap > .row .col-md-5 {padding-top: 10px;}
    .page-about-wrap .home-module-03 .container-content-wrap > .row .col-md-7 {padding: 10px;}
    .imgs-wrap .content-show-box .imgs-list-wrap{padding:0}
    .imgs-wrap .img-show-box img{width:100%}
    .imgs-wrap .content-show-box .imgs-list-wrap{height:auto}
}