CINXE.COM
CSR
<!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="e867e564816d0ea3ffdddee4ec6a5827"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> <title>CSR</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="CSR"/> <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/corporate-responsibility"/> <link rel="shortcut icon" href="/uploads/upload/images/20240712/1008194efa2536cd35f2095f8e392649.ico"> <link type="text/css" rel="stylesheet" href="/static/lib/layui-v2.8/layui/css/layui.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/extend.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/style.css"> <script src="/static/cms/js/svg-inject.min.js" type="text/javascript"></script> </head> <body> <style> #c-header .c-nav .zproduct-xiala .zproduct-xiala2 .zright .zrightbox1 .zrightbox3 .zcn4:nth-child(3n){margin-right:.3rem;} @media (max-width:991px){ #c-header .c-gn{margin-left:0;} } .public-banner7 .swiper-wrapper2{ height: 100vh; display: flex; align-items: center; } .public-banner7 .swiper-wrapper2 .swiper-slide2{width: 100%;padding:0;} .product3-box2 .container .line{display:none;} .projectinfolist .box .text .line{display: block;} .about5-box .container .about5boxswiper .swiper-slide .img::before{padding-top:75%;} .about6-box .container .right .rightbox .rightbox2 .cn1 .cn2{ transform: translateX(-.3rem); width: calc(100% + .3rem); } .about1-box{background-color: #f1f2f4;} .about6-box{margin-top:-1px;padding:2.8rem 0 1.2rem;} .yanzhengform{display: flex;} .yanzhenginput .layui-form-checkbox{ height: .3rem;line-height: .3rem;margin-right: .1rem;padding-right: .3rem;padding-left:0;} .yanzhenginput .layui-form-checkbox i{color: #d2d2d2;font-size: .2rem;} .yanzhenginput .layui-form-checkbox i{width:.3rem; line-height: .3rem; border: 1px solid #d2d2d2;height: .28rem;background-color:transparent;} .yanzhenginput .layui-form-checkbox:hover>i{color: #d70000;} .yanzhenginput .layui-form-checked i,.yanzhenginput .layui-form-checked:hover i{color: #d70000;} .index-about .index-about0 .texbox .container .tcn1 span{display:none;} .index-about .index-about0 .texbox .container .tcn2 span{display:none;} .topullia{line-height: 2.5em;} .index-product .container .left .leftbox2 .indexproducta2 .box1{opacity:.3;transition: all .5s;} .index-product .container .left .leftbox2 .indexproducta2 .box1.on{opacity:1;} .project-list1 .projuect-list3 .swiper-slide .img::before{background-color:rgba(0,0,0,.5);z-index:2;} .joinpagebox1{height:200vh;} #c-header .c-logo .c-img-box img{height:auto;} @media(max-width:991px){ .public-banner2 .textcontainer{top:35%;} .public-banner2 .textcontainer .cn1{text-align: center;} .public-banner2 .textcontainer .cn2{text-align: center;} .public-banner2 .textcontainer .cn15{text-align: center;margin:.65rem auto 0; justify-content: center;} .publicindextitle .pcn1 .pcn1a{display: none;} .publicindextitle .pcn1 .pcn1b{font-size:.48rem;} .footer .footer2 .container .left .cn1 a{display: block;} .problem-list .box-list .box0 .box1{padding:.4rem .3rem;} .tech3-box4.product3-box2 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn2{top: 0;transform: initial;} .tech3-box2:before{content:'';position: absolute;left: 0;bottom: 0;width:100%;height:100%;background-color: rgba(0,0,0,.5);z-index:3;} .tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90 .cn91{text-align: left;} .tech2-box1 .product3box2a .container .product3box2b .swiper-wrapper .swiper-slide .cn90{padding:.5rem 5%;} .service-box4 .container .right .cn9 .cn15{margin-top:.8rem;} .about5-box .container .box1 .box1a .cn2{margin:0 .1rem;} } @media(max-width:767px){ .index-about .index-about0 .aboutbox .container{padding:20vh 0 5vh;} } </style> <div id="c-header" class=""> <div class="container"> <em class="bgcolor"></em> <a class="c-logo" href="/" title="logo"> <div class="c-img-box"> <img onload="SVGInject(this)" src="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png" alt="Logo" > </div> </a> <div class="c-right-box"> <ul class="c-nav"> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='javascript:void(0);' >Technology</a> </div> <ul> <li> <a class="topullia font18" href='/innovation' >Innovation R&D</a> </li> <li> <a class="topullia font18" href='/smart-manufacturing' >Smart Manufacturing</a> </li> <li> <a class="topullia font18" href='/quality-control' >Quality Control</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/photovoltaic-modules' >Products</a> </div> <ul class="zproduct-xiala"> <li class="zproduct-xiala2"> <div class="zleft"> <a class="zcn1 on" href='/photovoltaic-modules' > <span><img src="/uploads/upload/images/20240805/4414fa187140d423a901f799d31f41ea.png" alt="Solar Module" loading="lazy"></span> <span class="font18 font-b">Solar Module</span> </a> <a class="zcn1 " href='/solar-cell' > <span><img src="/uploads/upload/images/20240805/0543eaf2f9f849b2528940f290ecc330.png" alt="Solar Cell" loading="lazy"></span> <span class="font18 font-b">Solar Cell</span> </a> </div> <div class="zright"> <div class="zrightbox1 on"> <div class="zrightbox2"> <p class="zcn2 font18 font-b">Solar Module</p> <a class="zcn3" href='/photovoltaic-modules' > Learn More <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/hydra-series/1' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Hydra Series" loading="lazy"> </p> <p class="text font16">Hydra Series</p> </a> <a class="zcn4" href='/sable-series/6' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Sable Series" loading="lazy"> </p> <p class="text font16">Sable Series</p> </a> <a class="zcn4" href='/nebula-series/4' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Nebula Series" loading="lazy"> </p> <p class="text font16">Nebula Series</p> </a> <a class="zcn4" href='/seco-series/3' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="Seco Series" loading="lazy"> </p> <p class="text font16">Seco Series</p> </a> </div> </div> <div class="zrightbox1 "> <div class="zrightbox2"> <p class="zcn2 font18 font-b">Solar Cell</p> <a class="zcn3" href='/solar-cell' > Learn More <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/solar-cell/5' > <p class="img"> <img src="/uploads/upload/images/20240715/3e62d478e027e760633774de34f5eb4d.png" alt="Monocrystalline Cell" loading="lazy"> </p> <p class="text font16">Monocrystalline Cell</p> </a> </div> </div> </div> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/projects' >Projects</a> </div> <ul> <li> <a class="topullia font18" href='/utility-projects' >Utility</a> </li> <li> <a class="topullia font18" href='/commercial-projects' >Commercial</a> </li> <li> <a class="topullia font18" href='/residential-projects' >Residential</a> </li> <li> <a class="topullia font18" href='/special-applications' >Special</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font18 font-b" href='/customer-service' >Service</a> </div> <ul> <li> <a class="topullia font18" href='/customer-service' >Customer Support</a> </li> <li> <a class="topullia font18" href='/downloads' >Download</a> </li> <li> <a class="topullia font18" href='/faq' >FAQ</a> </li> </ul> </li> <li class="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 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/20240716/88bd157c3013e9e0e07b541a05c2af40.jpg" alt="SHIFTING THE FUTURE" > <img class="mb-img" src="/uploads/upload/images/20240716/88bd157c3013e9e0e07b541a05c2af40.jpg" alt="SHIFTING THE FUTURE" > </p> <div class="container textcontainer"> <h2 class="cn1 wow fadeInUp font44 font-b">SHIFTING THE FUTURE</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="/about-seraphim" class="font-b font16 pcn1 wow fadeInUp" title="About Seraphim">About Seraphim</a><span class="pcn2 wow fadeInUp"> <img src="/static/cms/images/arrow.svg" alt="" onload="SVGInject(this)"> </span> <a href="/corporate-responsibility" class="font-b font16 pcn1 wow fadeInUp" title="CSR">CSR</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">CSR</a> <a href="javascript:;" class="font16 font-b cn1">Sustainable Development</a> <a href="javascript:;" class="font16 font-b cn1">Recognitions</a> </div> </div> </div> <div class="respon-box1" id="serverid0"> <div class="csr-list1"> <div class="container"> <h2 class="cn1 font36 font-b wow fadeInUp">CSR</h2> <p class="public-btn cn15"> <a class="public-btn0" href='/csr' > <span class="font16 font-b">Learn More</span> </a> </p> </div> </div> <div class="csr-list3"> <div class="index-news"> <div class="container"> <div class="cn2"> <div class="item cn2box wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240920/5bb9cbbf5b192a946cba5675db0d37f9.jpg" alt="ESG Report 2022" loading="lazy"> </p> <h3 class="cn3 font20 font-b textflow">ESG Report 2022</h3> <p class="cn4 font16 textflow2"></p> <div class="cn5"> <a class="cn6" href="/uploads/upload/files/20240902/3307e0d968f88d4083b96cf3644b3071.pdf" target="_blank"> <p class="cn7 font16"> Read <img src="/static/cms/images/wimg8.svg" alt="" onload="SVGInject(this)"> </p> </a> </div> <p class="bgimg"><img src="/static/cms/images/wimg9.png" alt=""></p> </div> </div> </div> </div> </div> </div> <div class="respon-box2" id="serverid1"> <div class="container"> <h2 class="cn1 font36 font-b wow fadeInUp">Sustainable Development</h2> <h3 class="cn2 font18 wow fadeInUp">Adhering to the vision of "Shifting the future into a better world," we support philanthropic causes with our own advantages, integrating environmental protection, humanitarian care, and economic benefits organically. By advocating the ESG concept, we lead the energy revolution across the entire industry chain, building Seraphim's green ecosystem in the solar sector and jointly creating a broader "zero-carbon" future.</h3> <div class="box"> <div class="box2" data-image="/uploads/upload/images/20240815/f73f0b57f113c249749ba25ae2079ba4.jpg" style="background-image: url(/uploads/upload/images/20240815/f73f0b57f113c249749ba25ae2079ba4.jpg);"> <div class="box3"> <p class="cn3 font20 font-b">Strategic Development</p> <p class="cn4 font16">Adhere to the promotion of sustainable development through scientific and technological innovation.</p> </div> </div> <div class="box2" data-image="/uploads/upload/images/20240812/9481a510983bf59b6d98d4b175106703.jpg" style="background-image: url(/uploads/upload/images/20240812/9481a510983bf59b6d98d4b175106703.jpg);"> <div class="box3"> <p class="cn3 font20 font-b">Environmental Management</p> <p class="cn4 font16">Firmly adhere to the carbon peaking and carbon neutrality goals and reduce the carbon footprint in the entire project process.</p> </div> </div> <div class="box2" data-image="/uploads/upload/images/20240719/0787af2ab660c9285095906ba23236a4.jpg" style="background-image: url(/uploads/upload/images/20240719/0787af2ab660c9285095906ba23236a4.jpg);"> <div class="box3"> <p class="cn3 font20 font-b">Talent-oriented Management</p> <p class="cn4 font16">Pay attention to talents and aim to build a core team with <br/>international vision and responsibility.</p> </div> </div> <div class="box2" data-image="/uploads/upload/images/20240815/abe36018749baf4c3da2223b68fde955.jpg" style="background-image: url(/uploads/upload/images/20240815/abe36018749baf4c3da2223b68fde955.jpg);"> <div class="box3"> <p class="cn3 font20 font-b">Sustainable Supply Chain</p> <p class="cn4 font16">Standardize partners and work together to promote sustainable development.</p> </div> </div> <div class="box2" data-image="/uploads/upload/images/20240719/c54914814ddf497ec0f3d72ef4ff6308.jpg" style="background-image: url(/uploads/upload/images/20240719/c54914814ddf497ec0f3d72ef4ff6308.jpg);"> <div class="box3"> <p class="cn3 font20 font-b">Social Responsibilities</p> <p class="cn4 font16">The progress of enterprises is intricately linked with that of society. We proactively shoulder our social responsibilities and contribute positively to the community.</p> </div> </div> <div class="bgimg"> <img src="/uploads/upload/images/20240815/f73f0b57f113c249749ba25ae2079ba4.jpg" alt="Strategic Development" loading="lazy"> <img src="/uploads/upload/images/20240812/9481a510983bf59b6d98d4b175106703.jpg" alt="Environmental Management" loading="lazy"> <img src="/uploads/upload/images/20240719/0787af2ab660c9285095906ba23236a4.jpg" alt="Talent-oriented Management" loading="lazy"> <img src="/uploads/upload/images/20240815/abe36018749baf4c3da2223b68fde955.jpg" alt="Sustainable Supply Chain" loading="lazy"> <img src="/uploads/upload/images/20240719/c54914814ddf497ec0f3d72ef4ff6308.jpg" alt="Social Responsibilities" loading="lazy"> </div> </div> </div> </div> <div class="respon-box2 respon-box2a"> <p class="bgimg2"> <img src="/uploads/upload/images/20240716/bea7606185b2bd2e752f962919ce22f1.jpg" alt="Sustainable Development" loading="lazy"> </p> </div> <div class="respon-box3" id="serverid2"> <div class="container"> <div class="box1"> <h2 class="cn1 font36 font-b wow fadeInUp">Recognitions</h2> <div class="box1a wow fadeInUp"> <a href="javascript:;" class="cn2 font16 font-b on" data-id="26"> All </a> </div> </div> <div class="box2 wow fadeInUp"> <div class="left"> <div class="leftbox on" id="listOne"> <a href="javascript:;" class="leftbox2 on"> <p class="cn3 font20 font-b tetflow">UN Global Compact</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">EcoVadis Silver Medal in CSR Rating</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">PV CYCLE</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">Leading Brand of Carbon Neutral Green Impact 2023</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">ESG New Benchmark Enterprise Award 2023</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">Xinhua Credit Golden Orchid Cup Outstanding Case of Peaking Carbon Dioxide Emissions and Achieving Carbon Neutrality</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">Caring Public Welfare Partner of IHearU Charity Fund</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">Vice President Unit of Jinzhai Charity Association</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> <a href="javascript:;" class="leftbox2 "> <p class="cn3 font20 font-b tetflow">Excellent Member Unit for Public Welfare Activities</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""> </p> </a> </div> </div> <div class="right"> <div class="rightbox"> <div class="swiper-wrapper" id="listTwo"> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240814/8781e265c7c9aca21d0de3246981d44b.png" alt="UN Global Compact" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">UN Global Compact</p> <p class="cn6 textflow3 font16">Seraphim announced that it has officially joined the UN Global Compact, and will work with like-minded leading enterprises in various industries around the world to jointly promote the global sustainable development and create a beautiful new world that meets human aspirations.</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240913/0f4ab3df42d46b91560388d4dd8bc602.jpg" alt="EcoVadis Silver Medal in CSR Rating" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">EcoVadis Silver Medal in CSR Rating</p> <p class="cn6 textflow3 font16">In December 2023, Seraphim was awarded another silver medal in the EcoVadis corporate social responsibility (CSR) rating, and will continue to make positive contributions to promoting energy reform, sustainable energy development, and creating a more beautiful social environment.</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240814/ac90dbde9a03e58c0fc2c0fa2140cbaf.png" alt="PV CYCLE" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">PV CYCLE</p> <p class="cn6 textflow3 font16">In May 2018, Seraphim joined the international environmental association PV CYCLE, participating in the voluntary recycling and reuse program implemented in the photovoltaic industry. Taking responsibility for all stages of the value chain of photovoltaic modules has enhanced the professionalism of the group in product recycling and reuse, thereby contributing to sustainable development.</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240813/4fe73031943fa2e0893b6b0f406f7a04.png" alt="Leading Brand of Carbon Neutral Green Impact 2023" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">Leading Brand of Carbon Neutral Green Impact 2023</p> <p class="cn6 textflow3 font16">In September 2023, Seraphim was awarded the 'Leading Brand of Carbon Neutral Green Impact 2023' by China Energy News and the China Energy Economy Research Institute. This award, guided by the 'Dual Carbon' goals, highlights the company's significant contribution to providing clean energy support for economic and social development."</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240814/80ab39f0fd2d08274f1731ba8963401d.jpg" alt="ESG New Benchmark Enterprise Award 2023" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">ESG New Benchmark Enterprise Award 2023</p> <p class="cn6 textflow3 font16">In January 2024, Seraphim was selected for the 'ESG New Benchmark Enterprise Award 2023'. The company views high-quality products as the foundation of its existence, upholds the concept of a shared human future, and is committed to building a clean and beautiful world while advancing steadfastly in sustainable development.</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240814/11c1d21d60b08c348e4bfa6162f667c6.png" alt="Xinhua Credit Golden Orchid Cup Outstanding Case of Peaking Carbon Dioxide Emissions and Achieving Carbon Neutrality" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">Xinhua Credit Golden Orchid Cup Outstanding Case of Peaking Carbon Dioxide Emissions and Achieving Carbon Neutrality</p> <p class="cn6 textflow3 font16">In January 2023, Seraphim's case study 'Achieving Carbon Peak and Carbon Neutrality Goals: Seraphim Utilizes Innovation to Propel Global Energy' was successfully selected as a 'Xinhua Credit Golden Orchid Cup Outstanding Case of Peaking Carbon Dioxide Emissions and Achieving Carbon Neutrality'.</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240814/a29a5865b2014f20021c2daca2d492e6.png" alt="Caring Public Welfare Partner of IHearU Charity Fund" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">Caring Public Welfare Partner of IHearU Charity Fund</p> <p class="cn6 textflow3 font16">In April 2023, Seraphim integrated the concept of public welfare into its corporate culture. While continuously improving product quality and service standards, the company practiced corporate social responsibility. For its outstanding performance and dedication to the IHearU Charity Fund, Seraphim was awarded the title of 'Caring Public Welfare Partner'.</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240814/a4d6019ef4a30a409efcccf63ac2a65e.png" alt="Vice President Unit of Jinzhai Charity Association" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">Vice President Unit of Jinzhai Charity Association</p> <p class="cn6 textflow3 font16">In December 2021, while growing and expanding, Seraphim did not forget its social responsibilities. The company committed itself to contributing to and advancing sustainable social development as an inherent duty. It was honored with the position of Vice President Unit of Jinzhai Charity Association.</p> </div> <div class="swiper-slide"> <p class="img public-img"> <img src="/uploads/upload/images/20240814/875bb5ccee182552b29332079a133c21.png" alt="Excellent Member Unit for Public Welfare Activities" loading="lazy"> </p> <p class="cn5 textflow font20 font-b">Excellent Member Unit for Public Welfare Activities</p> <p class="cn6 textflow3 font16">In December 2020, the 2020 Annual Conference and Photovoltaic New Energy Development Forum of the Hebei Photovoltaic New Energy Chamber of Commerce was grandly held in Shijiazhuang, Hebei. Seraphim was honored with 'Excellent Member Unit for Public Welfare Activities'.</p> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> </div> <div class="respon-box4"> <div class="container"> <h2 class="cn0 font36 font-b wow fadeInUp">Public Welfare</h2> </div> <div class="news-list3"> <div class="index-news"> <div class="container"> <div class="cn2"> <a class="item cn2box wow fadeInUp" href='/news/5' > <p class="img public-img"> <img src="/uploads/upload/images/20240814/47ce4fa3c59fd4bbfbfe96a2e9c47de6.png" alt="International Children's Day, Seraphim Brought Love and Gifts to Lovely Children" loading="lazy"> </p> <p class="cn1 font16 font-b"> <img src="/static/cms/images/wimg3.svg" alt=""> 2024-05-31 </p> <h3 class="cn3 font20 font-b textflow2">International Children's Day, Seraphim Brought Love and Gifts to Lovely Children</h3> <p class="cn4 font16 textflow3">At International Children's Day, we celebrate the joy, potential, and bright futures of children around the world!</p> <div class="cn5"> <div class="cn6"> <p class="cn7 font16">Learn More</p> </div> <p class="cn8"></p> </div> </a> <a class="item cn2box wow fadeInUp" href='/news/2' > <p class="img public-img"> <img src="/uploads/upload/images/20240814/0445df7b6d4ebd4351d51ffbed89c262.png" alt="World Autism Awareness Day, Seraphim Extended Heartfelt Care to Special Students" loading="lazy"> </p> <p class="cn1 font16 font-b"> <img src="/static/cms/images/wimg3.svg" alt=""> 2024-04-02 </p> <h3 class="cn3 font20 font-b textflow2">World Autism Awareness Day, Seraphim Extended Heartfelt Care to Special Students</h3> <p class="cn4 font16 textflow3">As the world shined a light on World Autism Awareness Day on April 2nd, Seraphim once again stood alongside the mission.</p> <div class="cn5"> <div class="cn6"> <p class="cn7 font16">Learn More</p> </div> <p class="cn8"></p> </div> </a> <a class="item cn2box wow fadeInUp" href='/news/new20231230' > <p class="img public-img"> <img src="/uploads/upload/images/20240820/8d798cece93fbef5340bd8a83276386d.jpg" alt="Send Advanced and Warmest New Year's Regards to Autistic Children" loading="lazy"> </p> <p class="cn1 font16 font-b"> <img src="/static/cms/images/wimg3.svg" alt=""> 2023-12-30 </p> <h3 class="cn3 font20 font-b textflow2">Send Advanced and Warmest New Year's Regards to Autistic Children</h3> <p class="cn4 font16 textflow3">On the last working day of 2023, we send our advanced and warmest New Year's regards to these unique kids.</p> <div class="cn5"> <div class="cn6"> <p class="cn7 font16">Learn More</p> </div> <p class="cn8"></p> </div> </a> </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 = "23";//栏目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 () { // 赛拉弗与可持续发展 $(".respon-box2 .container .box .bgimg img").eq(0).addClass("on") $(".respon-box2 .container .box .box2").hover(function () { // let thisdataimage = $(this).data("image") // $(".respon-box2 .container .box .bgimg img").attr("src", thisdataimage) let thisindex =$(this).index() $(".respon-box2 .container .box .bgimg img").eq(thisindex).addClass("on") $(".respon-box2 .container .box .bgimg img").eq(thisindex).siblings().removeClass("on") }) if ($(".respon-box3 .container .box2 .right .rightbox").length > 0) { var swipername = new Swiper(".respon-box3 .container .box2 .right .rightbox", { slidesPerView: 1, speed: 800, effect: 'fade', pagination: { el: '.swiper-pagination', clickable: true, }, fadeEffect: { crossFade: true, }, observer: true, observeParents: true, simulateTouch: false, spaceBetween: 15, }); $(document).on("click", ".respon-box3 .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 _htmlOne = '', _htmlTwo = ''; $.each(result.data, function (i, v) { _htmlOne += `<a href="javascript:;" class="leftbox2 ${i === 0 ? 'on' : ''}"> <p class="cn3 font20 font-b tetflow">${v.title}</p> <p class="cn4"><img src="/static/cms/images/wimg13.svg" alt=""></p> </a>`; _htmlTwo += `<div class="swiper-slide"> <p class="img public-img"> <img src="${v.image}"> </p> <p class="cn5 textflow font20 font-b">${v.title}</p> <p class="cn6 textflow2 font16">${v.text}</p> </div>`; }); console.log(_htmlOne); $('#listOne').html(_htmlOne); $('#listTwo').html(_htmlTwo); }); }) $(document).on("click", ".respon-box3 .container .box2 .left .leftbox .leftbox2", function () { let thisparentindex = $(this).parents(".leftbox").index() let thisindex = $(this).index() swipername.slideTo(thisindex, 1000, false); $(this).addClass("on").siblings().removeClass("on") }) } }); </script> <script type="text/javascript" charset="utf-8"> Jie.requestPost('/site/flow', '', function () { return true; }); </script> </body> </html>