<!doctype html>
<html lang="zh-cmn-Hant">
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>鲸禧工业设计公司-产品外观设计-结构设计-工业产品设计公司</title>
<meta name="description" content="深圳鲸禧工业设计公司是深圳知名的产品设计与制造企业,专业提供产品外观设计,产品结构设计,医疗产品设计,医疗器械设计,医疗设备设计,三防产品设计,消费电子设计,机械设备设计,家电设计,储能电源设计等产品设计及生产供应链管理的综合服务供应商；荣获国家级高新技术企业，深圳市十大工业设计服务机构。"/>
<meta name="keywords" content="鲸禧工业设计,工业设计公司,工业设计,产品设计公司,产品外观设计,产品结构设计,医疗产品设计,医疗器械设计,医疗设备设计,三防产品设计,消费电子设计,机械设备设计,家电设计,储能电源设计"/>
<!-- 控制缩放比例 -->
<meta name="viewport" content="initial-scale=1.0,width=device-width,height=device-height,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<!-- css -->
<link rel="stylesheet" type="text/css" href="/skin/css/reset.css">
<link rel="stylesheet" type="text/css" href="/skin/css/base.css">
<link rel="stylesheet" type="text/css" href="/skin/css/layout.css">

<link rel="stylesheet" type="text/css" href="/skin/css/animate.css">
<link rel="stylesheet" type="text/css" href="/skin/css/mobile.css">
<link rel="stylesheet" type="text/css" href="/skin/css/media.css">
<!-- <link rel="stylesheet" href="/skin/about/dist/css/ckin.css"> -->
<!-- js -->
<!-- <script type="text/javascript" src="/skin/js/cookie.js"></script> -->
<script type="text/javascript" src="/skin/js/swiper.jquery.min.js"></script>
    <style>


@media screen and (max-width: 768px) {  
  .content {  
    font-size: 12px; /* 设置移动端字体大小 */  
  } 
}
@media screen and (max-width: 768px) { 
  .company-intro {  
    margin-top: 1px;
    padding: 20px;
        }  
}

    </style>
</head>
<body>
<!-- Header -->
<style>

   .pc_menu_ul{
         margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
   }
   .pc_menu_ul li a{
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
       background: transparent;
	}
   .wrap {
		width: 96%;
		margin: 0 auto;
		/* max-width: 1200px; */
		position: relative;
	}

    .flt {
        float:left;
        transform: translateY(-20px);
    }
    .frt {
        float:right;
        transform: translateY(-18px);
    }
    .search {
        margin-left:20px;

    }
    .search form {
        position: relative;
    }
    .search input.keyword{
       font-family:"微软雅黑","Open Sans",sans-serif;
        /*font-size:1.2em;*/
        text-indent: 10px;
        width: 150px;
        font-size: 14.5px;
        line-height:30px;
        box-sizing: unset;
        border:none;
    }
    .search input::-webkit-input-placeholder {
        /* 修改字体颜色 */
        opacity: 0.5;
    }

    .search input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        opacity: 0.5;
    }

    .search input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        opacity: 0.5;
    }
    .search button {
        background:url('/skin/about/picture/ss.png') no-repeat 0px 0px;
        background-size: 100% 100%;
        position:absolute;
        z-index:2;
        zoom:1;
        border:0;
        cursor:pointer;
        width:26px;
        height:26px;
       

        /*width:40px;*/
        /*height:40px;*/
        /*line-height:41px;*/
        /*line-height:40px\9;*/
        border-radius:0 10px 10px 0;
        font-size:17px;
        box-shadow:none;
        font-weight:400;

        outline:0;
        letter-spacing:normal;
        margin-left:-30px;
        margin-top:38px;
    }
   
    .header {
        background:rgba(0, 0, 0, 0.245);
        line-height:100px;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:1000;
        height: 60px;
    }
    .play_icon {
        width:8%;
        opacity:.8;
        position:absolute;
        z-index:2;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    video.video-js {
        max-height:800px;
    }
    .logo img {
        vertical-align:middle;
    }
    .menu li.on a,.menu li a:hover {
        color:#fff;
    }

    @media only screen and (max-width:900px) {
        .menu {
            position:fixed;
            top:60px;
            left:-100%;
            width:100%;
            height:100%;
            display:block;
            z-index:999999;
        }
        .menu ul li {
            float:none;
            display:block;
            border-bottom:1px solid #ddd;
            padding:0;
        }
        .menu ul li a {
            line-height:45px;
            font-size:18px;
        }
        .menu ul {
            padding-top:10px;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: space-around;
			background-color: #0000003d;
        }
        .header .logo {
            position:relative;
            z-index:1001;
        }
        .menu_wrap {
            position:absolute;
            top:10px;
            width:40px;
            height:40px;
            background:url(/skin/about/images/menu.png) no-repeat center center #be9a78;
            background-size:25px auto;
            right:5px;
        }
        .h_menu .menu_wrap {
            background:url(/skin/about/images/menu-1.png) no-repeat center center #be9a78;
            background-size:25px auto;

        }
        .h_menu .menu {
            left:0;
        }
        .header {
            height:60px;
        }
        .mainer {
            margin-top:60px;
        }
        .menu li.on a,.menu li a:hover {
            color:#fb3546
        }
    }
    @media only screen and (max-width:1300px) {
        .search {
        display:none;

    }
        @media only screen and (min-width: 960px) {
            .search {
                display:flex;
                align-items: center;
            }
        }
}
@media only screen and (max-width:1000px) {
    .menu_wrap {
        position: absolute;
        top: 10px;
        width: 40px;
        height: 40px;
        background: url(/skin/about/images/menu.png) no-repeat center center #be9a78;
        background-size: 25px auto;
        right: 5px;
    }
}

@media (min-width: 750px){
    .hc-ul {
        display: flex;
        justify-content: space-evenly;
    }
}

    .menu li {
        margin-top:0 !important;
        margin-bottom: 0 !important;
        line-height: 20px;
    }
    .pc_menu_ul:hover {  
       color: red; 
}


 
  
nav ul {  
  list-style: none;  
  margin: 0;  
  padding: 0;  
  display: flex;  
}  
  
nav ul li {  
  position: relative;  
}  
  
.nav-link-wrapper {  
  display: flex;  
  align-items: center;  
  justify-content: center;  
  width: 100px; /* 设置固定宽度，根据需要进行调整 */  
}  
  
nav ul li a {  
  display: block;  
  padding: 10px 20px;  
  color: #fff;  
  text-decoration: none;  
  transition: color 0.3s ease;  
  text-align: center;  
}
.nav-link:hover {  
  border-bottom: 2px solid red; /* 添加红线，线粗2px，颜色为红色 */  
}

   </style>
   <!-- js --> 
<script type="text/javascript" src="/skin/js/jquery.min.js"></script>

<head>

<div class="Header-wrapper">
    <div class="Header-cl"></div>
  </div>

<script type="text/javascript" src="/skin/about/js/wow.js"></script>
 <script type="text/javascript" src="/skin/about/js/main.js"></script>  

  <div class="header">
			<div class="wrap">
				<div class="logo flt">
					<a href="/">
						<img src="/static/upload/image/20221104/1667530400135698.png" />
					</a>
				</div>

            <div style="height:100px;display:flex;align-items: center;float:right;">
                <div class="menu frt pc_menu">


                    <nav>  
                        <ul>  
                          <li class="nav-item">  
                            <div class="nav-link-wrapper">  
                              <a href="/sjal/" class="nav-link" data-en="Work" data-zh="案例">Work</a>  
                            </div>  
                          </li>  
                          <li class="nav-item">  
                            <div class="nav-link-wrapper">  
                              <a rel="nofollow" class="nav-link" href="/fuwu/" data-en="Sercice" data-zh="服务">Sercice</a>  
                            </div>  
                          </li>  
                          <li class="nav-item">  
                            <div class="nav-link-wrapper">  
                              <a href="/dtzx/" class="nav-link" data-en="News" data-zh="新闻">News</a>  
                            </div>  
                          </li>  
                          <li class="nav-item">  
                            <div class="nav-link-wrapper">  
                              <a rel="nofollow" class="nav-link" href="/gybh/" data-en="About" data-zh="关于">About</a>  
                            </div>  
                          </li>  
                          <li class="nav-item">  
                            <div class="nav-link-wrapper">  
                              <a rel="nofollow" class="nav-link" href="/lxwm/" data-en="Contact" data-zh="联系">Contact</a>  
                            </div>  
                          </li> 
                        </ul>  
                      </nav>


                </div>
            </div>
				<div class="menu_wrap"></div>
				<div class="clear"></div>
			</div>
		</div>


        
<!-- 统计代码 -->


<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0b0577f8c2d6e35f3b030b8bc301aae7";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>





<!-- 头条收录代码 -->
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?83d6bc90aa71b6a35e5aec202d066e3e6eb9c43cc8ef7a213e2788e1462ab13fbc434964556b7d7129e9b750ed197d397efd7b0c6c715c1701396e1af40cec962b8d7c8c6655c9b00211740aa8a98e2e";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>


<!-- 网站导航中英文转换效果js -->
<script>
    const navItems = document.querySelectorAll('.nav-item a');  
      
    navItems.forEach(navItem => {  
      navItem.addEventListener('mouseover', () => {  
        const zhText = navItem.dataset.zh;  
        if (zhText) {  
          navItem.innerText = zhText;  
        }  
      });  
        
      navItem.addEventListener('mouseout', () => {  
        const enText = navItem.dataset.en;  
        if (enText) {  
          navItem.innerText = enText;  
        }  
      });  
    });
    </script>

</head>
<!-- Header -->
<div class="slideshow-container">  
      
    <div class="mySlides fade">  
        <img src="/static/upload/image/20250228/1740732441994011.jpg" style="width:100%">  
    </div>  
      
    <div class="mySlides fade">  
        <img src="/static/upload/image/20250303/1740981233806216.jpg" style="width:100%">  
    </div>  
      
    <div class="mySlides fade">  
        <img src="/static/upload/image/20240910/1725958552597851.jpg" style="width:100%">  
    </div>  
      
    <div class="mySlides fade">  
        <img src="/static/upload/image/20240831/1725074777389266.jpg" style="width:100%">  
    </div>  
      
    <div class="mySlides fade">  
        <img src="/static/upload/image/20250303/1740981578784931.jpg" style="width:100%">  
    </div>  
      
    <!-- 下方小圆点 -->  
    <div class="xiaodian">  
        <span class="dot" onclick="currentSlide(1)"></span>  
        <span class="dot" onclick="currentSlide(2)"></span>  
        <span class="dot" onclick="currentSlide(3)"></span>  
        <span class="dot" onclick="currentSlide(4)"></span>  
        <span class="dot" onclick="currentSlide(5)"></span>  
    </div>  
</div>

<style> 

.xiaodian {
text-align:center;
margin-top: -20px;
}

.slideshow-container {  
    position: relative;  
    margin: auto;  
}  
  
.mySlides {  
    display: none;  
    animation: fadeEffect 1s; /* 动画效果 */  
}  
  
.fade {  
    animation-name: fadeEffect;  
}  
  
@keyframes fadeEffect {  
    from {opacity: 0.4}  
    to {opacity: 1}  
}  
  
.dot {  
    cursor: pointer;  
    height: 15px;  
    width: 15px;  
    margin: 0 2px;  
    background-color: #bbb;  
    border-radius: 50%;  
    display: inline-block;  
    transition: background-color 0.6s ease;  
}  
  
.active, .dot:hover {  
    background-color: #717171;  
}
</style> 


<script> 

var slideIndex = 0;  
showSlides();  
  
function showSlides() {  
    var i;  
    var slides = document.getElementsByClassName("mySlides");  
    var dots = document.getElementsByClassName("dot");  
    for (i = 0; i < slides.length; i++) {  
        slides[i].style.display = "none";    
    }  
    slideIndex++;  
    if (slideIndex > slides.length) {slideIndex = 1}      
    for (i = 0; i < dots.length; i++) {  
        dots[i].className = dots[i].className.replace(" active", "");  
    }  
    slides[slideIndex-1].style.display = "block";    
    dots[slideIndex-1].className += " active";  
    setTimeout(showSlides, 5000); // Change image every 5 seconds  
}

</script> 
<!-- 公司介绍 -->


<div class="company-intro">  
  <h2 class="title">COMPANY  INTRODUCTION  鲸禧设计简介</h2>  
  <p class="content">  
    深圳鲸禧工业设计有限公司，国家级高新技术企业，深圳市十佳工业设计服务机构，深圳市市级创新创客服务平台，深圳市专精特新科技企业。团队始创于2013年，曾隶属于深圳一家A股上市企业的技术产品开发部，主要为一线终端客户提供全链式工业设计开发及智造服务，总部位于深圳。<br><br>业务领域包括智能消费类电子、智能家居周边、新能源、工业三防、工控智能、宠物电子、专业医疗等，主要为一线终端客户提供工业设计开发及整机生产服务（ ODM/JDM/OEM ），服务过众多世界百强企业，总部位于中国深圳。<br><br>鲸禧设计汇聚了一群海内外跨界创意精英及管理人员 ，团队囊获德国红点、IF、日本G-Mark、中国红星奖、美国CES创新等国内外设计知名大奖，是一家兼具国际前瞻视野、新锐创新思想的国内综合型创意设计公司。<br><br>公司全面通过国家知识产权贯标体系认证，是国内首批通过贯标体系认证的设计企业。在行业内拥有品牌、设计、研发、电子软硬件、快速制造及视觉营销等多领域专业人才，率先提出“基于全产业链的设计创新”服务理念，坚持以工业设计思维赋能企业创新及商业价值的原则，致力于为客户提供从产品概念到市场导入的一站式设计服务解决方案。
  </p>  
</div>


<!-- 公司历程 -->
<div class="achievements">  
  <div class="achievement" data-target="60">  
      <div class="number">1</div><span class="plus-sign">+</span>  
      <div class="label">荣获奖项</div>
      <div class="labell">RECEIVED AWARDS</div> 
  </div>  

  <div class="divider"></div> 

  <div class="achievement" data-target="3000">  
      <div class="number">1</div><span class="plus-sign">+</span>  
      <div class="label">设计案例</div>
      <div class="labell">DESIGN CASE</div>   
  </div>  

  <div class="divider"></div> 

  <div class="achievement" data-target="500">  
      <div class="number">1</div><span class="plus-sign">+</span>  
      <div class="label">合作客户</div> 
      <div class="labell">COOPERATIVE CLIENTS</div>  
  </div>  

  <div class="divider"></div> 

  <div class="achievement" data-target="70">  
      <div class="number">1</div><span class="plus-sign">+</span>  
      <div class="label">设计团队</div> 
      <div class="labell">DESIGN TEAM</div>   
  </div>  
</div>


<!-- 服务项目 -->

<div class="case our-customer-box">
  <div class="new-customer-list">
    <ul class="clearfix">
      <li><img class="small-image" src="/skin/img/1.png"></li>
      <li><img class="small-image" src="/skin/img/2.png"></li>
      <li><img class="small-image" src="/skin/img/3.png"></li>
      <li><img class="small-image" src="/skin/img/4.png"></li>
    </ul>
  </div>
</div>

<style>
.small-image:hover {  
  animation: shake 0.5s;  
  animation-iteration-count: infinite;  
}
.small-image {  
    transition: transform 0.1s ease;  
}  
@keyframes shake {  
    0% { transform: translate(1px, 1px) rotate(0deg); }  
    10% { transform: translate(-1px, -2px) rotate(-1deg); }  
    20% { transform: translate(-3px, 0px) rotate(1deg); }  
    30% { transform: translate(3px, 2px) rotate(0deg); }  
    40% { transform: translate(1px, -1px) rotate(1deg); }  
    50% { transform: translate(-1px, 2px) rotate(-1deg); }  
    60% { transform: translate(-3px, 1px) rotate(0deg); }  
    70% { transform: translate(3px, 1px) rotate(-1deg); }  
    80% { transform: translate(-1px, -1px) rotate(1deg); }  
    90% { transform: translate(1px, 2px) rotate(0deg); }  
    100% { transform: translate(1px, -2px) rotate(-1deg); }  
}



.case {
  padding: 75px 40px 0;
}
.case .main-title {
  margin-bottom: 80px;
  }

.case ul {
  margin-right: -10px;
  }

.our-customer-box .new-customer-list li {
  float: left;
  list-style: none;
  width: 25%;
  display: flex;
	justify-content: space-around;
  }
.case ul li {
  padding: 0 10px 10px 0;
  }
.our-customer-box .new-customer-list li img {
  max-width: 30%; 
  max-height: 30%;
  }

</style>

<!-- 作品案例 -->
<div class="I-title">
</div>
<div class="nbaa">
    <div class="news-nav clearfix">
      <ul class="hc-ul ul-block clearfix">
        <li>
          <a rel="nofollow" href="/sjal/" >
            全部案例
            <div class="enname">whole</div>
          </a>
        </li>
  

        
        <li>
          <a rel="nofollow" href="/bjjx/" >
            机械设备设计
            <div class="enname">mechanical </div>
          </a>
        </li>
  
        <li>
          <a rel="nofollow" href="/smjk/" >
            医疗器械设计
            <div class="enname">medical treatment</div>
          </a>
        </li>
  
        <li>
          <a rel="nofollow" href="/cdcn/" >
            充电储能设计
            <div class="enname">charging</div>
          </a>
        </li>
  
        <li>
          <a rel="nofollow" href="/znhl/" >
            智能终端设计
            <div class="enname">terminal</div>
          </a>
        </li>
  
        <li>
          <a rel="nofollow" href="/shdq/" >
            家用电器设计
            <div class="enname">Home furnishings</div>
          </a>
        </li>

                <li>
          <a rel="nofollow" href="/chongwu/" >
            宠物产品设计
            <div class="enname">Pet products</div>
          </a>
        </li>
  
        <li>
          <a rel="nofollow" href="/ppsj/" >
            品牌设计
            <div class="enname">brand</div>
          </a>
        </li>
  
        <li>
          <a rel="nofollow" href="/jtcx/" >
            其他设计
            <div class="enname">Other designs</div>
          </a>
        </li>
        
        <span class="curBlock"></span>
      </ul>
    </div>

 <!-- 最新案例 -->

 
 <div class="index_word_box">
   <div class="work_list_box page_work_list_box">
     <div class="row">
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/znhl/4085.html" class="work_img"> <img src="/static/upload/image/20241121/1732179798870974.jpg" class="img-responsive"/> </a> 
           <a href="/znhl/4085.html" class="bg"></a> 
           <a href="/znhl/4085.html" class="work_btn"> <span class="txt1">空气净化器设计</span> 
             <em></em> 
             <span class="txt2">智能终端</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/shdq/3816.html" class="work_img"> <img src="/static/upload/image/20240910/1725958137871171.jpg" class="img-responsive"/> </a> 
           <a href="/shdq/3816.html" class="bg"></a> 
           <a href="/shdq/3816.html" class="work_btn"> <span class="txt1">家用吸尘器设计</span> 
             <em></em> 
             <span class="txt2">智能家居</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/shdq/3682.html" class="work_img"> <img src="/static/upload/image/20240731/1722405356506417.jpg" class="img-responsive"/> </a> 
           <a href="/shdq/3682.html" class="bg"></a> 
           <a href="/shdq/3682.html" class="work_btn"> <span class="txt1">冲牙器设计</span> 
             <em></em> 
             <span class="txt2">智能家居</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/shdq/3163.html" class="work_img"> <img src="/static/upload/image/20240716/1721114286968210.jpg" class="img-responsive"/> </a> 
           <a href="/shdq/3163.html" class="bg"></a> 
           <a href="/shdq/3163.html" class="work_btn"> <span class="txt1">电动牙刷设计</span> 
             <em></em> 
             <span class="txt2">智能家居</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/shdq/3510.html" class="work_img"> <img src="/static/upload/image/20240621/1718952076945033.jpg" class="img-responsive"/> </a> 
           <a href="/shdq/3510.html" class="bg"></a> 
           <a href="/shdq/3510.html" class="work_btn"> <span class="txt1">家用榨汁机设计</span> 
             <em></em> 
             <span class="txt2">智能家居</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/shdq/3512.html" class="work_img"> <img src="/static/upload/image/20240621/1718957551887697.jpg" class="img-responsive"/> </a> 
           <a href="/shdq/3512.html" class="bg"></a> 
           <a href="/shdq/3512.html" class="work_btn"> <span class="txt1">桌面净水器设计</span> 
             <em></em> 
             <span class="txt2">智能家居</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/znhl/3537.html" class="work_img"> <img src="/static/upload/image/20240625/1719286660540750.jpg" class="img-responsive"/> </a> 
           <a href="/znhl/3537.html" class="bg"></a> 
           <a href="/znhl/3537.html" class="work_btn"> <span class="txt1">三防手持机设计</span> 
             <em></em> 
             <span class="txt2">智能终端</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/znhl/2640.html" class="work_img"> <img src="/static/upload/image/20241219/1734599734769321.jpg" class="img-responsive"/> </a> 
           <a href="/znhl/2640.html" class="bg"></a> 
           <a href="/znhl/2640.html" class="work_btn"> <span class="txt1">嵌入式工控机设计</span> 
             <em></em> 
             <span class="txt2">智能终端</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/znhl/3034.html" class="work_img"> <img src="/static/upload/image/20240401/1711965827892424.jpg" class="img-responsive"/> </a> 
           <a href="/znhl/3034.html" class="bg"></a> 
           <a href="/znhl/3034.html" class="work_btn"> <span class="txt1">PLC控制器设计</span> 
             <em></em> 
             <span class="txt2">智能终端</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/bjjx/3668.html" class="work_img"> <img src="/static/upload/image/20240726/1721982594920940.jpg" class="img-responsive"/> </a> 
           <a href="/bjjx/3668.html" class="bg"></a> 
           <a href="/bjjx/3668.html" class="work_btn"> <span class="txt1">大型加工中心设备外观设计</span> 
             <em></em> 
             <span class="txt2">机械设备</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/bjjx/1578.html" class="work_img"> <img src="/static/upload/image/20240319/1710812172422564.jpg" class="img-responsive"/> </a> 
           <a href="/bjjx/1578.html" class="bg"></a> 
           <a href="/bjjx/1578.html" class="work_btn"> <span class="txt1">大型吹膜机设备设计</span> 
             <em></em> 
             <span class="txt2">机械设备</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/bjjx/2712.html" class="work_img"> <img src="/static/upload/image/20240111/1704959765879873.jpg" class="img-responsive"/> </a> 
           <a href="/bjjx/2712.html" class="bg"></a> 
           <a href="/bjjx/2712.html" class="work_btn"> <span class="txt1">非标机械设备设计</span> 
             <em></em> 
             <span class="txt2">机械设备</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/smjk/1809.html" class="work_img"> <img src="/static/upload/image/20230801/1690871002257393.jpg" class="img-responsive"/> </a> 
           <a href="/smjk/1809.html" class="bg"></a> 
           <a href="/smjk/1809.html" class="work_btn"> <span class="txt1">医用滤白柜设计</span> 
             <em></em> 
             <span class="txt2">健康医疗</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/smjk/2434.html" class="work_img"> <img src="/static/upload/image/20240418/1713405480314297.jpg" class="img-responsive"/> </a> 
           <a href="/smjk/2434.html" class="bg"></a> 
           <a href="/smjk/2434.html" class="work_btn"> <span class="txt1">医疗自助终端设备设计</span> 
             <em></em> 
             <span class="txt2">健康医疗</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/smjk/2756.html" class="work_img"> <img src="/static/upload/image/20240430/1714462383686623.jpg" class="img-responsive"/> </a> 
           <a href="/smjk/2756.html" class="bg"></a> 
           <a href="/smjk/2756.html" class="work_btn"> <span class="txt1">智能微高压氧疗舱设计</span> 
             <em></em> 
             <span class="txt2">健康医疗</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/cdcn/4333.html" class="work_img"> <img src="/static/upload/image/20250228/1740733898246381.jpg" class="img-responsive"/> </a> 
           <a href="/cdcn/4333.html" class="bg"></a> 
           <a href="/cdcn/4333.html" class="work_btn"> <span class="txt1">120KW直流充电桩设计</span> 
             <em></em> 
             <span class="txt2">充电储能</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/cdcn/3667.html" class="work_img"> <img src="/static/upload/image/20240726/1721977855258397.jpg" class="img-responsive"/> </a> 
           <a href="/cdcn/3667.html" class="bg"></a> 
           <a href="/cdcn/3667.html" class="work_btn"> <span class="txt1">电动汽车充电桩设计</span> 
             <em></em> 
             <span class="txt2">充电储能</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/cdcn/168.html" class="work_img"> <img src="/static/upload/image/20221219/1671435480220379.jpg" class="img-responsive"/> </a> 
           <a href="/cdcn/168.html" class="bg"></a> 
           <a href="/cdcn/168.html" class="work_btn"> <span class="txt1">国标直流充电枪设计</span> 
             <em></em> 
             <span class="txt2">充电储能</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/bjjx/3047.html" class="work_img"> <img src="/static/upload/image/20240422/1713772055195194.jpg" class="img-responsive"/> </a> 
           <a href="/bjjx/3047.html" class="bg"></a> 
           <a href="/bjjx/3047.html" class="work_btn"> <span class="txt1">智能代步车设计</span> 
             <em></em> 
             <span class="txt2">机械设备</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/bjjx/1803.html" class="work_img"> <img src="/static/upload/image/20240131/1706684347912780.jpg" class="img-responsive"/> </a> 
           <a href="/bjjx/1803.html" class="bg"></a> 
           <a href="/bjjx/1803.html" class="work_btn"> <span class="txt1">消防灭火机器人设计</span> 
             <em></em> 
             <span class="txt2">机械设备</span> </a> 
         </div>
       </div>
       
       <div class="col-md-4 col-sm-6 col-xs-12">
         <div class="work_img_box"> 
           <a href="/chongwu/4331.html" class="work_img"> <img src="/static/upload/image/20250225/1740465963520906.jpg" class="img-responsive"/> </a> 
           <a href="/chongwu/4331.html" class="bg"></a> 
           <a href="/chongwu/4331.html" class="work_btn"> <span class="txt1">宠物自动喂食器设计</span> 
             <em></em> 
             <span class="txt2">宠物产品设计</span> </a> 
         </div>
       </div>
       
     </div>
   </div>
   
 </div>
 </div>
 <div class="iCase-more"> <a rel="nofollow" href="/sjal/" class="btn I-more"><span>更多案例</span></a> </div>


 <!--合作客户-->

 <div class="about_client">
  <div class="container">
    <div class="row text-center">
      <div class="col-md-12">
        <h2>合作客户</h2>
        <h2 class="en">CUSTOMERS</h2>
      </div>
    </div>
    </div>


    <div class="hezuokehu">

        <img src="/static/upload/image/20231220/1703040131919589.png"/>
    
        </div>
</div>






 <!--荣誉奖项-->

 <div class="about_client">
    <div class="container">
      <div class="row text-center">
        <div class="col-md-12">
          <h2>荣誉奖项</h2>
          <h2 class="en">HONORAR AWARDS</h2>
        </div>
      </div>
      </div>
  
  
      <div class="hezuokehu">
  
          <img src="/static/upload/image/20231220/1703040042571363.png"/>
      
  </div>
  </div>



 <!--视频简介-->

 <div class="mainer" style="margin-top:0px;">
        <p>
            <video class="vjs-big-play-centered edui-upload-video  vjs-default-skin" class="video-cover" controls poster="skin/img/001.jpg" data-overlay="1" poster="" controls="" preload="none" width="100%" height="auto;" src="/skin/about/picture/456.mp4">       
            </video>    
        </p>
    <div class="shipin">
        <a rel="nofollow" href="/gybh/" title="" class="btn I-more"><span>了解更多</span> </a></div>

    </div>

 <!-- 动态资讯 -->

    
    <div class="index_news_box">
      <div class="container">
        <div class="title_header">
          <h2>新闻</h2>
          <div class="btn_box">
          
          <a href="/bhdt/" rel="nofollow" >鲸禧动态</a>
          
          <a href="/bhgd/" rel="nofollow" >工业设计百科</a>
          
          <a href="/jxsjbk/" rel="nofollow" >机械设计百科</a>
          
          <a href="/ylsjbk/" rel="nofollow" >医疗设计百科</a>
          
          <a href="/jdsjbk/" rel="nofollow" >家电设计百科</a>
          
          <a href="/dzsjbk/" rel="nofollow" >电子设计百科</a>
          
          <a href="/zdsjbk/" rel="nofollow" >终端设计百科</a>
          
          </div>
          <div class="clear"></div>
        </div>
        <ul class="imgNews_list">
          
          <li> <a href="/bhgd/4354.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250310/1741577622114341.jpg"/> </a> <a href="/bhgd/4354.html" rel="nofollow" class="name_btn">工业产品设计-工业产品外观设计要求</a> <a href="/bhgd/4354.html" rel="nofollow" class="details_btn"></a> </li>
          
          
          <li> <a href="/bhgd/4353.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250310/1741575333204237.jpg"/> </a> <a href="/bhgd/4353.html" rel="nofollow" class="name_btn">产品工业设计三要素：功能、形态与用户体验</a> <a href="/bhgd/4353.html" rel="nofollow" class="details_btn"></a> </li>
          
          
          <li> <a href="/bhgd/4352.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250310/1741574577806326.jpg"/> </a> <a href="/bhgd/4352.html" rel="nofollow" class="name_btn">产品工业设计公司排名前十强【评估标准】</a> <a href="/bhgd/4352.html" rel="nofollow" class="details_btn"></a> </li>
          
          
          <li> <a href="/bhgd/4351.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250310/1741574084116945.jpg"/> </a> <a href="/bhgd/4351.html" rel="nofollow" class="name_btn">产品工业设计公司如何帮助企业降低开发成本？</a> <a href="/bhgd/4351.html" rel="nofollow" class="details_btn"></a> </li>
          
          
          <li> <a href="/bhgd/4349.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250307/1741327756219330.jpg"/> </a> <a href="/bhgd/4349.html" rel="nofollow" class="name_btn">中国产品工业设计公司如何突破行业同质化竞争？</a> <a href="/bhgd/4349.html" rel="nofollow" class="details_btn"></a> </li>
          
          
          <li> <a href="/bhgd/4348.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250307/1741327342171654.jpg"/> </a> <a href="/bhgd/4348.html" rel="nofollow" class="name_btn">为什么深圳工业设计公司的设计成本继续高于二三线城市？</a> <a href="/bhgd/4348.html" rel="nofollow" class="details_btn"></a> </li>
          
          
          <li> <a href="/bhgd/4347.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250306/1741227245344462.jpg"/> </a> <a href="/bhgd/4347.html" rel="nofollow" class="name_btn">工业设计公司擅长哪些领域？如何匹配项目需求？</a> <a href="/bhgd/4347.html" rel="nofollow" class="details_btn"></a> </li>
          
          
          <li> <a href="/bhgd/4346.html" rel="nofollow" class="img_box"> <img src="/static/upload/image/20250306/1741226636103844.jpg"/> </a> <a href="/bhgd/4346.html" rel="nofollow" class="name_btn">如何获取工业设计公司真实案例？参考标准有哪些？</a> <a href="/bhgd/4346.html" rel="nofollow" class="details_btn"></a> </li>
          
          
        </ul>
        <div class="text_btn_list">
          <ul>
            
            <li><a href="/bhgd/4354.html" rel="nofollow" >工业产品设计-工业产品外观设计要求</a></li>
            
            <li><a href="/bhgd/4353.html" rel="nofollow" >产品工业设计三要素：功能、形态与用户体验</a></li>
            
            <li><a href="/bhgd/4352.html" rel="nofollow" >产品工业设计公司排名前十强【评估标准】</a></li>
            
            <li><a href="/bhgd/4351.html" rel="nofollow" >产品工业设计公司如何帮助企业降低开发成本？</a></li>
            
            <li><a href="/bhgd/4349.html" rel="nofollow" >中国产品工业设计公司如何突破行业同质化竞争？</a></li>
            
            <li><a href="/bhgd/4348.html" rel="nofollow" >为什么深圳工业设计公司的设计成本继续高于二三线城市？</a></li>
            
          </ul>
          <ul>
            
            <li><a href="/bhgd/4348.html" rel="nofollow" >为什么深圳工业设计公司的设计成本继续高于二三线城市？</a></li>
            
            <li><a href="/bhgd/4347.html" rel="nofollow" >工业设计公司擅长哪些领域？如何匹配项目需求？</a></li>
            
            <li><a href="/bhgd/4346.html" rel="nofollow" >如何获取工业设计公司真实案例？参考标准有哪些？</a></li>
            
            <li><a href="/bhgd/4345.html" rel="nofollow" >怎样避免与不靠谱的工业设计公司合作？避坑指南</a></li>
            
            <li><a href="/bhgd/4344.html" rel="nofollow" >工业设计公司如何加速产品上市？</a></li>
            
            <li><a href="/bhgd/4343.html" rel="nofollow" >工业设计公司收费合理吗？影响价格的因素是什么？</a></li>
            
          </ul>
          <ul>
            
            <li><a href="/bhgd/4348.html" rel="nofollow" >为什么深圳工业设计公司的设计成本继续高于二三线城市？</a></li>
            
            <li><a href="/bhgd/4347.html" rel="nofollow" >工业设计公司擅长哪些领域？如何匹配项目需求？</a></li>
            
            <li><a href="/bhgd/4346.html" rel="nofollow" >如何获取工业设计公司真实案例？参考标准有哪些？</a></li>
            
            <li><a href="/bhgd/4345.html" rel="nofollow" >怎样避免与不靠谱的工业设计公司合作？避坑指南</a></li>
            
            <li><a href="/bhgd/4344.html" rel="nofollow" >工业设计公司如何加速产品上市？</a></li>
            
            <li><a href="/bhgd/4343.html" rel="nofollow" >工业设计公司收费合理吗？影响价格的因素是什么？</a></li>
            
          </ul>
        </div>
      </div>
    </div>
    





 <!-- 底部内容 -->



 
<style>

    .full {
        position:fixed;
        top:15%;
        right:0;
        z-index:1001;
    }
    .full li a:hover span,.full li a:hover label {
        background-color:#ff0000 !important;
    }
    .full li:last-child a {
        border-bottom:0;
    }
    .full li a span {
        display:block;
        width:52px;
        height:52px;
        position:relative;
        z-index:100;
        background-position:center center;
        background-repeat:no-repeat;
    }
    .full li:nth-child(2) a,.full li:nth-child(1) a {
        z-index:2;
    }
    .full li a label {
    display: block;
        width: 120px;
        white-space: nowrap;
        padding: 0 20px;
        position: absolute;
        line-height: 52px;
        color: #fff;
        z-index: -1;
        background: rgb(255, 0, 0);
        bottom: 0;
        left: 100%;
        box-sizing: inherit;
        max-width: 300%;
    margin: 0;
    
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        cursor: pointer;
        transition: all 0.5s;
    letter-spacing: 0.02em;
    }
    .full li a:hover label {
        left:-120px;
    }
    .full li a .lbl_img {
        padding:10px;
        height:auto;
        line-height:normal;
    }
    .full li a .lbl_img img{
    max-width: 100%;
    }
    
    
    .full li a span.span3 {
        background-image:url(/skin/about/images/full3.png);
    }
    
    .footer {
        padding:50px 0;
        color:#000;
        line-height:26px;
        background:#fff;
        background-size:cover;
    }
    .footer h2 {
        font-size:2.8em;
    }
    .footer h3 {
        font-size:1.8em;
        line-height:2.3em;
    }
    .footer .dh {
        margin-right:8%;
    }
    .footer .wrap {
        max-width:96%;
    }
    .footer hr {
        margin:50px 0;
    }
    .footer .text {
        overflow:hidden;
    }
    .footer .ewm ul li p {
        text-align:left;
    }
    .footer .ewm img {
        display:block;
        margin-bottom:15px;
    }
    .footer .ewm {
        text-align:center;
        width:300px;
        font-weight:bold
    }
    .footer .list {
        padding-top:10px;
    }
    .footer .list ul li {
        margin:15px 0;
    }
    .footer a {
        color:#000;
    }
    .xiangni {
        border-bottom: 6px solid #0b0b0b;
    }
    
    
    
     @media only screen and (max-width:750px) {
    .full {
        display: none;
    }
    .footer .dh {
        display: none;
    }
    
    .footer .ewm {
        float:none;
        text-align:center;
        margin-bottom:20px;
        display:none;
    }
    .footer .list ul li {
        margin:5px 0;
    }
    .footer .ewm img {
        margin:0 auto;
        margin-bottom:10px;
    }
    .footer {
        text-align:center;
    }

     }
    
    .fcr span {
        font-weight: bold;
    }
    






     </style>
    
    
     <div class="xiangni"></div>
    
    
 
    
     <style> 
    
        .f-1-3 {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-around;
        }
        .jianju-3 {
            margin-top: 80px;
        }
        .f-1-4 {
            margin-right: -1px;
        }
        .f-1-5 a {
            text-decoration: none;
            color: #000000;
            font-size: 22px;
            line-height: 28px;
        }
        .f-1-6 {
            position: absolute;
            left: 68px;
            top: 10px;
            width: 10px;
            height: 10px;
            border-radius: 5px;
        }
        .f-1-5 {
            position: relative;
            padding-right: 15px;
            font-weight: bold;
        }
        .f-1-7 {
            margin-top: 25px;
        }
        .f-1-8 {
            margin-top: 15px;
            text-align: left;
            font-family: "OPPOSans-M";
            font-size: 16px;
            color: #0000009c;
            font-weight: bold;
        }  
        
        
        </style>    
    
    
    
   
                                  
                          <div class="f-1-3 jianju-3">
                              <div class="f-1-4 f-1-4a">
                                  <div class="f-1-5"><a href="/sjal/">案例</a><div class="f-1-6"></div></div>
                                  <div class="f-1-7">
                                      <div class="f-1-8"><a href="/bjjx/" >机械设备</a></div>
                                      <div class="f-1-8"><a href="/smjk/" >医疗器械</a></div>
                                      <div class="f-1-8"><a href="/cdcn/" >储能充电</a></div>
                                      <div class="f-1-8"><a href="/znhl/" >智能终端</a></div>
                                      <div class="f-1-8"><a href="/shdq/" >家用电器</a></div>
                                      <div class="f-1-8"><a href="/ppsj/" >品牌设计</a></div>
                                      <div class="f-1-8"><a href="/jtcx/" >其他</a></div>
                                  </div>
                              </div>
    
    
                              <div class="f-1-4">
                                  <div class="f-1-5"><a rel="nofollow" href="/fuwu/" >服务</a><div class="f-1-6"></div></div>
                                  <div class="f-1-7">
                                    <div class="f-1-8">产品策划</div>
                                    <div class="f-1-8">外观设计</div>
                                    <div class="f-1-8">结构设计</div>
                                    <div class="f-1-8">电子开发</div>
                                    <div class="f-1-8">品牌设计</div>
                                    <div class="f-1-8">供应链</div>
                                  </div>
                              </div>
    
    
                              <div class="f-1-4">
                                  <div class="f-1-5"><a rel="nofollow" href="/">优势</a><div class="f-1-6"></div></div>
                                  <div class="f-1-7">
                                    <div class="f-1-8">优秀团队</div>
                                    <div class="f-1-8">一站式服务</div>
                                  </div>
                              </div>
    
                              <div class="f-1-4">
                                <div class="f-1-5"><a rel="nofollow" href="/dtzx/" >新闻</a><div class="f-1-6"></div></div>
                                <div class="f-1-7">
                                  <div class="f-1-8"><a rel="nofollow" href="/bhdt/" >鲸禧动态</a></div>
                                  <div class="f-1-8"><a rel="nofollow" href="/bhgd/" >工业设计百科</a></div>
                                  <div class="f-1-8"><a rel="nofollow" href="/jxsjbk/" >机械设计百科</a></div>
                                  <div class="f-1-8"><a rel="nofollow" href="/ylsjbk/" >医疗设计百科</a></div>
                                  <div class="f-1-8"><a rel="nofollow" href="/jdsjbk/" >家电设计百科</a></div>
                                  <div class="f-1-8"><a rel="nofollow" href="/dzsjbk/" >电子设计百科</a></div>
                                  <div class="f-1-8"><a rel="nofollow" href="/zdsjbk/" >终端设计百科</a></div>
                                  <div class="f-1-8"><a rel="nofollow" href="/cdsjbk/" >新能源设计百科</a></div>
                                </div>
                            </div>
    
                            <div class="f-1-4">
                                <div class="f-1-5"><a rel="nofollow" href="/gybh/" >关于</a><div class="f-1-6"></div></div>
                                <div class="f-1-7">
                                    <div class="f-1-8">公司简介</div>
                                    <div class="f-1-8">企业文化</div>
                                    <div class="f-1-8">发展历程</div>
                                    <div class="f-1-8">管理团队</div>
                                    <div class="f-1-8">荣誉资质</div>
                                </div>
                            </div>
    
                            <div class="f-1-4">
                                <div class="f-1-5"><a rel="nofollow" href="/lxwm/" >联系</a><div class="f-1-6"></div></div>
                                <div class="f-1-7">
                                    <div class="f-1-8">联系方式</div>
                                    <div class="f-1-8">导航地图</div>
                                </div>
                            </div>
    
       
    
                          </div>
    
    
    
    
    
     <div class="footer">
                <div class="wrap">
                            <ul>
                               <li>
                                   <p>Copyright © 2022 szjingxi.All Rirght Reserved <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">粤ICP备2023005957号</a></p>	
                                    <p><p style="text-align: left;"><a rel="nofollow" href="http://cyberpolice.mps.gov.cn/wfjb/" target="_self"><img src="/static/upload/image/20230517/1684302131495110.jpg" title="网络违法犯罪举报网站" alt="网络违法犯罪举报网站"/></a>&nbsp; &nbsp;&nbsp;<a rel="nofollow" href="https://www.12377.cn/" target="_self"><img src="/static/upload/image/20230517/1684302243538487.png" title="违法和不良信息举报中心" alt="违法和不良信息举报中心"/></a>&nbsp; &nbsp;&nbsp;<a rel="nofollow" href="http://www.ceccredit.org.cn/" target="_self"><img src="/static/upload/image/20230517/1684302304105518.png" title="中国企业诚信网" alt="中国企业诚信网"/></a>&nbsp; &nbsp;&nbsp;<a rel="nofollow" href="http://www.csrc.gov.cn/" target="_self"><img src="/static/upload/image/20230517/1684302474166596.jpg" title="中国证券监督管理委员会" alt="中国证券监督管理委员会"/></a>&nbsp; &nbsp;&nbsp;<a rel="nofollow" href="https://www.isc.org.cn/" target="_self"><img src="/static/upload/image/20230517/1684302581565764.png" title="中国互联网协会" alt="中国互联网协会"/></a>&nbsp; &nbsp;&nbsp;<a rel="nofollow" href="http://www.kxnet.cn/" target="_self"><img src="/static/upload/image/20230517/1684302648101889.png" title="可信网站验证服务中心" alt="可信网站验证服务中心"/></a></p></p>

<script id="ebsgovicon" type="text/javascript" charset="utf-8" src="https://gswj.ebs.org.cn/js/govicons/index.js?entId=1669244269765865474&webSiteId=1669244285297373186&width=40&height=50&isCity=Y&imgType=1" rel="nofollow"></script>

<a rel="nofollow" href="http://www.szjingxi.com/sitemap.xml">网站地图</a>
<a rel="nofollow" href="http://www.szjingxi.com/gysjgs/">工业设计公司</a>

                                </li>
                            </ul>
                    <div class="clear"></div>
                </div>
       </div>



    
            <script>
                function acshow(){
                                                   $('.wxtb1').show();
                                                  
                                               }
                                               function achide(){
                                                   $('.wxtb1').hide();
                                                  
                                               }
            </script>
            <!-------------------------------------- 尾部结束 -------------------------------------->
            <div class="full">
                <ul>
    
                    <li>
                            <span class="span3"></span>
                            <label class="lbl_img">
                                <img src="">
                            </label>
                    </li>
    
                </ul>
            </div>


<!DOCTYPE html>  
<html>  
<head> 
  
  

<div class="side-panel">  
    <div class="close-btn" onclick="closeSidePanel()">x</div>  
    <div class="content">  
        <h2>设计咨询</h2>  
        <p><strong>177-2742-7545</strong></p>  
        <img src="/skin/about/images/1gao.jpg" alt="二维码" />  
        <p><strong>微信扫一扫</strong></p> 
        <p><strong>免费获取报价方案</strong></p>  
    </div> 
</div>


  <style>
    .content {
    margin-top: 5px;
    }
    .content h2 {
    font-size: 18px;
    }
    
    .side-panel {  
        position: fixed; /* 固定位置 */  
        top: 40%;       /* 垂直居中 */  
        right: 0;       /* 在右侧 */  
        transform: translateY(-50%); /* 垂直居中 */  
        width: 200px;   /* 设置宽度 */  
        height: 330px;  /* 设置高度 */  
        background-color: #dcd9ff;/* 设置背景颜色 */  
        padding: 10px;  /* 设置内边距 */  
        box-shadow: 0 0 10px rgb(0 0 0);/* 添加阴影 */  
        z-index: 999;   /* 确保它位于其他内容之上 */  
        text-align: center;
        border-radius: 10px;
    }    
    .close-btn {  
        position: absolute;  
        top: 1px;  
        right: 15px;  
        cursor: pointer;  
        font-weight: bold;
    }
    .side-panel img {
        width:80%;
        height:80%;
    }
    .content p {
        padding-top: 8px;  
        padding-bottom: 8px;  
        font-size: 18px;
        letter-spacing: 1px;
    }
    @media only screen and (max-width: 768px) {
    .side-panel  {  
    display: none; /* 隐藏容器 */  
  }  
  }

    </style>

<script src="path/to/baidu-afp-button.js"></script>

  <script>
    
    function closeSidePanel() {  
        document.querySelector('.side-panel').style.display = 'none';  
    }

  
    </script>

</body>  
</html> 
     
     


    <div class="fcre">
                        <span>申请友链：</span>  
                         <a href="http://www.szjingxi.com/" target="_blank">工业设计公司</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">医疗器械外观设计</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">机械设备外观设计</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">工业产品外观设计公司</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">工业产品设计公司</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">机床设备外观工业设计</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">充电枪外观设计</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">充电桩外观设计</a>&nbsp;&nbsp;
                          
                         <a href="http://www.szjingxi.com/" target="_blank">工业设计产品设计公司</a>&nbsp;&nbsp;
                          
                         <a href="https://www.szjingxi.com/" target="_blank">产品外观设计公司</a>&nbsp;&nbsp;
                          
                         <a href="https://www.szjingxi.com/" target="_blank">工业外观设计公司</a>&nbsp;&nbsp;
                          
                         <a href="https://www.szjingxi.com/" target="_blank">产品设计公司</a>&nbsp;&nbsp;
                          
                         <a href="https://www.szjingxi.com/" target="_blank">外观工业设计公司</a>&nbsp;&nbsp;
                          
                         <a href="https://www.bifoxs.com/" target="_blank">深圳白狐工业设计公司</a>&nbsp;&nbsp;
                         
                    </div>





		<script>
			function acshow(){
										       $('.wxtb1').show();
											  
										   }
										   function achide(){
										       $('.wxtb1').hide();
											  
										   }
		</script>
		<!-------------------------------------- 尾部结束 -------------------------------------->
		<div class="full">
			<ul>

				<li>
						<span class="span3"></span>
						<label class="lbl_img">
							<img src="">
						</label>
					</a>
				</li>

			</ul>
		</div>
<script src="/skin/about/dist/js/ckin.js"></script>
     




 
<!-- js --> 
<script src="/skin/js/main.js"></script> 
<script type="text/javascript" src="/skin/js/custom.js"></script> 
<!-- swiper -->
<link rel="stylesheet" type="text/css" href="/skin/css/swiper.min.css">

<!-- parallax --> 
<script src="/skin/js/anime.min.js"></script> 

<!-- 数字跳动 --> 
<script type="text/javascript" src="/skin/js/countup.min.js"></script> 
<script type="text/javascript">
		$(function(){

			if($(window).width()>980){
				$(".Header-wrapper").css("position","fixed");
				$(".header-container").addClass("act");
				$("#index-bnr .bnr-img").css("height",$(window).height());
				

				$(window).scroll(function(){
					if($(window).scrollTop() > 100){
						$(".header-container").css("background","rgba(255,255,255,1)");
						$(".header-container").removeClass("act");
					}else{
						$(".header-container").css("background","none");
						$(".header-container").addClass("act");
					}
				})
			}
			
			setInterval(function(){
				var iCaseList = []
				$(".iCase-list li").each(function(){
					$(this).attr("style","");
					iCaseList.push($(this).height());
				});
				$(".iCase-list li").each(function(){
					$(this).css("height",Math.max.apply(null,iCaseList));
				});
			},100);
  
			
			//我们的客户
			var indexCustSwiper = new Swiper('.iCust-swiper .swiper-container',{
				slidesPerView:6,
				spaceBetween:'1%',
				breakpoints:{
					1200:{slidesPerView:5},
					980:{slidesPerView:4},
					768:{slidesPerView:3},
					640:{slidesPerView:2}
				},
				prevButton:'.indexCustSwiper-prev',
				nextButton:'.indexCustSwiper-next',
				paginationClickable:true,
				autoplayDisableOnInteraction:false
			});
			
  //关于我们
			$(window).scroll(function(){
  if($(".index-abUs").hasClass("cur")) return false;
  if($(".index-abUs").hasClass("active")){
   //数字跳动
   var options = {
   useEasing: true,
   useGrouping: true,
   separator: "",
   decimal: ".",
   prefix: "",
   suffix: ""
   };
   var num1 = new countUp("iAbUs-num1", 0, $("#iAbUs-num1").html(), 0, 2, options);
   var num2 = new countUp("iAbUs-num2", 0, $("#iAbUs-num2").html(), 0, 3, options);
   var num3 = new countUp("iAbUs-num3", 0, $("#iAbUs-num3").html(), 0, 3, options);
   num1.start();
   num2.start();
   num3.start();
   if($(".index-abUs").addClass("cur"));
  }
			});
  
			/* 滚动效果 */
			var scrollArrty = ['.index-pro','.index-abUs'];
  var scrI = 0;
  var scrHeight = window.screen.availHeight;	
  $(window).scroll(function(){scrollFn();})
  function scrollFn(){		
  if(scrI==scrollArrty.length){return false;}
				if($(scrollArrty[scrI]).length == 0){
					scrI++;
   if(scrI<scrollArrty.length){scrollFn();}else{return false;}
				}
  var boxPos = $(scrollArrty[scrI]).offset().top;	
  var winPos = $(window).scrollTop()+scrHeight-300;
  if(boxPos<winPos){
   $(scrollArrty[scrI]).addClass('active');
   scrI++;
   if(scrI<scrollArrty.length){scrollFn();
   }else{return false;}
  }else{return false;}
  }
  scrollFn();
  
			
		})
			
		function iCaselist(){
		}


	</script>




<style>

/* 响应式布局，移动端上下排列 */  
@media screen and (max-width: 768px) {  
  .achievements {  
      flex-direction: column;  
  }  
}
</style>

<script>

document.addEventListener('DOMContentLoaded', function() {  
    var achievements = document.querySelectorAll('.achievement');  
    var animationDuration = 3000; // 动画持续时间为5000毫秒  
    var startTime;  
  
    function animateNumbers() {  
        startTime = Date.now(); // 记录动画开始时间  
  
        function updateNumbers() {  
            var elapsedTime = Date.now() - startTime; // 已经过去的时间  
            var progress = Math.min(elapsedTime / animationDuration, 1); // 计算动画进度  
  
            achievements.forEach(function(achievement) {  
                var target = parseInt(achievement.getAttribute('data-target'), 10);  
                var currentValue = 1;  
                var numberElement = achievement.querySelector('.number');  
  
                // 根据进度计算当前值  
                currentValue = Math.round(1 + (target - 1) * progress);  
                numberElement.textContent = currentValue;  
  
                if (currentValue === target) {  
                    // 如果已经达到目标值，停止动画  
                    numberElement.style.opacity = '1'; // 可以添加此行代码以确保数字在结束时完全可见  
                    return;  
                }  
            });  
  
            if (progress < 1) {  
                // 动画还没结束，继续更新数字  
                requestAnimationFrame(updateNumbers);  
            }  
        }  
  
        updateNumbers(); // 开始动画  
    }  
  
    // 检查并触发动画  
    function checkAndStartAnimation() {  
        var allInViewport = true;  
        achievements.forEach(function(achievement) {  
            if (!isElementInView(achievement)) {  
                allInViewport = false;  
            }  
        });  
        if (allInViewport) {  
            animateNumbers();  
        }  
    }  
  
    // 检查元素是否在视口中  
    function isElementInView(element) {  
        var rect = element.getBoundingClientRect();  
        return rect.top < window.innerHeight && rect.bottom > 0;  
    }  
  
    // 监听滚动事件以检查元素是否在视口中  
    window.addEventListener('scroll', checkAndStartAnimation);  
  
    // 初始检查以启动动画（如果元素已经在视口中）  
    window.onload = checkAndStartAnimation;  
});

</script>


</body>
</html>