Solar Module Manufacturer | Solar PV Pannel

<!DOCTYPE html> <html xml:lang="zh-CN" lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="format-detection" content="telephone=no,telephone=no,email=no,adress=no"> <meta name="renderer" content="webkit"> <meta name="force-rendering" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="csrf-token" content="7feb43dc2fafa3b2b73d219818125454"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> <title>Solar Module Manufacturer | Solar PV Pannel | Seraphim Solar</title> <meta name="keywords" content="Solar Module Manufacturer, Solar PV Pannel, Seraphim Solar,"/> <meta name="description" content="Seraphim is a Tier 1 solar module manufacturer, listed by BNEF. We research, develop, produce, and sell solar PV products since 2011."/> <meta property="og:site_name" content="Solar Module Manufacturer | Solar PV Pannel | Seraphim Solar"/> <meta property="og:title" content="Solar Module Manufacturer | Solar PV Pannel | Seraphim Solar"/> <meta property="og:description" content="Seraphim is a Tier 1 solar module manufacturer, listed by BNEF. We research, develop, produce, and sell solar PV products since 2011."/> <meta property="og:image" content="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png"/> <meta property="og:url" content="https://www.seraphim-energy.com/"/> <link rel="shortcut icon" href="/uploads/upload/images/20240712/1008194efa2536cd35f2095f8e392649.ico"> <link type="text/css" rel="stylesheet" href="/static/lib/layui-v2.8/layui/css/layui.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/extend.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/style.css"> <script src="/static/cms/js/svg-inject.min.js" type="text/javascript"></script> </head> <body> <style> #c-header .c-nav .zproduct-xiala .zproduct-xiala2 .zright .zrightbox1 .zrightbox3 .zcn4:nth-child(3n){margin-right:.3rem;} @media (max-width:991px){ #c-header .c-gn{margin-left:0;} } .public-banner7 .swiper-wrapper2{ height: 100vh; display: flex; align-items: center; } .public-banner7 .swiper-wrapper2 .swiper-slide2{width: 100%;padding:0;} .product3-box2 .container .line{display:none;} .projectinfolist .box .text .line{display: block;} .about5-box .container .about5boxswiper .swiper-slide .img::before{padding-top:75%;} .about6-box .container .right .rightbox .rightbox2 .cn1 .cn2{ transform: translateX(-.3rem); width: calc(100% + .3rem); } .about1-box{background-color: #f1f2f4;} .about6-box{margin-top:-1px;padding:2.8rem 0 1.2rem;} .yanzhengform{display: flex;} .yanzhenginput .layui-form-checkbox{ height: .3rem;line-height: .3rem;margin-right: .1rem;padding-right: .3rem;padding-left:0;} .yanzhenginput .layui-form-checkbox i{color: #d2d2d2;font-size: .2rem;} .yanzhenginput .layui-form-checkbox i{width:.3rem; line-height: .3rem; border: 1px solid #d2d2d2;height: .28rem;background-color:transparent;} .yanzhenginput .layui-form-checkbox:hover>i{color: #d70000;} .yanzhenginput .layui-form-checked i,.yanzhenginput .layui-form-checked:hover i{color: #d70000;} .index-about .index-about0 .texbox .container .tcn1 span{display:none;} .index-about .index-about0 .texbox .container .tcn2 span{display:none;} .topullia{line-height: 2.5em;} .index-product .container .left .leftbox2 .indexproducta2 .box1{opacity:.3;transition: all .5s;} .index-product .container .left .leftbox2 .indexproducta2 .box1.on{opacity:1;} .project-list1 .projuect-list3 .swiper-slide .img::before{background-color:rgba(0,0,0,.5);z-index:2;} .joinpagebox1{height:200vh;} #c-header .c-logo .c-img-box img{height:auto;} @media(max-width:991px){ .public-banner2 .textcontainer{top:35%;} .public-banner2 .textcontainer .cn1{text-align: center;} .public-banner2 .textcontainer .cn2{text-align: center;} .public-banner2 .textcontainer .cn15{text-align: center;margin:.65rem auto 0; justify-content: center;} .publicindextitle .pcn1 .pcn1a{display: none;} .publicindextitle .pcn1 .pcn1b{font-size:.48rem;} .footer .footer2 .container .left .cn1 a{display: block;} .problem-list .box-list .box0 .box1{padding:.4rem .3rem;} .tech3-box4.product3-box2 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn2{top: 0;transform: initial;} .tech3-box2:before{content:'';position: absolute;left: 0;bottom: 0;width:100%;height:100%;background-color: rgba(0,0,0,.5);z-index:3;} .tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn91{text-align: left;} .tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90{padding:.5rem 5%;} .service-box4 .container .right .cn9 .cn15{margin-top:.8rem;} .about5-box .container .box1 .box1a .cn2{margin:0 .1rem;} } @media(max-width:767px){ .index-about .index-about0 .aboutbox .container{padding:20vh 0 5vh;} } </style> <div id="c-header" class=""> <div class="container"> <em class="bgcolor"></em> <a class="c-logo" href="/" title="logo"> <div class="c-img-box"> <img onload="SVGInject(this)" src="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png" alt="Logo" > </div> </a> <div class="c-right-box"> <ul class="c-nav"> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='javascript:void(0);' >Technology</a> </div> <ul> <li> <a class="topullia font18" href='/innovation' >Innovation R&D</a> </li> <li> <a class="topullia font18" href='/smart-manufacturing' >Smart Manufacturing</a> </li> <li> <a class="topullia font18" href='/quality-control' >Quality Control</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/photovoltaic-modules' >Products</a> </div> <ul class="zproduct-xiala"> <li class="zproduct-xiala2"> <div class="zleft"> <a class="zcn1 on" href='/photovoltaic-modules' > <span><img src="/uploads/upload/images/20240805/4414fa187140d423a901f799d31f41ea.png" alt="Solar Module" loading="lazy"></span> <span class="font18 font-b">Solar Module</span> </a> <a class="zcn1 " href='/solar-cell' > <span><img src="/uploads/upload/images/20240805/0543eaf2f9f849b2528940f290ecc330.png" alt="Solar Cell" loading="lazy"></span> <span class="font18 font-b">Solar Cell</span> </a> </div> <div class="zright"> <div class="zrightbox1 on"> <div class="zrightbox2"> <p class="zcn2 font18 font-b">Solar Module</p> <a class="zcn3" href='/photovoltaic-modules' > Learn More <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/hydra-series/1' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Hydra Series" loading="lazy"> </p> <p class="text font16">Hydra Series</p> </a> <a class="zcn4" href='/sable-series/6' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Sable Series" loading="lazy"> </p> <p class="text font16">Sable Series</p> </a> <a class="zcn4" href='/nebula-series/4' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Nebula Series" loading="lazy"> </p> <p class="text font16">Nebula Series</p> </a> <a class="zcn4" href='/seco-series/3' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Seco Series" loading="lazy"> </p> <p class="text font16">Seco Series</p> </a> </div> </div> <div class="zrightbox1 "> <div class="zrightbox2"> <p class="zcn2 font18 font-b">Solar Cell</p> <a class="zcn3" href='/solar-cell' > Learn More <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/solar-cell/5' > <p class="img"> <img src="/uploads/upload/images/20240715/3e62d478e027e760633774de34f5eb4d.png" alt="Monocrystalline Cell" loading="lazy"> </p> <p class="text font16">Monocrystalline Cell</p> </a> </div> </div> </div> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/projects' >Projects</a> </div> <ul> <li> <a class="topullia font18" href='/utility-projects' >Utility</a> </li> <li> <a class="topullia font18" href='/commercial-projects' >Commercial</a> </li> <li> <a class="topullia font18" href='/residential-projects' >Residential</a> </li> <li> <a class="topullia font18" href='/special-applications' >Special</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/customer-service' >Service</a> </div> <ul> <li> <a class="topullia font18" href='/customer-service' >Customer Support</a> </li> <li> <a class="topullia font18" href='/downloads' >Download</a> </li> <li> <a class="topullia font18" href='/faq' >FAQ</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/about-seraphim' >About Seraphim</a> </div> <ul> <li> <a class="topullia font18" href='/about-seraphim' >About Us</a> </li> <li> <a class="topullia font18" href='/corporate-responsibility' >CSR</a> </li> <li> <a class="topullia font18" href='/news' >Press</a> </li> <li> <a class="topullia font18" href='/contact-us' >Contact Us</a> </li> <li> <a class="topullia font18" href='/join-us' >Join Us</a> </li> </ul> </li> </ul> <ul class="c-nav2"> <li class=""> <div class="c-title-box"> <a href='javascript:void(0);' >Technology</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/innovation' title="Innovation R&D">Innovation R&D</a> </li> <li> <a href='/smart-manufacturing' title="Smart Manufacturing">Smart Manufacturing</a> </li> <li> <a href='/quality-control' title="Quality Control">Quality Control</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/photovoltaic-modules' >Products</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/photovoltaic-modules' title="Solar Module">Solar Module</a> </li> <li> <a href='/solar-cell' title="Solar Cell">Solar Cell</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/projects' >Projects</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/utility-projects' title="Utility">Utility</a> </li> <li> <a href='/commercial-projects' title="Commercial">Commercial</a> </li> <li> <a href='/residential-projects' title="Residential">Residential</a> </li> <li> <a href='/special-applications' title="Special">Special</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/customer-service' >Service</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/customer-service' title="Customer Support">Customer Support</a> </li> <li> <a href='/downloads' title="Download">Download</a> </li> <li> <a href='/faq' title="FAQ">FAQ</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/about-seraphim' >About Seraphim</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/about-seraphim' title="About Us">About Us</a> </li> <li> <a href='/corporate-responsibility' title="CSR">CSR</a> </li> <li> <a href='/news' title="Press">Press</a> </li> <li> <a href='/contact-us' title="Contact Us">Contact Us</a> </li> <li> <a href='/join-us' title="Join Us">Join Us</a> </li> </ul> </li> </ul> <div class="c-gn"> <div class="ztop-language"> <p class="cn1"> <img src="/static/cms/images/lang.svg" alt="" onload="SVGInject(this)"> <span class="font16 font-b">EN</span> </p> </div> <div class="ztop-line"></div> <div class="ztop-search"> <img src="/static/cms/images/search3.svg" alt="" onload="SVGInject(this)"> </div> </div> </div> <div class="c-right-box c-right-box2"> <div class="c-gn"> <div class="ztop-language"> <p class="cn1"><img src="/static/cms/images/lang.svg" alt="" onload="SVGInject(this)"><span class="font16 font-b">EN</span></p> </div> <div class="ztop-line"></div> <div class="ztop-search"> <img src="/static/cms/images/search3.svg" alt="" onload="SVGInject(this)"> </div> </div> <div class="c-switch"> <i></i> <i></i> <i></i> </div> </div> </div> </div> <div class="public-topsearch"> <div class="box1"> <div class="container"> <div class="box2"> <form action="/search" method="get"> <input type="text" name="keyword" placeholder="Search" class="font18 cn1"> <button type="submit"> <img src="/static/cms/images/search4.svg" alt="" onload="SVGInject(this)"> </button> </form> </div> <div class="box3"> <p class="cn2 font16">Hot：</p> <a href="/search?keyword=Hydra Series" class="cn3 font16">Hydra Series</a> <span class="cn4"></span> <a href="/search?keyword=Sable Series" class="cn3 font16">Sable Series</a> <span class="cn4"></span> <a href="/search?keyword=Nebula Series" class="cn3 font16">Nebula Series</a> <span class="cn4"></span> <a href="/search?keyword=Seco Series" class="cn3 font16">Seco Series</a> </div> </div> </div> <div href="javascript:;" class="hi-close"></div> </div> <div class="public-toplanguage"> <div class="box1"> <div class="container"> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.cn/"> <span class="font16 font-b">CN</span> </a> </p> <p class="public-btn"> <a class="public-btn0 on" href="/"> <span class="font16 font-b">EN</span> </a> </p> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.es/"> <span class="font16 font-b">ES</span> </a> </p> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.jp"> <span class="font16 font-b">JP</span> </a> </p> </div> </div> <div href="javascript:;" class="hi-close"></div> </div> <style> .public-banner2 .swiper-wrapper .swiper-slide .img video{z-index: 5;} .index-about{height:180vh;} </style> <div class="main"> <div class="public-banner2"> <div class="swiper-wrapper"> <style> .public-banner2 .publicbanner2page .swiper-pagination-bullet:nth-child(1)::before{animation-duration: 10s;} </style> <div class="swiper-slide" data-swiper-autoplay="10000"> <p class="img public-img"> <img class="pc-img" > <img class="mb-img" > <video src="/uploads/upload/video/20240905/d69fdf9f607a8192dd517a66da95bd6a.mp4" muted loop preload="none" webkit-playsinline="true" playsinline="true"></video> </p> <div class="container textcontainer "> <h2 class="cn1 font24 font-b">Sable TOPCon Series</h2> <h3 class="cn2 font48 font-b"><span>N FOR NOW, </span>FIT FOR FUTURE</h3> <p class="public-btn2 cn15 "> <a class="public-btn0" href='/sable-series/6' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> <style> .public-banner2 .publicbanner2page .swiper-pagination-bullet:nth-child(2)::before{animation-duration: 4s;} </style> <div class="swiper-slide" data-swiper-autoplay="4000"> <p class="img public-img"> <img class="pc-img" src="/uploads/upload/images/20240722/9feb8531397c2fae63d21cae3b098702.jpg" alt="Hydra HJT Series" > <img class="mb-img" src="/uploads/upload/images/20240719/f98d910f86060ffa004ff3a9008d51a7.jpg" alt="Hydra HJT Series" > <video src="" muted loop preload="none" webkit-playsinline="true" playsinline="true"></video> </p> <div class="container textcontainer "> <h2 class="cn1 font24 font-b">Hydra HJT Series</h2> <h3 class="cn2 font48 font-b"><span>HYPER EFFICIENCY, </span>DRIVE DISPARITY</h3> <p class="public-btn2 cn15 "> <a class="public-btn0" href='/hydra-series/1' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> <style> .public-banner2 .publicbanner2page .swiper-pagination-bullet:nth-child(3)::before{animation-duration: 4s;} </style> <div class="swiper-slide" data-swiper-autoplay="4000"> <p class="img public-img"> <img class="pc-img" src="/uploads/upload/images/20240724/9d53443e9f2bb634be3c0cbc4f2605a2.jpg" alt="Sustainable Development" > <img class="mb-img" src="/uploads/upload/images/20240724/9d53443e9f2bb634be3c0cbc4f2605a2.jpg" alt="Sustainable Development" > <video src="" muted loop preload="none" webkit-playsinline="true" playsinline="true"></video> </p> <div class="container textcontainer "> <h2 class="cn1 font24 font-b">Sustainable Development</h2> <h3 class="cn2 font48 font-b"><span>SHIFTING</span> THE FUTURE</h3> <p class="public-btn2 cn15 "> <a class="public-btn0" href='/corporate-responsibility' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> <style> .public-banner2 .publicbanner2page .swiper-pagination-bullet:nth-child(4)::before{animation-duration: 10s;} </style> <div class="swiper-slide" data-swiper-autoplay="10000"> <p class="img public-img"> <img class="pc-img" > <img class="mb-img" > <video src="/uploads/upload/video/20240726/dc0719baf81efa100f2ae87760044406.mp4" muted loop preload="none" webkit-playsinline="true" playsinline="true"></video> </p> <div class="container textcontainer "> <h2 class="cn1 font24 font-b">Smart Manufacturing</h2> <h3 class="cn2 font48 font-b"><span>PUSHING </span>THE BOUNDARIES</h3> <p class="public-btn2 cn15 "> <a class="public-btn0" href='/smart-manufacturing' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> </div> <div class="publicbanner2page publicswiper-page"></div> </div> <div class="index-about"> <div class="index-about0"> <div class="zcn2 font16 font-b"><img src="/static/cms/images/wimg73.svg" alt="">SCROLL DOWN </div> <div class="texbox"> <div class="container"> <p class="tcn1"> <img src="/static/cms/images/index1.svg" alt=""> <span class=" font36 font-b">改变</span> </p> <p class="tcn2"> <img src="/static/cms/images/index2.svg" alt=""> <span class="font36 font-b">未来</span> </p> </div> </div> <div class="picbox"> <p class="line"></p> <p class="img"> <img src="/uploads/upload/images/20240820/f4db7ef5de99695f9a43e0f2c0b7b2d1.jpg" alt="A WORLD-CLASS SOLAR MODULE MANUFACTURER" loading="lazy"> <video style="opacity: 1;" src="/uploads/upload/video/20240822/8f5e9f229bea2ab36cef9c4d73815738.mp4" muted loop preload="none" webkit-playsinline="true" playsinline="true"></video> </p> </div> <div class="aboutbox"> <div class="container"> <div class="box1"> <div class="publicindextitle"> <p class="pcn1"> <span class="pcn1a"> <em class="pcn1a1"></em> <em class="pcn1a2"></em> </span> <span class="pcn1b font20 font-b">A WORLD-CLASS SOLAR MODULE MANUFACTURER</span> </p> <p class="pcn2 font18 font-b">As a professional solar product manufacturer, Seraphim focuses on the R&D, production, and sales of photovoltaic modules, as well as the overall design and implementation of commercial and residential solar projects. It possesses cutting-edge photovoltaic technology support and incorporates stylish aesthetic design elements.</p> <p class="public-btn2 pcn3"> <a class="public-btn0" href='/about-seraphim' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> <div class="box2"> <div class="box2a"> <div class="box2b"> <p class="en font96 fontnum">Tier 1</p> <p class="fuhao font50 fontnum"></p> </div> <div class="box2c font18 textflow2">Solar Module Maker Listed by BNEF for 11 Consecutive Years</div> </div> <div class="box2a"> <div class="box2b"> <p class="num font96 fontnum">13</p> <p class="en font96 fontnum"> GW</p> <p class="fuhao font50 fontnum">+</p> </div> <div class="box2c font18 textflow2">Global Production Capacity</div> </div> <div class="box2a"> <div class="box2b"> <p class="num font96 fontnum">100</p> <p class="en font96 fontnum"></p> <p class="fuhao font50 fontnum">+</p> </div> <div class="box2c font18 textflow2">Global Financial Partners</div> </div> <div class="box2a"> <div class="box2b"> <p class="num font96 fontnum">120</p> <p class="en font96 fontnum"></p> <p class="fuhao font50 fontnum">+</p> </div> <div class="box2c font18 textflow2">Destination Countries</div> </div> </div> </div> </div> </div> </div> <div class="index-product"> <div class="container"> <div class="left"> <div class="leftbox"> <div class="publicindextitle"> <p class="pcn1 wow fadeInUp"> <span class="pcn1a"> <em class="pcn1a1"></em> <em class="pcn1a2"></em> </span> <span class="pcn1b font20 font-b">PRODUCT LAYOUT</span> </p> <p class="pcn2 font18 font-b wow fadeInUp"><span>Excellent Quality, Diverse Innovation.</span>Taking high-quality cells and high-efficiency modules as our foundation, and advanced process technologies as baseline, we've applied sustainable innovation and intelligent manufacturing processes, and have launched various high-quality products that stand time to market and boost industrial evolution and upgrading.</p> <p class="public-btn2 pcn3 wow fadeInUp"> <a class="public-btn0" href='/photovoltaic-modules' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> <div class="leftbox2"> <div class="indexproducta2"> <div class="box1 on"> <p class="yuan"> <span class="yuan1"></span> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 30 30" class="on"> <circle class="x-ba2" ref="progressbar" cx="15" cy="15" r="12" stroke="#d70000" stroke-width="6" fill="none" stroke-linecap="round"></circle> </svg> </p> <p class="box2"> <span class="cn1 font24 font-b">Solar Module</span> <span class="cn2 font16">Innovation Driven, Stable and Reliable</span> </p> </div> <div class="box1 "> <p class="yuan"> <span class="yuan1"></span> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 30 30" class="on"> <circle class="x-ba2" ref="progressbar" cx="15" cy="15" r="12" stroke="#d70000" stroke-width="6" fill="none" stroke-linecap="round"></circle> </svg> </p> <p class="box2"> <span class="cn1 font24 font-b">Solar Cell</span> <span class="cn2 font16">N Type Cells, Leading Efficiency</span> </p> </div> </div> </div> </div> <div class="right"> <div class="indexproducta1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240718/25cffb8ab6f0e0670c871580a10b27cc.png" alt="Solar Module" loading="lazy"> </p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240719/b7fb405e8972b9e787925410d9a4098b.png" alt="Solar Cell" loading="lazy"> </p> </div> </div>      </div> </div> </div> </div> <div class="index-case"> <div class="indexcasea1"> <div class="bgimg"> <p class="img on"> <img src="/uploads/upload/images/20240731/7e7eeecf2878e78502c8558ccd8c2040.jpg" alt="Utility-Scale Projects" loading="lazy"> </p> <p class="img "> <img src="/uploads/upload/images/20240731/bf11813cb2f6c3fc8852f5293af97a5d.jpg" alt="Commercial Projects" loading="lazy"> </p> <p class="img "> <img src="/uploads/upload/images/20240731/662aa210fdb1a5b525ddcfc69777bb8e.jpg" alt="Residential Projects" loading="lazy"> </p> <p class="img "> <img src="/uploads/upload/images/20240719/77227478b5e36c6419f67dc931178852.jpg" alt="Special Applications" loading="lazy"> </p> </div> <div class="container"> <div class="publicindextitle"> <p class="pcn1 wow fadeInUp"> <span class="pcn1a"> <em class="pcn1a1"></em> <em class="pcn1a2"></em> </span> <span class="pcn1b font20 font-b">PROJECT REFERENCES</span> </p> <p class="pcn2 font18 font-b wow fadeInUp">Offering the world's leading sustainable energy solutions, our high-quality products are widely applied in diverse scenarios around the globe. The outstanding performance and stable quality have been unanimously recognized.</p> <p class="public-btn2 pcn3 wow fadeInUp"> <a class="public-btn0" href='/project' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> </div> <div class="indexcasea2"> <div class="mbbox"> <div class="container"> <div class="publicindextitle"> <p class="pcn1 wow fadeInUp"> <span class="pcn1a"> <em class="pcn1a1"></em> <em class="pcn1a2"></em> </span> <span class="pcn1b font20 font-b">PROJECT REFERENCES</span> </p> <p class="pcn2 font18 font-b wow fadeInUp">Offering the world's leading sustainable energy solutions, our high-quality products are widely applied in diverse scenarios around the globe. The outstanding performance and stable quality have been unanimously recognized.</p> <p class="public-btn2 pcn3 wow fadeInUp"> <a class="public-btn0" href='/project' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> </div> <div class="rightbox"> <a href="javascript:;" class="rightbox2 on"> <p class="cn0"><img src="/static/cms/images/icon4.jpg" alt=""></p> <p class="cn1 font16 fontnum">OVERVIEW</p> <p class="cn2 font16 fontnum">01</p> <div class="cn3"> <p class="img"> <img src="/uploads/upload/images/20240719/03d46945df3ec09b09c26b5e18e98d88.png" alt="Utility-Scale Projects" loading="lazy"> </p> <p class="cn4 font22 font-b">Utility-Scale Projects</p> <p class="cn5 font16 textflow4">Utilise large-area land resources, maximizing production capacity and benefits through technological innovation.</p> </div> </a> <a href="javascript:;" class="rightbox2 on"> <p class="cn0"><img src="/static/cms/images/icon4.jpg" alt=""></p> <p class="cn1 font16 fontnum">OVERVIEW</p> <p class="cn2 font16 fontnum">02</p> <div class="cn3"> <p class="img"> <img src="/uploads/upload/images/20240719/7733a85d3fae4421f3f6b50927e4a38c.png" alt="Commercial Projects" loading="lazy"> </p> <p class="cn4 font22 font-b">Commercial Projects</p> <p class="cn5 font16 textflow4">Integrating buildings, energy, and environmental protection. Generate power for self-use and surplus for the grid.</p> </div> </a> <a href="javascript:;" class="rightbox2 on"> <p class="cn0"><img src="/static/cms/images/icon4.jpg" alt=""></p> <p class="cn1 font16 fontnum">OVERVIEW</p> <p class="cn2 font16 fontnum">03</p> <div class="cn3"> <p class="img"> <img src="/uploads/upload/images/20240719/c1b36d74cd78008c80d5ef169be30865.png" alt="Residential Projects" loading="lazy"> </p> <p class="cn4 font22 font-b">Residential Projects</p> <p class="cn5 font16 textflow4">Utilise suitable solutions, and apply the Full Black aesthetic to the residential rooftops and neighborhood energy-saving.</p> </div> </a> <a href="javascript:;" class="rightbox2 on"> <p class="cn0"><img src="/static/cms/images/icon4.jpg" alt=""></p> <p class="cn1 font16 fontnum">OVERVIEW</p> <p class="cn2 font16 fontnum">04</p> <div class="cn3"> <p class="img"> <img src="/uploads/upload/images/20240724/1bf5f5b3dcd5aeb27575f29d927f3bfa.png" alt="Special Applications" loading="lazy"> </p> <p class="cn4 font22 font-b">Special Applications</p> <p class="cn5 font16 textflow4">Maximize environmental potential. Integrate PV with agriculture, forestry, fishery, animal husbandry, etc to generate benefits.</p> </div> </a> </div> </div> </div> <div class="index-news"> <div class="container"> <h2 class="cn1 font36 font-b wow fadeInUp">TRENDING NEWS</h2> <div class="cn2"> <a class="cn2box wow fadeInUp" href='/news/259' > <p class="img public-img"> <img src="/uploads/upload/images/20240919/187c5c2237606132e6f7470d7c8a2415.jpg" alt="Seraphim Secures A 300MW Distribution Agreement with Vertys" loading="lazy"> </p> <h3 class="cn3 font20 font-b textflow2">Seraphim Secures A 300MW Distribution Agreement with Vertys</h3> <p class="cn4 font16 textflow3">A landmark 300MW solar module distribution agreement with Vertys Energy Group has recently been completed.</p> <div class="cn5"> <div class="cn6"> <p class="cn7 font16">Learn More</p> </div> <p class="cn8"></p> </div> </a> <a class="cn2box wow fadeInUp" href='/news/253' > <p class="img public-img"> <img src="/uploads/upload/images/20240821/69e2db0640a210f57bb468319109996d.webp" alt="Seraphim Yunnan Factory's 1st Batch of Solar Modules Shipped Successfully" loading="lazy"> </p> <h3 class="cn3 font20 font-b textflow2">Seraphim Yunnan Factory's 1st Batch of Solar Modules Shipped Successfully</h3> <p class="cn4 font16 textflow3">Celebrating another Milestone: 20MW, done within one week!</p> <div class="cn5"> <div class="cn6"> <p class="cn7 font16">Learn More</p> </div> <p class="cn8"></p> </div> </a> <div class="cn3box wow fadeInUp"> <div class="cn3box2"> <a class="cn3box3" href='/news/new20240612' > <p class="cn9 font20 font-b textflow2">Seraphim Won "PVBL Top 100 Solar PV Brand in the World"</p> <p class="cn10 font16">12/06/2024</p> </a> <a class="cn3box3" href='/news/248' > <p class="cn9 font20 font-b textflow2">Mr. Polaris Li attended the 17th Global Solar Leaders Dialogue</p> <p class="cn10 font16">11/06/2024</p> </a> <a class="cn3box3" href='/news/5' > <p class="cn9 font20 font-b textflow2">International Children's Day, Seraphim Brought Love and Gifts to Lovely Children</p> <p class="cn10 font16">31/05/2024</p> </a> <a class="cn3box3" href='/news/new20240531' > <p class="cn9 font20 font-b textflow2">Seraphim Shines at the 2024 China Brand BOAO Summit with Dual Honors!</p> <p class="cn10 font16">31/05/2024</p> </a> <a class="cn3box3" href='/news/2' > <p class="cn9 font20 font-b textflow2">World Autism Awareness Day, Seraphim Extended Heartfelt Care to Special Students</p> <p class="cn10 font16">02/04/2024</p> </a> <a class="cn3box3" href='/news/new20240131' > <p class="cn9 font20 font-b textflow2">7.5GW TOPCon Cell Project: First Batch of Equipment Successfully Installed</p> <p class="cn10 font16">31/01/2024</p> </a> <a class="cn3box3" href='/news/new20230119' > <p class="cn9 font20 font-b textflow2">Brave the Wind and Waves, Shine into the Future! 2023 Seraphim Global Sales Annual Meeting</p> <p class="cn10 font16">18/01/2024</p> </a> <a class="cn3box3" href='/news/new20240110' > <p class="cn9 font20 font-b textflow2">Seraphim receive another Silver Metal for Sustainable Ratings from EcoVadis</p> <p class="cn10 font16">12/01/2024</p> </a> <a class="cn3box3" href='/news/new20231230' > <p class="cn9 font20 font-b textflow2">Send Advanced and Warmest New Year's Regards to Autistic Children</p> <p class="cn10 font16">30/12/2023</p> </a> <a class="cn3box3" href='/news/new20231213' > <p class="cn9 font20 font-b textflow2">CNNP's Delegation Visited Seraphim's Smart Factory</p> <p class="cn10 font16">14/12/2023</p> </a> <a class="cn3box3" href='/news/new20231030' > <p class="cn9 font20 font-b textflow2">Seraphim x Lu'an Marathon! </p> <p class="cn10 font16">30/10/2023</p> </a> <a class="cn3box3" href='/news/new20230712' > <p class="cn9 font20 font-b textflow2">Seraphim signed 300MW solar module supply agreement with ERS Group</p> <p class="cn10 font16">12/07/2023</p> </a> <a class="cn3box3" href='/news/new20230527' > <p class="cn9 font20 font-b textflow2">Seraphim Presents New Series of PV Modules at SNEC PV POWER EXPO 2023</p> <p class="cn10 font16">27/05/2023</p> </a> </div> <p class="bgimg"></p> <a class="cn3box4" href='/news' > <div class="cn5"> <div class="cn6"> <p class="cn7 font16">Learn More ⇀</p> </div> </div> </a> </div> </div> </div> </div> <div class="index-deve"> <p class="bgimg"> <img class="pc-img" src="/uploads/upload/images/20240718/1d537e88525121cbf1784ab4352ffaa4.png" alt="SUSTAINABLE DEVELOPMENT" > <img class="mb-img" src="/uploads/upload/images/20240718/1d537e88525121cbf1784ab4352ffaa4.png" alt="SUSTAINABLE DEVELOPMENT" > </p> <div class="container"> <h2 class="cn1 font36 font-b">SUSTAINABLE DEVELOPMENT</h2> <h3 class="cn2 font18">Adhere to our vision of "Shifting the Future, Creating A Better World", we support public welfare undertakings and organically combine environmental protection, humanistic care, and economic benefits with our key advantages. By advocating the ESG concept, we are dedicated to leading the energy transformation of the entire industry chain, building our sustainable ecological system in the solar sector, and a brighter "zero carbon" future.</h3> <p class="public-btn cn3"> <a class="public-btn0" href='/corporate-responsibility' > <span class="font16 font-b">Learn More ⇀</span> </a> </p> </div> </div> </div> <div class="footer"> <div class="footer1"> <div class="container"> <div class="box1"> <a class="logo"> <img src="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png" alt="Logo" loading="lazy"> </a> <a href="javascript:;" onclick="goTop()" class="cn1"><img src="/static/cms/images/top.svg" alt=""></a> </div> <div class="box2"> <div class="left"> <p class="cn2 font18 font-b">Join our newsletter for updates and the latest price list.</p> <form action=""> <input type="text" placeholder="Please enter your e-mail address" class="font16"> <button type="button" class="font16">Submit</button> </form> <div class="cn5"> <a class="cn6" href='https://www.linkedin.com/company/seraphim-solar-system-co-ltd?source=officialwebsite' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20240712/2084448f1a1a3ae80dd80e98c10ce272.svg" alt="LinkedIn" loading="lazy"> </div> </a> <a class="cn6" href='https://www.instagram.com/seraphimsolar/' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241022/da2a3f02b45c359dee96cbc131b8f2d3.svg" alt="Instagram" loading="lazy"> </div> </a> <a class="cn6" href='https://www.facebook.com/SeraphimSolarEnergy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/51a7ed86e1f6156579acd9efa5d35043.svg" alt="Facebook" loading="lazy"> </div> </a> <a class="cn6" href='https://x.com/Seraphim_Energy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/779141aa60bdd14c91b9711b9943f7f4.svg" alt="Twitter" loading="lazy"> </div> </a> <a class="cn6" href='https://www.youtube.com/@SeraphimSolarEnergy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/e75334e6ca5120fb52c64ac5286ff304.svg" alt="YouTube" loading="lazy"> </div> </a> </div> </div> <div class="right"> <ul class="cn8"> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Technology" href='javascript:void(0);' >Technology</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Innovation R&D" href='/innovation' >Innovation R&D</a> </li> <li class="cn12"> <a class="cn13 font16" title="Smart Manufacturing" href='/smart-manufacturing' >Smart Manufacturing</a> </li> <li class="cn12"> <a class="cn13 font16" title="Quality Control" href='/quality-control' >Quality Control</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Products" href='/photovoltaic-modules' >Products</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Solar Module" href='/photovoltaic-modules' >Solar Module</a> </li> <li class="cn12"> <a class="cn13 font16" title="Solar Cell" href='/solar-cell' >Solar Cell</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Projects" href='/projects' >Projects</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Utility" href='/utility-projects' >Utility</a> </li> <li class="cn12"> <a class="cn13 font16" title="Commercial" href='/commercial-projects' >Commercial</a> </li> <li class="cn12"> <a class="cn13 font16" title="Residential" href='/residential-projects' >Residential</a> </li> <li class="cn12"> <a class="cn13 font16" title="Special" href='/special-applications' >Special</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Service" href='/customer-service' >Service</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Customer Support" href='/customer-service' >Customer Support</a> </li> <li class="cn12"> <a class="cn13 font16" title="Download" href='/downloads' >Download</a> </li> <li class="cn12"> <a class="cn13 font16" title="FAQ" href='/faq' >FAQ</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="About Seraphim" href='/about-seraphim' >About Seraphim</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="About Us" href='/about-seraphim' >About Us</a> </li> <li class="cn12"> <a class="cn13 font16" title="CSR" href='/corporate-responsibility' >CSR</a> </li> <li class="cn12"> <a class="cn13 font16" title="Press" href='/news' >Press</a> </li> <li class="cn12"> <a class="cn13 font16" title="Contact Us" href='/contact-us' >Contact Us</a> </li> <li class="cn12"> <a class="cn13 font16" title="Join Us" href='/join-us' >Join Us</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="footer2"> <div class="container"> <div class="left"> <p class="cn1 font16"> Copyright © 2024 Seraphim. All rights reserved. </p> </div> <div class="right"> <a class="font16 cn2" href='/privacy' >Privacy</a> <a class="font16 cn2" href='/disclaimers' >Terms of Use</a> </div> </div> </div> </div> <script type="text/javascript" src="/static/cms/js/extend.js"></script> <script type="text/javascript" src="/static/lib/layui-v2.8/layui/layui.js"></script> <script type="text/javascript" src="/static/cms/js/public.js"></script> <script type="text/javascript" src="/static/cms/js/ie-error.js"></script> <script src="/static/common/js/vietrue.min.js" type="text/javascript"></script> <script src="/static/common/js/vietrue.min.js" type="text/javascript"></script> <script> document.addEventListener('DOMContentLoaded', function() { var publicTopSearch = document.querySelector('.public-topsearch'); publicTopSearch.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-topsearch").slideUp(); } }); }); document.addEventListener('DOMContentLoaded', function() { var publicTopLanguage = document.querySelector('.public-toplanguage'); publicTopLanguage.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-toplanguage").slideUp(); } }); }); </script> <link rel="stylesheet" href="/static/admin/css/element-ico.css"> <script> // 设置访客数据 function csmSetAccessData() { var source = document.referrer;//访客来源 var url = location.pathname + location.search;//访问页面URL var device = '';//设备 var userAgent = navigator.userAgent;//设备信息 var share = 0;//分享次数 var time = 0;//访问时长 var startTime = new Date();//开始访问时间 var timer = null;//定时器 var catid = "1";//栏目id var data_id = "";//文章id function formatDate(date) { const year = date.getFullYear(); const month = String(date.getMonth() + 1).replace(/^(\d)$/, '0$1'); const day = String(date.getDate()).replace(/^(\d)$/, '0$1'); const hours = String(date.getHours()).replace(/^(\d)$/, '0$1'); const minutes = String(date.getMinutes()).replace(/^(\d)$/, '0$1'); const seconds = String(date.getSeconds()).replace(/^(\d)$/, '0$1'); const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; return formattedDate; } startTime = formatDate(startTime); // 判断是移动设备还是pc if ( navigator.userAgent.match(/Mobi/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) ) { device = 'Mobile'; } else { device = 'PC'; } // 当前窗口计时 if (typeof document.hidden !== "undefined") { var hidden = "hidden"; var visibilityChange = "visibilitychange"; } else if (typeof document.msHidden !== "undefined") { var hidden = "msHidden"; var visibilityChange = "msvisibilitychange"; } else if (typeof document.webkitHidden !== "undefined") { var hidden = "webkitHidden"; var visibilityChange = "webkitvisibilitychange"; } if (document[hidden]) { // 页面不可见，即在后台或最小化 clearInterval(timer); } else { // 页面可见，即在当前窗口浏览 timer = setInterval(function () { time += 1; }, 1000); } document.addEventListener(visibilityChange, function () { if (document[hidden]) { // 页面不可见，即在后台或最小化 clearInterval(timer); } else { // 页面可见，即在当前窗口浏览 timer = setInterval(function () { time += 1; }, 1000); } }); //点击计算分享次数 document.addEventListener('DOMContentLoaded', function () { var arr = document.querySelectorAll('.cms-share-item'); if (arr.length > 0) { for (var index = 0; index < arr.length; index++) { arr[index].addEventListener('click', function () { share += 1; }); } } }); // 关闭页面提交页面数据 window.onbeforeunload = function (event) { submitData(); } var isFirefox = /Firefox/.test(navigator.userAgent); var bAsync = true; if (isFirefox) { bAsync = false; } function submitData() { const data = { platform: source, viewurl: url, equipment: device, useragent: userAgent, show_times: share, seconds: time, access_time: startTime, catid: catid, data_id: data_id, }; $.ajax({ type: 'post', url: "/data/save", data: data, async: bAsync, success: function (res) { console.log("已提交访客数据") } }); }; } csmSetAccessData(); //设置通知 function csmSetNotice() { // 设置cookie,cname cookie名,cvalue cookie值,exdays 过期天数 function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires; } // 获取cookie,cname cookie名 function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } // 触发页面 function fn1(item) { // 所有页面触发 if (item.is_all_view == 1) { fn2(item); } // 指定页面触发 else { var url = window.location.pathname; // URL完全匹配 if (item.urlmate_type == 1 && item.urlmate == url || item.urlmate == url + '/') { fn2(item); } // URL不匹配 if (item.urlmate_type == 2 && (item.urlmate != url || item.urlmate != url + '/')) { fn2(item); } // 包含URL if (item.urlmate_type == 3 && url.includes(item.urlmate)) { fn2(item); } // 不包含URL if (item.urlmate_type == 4 && !url.includes(item.urlmate)) { fn2(item); } // URL开始于 if (item.urlmate_type == 5 && url.startsWith(item.urlmate)) { fn2(item); } // URL不以...开头 if (item.urlmate_type == 6 && !url.startsWith(item.urlmate)) { fn2(item); } } } // 屏幕显示 function fn2(item) { // 小屏幕加大屏幕上显示 if (item.minscreen == 1 && item.maxscreen == 1) { fn3(item); } // 小屏幕上显示 else if (item.minscreen == 1) { fn3(item); } // 大屏幕上显示 else if (item.maxscreen == 1) { fn3(item); } } // 显示频率 function fn3(item) { // 总是 if (item.display_type == 1) { fn4(item); } // 每次访问只显示一次 if (item.display_type == 2 && !getCookie('cmsid' + item.id)) { fn4(item); } // 每个用户只显示一次 if (item.display_type == 3 && !getCookie('cmsid' + item.id)) { fn4(item); } } // 触发方式 function fn4(item) { var num = 0; // 打开页面延迟（秒） if (item.trigger_type == 1) { setTimeout(function () { num++; fn5(item); fn6(item, num); }, Number(item.trigger * 1000)); } // 即将离开页面 if (item.trigger_type == 2) { $(document).mouseleave(function () { num++; fn5(item); fn6(item, num); }); } // 滚动页面到% if (item.trigger_type == 3) { $(window).scroll(function () { if ($(window).scrollTop() / ($(document).height() - $(window).height()) > item.trigger / 100) { num++; fn5(item); fn6(item, num); } }) } } // 设置cookie function fn5(item) { if (item.display_type == 2) { setCookie('cmsid' + item.id, '1'); } if (item.display_type == 3) { setCookie('cmsid' + item.id, '1', 365); } } // 显示通知 function fn6(item, num) { if (num == 1) { $("#cmsid" + item.id).addClass("on"); // 设置访问次数 $.ajax({ type: 'get', url: "/notice/noticeSumAdd", data: { id: item.id, impressions_sum: 1,//访问次数 hover_sum: 0,//移入次数 click_sum: 0,//点击次数 }, success: function (res) { } }); } if (item.trigger_display != -1 && num == 1) { setTimeout(function () { $("#cmsid" + item.id).removeClass("on"); }, item.trigger_display * 1000); } } // 添加样式 $("body").append( `<style> .cms-notice { pointer-events: none; } .cms-notice>.cms-wrap{ pointer-events: auto; transition: all 0.2s linear; transform: scale(0); opacity: 0; } .cms-notice.on>.cms-wrap { transition: transform 0.2s linear; transform: scale(1); opacity: 1; } .cms-select { position: relative; } .cms-select::before{ content: "▼"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #ddd; } </style>` ) // 数据请求 var data = null; $.ajax({ type: 'get', url: "/notice/getNotice", data: {}, success: function (res) { if (res.code == 200) { data = res.data; // 有通知组件 if (data.length > 0) { data.forEach(element => { // 状态开启 if (element.status == 1) { // 按钮圆角 var btnRadius = ''; if (element.button_type == 1) { btnRadius = "20px"; } if (element.button_type == 2) { btnRadius = "10px"; } if (element.button_type == 3) { btnRadius = "0px"; } // 出现位置 var location = ''; if (element.location == 1) { location = "top:5px;left:5px;" } if (element.location == 2) { location = "top:5px;left:50%;transform: translateX(-50%);" } if (element.location == 3) { location = "top:5px;right:5px;" } if (element.location == 4) { location = "top:50%;left:5px;transform: translateY(-50%);" } if (element.location == 5) { location = "top:50%;left:50%;transform: translate(-50%,-50%);" } if (element.location == 6) { location = "top:50%;right:5px;transform: translateY(-50%);" } if (element.location == 7) { location = "bottom:5px;left:5px;" } if (element.location == 8) { location = "bottom:5px;left:50%;transform: translateX(-50%);" } if (element.location == 9) { location = "bottom:5px;right:5px;" } // 设置用户操作数据 function setNoticeData(impressions, hover_sum, click_sum) { $.ajax({ type: 'get', url: "/notice/noticeSumAdd", data: { id: element.id, impressions_sum: impressions,//访问次数 hover_sum: hover_sum,//移入次数 click_sum: click_sum,//点击次数 }, success: function (res) { } }); } // 展示型A if (element.notice_type == 1) { var img = ''; if (element.background_image.length > 0) { img = `<img style="position: absolute;top: 0;left: 0;z-index: 1; width: 100%;height: 100%;object-fit: cover;" src="${element.background_image[0].path}">`; } var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> ${img} <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> <div style="min-height: 160px;margin-bottom: 15px;position: relative;z-index: 5;"> <p style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px">${element.title}</p> <p style="color:${element.sontitle_color};font-size:14px;margin-top:5px">${element.sontitle}</p> </div> <div style="position: relative;z-index: 5;"> <a href="${element.button_url}" target="_blank" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align: center;padding: 0 15px;line-height: 40px">${element.button_text}</a> </div> </div> </div> `; $("body").append(html); fn1(element); } // // 展示型B if (element.notice_type == 2) { var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> <a target="_blank" href="${element.url}" style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px;display:inline-flex;align-items:flex-start;"><i class="${element.icon}" style="font-size:28px;margin-right:10px;color:${element.icon_color};flex-shrink:0"></i><span>${element.title}</span></a> <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // // 展示型c if (element.notice_type == 3) { var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> ${element.url ? '<a target="_blank" href="' + element.url : '<div'} style="display:flex;align-items:center;"> <div style="width: 100%;"> <p style="display: flex;align-items: flex-start;line-height: 24px;font-size: 14px;"> <i class="${element.icon}" style="font-size:24px;margin-right:10px;color:${element.icon_color};flex-shrink:0;"></i><span>${element.sontitle}</span> </p> <p style="font-size:18px;color:${element.title_color};margin-top:10px;">${element.title}</p> </div> ${element.image.length > 0 ? '<img src="' + element.image[0].path + '" style="width:40%;margin-left: 20px;flex-shrink: 0;">' : ''} ${element.url ? '</a>' : '</div>'} <i class="el-icon-close" style="position: absolute;top: 2px;right: 2px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // // 表单型A if (element.notice_type == 4) { var form = ''; element.form.forEach((element2, element2index) => { var str = ''; var options = []; if (element2.type == "radio" || element2.type == "checkbox" || element2.type == "select") { let arr = element2.content.split("\n").map(item => { const [value, name] = item.split(":"); return {value, name}; }); arr.sort((a, b) => a.value - b.value); options = arr; } if (element2.type == 'input') { form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <input type="text" name="${element2.name}" placeholder="请输入${element2.title}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 10px;width:100%"> </div> `; } if (element2.type == 'text') { form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <textarea name="${element2.name}" placeholder="请输入${element2.title}" rows="1" style="line-height: 1.5;border: 1px solid #ddd;padding: 10px;width:100%"></textarea> </div> `; } if (element2.type == 'radio') { options.forEach(element3 => { str += `<label style="margin-right: 10px;"><input class="cms-radio" type="radio" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>` }); form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> ${str} </div> `; } if (element2.type == 'checkbox') { options.forEach((element3, index) => { str += `<label style="margin-right: 10px;"><input class="cms-checkbox" type="checkbox" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>` }); form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> ${str} </div> `; } if (element2.type == 'select') { options.forEach(element3 => { str += ` <option value="${element3.name}" ${element2.default_value == element3.name ? 'selected' : ''}>${element3.name}</option> ` }); form += ` <div style="margin-bottom: 10px;"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <div class="cms-select"> <select name="${element2.name}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 34px 0 10px;width:100%"> ${str} </select> </div> </div> `; } }); var html = ` <style> #cmsid${element.id} .cms-radio:checked,#cmsid${element.id} .cms-checkbox:checked { background-color:${element.button_color} !important; border-color:${element.button_color} !important; } </style> <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;overflow:hidden;font-size:14px;"> <p style="font-size:18px;padding:15px;color:${element.title_color};background:${element.title_background_color};">${element.title}</p> <form id="cmsid${element.id}form" style="padding:15px;" style="font-size: 14px;line-height: 20px;"> <div style="max-height:320px;overflow:auto;margin-bottom:10px"> ${form} </div> <div style="text-align: center;"> <div class="cms-submit" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align:center;padding: 0 15px;line-height: 40px;cursor: pointer;">${element.button_text}</div> </div> </form> <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // 关闭通知 $(document).on("click", "#cmsid" + element.id + " .el-icon-close", function (event) { event.stopPropagation(); $("#cmsid" + element.id).removeClass("on"); }); // 设置悬停数量 $(document).on("mouseenter", "#cmsid" + element.id + " .cms-wrap", function (event) { setNoticeData(0, 1, 0); }); // 设置点击数量 $(document).on("click", "#cmsid" + element.id + " .cms-wrap", function (event) { setNoticeData(0, 0, 1); }); // 提交表单 $(document).on("click", "#cmsid" + element.id + " .cms-submit", function (event) { var formObj = document.getElementById('cmsid' + element.id + 'form'); var formField = new FormData(formObj); var formDataObject = {}; formField.forEach(function (value, key) { formDataObject[key] = value; }); element.form.forEach(element2 => { if (element2.type == 'checkbox') { let checkboxData = ''; $('#cmsid' + element.id + 'form input[name="' + element2.name + '"]').each(function () { if ($(this).is(':checked')) { checkboxData += $(this).val() + ','; } }); formDataObject[element2.name] = checkboxData.slice(0, -1); } }) $.ajax({ type: 'post', url: "/notice/noticeSubmitForm", headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, data: { id: element.id, formField: formDataObject, }, success: function (res) { $('meta[name="csrf-token"]').attr('content', res.data._token_); if (res.code == 200) { $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #1bd629;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>'); } else { $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #ff0000;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>'); } setTimeout(function () { $("#cms-pop").remove(); }, 1000); } }); }); } }); } } } }); } $.ajax({ type: 'get', url: "/web/checkAddonsInstall", data: { name: 'generalNotice' }, success: function (res) { if (res.code == 200) { if (res.data.addons > 0) { // 已安装通知组件执行方法 csmSetNotice(); } } } }); </script> <script> $(document).ready(function () { function indexbanner() { if ($(".public-banner2").length > 0) { var swiper132 = new Swiper(".public-banner2", { effect: 'fade', fadeEffect: { crossFade: true, }, autoplay: { delay: 10000, stopOnLastSlide: false, disableOnInteraction: false, }, loop: true, speed: 800, pagination: { el: ".publicbanner2page", clickable: true, }, on: { init: function (swiper) { slide = this.slides.eq(0); slide.addClass('ani-slide'); }, transitionStart: function () { for (i = 0; i < this.slides.length; i++) { slide = this.slides.eq(i); slide.removeClass('ani-slide'); } }, transitionEnd: function () { slide = this.slides.eq(this.activeIndex); slide.addClass('ani-slide'); }, slideChange: function () { if($(".public-banner2 .swiper-slide-active video").length>0){ console.log(this.activeIndex) $(".public-banner2 .swiper-slide").eq(this.activeIndex).find("video")[0].currentTime = 0; $(".public-banner2 .swiper-slide").eq(this.activeIndex).siblings().find("video")[0].pause() $(".public-banner2 .swiper-slide").eq(this.activeIndex).find("video")[0].play() // console.log(2) } }, } }); } } indexbanner() function indexabout(){ var controller = new ScrollMagic.Controller(); let vheight = $(window).height(); //定义一个锁头 let btrue = true // 左边英文文字左移 var movez1 = TweenMax.to($(".index-about .index-about0 .texbox .container .tcn1"),.5, { top:'20%', left:'0%', ease: Power0.easeIn }); var Scenez1 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top - vheight * .2, duration: vheight * .1, }) .setTween(movez1) .addTo(controller); // 左边中文文字出现 var movez2 = TweenMax.to($(".index-about .index-about0 .texbox .container .tcn1 span"),.5, { opacity:'1', ease: Power0.easeIn }); var Scenez2 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top - vheight * .2, duration: vheight * .1, }) .setTween(movez2) .addTo(controller); // 右边英文文字右移 var movez3 = TweenMax.to($(".index-about .index-about0 .texbox .container .tcn2"),.5, { top:'80%', right:'0', ease: Power0.easeIn }); var Scenez3 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top - vheight * .2, duration: vheight * .1, }) .setTween(movez3) .addTo(controller); // 左边中文文字出现 var movez4 = TweenMax.to($(".index-about .index-about0 .texbox .container .tcn2 span"),.5, { opacity:'1', ease: Power0.easeIn }); var Scenez4 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top - vheight * .2, duration: vheight * .1, }) .setTween(movez4) .addTo(controller); // 中间的线变长 var movez5a = TweenMax.to($(".index-about .index-about0 .picbox .line"),.5, { height:'80%', ease: Power0.easeIn }); var Scenez5a = new ScrollMagic.Scene({ offset: $(".index-about").offset().top - vheight * .3, duration: vheight * .15, }) .setTween(movez5a) .addTo(controller); // 中间的线旋转变正并且变短 var movez5 = TweenMax.to($(".index-about .index-about0 .picbox .line"),.5, { transform:'rotate(0deg)', height:'60%', ease: Power0.easeIn }); var Scenez5 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top - vheight * .15, duration: vheight * .15, }) .setTween(movez5) .addTo(controller); // 图片出来 var movez6 = TweenMax.to($(".index-about .index-about0 .picbox .img"),.5, { opacity:'1', ease: Power0.easeIn }); var Scenez6 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + 0, duration: vheight * .1, }) .setTween(movez6) .addTo(controller); // 图片放大 var movez7 = TweenMax.to($(".index-about .index-about0 .picbox .img"),.5, { height: '100%', width:'100%', borderRadius:'0px', ease: Power0.easeIn, }); var Scenez7 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + vheight * .1, duration: vheight * .3, }) .setTween(movez7) .addTo(controller); // 左边英文文字消失 var movez8 = TweenMax.to($(".index-about .index-about0 .texbox .container .tcn1"),.5, { opacity:'0', ease: Power0.easeIn, onComplete: function() { if(btrue){ btrue = false $(".index-about .index-about0 .picbox .img video")[0].play() } }, }); var Scenez8 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + 0, duration: vheight * .1, }) .setTween(movez8) .addTo(controller); // 右边英文文字消失 var movez9 = TweenMax.to($(".index-about .index-about0 .texbox .container .tcn2"),.5, { opacity:'0', ease: Power0.easeIn }); var Scenez9 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + 0, duration: vheight * .1, }) .setTween(movez9) .addTo(controller); // 关于我们标题浮现 var movez10 = TweenMax.to($(".index-about .index-about0 .aboutbox .container .box1 .publicindextitle .pcn1"),.5, { animationName:'aboutfuxian', display:'flex', ease: Power0.easeIn }); var Scenez10 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + vheight * .3, duration: 0, }) .setTween(movez10) .addTo(controller); var movez11 = TweenMax.to($(".index-about .index-about0 .aboutbox .container .box1 .publicindextitle .pcn2"),.5, { animationName:'aboutfuxian', display:'flex', ease: Power0.easeIn }); var Scenez11 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + vheight * .3, duration: 0, }) .setTween(movez11) .addTo(controller); var movez11a = TweenMax.to($(".index-about .index-about0 .aboutbox .container .box1 .publicindextitle .mbpcn2"),.5, { animationName:'aboutfuxian', display:'flex', ease: Power0.easeIn }); var Scenez11a = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + vheight * .3, duration: 0, }) .setTween(movez11a) .addTo(controller); var movez12 = TweenMax.to($(".index-about .index-about0 .aboutbox .container .box1 .publicindextitle .pcn3"),.5, { animationName:'aboutfuxian', display:'flex', ease: Power0.easeIn }); var Scenez12 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + vheight * .3, duration: 0, }) .setTween(movez12) .addTo(controller); var movez13 = TweenMax.to($(".index-about .index-about0 .aboutbox .container .box2"),.5, { opacity:'1', ease: Power0.easeIn, onComplete: function() { $('.index-about .index-about0 .aboutbox .container .box2 .box2a .box2b .num').countUp({ delay: 10, time: 1500 }); }, }); var Scenez13 = new ScrollMagic.Scene({ offset: $(".index-about").offset().top + vheight * .3, duration: 0, }) .setTween(movez13) .addTo(controller); } indexabout() function indexproduct() { if ($(".indexproducta1").length > 0) { var mySwiperindexproducta1 = new Swiper(".indexproducta1", { effect: 'fade', speed: 600, fadeEffect: { crossFade: true, }, autoplay: { delay: 4400, disableOnInteraction: false, }, on: { slideChangeTransitionStart: function () { $(".index-product .container .left .leftbox2 .indexproducta2 .box1").eq(this.activeIndex).addClass("on") $(".index-product .container .left .leftbox2 .indexproducta2 .box1").eq(this.activeIndex).siblings().removeClass("on") }, }, }); } $(".index-product .container .left .leftbox2 .indexproducta2 .box1").each(function () { let thisindex = $(this).index() $(this).click(function () { $(this).addClass("on").siblings().removeClass("on") mySwiperindexproducta1.slideTo(thisindex, 0, false); }) }) $('.indexproducta1').mousemove(function (event) { let dian = $(".index-product .container .right .indexproducta1 .dian") let dianwidth = $(".index-product .container .right .indexproducta1 .dian").outerWidth() let dianheight = $(".index-product .container .right .indexproducta1 .dian").outerHeight() var $this = $(this); // 缓存jQuery对象 var offset = $this.offset(); // 获取元素相对于文档的偏移量 // 计算鼠标相对于元素的x和y坐标 var relativeX = event.pageX - offset.left - (dianwidth * 0.5); var relativeY = event.pageY - offset.top - (dianheight * 0.5); window.TweenMax.to(dian, 0.5, { left: relativeX + 'px', top: relativeY, opacity: 1, ease: "Power1.easeOut", }); }); $('.indexproducta1').mouseleave(function (event) { let dian = $(".index-product .container .right .indexproducta1 .dian") window.TweenMax.to(dian, 0.5, { opacity: 0, ease: "Power1.easeOut", }); }); $(".indexproducta1").click(function () { let dianindex = mySwiperindexproducta1.slideNext() }) } indexproduct() function indexcase() { let thisindexcase = $(".index-case").outerWidth() let thiscontainer = $(".index-case .indexcasea1 .container").outerWidth() let thisborder = (thisindexcase - thiscontainer) / 2 let thiswidth = (thiscontainer * 50) / 100 $(".index-case .indexcasea2").css("width", thiswidth) $(".index-case .indexcasea2").css("margin-right", thisborder) let paddingtop = $(".index-case .indexcasea2").css("padding-top") let paddingtop2 = parseInt(paddingtop) $(window).scroll(function () { //获取第一个的位置 let firstrightboxtop = $(".index-case .indexcasea2 .rightbox .rightbox2:nth-child(1)").offset().top // 获取盒子的高度 let thisindexcaseheight = $(".index-case .indexcasea2 .rightbox .rightbox2").outerHeight() // 获取最后一个的位置 let laserightboxtop = $(".index-case .indexcasea2 .rightbox .rightbox2:last-child").offset().top + thisindexcaseheight // 获取盒子的数量 let thisindexcaselegnth = $(".index-case .indexcasea2 .rightbox .rightbox2").length let zongherightbox = (laserightboxtop - firstrightboxtop) / thisindexcaselegnth // console.log(zongherightbox) $(".index-case .indexcasea2 .rightbox .rightbox2").each(function () { let num999 = $(this).index() // $(this).offset().top - paddingtop2 - 50 if ($(window).scrollTop() > firstrightboxtop + (num999 * zongherightbox) - paddingtop2 - 50 ) { $(this).addClass("on").siblings().removeClass("on") $(".index-case .indexcasea1 .bgimg .img").eq(num999).addClass("on") $(".index-case .indexcasea1 .bgimg .img").eq(num999).siblings().removeClass("on") } }) }); } indexcase() function indexdeve() { var controller = new ScrollMagic.Controller(); let vheight = $(window).height(); var movewe1 = TweenMax.to($(".index-deve .bgimg"), .5, { bottom: '-4.5rem', ease: Power0.easeIn }); var Scenewe1 = new ScrollMagic.Scene({ offset: $(".index-deve").offset().top - vheight * .5, duration: vheight * 1, }).setTween(movewe1).addTo(controller); } indexdeve() HiVideoPlay($(".public-banner2"),$(".public-banner2 .swiper-wrapper .swiper-slide .img video"),.5,false); }); if (history.scrollRestoration) { history.scrollRestoration = 'manual'; //auto刷新在当前位置 manual刷新在头部位置 } </script> <script type="text/javascript" charset="utf-8"> Jie.requestPost('/site/flow', '', function () { return true; }); </script> </body> </html>

CINXE.COM

Solar Module Manufacturer | Solar PV Pannel | Seraphim Solar