<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>幸福阳光</title>
	<script src='../js/jquery-2.1.1.min.js'></script>
	<link rel="stylesheet" href="../css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="../css/style.css">
	<link rel="stylesheet" href="../css/zuocefudong.css">
	<link rel="stylesheet" href="../css/animate.min.css">
	<script type="text/javascript" src = '../js/wow.min.js'></script>
	<style>
		@media screen and (max-width: 1200px) { /*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
		.navcss{position: absolute;left: 0px;}
		} 
		
	</style>
</head>
<body>

<div class="container">
	<p style="height: 4px"><img src="../images/top.jpg" alt="顶部" style="position: absolute;width: 100%"></p>
<div class="sousuoxinxi">
	<input type="text" placeholder="输入搜索关键词" >
	<a href=""><img src="../images/sousuo_03.png" alt="" class="xouxuok_img"></a>
	<a href="" ><img src="../images/sanjiao.png" alt="3j" class="jianju_cs">English</a>
	<a href=""><img src="../images/sanjiao.png" alt="3j" class="jianju_cs">中文</a></a>
	<img src="../images/wb.png" alt="weibo" class="jianju_cs fudong_toubu" >
	<img src="../images/wx.png" alt="weixin" class="jianju_cs fudong_toubu-1" >
	<img src="../images/vxbg.png" alt="微信背景" class="weixinbeijing"  style='display:none'>
	<img src="../images/wex.png" alt="微信背景" class="weixinbeijing-11" style='display:none'>
</div>
	
	 <div class="navcss">
	 <img src="../images/logo.png" alt="阳光logo"  class='wow fadeInLeft' data-wow-delay='.1s'>
 	 <ul class='wow fadeInRight' data-wow-delay='.1s'>
 	 	 <li class="lilili"><a href="#">网站首页</a>
       <ul>
            <li><a href="#">企业文化</a></li>
            <li><a href="#">企业资质</a></li>
            <li><a href="#">服务团队</a></li>
        </ul>
    </li>
    <li class="lilili"><a href="#">关于我们</a>
      <ul>
            <li><a href="#">集团介绍</a></li>
            <li><a href="#">公司介绍</a></li>
            <li><a href="#">品牌理念</a></li>
            <li><a href="#">集团荣誉</a></li>
            <li><a href="">社会责任</a></li>
        </ul>
    </li>
    <li class="lilili"><a href="#">产品介绍</a>
     <ul>
           <li><a href="">悦木·原</a></li>
			<li><a href="">无添加</a></li>
			<li><a href="">其他系列</a></li>
			<li><a href="">权威认证</a></li>
        </ul>
    </li>
    <li class="lilili"><a href="#">科技前沿</a>
		<ul>
			<li><a href="#">企业文化</a></li>
			<li><a href="#">企业资质</a></li>
			<li><a href="#">服务团队</a></li>
		</ul>
    </li>
    <li class="lilili"><a href="#">活动与新闻</a>
		<ul>
			<li><a href="#">集团新闻</a></li>
			<li><a href="#">公司新闻</a></li>
			<li><a href="#">品牌活动</a></li>
			<li><a href="#">新品推荐</a></li>
		</ul>
    </li>
     <li class="lilili"><a href="#">加入我们</a>
		<ul>
			<li><a href="#"> 经 销 商</a></li>
			<li><a href="#">招聘信息</a></li>
		</ul>
     </li>
  </ul>
</div>
	<div class="swiper-container">
  	<div class="swiper-wrapper">
    <div class="swiper-slide "><img src="../images/banner.jpg" alt=""></div>
    <div class="swiper-slide "><img src="../images/banner.jpg" alt=""></div>
    <div class="swiper-slide "><img src="../images/banner.jpg" alt=""></div>
  </div>
  <div class="swiper-pagination"></div>
</div>
	<div class="daohang">
		<ul>
			<li class=' wow fadeInLeft' data-wow-delay='.1s'><a href="">抽纸式面巾纸</a></li>
			<li class=' wow fadeInLeft' data-wow-delay='.1s'><a href="">手帕纸</a></li>
			<li class=' wow fadeInLeft' data-wow-delay='.1s'><a href="">有芯卷纸</a> </li>
			<li class=' wow fadeInRight' data-wow-delay='.1s'><a href="">无芯卷纸</a></li>
			<li class=' wow fadeInRight' data-wow-delay='.1s'><a href="">盒装面巾纸</a></li>
			<li class=' wow fadeInRight' data-wow-delay='.1s'><a href="">商用系列</a></li>
		</ul>
	</div>
	
<!--正文-->
	<main class="main wow fadeInUp" data-wow-delay='.1s'>
		<div >
			<b>最新动态 </b><a href=""  id="more">more>></a>
			<p class='shouye_p_pho'><img src="../images/index_11.jpg" alt="动态" ></p>
			<p><img src="../images/bg-bottom.png" alt=""></p>
			<p class='chongxinxie'><img src="../images/yuan_03.png" alt="圆" class='yuan'>中国造纸协会第四届理事会第四次会议在浙江桐乡召开</p>
			<p  class='chongxinxie'><img src="../images/yuan_03.png" alt="圆" class='yuan'>中国造纸协会第四届理事会第四次会议在浙江桐乡召开</p>
			<p class='chongxinxie'><img src="../images/yuan_03.png" alt="圆" class='yuan'>中国造纸协会第四届理事会第四次会议在浙江桐乡召开</p>
		</div>
		<div class='zhongjiande'><b>品牌理念 </b><a href="" id="more">more>></a>
			<p class="shouye_p_pho"><img src="../images/index_13.png" alt="动态"></p>
			<p><img src="../images/bg-bottom.png" alt=""></p>
			<p  class='zhongjiandechong'>幸福阳光 是一个始终与绿色同行的品牌，我们用创新性的“无添加”技术实现了资源的绿色循环利用、实现了工业与自然、人与环境的和谐<a href="" class="a_color1">详细内容>></a></p>
		</div>
		<div>

			<b>新品推荐 </b><a href="" id="more">more>></a>

			<!-- <div class="swiper-container" style="width: 360px;height: 208px;overflow: hidden;margin-top: 5px;position: relative;top: 10px;">
			  	<div class="swiper-wrapper" style="border-radius:8px ">
			    <div class="swiper-slide "><img src="../images/index2_03.jpg" alt=""></div>
			    <div class="swiper-slide "><img src="../images/index2_03.jpg" alt=""></div>
			    <div class="swiper-slide "><img src="../images/index2_03.jpg" alt=""></div>
			  </div>
 			 <div class="swiper-pagination" style="background: none"></div> -->
			<p style='width:380px;height:208px;overflow: hidden;margin-top: 5px;'><img src="../images/index2_03.jpg" alt="动态" style='width: 95%;height:100%;border-radius: 8px;'></p>
			<p><img src="../images/bg-bottom.png" alt=""></p>
			<p style='color: #686868;line-height: 24px;'>2017年5月，悦木·原诞生，在原有“无添加”技术的基础上，引入高密、压光、压花工艺，极大提高了消费者的使用舒适体验：纸张更顺滑、强韧，纸质更亲肤<a href="" class="a_color1">详细内容>></a></p>
			

	</main>
	
</div>
	<footer>
		<div class="foot">
			<ul class=' wow fadeInUp' data-wow-delay='.1s' >
				<li class="dibubiaoti">关于我们</li>
				<li ><a href="">集团介绍</a></li>
				<li ><a href="">公司介绍</a></li>
				<li ><a href="">品牌理念</a></li>
				<li ><a href="">集团荣誉</a></li>
				<li ><a href="">社会责任</a></li>
			</ul>
			<ul class=' wow fadeInUp' data-wow-delay='.1s'>
				<li class="dibubiaoti">产品介绍</li>
				<li><a href="">悦木·原</a></li>
				<li><a href="">无添加</a></li>
				<li><a href="">其他系列</a></li>
				<li><a href="">权威认证</a></li>
			</ul>
			<ul class=' wow fadeInUp' data-wow-delay='.1s'>
				<li class="dibubiaoti">科技前沿</li>
				<li><a href="">研发中心</a></li>
				<li><a href="">知识产权</a></li>
				<li><a href="" >技术成果</a></li>
			</ul>
			<ul class=' wow fadeInUp' data-wow-delay='.1s'>
				<li class="dibubiaoti">活动与新闻</li>
				<li><a href="" >集团新闻</a></li>
				<li><a href="" >公司新闻</a></li>
				<li ><a href="" >品牌活动</a></li>
				<li ><a href="" >新品推荐</a></li>
			</ul>
			<ul class=' wow fadeInUp' data-wow-delay='.1s' >
				<li class="dibubiaoti">加入我们</li>
				<li ><a href="" >经销商</a></li>
				<li ><a href="" >招聘信息</a></li>
			</ul>
		</div>
		
		<div class="f_div_rig wow fadeInRight" data-wow-delay='.1s'>
			<p><a href=""><img src="../images/yj1.png" alt=""></a></p>
			<p><a href=""><img src="../images/yj.png" alt=""></a></p>
			<p><a href=""><img src="../images/yj2.png" alt=""></a></p>
		</div>
		<div class="foot_weihao">
			<p>© 2011-2017  太阳纸业幸福阳光生活用纸  版权所有   鲁ICP备05006124号</p>
			<p>技术支持：奇迹网</p>
		</div>
	</footer>
	
	<div class='yc11'>
		<ul >
			
				<li>
					<img src="../images/bjtp.png" alt="侧边栏">
					<ul>
						<li id="ycbkfd" ><a href=""><img src="../images/tm.png" alt=""></a></li>
						<li id="ycbkfd1" ><a href=""><img src="../images/jd.png" alt=""></a></li>
						<li id="ycbkfd2" ><a href=""><img src="../images/albb.png" alt=""></a></li>
						<li id="ycbkfd3" ><a href=""><img src="../images/snyg.png" alt=""></a></li>
						<li id="ycbkfd4" ><a href=""><img src="../images/first.png" alt=""></a></li>
					</ul>
				</li>
		</ul>	
	</div>
</div>

<script src="../js/swiper.min.js"></script>
<script type="text/javascript">
  var mySwiper = new Swiper('.swiper-container',{
    loop: true,
	pagination:'.swiper-pagination',
	paginationClickable:true,
	// prevButton:'.swiper-button-prev',
	// nextButton:'.swiper-button-next',
	autoplay: 3000,/*自动播放*/
	speed:2000,/*切换的速度*/
	autoplayDisableOnInteraction : false,/*点击后也会自动轮播了*/
  });
</script>
<script type="text/javascript" >
		$('.fudong_toubu').mousemove(function(){
			$('.fudong_toubu').attr('src',"../images/wb1.png");
			
		})
		$('.fudong_toubu').mouseout(function(){
			$('.fudong_toubu').attr('src',"../images/wb.png");
		})
		
		$('.fudong_toubu-1').mousemove(function(){
			$('.fudong_toubu-1').attr('src',"../images/wx1.png");
			
		})
		$('.fudong_toubu-1').mouseout(function(){
			$('.fudong_toubu-1').attr('src',"../images/wx.png");
			
		})
		
		$(".fudong_toubu-1").hover(function () {
			$(".weixinbeijing").show();
		
			 $(".weixinbeijing-11").show()
		}, function () {
			$(".weixinbeijing").hide();
			 $(".weixinbeijing-11").hide()
}
);
	var　wow = new WOW({
      　　	animateClass: 'animated',
      		});
      	wow.init();
	</script>
<script src="../js/swiper.min.js"></script>
<script type="text/javascript" src="../js/yingpin.js"></script>
</body>
</html>