Contact Us

<!DOCTYPE html> <html xml:lang="zh-CN" lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="format-detection" content="telephone=no,telephone=no,email=no,adress=no"> <meta name="renderer" content="webkit"> <meta name="force-rendering" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="csrf-token" content="08a867aa8cc10b8c6732de22b13c8a84"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> <title>Contact Us</title> <meta name="keywords" content="Solar Module Manufacturer, Solar PV Pannel, Seraphim Solar,"/> <meta name="description" content="Seraphim is a Tier 1 solar module manufacturer, listed by BNEF. We research, develop, produce, and sell solar PV products since 2011."/> <meta property="og:site_name" content="Solar Module Manufacturer | Solar PV Pannel | Seraphim Solar"/> <meta property="og:title" content="Contact Us"/> <meta property="og:description" content="Seraphim is a Tier 1 solar module manufacturer, listed by BNEF. We research, develop, produce, and sell solar PV products since 2011."/> <meta property="og:image" content="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png"/> <meta property="og:url" content="https://www.seraphim-energy.com/contact-us"/> <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/20240717/e1008573852329abfeaedb78034bdb30.jpg" alt="CONTACT US" > <img class="mb-img" src="/uploads/upload/images/20240717/e1008573852329abfeaedb78034bdb30.jpg" alt="CONTACT US" > </p> <div class="container textcontainer"> <h2 class="cn1 wow fadeInUp font44 font-b">CONTACT US</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="/contact-us" class="font-b font16 pcn1 wow fadeInUp" title="Contact Us">Contact Us</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">Global Layout</a> <a href="javascript:;" class="font16 font-b cn1">Contact Us</a> <a href="javascript:;" class="font16 font-b cn1">Contact Form</a> </div> </div> </div> <div class="contact-box1" id="serverid0"> <p class="tips font16 font-b">Click the locations to view previews</p> <div class="box"> <p class="bgimg"><img src="/static/cms/images/wimg24.png" alt=""></p> <div class="dian public-img " style="left:55.5%;top:40%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Istanbul, Turkey</p> </div> <div class="dian diana public-img right" style="left:75.5%;top:47.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Guangnan, Yunnan</p> <div class="info"> <p class="img public-img"><img src="/uploads/upload/images/20240805/9d19e639cf6d6dda661c05f042c46b93.jpg" alt="Guangnan, Yunnan" loading="lazy"></p> <p class="text2 textflow font16 font-b">Guangnan, Yunnan</p> </div> </div> <div class="dian public-img " style="left:17%;top:43%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">California, USA</p> </div> <div class="dian public-img " style="left:19.5%;top:51%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Mexico City, Mexico</p> </div> <div class="dian public-img " style="left:28%;top:57.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Bogota, Colombia</p> </div> <div class="dian public-img " style="left:34%;top:74.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Sao Paulo, Brazil</p> </div> <div class="dian public-img " style="left:31%;top:83.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Buenos Aires, Argentina</p> </div> <div class="dian public-img right" style="left:27.5%;top:85%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Santiago, Chile</p> </div> <div class="dian public-img right" style="left:49%;top:31%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Amsterdam, Netherlands</p> </div> <div class="dian public-img right" style="left:48%;top:34%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">France, Paris</p> </div> <div class="dian public-img right" style="left:46.5%;top:39%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Madrid, Spain</p> </div> <div class="dian public-img " style="left:50.5%;top:31.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Berlin, Germany</p> </div> <div class="dian public-img " style="left:50.5%;top:36.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Milan, Italy</p> </div> <div class="dian public-img right" style="left:59.5%;top:49.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Riyadh, Saudi Arabia</p> </div> <div class="dian public-img right" style="left:68.5%;top:50%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">New Delhi, India</p> </div> <div class="dian public-img right" style="left:74.5%;top:58%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Kuala Lumpur, Malaysia</p> </div> <div class="dian public-img " style="left:75%;top:60%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Singapore</p> </div> <div class="dian public-img " style="left:80.5%;top:54%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Manila, Philippines</p> </div> <div class="dian public-img " style="left:75.5%;top:51%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Hanoi, Vietnam</p> </div> <div class="dian public-img " style="left:85.5%;top:41%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Tokyo, Japan</p> </div> <div class="dian public-img " style="left:87.5%;top:81%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Sydney, Australia</p> </div> <div class="dian diana public-img " style="left:53.5%;top:79%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">East Cape Town, South Africa</p> <div class="info"> <p class="img public-img"><img src="/uploads/upload/images/20240805/8f5f9f8370e988f07023a43c1f7c40f9.jpg" alt="East Cape Town, South Africa" loading="lazy"></p> <p class="text2 textflow font16 font-b">East Cape Town, South Africa</p> </div> </div> <div class="dian public-img right" style="left:78.5%;top:45.5%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Nanjing, China</p> </div> <div class="dian public-img " style="left:80%;top:46%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Shanghai, China</p> </div> <div class="dian diana public-img " style="left:78.5%;top:38%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Zhuolu, China</p> <div class="info"> <p class="img public-img"><img src="/uploads/upload/images/20240805/248021576c75360bf31abda3fee56e91.jpg" alt="Zhuolu, China" loading="lazy"></p> <p class="text2 textflow font16 font-b">Zhuolu, China</p> </div> </div> <div class="dian diana public-img " style="left:79.5%;top:42%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Changzhou, China</p> <div class="info"> <p class="img public-img"><img src="/uploads/upload/images/20240805/e11dce8c9345228a96ed304cc9625354.jpg" alt="Changzhou, China" loading="lazy"></p> <p class="text2 textflow font16 font-b">Changzhou, China</p> </div> </div> <div class="dian diana public-img right" style="left:76.5%;top:39%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Changzhi, China</p> <div class="info"> <p class="img public-img"><img src="/uploads/upload/images/20240805/e3f716c3da5d54c59ced97900613a8d2.jpg" alt="Changzhi, China" loading="lazy"></p> <p class="text2 textflow font16 font-b">Changzhi, China</p> </div> </div> <div class="dian diana public-img right" style="left:77.5%;top:42%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="text1 font14 font-b">Fuyang, China</p> <div class="info"> <p class="img public-img"><img src="/uploads/upload/images/20240805/3cadfe495201a27b6813505b74cae167.jpg" alt="Fuyang, China" loading="lazy"></p> <p class="text2 textflow font16 font-b">Fuyang, China</p> </div> </div> <div class="dian dianb public-img " style="left:79%;top:48%;"> <p class="dian1"></p> <p class="dian2"></p> <p class="dian3"><img src="/static/cms/images/20241022-144856.png" alt=""></p> <p class="text1 font14 font-b">Jinzhai, China</p> <div class="info"> <p class="img public-img"><img src="/uploads/upload/images/20240805/374f966681b584c4f3ca83c14073b6c5.jpg" alt="Jinzhai, China" loading="lazy"></p> <p class="text2 textflow font16 font-b">Jinzhai, China</p> </div> </div> <div class="box10"> <p class="box11"> <span class="box12"><img src="/static/cms/images/wimg28.svg" alt=""></span> <span class="box13 font16 font-b">Headquarter</span> </p> <p class="box11"> <span class="box12"><img src="/static/cms/images/wimg26.svg" alt=""></span> <span class="box13 font16 font-b">Manufacturing Base</span> </p> <p class="box11"> <span class="box12"><img src="/static/cms/images/wimg29.svg" alt=""></span> <span class="box13 font16 font-b">Sales Center</span> </p> </div> </div> </div> <div class="contact-box2" id="serverid1"> <div class="contact-box2a"> <div class="container"> <h2 class="cn1 font32 font-b wow fadeInUp">Contact Us</h2> <div class="box wow fadeInUp"> <p class="bgimg"> <img src="/uploads/upload/images/20240812/b520ac357346222582a11b77c9b97aaf.jpg" alt="Headquarter" loading="lazy"> </p> <div class="box2"> <div class="box2a"> <h3 class="cn2 font16">Headquarter</h3> <h4 class="cn3 font26 font-b">Seraphim Energy Group Co., Ltd.</h4> </div> <div class="box2b"> <div class="box2c"> <p class="img"> <img src="/uploads/upload/images/20240717/7f47c99679672a14c86006f850c44879.svg" alt="wimg18.svg" loading="lazy"></p> <p class="cn4 font16">18th Shichuan Road, Jinzhai Economic Development Zone, Lu'an City, Anhui Province</p> </div> <div class="box2c"> <p class="img"> <img src="/uploads/upload/images/20240717/490b82a88126eaac55e69834b78558c7.svg" alt="wimg21.svg" loading="lazy"></p> <p class="cn4 font16">+86-564-7736177</p> </div> <div class="box2c"> <p class="img"> <img src="/uploads/upload/images/20240717/da7fc087aa4baec9782a73549c580839.svg" alt="wimg22.svg" loading="lazy"></p> <p class="cn4 font16">info@seraphim-energy.com</p> </div> </div> </div> </div> </div> </div> <div class="contact-box2b" id="listBox"> <div class="container"> <div class="public-search"> <div class="pleft2 wow fadeInUp"> <form action="" class="layui-form"> <p class="cn11"> <select name="type" lay-filter="select-filter"> <option value="" selected></option> <option value="1">domestic</option> <option value="2">abroad</option> </select> </p> </form> </div> </div> <div class="box" id="ajaxBox">  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Jinzhai Seraphim Energy Technology Co., Ltd.</span> <span class="cn3 font20 fontnum">01</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: 18th Shichuan Road, Jinzhai Economic Development Zone, Lu'an City, Anhui Province</li> <li class="cn4 font16">Tel: +86-564-7736177</li> <li class="cn4 font16">Fax: +86-564-7736177</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Anhui Seraphim Energy Co., Ltd.</span> <span class="cn3 font20 fontnum">02</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: Tonghang Avenue, Economic Development Zone, Yingshang County, Fuyang City, Anhui Province</li> <li class="cn4 font16">Tel: +86-0519-6878-8166</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Jiangsu Seraphim Solar System Co., Ltd.</span> <span class="cn3 font20 fontnum">03</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: No. 10, Tongshun RD, Henglin Town, Wujin District, Changzhou, China</li> <li class="cn4 font16">Tel: +86-519-6878-8166</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Yunnan Seraphim Solar System Co., Ltd.</span> <span class="cn3 font20 fontnum">04</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: 6th North Lianchen Station Road, Guangnan County, Yunnan Province, China</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Lu'An Seraphim Solar System Co., Ltd.</span> <span class="cn3 font20 fontnum">05</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: Zhangze New Industrial Zone, High-tech District, Changzhi, Shanxi, China</li> <li class="cn4 font16">Tel: +86-355-5916666</li> <li class="cn4 font16">Fax: +86-355-5916699</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">South Africa Manufacturing Plant</span> <span class="cn3 font20 fontnum">06</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: Factory BW1, Zone 1A - East London IDZ, Ikhala Road, Sunnyridge 5201, Eastern Cape, South Africa</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Shanghai Sales Center</span> <span class="cn3 font20 fontnum">07</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: Room 1108, No.1388 Shanxi North Road, Putuo District, Shanghai, China</li> <li class="cn4 font16">Tel: +86-21-5230-0833</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Nanjing Sales & Marketing Center</span> <span class="cn3 font20 fontnum">08</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: #3F, No. 35 Yurun Rd, Jianye District, Nanjing, China.</li> <li class="cn4 font16">Tel: +86-25-8778-5526</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Seraphim Solar System (HK)</span> <span class="cn3 font20 fontnum">09</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: NJ1 418, Unit 5, 27/F Richmond Comm Bldg. 109 Argyle St, Mongkok KL, Hong Kong.</li> <li class="cn4 font16">Tel: +852-3119-8808</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Australia Sales Center</span> <span class="cn3 font20 fontnum">10</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: Level 11, 66 Clarence Street, Sydney NSW 2000 </li> <li class="cn4 font16">Tel: +61 2 8705 5405</li> <li class="cn4 font16">Email: AU@seraphim-energy.com</li> </ul>       </a>  <a class="box2 wow fadeInUp" > <p class="box2a"> <span class="cn2 font20 font-b">Seraphim Solar Japan Co., Ltd.</span> <span class="cn3 font20 fontnum">11</span> </p> <ul class="box2b"> <li class="cn4 font16">Add: 1-4-4 408, Shibadaimon, Minato Ku, Tokyo, 105-0012, Japan</li> <li class="cn4 font16">Tel: +81-03-6459-4020</li> <li class="cn4 font16">Fax: +81-03-6722-0056</li> <li class="cn4 font16">Email: info@seraphim-energy.com</li> </ul>       </a> </div> </div> </div> </div> <div class="service-box4 service-box4a" id="serverid2"> <div class="container"> <div class="left"> <h2 class="cn1 font20">Contact Form</h2> <p class="cn2 font26 font-b">If you have any questions, please feel free to leave us a message</p> <p class="cn3"> <img > </p> </div> <div class="right"> <form action="" class="layui-form" id="contactForm"> <div class="cn9"> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[name]" placeholder="Name*"> </p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[phone]" placeholder="Phone*"> </p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[email]" placeholder="E-mail*"> </p> </div> <div class="cn10 cn20"> <p class="cn11"> <select name="formField[needs]" lay-filter="demo-select-filter2"> <option value="">Consultation Type*</option> <option value="Inquiries">Inquiries</option> <option value="Pre-sale Questions">Pre-sale Questions</option> <option value="Order Status">Order Status</option> <option value="After-sale Questions">After-sale Questions</option> </select> </p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[company]" placeholder="Company "> </p> </div> <div class="cn10"> <p class="cn11"> <input type="text" name="formField[country]" placeholder="Country"> </p> </div> <div class="cn10 cn13"> <p class="cn11"> <textarea name="formField[problem]" placeholder="Problem Description"></textarea> </p> </div> <div class="cn14 font16 yanzhengform"> <div class="yanzhenginput"> <input type="checkbox" name="yanzhenginputname" checked></div> We collect this information from you only to contact you and help you understand our cooperation plan better. By submitting, you agree to our Privacy Policy.</div> <p class="public-btn cn15"> <input type="hidden" name="id" value="1"> <button type="submit" class="public-btn0 tebiebutton"> <span class="font16 font-b">Submit</span> </button> </p> </div> </form> </div> </div> <div class="service-box5"> <p class="bgimg"><img src="/static/cms/images/service4.png" alt=""></p> </div> </div> </div> <div class="footer"> <div class="footer1"> <div class="container"> <div class="box1"> <a class="logo"> <img src="/uploads/upload/images/20240912/193fe702daebc6a9150499b58b35273e.png" alt="Logo" loading="lazy"> </a> <a href="javascript:;" onclick="goTop()" class="cn1"><img src="/static/cms/images/top.svg" alt=""></a> </div> <div class="box2"> <div class="left"> <p class="cn2 font18 font-b">Join our newsletter for updates and the latest price list.</p> <form action=""> <input type="text" placeholder="Please enter your e-mail address" class="font16"> <button type="button" class="font16">Submit</button> </form> <div class="cn5"> <a class="cn6" href='https://www.linkedin.com/company/seraphim-solar-system-co-ltd?source=officialwebsite' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20240712/2084448f1a1a3ae80dd80e98c10ce272.svg" alt="LinkedIn" loading="lazy"> </div> </a> <a class="cn6" href='https://www.instagram.com/seraphimsolar/' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241022/da2a3f02b45c359dee96cbc131b8f2d3.svg" alt="Instagram" loading="lazy"> </div> </a> <a class="cn6" href='https://www.facebook.com/SeraphimSolarEnergy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/51a7ed86e1f6156579acd9efa5d35043.svg" alt="Facebook" loading="lazy"> </div> </a> <a class="cn6" href='https://x.com/Seraphim_Energy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/779141aa60bdd14c91b9711b9943f7f4.svg" alt="Twitter" loading="lazy"> </div> </a> <a class="cn6" href='https://www.youtube.com/@SeraphimSolarEnergy' target='_blank' > <div class="cn7"> <img onload="SVGInject(this)" src="/uploads/upload/images/20241014/e75334e6ca5120fb52c64ac5286ff304.svg" alt="YouTube" loading="lazy"> </div> </a> </div> </div> <div class="right"> <ul class="cn8"> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Technology" href='javascript:void(0);' >Technology</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Innovation R&D" href='/innovation' >Innovation R&D</a> </li> <li class="cn12"> <a class="cn13 font16" title="Smart Manufacturing" href='/smart-manufacturing' >Smart Manufacturing</a> </li> <li class="cn12"> <a class="cn13 font16" title="Quality Control" href='/quality-control' >Quality Control</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Products" href='/photovoltaic-modules' >Products</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Solar Module" href='/photovoltaic-modules' >Solar Module</a> </li> <li class="cn12"> <a class="cn13 font16" title="Solar Cell" href='/solar-cell' >Solar Cell</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Projects" href='/projects' >Projects</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Utility" href='/utility-projects' >Utility</a> </li> <li class="cn12"> <a class="cn13 font16" title="Commercial" href='/commercial-projects' >Commercial</a> </li> <li class="cn12"> <a class="cn13 font16" title="Residential" href='/residential-projects' >Residential</a> </li> <li class="cn12"> <a class="cn13 font16" title="Special" href='/special-applications' >Special</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="Service" href='/customer-service' >Service</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="Customer Support" href='/customer-service' >Customer Support</a> </li> <li class="cn12"> <a class="cn13 font16" title="Download" href='/downloads' >Download</a> </li> <li class="cn12"> <a class="cn13 font16" title="FAQ" href='/faq' >FAQ</a> </li> </ul> </li> <li class="cn9"> <p class="cn10"> <a class="cn10a font16 font-b" title="About Seraphim" href='/about-seraphim' >About Seraphim</a> </p> <ul class="cn11"> <li class="cn12"> <a class="cn13 font16" title="About Us" href='/about-seraphim' >About Us</a> </li> <li class="cn12"> <a class="cn13 font16" title="CSR" href='/corporate-responsibility' >CSR</a> </li> <li class="cn12"> <a class="cn13 font16" title="Press" href='/news' >Press</a> </li> <li class="cn12"> <a class="cn13 font16" title="Contact Us" href='/contact-us' >Contact Us</a> </li> <li class="cn12"> <a class="cn13 font16" title="Join Us" href='/join-us' >Join Us</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="footer2"> <div class="container"> <div class="left"> <p class="cn1 font16"> @Seraphim 2024 - All Rights Reserved </p> </div> <div class="right"> <a class="font16 cn2" href='/privacy' >Privacy</a> <a class="font16 cn2" href='/disclaimers' >Terms of Use</a> </div> </div> </div> </div> <script type="text/javascript" src="/static/cms/js/extend.js"></script> <script type="text/javascript" src="/static/lib/layui-v2.8/layui/layui.js"></script> <script type="text/javascript" src="/static/cms/js/public.js"></script> <script type="text/javascript" src="/static/cms/js/ie-error.js"></script> <script src="/static/common/js/vietrue.min.js" type="text/javascript"></script> <script src="/static/common/js/vietrue.min.js" type="text/javascript"></script> <script> document.addEventListener('DOMContentLoaded', function() { var publicTopSearch = document.querySelector('.public-topsearch'); publicTopSearch.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-topsearch").slideUp(); } }); }); document.addEventListener('DOMContentLoaded', function() { var publicTopLanguage = document.querySelector('.public-toplanguage'); publicTopLanguage.addEventListener('click', function(event) { var target = event.target; if (target.closest('.box1')) { // console.log(1); } else { $(".public-toplanguage").slideUp(); } }); }); </script> <link rel="stylesheet" href="/static/admin/css/element-ico.css"> <script> // 设置访客数据 function csmSetAccessData() { var source = document.referrer;//访客来源 var url = location.pathname + location.search;//访问页面URL var device = '';//设备 var userAgent = navigator.userAgent;//设备信息 var share = 0;//分享次数 var time = 0;//访问时长 var startTime = new Date();//开始访问时间 var timer = null;//定时器 var catid = "32";//栏目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> $(".tebiebutton").click(function(){ if ($('input[name="yanzhenginputname"]:checked').length <= 0) { layer.msg("Please check the Privacy policy"); return false; } }) Jie.ajaxSendEventForm("/form/submitForm.html", '#contactForm').verify(function (data) { return true; }); </script> <script> $(document).ready(function () { $(".public-search .pleft2 form .cn11 input").attr("placeholder", "区域选择") function contactbox1() { $(".contact-box1 .box .dian").click(function () { if($(this).find(".info").length>0){ $(this).addClass("on").siblings().removeClass("on"); } }) let dituheight = $(".contact-box1 .box .bgimg").outerHeight(); let dituwidth = $(".contact-box1 .box .bgimg").outerWidth(); $(".contact-box1 .box .dian").each(function () { let thistop = $(this).css("top"); let thisleft = $(this).css("left"); let thistopnum = parseInt(thistop) let thisleftnum = parseInt(thisleft) if (thistopnum / dituheight > 0.7) { $(this).find(".info").css("top", "initial") $(this).find(".info").css("bottom", ".3rem") } if (thisleftnum / dituwidth > 0.8) { $(this).find(".info").css("left", "initial") $(this).find(".info").css("right", "0") } }) $(document).on('click', function (e) { if (!$(e.target).closest('.contact-box1 .box .dian').length) { $(".contact-box1 .box .dian").removeClass("on") } }); } contactbox1() function contactbox2() { $('.contact-box2 .contact-box2b .container .box .box2 .box2a').matchHeight(); $('.contact-box2 .contact-box2b .container .box .box2 .box2b').matchHeight(); } contactbox2() $(window).resize(function () { contactbox1() contactbox2() }) function service4() { let controller = new ScrollMagic.Controller(); let vheight = $(window).height(); var moves1 = TweenMax.to($(".service-box5 .container .box1.box2"), .5, { transform: 'translateY(0)', ease: Power0.easeIn }); var Scenes1 = new ScrollMagic.Scene({ offset: $(".service-box5").offset().top - vheight * .5, duration: vheight * .5, }).setTween(moves1).addTo(controller); var moves2 = TweenMax.to($(".service-box5 .bgimg"), .5, { opacity: '1', left: '0', top: '-2.7rem', ease: Power0.easeIn }); var Scenes2 = new ScrollMagic.Scene({ offset: $(".service-box5").offset().top - vheight * 1.5, duration: vheight * 1, }).setTween(moves2).addTo(controller); } service4() }); Jie.ajaxScreenEvent().page(6).childItem('.cn2 .item').screen(function (thisData, request) { let url = ''; layui.use('form', function () { var form = layui.form; form.on('select(select-filter)', function (data) { thisData.type = data.value; request(); }); }); }).done(function () { Jie.scrollPosition('#listBox'); }); </script> <script type="text/javascript" charset="utf-8"> Jie.requestPost('/site/flow', '', function () { return true; }); </script> </body> </html>

CINXE.COM

Contact Us