<!DOCTYPE html>
<html lang="en" xmlns:>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
    <meta name='apple-mobile-web-app-capable' content='yes'>
    <meta name='apple-mobile-web-app-status-bar-style' content='black'>
    <meta name='format-detection' content='telephone=no'>
    <title>杭州得实电子技术有限公司</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="view/jquery-ui.min.css" type="text/css">
    <link rel="stylesheet" href="view/bootstrap.min.css" type="text/css">

    <!-- 字体-->
    <link rel="stylesheet" href="fonts/line-awesome/css/line-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="fonts/font-awesome-5/css/fontawesome-all.min.css" type="text/css">

    <!--旋转滑块 -->
    <link rel="stylesheet" href="view/settings.css" type="text/css">
    <link rel="stylesheet" href="view/layers.css" type="text/css">
    <link rel="stylesheet" href="view/navigation.css" type="text/css">
    <link rel="stylesheet" href="view/settings-source.css" type="text/css">
    <!-- 轮播 -->
    <link rel="stylesheet" href="css/view/swiper.min.css" type="text/css">
    <link rel="stylesheet" href="css/view/demo.css" type="text/css">
    <!--  CSS -->
    <link rel="stylesheet" href="view/hamburgers.min.css" type="text/css">
    <link rel="stylesheet" href="view/slick-theme.css" type="text/css">
    <link rel="stylesheet" href="view/slick.css" type="text/css">
    <!-- Main CSS File -->
    <link href="css/view/style.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="images/icon/logo2.jpg">
    <style type="text/css">
        .ashow:hover {
            filter: url(#change);
            transform: scale(1.2);
        }

        .mysl {
            height: 90px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
    </style>
</head>
<body>
<div id="myvue">
    <!--头部 -->
    <header class="header">
        <!-- 大屏 -->
        <div class="header-bottom hidden-tablet-landscape" id="js-navbar-fixed">
            <div class="container">
                <div class="header-bottom">
                    <div class="header-bottom-content display-flex">
                        <div class="logo">
                            <a href="/view">
                                <img src="images/icon/logo22.png" height="50px" alt="杭州得实">
                            </a>
                        </div>
                        <div class="menu-search display-flex">
                            <nav class="menu">
                                <div>
                                    <ul class="au-navbar-menu">
                                        <template v-for="(it,index) in menu">
                                            <li class="menu-item curent-menu-item" v-if="index==0">
                                                <a class="" :href="it.murl" v-text="it.mname"></a>
                                            </li>
                                            <li class="menu-item" v-if="index!=0">
                                                <a class="" :href="it.murl" v-text="it.mname"></a>
                                                <span class="arrow">
														<i></i>
													</span>
                                                <ul class="sub-menu">
                                                    <template v-for="(its,index) in it.zycps">
                                                        <li class="menu-item">
                                                            <a href="javascript:;" @click="zycpclick(its.ptid)"
                                                               v-text="its.ptname"></a>
                                                        </li>
                                                    </template>
                                                </ul>
                                            </li>
                                        </template>
                                        <li class="menu-item" >
                                            <a href="#">关于我们</a>
                                            <span class="arrow"><i></i></span>
                                            <ul class="sub-menu">
                                                <li class="menu-item">
                                                    <a href="/viewabout">公司简介</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="/viewcontact">联系我们</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </nav>
                            <div class="search-box">
                                <form method="POST">
                                    <input type="text" placeholder="搜索..." id="search-box" name="s" value="">
                                    <div class="search-icon display-flex-center">
                                        <i class="la la-search"></i>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 小屏 -->
        <div class="hidden-tablet-landscape-up header-mobile ">
            <div class="header-top-mobile">
                <div class="container-fluid">
                    <div class="logo">
                        <a href="/view">
                            <img src="images/icon/logo22.png" height="50px" alt="杭州得实">
                        </a>
                    </div>
                    <div class="search-box">
                        <form method="POST ">
                            <input type="text" placeholder="搜索..." name="s" value="">
                            <div class="search-icon font-color-white display-flex-center bg-white">
                                <i class="fa fa-search" style="font-size: 150%;" aria-hidden="true"></i>
                            </div>
                        </form>
                    </div>
                    <button class="hamburger hamburger--spin hidden-tablet-landscape-up" id="toggle-icon">
							<span class="hamburger-box">
								<span class="hamburger-inner"></span>
							</span>
                    </button>
                </div>
            </div>
        </div>
        <transition name="div">
            <div class="au-nav-mobile w-50 ">
                <nav class="menu-mobile">
                    <div>
                        <ul class="au-navbar-menu">
                            <template v-for="(it,index) in menu">
                                <li class="menu-item curent-menu-item" v-if="index==0">
                                    <a class="" :href="it.murl" v-text="it.mname"></a>
                                </li>
                                <li class="menu-item" v-if="index!=0">
                                    <a class="" :href="it.murl" v-text="it.mname"></a>
                                    <span class="arrow"><i></i></span>
                                    <ul class="sub-menu">
                                        <template v-for="(its,index) in it.zycps">
                                            <li class="menu-item">
                                                <a href="javascript:;" @click="zycpclick(its.ptid)"
                                                   v-text="its.ptname"></a>
                                            </li>
                                        </template>
                                    </ul>
                                </li>
                            </template>
                            <li class="menu-item" >
                                <a href="#">关于我们</a>
                                <span class="arrow"><i></i></span>
                                <ul class="sub-menu">
                                    <li class="menu-item">
                                        <a href="/viewabout">公司简介</a>
                                    </li>
                                    <li class="menu-item">
                                        <a href="/viewcontact">联系我们</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>

            </div>
        </transition>
    </header>
    <main>
        <!-- 正文 -->
        <section class="slideshow ">
            <!-- 轮播上的字体 -->
            <div id="au_rev_slider2" class="rev_slider fullscreenbanner slide-content " style="display:none;"
                 data-version="5.4.1">
                <ul>
                    <li :data-index="['rs-8'+index]" :data-transition="transition[index+1]" :data-thumb="it.piurl"
                        v-for="(it,index) in myimg">
                        <!-- MAIN IMAGE -->
                        <img :src="it.piurl" :alt="it.piurl">

                        <!-- LAYERS -->
                        <div class="tp-caption tp-resizeme slide-title slide-title-uppercase"
                             data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                             data-responsive="on" data-x="['left','left','center','center']"
                             data-hoffset="['5',100,'0','0']" data-y="['center','center','center','center']"
                             data-voffset="['-100','-100','-120','-120']" data-width="['570', '570', '570', '480']"
                             data-fontsize="['40','40','30','25']"
                             data-color="['#f2f2f2']" data-fontweight="['bold']"
                             data-textalign="['left','left','center','center']"
                             data-lineheight="['58','58','40','40']" data-whitespace="normal" v-html="it.pititle"
                             v-if="it.pititle!=shows">
                        </div>
                        <div class="tp-caption tp-resizeme slide-desc"
                             data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                             data-responsive="on" data-x="['left','left','center','center']"
                             data-hoffset="['5',100,'0','0']" data-y="['center','center','center','center']"
                             data-voffset="['-4', '-4', '-20', '-20']" data-width="['550', '600', '700', '480']"
                             data-height="['auto']"
                             data-whitespace="normal" data-type="text"
                             data-textalign="['left','left','center','center']" data-fontsize="['13','13','18','18']"
                             data-color="['#f2f2f2']" data-lineheight="['27','27','35','35']" v-html="it.piremark"
                             v-if="it.piremark!=shows">
                        </div>
                        <!--<a href="#" class="tp-caption tp-resizeme slide-btn" data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                           data-responsive="on" data-x="['left','left','center','center']" data-hoffset="['5',100,'0','0']" data-y="['center','center','center','center']"
                           data-voffset="['85', '85', '85', '85']" data-width="['auto']" data-height="['auto']" data-type="text"
                           data-textalign="['center']" data-paddingtop="[13, 13, 13, 13]" data-paddingright="[53, 53, 53, 53]"
                           data-paddingbottom="[13, 13, 13, 13]" data-paddingleft="[53, 53, 53, 53]" data-fontsize="['14','14','20','20']"
                           data-lineheight="['25']"  v-if="it.pititle!=shows && it.piremark!=shows">
                            了解详情
                        </a>-->
                    </li>
                </ul>
            </div>
            <!-- 结束 -->
        </section>
        <!-- 主要产品 -->
        <section class="our-team  section-bg-overlay p-5 w-100">
            <div class="container">
                <div class="section-title section-title-left">
                    <h3><a class="menu-item" style="color: #0b1316" @click="zycpclick(it.ptid)">主要产品</a></h3>
                </div>
                <div class="our-team-content">
                    <div class="row">
                        <div class="p-3 col-12" v-for="(it,index) in zycp">
                            <article class="item wow fadeIn p-0 border-0" data-wow-delay="0.1s">
                                <div class="item-thumb pt-2">
                                    <a href="javascript:;" @click="zycpclick(it.ptid)">
                                        <img class="img-fluid" style="width: 48px;height: 48px; margin: 15px auto"
                                             :src="it.pticon" :alt="it.pticon">
                                        <span class="overlay"></span>
                                    </a>
                                </div>
                                <div class="info p-3 text-left">
                                    <h6 class="title job-title text-center p-2">
                                        <a href="javascript:;" @click="zycpclick(it.ptid)"><span
                                                v-text="it.ptname"></span></a>
                                    </h6>
                                    <div class="course-desc mysl" v-text="it.ptsubhead">
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        </section>
        <!--解决方案-->
        <!--<section class="our-team section-padding-large section-bg-overlay p-5" style="background:linear-gradient(#00CCFF,#fff1eb);">
            <div class="container">
                <div class="section-title section-title-left">
                    <h2><a class="menu-item" style="color: #0b1316" href="/viewprojall">解决方案</a></h2>
                </div>
                <div class="our-team-content">
                    <div class="row courses-content featured-course-slider text-left">
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12" v-for="(it,index) in jjfa">
                            <article class="item wow fadeIn p-0" data-wow-delay="0.1s">
                                <div class="item-thumb">
                                    <a href="javascript:;" @click="jjfaclick(it.psid)" >
                                        <img :src="it.psimg" class="img-fluid img-thumbnail" style="height:250px;margin: 0 auto" alt="">
                                        <span class="overlay"></span>
                                    </a>
                                </div>
                                <div class="info p-5 text-left">
                                    <span class="teacher pt-3">标准解决方案案例</span>
                                    <h4 class="title pt-2 ">
                                        <a href="javascript:;" @click="jjfaclick(it.psid)">问题:<span v-text="it.pstitle"></span></a>
                                    </h4>
                                    <div class="course-desc mysl" v-text="it.pstrouble">
                                    </div>
                                    <div class="desc display-flex pl-0">
                                        <div class="comments-students ">
                                            <a href="#" class="comments"><i class="fas fa-user"></i>已解决&emsp;<span v-text="it.pssolve"></span></a>
                                            <a href="#" class="students"><i class="fas fa-book"></i>疑问&emsp;<span v-text="it.psquery"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        -->
        <!-- 案例 -->
        <section class="events  bg-parten-2 p-5" style="background:linear-gradient(#00CCFF,#fff1eb);">
            <div class="sect10">
                <div class="container container-carousel">
                    <div class="section-title section-title-center">
                        <h3><a href="javascript:;" @click.stop="anliclick()" style="color: #0b1316">部分案例</a></h3>
                    </div>
                    <div class="community-carousel gd2 p-0">
                        <div class="swiper-container">
                            <div class="swiper-wrapper js_animeSwiper">
                                <div class="swiper-slide col-xl-3 col-lg-3 col-md-4 col-sm-4 col-12" v-for="it in anli">
                                    <article class="item hover-scale" @click.stop="anliclick(it.cid)">
                                        <figure class="text-center">
                                            <a href="javascript:;">
                                                <img :src="it.cimg" :alt="it.cimg" alt="" class="img-fluid"
                                                     style="height: 150px;">
                                            </a>
                                            <div class="hover-border">
                                                <p class="desc m-5 text-white t-ellipsis" v-text="it.cdescribe">
                                                </p>
                                            </div>
                                        </figure>
                                        <div class="info">
                                            <h6 class="title m-3 text-center">
                                                <a href="javascript:;" v-text="it.ctitle">
                                                </a>
                                            </h6>
                                        </div>
                                    </article>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="community-carousel gd1 p-0">
                        <div class="swiper-container">
                            <div class="swiper-wrapper js_animeSwiper">
                                <div class="swiper-slide col-xl-2 col-lg-2 col-md-6 col-sm-6 col-12" v-for="it in anli">
                                    <div class="slide-holder">
                                        <div class=" m-0">
                                            <img :src="it.clogo" class="img-fluid" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--<div class="swiper-btn-next" style="margin-right: -30px;"></div>
                        <div class="swiper-btn-prev" style="margin-left: -30px;"></div>-->
                    </div>
                </div>
            </div>
        </section>
        <!-- 新闻公告 -->
        <section class="events  col-12  p-5" style="background-color: #EEEEEE">
            <div class="container ">
                <div class="section-title section-title-center">
                    <h3><a style="color: #0b1316" href="/viewjour">新闻公告</a></h3>
                </div>
                <div class="events-content ">
                    <article class="item display-flex m-1" v-for="it in xwgg">
                        <div class="info">
                            <div class="post-date display-flex-center  h-100">
                                <span class="date" v-text="it.jdate"></span>
                                <span class="month">日</span>
                            </div>
                                <h6 class="title">
                                    <a href="javascript:;" @click="xwggclick(it.jid)" v-text="it.jtitle"></a>
                                </h6>
                            <p class="desc cc" v-text="it.jsketch">
                            </p>
                        </div>
                        <figure>
                            <a href="javascript:;" @click="xwggclick(it.jid)">
                                <i class="fa fa-reply" aria-hidden="true"></i> 了解更多
                            </a>
                        </figure>
                    </article>

                </div>
            </div>
        </section>
      <!--  <section class="events  col-12  p-5" style="background-color: #EEEEEE">
            <div class="container ">
                <div class="section-title section-title-center">
                    <h3><a style="color: #0b1316" href="/viewjour">新闻公告</a></h3>
                </div>
                <div class="events-content ">
                    <article class="myitem  m-1 p-3">
                        <ul class="p-0">
                            <li class="border-bottom" v-for="it in xwgg" @click="xwggclick(it.jid)">
                                <h6 class="title p-2">
                                    <a href="javascript:;" v-text="it.jtitle"></a>
                                    <span class="float-right" v-text="it.jdate"></span>
                                </h6>
                                <p class="desc cc " v-text="it.jsketch">
                                </p>
                            </li>
                        </ul>

                    </article>

                </div>
            </div>
        </section>-->
    </main>
    <!-- Footer page -->
    <footer class="footer">
        <div class="footer-top">
            <div class="container">
                <div class="footer-top-content p-0">
                    <div class="row p-3">
                        <div class="col-xl-9 col-lg-9 col-md-6 col-sm-6 col-12">
                            <div class="footer-logo">
                                <img src="images/icon/logo11.png" style="height: 55px!important;"
                                     alt="杭州得实电子技术有限公司">
                                <div class="copyright footer-contact text-left ">
                                    <div class="col-xs-12 col-md-5 col-sm-5 col-lg-5 float-left">
                                        &copy;版权所有：杭州得实电子技术有限公司
                                    </div>
                                    <div class="col-xs-12 col-md-3 col-sm-3 col-lg-3 float-left">
                                        <a href="http://beian.miit.gov.cn" target="_blank" class="text-white">
                                            浙ICP备18042619号-1
                                        </a>
                                    </div>
                                    <div class="col-xs-12 col-md-4 col-sm-4 col-lg-4 float-left">
                                        <a target="_blank" class="text-white"
                                           href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602010373">
                                            <img src="images/beian.png"/>
                                            浙公网安备 33010602010373号
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 ">
                            <div class="">
                                <p><span>客户服务：(86) 0571-81953816</span></p>
                                <p><span>传&emsp;&emsp;真：(86)0571-81953817</span></p>
                                <p><span>电子邮箱：deshi@mail.hz.zj.cn</span></p>
                            </div>
                        </div>
                        <div class="footer-bottom-content col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-0">

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </footer>

    <!-- Back to top -->
    <div id="back-to-top">
        <i class="fa fa-angle-up"></i>
    </div>
</div>
<!-- JS -->
<!-- Jquery and Boostrap library -->
<script src="view/popper.min.js" type="text/javascript"></script>
<script src="view/jquery.min.js" type="text/javascript"></script>
<script src="view/bootstrap.min.js" type="text/javascript"></script>

<!-- Vendor JS -->
<script src="view/slick.min.js" type="text/javascript"></script>
<script src="view/bootstrap-progressbar.min.js" type="text/javascript"></script>
<script src="view/jquery.waypoints.min.js" type="text/javascript"></script>
<script src="view/jquery.validate.min.js" type="text/javascript"></script>
<script src="view/sweetalert.min.js" type="text/javascript"></script>
<script src="view/jquery.fancybox.min.js" type="text/javascript"></script>
<script src="view/moment.min.js" type="text/javascript"></script>
<script src="view/fullcalendar.min.js" type="text/javascript"></script>
<script src="view/wow.min.js" type="text/javascript"></script>

<!-- 旋转滑块 -->

<script src="view/jquery.themepunch.tools.min.js" type="text/javascript"></script>
<script src="view/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
<script src="view/revolution.extension.slideanims.min.js" type="text/javascript"></script>
<script src="view/revolution.extension.layeranimation.min.js" type="text/javascript"></script>
<script src="view/revolution.extension.navigation.min.js" type="text/javascript"></script>

<!-- 轮播 -->
<script src="js/view/swiper.min.js" type="text/javascript"></script>
<!-- vue JS -->
<script src="js/vue/vue.js" type="text/javascript"></script>
<script src="js/vue/axios.min.js" type="text/javascript"></script>
<script src="js/base64.min.js" type="text/javascript"></script>
<script src="js/view/viewindex.js" type="text/javascript"></script>
<!-- Main JS -->
<script src="js/view/main.js" type="text/javascript"></script>

</body>

</html>
