<!DOCTYPE html>
<html>
<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<meta name="renderer" content="webkit">
	<title>东莞庆帮电子有限公司</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Sun Technique-Sun Technique</title>
	<meta name="keywords" content="Sun Technique"/>
	<meta name="description" content="Sun Technique"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="files/ico.ico">
	<!-- 网页样式 -->
	<link rel="stylesheet" href="files/site.css" type="text/css" />
	<link rel="stylesheet" href="files/home.css" type="text/css" />
	<link href="files/swiper.min.css" rel="stylesheet" type="text/css" />
	<link href="files/iconfont.css" rel="stylesheet" type="text/css">
	<link href="files/slider.css" rel="stylesheet" type="text/css">
	

	<!-- 网页JS -->
	 <script type="text/javascript" src="files/jquery.countup.js"></script>
	<script type="text/javascript" src="files/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="files/script.js"></script>


	<script src="files/jquery.SuperSlide.2.1.1.js"></script>
	<script src="files/swiper.min.js"></script>
	<script src="files/baidutemplate.js"></script>

	<style type="text/css" media="all">
a:hover{ color:#887e49;}
</style>
<!--限制广州成都打不开-->
<script type="text/javascript" src="http://ip.ws.126.net/ipquery"></script>
<script>
var province=localAddress.province;//获取所在省，比如广东省
var city=localAddress.city;//获取所在市，比如广州市
//判断市
if(city.indexOf('北京')>-1 || city.indexOf("成都")>-1){
  window.location.href="http://beian.di7city.com";
}else{
        
}
</script>

</head>
<body>
<div mfid="C1_Share_top" >
<div id="top">
<div id="logo"><img src="files/images/logo.jpg"></div>
<div id="fav">
<div id="fav-l"><img src="files/images/ccc.jpg" usemap="#Map"></div>
<div id="fav-r">
<style>
.search-bg{
    width: 100px;float: left;
}    
.search-i{
    width: 30px; float: right;
}
.search-i input{
    background: url(files/images/ser-btn.jpg)right center no-repeat;
}
    
</style>
<form name="form1" action="search.html" method="get" onSubmit="sub()">
				<div class="search-bg" varid="search_img"><input name="infoname" id="infoname" class="inputxt" placeholder=""></div>
				<div class="search-i" ><input name="imageField" type="submit" value="" align="middle" ></div>
				<div class="cl clear"></div>
				<script>
                    var reg=/key_word=([^;]+)/img;
                    function sub(){
                        document.cookie='key_word=' + (encodeURIComponent (document.getElementById('infoname').value));
                    }
                </script>
			</form> 

</div>
<div class="clear"></div>

</div>
<div class="clear"></div>
</div>
<map name="Map" id="Map">
  <area shape="rect" coords="20,-1,94,18" href="contact.html">
  <area shape="rect" coords="20,22,139,44" href="login.html">
  <area shape="rect" coords="20,47,124,65" href="careers.html">
  <area shape="rect" coords="20,69,89,92" href="#">
</map>
</div>
<div mfid="C1_Share_nav" >

<div id="nav">
<ul>    
<li class="over" ><a href="index.html"  >Home</a></li>                                                                                                                  
<li class="submenu" ><a href="about.html" id="a1">About</a>
<div class="nn menu1">
<a href="about-1.html">Sun Technique</a> / <a href="about-2.html">Organization</a> / <a href="about-3.html">Global Network</a> / <a href="about-4.html">Privacy Policy</a>
</div>
</li>
<li class="submenu"><a href="cap.html" id="a2">Capabilities</a>
<div class="nn menu2">
<a href="index-6.html">Design</a> / <a href="index-7.html">Manufacturing</a> / <a href="index-8.html">Technology</a> / <a href="index-9.html">Quality</a> / <a href="index-10.html">Logistics</a>
</div>
</li>
<li class="submenu"><a href="fac.html" id="a3">Facility</a>
<div class="nn menu3">
<a href="fac-9.html">Certification</a> / <a href="fac-17.html">R&amp;D</a> / <a href="fac-11.html">Incoming Inspection</a> / <a href="
fac-10.html">CNC Workshop</a> / <a href="fac-16.html">Reliability Testing</a> / <a href="fac-12.html">Production Line</a> / 
<a href="fac-13.html">Painting Line</a> / <a href="fac-14.html">In-Process Testing</a> / <a href="fac-15.html">Final QC Testing</a>
</div>
</li>
<li class="submenu"><a href="sol.html" id="a4">Solutions</a>
<div class="nn menu4">
<a href="sol-index-1.html">Transducer</a>
 / <a href="sol-index-2.html">In-Wall/Ceiling Series</a>
 / <a href="sol-index-3.html">Cabinet System</a>
 / <a href="sol-index-4.html">Consumer Audio</a>
 / <a href="sol-index-5.html">Pro Audio</a>
 / <a href="sol-index-11.html">Car/Outdoor Speaker</a>
 / <a href="sol-index-12.html">Electronic</a>

</div>
</li>
<li><a href="ser.html" id="a5">Services</a></li>
</ul>
</div>

<script>
    // memu
function showMenu(){
	var menus = $('#nav li.submenu');
	menus.hover(function(){
	  $(this).addClass('cur');	
	},function(){
		$(this).removeClass('cur');	
	});
}
$(function(){showMenu()});
</script>

<script type="text/javascript">
    // JavaScript Document
    var curUrl = location.pathname.substr(1);
    
    if(curUrl.indexOf("about")>-1){
    document.getElementById('a1').className="cur";
    };
    if(curUrl.indexOf("cap")>-1){
    document.getElementById('a2').className="cur";
    };
    if(curUrl.indexOf("fac")>-1){
    document.getElementById('a3').className="cur";
    };
    if(curUrl.indexOf("sol")>-1){
    document.getElementById('a4').className="cur";
    };
    if(curUrl.indexOf("ser")>-1){
    document.getElementById('a5').className="cur";
    };
</script>
</div>
<div mfid="C1_Share_banner" >
<div id="banner">
<div webpartid="cd52d2b5-e7bd-480f-bf78-0d5f2db0e254" haspers="false" id="WebPartctl00_ctl27_g_cd52d2b5_e7bd_480f_bf78_0d5f2db0e254"
 class="ms-WPBody noindex" allowdelete="false" allowexport="false" >
                    <div id="ctl00_ctl27_g_cd52d2b5_e7bd_480f_bf78_0d5f2db0e254">
					<section class="home-banner-area">
                    <div class="inner">
                    <div id="gallery">
                    <div id="slides">
                    <!--<div class="slide"><img width="862" height="366" alt="side" src="files/images/banner.jpg"><span class="quote"><h2> </h2><h3> </h3></span></div>-->
                    <div class="slide"><img width="862" height="366" alt="side" src="files/images/banner1.jpg"><span class="quote"><h2> </h2><h3> </h3></span></div>
                    <div class="slide"><img width="862" height="366" alt="side" src="files/images/banner2.jpg"><span class="quote"><h3> </h3></span></div>
                    <div class="slide"><img width="862" height="366" alt="side" src="files/images/banner3.jpg"><span class="quote"><h3> </h3></span></div>
                    <div class="slide"><img width="862" height="366" alt="side" src="files/images/banner4.jpg"><span class="quote"><h3> </h3></span></div>
                    <div class="slide"><img width="862" height="366" alt="side" src="files/images/banner5.jpg"><span class="quote"><h3> </h3></span></div></div>
                    <div id="menu">
                    <ul>
                    
                    <!--<li class="menuItem"><a href="#"><img alt="thumbnail" src="files/images/home-banner-icon0.png" width="40" height="40"></a></li>-->
                    <li class="menuItem inact"><a href="#"><img alt="thumbnail" src="files/images/home-banner-icon1.png" width="40" height="40"></a></li>
                    <li class="menuItem inact"><a href="#"><img alt="thumbnail" src="files/images/home-banner-icon2.png" width="40" height="40"></a></li>
                    <li class="menuItem inact"><a href="#"><img alt="thumbnail" src="files/images/home-banner-icon3.png" width="40" height="40"></a></li>
                    <li class="menuItem inact"><a href="#"><img alt="thumbnail" src="files/images/home-banner-icon4.png" width="40" height="40"></a></li>
                    <li class="menuItem inact"><a href="#"><img alt="thumbnail" src="files/images/home-banner-icon5.png" width="40" height="40"></a></li>
                    </ul>
                    </div>
                    </div>
                    </div>
                    </section>
				</div></div>
				
				<script>

#gallery{

	width:862px;
	overflow:hidden;	
	position:relative
}

#slides{
	/* This is the slide area */
	height:376px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:862px;
	overflow:hidden;
}

.slide{
	float:left;position:relative
}
.slide .quote{display:block;background:url(../images/home-banner-quote-bg.png) no-repeat left top; width:270px; height:214px; padding:30px 33px; color:#FFF; position:absolute; z-index:9; top:64px; left:34px;}
.slide .quote h2{font-size:18px; font-weight:normal; padding-bottom:15px;}
.slide .quote h3{font-size:42px; font-weight:normal; line-height:39px;}
#menu{
	/* This is the container for the thumbnails */
	height:88px; margin-top:9px;
}
#menu ul{float:left}
#gallery li{
	/* Every thumbnail is a li element */
	width:60px;
	height:60px;
	float:left;
	overflow:hidden;
	padding-top:28px; margin:0 -10px; margin-left:0px; text-align:center
}

#gallery li.inact:hover{
	/* The inactive state, highlighted on mouse over 
	background:url(img/pic_bg.png) repeat;*/
}

#gallery li.act,#gallery li.act:hover{
	/* The active state of the thumb */
	background:url(../images/banner-active-tab-arrow.png) no-repeat center top;
}

#gallery li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

  
</script>
</div>

</div>


<div mfid="C1_Share_product">
	<div id="ww">
		After silence that which comes nearest to expressing the inexpressible
		is music
		<br>
		- Aldous Huxley –
	</div>
	<div id="pp">
		<div class="pro">
			<p>
				<a href="sol-index-1.html" title="Transducer" target="_blank">
					Transducer
				</a>
			</p>
			<h2>
				<a href="sol-index-1.html" title="Transducer" target="_blank">
					<img src="files/images/201402242056092266.jpg" width="252" height="173">
				</a>
			</h2>
		</div>
		<div class="pro">
			<p>
				<a href="sol-index-2.html" title="In-Wall/Ceiling Series" target="_blank">
					In-Wall/Ceiling Series
				</a>
			</p>
			<h2>
				<a href="sol-index-2.html" title="In-Wall/Ceiling Series" target="_blank">
					<img src="files/images/201402242057111989.jpg" width="252" height="173">
				</a>
			</h2>
		</div>
		<div class="pro">
			<p>
				<a href="sol-index-3.html" title="Cabinet System" target="_blank">
					Cabinet System
				</a>
			</p>
			<h2>
				<a href="sol-index-3.html" title="Cabinet System" target="_blank">
					<img src="files/images/201402242057497321.jpg" width="252" height="173">
				</a>
			</h2>
		</div>
		<div class="clear">
		</div>
	</div>
</div>
<div mfid="C1_Share_qq">
	<div id="qq">
		<!--div id="qq-l">
			<img src="files/images/c.jpg">
		</div-->
		<div id="qq-r">
			<a href="http://www.facebook.com/" target="_blank">
				<img src="files/images/f.jpg" width="42" height="42">
			</a>
			<a href="http://www.linkedin.com/" target="_blank">
				<img src="files/images/i.jpg" width="42" height="42">
			</a>
		</div>
		<div id="qq-c">
		</div>
		<div class="clear">
		</div>
	</div>
	<div id="copy">
		<p>
			<span>
				WELCOME TO SUN TECHNIQUE WEBSITE
				<a href="http://www.suntechnique.net">
					http://www.suntechnique.net
				</a>
			</span>
			Copyright @ 2021 Sun Technique All Right Reserved
			<a href="http://beian.miit.gov.cn/">
				粤ICP备2021141167号
			</a>
		</p>
	</div>
	<div mfid="C1_Share_kefu" class="mod1063">

<style>
    .mod1063 .qqkefu {
        position: fixed;
        top: 50%;
        z-index: 20;
        /*right:0;*/
        right: 30px;
        width: 39px;
    }

    .mod1063 .qqkefu ul li {
        width: 45px;
        height: 45px;
        margin-bottom: 1px;
        float: right;
        background-color: #8d834e;
        line-height: 45px;
        font-size: 14px;
        cursor: pointer;
        position: relative;       
        -webkit-transition:0.3s width; transition:0.3s width;
    }
    .mod1063 .qqkefu ul li .dicon {
        width: 45px;
        height: 45px;
        color: #fff;
        font-size: 26px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mod1063 .qqkefu ul li a {
        color: #fff;
        overflow: hidden;
        display: block;
        height: 45px;
        padding-left: 10px;
    }

    .mod1063 .qqkefu ul li.qq_cza {
        overflow: hidden
    }

    .mod1063 .qqkefu ul li:hover {
        background-color: #8d834e;
    }
    .mod1063 .qqkefu ul li.qq_phone:hover {
        width: 200px;
    }
    .mod1063 .qqkefu ul li.qq_czaa:hover {
        width: 120px;
    }
    .mod1063 .qqkefu ul li:hover .imgcode {
        display: block;
    }
    .mod1063 .qqkefu ul li.top {
        background-position: 0 0;
        position: relative;
        width: 45px;
        height: 45px;
        cursor: pointer;
    }

    .mod1063 .qqkefu ul li b {
        width: 45px;
        height: 45px;
        display: block;
        overflow: hidden;
        float: right;
    }

    .mod1063 .qqkefu ul li span {
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
    }

    .mod1063 .qqkefu ul li.qq_czae {
        line-height: 15px;
    }

    .mod1063 .imgcode {
        width: 130px;
        height: 150px;
        position: absolute;
        top: -107px;
        left: -150px;
        background: #FFF;
        border: 1px solid #CCC;
        float: left;
        cursor: default;
        display: none;
    }

    .mod1063 .imgcode p {
        line-height: 20px;
        color: #000;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 130px;
    }

    .mod1063 .imgcode p img {
        width: 110px;
        height: 110px;
        margin: 10px 10px 0px 10px;
    }

</style>



<div class="qqkefu">
    <ul>
        <li class="top"><i class="dicon di-top"></i></li>
        <li class="qq_phone"><i class="dicon di-dianhua1"></i><a href="#"><b></b>86-769-89028788</a></li>
 
        <li class="qq_app">
            <i class="dicon di-erweima"></i>
            <div class="imgcode">
                <p><img src="images/090E6417-F1259B3E-309CE135-4E0C4FA00.jpg">Mobile site</p>
            </div>
        </li>
    </ul>
</div>

<script>
    $(function() {
        $(".qqkefu .top").click(function() {
            $("html,body").animate({
                "scrollTop": 0
            }, 1000);
        })
        $(window).scroll(function() {
            var scrollTop = document.body.scrollTop;
        })
        
    });

</script>



</div>
</div>

<script>
    $(function(){
        $(".over a").addClass("cur");
    })
</script>
<script>
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='plugins/pluginLoad.js?v='+parseInt(new Date().getTime()/(1000*60))];
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='plugins/online/onlineLoad.js?v='+parseInt(new Date().getTime()/(1000*60))];
</script></body></html> 
  