CINXE.COM
Astronergy Smart Manufacturing | For A Greener World
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta content="email=no" name="format-detection"> <meta content="telephone=no" name="format-detection"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <title>Astronergy Smart Manufacturing | For A Greener World</title> <meta name="keywords" content="Astronergy Smart Manufacturing" > <meta name="description" content="With its automatic production line and highly information-integrated production mode, Astronergy maintains its leading position in smart manufacturing." > <link rel="shortcut icon" href="/wp-content/themes/mine/images/favicon.ico"> <link rel="Bookmark" href="/wp-content/themes/mine/images/favicon.ico"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-58ZXNBT');</script> <!-- End Google Tag Manager --> <link href="https://www.astronergy.com/wp-content/themes/mine/style.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/animate.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/swiper.min.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/jedate.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/common.min.css" rel="stylesheet" type="text/css"> <link href="https://www.astronergy.com/wp-content/themes/mine/media.css" rel="stylesheet" type="text/css"> <body> <div class="mainbody"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58ZXNBT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <link href="https://www.astronergy.com//wp-includes/css/dist/block-library/style.css" rel="stylesheet" type="text/css"> <style> figure{width:100%;} .newsDet .newsDet-main .content img{ display: inline-block; } </style> <header class="header"> <a href="https://www.astronergy.com/" class="logo"> <!-- <img class="nb" src="/wp-content/themes/mine/images/logo.png" alt="">--> <img class="nb" src="https://www.astronergy.com/wp-content/uploads/2023/05/logo_w.png" alt="Logo"> <img class="wb" src="/wp-content/themes/mine/images/logo_b.png" alt=""> </a> <div class="right"> <!--导航栏开始--> <div class="nav"> <ul> <li> <a href="https://www.astronergy.com/about-astronergy/" class="link">About<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/about-astronergy/" >About Astronergy</a> <a href="https://www.astronergy.com/smart-manufacturing/" >Smart Manufacturing</a> <a href="https://www.astronergy.com/chint-group/" >CHINT Group</a> <a href="https://www.astronergy.com/sustainability/" >Sustainability</a> <a href="https://www.astronergy.com/compliance/" >Compliance</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/product-series/" class="link">Products<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/product-series/">Product Series</a> <a href="https://www.astronergy.com/application-scenarios/">Application Scenarios</a> <a href="https://www.astronergy.com/applied-cases/utility-scale-power-station/">Applied Cases</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/news/" class="link">News & Events<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/news/">News</a> <a href="https://www.astronergy.com/expos/">Expos</a> <a href="https://www.astronergy.com/events/">Events</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/download-center/" class="link">Service<i></i></a> <div class="erify"> <div class="container"> <div class="list"> <a href="https://www.astronergy.com/download-center/">Download Center</a> <a href="https://www.astronergy.com/module-authenticity/">Module Authenticity</a> <a href="https://www.astronergy.com/pv-planner/">PV Planner</a> <a href="https://gcqsportal.astronergy.com.cn/#/en_US/home" target="_blank">After-sales Service</a> </div> </div> </div> </li> <li> <a href="https://www.astronergy.com/contact-us/" class="link">Contact Us</a> </li> </ul> </div> <!--导航栏结束--> <style> .menu-item a{ display: block; font-size: 0.9375vw; line-height: 3.9583vw; color: #fff; } .header .nav ul .sub-menu { visibility: hidden; position: absolute; left: 0; top: 4.1667vw; background: rgba(0,0,0,0.3); width: 100%; height: 0vw; justify-content: center; align-items: center; opacity: 0; } .sub-menu a{ display: block; font-size: 0.7813vw; line-height: 1.25vw; color: #fff; padding: 0 2.0833vw; border-right: 1px solid rgba(255,255,255,0.24); } .sub-menu a.active{ color: #18AD5E; } .header .nav li .sub-menu li{ height: auto; margin-right: 0vw; } .header .nav li .sub-menu li:hover{ border-bottom:none; color: #18AD5E; } .header .nav li .sub-menu li:hover a{ color: #18AD5E; } .header .nav li:hover .sub-menu{ visibility: inherit; transition: all 0.3s ease-in-out; opacity: 1; height: 3.125vw; } </style> <!--导航栏结束--> <div class="language"> <p>English</p> <ul> <li><a href="https://www.astronergy.com.cn">简体中文</a></li> <li><a href="https://www.astronergy.com/">English</a></li> <li><a href="https://www.astronergy.fr/" target="_blank">Français</a></li> <li><a href="https://www.astronergy.com.cn/br">Português</a></li> <li><a href="https://www.astronergy.com.cn/es">Español</a></li> <li><a href="https://www.astronergy.com.cn/ar">اللغة العربية</a></li> <li><a href="https://www.astro-energy.co.jp">日本語</a></li> <li><a href="https://de.astronergy.com">Deutsch</a></li> <li><a href="https://it.astronergy.com">Italiano</a></li> <li><a href="https://www.astronergy.com.au/">English(AU)</a></li> </ul> </div> <div class="search"> <div class="search-erify"> <div class="container"> <div class="search-main" > <form action="https://www.astronergy.com/" method="get" > <input type="text" class="text" value="" autocomplete="off" placeholder="Please enter a keyword" name="s" style="width:100%;" > <!--<input type="submit" class="close motion" value="" style="display:block" />--> </form> </div> </div> </div> </div> </div> </header> <!-- 移动端 --> <div class="m-header"> <div class="container clearfix"> <a class="logo fl" href="https://www.astronergy.com/"> <img class="nb" src="/wp-content/themes/mine/images/logo.png" alt=""> <img class="wb" src="/wp-content/themes/mine/images/logo_b.png" alt=""> </a> <div class="nav fr"></div> <div class="search fr"></div> </div> <div class="m-main"> <div class="container"> <div class="box"> <div class="item"> <div class="top">About Us</div> <div class="list"> <a href="https://www.astronergy.com/about-astronergy/">About Astronergy</a> <a href="https://www.astronergy.com/smart-manufacturing/">Smart Manufacturing</a> <a href="https://www.astronergy.com/chint-group/">CHINT Group</a> <a href="https://www.astronergy.com/sustainability/">Sustainability</a> <a href="https://www.astronergy.com/compliance/">Compliance</a> </div> </div> <div class="item"> <div class="top">Products</div> <div class="list"> <a href="https://www.astronergy.com/product-series/">Product Series</a> <a href="https://www.astronergy.com/application-scenarios/">Application Scenarios</a> <a href="https://www.astronergy.com/applied-cases/utility-scale-power-station/">Applied Cases</a> </div> </div> <div class="item"> <div class="top">News & Events</div> <div class="list"> <a href="https://www.astronergy.com/news/">News</a> <a href="https://www.astronergy.com/expos/">Expos</a> <a href="https://www.astronergy.com/events/">Events</a> </div> </div> <div class="item"> <div class="top">Service</div> <div class="list"> <a href="https://www.astronergy.com/download-center/">Download Center</a> <a href="https://www.astronergy.com/module-authenticity/">Module Authenticity</a> <a href="https://www.astronergy.com/pv-planner/">PV Planner</a> </div> </div> <div class="item"> <div class="top">Contact Us</div> <div class="list"> <a href="https://www.astronergy.com/contact-us/">Contact Us</a> </div> </div> <div class="item"> <div class="top">Recruitment</div> <div class="list"> <a href="https://www.linkedin.com/company/astronergy-solar/jobs/">Work at Astronergy</a> </div> </div> </div> <div class="language-select"> <p>Language</p> <ul> <li><a href="https://www.astronergy.com.cn">简体中文</a></li> <li><a href="https://www.astronergy.com/">English</a></li> <li><a href="https://www.astronergy.fr/">Français</a></li> <li><a href="https://www.astronergy.com.cn/br">Português</a></li> <li><a href="https://www.astronergy.com.cn/es">Español</a></li> <li><a href="https://www.astronergy.com.cn/ar">اللغة العربية</a></li> <li><a href="https://www.astro-energy.co.jp">日本語</a></li> <li><a href="https://de.astronergy.com">Deutsch</a></li> <li><a href="https://it.astronergy.com">Italiano</a></li> <li><a href="https://www.astronergy.com.au/">English(AU)</a></li> </ul> </div> </div> </div> <div class="m-search"> <form action="https://www.astronergy.com/" method="get"> <input name="s" class="text fl" placeholder="Please enter a keyword" type="text"> <input class="btn fr" value="" type="submit"> </form> </div> </div> <div class="m-height"></div> <div class="sub-banner"> <img class="xs-hidden" src="https://www.astronergy.com/wp-content/uploads/2024/12/675bccd0bdc58.jpg" alt="Astronergy - Top Level of Intelligent Manufacturing - Honored as PV Module TOP Performer for 7 years"> <img class="xs-show" src="https://www.astronergy.com/wp-content/uploads/2024/12/Astronergy-Smart-Manufacturing.jpg" alt="Astronergy - Smart Manufacturing"> <div class="main"> <div class="container"> <h3> Smart Manufacturing </h3> </div> </div> </div> <div class="website"> <div class="container"> <div class="nav about-nav"> <div class="list"> <a href="https://www.astronergy.com/about-astronergy/">About Astronergy</a> <a class="active" href="https://www.astronergy.com/smart-manufacturing/">Smart Manufacturing</a> <a href="https://www.astronergy.com/chint-group/">CHINT Group</a> <a href="https://www.astronergy.com/sustainability/">Sustainability</a> <a href="https://www.astronergy.com/compliance/">Compliance</a> </div> </div> <div class="right"> <a href="https://www.astronergy.com/" class="home"><i></i>Home</a> <span>></span> <span class="last">About Us</span> </div> </div> </div> <div class="manufacture" > <div style="background:#F9F9F9; padding-top:30px" > <div class="container explore-box"> <div class="left" style="display:block"> <div class="title wow fadeInDown">Pioneer and Explorer of Smart Manufacturing in China in PV</div> <div class="info wow fadeInDown">The World’s First PV “Internet + Transparent Factory”</div> </div> <div class="left"> <div class="main"> <div class="txt wow fadeInDown"> <p>Relying on CHINT Group’s strength in big data and informatization, Astronergy follows the Group’s “One Cloud & Two Nets” strategy and builds the first PV “Smart Manufacturing + Internet” transparent factory for global users. With the automatic production line and highly information-integrated production mode, Astronergy enables the monitoring and traceability in the production process from raw materials to finished products and maintains its leading position in smart manufacturing.</p> </div> <div class="actions"> <a href="https://www.astronergy.com/download-center/introduction/">Learn More</a> <a href="https://www.astronergy.com/contact">Contact Us</a> </div> </div> </div> <div class="right_col imgBg wow fadeInRight" > <img src="https://www.astronergy.com/wp-content/uploads/2025/01/explore_pic.jpg"> </div> <div class="list"> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon1.png" alt=""> </div> <p>Big Data Support</p> </div> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon2.png" alt=""> </div> <p>Artificial Intelligence Quality Inspection</p> </div> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon3.png" alt=""> </div> <p>First Company Enabling Automatic AI Detection of EL Defects</p> </div> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon4.png" alt=""> </div> <p>Automatic Monitoring of All Processes</p> </div> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon5.png" alt=""> </div> <p>Automatic Manufacturing</p> </div> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon6.png" alt=""> </div> <p>Automatic Feeding by Unmanned Vehicles</p> </div> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon7.png" alt=""> </div> <p>Localization of Manufacturing Equipment</p> </div> <div class="item wow fadeInUp moveAction"> <div class="img"> <img src="/wp-content/themes/mine/images/explore_icon8.png" alt=""> </div> <p>Flexible Production Line</p> </div> </div> </div> </div> <div class="nums_box"> <div class="container"> <div class="box"> <div class="com-title wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">Astronergy - Beyond At Every Step</div> <div class="items"> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.1s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.1s;"> <div class="num"> <div class="count" id="run-1">100</div> <div class="unit">%</div> </div> <div class="tit">AI Detection Coverage</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.2s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;"> <div class="num"> <div class="count" id="run-2">99.85</div> <div class="unit">%+</div> </div> <div class="tit">PV Module Yield</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.3s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.3s;"> <div class="num"> <div class="count" id="run-3">95</div> <div class="unit">%</div> </div> <div class="tit">Automation Rate</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.4s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.4s;"> <div class="num"> <div class="count" id="run-4">90</div> <div class="unit">%+</div> </div> <div class="tit">OEE (Overall Equipment Efficiency)</div> </div> </div> </div> </div> </div> <div class="fabrication_box"> <div class="container"> <div class="com-title wow fadeInDown" style="visibility: visible;">Intelligent Manufacturing</div> <div class="items"> <div class="item" style="background-image: url(/wp-content/themes/mine/images/fabrication_1.jpg)"> <div class="tit">AI Intelligent Detection</div> </div> <div class="item" style="background-image: url(/wp-content/themes/mine/images/fabrication_2.jpg)"> <div class="tit">Automatic Production - PLC</div> </div> <div class="item" style="background-image: url(/wp-content/themes/mine/images/fabrication_3.jpg)"> <div class="tit">Automatic Logistics - AGV</div> </div> <div class="item" style="background-image: url(/wp-content/themes/mine/images/fabrication_4.jpg)"> <div class="tit">Digital Twin - EAP; IOT</div> </div> <div class="item" style="background-image: url(/wp-content/themes/mine/images/fabrication_5.jpg)"> <div class="tit">Digital Management Systems - ERP; PLM; MES; WMS; APS; SCM; CRM</div> </div> </div> </div> </div> <div class="plan-box"> <div class="container"> <div class="com-title wow fadeInDown">Global Layout</div> <div class="info wow fadeInDown"> <p>Adhering to the product value proposition of "create sustainable and efficient green energy", Astronergy focuses on developing an intelligent system integrating production, supply and marketing from manufacturing, supply to sales; and provides professional and high-quality photovoltaic module products and services to customers around the world.<br/><br/></p> <p>With business footprints in over 140 countries and regions, Astronergy has established intelligent manufacturing bases at Haining in Zhejiang, Yancheng in Jiangsu, Jiuquan in Gansu, Songyuan in Jilin, Fengyang in Anhui, Yiwu in Zhejiang, Yanchi in Ningxia, Yueqing in Zhejiang, Fuyang in Zhejiang , in Thailand and in Turkey. It has also set up branch companies and sales centers in countries like Germany, Spain, the Netherlands, Poland, the United States, Canada, Brazil, Australia, Singapore, Japan, and Thailand, achieving great sales performance of Astronergy PV products in international mainstream markets of Europe, North America, Latin America, and Asia Pacific.</p> </div> <div class="main"> <div class="data-list wow fadeInLeft" style="display:none;"> <div class="item"> <div class="year"></div> <p>PV Module Capacity: <span></span></p> <p>PV Cell Capacity: <span></span></p> </div> <div class="item"> <div class="year"></div> <p>PV Module Capacity: <span></span></p> <p>PV Cell Capacity: <span></span></p> </div> </div> <div class="sm_map wow fadeInRight"> <img src="/wp-content/themes/mine/images/map_new.jpg" alt='Astronergy Global Layout'> </div> </div> <div class="area-list"> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.1s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.1s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic1.jpg');"></div> <div class="name">Astronergy HQ & Global<br/> R&D Center<br> Zhejiang Haining Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.2s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic2.jpg');"></div> <div class="name">Jiangsu Yancheng <br/>Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.3s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.3s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic3.jpg');"></div> <div class="name">Gansu Jiuquan<br/> Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.4s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.4s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic4.jpg');"></div> <div class="name">Jilin Songyuan<br/> Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.5s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.5s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic5.jpg');"></div> <div class="name">Anhui Fengyang<br/> Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.6s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.6s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic6.jpg');"></div> <div class="name">Zhejiang Yiwu<br/> Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.7s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.7s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic7.jpg');"></div> <div class="name">Ningxia Yanchi <br/>Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.7s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.7s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic8.jpg');"></div> <div class="name">Zhejiang Yueqing <br/>Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.7s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.7s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic9.jpg');"></div> <div class="name">Zhejiang Fuyang <br/>Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.7s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.7s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic10.jpg');"></div> <div class="name">Thailand <br/>Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.7s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.7s;"> <div class="imgBg motion" style="background-image: url('/wp-content/themes/mine/images/area_pic11.jpg');"></div> <div class="name">Turkey<br/>Manufacturing Base</div> </div> <div class="item wow fadeInUp moveAction animated" data-wow-delay="0.8s" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.8s;"> <p>More manufacturing bases <br/>are in production, coming soon </p> <div class="dots"> <span></span> <span></span> <span></span> </div> </div> </div> </div> </div> </div> <div class="home"> <div class="help-box help-box2" style="margin-bottom:0"> <div class="container"> <div class="main wow fadeInUp"> <div class="title">How can we help you?</div> <div class="info">Get advice from Astronergy solar experts today!</div> <a href="https://www.astronergy.com/contact-us/" class="link motion">Contact Us<i></i></a> </div> </div> </div> </div> <style type="text/css"> .manufacture .explore-box .actions{ display: flex; margin-top: 30px; } .manufacture .explore-box .actions a { display: block; font-size: 15px; color: #666; border: 1px solid #18AD5E; padding: 8px 18px; line-height: 2em; margin-right: 20px; transition: .3s linear; background: #18AD5E; color: #fff; border-radius: 3px; display: flex; } .manufacture .explore-box .actions a:hover { border-color: #C4C4C4; background: #F9F9F9; color: #666; } .manufacture .explore-box{ flex-wrap: wrap; } .manufacture .explore-box .left{ width:55%; padding:0; margin:0; height:auto; display: block; } .manufacture .explore-box .txt{ margin-top:15px; } .manufacture .explore-box .txt p{ font-size: 15px; } .manufacture .explore-box .right_col{ width:calc(45% - 30px); padding:0 0 0 30px; display: flex; flex-direction: column; justify-content: top; } .manufacture .explore-box .main{ width:100%; padding:0!important; margin:0; } .manufacture .explore-box .right_col img{ width:100%; padding:0; margin-top:15px; height:100%; object-fit: cover; } .manufacture .explore-box .list{ width:100%; padding-bottom:30px; } .manufacture .explore-box .item{ max-width:12%; margin:0.25%; height:auto!important; padding-bottom: 5px; } .explore-box .imgBg{ margin:0; } .manufacture .explore-box .imgBg{ height:auto; } .manufacture .plan-box{ background:none; } .manufacture .plan-box .sm_map { width: 57.0313vw; margin: 0 auto; } .sm_map img { width: 100%; } .manufacture .plan-box .data-list p span{ font-size: 16px; } .manufacture .plan-box .area-list { margin-top: 4.375vw; display: flex; flex-wrap: wrap; } .manufacture .plan-box .area-list .item { position: relative; overflow: hidden; width: calc(25% - 16px); margin: 0 15px 15px 0; } .manufacture .plan-box .area-list .imgBg { height: 10.4167vw; } .manufacture .plan-box .area-list .name { position: absolute; left: 0; bottom: 0; box-sizing: border-box; width: 100%; padding-bottom: 1.0417vw; background: linear-gradient(180deg, transparent 7.14%, rgba(0,0,0,0.8) 100%); font-size: 0.8333vw; line-height: 1.3333; color: #fff; text-align: center; } .manufacture .plan-box .area-list .item:hover .imgBg { transform: scale(1.1, 1.1); } .manufacture .plan-box .area-list .item:last-child { display: flex; align-items: center; justify-content: center; flex-direction: column; background: #E1F0E8; text-align: center; } .manufacture .plan-box .area-list .item p { font-size: 0.8333vw; color: #A2BDAE; font-weight: bold; line-height: 1.5556; } .manufacture .plan-box .area-list .item .dots { display: flex; justify-content: center; margin-top: 1.0417vw; } .manufacture .plan-box .area-list .item span { display: block; width: 0.3125vw; height: 0.3125vw; background: #A1BDAE; border-radius: 50%; margin: 0 2px; } .manufacture .nums_box { box-sizing: border-box; height: 23.6979vw; background: url(/wp-content/themes/mine/images/nums_bg.jpg) no-repeat center -6.25vw; background-size: cover; padding: 5.2083vw 0; padding-bottom: 6.25vw; position: relative; } .manufacture .nums_box .container .box { width: 100%; height: 100%; } .manufacture .nums_box .container .box .com-title { color: #FFF; margin-bottom: 4.4792vw; text-align: center; font-size: 2.0833vw; line-height: 2.8125vw; font-weight: bold; } .manufacture .nums_box .container .box .items { display: flex ; align-items: center; justify-content: space-between; } .manufacture .nums_box .container .box .items .item { width: 20%; text-align: center; transition: all 0.3s; } .manufacture .nums_box .container .box .items .item .num { font-size: 2.0833vw; line-height: 1; color: #FFF; margin-bottom: 0.625vw; display: flex ; align-items: baseline; justify-content: center; } .manufacture .nums_box .container .box .items .item .num .count, .manufacture .nums_box .container .box .items .item .num .unit { font-size: 2.125vw; font-weight: bold; } .manufacture .nums_box .container .box .items .item .tit { font-size: 15px; color: #FFF; font-weight: bold; } .manufacture .fabrication_box { padding: 5.625vw 0 0 0; } .manufacture .fabrication_box .com-title{ margin-bottom: 1.9792vw; text-align: left; } .manufacture .fabrication_box .items { display: flex ; align-items: center; justify-content: space-between; } .manufacture .fabrication_box .items .item { width: 20%; height: 23.9583vw; position: relative; transition: all .2s linear; background-repeat: no-repeat; background-position: left top; background-size: 35.0104vw 100%; overflow: hidden; margin-right: 0.4167vw; } .manufacture .fabrication_box .items .item .tit { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); color: #FFF; font-size: 1.1458vw; font-weight: bold; padding: 1.5625vw; box-sizing: border-box; } .manufacture .fabrication_box .items .item.on { width: 70%; background-size: 100% 100%; } .manufacture .fabrication_box .items .item.on .tit{ background: none; } @media screen and (min-width: 750px) and (max-width: 1440px) { .manufacture .explore-box .right_col img{ padding-top: 10px; } } @media screen and (min-width: 1440px) { .manufacture .explore-box .left{ width:65%; } .manufacture .explore-box .right_col{ width:calc(35% - 30px); } } @media screen and (max-width: 750px){ .manufacture .fabrication_box { padding: .8rem 0; } .manufacture .fabrication_box .com-title { margin-bottom: .5rem; } .manufacture .fabrication_box .items { flex-wrap: wrap; } .manufacture .fabrication_box .items .item { width: 100%; margin: 0 auto; margin-bottom: .23rem; height: 4rem; background-size: cover; } .manufacture .fabrication_box .items .item.on { width: 100%; background-size: cover; } .manufacture .fabrication_box .items .item .tit { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; padding: .1rem; font-size: .3rem; } .manufacture .nums_box { height: auto; padding: 1.4rem 0; background-size: cover; background-position: center; margin-top: 20px; } .manufacture .nums_box .container .box .com-title { margin-bottom: 30px !important; font-size: 24px; line-height: 1.5em; } .manufacture .nums_box .container .box .items { flex-wrap: wrap; } .manufacture .nums_box .container .box .items .item { width: 100%; margin-bottom: .83rem !important; } .manufacture .nums_box .container .box .items .item .num { font-size: 28px; margin-bottom: 15px; } .manufacture .nums_box .container .box .items .item .num .count, .manufacture .nums_box .container .box .items .item .num .unit { font-size: 26px; font-weight: 400; } .manufacture .nums_box .container .box .items .item .tit { font-size: 16px; } .explore-box .imgBg{ margin:0px; } .manufacture .explore-box .left{ width:100%; } .manufacture .explore-box .right_col{ width:auto; padding:30px 0; } .manufacture .explore-box .item{ max-width:48%; margin:1%; height:auto!important; font-size: 14px; } .manufacture .explore-box .actions a { font-size: 14px; } .manufacture .plan-box .area-list .item { position: relative; overflow: hidden; width: calc(50% - 16px); margin: 0 15px 15px 0; } .manufacture .plan-box .area-list .imgBg { height: 2rem; } .manufacture .plan-box .area-list .name { font-size: .2rem; padding: 0 0.1rem 0.2rem; } .manufacture .plan-box .area-list .item p { font-size: .26rem; } .manufacture .plan-box .area-list .item span { width: 0.12rem; height: 0.12rem; margin: 0 0.04rem; } .manufacture .plan-box .sm_map{ width:90%; margin:5%; } } </style> <!--底部开始--> <style> .header .language{ width:70px; } .footer .top .item .list a,.footer .top .item .list p{ white-space: nowrap; } .footer .top .item .title{ white-space: nowrap; } .header{background:#fff; border-bottom: 1px solid #F2F2F2; height: 70px!important;} .header .nav li .link { color: #333; } .header .language p { color: #333; } .header .language::before { background-image: url(/wp-content/themes/mine/images/language_b.png); } .header .search { background-image: url(/wp-content/themes/mine/images/search_b.png); } .header .logo .wb{ display:block; width: 100%; } .header .logo .nb { display: none; } .header .nav li .link i { background-image: url(/wp-content/themes/mine/images/arrowT_b.png); } .home .news-box .list .txt{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .home .swiper-banner .main .box{ min-height: 5vw; margin-bottom:10px; } .newsDet .newsDet-main .name{ font-size: 24px; } @media screen and (min-width: 1600px) { .header .language{ width:100px; } } @media screen and (max-width: 750px) { .home .help-box { padding: .8rem 0; background-image: url(https://www.astronergy.com/wp-content/themes/mine/images/help_m_bg2.jpg); } .home .help-box .info{ font-size: 14px; } } </style> <footer class="footer wow fadeInUp"> <div class="top"> <div class="container"> <div class="nav"> <div class="item"> <div class="title">About</div> <div class="list"> <a href="https://www.astronergy.com/about-astronergy/">About Astronergy</a> <a href="https://www.astronergy.com/smart-manufacturing/">Smart Manufacturing</a> <a href="https://www.astronergy.com/chint-group/">CHINT Group</a> <a href="https://www.astronergy.com/sustainability/">Sustainability</a> <a href="https://www.astronergy.com/compliance/">Compliance</a> </div> </div> <div class="item" > <div class="title">Products</div> <div class="list"> <a href="https://www.astronergy.com/product-series/">Product Series</a> <a href="https://www.astronergy.com/application-scenarios/"><p style="width: 150px;">Application Scenarios</p></a> <a href="https://www.astronergy.com/applied-cases/">Applied Cases</a> </div> </div> <div class="item"> <div class="title">News & Events</div> <div class="list"> <a href="https://www.astronergy.com/news/">News</a> <a href="https://www.astronergy.com/expos/">Expos</a> <a href="https://www.astronergy.com/events/">Events</a> </div> </div> <div class="item" > <div class="title">Downloads</div> <div class="list"> <a href="https://www.astronergy.com/download-center/">Download Center</a> <a href="https://www.astronergy.com/module-authenticity/">Module Authenticity</a> <a href="https://www.astronergy.com/pv-planner/">PV Planner</a> </div> </div> <div class="item" > <div class="title">Contact Us</div> <div class="list"> <a href="https://www.astronergy.com/contact-us/">Contact Us</a> </div> </div> <div class="item xs-show"> <div class="title">Recruitment</div> <div class="list"> <a href="https://www.linkedin.com/company/astronergy-solar/jobs/">Work at Astronergy</a> </div> </div> </div> <div class="right"> <!--<div class="mail">--> <!-- <p>Email</p>--> <!-- <a href="mailto:marketing.astro@Astronergy.com" target="_blank"> marketing.astro@Astronergy.com</a>--> <!--</div>--> <div class="ewm" > <p >Follow us on <a href="https://www.linkedin.com/company/astronergy-solar/" target="_blank">LinkedIn</a></p> <p>@Astronergy Solar </p> <!--<img src="/static/front/img/ewm.jpg" alt="">--> <!--<p>WeChat</p>--> </div> <div class="clear"></div> </div> </div> </div> <div class="bot"> <div class="container"> <div class="left"> <div class="friend-select"> <p>Quick Links</p> <div class="erify"> <div class="friend-scroll" id="friendScroll"> <div class="scroll"> <ul> <li><a href="https://www.chint.com/" class="motion" target="_blank">CHINT Group</a></li> <li><a href="https://energy.chint.com" class="motion" target="_blank">CHINT Solar</a></li> <li><a href="https://www.chintanneng.com/" class="motion" target="_blank">CHINT Anneng</a></li> <li><a href="https://www.chintpower.com/" class="motion" target="_blank">CHINT Power Systems</a></li> </ul> </div> </div> </div> </div> <a href="https://www.linkedin.com/company/astronergy-solar/jobs/" class="link">Work at Astronergy<i class="motion"></i></a> </div> <div class="right"> COPYRIGHT © 2023 Chint New Energy Technology Co., Ltd. ALL RIGHTS RESERVED <!--COPYRIGHT © 2017 正泰新能科技有限公司 ALL RIGHTS RESERVED <a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备2022018144号-1</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33048102001007"><img src="/static/front/images/beian.png">浙公网安备 33048102001007号</ a>--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d09945a69e04b3a84331d5c1a77ded16"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!--<a href="https://www.astronergy.com/privacy-policy/">| Privacy Policy |</a>--> <!--<a href="https://www.astronergy.com/terms-of-use/"> Terms of Use |</a>--> <a href="https://www.astronergy.com/wp-content/uploads/2023/07/Astronergy Websites-Privacy Policy.pdf" target="_blank">| Privacy Policy |</a> <a href="https://www.astronergy.com/wp-content/uploads/2023/07/Astronergy Websites-Terms of Use.pdf" target="_blank"> Terms of Use |</a> </div> </div> </div> </footer> <link href="/wp-content/themes/mine/fixcss4.css?v=4" rel="stylesheet" type="text/css"> <link href="/wp-content/themes/mine/fixcssfin.css" rel="stylesheet" type="text/css"> <!--底部结束--> <a href="javascript:void(0);" class="backup"><i></i></a> </div> <!--提示弹窗--> <div class="msg-pop-main"><p></p></div> <script src="/wp-content/themes/mine/js/jquery-3.6.0.min.js"></script> <script src="/wp-content/themes/mine/js/wow.js"></script> <script src="/wp-content/themes/mine/js/swiper.min.js"></script> <script src="/wp-content/themes/mine/js/scrollbar.js"></script> <script src="/wp-content/themes/mine/js/jedate.min.js"></script> <script src="/wp-content/themes/mine/js/common.js"></script> <script> $(function(){ $('.area-tabs .item').eq(0).show().siblings().hide(); $('.area-nav a').hover(function(){ var aIndex = $(this).index(); $('.area-tabs .item').eq(aIndex).show().siblings().hide(); }); }); </script> <script> (function(d){var r=function(b){return b.split("").reverse().join("")},m={numberStep:function(b,a){var e=Math.floor(b);d(a.elem).text(e)}},g=function(b){var a=b.elem;a.nodeType&&a.parentNode&&(a=a._animateNumberSetter,a||(a=m.numberStep),a(b.now,b))};d.Tween&&d.Tween.propHooks?d.Tween.propHooks.number={set:g}:d.fx.step.number=g;d.animateNumber={numberStepFactories:{append:function(b){return function(a,e){var f=Math.floor(a);d(e.elem).prop("number",a).text(f+b)}},separator:function(b,a,e){b=b||" "; a=a||3;e=e||"";return function(f,k){var u=0>f,c=Math.floor((u?-1:1)*f).toString(),n=d(k.elem);if(c.length>a){for(var h=c,l=a,m=h.split("").reverse(),c=[],p,s,q,t=0,g=Math.ceil(h.length/l);t<g;t++){p="";for(q=0;q<l;q++){s=t*l+q;if(s===h.length)break;p+=m[s]}c.push(p)}h=c.length-1;l=r(c[h]);c[h]=r(parseInt(l,10).toString());c=c.join(b);c=r(c)}n.prop("number",f).text((u?"-":"")+c+e)}}}};d.fn.animateNumber=function(){for(var b=arguments[0],a=d.extend({},m,b),e=d(this),f=[a],k=1,g=arguments.length;k<g;k++)f.push(arguments[k]); if(b.numberStep){var c=this.each(function(){this._animateNumberSetter=b.numberStep}),n=a.complete;a.complete=function(){c.each(function(){delete this._animateNumberSetter});n&&n.apply(this,arguments)}}return e.animate.apply(e,f)}})(jQuery); $('.fabrication_box .items .item').hover(function () { $(this).addClass('on').siblings().removeClass('on') },function(){ $(this).removeClass('on') }) // 进入可视区域 数字滚动 var doScroll = true; $(document).ready(function () { $(window).scroll(function () { var a = $(".nums_box").offset().top; var r1 = $('#run-1 ').text() var r2 = $('#run-2 ').text() console.log(r2); var r3 = $('#run-3 ').text() var r4 = $('#run-4 ').text() if (a >= $(window).scrollTop() && doScroll && a < ($(window).scrollTop() + $(window).height())) { $('#run-1 ').animateNumber({ number: r1, }, 1600); $('#run-2 ').animateNumber({ number: r2, numberStep: function (now, tween) { // 使用 toFixed(2) 保留两位小数 $(tween.elem).text(now.toFixed(2)); } }, 1600); $('#run-3 ').animateNumber({ number: r3, }, 2200); $('#run-4 ').animateNumber({ number: r4, }, 2000); doScroll = false; } }); }); </script> </body> </html>