/* AIKO Corporate Site - Pixel-perfect clone of aikosolar.com/cn/ */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}
li,ol,ul{list-style:none}
fieldset,img{border:0;width:100%}
a,a:focus,a:hover,a:visited{text-decoration:none;color:inherit}
button{overflow:visible;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;cursor:pointer}
body,html{scroll-behavior:smooth}
html{overflow-x:hidden}body{margin:0;font-family:OPPOSans-Medium, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;color:#fff;background:#fff;word-break:break-word;-webkit-overflow-scrolling:touch}
html.menu-open{overflow:hidden}

/* Font face */
@font-face{font-family:'OPPOSans-Medium';src:url('/aikocn/fonts/OPPOSans-M.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OPPOSans-Bold';src:url('/aikocn/fonts/OPPOSans-B.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* Container */
.aiko-container{position:relative;width:90.83333vw;margin-right:auto;margin-left:auto}

/* Headings */
.aiko-h1{font-family:OPPOSans-Bold;font-size:4.16667vw;line-height:1.3;color:#fff;font-weight:400}
.aiko-h2{font-family:OPPOSans-Bold;font-size:2.91667vw;line-height:1.3;color:#fff;font-weight:400;margin-bottom:.78125vw}
.aiko-h3{font-family:OPPOSans-Bold;font-size:2.5vw;line-height:1.3;color:#fff;font-weight:400}
.aiko-h4{font-family:OPPOSans-Bold;font-size:2.08333vw;line-height:1.3;color:#fff;font-weight:400}
.aiko-p{font-family:OPPOSans-Medium;font-size:1.04167vw;line-height:1.6;color:#fff}
.aiko-p.aiko-medium{font-size:.83333vw}
.aiko-p.aiko-small{font-size:.72917vw}
.aiko-p.black{color:#000}

/* Buttons */
.aiko-btn{display:inline-block;font-family:OPPOSans-Medium;font-size:.83333vw;line-height:1;padding:.88542vw 2.08333vw;border-radius:0;cursor:pointer;transition:all .3s ease;text-align:center}
.aiko-btn.btn-dark{background:#fff;color:#000;border:1px solid #fff}
.aiko-btn.btn-dark:hover{background:#000;color:#fff;border-color:#fff}
.aiko-btn.btn-light{background:transparent;color:#fff;border:1px solid #fff}
.aiko-btn.btn-light:hover{background:#fff;color:#000}
.aiko-btn.btn-orange{background:#ff5000;color:#fff;border:1px solid #ff5000}
.aiko-btn.btn-orange:hover{background:#e64900;border-color:#e64900}

/* Space */
.aiko-space{margin-bottom:.83333vw!important}

/* ====== HEADER ====== */
.aiko-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background .3s ease,transform .3s ease}
.aiko-header.header-scroll{background:rgba(0,0,0,.9)}
.aiko-header-top{display:flex;align-items:center;justify-content:space-between;padding:0 4.6875vw;height:4.6875vw;background:transparent;transition:all .3s ease}
.aiko-header.header-scroll .aiko-header-top{height:3.64583vw}
.header-logo img{height:1.5625vw;transition:all .3s ease}
.aiko-header.header-scroll .header-logo img{height:1.25vw}
.header-right{display:flex;align-items:center;gap:1.04167vw}
.header-lang{position:relative}
.header-lang-toggle{color:#fff;font-size:.72917vw;cursor:pointer;display:flex;align-items:center;gap:.26042vw}
.header-lang-toggle::after{content:'';display:inline-block;width:0;height:0;border-left:.20833vw solid transparent;border-right:.20833vw solid transparent;border-top:.3125vw solid #fff;margin-left:.15625vw}
.header-lang-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;color:#000;min-width:8.85417vw;box-shadow:0 .20833vw .83333vw rgba(0,0,0,.15);padding:.52083vw 0;z-index:1001}
.header-lang:hover .header-lang-dropdown{display:block}
.header-lang-item{display:flex;align-items:center;gap:.41667vw;padding:.41667vw .78125vw;font-size:.625vw;color:#333;transition:background .2s}
.header-lang-item:hover{background:#f5f5f5}
.header-lang-item img{width:.9375vw;height:.67708vw;object-fit:cover}
.header-search-btn{color:#fff;cursor:pointer;font-size:1.04167vw;display:flex;align-items:center}
.header-hamburger{display:none;color:#fff;font-size:1.5625vw;cursor:pointer}

/* Nav */
.aiko-nav{background:transparent;padding:0 4.6875vw}
.aiko-nav-menu{display:flex;align-items:center;gap:0;margin:0;padding:0}
.aiko-nav-item{position:relative}
.aiko-nav-item>a{display:block;color:#fff;font-size:.83333vw;padding:.78125vw 1.04167vw;transition:color .2s;white-space:nowrap}
.aiko-nav-item:hover>a,.aiko-nav-item.active>a{color:#ff5000}
.aiko-nav-item .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:7.8125vw;box-shadow:0 .20833vw .83333vw rgba(0,0,0,.15);padding:.52083vw 0;z-index:1002}
.aiko-nav-item:hover .sub-menu{display:block}
.sub-menu a{display:block;padding:.52083vw 1.04167vw;font-size:.72917vw;color:#333;transition:all .2s;white-space:nowrap}
.sub-menu a:hover{color:#ff5000;background:#f5f5f5}

/* Search overlay */
.aiko-search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:2000;justify-content:center;align-items:center}
.aiko-search-overlay.active{display:flex}
.aiko-search-box{width:60%;position:relative}
.aiko-search-box input{width:100%;padding:1.04167vw 0;font-size:2.08333vw;color:#fff;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.3);outline:none;font-family:OPPOSans-Medium}
.aiko-search-box input::placeholder{color:rgba(255,255,255,.5)}
.aiko-search-close{position:absolute;top:2.08333vw;right:2.08333vw;color:#fff;font-size:1.5625vw;cursor:pointer}

/* ====== HERO BANNER ====== */
.aiko-hero{position:relative;width:100%;height:100vh;overflow:hidden}
.aiko-hero .swiper{width:100%;height:100%}
.aiko-hero .swiper-slide{position:relative;overflow:hidden}
.aiko-hero .swiper-slide img{width:100%;height:100%;object-fit:cover}
.aiko-hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;width:80%}
.aiko-hero-text h1{font-size:3.64583vw;font-weight:400;margin-bottom:.52083vw;text-shadow:0 .10417vw .41667vw rgba(0,0,0,.5)}
.aiko-hero-text p{font-size:1.25vw;text-shadow:0 .10417vw .41667vw rgba(0,0,0,.5);opacity:.9}
.aiko-hero .swiper-pagination-bullet{background:#fff;opacity:.5;width:.41667vw;height:.41667vw}
.aiko-hero .swiper-pagination-bullet-active{opacity:1;width:1.04167vw;border-radius:.20833vw}

/* ====== STATS SECTION ====== */
.aiko-stats{position:relative;background:#000;padding:3.125vw 0}
.aiko-stats-inner{display:flex;justify-content:center;gap:3.125vw}
.aiko-stat-item{text-align:center;flex:1;max-width:16.66667vw}
.aiko-stat-value{font-family:OPPOSans-Bold;font-size:2.91667vw;color:#fff;line-height:1.2}
.aiko-stat-value .suffix{font-size:1.25vw;margin-left:.15625vw}
.aiko-stat-label{font-size:.83333vw;color:rgba(255,255,255,.7);margin-top:.3125vw}

/* ====== SOLUTIONS SECTION ====== */
.aiko-solutions{position:relative;padding:4.16667vw 0}
.aiko-solutions .aiko-container{text-align:center}
.aiko-solutions h2{color:#000;margin-bottom:2.08333vw}
.aiko-solutions-grid{display:flex;gap:.78125vw;margin-top:2.08333vw}
.aiko-solution-card{flex:1;position:relative;overflow:hidden;cursor:pointer;aspect-ratio:3/4}
.aiko-solution-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.aiko-solution-card:hover img{transform:scale(1.05)}
.aiko-solution-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5625vw 1.04167vw;background:linear-gradient(transparent,rgba(0,0,0,.8));transition:all .3s}
.aiko-solution-card:hover .aiko-solution-card-overlay{background:linear-gradient(transparent,rgba(0,0,0,.85))}
.aiko-solution-card-overlay h3{font-family:OPPOSans-Bold;font-size:1.5625vw;color:#fff;margin-bottom:.52083vw;position:relative;padding-bottom:.52083vw}.aiko-solution-card-overlay h3::after{content:"";display:block;width:2.08333vw;height:2px;background:#ff5000;margin-top:.3125vw}
.aiko-solution-card-overlay p{font-size:.67708vw;color:rgba(255,255,255,.8);display:block;line-height:1.6}

/* ====== QUALITY HEADING ====== */
.aiko-quality-heading{position:relative;padding:4.16667vw 0;background:#fff}
.aiko-quality-heading .aiko-container{text-align:center}
.aiko-quality-heading h2{color:#000;margin-bottom:1.04167vw}
.aiko-quality-heading .aiko-p.black{max-width:60%;margin:0 auto 1.5625vw;line-height:1.8}
.aiko-btn.black{color:#000;border-color:#000}
.aiko-btn.black:hover{background:#000;color:#fff}

/* ====== QUALITY TABS ====== */
.aiko-quality-tabs{position:relative;background:#000}
.aiko-tabs-container{position:relative;width:100%}
.aiko-tabs-content{position:relative;z-index:1}
.aiko-tabs-item{display:none;position:relative}
.aiko-tabs-item.active{display:block}
.aiko-tabs-item img{display:block;width:100%}
.aiko-tabs-nav{position:relative;z-index:2;width:100%;bottom:auto;background:#000;padding:2.08333vw 9.375vw 2.60417vw}
.aiko-tabs-nav-inner{display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);position:relative}
.aiko-tab-item{padding:0 .52083vw 1.30208vw;margin-right:4.16667vw;position:relative;cursor:pointer}
.aiko-tab-item:last-child{margin-right:0}
.aiko-tab-item span{font-family:OPPOSans-Medium;font-size:1.04167vw;color:#fff;opacity:.6;white-space:nowrap;transition:opacity .3s}
.aiko-tab-item:hover span{opacity:.8}
.aiko-tab-item.active span{opacity:1;font-family:OPPOSans-Bold}
.aiko-tab-item.active::after{content:'';width:100%;height:1px;background:#ff5000;position:absolute;bottom:-1px;left:0}

/* ====== CASES SECTION ====== */
/* ====== CASES SECTION ====== */
.aiko-cases{position:relative;padding:4.16667vw 0}
.aiko-cases .aiko-container{text-align:center}
.aiko-cases h2{color:#000;margin-bottom:2.08333vw}
.aiko-cases .swiper{overflow:hidden;margin:0 -2.08333vw;padding:0 2.08333vw}
.aiko-case-card{position:relative;overflow:hidden;text-align:left}
.aiko-case-card img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}
.aiko-case-card:hover img{transform:scale(1.05)}
.aiko-case-info{padding:1.04167vw 0}
.aiko-case-info h4{color:#000;font-size:1.04167vw;margin-bottom:.26042vw}
.aiko-case-info p{color:#666;font-size:.72917vw;line-height:1.5}

/* ====== PARTNERS SECTION ====== */
.aiko-partners{position:relative;padding:4.16667vw 0;background:#fff}
.aiko-partners .aiko-container{text-align:center}
.aiko-partners h2{color:#000;margin-bottom:.52083vw}
.aiko-partners-grid{display:flex;gap:.78125vw;margin-top:2.08333vw}
.aiko-partner-card{flex:1;position:relative;overflow:hidden;cursor:pointer}
.aiko-partner-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .6s ease}
.aiko-partner-card:hover img{transform:scale(1.03)}
.aiko-partner-card-text{position:absolute;bottom:0;left:0;right:0;padding:2.08333vw;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.aiko-partner-card-text h3{font-family:OPPOSans-Bold;font-size:1.5625vw;color:#fff;margin-bottom:.52083vw}
.aiko-partner-card-text p{font-size:.83333vw;color:rgba(255,255,255,.7);margin-bottom:1.04167vw}
.aiko-btn-wrap{margin-top:1.04167vw}

/* ====== NEWS SECTION ====== */
.aiko-news{position:relative;padding:4.16667vw 0}
.aiko-news .aiko-container{text-align:center}
.aiko-news h2{color:#000;margin-bottom:2.08333vw}
.aiko-news-grid{display:flex;gap:.78125vw;text-align:left}
.aiko-news-event{flex:1.2;position:relative;overflow:hidden}
.aiko-news-event img{width:100%;aspect-ratio:4/3;object-fit:cover}
.aiko-news-event-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.04167vw;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.aiko-news-event-tag{font-size:.625vw;color:#ff5000;text-transform:uppercase;margin-bottom:.20833vw}
.aiko-news-event-title{font-size:.9375vw;color:#fff}
.aiko-news-list{flex:1;display:flex;flex-direction:column;gap:.52083vw}
.aiko-news-item{display:flex;gap:.52083vw;padding:.52083vw;cursor:pointer;transition:background .2s}
.aiko-news-item:hover{background:#f5f5f5}
.aiko-news-item img{width:4.16667vw;height:2.60417vw;object-fit:cover;flex-shrink:0}
.aiko-news-item-info h4{color:#000;font-size:.72917vw;margin-bottom:.15625vw;line-height:1.4}
.aiko-news-item-info p{color:#999;font-size:.52083vw}
.aiko-news-more{margin-top:1.5625vw}

/* ====== ESG SECTION ====== */
.aiko-esg{position:relative;padding:4.16667vw 0;overflow:hidden}
.aiko-esg-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.aiko-esg-bg img{width:100%;height:100%;object-fit:cover}
.aiko-esg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.aiko-esg .aiko-container{position:relative;z-index:2;text-align:center}
.aiko-esg h2{margin-bottom:.52083vw}
.aiko-esg .esg-subtitle{font-size:.83333vw;color:rgba(255,255,255,.8);margin-bottom:2.08333vw}
.aiko-esg-stats{display:flex;justify-content:center;gap:2.08333vw;margin-bottom:2.08333vw}
.aiko-esg-stat{text-align:center;flex:1}
.aiko-esg-stat-icon{width:2.08333vw;height:2.08333vw;margin:0 auto .52083vw}
.aiko-esg-stat-icon img{width:100%;height:100%;object-fit:contain}
.aiko-esg-stat-label{font-size:.72917vw;color:rgba(255,255,255,.7);margin-bottom:.3125vw}
.aiko-esg-stat-value{font-family:OPPOSans-Bold;font-size:2.08333vw;color:#fff}
.aiko-esg-stat-suffix{font-size:.83333vw;margin-left:.15625vw}

/* ====== FOOTER ====== */
.aiko-footer{background:#000;padding:2.60417vw 0 0}
.aiko-footer-nav{display:flex;justify-content:space-between;padding-bottom:2.08333vw;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-nav-left{flex:2}
.footer-nav-menu{display:flex;gap:3.125vw}
.footer-nav-group-title{font-size:.83333vw;color:#fff;font-weight:700;margin-bottom:.52083vw;cursor:pointer}
.footer-nav-sub{display:flex;flex-direction:column;gap:.26042vw}
.footer-nav-sub a{font-size:.72917vw;color:rgba(255,255,255,.6);transition:color .2s}
.footer-nav-sub a:hover{color:#ff5000}
.footer-nav-right{flex:1;text-align:right}
.footer-nav-lead{font-size:.83333vw;color:#fff;font-weight:700;margin-bottom:.52083vw}
.footer-nav-right .nav-right-group{margin-bottom:.41667vw}
.footer-nav-right .footer-nav-small{font-size:.625vw;color:rgba(255,255,255,.5)}
.footer-nav-right .footer-nav-link{font-size:.625vw;color:rgba(255,255,255,.8);transition:color .2s}
.footer-nav-right .footer-nav-link:hover{color:#ff5000}
.footer-nav-submit{display:inline-block;padding:.41667vw 1.04167vw;border:1px solid #ff5000;color:#ff5000;font-size:.625vw;cursor:pointer;transition:all .3s;margin-top:.52083vw}
.footer-nav-submit:hover{background:#ff5000;color:#fff}
.aiko-footer-bottom{padding:1.04167vw 0;display:flex;justify-content:space-between;align-items:center}
.footer-copyright{font-size:.52083vw;color:rgba(255,255,255,.4)}
.footer-copyright a{color:rgba(255,255,255,.4);transition:color .2s}
.footer-copyright a:hover{color:#fff}
.footer-links{display:flex;gap:.78125vw}
.footer-links a{font-size:.52083vw;color:rgba(255,255,255,.4);transition:color .2s}
.footer-links a:hover{color:#fff}
.footer-social{display:flex;align-items:center;gap:.52083vw;margin-bottom:1.04167vw}
.footer-social span{font-size:.72917vw;color:rgba(255,255,255,.6);margin-right:.52083vw}
.footer-social a{width:1.5625vw;height:1.5625vw;display:flex;align-items:center;justify-content:center;transition:opacity .2s}
.footer-social a:hover{opacity:.7}
.footer-social a img{width:100%;height:100%;object-fit:contain}

/* ====== FLOATING BUTTONS ====== */
.aiko-floating{position:fixed;right:1.04167vw;bottom:10.41667vw;z-index:999;display:flex;flex-direction:column;gap:.52083vw}
.aiko-floating a{display:flex;align-items:center;justify-content:center;width:2.60417vw;height:2.08333vw;background:rgba(0,0,0,.8);color:#fff;font-size:.625vw;transition:all .3s;text-align:center;padding:.20833vw;line-height:1.2;background-size:.83333vw;background-repeat:no-repeat;background-position:.52083vw center}
.aiko-floating a:hover{background-color:#ff5000}
.aiko-floating .float-backtop{background-color:rgba(0,0,0,.6);font-size:.52083vw}

/* ====== MOBILE RESPONSIVE ====== */
@media screen and (max-width:779px){
  .aiko-container{width:89.33333vw!important}
  .aiko-h1{font-size:6.93333vw}
  .aiko-h2{font-size:6.4vw;margin-bottom:3.2vw}
  .aiko-h3{font-size:5.86667vw}
  .aiko-h4{font-size:5.33333vw}
  .aiko-p{font-size:3.2vw}
  .aiko-p.aiko-medium{font-size:2.66667vw}
  .aiko-p.aiko-small{font-size:2.4vw}
  .aiko-btn{font-size:2.66667vw;padding:2.13333vw 5.33333vw}
  
  /* Header mobile */
  .aiko-header-top{padding:0 5.33333vw;height:13.33333vw}
  .header-logo img{height:4.8vw}
  .aiko-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:2001;padding:13.33333vw 5.33333vw 5.33333vw}
  .aiko-nav-menu{flex-direction:column;gap:0}
  .aiko-nav-item>a{font-size:3.73333vw;padding:2.66667vw 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .aiko-nav-item .sub-menu{position:static;box-shadow:none;background:transparent;padding:0 0 0 5.33333vw}
  .aiko-nav-item .sub-menu a{color:rgba(255,255,255,.7);font-size:3.2vw;padding:1.6vw 0;border-bottom:1px solid rgba(255,255,255,.05)}
  .header-hamburger{display:block}
  .header-right .header-lang,.header-right .header-search-btn{display:none}
  .aiko-header.header-scroll .aiko-header-top{height:13.33333vw}
  
  /* Hero mobile */
  .aiko-hero-text h1{font-size:6.4vw}
  .aiko-hero-text p{font-size:3.2vw}
  
  /* Stats mobile */
  .aiko-stats-inner{flex-wrap:wrap;gap:4vw}
  .aiko-stat-item{flex:0 0 40%;max-width:none}
  .aiko-stat-value{font-size:6.4vw}
  .aiko-stat-value .suffix{font-size:3.2vw}
  .aiko-stat-label{font-size:2.66667vw}
  
  /* Solutions mobile */
  .aiko-solutions-grid{flex-direction:column;gap:2.66667vw}
  .aiko-solution-card{aspect-ratio:4/3}
  .aiko-solution-card-overlay h3{font-size:4.26667vw}.aiko-solution-card-overlay h3::after{width:6.4vw;height:2px}.aiko-solution-card-overlay p{font-size:2.66667vw}
  .aiko-solution-card-overlay p{display:block;font-size:2.66667vw}
  
  /* Quality heading mobile */
  .aiko-quality-heading{padding:8vw 0}
  .aiko-quality-heading h2{font-size:6.4vw}
  .aiko-quality-heading .aiko-p.black{font-size:3.2vw;max-width:100%;line-height:1.8}
  .aiko-quality-heading .aiko-btn{font-size:2.66667vw;padding:2.13333vw 5.33333vw}
  
  /* Quality tabs mobile */
  .aiko-tabs-nav{padding:4vw 5.33333vw 5.33333vw}
  .aiko-tab-item{margin-right:10.66667vw;padding-bottom:3.2vw}
  .aiko-tab-item:last-child{margin-right:0}
  .aiko-tab-item span{font-size:2.66667vw}
  .aiko-tab-item.active::after{height:2px;bottom:-2px}
  
  /* Cases mobile */
  .aiko-case-info h4{font-size:3.2vw}
  .aiko-case-info p{font-size:2.66667vw}
  
  /* Partners mobile */
  .aiko-partners-grid{flex-direction:column;gap:2.66667vw}
  .aiko-partner-card-text h3{font-size:4.8vw}
  .aiko-partner-card-text p{font-size:2.66667vw}
  
  /* News mobile */
  .aiko-news-grid{flex-direction:column;gap:4vw}
  .aiko-news-item img{width:26.66667vw;height:16vw}
  .aiko-news-item-info h4{font-size:2.66667vw}
  .aiko-news-item-info p{font-size:2.13333vw}
  .aiko-news-event-title{font-size:3.73333vw}
  .aiko-news-event-tag{font-size:2.13333vw}
  
  /* ESG mobile */
  .aiko-esg-stats{flex-wrap:wrap;gap:4vw}
  .aiko-esg-stat{flex:0 0 40%}
  .aiko-esg-stat-value{font-size:5.86667vw}
  .aiko-esg-stat-suffix{font-size:2.66667vw}
  .aiko-esg-stat-label{font-size:2.66667vw}
  .aiko-esg-stat-icon{width:5.33333vw;height:5.33333vw}
  
  /* Footer mobile */
  .footer-nav-menu{flex-direction:column;gap:4vw}
  .footer-nav-right{text-align:left;margin-top:4vw}
  .aiko-footer-bottom{flex-direction:column;gap:2.13333vw;text-align:center}
  
  /* Floating mobile */
  .aiko-floating{right:2.66667vw;bottom:26.66667vw}
  .aiko-floating a{width:10.66667vw;height:8.53333vw;font-size:2.13333vw;background-size:3.2vw}
}