JINSHENG_WEB
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>首页</title>
    <link rel="stylesheet" href="css/YXF-public.css" />
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="layui/dist/css/layui.css">
    <link rel="stylesheet" href="css/animate.min.css">
</head>

<body>
    <div class="header">
        <div class="header-item">
            <a href="index.html" class="logo"><img src="images/logo.png" alt=""></a>
            <div class="menu">
                <div class="menu-item" id="company">
                    <div>公司简介 <i class="layui-icon layui-icon-down layui-font-12"></i></div>
                    <div>ABOUT US</div>
                </div>
                <div class="menu-item" id="services">
                    <div>服务项目 <i class="layui-icon layui-icon-down layui-font-12"></i></div>
                    <div>SERVICES</div>
                </div>
                <div class="menu-item">
                    <a href="search.html">标准查询</a>
                    <div>NORMS</div>
                </div>
                <div class="menu-item">
                    <a href="http://jinsheng.portedi.com/system/#/employeeLogin">系统</a>
                    <div>SYSTEM</div>
                </div>
                <div class="menu-item">
                    <a href="contact.html">联系我们</a>
                    <div>CONTACT US</div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-carousel slider" id="slider">
        <div carousel-item>
            <div style=" background: url('./images/slider1.png') no-repeat;background-size: cover"></div>
            <div style="background: url('./images/slider2.png') no-repeat;background-size: cover"></div>
            <div style="background: url('./images/slider3.png') no-repeat;background-size: cover"></div>
            <div style="background: url('./images/slider4.png') no-repeat;background-size: cover"></div>
        </div>
        <div class="search">
            <div>一起致力于节水和安全.</div>
            <div>Committed to water saving and safety. Together.</div>
            <div>
                <input type="text" name="" placeholder="搜索法规或产品信息 search for norm or product protocol"
                    autocomplete="off" class="layui-input" />
                <i class="layui-icon layui-icon-search custom-icon"
                    style="font-size: 24px;position: absolute;top: 10px;right:403px;cursor: pointer"></i>
            </div>
        </div>
    </div>
    <div class="prove">
        <div class="prove-container">
            <div class="prove-title wow slideInDown">
                全球产品<span>测试、认证、验厂、验货、技术服务</span>平台
            </div>
            <div class="prove-title2 wow slideInDown">
                Platform For Global Product <strong>Testing, Certification, Inspection</strong> And <strong>Technical
                    Service.</strong>
            </div>
            <div class="prove-btns">
                <div class="btns-item" data-id="1">水暖卫浴认证</div>
                <div class="btns-item" data-id="2">验厂</div>
                <div class="btns-item" data-id="3">产品检测</div>
                <div class="btns-item" data-id="4">实验室建设与资质申请</div>
                <div class="btns-item" data-id="5">电子电器认证</div>
            </div>
            <div class="prove-display hidden" data-id="1">
                <a class="items" href="services.html?id=4&detailId=64">
                    <img src="images/index/rz/1/ACS.jpg" alt="">
                    <div>ASC认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=65">
                    <img src="images/index/rz/1/CUPC.jpg" alt="">
                    <div>CUPC认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=70">
                    <img src="images/index/rz/1/WATERMARK.jpg" alt="">
                    <div>WATERMARK认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=67">
                    <img src="images/index/rz/1/WRAS.jpg" alt="">
                    <div>WRAS认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=73">
                    <img src="images/index/rz/1/TMV.jpg" alt="">
                    <div>TMV认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=69">
                    <img src="images/index/rz/1/KTW-BWGL.jpg" alt="">
                    <div>KTW-BWGL认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=74">
                    <img src="images/index/rz/1/DVGW.jpg" alt="">
                    <div>DVGW认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=75">
                    <img src="images/index/rz/1/CE.jpg" alt="">
                    <div>CE认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=71">
                    <img src="images/index/rz/1/dq.jpg" alt="">
                    <div>低铅认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=77">
                    <img src="images/index/rz/1/NSF.jpg" alt="">
                    <div>NSF认证</div>
                </a>
                <a class="items" href="services.html?id=4&detailId=78">
                    <img src="images/index/rz/1/WATERSENSE.jpg" alt="">
                    <div>WATERSENSE认证</div>
                </a>
                <a class="items" href="services.html?id=4">
                    <img src="images/index/rz/rz12.png" alt="">
                    <div>更多认证</div>
                </a>
            </div>
            <div class="prove-display hidden" data-id="2">


                <a class="items" href="services.html?id=13&detailId=100">
                    <img src="images/index/rz/2/ISO9001.jpg" alt="">
                    <div>ISO9001</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=101">
                    <img src="images/index/rz/2/ISO14001.jpg" alt="">
                    <div>ISO14001</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=102">
                    <img src="images/index/rz/2/ISO45001.jpg" alt="">
                    <div>ISO45001</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=103">
                    <img src="images/index/rz/2/ISO17025.jpg" alt="">
                    <div>ISO17025</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=104">
                    <img src="images/index/rz/2/GBT27922.jpg" alt="">
                    <div>GBT27922</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=105">
                    <img src="images/index/rz/2/BSCI.jpg" alt="">
                    <div>BSCI</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=106">
                    <img src="images/index/rz/2/SEDEX.jpg" alt="">
                    <div>SEDEX</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=107">
                    <img src="images/index/rz/2/SA8000.jpg" alt="">
                    <div>SA8000</div>
                </a>
                <a class="items" href="services.html?id=13&detailId=108">
                    <img src="images/index/rz/2/FSC.jpg" alt="">
                    <div>FSC</div>
                </a>
                <a class="items" href="services.html?id=13">
                    <img src="images/index/rz/rz12.png" alt="">
                    <div>更多认证</div>
                </a>
            </div>
            <div class="prove-display hidden" data-id='4'>

                <a class="items" href="services.html?id=14&detailId=121">
                    <img src="images/index/rz/3/CANS.jpg" alt="">
                    <div>CANS</div>
                </a>
                <a class="items" href="services.html?id=14&detailId=121">
                    <img src="images/index/rz/3/CMA.jpg" alt="">
                    <div>CMA</div>
                </a>
                <a class="items" href="services.html?id=14&detailId=121">
                    <img src="images/index/rz/3/ILAC.jpg" alt="">
                    <div>ILAC</div>
                </a>
                <a class="items" href="services.html?id=14&detailId=121">
                    <img src="images/index/rz/3/IAF.jpg" alt="">
                    <div>IAF</div>
                </a>
            </div>
            <div class="prove-display hidden" data-id="5">

                <a class="items" href="services.html?id=12&detailId=95">
                    <img src="images/index/rz/4/ETL.jpg" alt="">
                    <div>ETL认证</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=95">
                    <img src="images/index/rz/4/UL.jpg" alt="">
                    <div>UL认证</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=95">
                    <img src="images/index/rz/4/CSA.jpg" alt="">
                    <div>CSA</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=120">
                    <img src="images/index/rz/4/CE.jpg" alt="">
                    <div>CE认证</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=120">
                    <img src="images/index/rz/4/VDE.jpg" alt="">
                    <div>VDE认证</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=120">
                    <img src="images/index/rz/4/GS.jpg" alt="">
                    <div>GS认证</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=120">
                    <img src="images/index/rz/4/SAA.jpg" alt="">
                    <div>SAA认证</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=120">
                    <img src="images/index/rz/4/CCC.jpg" alt="">
                    <div>CCC认证</div>
                </a>
                <a class="items" href="services.html?id=12&detailId=120">
                    <img src="images/index/rz/4/CB.jpg" alt="">
                    <div>CB认证</div>
                </a>
                <a class="items" href="services.html?id=12">
                    <img src="images/index/rz/rz12.png" alt="">
                    <div>更多认证</div>
                </a>
            </div>
            <div class="prove-display hidden" data-id="3">

                <a class="items" href="services.html?id=11&detailId=96">
                    <img src="images/index/rz/5/sn.jpg" alt="">
                    <div>水暖卫浴检测</div>
                </a>
                <a class="items" href="services.html?id=11&detailId=97">
                    <img src="images/index/rz/5/yy.jpg" alt="">
                    <div>饮用水安全认证</div>
                </a>
                <a class="items" href="services.html?id=11&detailId=98">
                    <img src="images/index/rz/5/qhg.jpg" alt="">
                    <div>轻工化学测试</div>
                </a>
                <a class="items" href="services.html?id=11&detailId=99">
                    <img src="images/index/rz/5/kkx.jpg" alt="">
                    <div>可靠性试验</div>
                </a>
            </div>
        </div>
    </div>
    <div class="project">
        <div class="title1 wow slideInDown">认证计划</div>
        <div class="title2 wow slideInDown">CERTIFICATION PROGRAM</div>
        <div class="box-container">
            <div class="box-items">
                <div class="items-container wow bounceInUp">
                    <div>1.水龙头全球认证计划</div>
                    <div>面盆龙头, 厨房龙头, 淋浴龙头及其他</div>
                    <a href="/">详情</a>
                </div>
            </div>
            <div class="box-items">
                <div class="items-container wow bounceInUp">
                    <div>2.浴缸/台盆/淋浴底盘/淋浴房 认证</div>
                    <div>适用范围及检测要求</div>
                    <a href="/">详情</a>
                </div>
            </div>
            <div class="box-items">
                <div class="items-container wow bounceInUp">
                    <div>3.节水计划</div>
                    <div>起泡器, 阀芯, 花洒, 软管节水要求</div>
                    <a href="/">详情</a>
                </div>
            </div>
        </div>
    </div>
    <div class="jst-test">
        <div class="jst-title wow slideInDown">为什么选择 JSTest</div>
        <div class="jst-title2">Why JSTest</div>
        <div class="jst-container">
            <div class="jst-left wow slideInLeft"><video src="movie.ogg" controls="controls" width="100%"
                    height="335"></video></div>
            <div class="jst-right wow slideInRight">
                <div class="right-item">
                    <div>检测认证验厂验货咨询一体式解决方案</div>
                    <div>One partner for all your needs.</div>
                </div>
                <div class="right-item">
                    <div>拥有自己的实验室</div>
                    <div>We own laboratory.</div>
                </div>
                <div class="right-item">
                    <div>送检海外产品的预测预判能力</div>
                    <div>We can pre-test and judge its compliance before sending samples abroad.</div>
                </div>
                <div class="right-item">
                    <div>多国认证机构授权</div>
                    <div>Authorization of Multi Country certification authority.</div>
                </div>
                <div class="right-item">
                    <div>专业团队 专业指导 快捷顺利</div>
                    <div>Professional team and guidance.</div>
                </div>
                <div class="right-item">
                    <div>降低成本 提高效率</div>
                    <div>Faster turnaround and cost saving.</div>
                </div>
                <div class="right-item">
                    <div>卓越的客户服务</div>
                    <div>Excellent service.</div>
                </div>
            </div>
        </div>
    </div>
    <div class="service">
        <div class="service-container">
            <div class="wow slideInDown">出色的客户服务的关键原则是良好的沟通，通过及时有效的沟通，我们可以共同克服所有挑战，因为我们有一个共同的目标：</div>
            <div class="wow slideInDown">The key principle to exceptional customer care is good communication, With
                timely and productive communication, we together can overcome any challenge, as we have the same common
                goal:</div>
            <div class="wow slideInDown">使您的产品以诚信，专业和简单的方式达到合规性。</div>
            <div class="wow slideInDown">for your products to reach compliance, with integrity, professionalism, and
                simplicity.</div>
        </div>
        <div class="service-container">
            <div class="box">
                <div>
                    <dl id="roll">
                        <dd><img class="company-pic" src="./images/index/company/1.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/2.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/3.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/4.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/5.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/6.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/7.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/8.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/9.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/10.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/11.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/12.png" alt=""></dd>
                        <dd><img class="company-pic" src="./images/index/company/13.png" alt=""></dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-container">
        <div class="footer">
            <div class="footer-left">
                <div class="left-nav">
                    <div>法国ACS认证</div>
                    <div>美国UPC认证</div>
                    <div>英国WRAS认证</div>
                    <div>澳洲WATERMARK认证</div>
                    <div>德国KTW-DWGL认证</div>
                </div>
                <div class="left-logo">
                    <img src="images/logo-white.png" alt="">
                </div>
                <div class="left-contact">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="footer-right">
                <div class="right-phone">
                    <div>服务热线</div>
                    <div>0574-88612210</div>
                </div>
                <div class="right-site">
                    <div class="site-png"><img src="images/companys.png" alt=""></div>
                    <div class="email">
                        <div style="font-weight: 700">企业邮箱：</div>
                        <div>info@jstest.cn</div>
                    </div>
                    <div class="company-site">
                        <div style="font-weight: 700">公司地址：</div>
                        <div>浙江省宁波市奉化区圆峰路29号东区四楼</div>
                        <div style="font-size: 12px;font-weight: 400;line-height: 20px">F4, East Area of No.29 Yuanfeng
                            Road, Fenghua,
                            Ningbo, ZHEJIANG 315550,CHINA.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-3x.js"></script>
    <script src="js/super_slider.js"></script>
    <script src="layui/dist/layui.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/global.js"></script>
    <script>
        new WOW().init();
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#slider'
                , width: '100%' //设置容器宽度
                , arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });

        $(".box").superSlider({
            prevBtn: ".prev",//左按钮
            nextBtn: ".next",//右按钮
            listCont: "#roll",//滚动列表外层
            scrollWhere: "next",//自动滚动方向next
            delayTime: 2000,//自动轮播时间间隔
            speed: 1000,//滚动速度
            amount: 1,//单次滚动数量
            showNum: 8,//显示数量
            autoPlay: true//自动播放
        });
    </script>
</body>

</html>