/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/twentytwentyfive-child/
 Description:  A child theme of Twenty Twenty-Five
 Author:       yangxionggui
 Author URI:   https://example.com
 Template:     twentytwentyfive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentyfive-child
*/

.hero-content * {
    letter-spacing: 0.3125rem;
} 
.svg_hycp_banner_1 * {
    letter-spacing: 0;
}
@font-face{font-family:"Source Han Sans CN";src:url("https://host.mecomico.com/assets/fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF") format("opentype");font-weight:200;font-style:normal;}
@font-face{font-family:"SOURCEHANSANSCN-LIGHT";src:url("https://host.mecomico.com/assets/fonts/SOURCEHANSANSCN-LIGHT.OTF") format("opentype");font-weight:200;font-style:normal;}
.symbol{
  font-family: "思源黑体";
  font-weight: 300;
}
body{max-width: 1920px;
/*,"Source Han Sans CN"*/
margin: 0 auto;font-family:"思源黑体","Arial","PingFang SC","Microsoft YaHei","sans-serif";background:#fff;font-size:0.625rem;}
.navbar{width:100%;background:#fff;box-shadow:0 0.0625rem 0.25rem rgba(0,0,0,0.04);display:flex;align-items:center;justify-content:space-around;padding:2rem 3.75rem 1.5rem 9.375rem;box-sizing:border-box;}
.logo{font-size:3rem;letter-spacing:0.15em;color:#222;font-family:"Caveat","Arial",cursive;}
.nav-menu{display:flex;gap:3rem;margin-left:3.75rem;}
.nav-item{font-size: 1.1rem;color: #505050;text-decoration:none;transition:color 0.2s;font-weight: 600;}
.nav-item.active{color:#00cfff;}
.nav-item:hover{color:#00cfff;}
.search{font-size:1.75rem;color:#222;margin-right:2.5rem;cursor:pointer;}
.search svg{width:1.75rem;height:1.75rem;}
.card-hover{transition:all 0.3s ease;}
.card-hover:hover{transform:translateY(-0.625rem);box-shadow:0 0.625rem 1.25rem rgba(0,0,0,0.2) !important;}
.hero{position:relative;width:100%;height:53.75rem;align-items:center;}

.hero-content {
    margin-left: 13.13rem;
    color: #444444;
    z-index: 10;
    position: absolute;
    top: 10.63rem;
    background-repeat: no-repeat;
    background-size: contain;
    /* padding-top: 1.25rem; */
    padding-left: 2.5rem;
    width: 70.625rem;
    height: 25rem;
}
.about-us .hero-content{
  color:white;
}
.hero-title{margin:0;}
.hero-more{font-size:1rem;color:#888;letter-spacing:0.1em;border-bottom:0.0625rem solid #ccc;display:inline-block;cursor:pointer;}
.section{padding:0;width:100%;box-sizing:border-box;}
.section.bg{background:#f7fbfd;}
.section-content{display:flex;align-items:center;justify-content:center;margin:0 auto;box-sizing:border-box;z-index:2;}
.section-img-container{width:45rem;height:45rem;background:#e8f4f8;border-radius:22.5rem;display:flex;align-items:center;justify-content:center;position:relative;}
.section-img{width:46.125rem;height:34.5rem;position:relative;margin-right:6.25rem;z-index:10;}
.section-info{width:36.25rem;padding-right:2.5rem;height:34.5rem;z-index:10;}
.section-title{font-size:2.5rem;color:#575757;font-weight:600;margin-top:3.75rem;display:flex;align-items:center;justify-content:space-between;width:33.75rem;letter-spacing:0.375rem;margin-bottom:5.3125rem;}
.section-title img{width:6.875rem;height:5.75rem;}
.section-desc{font-size:1.5rem;color:#666;margin-bottom:7.5rem;line-height:1.8;}
.section-link{font-size:1.25rem;color:#888;text-decoration:none;border:1px solid #888;padding:1rem 2.5rem;border-radius:2.5rem;transition:all 0.3s ease;/* padding: 10px 20px; */}
.section-link.text{border:0;padding-left:0;display:flex;align-items:center;justify-content:space-between;width:16rem;padding: 1rem 2.5rem;}
.section-link:hover{background:#ffffff;color:#000000;}
.section-link .btn-icon1{width:4rem;}
.products-row{display:flex;justify-content:center;align-items:flex-start;gap:3.75rem;margin:3.75rem 0;}
.product-block{flex:1;min-width:20rem;background:#fff;border-radius:0.5rem;box-shadow:0 0.125rem 0.75rem rgba(0,0,0,0.04);padding:2rem 1.5rem;text-align:center;}
.product-img{width:13.75rem;height:10rem;object-fit:contain;margin-bottom:1.125rem;}
.product-title{font-size:1.25rem;color:#222;margin-bottom:0.625rem;}
.product-desc{font-size:0.9375rem;color:#888;margin-bottom:0.625rem;}
.mission-row{display:flex;justify-content:center;gap:3rem;margin:5rem auto;max-width:75rem;padding:0 1.25rem;}
.mission-block{flex:1;min-width:18.75rem;max-width:22.5rem;background:#fff;border-radius:0.3125rem;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.06);padding:0;text-align:center;transition:all 0.3s ease;overflow:hidden;}
.mission-block:hover{transform:translateY(-0.625rem);box-shadow:0 0.75rem 2rem rgba(0,0,0,0.12);}
.mission-block::before{content:"";display:block;width:100%;height:10rem;margin-bottom:1.5rem;}
.mission-block:nth-child(1)::before{background:url("https://host.mecomico.com/assets/images/home-bg-6@2x.png") center/cover;}
.mission-block:nth-child(2)::before{background:url("https://host.mecomico.com/assets/images/home-bg-7@2x.png") center/cover;}
.mission-block:nth-child(3)::before{background:url("https://host.mecomico.com/assets/images/home-bg-8@2x.png") center/cover;}
.mission-title{font-size:1.5rem;color:#222;margin-bottom:1rem;padding:0 2rem;position:relative;}
.mission-title::after{content:"";display:block;width:2.5rem;height:0.125rem;background:#00cfff;margin:0.75rem auto 0;}
.mission-desc{font-size:1rem;color:#666;line-height:1.8;padding:0 2rem 2rem;}
.video-section{display:flex;justify-content:center;align-items:center;position:relative;height:62.5rem;max-width:120rem;margin:0 auto;}
.video-block{position:relative;width:75rem;height:37.5rem;/* background:#eee; */border-radius:0.75rem;overflow:hidden;margin-top:-8.75rem;}
.video-block img{width:100%;height:100%;object-fit:cover;}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4.75rem;height:4.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 0.3s ease;}
.video-play svg{width:4.75rem;height:4.75rem;}
.common-section{position:relative;width:100%;display:flex;align-items:center;overflow:hidden;max-width:120rem;margin:0 auto;flex-direction:row;height:36.5195rem;}
.common-section.home-bg1{height:62.5rem;}
.common-section.home-bg2{background-image:url("https://host.mecomico.com/assets/images/home-bg-2@2x.png");background-repeat:no-repeat;background-size:contain;background-position:center;height:36.5195rem;}
.common-section.home-bg3{background-image:url("https://host.mecomico.com/assets/images/home-bg-3@2x.png");background-repeat:no-repeat;background-size:contain;background-position:center;}
.common-section.home-bg4{background-image:url("https://host.mecomico.com/assets/images/home-bg-4@2x.png");background-repeat:no-repeat;background-size:contain;background-position:center;}
.common-section .bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.common-section .content-wrapper{position:relative;z-index:2;padding-left:7.5rem;width:46.125rem;}
.common-section .section-subtitle{font-size:1.125rem;color:#00cfff;margin-bottom:1.25rem;font-weight:500;font-family:"Source Han Sans CN",sans-serif;}
.common-section .section-title{font-size:2.625rem;color:#333;margin-bottom:1.875rem;font-weight:bold;line-height:1.2;font-family:"Source Han Sans CN",sans-serif;}
.common-section .section-description{font-size:1rem;color:#666;line-height:1.8;margin-bottom:2.5rem;font-family:"Source Han Sans CN",sans-serif;}
.common-section .section-button{display:inline-block;padding:0.75rem 2.25rem;background-color:#00cfff;color:white;text-decoration:none;border-radius:0.25rem;transition:background-color 0.3s;font-family:"Source Han Sans CN",sans-serif;}
.common-section .section-button:hover{background-color:#00b8e6;}
/* 深色背景版本 */
.common-section.dark-theme .section-subtitle{color:#4dc4ff;}
.common-section.dark-theme .section-title,.common-section.dark-theme .section-description{color:#ffffff;}
.footer{background-image:url("https://host.mecomico.com/assets/images/home-bg-10@2x.png");background-size:cover;background-position:left;background-repeat:no-repeat;padding:3.75rem 0 1.25rem;padding:3.75rem 20rem 3.125rem 20rem;background-size:cover;text-align:center;align-items:center;display:flex;flex-direction:column;}
.footer-main{display:flex;justify-content:space-between;margin-bottom:1.875rem;}
.footer-col{min-width:7.5rem;text-align:left;}
.footer-col-title{color:#222;font-size:1rem;margin-bottom:0.75rem;}
.footer-link{color:#888;text-decoration:none;display:block;margin-bottom:0.5rem;font-size:0.9375rem;}
.footer-logo{color:#00cfff;font-size:1.75rem;font-family:"Caveat","Arial",cursive;margin-bottom:0.625rem;display:flex;justify-content:space-between;border-bottom:0.0625rem solid #e1e1;padding-bottom:0.9375rem;}
.navbar{flex-direction:row;align-items:flex-start;padding:1.5rem 1.25rem;}
.nav-menu{gap:3rem;margin-left:0;}
.logo{font-size:2rem;}
.hero{color:#444444;height:54rem;}
.banner-img{height:54rem;}
.section-content,.products-row,.mission-row,.footer-main{gap:3.75rem;max-width:75rem;width:100%;}
.banner-swiper{width:100%;height:100%;position:absolute !important;overflow:hidden;}
.banner-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.swiper-pagination-bullet{background:gray;opacity:0.5;}
.swiper-pagination-bullet-active{background:#000;opacity:1;}
/* Swiper 分页器自定义样式 */
.custom-swiper-pagination{position:absolute;bottom:2.5rem !important;z-index:10;}
.swiper-pagination-bullet{width:2.5rem;height:0.25rem;background:rgba(255,255,255,0.4);opacity:1;border-radius:1.125rem;margin:0 0.375rem !important;transition:all 0.3s ease;cursor:pointer;}
.swiper-pagination-bullet-active{background:#fff;width:3.75rem;box-shadow:0 0 0.625rem rgba(255,255,255,0.5);}
.swiper-pagination-bullet.swiper-pagination-bullet-active span{display:inline-block;background:#000000;width:0.375rem;height:0.375rem;border-radius:0.625rem;}
.swiper-pagination-bullet{width:0.375rem;height:0.375rem;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{display:inline-flex;align-items:center;justify-content:center;background:inherit;border:1px solid #000000;width:0.9375rem;height:0.9375rem;box-shadow:none;}
.swiper-pagination{display:flex;align-items:center;justify-content:center;}
.video-section img{position:absolute;height:22.5rem;top:0;width:100%;}
.footer-icon svg{width:1.25rem;}
.footer-copyright{font-size:0.75rem;color:#acacac;letter-spacing:0.125rem;display:flex;justify-content:space-between;}
.footer-bottom{width:100%;max-width:75rem;}
.line{height:0.0625rem;background:#dddddd;margin:0rem 0rem;}
.line2{height:0.125rem;width:3.75rem;background:#adc7ce;margin-bottom:0.625rem;}
section.zhfa .hero-content{color:white;}
section.zhfa .cls-1{stroke:#a3a3a3;}
section.zhfa .active-img{display:none;}
.zhfa.card-style1{height:62.5rem;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:3.75rem;background:#ebffff;}
.zhfa.card-style1 .title{text-align:center;color:#5e5e5e;margin-bottom:0.625rem;font-size:2.375rem;letter-spacing:0.3125rem;}
.zhfa.card-style1 .subtitle{text-align:center;color:#adc7ce;margin-bottom:3.125rem;font-size:1.75rem;}
.zhfa.card-style1 .cards-container{display:flex;justify-content:center;gap:1.875rem;margin:0 auto;}
.zhfa.card-style1 .card{background:white;border-radius:0.9375rem;padding:3.75rem;width:32.5rem;box-shadow:0 0.25rem 0.9375rem rgba(0,0,0,0.05);transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;height:30rem;box-sizing:border-box;}
.zhfa.card-style2{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:3.75rem;background:#ffffff;}
.zhfa.card-style1 .card:hover{transform:translateY(-0.625rem);box-shadow:0 0.5rem 1.5625rem rgba(76,196,211,0.2);}
.zhfa.card-style1 .card:hover::before{opacity:0.15;transition:opacity 0.3s ease;}
.zhfa.card-style1 .card-title:hover{color:#3aa5b3;}
.zhfa.card-style1 .card-tag:hover{background:rgba(76,196,211,0.2);}
.zhfa.card-style1 .card-title{color:#222;font-size:1.75rem;margin-bottom:0;letter-spacing:0.3125rem;}
.zhfa.card-style1 .card-tag{display:inline-block;background:#ffffff;color:#888;padding:0rem 0.9375rem;border-radius:1.25rem;font-size:0.875rem;margin-bottom:1.25rem;border:1px solid #ddd;border-radius:0.3125rem;}
.zhfa.card-style1 .card-content{color:#666;line-height:2.8;font-size:1rem;z-index:10;position:relative;width:100%;}

.zhfa.card-style1 .number-img-active{position:absolute;width:12.5rem;height:12.5rem;right:0.3125rem;z-index:0;top:5rem;display:none}
.zhfa.card-style1 .card:hover .number-img-active{display:block}
.zhfa.card-style1 .card:hover .number-img{display:none}
.zhfa.card-style1 .number-img,.card-style1 .active-img{position:absolute;width:12.5rem;height:12.5rem;right:0.3125rem;z-index:0;top:5rem;}
.zhfa.card-style1 img.active-img{width:100%;left:0;top:-4%;height:11.875rem;border:0;}
.zhfa.card-style1 .card:hover h2.card-title{color:#21bfd6;}
.zhfa.card-style1 .card:hover .card-tag{color:#21bfd6;border-color:#21bfd6;}
.zhfa.card-style1 .card:hover .active-img{display:inherit;}
.zhfa.card-style2 .subtitle{margin-bottom:0rem;}
.zhfa.card-style1.card-style3{background:#f0f3f8;}
.zhfa.card-style3 .board-container{position:relative;width:100%;display:flex;overflow:hidden;}
.zhfa.card-style3 .board-container .img-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://host.mecomico.com/assets/images/zhfa-cardbg-4-@2x.png");background-size:cover;z-index:1;background-position:0;background-position-y:80%;border-radius:1.875rem;border-top-left-radius:0;border-bottom-left-radius:0;min-width:52.5rem;max-width:89.375rem;}
.zhfa.card-style3 .board-container .flex{display:flex;}
.zhfa.card-style3 .board-container .flex-column{flex-direction:column;}
.zhfa.card-style3 .board-container .center{justify-content:center;align-items:center;}
.zhfa.card-style3 .board-container .left{flex:1;position:relative;z-index:2;padding:2.5rem;}
.zhfa.card-style3 .board-container .hover-text{font-size:1.5rem;color:#333;margin:0.9375rem 0;padding:0.625rem 1.25rem;border-radius:0.375rem;cursor:pointer;position:relative;width:21.25rem;margin:0;padding:0.625rem;border-radius:0;color:white;border-left:0.25rem solid #f5f5f5;}


.zhfa.card-style3 .board-container .hover-text:hover,.zhfa.card-style3 .board-container .hover-text.active{background-color:rgba(255,255,255,0.4);backdrop-filter:blur(0.25rem);padding:0.625rem;border-left:0.25rem solid #ffffff;}
.zhfa.card-style3 .board-container .hover-text.active{background-color:rgba(255,255,255,0.4);backdrop-filter:blur(0.25rem);padding:0.625rem;border-left:0.25rem solid #ffffff;}
.zhfa.card-style3 .board-container .right{flex:2;position:relative;z-index:2;padding:2.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.875rem;flex-direction:column;display:none;}
.zhfa.card-style3 .board-container .right1.active{display:flex;}
.zhfa.card-style3 .board-container .right2.active{display:flex;}
.zhfa.card-style3 .board-container .cell{background:rgba(255,255,255,0.9);padding:1.5625rem;display:flex;box-shadow:0 0.25rem 0.9375rem rgba(0,0,0,0.1);transition:transform 0.3s ease;width:36.125rem;height:7.5rem;box-sizing:border-box;border-right:0.375rem solid #00bed6;}
.zhfa.card-style3 .board-container .cell:hover{transform:translateY(-0.3125rem);}
.zhfa.card-style3 .board-container .cell .left{flex:3;padding:0;text-align:left;}
.zhfa.card-style3 .board-container .cell .right{flex:1;padding:0;display:flex;justify-content:center;align-items:center;}
.zhfa.card-style3 .board-container .title{font-size:1.25rem;color:#333;margin-bottom:0;font-weight:bold;text-align:left;margin:0;color:#28708d;}
.zhfa.card-style3 .board-container .right2 .title {
    color: #999999;
}
.zhfa.card-style3 .board-container .subtitle{font-size:1rem;color:#666;margin-bottom:0.9375rem;text-align:left;color:#28708d;font-weight:bold;}
.zhfa.card-style3 .board-container .description{font-size:0.875rem;color:#888;line-height:1.6;}
.zhfa.card-style3 .icon-img{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img1.svg") no-repeat center;background-size:contain;}
.zhfa.card-style3 .icon-img.img2{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img2.svg") no-repeat center;background-size:contain;}
.zhfa.card-style3 .icon-img.img3{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img3.svg") no-repeat center;background-size:contain;}
.zhfa.card-style3 .icon-img.img4{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img4.svg") no-repeat center;background-size:contain;}
.zhfa.card-style3 .icon-img.img5{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img5.svg") no-repeat center;background-size:contain;}
.zhfa.card-style3 .icon-img.img6{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img6.svg") no-repeat center;background-size:contain;}
.zhfa.card-style3 .icon-img.img7{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img7.svg") no-repeat center;background-size:contain;}
.zhfa.card-style3 .icon-img.img8{width:3.75rem;height:3.75rem;background:url("https://host.mecomico.com/assets/images/card/card-style3-icon-img8.svg") no-repeat center;background-size:contain;}
section.zhfa #zhfa-card-style2-svg{scale:0.8;}
section.zhfa #zhfa-card-style2-svg text{fill:#4a4b4f;}
section.zhfa img.card-style2-img{width:75rem;}
.triple-slider{position:relative;display:flex;align-items:center;justify-content:center;height:34.375rem;perspective:75rem;width:75rem;}
.triple-slider .bg-image{width:100%;height:100%;object-fit:cover;}
.triple-slider .logo-image{position:absolute;bottom:2rem;left:50%;}
.triple-slider .logo-image-1{width:19.375rem;margin-left:-9.6875rem;}
.triple-slider .logo-image-2{width:9.125rem;margin-left:-4.5625rem;}
.triple-slider .logo-image-3{width:16.375rem;margin-left:-8.1875rem;}
.triple-slider .logo-image-4{width:12.25rem;margin-left:-6.125rem;}
.triple-slider .logo-image-5{width:20rem;margin-left:-10rem;}
.triple-slider .swiper{width:90%;max-width:40rem;border-radius:0.5rem;}
.triple-slider .swiper{width:100%;height:100%;position:absolute !important;}
.triple-slider .slider-prev,.triple-slider .slider-next{cursor:pointer;}
.triple-slider .slider-center{position:relative;z-index:12;}
.triple-slider .slider-prev{left:0%;}
.product-swiper1{width:93.3125rem;height:100%;position:relative;overflow:hidden;padding-bottom:6.25rem;margin-bottom:3.125rem;}
.product-swiper1 .swiper-pagination-bullet{border-radius:0 !important;border:0;opacity:1;background-color:white;border-radius:0.75rem !important;display:flex;flex-direction:column;justify-content:center;}
.product-swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active{display:flex;flex-direction:column;background-color:white;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.product-swiper1 .swiper-pagination{left:41.2rem !important;top:21.125rem !important;}
.product-swiper1 .product-pagination{display:flex;}
.product-swiper2{width:93.3125rem;height:100%;position:relative;overflow:hidden;padding-bottom:6.25rem;margin-bottom:3.125rem;}
.product-swiper2 .swiper-pagination-bullet{border-radius:0 !important;border:0;opacity:1;background-color:white;border-radius:0.75rem !important;display:flex;flex-direction:column;justify-content:center;}
.product-swiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active{display:flex;flex-direction:column;background-color:white;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.product-swiper2 .swiper-pagination{left:6.625rem !important;top:21.125rem !important;}
.product-swiper2 .product-pagination{display:flex;}
.flex-item-1 > div{width:11rem;}
/* html,body{position:relative;height:100%;}
*/
 /* body{background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0;}
*/
.swiper-thumbs-1 .swiper-container{overflow:hidden;width:100%;margin-left:auto;margin-right:auto;min-height:320px;}
.swiper-thumbs-1 .swiper-container-wrapper{display:flex;flex-flow:row nowrap;height:35.7959rem;width:102.2231rem;}
.swiper-thumbs-1 .swiper-button-next,.swiper-button-prev{color:#000;}
.swiper-thumbs-1 .swiper-slide{/* text-align:center; */background-size:cover;background-position:center;background-color:#fff;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background-size:contain;}
.swiper-thumbs-1 .swiper-slide-active .description,.swiper-slide-active .title{opacity:1;}
.swiper-thumbs-1 .gallery-top{position:relative;width:100%;height:100%;margin-right:10px;}
.swiper-thumbs-1 .gallery-thumbs{width:100%;padding-top:10px;position:absolute;right:18rem;top:-2rem;width:22rem;padding:0;height:40.7959rem;}
.swiper-thumbs-1 .gallery-thumbs .swiper-wrapper{flex-direction:column;}
.swiper-thumbs-1 .gallery-thumbs .swiper-slide{width:100%;height:8.4963rem;flex-flow:column nowrap;cursor:pointer;border-radius:10px;}
.swiper-thumbs-1 .gallery-thumbs .swiper-slide-thumb-active{opacity:1;}
.swiper-thumbs-1 .swiper-button-prev{top:29.8125rem !important;right:10.875rem !important;background:white;transform:rotate(90deg);left:inherit !important;opacity:1 !important;}
.swiper-thumbs-1 .swiper-button-next{top:33rem !important;right:10.875rem !important;background:white;transform:rotate(90deg);opacity:1 !important;}
.swiper-thumbs-1 .swiper-button-disabled{background:#ddd;}
.swiper-thumbs-1 .swiper-button-next:after,.swiper-button-prev:after{font-size: 1.35rem !important;color:#00bed6;font-weight:bold;}

.our-journey{
    width: 100%;
}
.our-journey .container{
    width: 100vw;
}
.our-journey .swiper-slide {
  position: relative;
}

.our-journey .swiper-slide .slide-content {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 90%;
}

.our-journey p {
  /* color: #505050; */
}

.our-journey .swiper-button-prev {
  border-radius: 50%;
  /* top: 50%; */
  left: 5rem;
  width: 3rem;
  height: 3rem;
  /* margin-top: -1.5rem; */
}

/* @media (max-width: 100rem) {
  .our-journey .swiper-button-prev {
    left: 0rem;
  }
}
@media (max-width: 64rem) {
  .our-journey .swiper-button-prev {
    left: 0.625rem;
    top: 100%;
    margin-top: 1rem;
  }
} */
.our-journey .swiper-button-prev::after {
  font-size: 22.4px;
  content: "";
}

.our-journey .swiper-button-prev svg {
  width: 3rem;
}

.our-journey .swiper-button-next {
  border-radius: 50%;
  /* top: 50%; */
  /* right: -3.75rem; */
  width: 3rem;
  height: 3rem;
  /* margin-top: -1.5rem; */
  /* right: 0.625rem; */
    /* top: 100%; */
    /* margin-top: 1rem; */
    right: 5rem;
    
}

/* @media (max-width: 100rem) {
  .our-journey .swiper-button-next {
    right: 0rem;
  }
}
@media (max-width: 64rem) {
  .our-journey .swiper-button-next {
    right: 0.625rem;
    top: 100%;
    margin-top: 1rem;
  }
} */
.our-journey .swiper-button-next::after {
  font-size: 22.4px;
  content: "";
}

.our-journey .swiper-button-next svg {
  width: 3rem;
}

/* @media (min-width: 47.5rem) {
  .our-journey .swiper-button-prev,
.our-journey .swiper-button-next {
    display: flex;
  }
} */
.our-journey .swiper-container {
  position: relative;
  overflow: hidden;
}

.our-journey .swiper-journey-content {
  max-width: 37.5rem;
  margin: 0 auto;
  text-align: center;
  margin-top: 3rem;
}

/* @media (max-width: 61.9375rem) {
  .our-journey .swiper-journey-content {
    margin-top: 4rem;
  }
} */
.our-journey .swiper-journey-content .h4 {
  text-align: center;
  margin-bottom: 0.5rem;
  display: block;
}

.our-journey .journey-year {
  padding: 1rem 0;
  margin-bottom: 3rem;
  /* border-bottom: 0.0625rem dashed #141C25; */
}

.our-journey .journey-year ul {
  display: flex;
  justify-content: space-around;
}

.our-journey .journey-year ul li {
  cursor: pointer;
  position: relative;
}

/* @media (max-width: 47.9375rem) {
  .our-journey .journey-year ul li .h4 {
    font-size: 1rem;
  }
} */
.our-journey .journey-year ul li:after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  bottom: 4.75rem;
  background: white;
  border-radius: 1.5rem;
  left: 50%;
  margin-left: -0.25rem;
}

.our-journey .journey-year ul li.active .h4 {
  /* color: #D41D0D; */
}

.our-journey .journey-year ul li.active:after {
  background: #4181c5;
      box-shadow: 0 0 0px 8px #f7fbfd57;
}
.kjsl-core-wrap{

                    width: 13.005rem;
                    height: 7.0819rem;
                    background-image: url(https://host.mecomico.com/assets/images/kjsl-core-1.jpg);
                        background-position: 36% 10%;background-size: 180%;
}

.zhfa-step-icon{
  width: 10.9375rem;
  height: 14.0625rem;
  background-repeat: no-repeat;
  cursor: pointer;
}
.zhfa-step-icon.icon1{background-image: url(https://host.mecomico.com/assets/zhfa-step/1.svg);}
.zhfa-step-icon.icon2{background-image: url(https://host.mecomico.com/assets/zhfa-step/2.svg);}
.zhfa-step-icon.icon3{background-image: url(https://host.mecomico.com/assets/zhfa-step/3.svg);}
.zhfa-step-icon.icon4{background-image: url(https://host.mecomico.com/assets/zhfa-step/4.svg);}

.zhfa-step-icon.icon1:hover{background-image: url(https://host.mecomico.com/assets/zhfa-step/a.svg);}
.zhfa-step-icon.icon2:hover{background-image: url(https://host.mecomico.com/assets/zhfa-step/b.svg);}
.zhfa-step-icon.icon3:hover{background-image: url(https://host.mecomico.com/assets/zhfa-step/c.svg);}
.zhfa-step-icon.icon4:hover{background-image: url(https://host.mecomico.com/assets/zhfa-step/d.svg);}
img.zhfa-step-icon{
      padding-bottom: 3.125rem;
}