CINXE.COM
Innovation R&D
<!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="1d4ad16611228049a87e8fb05cfb749b"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> <title>Innovation R&D</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="Innovation R&D"/> <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/innovation"/> <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="on"> <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="on"> <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> <link rel="stylesheet" href="/static/cms/css/liMarquee.css"> <div class="main"> <div class="public-banner"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="img public-img"> <img class="pc-img" src="/uploads/upload/images/20240731/ddedbc88bbbe65483fb58d345ef0dbae.jpg" alt="INNOVATION LEADS ITERATION" > <img class="mb-img" src="/uploads/upload/images/20240715/b6ccddba442819cd8d084b123b7e7fba.jpg" alt="INNOVATION LEADS ITERATION" > </p> <div class="container textcontainer"> <h2 class="cn1 wow fadeInUp font44 font-b">INNOVATION LEADS ITERATION</h2> </div> </div> </div> <div class="container containerpublic"> <div class="public-nav"> <a class="font-b font16 pcn1 wow fadeInUp" href='/' > Home Page </a> <span class="pcn2 wow fadeInUp"> <img src="/static/cms/images/arrow.svg" alt="" onload="SVGInject(this)"> </span> <a href="javascript:void(0);" class="font-b font16 pcn1 wow fadeInUp" title="Technology">Technology</a><span class="pcn2 wow fadeInUp"> <img src="/static/cms/images/arrow.svg" alt="" onload="SVGInject(this)"> </span> <a href="/innovation" class="font-b font16 pcn1 wow fadeInUp" title="Innovation R&D">Innovation R&D</a> </div> </div> </div> <div class="service-box1" data-true="true"> <div class="container"> <p class="bgimg"></p> <div class="box1"> <a href="javascript:;" class="font16 font-b cn1 on">Roadmap</a> <a href="javascript:;" class="font16 font-b cn1">Highlights</a> <a href="javascript:;" class="font16 font-b cn1">R&D Center</a> </div> </div> </div> <div class="tech3-box1" id="serverid0"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">Roadmap</h2> <div class="box"> <div class="box2"> <div class="tech1box1swiper wow fadeInUp"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>24 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>23 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>22 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>21 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>20 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>19 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>18 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>17 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>16 </p> </div> </div> <p class="cn3 fontnum">20</p> <div class="yuan"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 420 420"> <circle class="x-ba2" ref="progressbar" cx="210" cy="210" r="209" stroke="#d70000" stroke-width="1" fill="none" stroke-linecap="round"></circle> </svg> </div> </div> </div> <div class="box3"> <div class="tech1box1swiper2 wow fadeInUp"> <div class="swiper-wrapper"> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 R&D and mass production of Topcon 182mm*183.75mm cell module</li> <li class="cn4 font20 font-b">Q2 R&D and mass production of TOPCon 182mm*210mm rectangular cell module</li> <li class="cn4 font20 font-b">Q3 R&D and mass production of Topcon 210mm*210mm, HJT 210mm*210mm cell modules</li> <li class="cn4 font20 font-b">Q4 R&D and mass production of dustproof frame module</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 R&D and mass production of 182mm half-cell module -156 pcs type</li> <li class="cn4 font20 font-b">Q2 R&D and mass production of 182mm*188mm TOPCon rectangular cell module</li> <li class="cn4 font20 font-b">Q3 R&D and mass production of anti-glare half-cell module</li> <li class="cn4 font20 font-b">Q4 R&D and mass production of 182mm*210mm TOPCon rectangular cell module</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 R&D and mass production of High Tensile Strength Polyurethane Frame module</li> <li class="cn4 font20 font-b">Q2 R&D and mass production of new Lightweight Bifacial module</li> <li class="cn4 font20 font-b">Q3 R&D and mass production of 182mm & 210mm half-cell lightweight application-based module</li> <li class="cn4 font20 font-b">Q4 R&D and mass production of 182mm TOPCon half-cell module</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 R&D and mass production of 182mm half-cell module</li> <li class="cn4 font20 font-b">Q2 R&D and mass production of 210mm half-cell module</li> <li class="cn4 font20 font-b">Q3 R&D and mass production of new Encapsulated Adhesive Film module</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 R&D and mass production of 158.75mm half-cell shingled module</li> <li class="cn4 font20 font-b">Q2 R&D and mass production of 166mm MBB half-cell module</li> <li class="cn4 font20 font-b">Q3 R&D and mass production of HJT half-cell module</li> <li class="cn4 font20 font-b">Q4 R&D and mass production of HJT shingled module</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 Large size cell application, combined with half-cell technology </li> <li class="cn4 font20 font-b">Q2 Mass production of bifacial P-type dual-glass module</li> <li class="cn4 font20 font-b">Q3 R&D of 158.75mm half-cell mono PERC cell module</li> <li class="cn4 font20 font-b">Q4 Mass production of half-cell bifacial mono PERC cell module</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 High efficiency module launched, combined with shingling, half-cell technology using mono PERC cells</li> <li class="cn4 font20 font-b">Q2 Mini high-efficiency mono module launched</li> <li class="cn4 font20 font-b">Q3 P-type PERC bifacial dual-glass module launched</li> <li class="cn4 font20 font-b">Q4 Smart optimization and shutdown module launched, with stackable half-cell and bifacial technology</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 1500V module launched</li> <li class="cn4 font20 font-b">Q2 High-efficiency reflective PV ribbon and EVA application</li> <li class="cn4 font20 font-b">Q3 Half-cut technology application increases 2% output power gain</li> <li class="cn4 font20 font-b">Q4 5BB technology application, integrable with standard or half-cut cell modules</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Q1 High-efficiency mono shingled module launched with 18.23% efficiency</li> <li class="cn4 font20 font-b">Q2 Dual-glass module launched</li> <li class="cn4 font20 font-b">Q3 320W shingled mono module launched with 18.81% efficiency via PERC cell technology</li> <li class="cn4 font20 font-b">Q4 DC optimizer module launched, incorporating Solaredge and Tigo small grid-connected systems (3kW-6kW)</li> </ul> </div> </div> </div> </div> </div> <div class="box4"> <div class="box5 wow fadeInUp"> <h2 class="cn5 font18 font-b">Timeline：</h2> <ul class="cn6"> <li class="cn7 font18 font-b on">2024</li> <li class="cn7 font18 font-b ">2023</li> <li class="cn7 font18 font-b ">2022</li> <li class="cn7 font18 font-b ">2021</li> <li class="cn7 font18 font-b ">2020</li> <li class="cn7 font18 font-b ">2019</li> <li class="cn7 font18 font-b ">2018</li> <li class="cn7 font18 font-b ">2017</li> <li class="cn7 font18 font-b ">2016</li> </ul> </div> <div class="box6 wow fadeInUp"> <div class="tech1box1prev"> <img src="/static/cms/images/wimg84.svg" alt="" onload="SVGInject(this)"> </div> <div class="tech1box1next"> <img src="/static/cms/images/wimg84.svg" alt="" onload="SVGInject(this)"> </div> </div> </div> </div> </div> <div class="tech3-box2" id="serverid1"> <p class="bgimg public-img"> <img src="/uploads/upload/images/20240716/85a7df46e447399a7bfff118b02d7584.jpg" alt="Technology Patents" loading="lazy"> </p> <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">Highlights</span> </p> <p class="pcn2 font18 font-b wow fadeInUp">Stick to technological innovation, Seraphim continues to enhance our capabilities and increase investment in R&D. Through laboratory upgrades, talent team, and cooperative R&D, we keep improving module efficiency and stand at the forefront of the industry.</p> </div> <ul class="cn1"> <li class="cn2 font20 font-b on" data-images="/uploads/upload/images/20240716/85a7df46e447399a7bfff118b02d7584.jpg"><span class="font40">100+</span> Technology Patents</li> <li class="cn2 font20 font-b " data-images="/uploads/upload/images/20240731/48643cb6aaa81ab96011c00e04ceadaf.jpg"><span class="font40">23.18%</span> Module Efficiency</li> <li class="cn2 font20 font-b " data-images="/uploads/upload/images/20240731/e512cbd6aba112bb0daae18280744529.jpg"><span class="font40">7+</span> Agencies Accredited Lab</li> </ul> </div> </div> <div class="tech3-box5"> <div class="str4 str_wrap"> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/f02d191c7fcf0854f2517984ae2897d7.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/1802861b9613f7b6ef66f5e772071090.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/3212d0e11047540d9eacdcb78dcc9fe9.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/86c9f09ce78520b58c5e9b1d0b3cffbc.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/5f9c515728d94010a268bf2c3355f71b.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/79c9d2d26212cc3a6a24433f5e222a9c.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/9e6ebf475a0b48344771bccd851957f7.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/9e6ebf475a0b48344771bccd851957f7.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/79c9d2d26212cc3a6a24433f5e222a9c.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/5f9c515728d94010a268bf2c3355f71b.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/86c9f09ce78520b58c5e9b1d0b3cffbc.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/3212d0e11047540d9eacdcb78dcc9fe9.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/1802861b9613f7b6ef66f5e772071090.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/f02d191c7fcf0854f2517984ae2897d7.png" alt="Authoritative Third-party Certifications" loading="lazy"> </a> </div> </div> <div class="tech3-box3" id="serverid2"> <div class="container"> <div class="left"> <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">R&D Center</span> </p> <p class="cn1 font32 font-b wow fadeInUp">A Solar Products R&D Center Accredited by Multiple Agencies</p> <p class="cn2 line wow fadeInUp"></p> <p class="cn3 font16 wow fadeInUp">As one of the world's leading manufacturers of photovoltaic products, Seraphim established an in-house R&D center in 2013. The center specializes in R&D and product testing for further development, new materials evaluation, client customization, and periodic sample testing, among other activities, to provide technical support and guarantee product development and quality control.<br/><br/>The laboratory has been recognized as a witness laboratory by CSA, TÜV Rheinland, and DEKRA, while also obtaining accreditations and certifications from CNAS, CTC, TÜV SÜD, CGC, and other globally renowned institutions. These recognitions enable Seraphim to shorten certification periods and accelerate the release of new products under strict reliability control procedures.</p> </div> </div> <div class="right"> <p class="img public-img wow fadeInUp"> <img src="/uploads/upload/images/20240731/f84ee2f79c887ff56fb1fb8c8bf0ee3e.jpg" alt="R&D Center" loading="lazy"> </p> </div> </div> </div> <div class="tech3-box4 product3-box2" id="serverid3"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">Authoritative Third-party Certifications</h2> </div> <div class="product3box2a"> <p class="img public-img"> <img class="pc-img" style="opacity:1;" src="/uploads/upload/images/20240820/53de7f27defdeda910bf20bc26e4481c.jpg" alt="Authoritative Third-party Certifications" loading="lazy"> <img class="mb-img" src="/uploads/upload/images/20240820/53de7f27defdeda910bf20bc26e4481c.jpg" alt="Authoritative Third-party Certifications" loading="lazy"> </p> <div class="container"> <div class="product3box2b"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/3214d65808f1842eba72d4fff00e290c.png" alt="Accelerate New Product Launches" loading="lazy"></span> Accelerate New Product Launches </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/53d78b05e96727466763371ea0f556f9.png" alt="Shorten Certification Period" loading="lazy"></span> Shorten Certification Period </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240724/9ebb2ed1a028bbb016786422c05e7c41.png" alt="Save R&D Costs" loading="lazy"></span> Save R&D Costs </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/36917347f388c739963957db86ac8167.png" alt="Increase Test Reliability" loading="lazy"></span> Increase Test Reliability </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/617e8c77063adb1c45e26c88ba0a27d5.png" alt="Rapid Response to Market" loading="lazy"></span> Rapid Response to Market </p> </div> </div> </div> <div class="publicbanner2page2 publicswiper-page"></div> </div> </div> </div> <div class="tech3-box6"> <div class="container"> <h3 class="cn1 font32 font-b wow fadeInUp">Key Laboratory Equipment</h3> <div class="box"> <div class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/9619895917e79dad2e17170902f55258.jpg" alt="H.A.L.M Sun Simulator" loading="lazy"> </p> <div class="box3"> <p class="cn2 font20 font-b textflow">H.A.L.M Sun Simulator</p> <p class="cn3 font16 textflow3">Seraphim use A+A+A+ rated H.A.L.M solar simulators which have a high-precision manual testing system for IV measurement of solar modules. They are carefully designed to meet Seraphim's R&D and quality control use.</p> </div> </div> <div class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/3e4ecae29ab8633a902f1363ed223618.jpg" alt="VOTSCH Walk-in Climate Simulation Chambers" loading="lazy"> </p> <div class="box3"> <p class="cn2 font20 font-b textflow">VOTSCH Walk-in Climate Simulation Chambers</p> <p class="cn3 font16 textflow3">VOTSCH customized climate simulation chambers are also embedded in our production lines. These highly precise facilities are made in Germany using eco-friendly materials, which provide detailed testing data for Thermal Cycling tests, Humidity Freeze tests, Damp Heat tests, etc. to facilitate further product upgrades and reliability improvements.</p> </div> </div> <div class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/995f33a1b3905657486a4d9ab716983c.jpg" alt="ATLAS Light Source" loading="lazy"> </p> <div class="box3"> <p class="cn2 font20 font-b textflow">ATLAS Light Source</p> <p class="cn3 font16 textflow3">The light source equipment is from Atlas, which is the selected manufacturer of IEC calibration. The device is equipped with a special 2000W metal halide lamp, which provides highly intensive UV-B and UV-A sections of the UV band spectrum.</p> </div> </div> </div> </div> </div> <div class="tech3-box7 respon-box4 joinpagebox4 joinpagebox4v"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">A Tour of Our R&D Lab</h2> <div class="news-list3"> <div class="index-news"> <div class="container"> <div class="cn2"> <div class="joinpagebox4a joinpagebox4v1"> <div class="swiper-wrapper"> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/33e7a508a546296700a57b5cece0a600.jpg" alt="UV Pretreatment" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">UV Pretreatment</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/7e91b8c295536900b3a734ff9473e755.jpg" alt="Performance Tests" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">Performance Tests</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/61aadd388655c7b8889293461517e665.jpg" alt="Environmental Tests" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">Environmental Tests</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/33e7a508a546296700a57b5cece0a600.jpg" alt="UV Pretreatment" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">UV Pretreatment</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/7e91b8c295536900b3a734ff9473e755.jpg" alt="Performance Tests" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">Performance Tests</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/61aadd388655c7b8889293461517e665.jpg" alt="Environmental Tests" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">Environmental Tests</h3> </a> </div> </div> <div class="publicbanner2page publicswiper-page"></div> </div> </div> </div> </div> </div> <div class="box12"> <div class="box10"> <div class="linepage"></div> <div class="swiper-scrollbar"></div> </div> <div class="box13"> <div class="swiperprev"> <img src="/static/cms/images/wimg34.svg" alt="" onload="SVGInject(this)"> </div> <div class="swipernext"> <img src="/static/cms/images/wimg34.svg" alt="" onload="SVGInject(this)"> </div> </div> </div> </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 = "16";//栏目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 src="/static/cms/js/jquery.liMarquee.js"></script> <script> $(document).ready(function () { // 技术路线 let aaa = $(".tech3-box1 .container .box .box2 .tech1box1swiper .cn3").outerWidth() let aaa2 = $(".tech1box1swiper .swiper-slide").outerWidth() $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan").css("left",aaa * 0.8) $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("margin-left",aaa * 0.8) if($(window).width()>991 && $(window).width()<1261){ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",aaa2 - aaa) }else{ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",'4.2rem') } $(window).resize(function () { let aaa = $(".tech3-box1 .container .box .box2 .tech1box1swiper .cn3").outerWidth() let aaa2 = $(".tech1box1swiper .swiper-slide").outerWidth() $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan").css("left",aaa * 0.8) $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("margin-left",aaa * 0.8) if($(window).width()>991 && $(window).width()<1261){ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",aaa2 - aaa) }else{ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",'4.2rem') } }) let bbb = 315 let ddd = $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").length - 1 var Swiper1 = new Swiper('.tech1box1swiper', { direction: "vertical", speed: '800', on: { transitionStart: function () { let thisindex = this.activeIndex console.log(thisindex) $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).addClass("on") $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).siblings().removeClass("on") let ccc = '-' + ((bbb / ddd) * (ddd - thisindex)) + '%' $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan svg circle").css("stroke-dashoffset", ccc) }, }, breakpoints: { 992: { slidesPerView: 1, spaceBetween: 0, direction: "horizontal", }, }, }) var Swiper2 = new Swiper('.tech1box1swiper2', { effect: 'fade', fadeEffect: { crossFade: true, }, navigation: { nextEl: '.tech1box1next', prevEl: '.tech1box1prev', }, // autoplay: { // delay: 5000, // }, on: { transitionStart: function () { let thisindex = this.activeIndex console.log(thisindex) $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).addClass("on") $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).siblings().removeClass("on") let ccc = '-' + ((bbb / ddd) * (ddd - thisindex)) + '%' $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan svg circle").css("stroke-dashoffset", ccc) }, }, }) Swiper1.controller.control = Swiper2;//Swiper1控制Swiper2，需要在Swiper2初始化后 Swiper2.controller.control = Swiper1;//Swiper2控制Swiper1，需要在Swiper1初始化后 $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").click(function () { $(this).addClass("on").siblings().removeClass("on") let thisindex = $(this).index() console.log(thisindex, '111') Swiper2.slideTo(thisindex, 1000, false); let ccc = '-' + ((bbb / ddd) * (ddd - thisindex)) + '%' $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan svg circle").css("stroke-dashoffset", ccc) }) function startInterval() { myVar = setInterval(function () { let thisindex2 = $(".tech3-box2 .container .cn1 .cn2.on").index() let thislength3 = $(".tech3-box2 .container .cn1 .cn2").length if (thisindex2 < thislength3 - 1) { $(".tech3-box2 .container .cn1 .cn2").eq(thisindex2 + 1).addClass("on") $(".tech3-box2 .container .cn1 .cn2").eq(thisindex2 + 1).siblings().removeClass("on") let thisindex2image = $(".tech3-box2 .container .cn1 .cn2").eq(thisindex2 + 1).attr("data-images") $(".tech3-box2 .bgimg img").attr("src", thisindex2image) $(".tech-box2 .bgimg").addClass("on") setTimeout(function(){ $(".tech-box2 .bgimg").removeClass("on") },1000); } else { $(".tech3-box2 .container .cn1 .cn2").eq(0).addClass("on") $(".tech3-box2 .container .cn1 .cn2").eq(0).siblings().removeClass("on") let thisindex2image = $(".tech3-box2 .container .cn1 .cn2").eq(0).attr("data-images") $(".tech3-box2 .bgimg img").attr("src", thisindex2image) $(".tech-box2 .bgimg").addClass("on") setTimeout(function(){ $(".tech-box2 .bgimg").removeClass("on") },1000); } }, 3000); } startInterval() $(".tech3-box2 .container .cn1 .cn2").click(function () { $(this).addClass("on").siblings().removeClass("on") let thisimages = $(this).attr("data-images") $(".tech3-box2 .bgimg img").attr("src", thisimages) $(".tech-box2 .bgimg").addClass("on") setTimeout(function(){ $(".tech-box2 .bgimg").removeClass("on") },1000); clearInterval(myVar); startInterval() }) if ($(".product3box2b").length > 0) { new Swiper(".product3box2b", { slidesPerView: 5, speed: 800, // autoplay: true, // loop: true, watchOverflow:true, spaceBetween: 0, observer: true, //开启动态检查器，监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 navigation: { nextEl: '.product3box2b .swipernext', prevEl: '.product3box2b .swiperprev', }, pagination: { el: ".publicbanner2page2", clickable: true, }, breakpoints: { 767: { slidesPerView: 1, spaceBetween: 0, }, 992: { slidesPerView: 2, spaceBetween: 0, }, }, }); $('.product3-box2 .product3box2a .container .product3box2b .swiper-slide .cn2').matchHeight(); $(window).resize(function () { $('.product3-box2 .product3box2a .container .product3box2b .swiper-slide .cn2').matchHeight(); }) function project2() { let thiswidth = $(".product3box2a").outerWidth(); let thisboxwidth = $(".product3box2b .swiperprev").outerWidth(); let thiscontainerwidth = $(".container").outerWidth(); let thisnum = (thiswidth - thiscontainerwidth) / 4 $(".product3box2b .swiperprev").css("left", thisnum - (thisboxwidth / 2)) $(".product3box2b .swipernext").css("right", thisnum - (thisboxwidth / 2)) } project2() $(window).resize(function () { project2() }) } if ($(".joinpagebox4v1").length > 0) { new Swiper(".joinpagebox4v1", { slidesPerView: 3, speed: 800, // loop: true, spaceBetween: 20, scrollbar: { el: '.swiper-scrollbar', }, // pagination: { // el: ".linepage", // type: 'fraction', // clickable: true, // }, navigation: { nextEl: '.swipernext', prevEl: '.swiperprev', }, breakpoints: { 767: { slidesPerView: 1, spaceBetween: 10, }, 992: { slidesPerView: 2, spaceBetween: 15, }, }, }); } }); $(window).load(function () { $('.str4').liMarquee({scrollamount: 50,}); }); </script> <script type="text/javascript" charset="utf-8"> Jie.requestPost('/site/flow', '', function () { return true; }); </script> </body> </html>