About Us

<!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="7e4925a64e51180082004232a290c9e8"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> <title>About Us</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="About Us"/> <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/about-seraphim"/> <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> <style> #c-header.sanjiheader.c-style2 { border-bottom: 1px solid rgba(0, 0, 0, .1); } </style> </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="sanjiheader"> <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="on"> <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="on"> <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> <div id="c-placeholder"></div> <div class="main"> <div class="about1-box"> <div class="about1-box1"> <div class="zcn2 font16 font-b" style="display:none;"><img src="/static/cms/images/wimg730.svg" alt="">SCROLL DOWN </div> <div class="texbox" style="display:none;"> <div class="container"> <p class="tcn1"> <img src="/static/cms/images/index1.svg" alt=""> <span class=" font32 font-b">改变</span> </p> <p class="tcn2"> <img src="/static/cms/images/index2.svg" alt=""> <span class="font32 font-b">未来</span> </p> </div> </div> <div class="picbox" style="display:none;"> <p class="line"></p> </div> <div class="imgbox"> <p class="img"> <img src="/uploads/upload/images/20240719/a92da1464202cc537c1e383b83dcee5f.jpg" alt="ABOUT SERAPHIM" loading="lazy"> </p> <p class="img2"> <img src="/static/cms/images/wimg200.svg" alt=""> </p> </div> <div class="textbox2"> <div class="container"> <div class="box1 box11"> <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">ABOUT SERAPHIM</span> </p> </div> <div class="box1a"> <div class="left"> <h2 class="cn1 font32 font-b">A WORLD-CLASS</h2> <h3 class="cn2 font32 font-b">SOLAR PRODUCT MANUFACTURER</h3> </div> <div class="right"> <p class="cn3 font26 font-b">As a world-class solar products manufacturer, Seraphim has specialized in research, development, production, and sales of solar PV products since our foundation in 2011.<br/><br/>Since our establishment, Seraphim has accomplished significant achievements that outpaced most of our main competitors in terms of production capacity and in the number of innovative designs. Seraphim upholds its belief that innovation is the key driver behind advancement, thus we never stop pursuing new technologies and higher efficiencies.<br/><br/>Over the years, Seraphim's sustained development is obvious to see. In 2015, Seraphim was accredited as Batch l Smart Manufacturing Plant by the Jiangsu Provincial Government. The laboratory has been recognized as a CSA, TÜV Rheinland, and DEKRA witness laboratory, meanwhile obtaining accreditations and certifications from CNAS, CTC, TUV SÜD, CGC, and other globally renowned institutions. This allows Seraphim to shorten the certification period and accelerate the speed of new product releases under our strict reliability control procedures, demonstrating Seraphim's R&D strength recognized by authoritative institutions. <br/><br/>We also take pride in our efforts and industry recognition. By 2024, Seraphim's global production capacity had expanded to 13GW and has been listed as a Tier 1 module supplier by BNEF for 10 consecutive years and TOP Performer by PVEL five times. Committed to independent research and development, we've obtained over a hundred technical patents. With outstanding product quality, advanced technology, and comprehensive quality assurance, Seraphim's products have been widely used in over 120 countries and regions worldwide by far.</p> <p class="cn4 font16"></p> </div> </div> </div> <div class="box1 box12"> <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"></span> </p> </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 font16 textflow2">Module Maker by BNEF for 10 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 font16 textflow2">Solar Module 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 font16 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 font16 textflow2">Destination Countries</div> </div> <div class="box2a"> <div class="box2b"> <p class="num font96 fontnum">5</p> <p class="en font96 fontnum"> Times</p> <p class="fuhao font50 fontnum"></p> </div> <div class="box2c font16 textflow2">Top Performer Listed by PVEL</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 font16 textflow2">Technical Patents</div> </div> </div> </div> </div> </div> <div class="imgbox2"> <p class="img"><img src="/static/cms/images/wimg300.png" alt=""></p> <div class="imgbox3 public-img"> <img src="/static/cms/images/wimg114.png" alt=""> </div> </div> </div> </div>  <div class="about6-box"> <div class="bgimg"><img src="/static/cms/images/zimg84.jpg" alt=""></div> <div class="container"> <div class="left"> <div class="publicindextitle wow fadeInUp"> <p class="pcn1"> <span class="pcn1a"> <em class="pcn1a1"></em> <em class="pcn1a2"></em> </span> <span class="pcn1b font32 font-b">MILESTONE</span> </p> <p class="pcn2 font26 font-b">By focusing solely on the development and production of solar modules, Seraphim has been able to consistently improve and develop new products to better serve our customers. We pursue cutting-edge technologies, participate in setting industry standards, and constantly push the boundaries at the forefront of the industry.</p> </div> <div class="box4"> <div class="box5 wow fadeInUp"> <h2 class="cn5 font16 font-b">Quick-view on year events：</h2> <ul class="cn6"> <li class="cn7 font18 fontnum font-b on">2024</li> <li class="cn7 font18 fontnum font-b ">2023</li> <li class="cn7 font18 fontnum font-b ">2022</li> <li class="cn7 font18 fontnum font-b ">2021</li> <li class="cn7 font18 fontnum font-b ">2020</li> <li class="cn7 font18 fontnum font-b ">2019</li> <li class="cn7 font18 fontnum font-b ">2018</li> <li class="cn7 font18 fontnum font-b ">2017</li> <li class="cn7 font18 fontnum font-b ">2016</li> <li class="cn7 font18 fontnum font-b ">2015</li> <li class="cn7 font18 fontnum font-b ">2014</li> <li class="cn7 font18 fontnum font-b ">2013</li> <li class="cn7 font18 fontnum font-b ">2012</li> <li class="cn7 font18 fontnum font-b ">2011</li> </ul> </div> </div> <p class="img3 wow fadeInUp"><img src="/uploads/upload/images/20240826/88e2dd4c92e1fbf3f151b7eac5714469.png" alt="MILESTONE" loading="lazy"></p> </div> <div class="right"> <div class="rightbox"> <p class="year font36 font-b fontnum">2024</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 13GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Jinzhai Factory TOPCon Module Production Line - Phase II constructed</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Awarded as Jiangsu Provincial Green Factory</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Brand IP character "Freeman" released</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2023</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 12GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released new TOPCon series of solar PV modules globally</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Gained 'Low-Carbon' certification from CERTISOLIS</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Achieved BB-rating status in Q1 2023 PV ModuleTech Bankability rankings</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2022</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released 210mm cell series modules</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released 166, 182mm cell Lightweight Dual-glass Series modules</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Recognized as 2022 Top Performer by PVEL</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received the 2022 EcoVadis Silver Medal for Corporate Social Responsibility Achievement</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 7.5GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global shipment exceeded 20GW</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2021</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Seraphim Jinzhai Plant set up in China's Anhui province</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Recognized as 2021 Top Performer by PVEL</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Accredited as Qualified Laboratory by TÜV SÜD</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received the world's first 2021 IEC 61215 Series Standard Certificate by TÜV SÜD</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Accredited as the TMP Lab by TÜV Rheinland</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 5.5GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global shipment exceeded 14GW</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2020</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released 166mm half-cut cell series modules</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released 158.75mm series shingled modules</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Seraphim Yingshang Plant set up in China's Anhui province</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Recognized as 2020 Top Performer by PVEL</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released 182mm MBB half-cut cell series module</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global shipment exceeded 11GW</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2019</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Seraphim Lu'An Plant set up in China's Shanxi province</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 5GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released 158.75mm cell PERC Bifacial series module</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released Planet PV energy storage system</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Recognized as 2019 Top Performer by PVEL</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2018</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">China's first 5 MW PV power plant using high-efficiency mono shingled module commissioned</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">World's largest projects using high-efficiency mono shingled modules and optimizer commissioned</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Won the prize of 'Jiangsu Top 500'</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Won the prize for 'Contribution to Innovation in Integrating of Informatization and Industrialization'</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released Mini high-efficiency mono shingled module</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released P-type PERC bifacial module</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received the TÜV SÜD CTF Laboratory Certificate</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">South Africa Manufacturing Plant set up</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2017</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released 158.75 half-cell mono PERC cell module</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Reached Strategic Cooperation Agreement with CTC China Photovoltaic Product Test Center</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received CNAS Laboratory Certification</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Accredited as 'Jiangsu Provincial Engineering Technology Research Center'</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 3GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 3GW</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2016</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received the Witness Laboratory Accreditation Certificate (WMTC) authorized by CSA</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received the TÜV SÜD TMP Laboratory Certificate</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 2.1GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global shipment exceeded 2GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released high-efficiency mono shingled module</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Passed Three DNV GL Systematic Tests</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Passed the TÜV SÜD Dynamic Mechanical Load Tests</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2015</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global capacity reached 1.5GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Global shipment exceeded 1GW</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Passed Brazil's INMETRO Certification Test</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2014</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Australia Branch set up</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Passed Japanese JET Certification Tests</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2013</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Japan Branch set up</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released Polaris™ and Solaris™ AC module</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Became the 1st to pass TÜV SÜD Thresher Test, 3 times stricter than IEC standards</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2012</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Passed JPEC Certificates</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Built up a strategic partnership with Fuji Film</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Released DuraFlex™ module with mechanical load up to 8000Pa</span> </p> </li> </ul> </div> <div class="rightbox"> <p class="year font36 font-b fontnum">2011</p> <ul class="rightbox2"> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Jiangsu Seraphim Solar System Co., Ltd. established in China</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received ISO 9001/ISO14001/OHSAS18001 Certificates</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received the TÜV SÜD and TÜV Rheinland Certificates</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Germany Branch set up</span> </p> </li> <li class="cn1"> <p class="cn2 font18 font-b"> <span class="cn3"></span> <span class="cn4">Received MCS, CEC, CSA Certificates</span> </p> </li> </ul> </div> </div> </div> </div>                                                <div class="about4-box"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">VISION AND MISSION</h2> <div class="box"> <a href="javascript:;" class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240812/1b2d27d3e7d9420935a3866d87228caf.jpg" alt="Vision" loading="lazy"> </p> <p class="text"> <span class="cn2 font20">Vision</span> <span class="cn3 font18 font-b">Shifting the future into a better world.</span> </p> </a> <a href="javascript:;" class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240812/b9948035dae6042fd35491cf57699ea7.jpg" alt="Mission" loading="lazy"> </p> <p class="text"> <span class="cn2 font20">Mission</span> <span class="cn3 font18 font-b">Quality is the cornerstone of success. Seraphim's continuous innovation towards better quality products and new technologies allows us to share our success with our clients.</span> </p> </a> </div> </div> </div> <div class="about5-box"> <div class="container"> <div class="box1"> <h2 class="cn1 font36 font-b wow fadeInUp">Global Layout</h2> <div class="box1a wow fadeInUp"> <a href="javascript:;" class="cn2 font16 font-b on" data-id="57"> Brand Awards </a> <a href="javascript:;" class="cn2 font16 font-b " data-id="22"> Factory Awards </a> <a href="javascript:;" class="cn2 font16 font-b " data-id="21"> Product Awards </a> <a href="javascript:;" class="cn2 font16 font-b " data-id="56"> Project Awards </a> </div> </div> <div class="about5boxswiper"> <div class="swiper-wrapper" id="listBox"> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/6f63d2c35293054f919e6c82f1c0d5e6.png" alt="PVBL 2024 Global Best Solar PV Brand Promotion" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">PVBL 2024 Global Best Solar PV Brand Promotion</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/c6055c6ebb5e971a83c368fee719b0e1.png" alt="PVBL 2024 Top 100 Solar PV Brands in the World" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">PVBL 2024 Top 100 Solar PV Brands in the World</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/12ae3cdd58a8667eb336dbb15c377416.png" alt="PVBL 2023 Top 100 Solar PV Brands in the World" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">PVBL 2023 Top 100 Solar PV Brands in the World</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/8375dfb70637de32fd188d6a3f9337df.png" alt="China High-Quality Residential and Commercial & Industrial PV Module Brand Award 2023" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">China High-Quality Residential and Commercial & Industrial PV Module Brand Award 2023</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/5bfd4a69270632263d8303094cfd93b3.png" alt="China Influential Brands of Residential Solar Modules 2022" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">China Influential Brands of Residential Solar Modules 2022</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/a5913fbdc33c42042e9bf6f8c8738c42.png" alt="PVBL the Best Brand Communication Award 2022" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">PVBL the Best Brand Communication Award 2022</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/7343ec54a705cceb15a39d724473d1c4.png" alt="Copper Award for Taxpayers 2022" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">Copper Award for Taxpayers 2022</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/d484dc2749cb165e000a4df8f0cb3c02.png" alt="Development Contribution Award in Changzhou 2022" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">Development Contribution Award in Changzhou 2022</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/d77b85b8e44f8b5ceeb75d0e937e8548.png" alt="PVBL 2022 Top 100 Solar PV Brands in the World" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">PVBL 2022 Top 100 Solar PV Brands in the World</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/05216ba28d64a5aaf3be9a1c6aedbe5b.png" alt="The Most Influential PV Module Enterprise 2022" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">The Most Influential PV Module Enterprise 2022</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/1807dbcf9e19597bbe3fcd6cac4f0b80.png" alt="Top 10 Modern Service Enterprises in Yingshang" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">Top 10 Modern Service Enterprises in Yingshang</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/581b78ccc54da7550e563a81d2ee3b25.png" alt="Top 5 "13581" Industrial-leading Enterprises in Yingshang" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">Top 5 "13581" Industrial-leading Enterprises in Yingshang</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/f81e8ed69769e5a6b7d74d9a3675adf4.png" alt="Excellent Collective of Promoting Higher-quality Integrated Development in the Yangtze River Delta Area" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">Excellent Collective of Promoting Higher-quality Integrated Development in the Yangtze River Delta Area</p> <p class="cn4 font14 textflow4"></p> </div> <div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240827/f0dd107acb22325c0241a62b00ae316d.png" alt="Top 5 Foreign Trade Enterprises in Fuyang" loading="lazy"> </p> <p class="cn3 font16 font-b textflow2">Top 5 Foreign Trade Enterprises in Fuyang</p> <p class="cn4 font14 textflow4"></p> </div> </div> <div class="publicbanner2page publicswiper-page"></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"> @Seraphim 2024 - 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 = "19";//栏目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 () { $('.about4-box .container .box .box2 .text .cn3').matchHeight(); window.onload = function(){ if( $(".about6-box").length!=0){ var pl1he = $('.about6-box .container .right').offset().top; $(".about6-box .container .left .box4 .box5 .cn6 .cn7").each(function(){ var _this = $(this); var _index = _this.index(); if($(".about6-box .container .right .rightbox").eq(_index).length!=0){ let positop = $(".about6-box .container .right .rightbox").eq(_index).offset().top - pl1he; _this.click(function(){ _this.addClass("on").siblings().removeClass("on"); let pot1 = positop; if(pot1>$(".about6-box .container .right").scrollTop()){ pot1 = positop ; } $('.about6-box .container .right').animate({ 'scrollTop': pot1+1 }, 1000); }); } }); } } function indexabout() { var controller = new ScrollMagic.Controller(); let vheight = $(window).height(); let textbox2height = $(".about1-box .about1-box1 .textbox2 .container .box11").outerHeight(); let textbox2height2 = $(".about1-box .about1-box1 .textbox2 .container .box12").outerHeight(); let textbox2height3 = textbox2height + textbox2height2 let textbox2height4 = textbox2height3 + vheight * 2 $(".about1-box").css("height", textbox2height4) let btrue = true // var movez1 = TweenMax.to($(".about1-box .about1-box1 .texbox .container .tcn1"), .5, { // // top: '20%', // left: '0%', // ease: Power0.easeIn // }); // var Scenez1 = new ScrollMagic.Scene({ // offset: $(".about1-box").offset().top + vheight * .2, // duration: vheight * .2, // }).setTween(movez1).addTo(controller); // var movez3 = TweenMax.to($(".about1-box .about1-box1 .texbox .container .tcn2"), .5, { // // top: '80%', // right: '0', // ease: Power0.easeIn // }); // var Scenez3 = new ScrollMagic.Scene({ // offset: $(".about1-box").offset().top + vheight * .2, // duration: vheight * .2, // }).setTween(movez3).addTo(controller); // var movez4 = TweenMax.to($(".about1-box .about1-box1 .picbox .line"), .5, { // transform: 'rotate(0deg)', // height: '25%', // ease: Power0.easeIn // }); // var Scenez4 = new ScrollMagic.Scene({ // offset: $(".about1-box").offset().top + vheight * .2, // duration: vheight * .2, // }).setTween(movez4).addTo(controller); // var movez5 = TweenMax.to($(".about1-box .about1-box1 .picbox"), .5, { // opacity: '0', // ease: Power0.easeIn // }); // var Scenez5 = new ScrollMagic.Scene({ // offset: $(".about1-box").offset().top + vheight * .4, // duration: vheight * .2, // }).setTween(movez5).addTo(controller); var movez6 = TweenMax.to($(".about1-box .about1-box1 .imgbox .img2"), .5, { scale: '20', force3D: false, ease: Power0.easeIn }); var Scenez6 = new ScrollMagic.Scene({ offset: $(".about1-box").offset().top, duration: 0, }).setTween(movez6).addTo(controller); // var movez8 = TweenMax.to($(".about1-box .about1-box1 .texbox .container .tcn1"), .5, { // opacity: '0', // ease: Power0.easeIn, // }); // var Scenez8 = new ScrollMagic.Scene({ // offset: $(".about1-box").offset().top + vheight * .7, // duration: vheight * .3, // }).setTween(movez8).addTo(controller); // var movez9 = TweenMax.to($(".about1-box .about1-box1 .texbox .container .tcn2"), .5, { // opacity: '0', // ease: Power0.easeIn // }); // var Scenez9 = new ScrollMagic.Scene({ // offset: $(".about1-box").offset().top + vheight * .7, // duration: vheight * .3, // }).setTween(movez9).addTo(controller); var movez10 = TweenMax.to($(".about1-box .about1-box1 .textbox2"), .5, { opacity: '1', ease: Power0.easeIn, }); var Scenez10 = new ScrollMagic.Scene({ offset: $(".about1-box").offset().top, duration: 0, }).setTween(movez10).addTo(controller); var movez19 = TweenMax.to($(".about1-box .about1-box1 .zcn2"), .5, { opacity: '0', ease: Power0.easeIn, }); var Scenez19 = new ScrollMagic.Scene({ offset: $(".about1-box").offset().top + vheight * .6, duration: vheight * .1, }).setTween(movez19).addTo(controller); // 数字滚动 var movez10a = TweenMax.to($(".about1-box .about1-box1 .textbox2 .container .box12"),.5, { opacity:'1', ease: Power0.easeIn, onComplete: function() { $('.about1-box .about1-box1 .textbox2 .container .box1 .box2 .box2a .box2b .num').countUp({ delay: 10, time: 1500 }); }, }); var Scenez10a = new ScrollMagic.Scene({ offset: $(".about1-box").offset().top + vheight * .6, duration: 0, }) .setTween(movez10a) .addTo(controller); var movez10b = TweenMax.to($(".about1-box .about1-box1 .textbox2"), .5, { top: '-' + textbox2height3 + 'px', ease: Power0.easeIn }); var Scenez10b = new ScrollMagic.Scene({ offset: $(".about1-box").offset().top + vheight * .6, duration: textbox2height3, }).setTween(movez10b).addTo(controller); var movez11 = TweenMax.to($(".about1-box .about1-box1 .imgbox2"), .5, { opacity: '1', right: '0', bottom: '0', ease: Power0.easeIn }); var Scenez11 = new ScrollMagic.Scene({ offset: $(".about1-box").offset().top + vheight * .6 + textbox2height3, duration: vheight * .2, }).setTween(movez11).addTo(controller); var movez12 = TweenMax.to($(".about1-box .about1-box1 .imgbox3"), .5, { opacity: '1', right: '0', bottom: '32%', ease: Power0.easeIn }); var Scenez12 = new ScrollMagic.Scene({ offset: $(".about1-box").offset().top + vheight * .6 + textbox2height3, duration: 0, }).setTween(movez12).addTo(controller); } indexabout() HiTextLyric({ element: $(".about2-box"), element2: $(".about2-box .container .cn1"), class: 'on', offset: 0.5, duration: $(".about2-box").height(), }); if ($(".about3swiper1").length > 0) { var swipername3 = new Swiper(".about3swiper1", { slidesPerView: 1, centeredSlides: true, speed: 800, spaceBetween: 0, // loop: true, effect: 'fade', fadeEffect: { crossFade: true, } }); var swipername4 = new Swiper(".about3swiper2", { slidesPerView: 3, speed: 800, spaceBetween: 0, centeredSlides: true, // loop: true, navigation: { nextEl: '.swipernext', prevEl: '.swiperprev', }, breakpoints: { 992: { slidesPerView: 1.8, spaceBetween: 10, }, }, }); swipername3.controller.control = swipername4; swipername4.controller.control = swipername3; } if ($(".about5boxswiper").length > 0) { var swipername = new Swiper(".about5boxswiper", { slidesPerView: 4, speed: 800, autoplay: true, pagination: { el: '.publicbanner2page', clickable: true, }, observer: true, observeParents: true, spaceBetween: 25, breakpoints: { 767: { slidesPerView: 1, spaceBetween: 10, }, 992: { slidesPerView: 2, spaceBetween: 10, }, }, }); $(document).on("click", ".about5-box .container .box1 .box1a .cn2", function () { if ($(this).hasClass('on')) { return false; } $(this).addClass("on").siblings().removeClass("on"); Jie.requestPost("/api/get/list.html", { type: 'honors', id: $(this).data('id') }).then(function (result) { let _html = ''; $.each(result.data, function (i, v) { _html += `<div class="swiper-slide wow fadeInUp"> <p class="img public-img"> <img src="${v.image}"> </p> <p class="cn3 font16 font-b textflow2">${v.title}</p> <p class="cn4 font14 textflow4">${v.text}</p> </div>`; }); $('#listBox').html(_html); }); }) } }); </script> <script type="text/javascript" charset="utf-8"> Jie.requestPost('/site/flow', '', function () { return true; }); </script> </body> </html>

CINXE.COM

About Us