CINXE.COM
创新研发
<!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="3e220940154d7b37be0aa534bd4c1110"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> <title>创新研发</title> <meta name="keywords" content="赛拉弗能源"/> <meta name="description" content="赛拉弗能源"/> <meta property="og:site_name" content="赛拉弗能源"/> <meta property="og:title" content="创新研发"/> <meta property="og:description" content="赛拉弗能源"/> <meta property="og:image" content="/uploads/upload/images/20240712/ec31ebe0634cb9d115ff5eff60eb447a.svg"/> <meta property="og:url" content="https://www.seraphim-energy.cn/research-innovation"/> <link rel="shortcut icon" href="/uploads/upload/images/20240712/1008194efa2536cd35f2095f8e392649.ico"> <link type="text/css" rel="stylesheet" href="/static/lib/layui-v2.8/layui/css/layui.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/extend.css"> <link rel="stylesheet" type="text/css" href="/static/cms/css/style.css"> <script src="/static/cms/js/svg-inject.min.js" type="text/javascript"></script> </head> <body> <style> #c-header .c-nav .zproduct-xiala .zproduct-xiala2 .zright .zrightbox1 .zrightbox3 .zcn4:nth-child(3n){margin-right:.3rem;} @media (max-width:991px){ #c-header .c-gn{margin-left:0;} } .public-banner7 .swiper-wrapper2{ height: 100vh; display: flex; align-items: center; } .public-banner7 .swiper-wrapper2 .swiper-slide2{width: 100%;padding:0;} .product3-box2 .container .line{display:none;} .projectinfolist .box .text .line{display: block;} .about5-box .container .about5boxswiper .swiper-slide .img::before{padding-top:75%;} .about6-box .container .right .rightbox .rightbox2 .cn1 .cn2{ transform: translateX(-.3rem); width: calc(100% + .3rem); } .about1-box{background-color: #f1f2f4;} .about6-box{margin-top:-1px;padding:2.8rem 0 1.2rem;} .yanzhengform{display: flex;} .yanzhenginput .layui-form-checkbox{ height: .3rem;line-height: .3rem;margin-right: .1rem;padding-right: .3rem;padding-left:0;} .yanzhenginput .layui-form-checkbox i{color: #d2d2d2;font-size: .2rem;} .yanzhenginput .layui-form-checkbox i{width:.3rem; line-height: .3rem; border: 1px solid #d2d2d2;height: .28rem;background-color:transparent;} .yanzhenginput .layui-form-checkbox:hover>i{color: #d70000;} .yanzhenginput .layui-form-checked i,.yanzhenginput .layui-form-checked:hover i{color: #d70000;} .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;} @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/20240712/ec31ebe0634cb9d115ff5eff60eb447a.svg" alt="Logo" > </div> </a> <div class="c-right-box"> <ul class="c-nav"> <li class="on"> <div class="c-title-box"> <a class="cn1 font16 font-b" href='javascript:void(0);' >技术</a> </div> <ul> <li> <a class="topullia" href='/research-innovation' >创新研发</a> </li> <li> <a class="topullia" href='/intelligent-manufacturing' >智能制造</a> </li> <li> <a class="topullia" href='/quality-control' >质量控制</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font16 font-b" href='/photovoltaic-modules' >产品</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="光伏组件" loading="lazy"></span> <span class="font18 font-b">光伏组件</span> </a> <a class="zcn1 " href='/battery-cells' > <span><img src="/uploads/upload/images/20240805/0543eaf2f9f849b2528940f290ecc330.png" alt="电池片" loading="lazy"></span> <span class="font18 font-b">电池片</span> </a> </div> <div class="zright"> <div class="zrightbox1 on"> <div class="zrightbox2"> <p class="zcn2 font18 font-b">光伏组件</p> <a class="zcn3" href='/photovoltaic-modules' > 了解详情 <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/haizhuoxiliePov/1' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="海卓系列" loading="lazy"> </p> <p class="text font16">海卓系列</p> </a> <a class="zcn4" href='/saiboxilie3sJ/6' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="赛博系列" loading="lazy"> </p> <p class="text font16">赛博系列</p> </a> <a class="zcn4" href='/xingyunxilie/4' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="星云系列" loading="lazy"> </p> <p class="text font16">星云系列</p> </a> <a class="zcn4" href='/saikexilie/3' > <p class="img"> <img src="/uploads/upload/images/20240801/f63e7fcc29a939490c20b477d2759133.png" alt="赛科系列" loading="lazy"> </p> <p class="text font16">赛科系列</p> </a> </div> </div> <div class="zrightbox1 "> <div class="zrightbox2"> <p class="zcn2 font18 font-b">电池片</p> <a class="zcn3" href='/battery-cells' > 了解详情 <img src="/static/cms/images/arrow3.svg" alt="" onload="SVGInject(this)"> </a> </div> <div class="zrightbox3"> <a class="zcn4" href='/battery-cells/5' > <p class="img"> <img src="/uploads/upload/images/20240715/3e62d478e027e760633774de34f5eb4d.png" alt="单晶电池" loading="lazy"> </p> <p class="text font16">单晶电池</p> </a> </div> </div> </div> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font16 font-b" href='/project' >项目</a> </div> <ul> <li> <a class="topullia" href='/ground-power-station' >地面电站</a> </li> <li> <a class="topullia" href='/industrial-commercial-roofs' >工商业屋顶</a> </li> <li> <a class="topullia" href='/household-roof' >户用屋顶</a> </li> <li> <a class="topullia" href='/special-applications' >特殊应用</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font16 font-b" href='/customer-service' >服务</a> </div> <ul> <li> <a class="topullia" href='/customer-service' >客服服务</a> </li> <li> <a class="topullia" href='/download-center' >下载中心</a> </li> <li> <a class="topullia" href='/faq' >常见问题</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a class="cn1 font16 font-b" href='/about-us' >关于我们</a> </div> <ul> <li> <a class="topullia" href='/about-us' >关于我们</a> </li> <li> <a class="topullia" href='/corporate-responsibility' >企业责任</a> </li> <li> <a class="topullia" href='/news' >新闻资讯</a> </li> <li> <a class="topullia" href='/contact-us' >联系我们</a> </li> <li> <a class="topullia" href='/join-us' >加入我们</a> </li> </ul> </li> </ul> <ul class="c-nav2"> <li class="on"> <div class="c-title-box"> <a href='javascript:void(0);' >技术</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/research-innovation' title="创新研发">创新研发</a> </li> <li> <a href='/intelligent-manufacturing' title="智能制造">智能制造</a> </li> <li> <a href='/quality-control' title="质量控制">质量控制</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/photovoltaic-modules' >产品</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/photovoltaic-modules' title="光伏组件">光伏组件</a> </li> <li> <a href='/battery-cells' title="电池片">电池片</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/project' >项目</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/ground-power-station' title="地面电站">地面电站</a> </li> <li> <a href='/industrial-commercial-roofs' title="工商业屋顶">工商业屋顶</a> </li> <li> <a href='/household-roof' title="户用屋顶">户用屋顶</a> </li> <li> <a href='/special-applications' title="特殊应用">特殊应用</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/customer-service' >服务</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/customer-service' title="客服服务">客服服务</a> </li> <li> <a href='/download-center' title="下载中心">下载中心</a> </li> <li> <a href='/faq' title="常见问题">常见问题</a> </li> </ul> </li> <li class=""> <div class="c-title-box"> <a href='/about-us' >关于我们</a> <img src="/static/cms/images/ico-arrow.svg" alt="" onload="SVGInject(this)"> </div> <ul> <li> <a href='/about-us' title="关于我们">关于我们</a> </li> <li> <a href='/corporate-responsibility' title="企业责任">企业责任</a> </li> <li> <a href='/news' title="新闻资讯">新闻资讯</a> </li> <li> <a href='/contact-us' title="联系我们">联系我们</a> </li> <li> <a href='/join-us' title="加入我们">加入我们</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">简体中文</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">简体中文</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="请输入关键词" 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">热搜：</p> <a href="/search?keyword=海卓系列" class="cn3 font16">海卓系列</a> <span class="cn4"></span> <a href="/search?keyword=赛博系列" class="cn3 font16">赛博系列</a> <span class="cn4"></span> <a href="/search?keyword=星云系列" class="cn3 font16">星云系列</a> <span class="cn4"></span> <a href="/search?keyword=赛科系列" class="cn3 font16">赛科系列</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 on" href="/"> <span class="font16 font-b">简体中文</span> </a> </p> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.com/"> <span class="font16 font-b">英文</span> </a> </p> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.es/"> <span class="font16 font-b">西班牙语</span> </a> </p> <p class="public-btn"> <a class="public-btn0 " href="https://www.seraphim-energy.jp"> <span class="font16 font-b">日语</span> </a> </p> </div> </div> <div href="javascript:;" class="hi-close"></div> </div> <link rel="stylesheet" href="/static/cms/css/liMarquee.css"> <div class="main"> <div class="public-banner"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="img public-img"> <img class="pc-img" src="/uploads/upload/images/20240731/ddedbc88bbbe65483fb58d345ef0dbae.jpg" alt="创变之力，迭代更新" > <img class="mb-img" src="/uploads/upload/images/20240715/b6ccddba442819cd8d084b123b7e7fba.jpg" alt="创变之力，迭代更新" > </p> <div class="container textcontainer"> <h2 class="cn1 wow fadeInUp font44 font-b">创变之力，迭代更新</h2> </div> </div> </div> <div class="container containerpublic"> <div class="public-nav"> <a class="font-b font16 pcn1 wow fadeInUp" href='/' > 首页 </a> <span class="pcn2 wow fadeInUp"> <img src="/static/cms/images/arrow.svg" alt="" onload="SVGInject(this)"> </span> <a href="javascript:void(0);" class="font-b font16 pcn1 wow fadeInUp" title="技术">技术</a><span class="pcn2 wow fadeInUp"> <img src="/static/cms/images/arrow.svg" alt="" onload="SVGInject(this)"> </span> <a href="/research-innovation" class="font-b font16 pcn1 wow fadeInUp" title="创新研发">创新研发</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">技术路线</a> <a href="javascript:;" class="font16 font-b cn1">技术亮点</a> <a href="javascript:;" class="font16 font-b cn1">研发中心</a> </div> </div> </div> <div class="tech3-box1" id="serverid0"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">技术路线</h2> <div class="box"> <div class="box2"> <div class="tech1box1swiper wow fadeInUp"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>25 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>24 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>23 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>22 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>21 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>20 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>19 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>18 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>17 </p> </div> <div class="swiper-slide"> <p class="cn2 fontnum"> <span>20</span>16 </p> </div> </div> <p class="cn3 fontnum">20</p> <div class="yuan"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 420 420"> <circle class="x-ba2" ref="progressbar" cx="210" cy="210" r="209" stroke="#d70000" stroke-width="1" fill="none" stroke-linecap="round"></circle> </svg> </div> </div> </div> <div class="box3"> <div class="tech1box1swiper2 wow fadeInUp"> <div class="swiper-wrapper"> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">全面屏组件的研发和量产</li> <li class="cn4 font20 font-b">大尺寸轻质组件的研发和量产</li> <li class="cn4 font20 font-b">0BB电池组件研发和量产</li> <li class="cn4 font20 font-b">XBC电池组件研发和量产</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">Topcon 182.2*183.75 电池组件研发和量产</li> <li class="cn4 font20 font-b">Topcon 182*210矩形电池组件研发和量产</li> <li class="cn4 font20 font-b">Topcon 210*210、 HJT 210*210 电池组件研发和量产</li> <li class="cn4 font20 font-b">防尘边框组件研发和量产</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">182电池片组件78版型研发和量产</li> <li class="cn4 font20 font-b">TOPCon 182*188矩形电池组件研发和量产</li> <li class="cn4 font20 font-b">防眩光半片组件研发和量产</li> <li class="cn4 font20 font-b">TOPCon 182&210矩形电池组件研发和量产</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">高强度聚氨酯边框组件研发和量产</li> <li class="cn4 font20 font-b">新型轻型双玻组件研发和量产</li> <li class="cn4 font20 font-b">182、210电池片轻质应用型组件研发和量产</li> <li class="cn4 font20 font-b">182电池片N型TOPCon组件研发和量产</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">182电池片半片组件研发和量产</li> <li class="cn4 font20 font-b">210电池片半片组件研发和量产</li> <li class="cn4 font20 font-b">新型封装胶膜组件研发和量产</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">158.75电池片叠瓦组件研发和量产</li> <li class="cn4 font20 font-b">166电池片多主栅半片组件研发和量产</li> <li class="cn4 font20 font-b">HJT半片组件研发和量产</li> <li class="cn4 font20 font-b">HJT叠瓦组件研发和量产</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">大尺寸电池片应用，可结合半片组件技术</li> <li class="cn4 font20 font-b">P型双面双玻组件量产</li> <li class="cn4 font20 font-b">158.75电池片P型双面组件研发和量产</li> <li class="cn4 font20 font-b">PERC半片单晶双面双玻组件量产</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">新型高效组件问世，结合叠瓦、半片技术叠加PERC单晶电池</li> <li class="cn4 font20 font-b">Mini高效单晶叠瓦组件问世</li> <li class="cn4 font20 font-b">发布P型PERC双面双玻组件</li> <li class="cn4 font20 font-b">推出智能优化及关断组件，并可叠加半片、双面技术</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">1500V组件上市</li> <li class="cn4 font20 font-b">高效反光焊带及EVA应用</li> <li class="cn4 font20 font-b">半片技术，实现2%的输出功率增益</li> <li class="cn4 font20 font-b">5BB电池应用(并与标准或半片组件相结合)</li> </ul> </div> <div class="swiper-slide"> <ul class="box3a"> <li class="cn4 font20 font-b">高效单晶叠瓦组件问世，组件效率高达18.23%</li> <li class="cn4 font20 font-b">发布双玻组件</li> <li class="cn4 font20 font-b">发布单晶叠瓦320W组件，应用了18.81%高效PERC电池片技术</li> <li class="cn4 font20 font-b">发布直流优化器组件，应用Solaredge和Tigo小型并网系统（3kW-6kW）</li> </ul> </div> </div> </div> </div> </div> <div class="box4"> <div class="box5 wow fadeInUp"> <h2 class="cn5 font18 font-b">时间年份：</h2> <ul class="cn6"> <li class="cn7 font18 font-b on">2025</li> <li class="cn7 font18 font-b ">2024</li> <li class="cn7 font18 font-b ">2023</li> <li class="cn7 font18 font-b ">2022</li> <li class="cn7 font18 font-b ">2021</li> <li class="cn7 font18 font-b ">2020</li> <li class="cn7 font18 font-b ">2019</li> <li class="cn7 font18 font-b ">2018</li> <li class="cn7 font18 font-b ">2017</li> <li class="cn7 font18 font-b ">2016</li> </ul> </div> <div class="box6 wow fadeInUp"> <div class="tech1box1prev"> <img src="/static/cms/images/wimg84.svg" alt="" onload="SVGInject(this)"> </div> <div class="tech1box1next"> <img src="/static/cms/images/wimg84.svg" alt="" onload="SVGInject(this)"> </div> </div> </div> </div> </div> <div class="tech3-box2" id="serverid1"> <p class="bgimg public-img"> <img src="/uploads/upload/images/20240716/85a7df46e447399a7bfff118b02d7584.jpg" alt="技术专利" loading="lazy"> </p> <div class="container"> <div class="publicindextitle"> <p class="pcn1 wow fadeInUp"> <span class="pcn1a"> <em class="pcn1a1"></em> <em class="pcn1a2"></em> </span> <span class="pcn1b font20 font-b">技术亮点</span> </p> <p class="pcn2 font26 font-b wow fadeInUp">赛拉弗依托技术创新，持续增强研发实力，不断加大<br/>投资力度，通过实验室升级、人才引进和合作研发等措施，<br/>提高产品转化效率，伫立行业前沿。</p> </div> <ul class="cn1"> <li class="cn2 font20 font-b on" data-images="/uploads/upload/images/20240716/85a7df46e447399a7bfff118b02d7584.jpg"><span class="font40">100+</span> 技术专利</li> <li class="cn2 font20 font-b " data-images="/uploads/upload/images/20240731/48643cb6aaa81ab96011c00e04ceadaf.jpg"><span class="font40">23.18%</span> 高转化率</li> <li class="cn2 font20 font-b " data-images="/uploads/upload/images/20240731/e512cbd6aba112bb0daae18280744529.jpg"><span class="font40">7+</span> 权威实验室</li> </ul> </div> </div> <div class="tech3-box5"> <div class="str4 str_wrap"> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/f02d191c7fcf0854f2517984ae2897d7.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/1802861b9613f7b6ef66f5e772071090.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/3212d0e11047540d9eacdcb78dcc9fe9.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/86c9f09ce78520b58c5e9b1d0b3cffbc.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/5f9c515728d94010a268bf2c3355f71b.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/79c9d2d26212cc3a6a24433f5e222a9c.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/9e6ebf475a0b48344771bccd851957f7.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/9e6ebf475a0b48344771bccd851957f7.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/79c9d2d26212cc3a6a24433f5e222a9c.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/5f9c515728d94010a268bf2c3355f71b.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/86c9f09ce78520b58c5e9b1d0b3cffbc.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/3212d0e11047540d9eacdcb78dcc9fe9.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/1802861b9613f7b6ef66f5e772071090.png" alt="第三方权威机构认证" loading="lazy"> </a> <a href="javascript:;"> <img src="/uploads/upload/images/20240716/f02d191c7fcf0854f2517984ae2897d7.png" alt="第三方权威机构认证" loading="lazy"> </a> </div> </div> <div class="tech3-box3" id="serverid2"> <div class="container"> <div class="left"> <div class="publicindextitle"> <p class="pcn1 wow fadeInUp"> <span class="pcn1a"> <em class="pcn1a1"></em> <em class="pcn1a2"></em> </span> <span class="pcn1b font20 font-b">研发中心</span> </p> <p class="cn1 font32 font-b wow fadeInUp">多家机构认证光伏产品研发中心</p> <p class="cn2 line wow fadeInUp"></p> <p class="cn3 font16 wow fadeInUp">赛拉弗于2013年在常州设立高度专业化的研发和测试实验室，用于公司新品研发、材料测试、常规组件功率拓展、客户需求定制化试验、定期抽检等工作，为产品研发及质保提供技术支撑。实验室占地722平方米，配备有德国进口的电气性能测试仪、步入式气候模拟试验箱等主要仪器设备20余套，拥有完备的晶硅光伏组件研发和检测能力。<br/><br/><br/>实验室目前已获得全球知名认证机构CSA、TÜV Rheinland和DEKRA颁发的目击认证实验室证书、CNAS认证实验室资格，国检集团颁发的CTC实验室资质；与此同时，还获得了TUV SÜD的CTF实验室资质和CGC认证的实验室资质，使赛拉弗可以在严格的可靠性控制程序下，缩短产品认证时间，加快新品上市速度。</p> </div> </div> <div class="right"> <p class="img public-img wow fadeInUp"> <img src="/uploads/upload/images/20240731/f84ee2f79c887ff56fb1fb8c8bf0ee3e.jpg" alt="研发中心" loading="lazy"> </p> </div> </div> </div> <div class="tech3-box4 product3-box2" id="serverid3"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">第三方权威机构认证</h2> </div> <div class="product3box2a"> <p class="img public-img"> <img class="pc-img" style="opacity:1;" src="/uploads/upload/images/20240820/53de7f27defdeda910bf20bc26e4481c.jpg" alt="第三方权威机构认证" loading="lazy"> <img class="mb-img" src="/uploads/upload/images/20241217/3ae5a48a44ce1a928bba11996daa7e73.jpg" alt="第三方权威机构认证" loading="lazy"> </p> <div class="container"> <div class="product3box2b"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/3214d65808f1842eba72d4fff00e290c.png" alt="加快新产品入市" loading="lazy"></span> 加快新产品入市 </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/53d78b05e96727466763371ea0f556f9.png" alt="节省认证成本和时间" loading="lazy"></span> 节省认证成本和时间 </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240724/9ebb2ed1a028bbb016786422c05e7c41.png" alt="降低研发成本" loading="lazy"></span> 降低研发成本 </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/36917347f388c739963957db86ac8167.png" alt="增加测试可靠性" loading="lazy"></span> 增加测试可靠性 </p> </div> <div class="swiper-slide"> <p class="cn2 font18 font-b" style="color:#fff;"> <span><img src="/uploads/upload/images/20240719/617e8c77063adb1c45e26c88ba0a27d5.png" alt="快速响应市场" loading="lazy"></span> 快速响应市场 </p> </div> </div> </div> <div class="publicbanner2page2 publicswiper-page"></div> </div> </div> </div> <div class="tech3-box6"> <div class="container"> <h3 class="cn1 font32 font-b wow fadeInUp">重要测试设备</h3> <div class="box"> <div class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/9619895917e79dad2e17170902f55258.jpg" alt="HALM电性能测试仪" loading="lazy"> </p> <div class="box3"> <p class="cn2 font20 font-b textflow">HALM电性能测试仪</p> <p class="cn3 font16 textflow3">H.A.L.M.公司是世界知名的光伏产品性能表征测试的设备公司。H.A.L.M.电性能测试仪装配世界先进的3A+级光源，通过复杂的功率调节系统，对闪光灯自由设定光脉冲；采用有源电子负载，允许在负电压甚至负电流区测试，保证了测量VOC和ISC的可靠性。同时，用户可以控制方向、速度、时间、测试点分布来得到特殊的电池片技术数据。</p> </div> </div> <div class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/3e4ecae29ab8633a902f1363ed223618.jpg" alt="德国步入式气候模拟试验箱" loading="lazy"> </p> <div class="box3"> <p class="cn2 font20 font-b textflow">德国步入式气候模拟试验箱</p> <p class="cn3 font16 textflow3">VOTSCH定制的气候模拟室也被嵌入到赛拉弗的自动生产线中。这些高精度的设备是在德国设计和制造的，使用环境友好的材料，可以提供详细的测试数据，如热循环测试，湿度冷冻测试，湿热测试等，以实现产品的进一步升级和可靠性的提高</p> </div> </div> <div class="box2 wow fadeInUp"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/995f33a1b3905657486a4d9ab716983c.jpg" alt="阿特拉斯光源" loading="lazy"> </p> <div class="box3"> <p class="cn2 font20 font-b textflow">阿特拉斯光源</p> <p class="cn3 font16 textflow3">光源设备来自Atlas，是IEC定标时所选用厂家。设备配备了特殊的2000W金属卤素灯，它提供高强度的UV-B和UV-A区段紫外波段的频谱。每个辐射灯具有精度的反射系统，能够提供均匀分布的辐射输出。</p> </div> </div> </div> </div> </div> <div class="tech3-box7 respon-box4 joinpagebox4 joinpagebox4v"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">实验室之旅</h2> <div class="news-list3"> <div class="index-news"> <div class="container"> <div class="cn2"> <div class="joinpagebox4a joinpagebox4v1"> <div class="swiper-wrapper"> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/33e7a508a546296700a57b5cece0a600.jpg" alt="紫外预处理" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">紫外预处理</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/7e91b8c295536900b3a734ff9473e755.jpg" alt="性能测试" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">性能测试</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/61aadd388655c7b8889293461517e665.jpg" alt="环境测试" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">环境测试</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/33e7a508a546296700a57b5cece0a600.jpg" alt="紫外预处理" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">紫外预处理</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/7e91b8c295536900b3a734ff9473e755.jpg" alt="性能测试" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">性能测试</h3> </a> </div> <div class="swiper-slide wow fadeInUp"> <a href="javascript:;" class="cn2box"> <p class="img public-img"> <img src="/uploads/upload/images/20240716/61aadd388655c7b8889293461517e665.jpg" alt="环境测试" loading="lazy"> </p> <h3 class="cn3 font18 font-b textflow">环境测试</h3> </a> </div> </div> <div class="publicbanner2page publicswiper-page"></div> </div> </div> </div> </div> </div> <div class="box12"> <div class="box10"> <div class="linepage"></div> <div class="swiper-scrollbar"></div> </div> <div class="box13"> <div class="swiperprev"> <img src="/static/cms/images/wimg34.svg" alt="" onload="SVGInject(this)"> </div> <div class="swipernext"> <img src="/static/cms/images/wimg34.svg" alt="" onload="SVGInject(this)"> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="footer1"> <div class="container"> <div class="box1"> <a class="logo"> <img src="/uploads/upload/images/20240712/ec31ebe0634cb9d115ff5eff60eb447a.svg" 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">第一时间获取<span>赛拉弗能源</span>最新资讯, 欢迎订阅。</p> <form action=""> <input type="text" placeholder="请输入您的电子邮箱" class="font16"> <button type="button" class="font16">提交</button> </form> <ul class="cn3"> <li class="cn4 font16">电话：+86-519-68788166</li> <li class="cn4 font16">邮箱：info@seraphim-energy.com</li> </ul> <div class="cn5"> <a class="cn6" href='javascript:void(0);' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20240712/b5ec82973d677485d27000c54bf5026e.svg" alt="微信" loading="lazy"> </div> <div class="cn8"> <p class="cn9"> <img src="/uploads/upload/images/20240712/2cf18eefab120c499a441fc1b3b20944.png" alt="微信" loading="lazy"> </p> </div> </a> <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="in" 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="技术" href='javascript:void(0);' >技术</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="创新研发" href='/research-innovation' >创新研发</a> </li> <li class="cn12"> <a class="cn13 font16" title="智能制造" href='/intelligent-manufacturing' >智能制造</a> </li> <li class="cn12"> <a class="cn13 font16" title="质量控制" href='/quality-control' >质量控制</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="产品" href='/photovoltaic-modules' >产品</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="光伏组件" href='/photovoltaic-modules' >光伏组件</a> </li> <li class="cn12"> <a class="cn13 font16" title="电池片" href='/battery-cells' >电池片</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="项目" href='/project' >项目</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="地面电站" href='/ground-power-station' >地面电站</a> </li> <li class="cn12"> <a class="cn13 font16" title="工商业屋顶" href='/industrial-commercial-roofs' >工商业屋顶</a> </li> <li class="cn12"> <a class="cn13 font16" title="户用屋顶" href='/household-roof' >户用屋顶</a> </li> <li class="cn12"> <a class="cn13 font16" title="特殊应用" href='/special-applications' >特殊应用</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="服务" href='/customer-service' >服务</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="客服服务" href='/customer-service' >客服服务</a> </li> <li class="cn12"> <a class="cn13 font16" title="下载中心" href='/download-center' >下载中心</a> </li> <li class="cn12"> <a class="cn13 font16" title="常见问题" href='/faq' >常见问题</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="关于我们" href='/about-us' >关于我们</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="关于我们" href='/about-us' >关于我们</a> </li> <li class="cn12"> <a class="cn13 font16" title="企业责任" href='/corporate-responsibility' >企业责任</a> </li> <li class="cn12"> <a class="cn13 font16" title="新闻资讯" href='/news' >新闻资讯</a> </li> <li class="cn12"> <a class="cn13 font16" title="联系我们" href='/contact-us' >联系我们</a> </li> <li class="cn12"> <a class="cn13 font16" title="加入我们" href='/join-us' >加入我们</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="footer2"> <div class="container"> <div class="left"> <p class="cn1 font16"> 版权所有© 江苏赛拉弗光伏系统有限公司 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow"> 备察号: 苏ICP备18050825号 </a> </p> </div> <div class="right"> <a class="font16 cn2" href='/privacy-policy' >隐私政策</a> <a class="font16 cn2" href='/disclaimers' >免责声明</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> document.addEventListener('DOMContentLoaded', function() { var publicTopSearch = document.querySelector('.public-topsearch'); publicTopSearch.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-topsearch").slideUp(); } }); }); document.addEventListener('DOMContentLoaded', function() { var publicTopLanguage = document.querySelector('.public-toplanguage'); publicTopLanguage.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-toplanguage").slideUp(); } }); }); </script> <link rel="stylesheet" href="/static/admin/css/element-ico.css"> <script> // 设置访客数据 function csmSetAccessData() { var source = document.referrer;//访客来源 var url = location.pathname + location.search;//访问页面URL var device = '';//设备 var userAgent = navigator.userAgent;//设备信息 var share = 0;//分享次数 var time = 0;//访问时长 var startTime = new Date();//开始访问时间 var timer = null;//定时器 var catid = "16";//栏目id var data_id = "";//文章id function formatDate(date) { const year = date.getFullYear(); const month = String(date.getMonth() + 1).replace(/^(\d)$/, '0$1'); const day = String(date.getDate()).replace(/^(\d)$/, '0$1'); const hours = String(date.getHours()).replace(/^(\d)$/, '0$1'); const minutes = String(date.getMinutes()).replace(/^(\d)$/, '0$1'); const seconds = String(date.getSeconds()).replace(/^(\d)$/, '0$1'); const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; return formattedDate; } startTime = formatDate(startTime); // 判断是移动设备还是pc if ( navigator.userAgent.match(/Mobi/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) ) { device = 'Mobile'; } else { device = 'PC'; } // 当前窗口计时 if (typeof document.hidden !== "undefined") { var hidden = "hidden"; var visibilityChange = "visibilitychange"; } else if (typeof document.msHidden !== "undefined") { var hidden = "msHidden"; var visibilityChange = "msvisibilitychange"; } else if (typeof document.webkitHidden !== "undefined") { var hidden = "webkitHidden"; var visibilityChange = "webkitvisibilitychange"; } if (document[hidden]) { // 页面不可见，即在后台或最小化 clearInterval(timer); } else { // 页面可见，即在当前窗口浏览 timer = setInterval(function () { time += 1; }, 1000); } document.addEventListener(visibilityChange, function () { if (document[hidden]) { // 页面不可见，即在后台或最小化 clearInterval(timer); } else { // 页面可见，即在当前窗口浏览 timer = setInterval(function () { time += 1; }, 1000); } }); //点击计算分享次数 document.addEventListener('DOMContentLoaded', function () { var arr = document.querySelectorAll('.cms-share-item'); if (arr.length > 0) { for (var index = 0; index < arr.length; index++) { arr[index].addEventListener('click', function () { share += 1; }); } } }); // 关闭页面提交页面数据 window.onbeforeunload = function (event) { submitData(); } var isFirefox = /Firefox/.test(navigator.userAgent); var bAsync = true; if (isFirefox) { bAsync = false; } function submitData() { const data = { platform: source, viewurl: url, equipment: device, useragent: userAgent, show_times: share, seconds: time, access_time: startTime, catid: catid, data_id: data_id, }; $.ajax({ type: 'post', url: "/data/save", data: data, async: bAsync, success: function (res) { console.log("已提交访客数据") } }); }; } csmSetAccessData(); //设置通知 function csmSetNotice() { // 设置cookie,cname cookie名,cvalue cookie值,exdays 过期天数 function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires; } // 获取cookie,cname cookie名 function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } // 触发页面 function fn1(item) { // 所有页面触发 if (item.is_all_view == 1) { fn2(item); } // 指定页面触发 else { var url = window.location.pathname; // URL完全匹配 if (item.urlmate_type == 1 && item.urlmate == url || item.urlmate == url + '/') { fn2(item); } // URL不匹配 if (item.urlmate_type == 2 && (item.urlmate != url || item.urlmate != url + '/')) { fn2(item); } // 包含URL if (item.urlmate_type == 3 && url.includes(item.urlmate)) { fn2(item); } // 不包含URL if (item.urlmate_type == 4 && !url.includes(item.urlmate)) { fn2(item); } // URL开始于 if (item.urlmate_type == 5 && url.startsWith(item.urlmate)) { fn2(item); } // URL不以...开头 if (item.urlmate_type == 6 && !url.startsWith(item.urlmate)) { fn2(item); } } } // 屏幕显示 function fn2(item) { // 小屏幕加大屏幕上显示 if (item.minscreen == 1 && item.maxscreen == 1) { fn3(item); } // 小屏幕上显示 else if (item.minscreen == 1) { fn3(item); } // 大屏幕上显示 else if (item.maxscreen == 1) { fn3(item); } } // 显示频率 function fn3(item) { // 总是 if (item.display_type == 1) { fn4(item); } // 每次访问只显示一次 if (item.display_type == 2 && !getCookie('cmsid' + item.id)) { fn4(item); } // 每个用户只显示一次 if (item.display_type == 3 && !getCookie('cmsid' + item.id)) { fn4(item); } } // 触发方式 function fn4(item) { var num = 0; // 打开页面延迟（秒） if (item.trigger_type == 1) { setTimeout(function () { num++; fn5(item); fn6(item, num); }, Number(item.trigger * 1000)); } // 即将离开页面 if (item.trigger_type == 2) { $(document).mouseleave(function () { num++; fn5(item); fn6(item, num); }); } // 滚动页面到% if (item.trigger_type == 3) { $(window).scroll(function () { if ($(window).scrollTop() / ($(document).height() - $(window).height()) > item.trigger / 100) { num++; fn5(item); fn6(item, num); } }) } } // 设置cookie function fn5(item) { if (item.display_type == 2) { setCookie('cmsid' + item.id, '1'); } if (item.display_type == 3) { setCookie('cmsid' + item.id, '1', 365); } } // 显示通知 function fn6(item, num) { if (num == 1) { $("#cmsid" + item.id).addClass("on"); // 设置访问次数 $.ajax({ type: 'get', url: "/notice/noticeSumAdd", data: { id: item.id, impressions_sum: 1,//访问次数 hover_sum: 0,//移入次数 click_sum: 0,//点击次数 }, success: function (res) { } }); } if (item.trigger_display != -1 && num == 1) { setTimeout(function () { $("#cmsid" + item.id).removeClass("on"); }, item.trigger_display * 1000); } } // 添加样式 $("body").append( `<style> .cms-notice { pointer-events: none; } .cms-notice>.cms-wrap{ pointer-events: auto; transition: all 0.2s linear; transform: scale(0); opacity: 0; } .cms-notice.on>.cms-wrap { transition: transform 0.2s linear; transform: scale(1); opacity: 1; } .cms-select { position: relative; } .cms-select::before{ content: "▼"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #ddd; } </style>` ) // 数据请求 var data = null; $.ajax({ type: 'get', url: "/notice/getNotice", data: {}, success: function (res) { if (res.code == 200) { data = res.data; // 有通知组件 if (data.length > 0) { data.forEach(element => { // 状态开启 if (element.status == 1) { // 按钮圆角 var btnRadius = ''; if (element.button_type == 1) { btnRadius = "20px"; } if (element.button_type == 2) { btnRadius = "10px"; } if (element.button_type == 3) { btnRadius = "0px"; } // 出现位置 var location = ''; if (element.location == 1) { location = "top:5px;left:5px;" } if (element.location == 2) { location = "top:5px;left:50%;transform: translateX(-50%);" } if (element.location == 3) { location = "top:5px;right:5px;" } if (element.location == 4) { location = "top:50%;left:5px;transform: translateY(-50%);" } if (element.location == 5) { location = "top:50%;left:50%;transform: translate(-50%,-50%);" } if (element.location == 6) { location = "top:50%;right:5px;transform: translateY(-50%);" } if (element.location == 7) { location = "bottom:5px;left:5px;" } if (element.location == 8) { location = "bottom:5px;left:50%;transform: translateX(-50%);" } if (element.location == 9) { location = "bottom:5px;right:5px;" } // 设置用户操作数据 function setNoticeData(impressions, hover_sum, click_sum) { $.ajax({ type: 'get', url: "/notice/noticeSumAdd", data: { id: element.id, impressions_sum: impressions,//访问次数 hover_sum: hover_sum,//移入次数 click_sum: click_sum,//点击次数 }, success: function (res) { } }); } // 展示型A if (element.notice_type == 1) { var img = ''; if (element.background_image.length > 0) { img = `<img style="position: absolute;top: 0;left: 0;z-index: 1; width: 100%;height: 100%;object-fit: cover;" src="${element.background_image[0].path}">`; } var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> ${img} <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> <div style="min-height: 160px;margin-bottom: 15px;position: relative;z-index: 5;"> <p style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px">${element.title}</p> <p style="color:${element.sontitle_color};font-size:14px;margin-top:5px">${element.sontitle}</p> </div> <div style="position: relative;z-index: 5;"> <a href="${element.button_url}" target="_blank" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align: center;padding: 0 15px;line-height: 40px">${element.button_text}</a> </div> </div> </div> `; $("body").append(html); fn1(element); } // // 展示型B if (element.notice_type == 2) { var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> <a target="_blank" href="${element.url}" style="color:${element.title_color};font-size:18px;line-height:28px;margin-right:40px;display:inline-flex;align-items:flex-start;"><i class="${element.icon}" style="font-size:28px;margin-right:10px;color:${element.icon_color};flex-shrink:0"></i><span>${element.title}</span></a> <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // // 展示型c if (element.notice_type == 3) { var html = ` <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;padding:15px;overflow:hidden;font-size:14px;"> ${element.url ? '<a target="_blank" href="' + element.url : '<div'} style="display:flex;align-items:center;"> <div style="width: 100%;"> <p style="display: flex;align-items: flex-start;line-height: 24px;font-size: 14px;"> <i class="${element.icon}" style="font-size:24px;margin-right:10px;color:${element.icon_color};flex-shrink:0;"></i><span>${element.sontitle}</span> </p> <p style="font-size:18px;color:${element.title_color};margin-top:10px;">${element.title}</p> </div> ${element.image.length > 0 ? '<img src="' + element.image[0].path + '" style="width:40%;margin-left: 20px;flex-shrink: 0;">' : ''} ${element.url ? '</a>' : '</div>'} <i class="el-icon-close" style="position: absolute;top: 2px;right: 2px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // // 表单型A if (element.notice_type == 4) { var form = ''; element.form.forEach((element2, element2index) => { var str = ''; var options = []; if (element2.type == "radio" || element2.type == "checkbox" || element2.type == "select") { let arr = element2.content.split("\n").map(item => { const [value, name] = item.split(":"); return {value, name}; }); arr.sort((a, b) => a.value - b.value); options = arr; } if (element2.type == 'input') { form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <input type="text" name="${element2.name}" placeholder="请输入${element2.title}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 10px;width:100%"> </div> `; } if (element2.type == 'text') { form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <textarea name="${element2.name}" placeholder="请输入${element2.title}" rows="1" style="line-height: 1.5;border: 1px solid #ddd;padding: 10px;width:100%"></textarea> </div> `; } if (element2.type == 'radio') { options.forEach(element3 => { str += `<label style="margin-right: 10px;"><input class="cms-radio" type="radio" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>` }); form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> ${str} </div> `; } if (element2.type == 'checkbox') { options.forEach((element3, index) => { str += `<label style="margin-right: 10px;"><input class="cms-checkbox" type="checkbox" name="${element2.name}" value="${element3.name}" ${element2.default_value == element3.name ? 'checked' : ''} style="background-color:transparent;border-color:#dddddd;margin-right: 5px;width: 14px;height: 14px;border-width: 1px;border-style:solid;vertical-align: middle;cursor: pointer;">${element3.name}</label>` }); form += ` <div style="${element2index == element.form.length - 1 ? '' : 'margin-bottom: 10px;'}"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> ${str} </div> `; } if (element2.type == 'select') { options.forEach(element3 => { str += ` <option value="${element3.name}" ${element2.default_value == element3.name ? 'selected' : ''}>${element3.name}</option> ` }); form += ` <div style="margin-bottom: 10px;"> <div style="margin-bottom: 5px;"> <i class="${element2.icon}"></i> <span>${element2.title}</span> ${element2.ifrequire == 1 ? '<span style="color: #ff0000;">*</span>' : ''} </div> <div class="cms-select"> <select name="${element2.name}" style="line-height: 40px;border: 1px solid #ddd;padding: 0 34px 0 10px;width:100%"> ${str} </select> </div> </div> `; } }); var html = ` <style> #cmsid${element.id} .cms-radio:checked,#cmsid${element.id} .cms-checkbox:checked { background-color:${element.button_color} !important; border-color:${element.button_color} !important; } </style> <div id="cmsid${element.id}" class="cms-notice" style="position: fixed;z-index: 9999;${location}width:400px;max-width:calc(100vw - 10px);"> <div class="cms-wrap" style="position: relative;margin: 0 auto;border-width:${element.background_border_width}px;background-color: ${element.background_color}; border-radius:${element.background_border_type == 1 ? '10px' : '0px'};border-color:${element.background_border_color};border-style:solid;overflow:hidden;font-size:14px;"> <p style="font-size:18px;padding:15px;color:${element.title_color};background:${element.title_background_color};">${element.title}</p> <form id="cmsid${element.id}form" style="padding:15px;" style="font-size: 14px;line-height: 20px;"> <div style="max-height:320px;overflow:auto;margin-bottom:10px"> ${form} </div> <div style="text-align: center;"> <div class="cms-submit" style="border-radius:${btnRadius};color:${element.button_text_color};background-color:${element.button_color};display: inline-block;text-align:center;padding: 0 15px;line-height: 40px;cursor: pointer;">${element.button_text}</div> </div> </form> <i class="el-icon-close" style="position: absolute;top: 15px;right: 15px;z-index: 10;font-size: 22px;color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.1);border-radius: 50%;width: 28px;height: 28px;line-height: 30px;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;"></i> </div> </div> `; $("body").append(html); fn1(element); } // 关闭通知 $(document).on("click", "#cmsid" + element.id + " .el-icon-close", function (event) { event.stopPropagation(); $("#cmsid" + element.id).removeClass("on"); }); // 设置悬停数量 $(document).on("mouseenter", "#cmsid" + element.id + " .cms-wrap", function (event) { setNoticeData(0, 1, 0); }); // 设置点击数量 $(document).on("click", "#cmsid" + element.id + " .cms-wrap", function (event) { setNoticeData(0, 0, 1); }); // 提交表单 $(document).on("click", "#cmsid" + element.id + " .cms-submit", function (event) { var formObj = document.getElementById('cmsid' + element.id + 'form'); var formField = new FormData(formObj); var formDataObject = {}; formField.forEach(function (value, key) { formDataObject[key] = value; }); element.form.forEach(element2 => { if (element2.type == 'checkbox') { let checkboxData = ''; $('#cmsid' + element.id + 'form input[name="' + element2.name + '"]').each(function () { if ($(this).is(':checked')) { checkboxData += $(this).val() + ','; } }); formDataObject[element2.name] = checkboxData.slice(0, -1); } }) $.ajax({ type: 'post', url: "/notice/noticeSubmitForm", headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, data: { id: element.id, formField: formDataObject, }, success: function (res) { $('meta[name="csrf-token"]').attr('content', res.data._token_); if (res.code == 200) { $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #1bd629;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>'); } else { $("body").append('<p id="cms-pop" style="position: fixed;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%,-50%);background: #fff;font-size: 14px;padding: 15px 20px;color: #ff0000;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);min-width: 150px;text-align: center;">' + res.msg + '</p>'); } setTimeout(function () { $("#cms-pop").remove(); }, 1000); } }); }); } }); } } } }); } $.ajax({ type: 'get', url: "/web/checkAddonsInstall", data: { name: 'generalNotice' }, success: function (res) { if (res.code == 200) { if (res.data.addons > 0) { // 已安装通知组件执行方法 csmSetNotice(); } } } }); </script> <script src="/static/cms/js/jquery.liMarquee.js"></script> <script> $(document).ready(function () { // 技术路线 let aaa = $(".tech3-box1 .container .box .box2 .tech1box1swiper .cn3").outerWidth() let aaa2 = $(".tech1box1swiper .swiper-slide").outerWidth() $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan").css("left",aaa * 0.8) $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("margin-left",aaa * 0.8) if($(window).width()>991 && $(window).width()<1261){ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",aaa2 - aaa) }else{ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",'4.2rem') } $(window).resize(function () { let aaa = $(".tech3-box1 .container .box .box2 .tech1box1swiper .cn3").outerWidth() let aaa2 = $(".tech1box1swiper .swiper-slide").outerWidth() $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan").css("left",aaa * 0.8) $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("margin-left",aaa * 0.8) if($(window).width()>991 && $(window).width()<1261){ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",aaa2 - aaa) }else{ $(".tech3-box1 .container .box .box2 .tech1box1swiper .swiper-slide .cn2").css("width",'4.2rem') } }) let bbb = 315 let ddd = $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").length - 1 var Swiper1 = new Swiper('.tech1box1swiper', { direction: "vertical", speed: '800', on: { transitionStart: function () { let thisindex = this.activeIndex console.log(thisindex) $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).addClass("on") $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).siblings().removeClass("on") let ccc = '-' + ((bbb / ddd) * (ddd - thisindex)) + '%' $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan svg circle").css("stroke-dashoffset", ccc) }, }, breakpoints: { 992: { slidesPerView: 1, spaceBetween: 0, direction: "horizontal", }, }, }) var Swiper2 = new Swiper('.tech1box1swiper2', { effect: 'fade', fadeEffect: { crossFade: true, }, navigation: { nextEl: '.tech1box1next', prevEl: '.tech1box1prev', }, // autoplay: { // delay: 5000, // }, on: { transitionStart: function () { let thisindex = this.activeIndex console.log(thisindex) $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).addClass("on") $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").eq(thisindex).siblings().removeClass("on") let ccc = '-' + ((bbb / ddd) * (ddd - thisindex)) + '%' $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan svg circle").css("stroke-dashoffset", ccc) }, }, }) Swiper1.controller.control = Swiper2;//Swiper1控制Swiper2，需要在Swiper2初始化后 Swiper2.controller.control = Swiper1;//Swiper2控制Swiper1，需要在Swiper1初始化后 $(".tech3-box1 .container .box4 .box5 .cn6 .cn7").click(function () { $(this).addClass("on").siblings().removeClass("on") let thisindex = $(this).index() console.log(thisindex, '111') Swiper2.slideTo(thisindex, 1000, false); let ccc = '-' + ((bbb / ddd) * (ddd - thisindex)) + '%' $(".tech3-box1 .container .box .box2 .tech1box1swiper .yuan svg circle").css("stroke-dashoffset", ccc) }) function startInterval() { myVar = setInterval(function () { let thisindex2 = $(".tech3-box2 .container .cn1 .cn2.on").index() let thislength3 = $(".tech3-box2 .container .cn1 .cn2").length if (thisindex2 < thislength3 - 1) { $(".tech3-box2 .container .cn1 .cn2").eq(thisindex2 + 1).addClass("on") $(".tech3-box2 .container .cn1 .cn2").eq(thisindex2 + 1).siblings().removeClass("on") let thisindex2image = $(".tech3-box2 .container .cn1 .cn2").eq(thisindex2 + 1).attr("data-images") $(".tech3-box2 .bgimg img").attr("src", thisindex2image) $(".tech-box2 .bgimg").addClass("on") setTimeout(function(){ $(".tech-box2 .bgimg").removeClass("on") },1000); } else { $(".tech3-box2 .container .cn1 .cn2").eq(0).addClass("on") $(".tech3-box2 .container .cn1 .cn2").eq(0).siblings().removeClass("on") let thisindex2image = $(".tech3-box2 .container .cn1 .cn2").eq(0).attr("data-images") $(".tech3-box2 .bgimg img").attr("src", thisindex2image) $(".tech-box2 .bgimg").addClass("on") setTimeout(function(){ $(".tech-box2 .bgimg").removeClass("on") },1000); } }, 3000); } startInterval() $(".tech3-box2 .container .cn1 .cn2").click(function () { $(this).addClass("on").siblings().removeClass("on") let thisimages = $(this).attr("data-images") $(".tech3-box2 .bgimg img").attr("src", thisimages) $(".tech-box2 .bgimg").addClass("on") setTimeout(function(){ $(".tech-box2 .bgimg").removeClass("on") },1000); clearInterval(myVar); startInterval() }) if ($(".product3box2b").length > 0) { new Swiper(".product3box2b", { slidesPerView: 5, speed: 800, // autoplay: true, // loop: true, watchOverflow:true, spaceBetween: 0, observer: true, //开启动态检查器，监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 navigation: { nextEl: '.product3box2b .swipernext', prevEl: '.product3box2b .swiperprev', }, pagination: { el: ".publicbanner2page2", clickable: true, }, breakpoints: { 767: { slidesPerView: 1, spaceBetween: 0, }, 992: { slidesPerView: 2, spaceBetween: 0, }, }, }); $('.product3-box2 .product3box2a .container .product3box2b .swiper-slide .cn2').matchHeight(); $(window).resize(function () { $('.product3-box2 .product3box2a .container .product3box2b .swiper-slide .cn2').matchHeight(); }) function project2() { let thiswidth = $(".product3box2a").outerWidth(); let thisboxwidth = $(".product3box2b .swiperprev").outerWidth(); let thiscontainerwidth = $(".container").outerWidth(); let thisnum = (thiswidth - thiscontainerwidth) / 4 $(".product3box2b .swiperprev").css("left", thisnum - (thisboxwidth / 2)) $(".product3box2b .swipernext").css("right", thisnum - (thisboxwidth / 2)) } project2() $(window).resize(function () { project2() }) } if ($(".joinpagebox4v1").length > 0) { new Swiper(".joinpagebox4v1", { slidesPerView: 3, speed: 800, // loop: true, spaceBetween: 20, scrollbar: { el: '.swiper-scrollbar', }, // pagination: { // el: ".linepage", // type: 'fraction', // clickable: true, // }, navigation: { nextEl: '.swipernext', prevEl: '.swiperprev', }, breakpoints: { 767: { slidesPerView: 1, spaceBetween: 10, }, 992: { slidesPerView: 2, spaceBetween: 15, }, }, }); } }); $(window).load(function () { $('.str4').liMarquee({scrollamount: 50,}); }); </script> <script type="text/javascript" charset="utf-8"> Jie.requestPost('/site/flow', '', function () { return true; }); </script> </body> </html>