<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no, email=no, adress=no">
	<title>杭州赛石园林集团有限公司-官网</title>
	<meta name="keywords" content="赛石,赛石园林,赛石园林集团" />
    <meta name="description" content="杭州赛石园林集团有限公司，创建于1999年，是山东美晨生态环境股份有限公司（股票代码300237）全资子公司。" />


	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/common.css">
	<style>
		.title h1:after{
			top:35px;
		}
	</style>

	<script src="js/jquery-1.12.3.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/common.js"></script>
	<!-- 轮播 -->
	<script type="text/javascript" src="js/lrtk.js"></script>
	<link rel="stylesheet" href="css/swiper.min.css">
	<script src="js/swiper.min.js"></script>
	<script>
		$.ajax({
			type:'GET',
			url:url0+'index.php?method=img_list&class_id=55',
			dataType:'JSON',
			success:function(res){
				$.each((res.data.result),function(i){
					 let urla='url('+url0+res.data.result[i].picurl+')';
					 $('.slide_item1').eq(i).css({"background":urla});
				})
			}
		})
		$.ajax({
			type:'GET',
			url:url0+'index.php?method=img_list&class_id=58',
			dataType:'JSON',
			success:function(res){
				$.each((res.data.result),function(i){
					if(i>=3){
						return false
					}
					 let pic=url0+res.data.result[i].picurl;
					 let title=res.data.result[i].title;
					 let id=res.data.result[i].id;
					 let des=res.data.result[i].description;
	                 let date=res.data.result[i].posttime;
	                 let Time=new Date(date*1000);
	                 let M=Time.getMonth()+1;
	                 let Y=Time.getFullYear();
	                 let D=("0" +Time.getDate() ).slice(-2);
	                 let cont=res.data.result[i].content;
	                 let riqi=[Y,M,D].join('-');
					 $('.news_cont').append('<a href="news_detial.html?id='+id+'&class_id=58" class="news_item" style="display:block;"><div><img src="'+pic+'"></div><p>'+des+'</p><span>'+riqi+'</span></a>')		
				})
			}
		})

	</script>

</head>
<body>

	<div class="wrap">
		<!-- 导航 -->
		<div class="head_box">
			<div class="head">
				<a href="index.html"  class="logo_box" style="display: block;">
					<img src="images/logo.png" alt="">
				</a>
				<span class="btn">
					<img src="images/btn.png" alt="">
				</span>
				<div class="nav_box">
					<ul>
						<li class="current">
							<a href="index.html" class="navItem">首页</a>
						</li>
						<li class="t_nav">
							<a href="javascript:;" class="navItem">我们的事业</a>
							<div class="nav_bar">
								<a href="cause.html?id=0" class="first_a">市政园林</a>
								<a href="cause.html?id=1" class="sec">古建文保</a>
								<a href="cause.html?id=2">地产园林</a>
								<a href="cause.html?id=3" class="sec">PPP EPC</a>
								<a href="cause.html?id=4">文化旅游</a>
								<a href="cause.html?id=5" class="sec">生态环保</a>
								<a href="cause.html?id=6">规划设计</a>
								<a href="cause.html?id=7" class="sec">苗木生产</a>
							</div>
						</li>
						<li>
							<a href="advantage.html" class="navItem">我们的优势</a>
							<div class="nav_bar nav_p">
								<a href="advantage.html" class="first_a">项目落地</a>
								<a href="advantage.html#ss_box2" class="sec">金融能力</a>
								<a href="advantage.html#ss_box3">国内外合作</a>
							</div>
						</li>
						<li>
							<a href="news.html" class="navItem">新闻中心</a>
							<div class="nav_bar nav_p">
								<a href="news.html" class="first_a">集团新闻</a>
								<a href="meiti_news.html" class="sec">媒体报道</a>
								<a href="hangye_news.html">行业新闻</a>
							</div>
						</li>
						<li>
							<a href="resource.html" class="navItem">人力资源</a>
							<div class="nav_bar nav_p">
								<a href="resource.html" class="first_a">职业发展</a>
								<a href="resource.html#rc" class="sec">人才招聘</a>
							</div>
						</li>
						<li>
							<a href="about.html" class="navItem">关于赛石</a>
							<div class="nav_bar nav_p">
								<a href="about.html" class="first_a">集团简介</a>
								<a href="saishi_royu.html" class="sec">赛石荣誉</a>
								<a href="saishi_jianbao.html">赛石简报</a>
								<a href="saishi_neikan.html" class="sec">赛石内刊</a>
								<a href="saishi_lianxi.html">联系我们</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="search_box">
					<!-- <input type="text" class="search_input" id="search_input"> -->
				</div>
			</div>
		</div>

		<!-- banner -->
		<div class="slide-main" id="touchMain" style="" style="position: relative;">
			<div class="slide-box" id="slideContent" style="">
			<!--	<div class="slide" id="bgstylec">
					<a class="slide_item6" stat="sslink-3" href="javascript:;" target="_blank" id="a_box">
						<img src="images/banner0.jpg" alt="" class="pc">
						<img src="images/ph_pic.jpg" alt="" class="ph">
					</a>
				</div>  -->
				<div class="slide" id="bgstylec">
					<a class="slide_item6" stat="sslink-3" href="javascript:;" target="_blank" id="a_box">
						<img src="images/banner072701.jpg" alt="" class="pc">
						<img src="images/ph_pic.jpg" alt="" class="ph">
					</a>
				</div>
				<div class="slide" id="bgstylec">
					<a class="slide_item6" stat="sslink-3" href="javascript:;" target="_blank" id="a_box">
						<img src="images/banner072702.jpg" alt="" class="pc">
						<img src="images/ph_pic.jpg" alt="" class="ph">
					</a>
				</div>
				<div class="slide" id="bgstylec">
					<a class="slide_item6" stat="sslink-3" href="javascript:;" target="_blank" id="a_box">
						<img src="images/banner072703.jpg" alt="" class="pc">
						<img src="images/ph_pic.jpg" alt="" class="ph">
					</a>
				</div>
				<div class="slide" id="bgstylec">
					<a class="slide_item2" stat="sslink-3" href="javascript:;" target="_blank" id="a_box">
						<img src="images/banner072704.jpg" alt="" class="pc">
						<img src="images/ph_pic.jpg" alt="" class="ph">
					</a>
				</div>
				<div class="slide" id="bgstylec">
					<a class="slide_item3" stat="sslink-3" href="javascript:;" target="_blank" id="a_box">
						<img src="images/banner072705.jpg" alt="" class="pc">
						<img src="images/ph_pic.jpg" alt="" class="ph">
					</a>
				</div>
				<div class="slide" id="bgstylec">
					<a class="slide_item3" stat="sslink-3" href="javascript:;" target="_blank" id="a_box">
						<img src="images/banner072701.jpg" alt="" class="pc">
						<img src="images/ph_pic.jpg" alt="" class="ph">
					</a>
				</div>

				
			</div>
			<div class="item">
				<a class="cur" stat="item1001" href="javascript:;"></a>
				<a href="javascript:;" stat="item1002"></a>
				<a href="javascript:;" stat="item1003"></a>
				<a href="javascript:;" stat="item1004"></a>
				<a href="javascript:;" stat="item1005"></a>

			</div>
		</div>

		<!-- 内容 -->
		<div class="container_w">
			<!-- 我们的事业 -->
			<div class="row case_wrap">
				<div class="titel">
					<span>我们的事业</span>
					<h1>OUR CAUSE</h1>
					
					<p>
						赛石园林集团主要涉及市政园林、古建文保、地产园林、PPP EPC项目、文化旅游、生态环保、规划设计、苗木生产八大事业部
					</p>
				</div>
				<div class="ca_item_wrap">
				    	<div class="ca_item">
					      	<a href="cause.html?id=0" style="display: block;width:100%;">
						      	<img src="images/shizheng_c.png" alt="" class="gray">
						      	<img src="images/shizheng.png" alt="" class='active'>
						      	<p>市政园林</p>
						    </a>
					    </div>
					    <div class="ca_item">
					      	<a href="cause.html?id=1" style="display: block;width:100%;">
						      	<img src="images/gujian_c.png" alt="" class="gray">
						      	<img src="images/gujian.png" alt="" class='active'>
						      	<p>古建文保</p>
						    </a>
					    </div>
					    <div class="ca_item">
					      	<a href="cause.html?id=2" style="display: block;width:100%;">
						      	<img src="images/dichan_c.png" alt="" class="gray">
						      	<img src="images/dichan.png" alt="" class='active'>
						      	<p>地产园林</p>
						    </a>
					    </div>
					    <div class="ca_item">
					      	<a href="cause.html?id=3" style="display: block;width:100%;">
						      	<img src="images/ppp_c.png" alt="" class="gray">
						      	<img src="images/ppp.png" alt="" class='active'>
						      	<p>PPP EPC项目</p>
					      	</a>
					    </div>
					    <div class="ca_item">
					      	<a href="cause.html?id=4" style="display: block;width:100%;">
						      	<img src="images/wenlv_c.png" alt="" class="gray">
						      	<img src="images/wenlv.png" alt="" class='active'>
						      	<p>文化旅游</p>
						    </a>
					    </div>
					    <div class="ca_item">
					      	<a href="cause.html?id=5" style="display: block;width:100%;">
						      	<img src="images/shengtai_c.png" alt="" class="gray">
						      	<img src="images/shengtai.png" alt="" class='active'>
						      	<p>生态环保</p>
						    </a>
					    </div>
					    <div class="ca_item">
					      	<a href="cause.html?id=6" style="display: block;width:100%;">
						      	<img src="images/guihua_c.png" alt="" class="gray">
						      	<img src="images/guihua.png" alt="" class='active'>
						      	<p>规划设计</p>
						    </a>
					    </div>
					    <div class="ca_item">
					      	<a href="cause.html?id=7" style="display: block;width:100%;">
						      	<img src="images/miaomu_c.png" alt="" class="gray">
						      	<img src="images/miaomu.png" alt="" class='active'>
						      	<p>苗木生产</p>
						    </a>
					    </div>
				    <!-- Add Pagination -->
				    <!-- <div class="swiper-pagination"></div> -->
				</div>
			</div>
				
			<!-- 集团新闻 -->
			<div class="row news_wrap">
				<div class="titel">
					<span>集团新闻</span>
					<h1>GROUP NEWS</h1>
				</div>
				<div class="news_cont">
				</div>
			</div>

			<!-- 视频 -->
			<div class="row video">
				<div class="init_box">
					<img src="images/video.png" alt="">
					<div class="video_cont">
						<p>赛石宣传片</p>
						<span>SUNNYSTONE VIDEO</span>
						<p class="play_btn play" id="play">
							<img src="images/play_btn.png" alt="" id="play_btn">
						</p>
					</div>
				</div>
				
				<!-- 播放器 -->
				<div class="show_video">
					<p>
						<img src="images/close_red.png" alt="" class="close_red_btn">
					</p>
					<video src="https://oss-apac-client.1t2.us/video%2Fsunnystone%2F2024newsunnystonevideo.mp4" controls="controls"></video>
				</div>
			</div>
			
			<!-- 我们的优势 -->
			<div class="row advantage_wrap">
				<div class="titel">
					<span>我们的优势</span>
					<h1>OUR ANVANTANGES</h1>
				</div>
				<div class="advantage_cont">
					<div class="adv_item b_div" onclick="ad()" id="aaa">
						<img src="images/youshi1.jpg" alt="">
						<div class="mask">
							<p>PROJECT LANDING ADVANTAGES</p>
							<span>项目落地</span>
							<a href="javascript:;">
								<img src="images/left_arrow.png" alt="">
							</a>
						</div>
					</div>
					<div class="adv_item">
						<div class="f_div" onclick="ad()" id="bbb">
							<img src="images/youshi2.jpg" alt="">
							<div class="mask">
								<p>FINACIAL ABILITY ADVANTAGES</p>
								<span>金融能力</span>
								<a href="javascript:;">
									<img src="images/left_arrow.png" alt="">
								</a>
							</div>
						</div>
						<div class="s_div" onclick="ad()" id="ccc">
							<img src="images/youshi3.jpg" alt="">
							<div class="mask">
								<p>COOPERATION ADVANTAGES</p>
								<span>国内外合作</span>
								<a href="javascript:;">
									<img src="images/left_arrow.png" alt="">
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 页脚 -->
		<div class="row foot_wrap">
			<div class="foot_cont">
				<div class="erweima_box">
					<div style="float: left;margin-right: 18px;">
						<img src="images/erweima.png" alt="" style="width: 96px;height:96px;margin-bottom: 12px;">
						<p>赛石官方微信</p>
					</div>
					<div style="float: left;">
						<img src="images/xinfang.png" alt="" style="width: 96px;height: 96px;margin-bottom: 12px;">
						<p>赛石园林信访</p>
					</div>
				</div>
				<div class="lianxi">
					<h4><img src="images/biaoyu.png" alt=""></h4>
					<p class="info1">
						<span>
							<i>
								<img src="images/phone.png" alt="">
							</i>
							0571-88720637（宣传）/ 0571-88720670（业务）
						</span>

						<span>
							
							信访热线：19157683998     &nbsp; &nbsp;
							信访邮箱：sunnystone2023@126.com
						</span>

						

						
					</p>

					<p class="info2">
						<span style="margin-right: 28px;display: inline-block;width: 369px;">
							<i>
								<img src="images/dizhi.png" alt="">
							</i>
							浙江省杭州市文一西路1218号恒生科技园19号楼
						</span>
						<span>
							<i>
								<img src="images/youbian.png" alt="">
							</i>
							311121
						</span>
						
						
						<span class="share lianjie">
							分享：
							<a href="javascript:;">
									<img onclick="shareTo('sina')" src="images/weibo.png" alt="">
								</a>
	
								<a href="javascript:;">
									<img onclick="shareTo('wechat')" src="images/weixin.png" alt="">
								</a>
								<div id="qrcode"></div>
						</span>
					</p>
				</div>
			</div>
		</div>
		<div class="footer">
			<p>
				<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1276619729'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.cnzz.com/z_stat.php%3Fid%3D1276619729%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>&nbsp;&nbsp;© 2018 SUNNY STONE . All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网站建设：<a href="https://www.hzpady.com" target="_blank"><span style="color:#333333;">派迪科技&nbsp;&nbsp;&nbsp;<a href="https://beian.miit.gov.cn/" style="color:#333"> 浙ICP备18053734号-1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
			 <a target="_blank" href=" "><img src="images/ga.png" style="display:inline-block;vertical-align:middle"/> 浙公网安备 33011002016223号</a>
			</p>			
		</div>
		</div>
	</div>

	<script>
		$(".ca_item").hover(function(){
			$(this).find(".active").css({"display":"inline-block"})
			$(this).find(".gray").css({"display":"none"})
			$(this).find("p").css({"color":"#c9151e"})
		},function(){
			$(this).find(".active").css({"display":"none"})
			$(this).find(".gray").css({"display":"inline-block"})
			$(this).find("p").css({"color":"#333"})
		})
	</script>


<!-- js -->
<!-- 整体加载动画 -->
<script src="js/jquery.smoove.js"></script>
<script>
	$('.tit').smoove({offset:'40%'});

	// 轮播
	var swiper = new Swiper('.swiper-container', {
      	slidesPerView: 8,
      	spaceBetween: 30,
      	autoplay:1000,
      	pagination: {
       	 	el: '.swiper-pagination',
        	clickable: true,
      	}
    });
</script>
	
<script>
	$(function(){
	var v = $("video")[0];

	$(".play_btn").click(function(){
		$(".show_video").css({"display":"flex"});
		$(".video").animate({'height':720},1000);
	})
	$(".close_red_btn").click(function(){
		if(v.paused){
	        v.play();
	        $(this).removeClass("play").addClass("pause");
	    }else{
	        v.pause();
	        $(this).removeClass("pause").addClass("play");
	    }
		$(".show_video").css({"display":"none"});
		$(".video").animate({'height':420},1000);
	})

	if(document.body.clientWidth<=1600){
		$(".close_red_btn").click(function(){
			if(v.paused){
		        v.play();
		        $(this).removeClass("play").addClass("pause");
		    }else{
		        v.pause();
		        $(this).removeClass("pause").addClass("play");
		    }
			$(".show_video").css({"display":"none"});
			$(".video").animate({'height':390},1000);
		})
		
	}
	if(document.body.clientWidth<=500){
		$(".play_btn").click(function(){
			$(".show_video").css({"display":"block"});
			$(".video").animate({'height':280},1000);
		})
		$(".close_red_btn").click(function(){
			if(v.paused){
		        v.play();
		        $(this).removeClass("play").addClass("pause");
		    }else{
		        v.pause();
		        $(this).removeClass("pause").addClass("play");
		    }
			$(".show_video").css({"display":"none"});
			$(".video").animate({'height':270},1000);
		})
		
	}

	//开始暂停
	$("#play").on("click",function(){
	    if(v.paused){
	        v.play();
	        $(this).removeClass("play").addClass("pause");
	    }else{
	        v.pause();
	        $(this).removeClass("pause").addClass("play");
	    }
	});
})



    var a=document.getElementById("aaa")
	  a.onclick=function(){
	  	window.location.href="advantage.html";
	};
	var b=document.getElementById("bbb")
	  b.onclick=function(){
	  	window.location.href="advantage.html#ss_box2";
	};
	var c=document.getElementById("ccc")
	  c.onclick=function(){
	  	window.location.href="advantage.html#ss_box3";
	};

	$(".btn").click(function(){
		$(".nav_box").stop(true).toggle(600);
	})
	// $(".t_nav").click(function(){
	// 	$(".nav_bar").stop(true).toggle(1000);
	// })
</script>	
</body>
</html>