 <!DOCTYPE html>
<html lang="zh-CN" class="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title>
Dongguan SANR Electronic Technology Co.Ltd,</title>
<meta name="keywords" content="Dongguan SANR Electronic Technology Co.Ltd," />
<meta name="description" content="Dongguan SANR Electronic Technology Co.Ltd," />

<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" charset="utf-8">

<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script src="../js/wow.min.js"></script>
<script>
	window.onload = function(){
    new WOW().init();
}
</script>
<link rel="stylesheet" type="text/css" href="../css/animate.css">
<link rel="stylesheet" href="../css/idangerous.swiper.css">
<link rel="stylesheet" type="text/css" href="../css/cn.css">
<script type="text/javascript" src="../js/youshi.js" id="JS" page="home"></script>
<link rel="stylesheet" type="text/css" href="../css/newcss.css"/>
<script src="../js/jquery.flexslider-min.js" type="text/javascript"></script>
<link rel="stylesheet" href="../css/about.css" type="text/css" media="screen" charset="utf-8">
<link href="../css/menu.css" rel="stylesheet">
<!--[if lte IE 9 ]>
<div class="am-alert am-alert-danger ie-warning" data-am-alert>
<button type="button" class="am-close">&times;</button>
<div class="am-container">
你的浏览器太古董了，快升级下，<a href="http://browsehappy.com/" target="_blank">速速点击换一个</a>！</div></div>
<![endif]-->

</head>

<body class="on" style="font-family:Arial, Helvetica, sans-serif; letter-spacing:normal;">


<nav class="nav"> <a class="logo" href="index.php"> <img src="../images/logo.png" alt=""> <img src="../images/logo1.png" alt=""> </a>
  <div class="nav-right">
    <ul>
      <li class="level1"> <a class="activeNav" href="index.php">Home</a> </li>
      <li class="level1"> <a class="" href="about.php">About us</a>
        <ul>
          <li><a href="about.php#1" class="">Company profile</a></li>
             <li><a href="about.php#2" class="">Culture</a></li>
                  <li><a href="about.php#3" class="">Honor</a></li>	
        </ul>
      </li>
      <li class="level1 widh16" > <a class="" href="product.php">Prdocuts</a>
        <ul>
        
        
        
          <li> <a href="product.php?cid=596"> Custom power supply</a> </li>
   <li> <a href="product.php?cid=595"> ndustrial power supply</a> </li>
   <li> <a href="product.php?cid=593"> PC Power Series</a> </li>
           
        </ul>
      </li>
      <li class="level1"> <a class="" href="case.php">Equipment</a>
        <ul>
        
            <li> <a href="case.php?cid=577"> Technical</a> </li>
   <li> <a href="case.php?cid=546"> Production</a> </li>
         
  
        </ul>
      </li>
      <li class="level1"> <a class="" href="news.php">News</a>
        <ul>
        
            <li> <a href="news.php?cid=409"> News</a> </li>
   <li> <a href="news.php?cid=588"> Notice</a> </li>
   <li> <a href="news.php?cid=589"> Technology</a> </li>
   <li> <a href="news.php?cid=602"> Industry trends</a> </li>
         
       
        </ul>
      </li>
   
      
      <li class="level1"> <a class="" href="jobs.php">Join us</a>
        <ul>
          <li><a href="jobs.php" class="">Recruit</a></li>
            <li><a href="peixun.php?cid=551" class="">Staff style</a></li>
        </ul>
      </li>
      
      <li class="level1"> <a class="" href="contact.php">Contact us</a>
        <ul>
          <li><a href="contact.php" class="">Contact us</a></li>
           <li><a href="sale.php" class="">Sales network</a></li>
        
        </ul>
      </li>
     
    </ul>
 
   <Div class="hidd1" style="clear:both; position:absolute;width:7%; right:2%; z-index:9999;">
   <div class="extra-link" style=" "> <a class="search-ico daxiao logoaa" href="javascript:;"><img src="../images/head01.png" alt=""> <img src="../images/head01_h.png" alt=""> </a>
   <div class="search-alert" style="display: none;"> <span class="close"></span>
    <div class="cent-form" >
      <form name="forms" method="POST" action="product.php"  onSubmit="return checkForm('myform1')" >
        <input class="fl tex" type="text" value="Please enter the product name" onBlur="if(!value){value=defaultValue;}" onFocus="if(value==defaultValue){value=&#39;&#39;;}" name="word" id="word">
        <input class="fr sub-butn" type="submit" value="Search">
      </form>
    </div>
  </div>

  <script>
	$(".extra-link .search-ico").on('click', function() {
		$(".search-alert").stop().fadeIn(300);
		$("body,html").addClass('ovh');
	});
	$(".search-alert .close").on('click', function() {
		$(".search-alert").stop().hide();
		$("body,html").removeClass('ovh');
	});
	$(".m-sub-menu .top-box .stt").on('click', function() {
		$(".m-sub-menu").removeClass('show');
		$(".body-wrap,header").removeClass('left');
		$("body,html").removeClass('ovh');
		$(".search-alert").show();
	});
</script>
  
  
    <a class="logobb" href="../"> <img src="../images/head04.png" alt=""> <img src="../images/head04.png" alt=""> </a>
    
    </Div>
  </Div>
 
  </div>
  <button class="menu_btn trans"><span></span></button>
  
  <div class="hidd"><div style=" position:absolute; right:45px; top:15px;"><a href="#"><img src="../images/guoqi.png"></a></div></div>
  
  
</nav>


<script src="../js/util.js"></script>
<script src="jquery.lazyload.js"></script>
<script src="../js/menu.js"></script>




<style>
.index_banner {
	width:100%;
	height:100vh;
	position:relative;
	text-align:center;
	z-index:10;
}
.index_video {
	width:100%;
	height:100%;
	position:absolute!important;
	left:0;
	top:0;
	z-index:10;
	background:#fff;
	overflow:hidden;
}
.index_video:after {
	display:block;
	content:'';
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0);
	background-repeat: repeat;
	background-position:center center;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}
.index_video .img {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-position: center center;
	background-repeat:no-repeat;
	z-index:6;
	background-size:50% auto;
}
/*.index_video .img.last{ background-image:url(../img/about-vd.png);background-size:65% auto;}*/
.index_video video {
	display:block;
	position:absolute;
	margin:0;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition:0.25s opacity ease-in-out;
	max-width:none;
	opacity:0;
	z-index:1;
}
.vidbg-container {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.vidbg-overlay {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}


@media screen and (max-width:1280px) {
.index_banner{height:auto;}
.index_banner_video:after{ display: block; content:''; padding-bottom:56.25%;}
}

@media screen and (max-width:1000px) {
.index_banner{margin-top:60px;}

}
</style>
<div class="index_banner index_banner_video" id="home">
  <div class="index_video">
    <div class="img" style=""></div>
  </div>
  
  
  <div class="hidd1"><div class="scrollb ">
    <div class="topimg"></div>
    <div class="cenimg"></div>
  </div></div>
</div>
<script>
$(window).load(function(){
//加载视频
var videoBackground = new vidbg('.index_video', {
      mp4: '../999.mp4',
      overlay: false
    });
$('.vidbg-container').find("video").attr({"x5-playsinline":"true","playsinline": "true","webkit-playsinline": "true","x-webkit-airplay":"","x5-video-player-type": "h5","x5-video-player-fullscreen": "true","x5-video-orientation": "portraint"});


})
</script>
<script src="../js/vidbg.js"></script>
<div class="about">
  <div class="_w1200">
        <div class="_PageTitle wow fadeInUp"> <span class="en"></span><!-- <span class="cn ">
      
      </span>--> </div>
    <div class="describe wow fadeInUp">
          </div>
    <ul>
            <li class="divtest aos-init wow fadeInRight" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s;"><a href="about.php#1">
        <div class="hideBox">
          <div class="title"> <i></i> <b>
            Company profile            </b> </div>
          <div class="introduction">
            Dongguan Sanren Electronic Technology Co., Ltd., established in 2005, is a professional power supply manufacturing company specializing in t...
          </div>
        </div>
        </a> </li>
            <li class="divtest aos-init wow fadeInRight" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s;"><a href="about.php#2">
        <div class="hideBox">
          <div class="title"> <i></i> <b>
            Corporate culture            </b> </div>
          <div class="introduction">
            Business philosophy: &quot;integrity, professionalism, innovation, quality, service&quot;. &quot;The company advocates team spirit and creat...
          </div>
        </div>
        </a> </li>
            <li class="divtest aos-init wow fadeInRight" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s;"><a href="about.php#3">
        <div class="hideBox">
          <div class="title"> <i></i> <b>
            Enterprise honor            </b> </div>
          <div class="introduction">
            We have established a set of perfect quality assurance system and supervision and management system in strict accordance with ISO9000 requir...
          </div>
        </div>
        </a> </li>
          </ul>
    <a href="about.php" class="saymore wow fadeInUp" > <span>More+</span>
    <div class="bgs"></div>
    </a> </div>
</div>
<div class="h30"></div>
<div class="home_top">
    <div class="wow fadeInUp">
    Recommended products  </div>
  <p class="home_title wow fadeInUp">
    Products cover 1W ~ 1000W power supply products  </p>
</div>
<div class="h30"></div>
<link rel="stylesheet" href="../css/idangerous.swiper.css">
<style>
 .device{ position:relative; padding-bottom:70px;}

.swiper-container {
  width: 100%;
  color: #fff;
  text-align: center;
}
.swiper-slide {
  opacity: 1;
  position:relative;
  margin:0px;
  padding:0px 8px;
  box-sizing:border-box;
/*  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);*/
}
.swiper-slide img{ width:100%;}
.swiper-slide-visible {
  opacity: 1;
/*  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);*/
}
.swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.red-slide {
  background: #ca4040;
}
.blue-slide {
  background: #4390ee;
}
.orange-slide {
  background: #ff8604;
}
.green-slide {
  background: #49a430;
}
.pink-slide {
  background: #973e76;
}
.swiper-slide .title {
  font-size: 18px;
  line-height: 45px;
  position:absolute;
  bottom:10px;
  color:#363636;
   text-align:center;
   width:100%;
   font-weight:700;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;
}
.swiper-active-switch {
  background: #ff0000;
}


.arrow-left{
	position: absolute;
    top: 40%;
    left: 40px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
	background: rgba(255,255,255,0);
    transform: translate(-50%,-50%) rotate(135deg);
    -ms-transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    border: 1px solid #FF2E17;
    content: "";
    z-index: 9;
	background: rbga(255,255,255,0);
    border-width: 0 2px 2px 0;
}
.arrow-right{
	position: absolute;
    top: 40%;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
   transform: translate(-50%,-50%) rotate(135deg);
    -ms-transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    border: 1px solid #FF2E17;
    content: "";
	z-index: 9;
    border-width: 2px 0 0 2px;
}

 @media(max-width:1200px){

 .device{ padding-bottom:55px;}
.arrow-left{width: 25px; height: 25px;}
.arrow-right{ width: 25px; height: 25px;}
.swiper-slide .title { font-size:16px;line-height: 26px;bottom:10px;}
 }



 @media(max-width:640px){
.device{ padding-bottom:35px;}
.arrow-left{width: 25px; height: 25px;}
.arrow-right{ width: 25px; height: 25px;}
.swiper-slide .title { font-size:14px;line-height: 24px;top:10px; bottom: auto;}
.swiper-slide { max-height:350px;  padding:0px;}
.pagination{ margin:5px auto;}

 }



  </style>
<div class="device"> <a class="arrow-left" href="#"></a> <a class="arrow-right" href="#"></a>
  <div class="swiper-container wow fadeInUp">
    <div class="swiper-wrapper">
            <div class="swiper-slide"> <a href="productshow.php?id=997"> <img src="../upload_files/2020-10/202010051236576890.png">
        <div class="title">
                  </div>
        <div class="fontw animate05 ">
          <h2>
                        <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=996"> <img src="../upload_files/2020-10/202010051222315324.jpg">
        <div class="title">
                  </div>
        <div class="fontw animate05 ">
          <h2>
                        <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=991"> <img src="../upload_files/2020-08/202008160757118591.jpg">
        <div class="title">
                  </div>
        <div class="fontw animate05 ">
          <h2>
                        <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=990"> <img src="../upload_files/2020-08/202008160758124558.jpg">
        <div class="title">
                  </div>
        <div class="fontw animate05 ">
          <h2>
                        <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=988"> <img src="../upload_files/2020-08/202008160756158620.jpg">
        <div class="title">
                  </div>
        <div class="fontw animate05 ">
          <h2>
                        <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=987"> <img src="../upload_files/2020-08/202008160755208134.jpg">
        <div class="title">
                  </div>
        <div class="fontw animate05 ">
          <h2>
                        <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
          </div>
  </div>
  <div class="pagination"></div>
</div>
<div class="h20"></div>
<script src="../js/idangerous.swiper.min.js"></script>
<script>
  
   screenWidth=$(window).width();
	if(screenWidth>=1439){

    var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
	autoplay:5000,
    grabCursor: true,
    paginationClickable: true,
	centeredSlides: true,
	slidesPerView : 4,
	spaceBetween: 10,
	calculateHeight : true,	

  })
  
  
}else if(screenWidth>=639){
   
     var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true,
	centeredSlides: true,
	slidesPerView : 3,
	spaceBetween: 10,
	calculateHeight : true,		
  })
   
     
}else if(screenWidth<=639){

  var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true,
	centeredSlides: true,
	slidesPerView : 1,
	spaceBetween: 0,
	calculateHeight : true,	
 })
  
  }

  
  
  $('.arrow-left').on('click', function(e){
    e.preventDefault()
    mySwiper.swipePrev()
  })
  $('.arrow-right').on('click', function(e){
    e.preventDefault()
    mySwiper.swipeNext()
  })
  </script>
<div class="cyBox hidd1">
  <div class="cyBoxImg">
    <ul>
            <li class="active animate1" style="background-image:url(../upload_files/2020-06/202006171002028985.jpg);"></li>
            <li class="animate1" style="background-image:url(../upload_files/2020-06/202006171002022127.jpg);"></li>
            <li class="animate1" style="background-image:url(../upload_files/2020-06/202006171002038052.jpg);"></li>
            <li class="animate1" style="background-image:url(../upload_files/2020-06/202006171002036331.jpg);"></li>
            <li class="animate1" style="background-image:url(../upload_files/2020-06/202006171002035218.jpg);"></li>
          </ul>
  </div>
  <div class="cyBoxCenter" style="padding-top:50px;" >
    <div id="subTitle" class="block" data-move-y="200px" >
            <div class="home_top wow fadeInUp" style=" color:#fff; margin-left:auto; text-align:center;">
        Application area        <p class="home_title wow fadeInUp" style="color:#fff; padding-top:10px; max-width:800px; margin:0 auto;">
          The company's products are widely used in computer, industrial equipment, outdoor lighting greening,        </p>
      </div>
    </div>
    <div class="cyList">
      <ul>
                <li class="block active wow fadeInLeft" data-move-x="-500px" data-rotate="90deg" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s;" >
          <div class="thum " >
            <div class="sjx animate"></div>
            <div class="linkImg animate"><img src="../images/b1.png" width="100%"></div>
            <div class="hoverImg animate"><img src="../images/b1.png" width="100%"></div>
          </div>
          <a href="#">
          <div class="text animate">
            Computer          </div>
          </a> </li>
                <li class="block wow fadeInLeft" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
            <div class="sjx animate"></div>
            <div class="linkImg animate"><img src="../images/b2.png" width="100%"></div>
            <div class="hoverImg animate"><img src="../images/b2.png" width="100%"></div>
          </div>
          <a href="#">
          <div class="text animate">
            Industrial          </div>
          </a> </li>
                <li class="block wow fadeInLeft" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
            <div class="sjx animate"></div>
            <div class="linkImg animate"><img src="../images/b3.png" width="100%"></div>
            <div class="hoverImg animate"><img src="../images/b3.png" width="100%"></div>
          </div>
          <a href="#">
          <div class="text animate">
            Outdoor          </div>
          </a> </li>
                <li class="block wow fadeInLeft" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
            <div class="sjx animate"></div>
            <div class="linkImg animate"><img src="../images/b4.png" width="100%"></div>
            <div class="hoverImg animate"><img src="../images/b4.png" width="100%"></div>
          </div>
          <a href="#">
          <div class="text animate">
            Advertising          </div>
          </a> </li>
                <li class="block wow fadeInLeft" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
            <div class="sjx animate"></div>
            <div class="linkImg animate"><img src="../images/b5.png" width="100%"></div>
            <div class="hoverImg animate"><img src="../images/b5.png" width="100%"></div>
          </div>
          <a href="#">
          <div class="text animate">
            Lighting          </div>
          </a> </li>
              </ul>
    </div>
    <div class="cyBoxInfo block" data-move-y="250px" >
            <div class="box animate1 active">
        <dl>
          <h2>
            Computer          </h2>
          <dd>
                      </dd>
        </dl>
      </div>
            <div class="box animate1">
        <dl>
          <h2>
            Industrial          </h2>
          <dd>
                      </dd>
        </dl>
      </div>
            <div class="box animate1">
        <dl>
          <h2>
            Outdoor          </h2>
          <dd>
                      </dd>
        </dl>
      </div>
            <div class="box animate1">
        <dl>
          <h2>
            Advertising          </h2>
          <dd>
                      </dd>
        </dl>
      </div>
            <div class="box animate1">
        <dl>
          <h2>
            Lighting          </h2>
          <dd>
                      </dd>
        </dl>
      </div>
          </div>
    <div style="clear: both;"></div>
  </div>
</div>


<script type="text/javascript"  src="../js/c_01.js"></script>
<script type="text/javascript"  src="../js/c_02.js"></script>
<link href="../css/c_01.css" rel="stylesheet" type="text/css" />
<div class="hidd">
  <div class="home_top">
  
        <div class="wow fadeInUp"> Application area</div>
    <p class="home_title wow fadeInUp">  公司产品广泛应用于计算机、工业设备、户外照明绿化、LED屏幕、户外广告、交通照明等多个领域</p>
  </div>




  <div class="g-jk j-slide-np">
    <div class="nowarp">
      <div class="m-box">
                <div class="con"> <a href="#">
          <h3><img src="../upload_files/2020-06/202006240507592824.jpg" /></h3>
          </a>
          <dl>
            <dt><em>
              Computer              </em>
              <h6>
               
              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              1              </b>/ 06</h5>
          </dl>
        </div>
                <div class="con"> <a href="#">
          <h3><img src="../upload_files/2020-06/202006240507301979.jpg" /></h3>
          </a>
          <dl>
            <dt><em>
              Industrial              </em>
              <h6>
               
              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              2              </b>/ 06</h5>
          </dl>
        </div>
                <div class="con"> <a href="#">
          <h3><img src="../upload_files/2020-06/202006240507191249.jpg" /></h3>
          </a>
          <dl>
            <dt><em>
              Outdoor              </em>
              <h6>
               
              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              3              </b>/ 06</h5>
          </dl>
        </div>
                <div class="con"> <a href="#">
          <h3><img src="../upload_files/2020-06/202006240506572016.jpg" /></h3>
          </a>
          <dl>
            <dt><em>
              Advertising              </em>
              <h6>
               
              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              4              </b>/ 06</h5>
          </dl>
        </div>
                <div class="con"> <a href="#">
          <h3><img src="../upload_files/2020-06/202006240506451062.jpg" /></h3>
          </a>
          <dl>
            <dt><em>
              Lighting              </em>
              <h6>
               
              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              5              </b>/ 06</h5>
          </dl>
        </div>
              </div>
    </div>
    <div class="next"><img src="../images/dd1.gif" alt="<" /></div>
    <div class="prev"><img src="../images/uu1.gif" alt=">" /></div>
  </div>
</div>



<div class="main" style="background:url(../images/benifit-bg.png) no-repeat center center; background-size: 100% 100%; width:100%;">
  <div class="h50"></div>
  <div class="home_top">
  
  
    <div class="wow fadeInUp"> News</div>
    <p class="home_title wow fadeInUp">  Follow us for more information</p>
  </div>
  <div class="h30"></div>
  <div class="services-body">
    <div class="newBox">
      <ul class="width1400 list">
      
      
      
             
      
        <li class="wow fadeInUp" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s;">
          <div class="bg" style="background-image: url(../upload_files/2020-06/202006171007323297.jpg);"></div>
          <a href="newsshow.php?id=946">
          <div class="time">2020-06-17</div>
          <div class="tit"></div>
          <div class="border"></div>
          <div class="text"></div>
          </a> </li>
          
          
      
      
        <li class="wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s;">
          <div class="bg" style="background-image: url(../upload_files/2020-06/202006171007517532.jpg);"></div>
          <a href="newsshow.php?id=947">
          <div class="time">2020-06-17</div>
          <div class="tit"></div>
          <div class="border"></div>
          <div class="text"></div>
          </a> </li>
          
          
      
      
        <li class="wow fadeInUp" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s;">
          <div class="bg" style="background-image: url(../upload_files/2020-06/202006171008092610.jpg);"></div>
          <a href="newsshow.php?id=948">
          <div class="time">2020-06-17</div>
          <div class="tit"></div>
          <div class="border"></div>
          <div class="text"></div>
          </a> </li>
          
          
      
      
        <li class="wow fadeInUp" data-wow-delay=".7s" style="visibility: visible; animation-delay: 0.7s;">
          <div class="bg" style="background-image: url(../upload_files/2020-06/202006171008279026.jpg);"></div>
          <a href="newsshow.php?id=949">
          <div class="time">2020-09-03</div>
          <div class="tit"></div>
          <div class="border"></div>
          <div class="text"></div>
          </a> </li>
          
          
      
  

  
  
      </ul>
    </div>
  </div>
</div>

<div class="footer_box wow fadeInUp hidd1" >
<div class="page-footer " >
<div class="width1400 ">
  <div class="dlList">
    <dl style="">
      <dt><span>About us</span></dt>
      <dd> <a href="about.php#1">Company profile</a> </dd>
      <dd> <a href="about.php#2" >Culture</a> </dd>
      <dd> <a href="about.php#3" >Honor</a> </dd>
    </dl>
    <dl>
      <dt><span>Products</span></dt>
            <dd> <a href="product.php?cid=593">
        PC Power Series        </a> </dd>
            <dd> <a href="product.php?cid=595">
        ndustrial power supply        </a> </dd>
            <dd> <a href="product.php?cid=596">
        Custom power supply        </a> </dd>
          </dl>
    <dl>
      <dt><span>Equipment</span></dt>
            <dd><a href="case.php?cid=546">
        Production        </a> </dd>
            <dd><a href="case.php?cid=577">
        Technical        </a> </dd>
          </dl>
    <dl>
      <dt><span>News</span></dt>
            <dd><a href="news.php?cid=409">
        News        </a> </dd>
            <dd><a href="news.php?cid=588">
        Notice        </a> </dd>
            <dd><a href="news.php?cid=589">
        Technology        </a> </dd>
            <dd><a href="news.php?cid=602">
        Industry trends        </a> </dd>
          </dl>
    <dl>
      <dt><span>Join us</span></dt>
      <dd> <a href="jobs.php">Recruit</a> </dd>
      <dd> <a href="peixun.php?cid=551">Staff style</a> </dd>
    </dl>
    <dl>
      <dt><span>Contact us</span></dt>
      <dd> <a href="contact.php">Contact us</a> </dd>
      <dd> <a href="sale.php">Sales network</a> </dd>
    </dl>
    <dl style=" margin-bottom:20px;width:300px; text-align:left;">
      <dt><span>Contact us</span></dt>
      <dd class="shouji" >Tel:
        0769-82005986      </dd>
      <dd class="dizhi ">Address:
        No.4, hi tech 4th Road, Sicun, Tangxia Town, Dongguan City      </dd>
      <dd class="zuoji">Fax:
        0769-87918895      </dd>
      <dd class="email ">Website:
        http://www.sanr-group.com/      </dd>
    </dl>
    <div style="clear:both;"></div>
  </div>
</div>










<div class="wow fadeInDown" style="border-top:1px solid #1A2C36;">
  <div class="width1400">
    <div class="dibu_box">
      <p>
        <p>Copyright Dongguan SANR Electronic Technology Co.Ltd, All Rights Reserved.</p>        &nbsp;&nbsp;<!--<a href="http://beian.miit.gov.cn" target="_blank">
        粤ICP1213465备        </a>&nbsp;&nbsp;<A href="http://www.0769net.com" target="_blank">技术支持</A>--></p>
    </div>
  </div>
</div>
</div>
</div>

<div class="hidd">

  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">About us</div>
      </div>
    </div>
    <div class="childContent">
      <p> <a href="about.php#1">Company profile</a></p>
      <p> <a href="about.php#2">Culture</a></p>
      <p> <a href="about.php#3">Honor</a></p>

    </div>
  </div>
  
  
  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Products</div>
      </div>
    </div>
    <div class="childContent">
             
                      

   <p> <a href="product.php?cid=593">PC Power Series</a> </p>
 
   <p> <a href="product.php?cid=595">ndustrial power supply</a> </p>
 
   <p> <a href="product.php?cid=596">Custom power supply</a> </p>
       
    </div>
  </div>
  
  
  
   <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Equipment</div>
      </div>
    </div>
    <div class="childContent">
             
                      

   <p> <a href="case.php?cid=546">Production</a> </p>
 
   <p> <a href="case.php?cid=577">Technical</a> </p>
       
    </div>
  </div>
  
  
  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">News</div>
      </div>
    </div>
    <div class="childContent">
                 <p> <a href="news.php?cid=409">
          News          </a> </p>
                <p> <a href="news.php?cid=588">
          Notice          </a> </p>
                <p> <a href="news.php?cid=589">
          Technology          </a> </p>
                <p> <a href="news.php?cid=602">
          Industry trends          </a> </p>
            </div>
  </div>
  
 


 <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Join us</div>
      </div>
    </div>
    <div class="childContent">
         <p> <a href="jobs.php">Recruit</a> </p>
      <p> <a href="peixun.php?cid=551">Staff style</a> </p>

    </div>
  </div>






 <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Contact us</div>
      </div>
    </div>
    <div class="childContent">
         <p> <a href="contact.php">Contact us</a> </p>
      <p> <a href="sale.php">Sales network</a> </p>

    </div>
  </div>
 <!-- <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">联系信息</div>
      </div>
    </div>
    <div class="childContent">
      <p class="email">邮件:http://www.sanr-group.com/</p>
      <p class="dizhi">地址:No.4, hi tech 4th Road, Sicun, Tangxia Town, Dongguan City</p>
      <p class="shouji" >电话:0769-82005986 </p>
      <p class="zuoji ">官网: 0769-87918895</p>
    </div>
  </div>
  -->
  
  </div>
  
<div class="hidd" style="border-top:1px solid #1A2C36;background:#08121C; clear:both;  ">
  <div class="width1400">
    <div class="dibu_box">
    
        <p>Copyright Dongguan SANR Electronic Technology Co.Ltd, All Rights Reserved.</p>     
    </div>
  </div>
</div>
</div>
</div>

  
</div>
<script>
  $(function(){
	$(".wendachild .childIcon").click(function(){
		$(this).toggleClass("on");
		$(this).parent().parent().find(".childContent").stop(false,true).slideToggle(500);
	});
	
	
	
});

  </script>



<script>

jQuery.each(jQuery("img"), function (i, n) {
	 jQuery(n).error(function () { 
	 n.src = 'images/2.gif'; }); 
	     n.src = n.src; 
 });
</script>
<script>
	$(".extra-link .search-ico").on('click', function() {
		$(".search-alert").stop().fadeIn(300);
		$("body,html").addClass('ovh');
	});
	$(".search-alert .close").on('click', function() {
		$(".search-alert").stop().hide();
		$("body,html").removeClass('ovh');
	});
	$(".m-sub-menu .top-box .stt").on('click', function() {
		$(".m-sub-menu").removeClass('show');
		$(".body-wrap,header").removeClass('left');
		$("body,html").removeClass('ovh');
		$(".search-alert").show();
	});
</script>
<script>
if(screen.width > 765){
  document.write('<script type="text/javascript" src=" ../js/saved_resource.js"><\/script>');
  document.write('<script type="text/javascript" src=" ../js/header.js"><\/script>');
  document.write('<script type="text/javascript" src=" ../js/bckToTop.js"><\/script>');
}
</script>
<script>TMall.BackTop.init();</script>
</body>
</html>
