





<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="https://www.shfxg.com:443/">
	<title>上海海贤能源股份有限公司</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="static/fxwebr/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
	<link href="static/fxwebr/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="static/fxwebr/css/ym_style.css" rel="stylesheet" type="text/css" media="all" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"/>
	
	<meta name="keywords" content="上海燃气，燃气公司，奉贤燃气公司，燃气收费，燃气管理，天然气公司，上海天然气，煤气公司，上海煤气" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- <script src="static/fxwebr/js/jquery-3.5.1.min.js"></script> -->
 	<script src="static/fxwebr/js/jquery-3.5.1.min.js"></script>

	<link rel="stylesheet" href="static/fxwebr/css/nav_style.css" media="screen" type="text/css" />
	<!---- start-smoth-scrolling---->
	<script type="text/javascript" src="static/fxwebr/js/move-top.js"></script>
	<script type="text/javascript" src="static/fxwebr/js/easing.js"></script>
	
	<link href="static/fxwebr/css/animate.css" rel='stylesheet'
	type='text/css' />
	<link href="static/fxwebr/css/styleTel.css" type="text/css" rel="stylesheet" />
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
	<!--[if lt IE 9]>
	    <script src="static/fxwebr/js/html5.js"></script>
	    <script src="static/fxwebr/js/respond.js"></script>
	    <![endif]-->
	<script src="static/fxwebr/js/nav.js"></script> 
   	<script src="static/fxwebr/layer/layer.js"></script>
   	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
	<script type="text/javascript" src="static/js/jquery.fireworks.js"></script>

<style type="text/css">
*{margin:0; padding:0;}/*为了方便 直接这样重置了*/
#main{margin:0; width:100%;background-color:black}
#banner{display:none; margin:0 0 0 0 ;width:100%; height:100%;background:url(static/fxwebr/images/20year.jpg) no-repeat center center fixed;background-size:100%; position:relative;}
#close{display:block; width:50px; height:22px; text-align:center; line-height:22px; border:1px #ddd solid; background:#000; color:#fff; font-size:12px; float:right; cursor:pointer;}
</style>
 <script type="text/javascript">
$(function(){
	//$("#banner").slideDown(1000);
	//var Up=function(){$("#banner").slideUp(1500);$("#close").text("打开");}
	//setTimeout(Up,8000);
	//$("#close").click(function(){
	//	$("#banner").slideToggle(600,function(){
			//if($("#banner").css("display") == "none"){
			//	$("#close").text("打开");
			//}
			//else{
			//	$("#close").text("关闭");
			//}
		//});
	//});

	
}
);

</script>

	
</head>
<body>
	<div id="main">
<!--
<div id="banner"></div>
<span id="close">关闭</span>
 -->
</div>
	<div class="fixed-bar">
	<div class="wide-bar">
		<div class="consult-box">
			<div class="consult-header clearfix">
			<h3 class="consult-title">金春热线(24小时)</h3>
			</div>
			<ul class="consult-list">
				<li class="clearfix"><span class="tel-icon">57419999</span></li>  
			</ul>
		</div>
		<a href="javascript:scrollTo(0,0)" class="gotop" title="回到顶部" style="display:none;"><i class="icon">返回顶部</i><span>返回顶部</span></a>
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script>    
$(function(){
$(document).scroll(function(){ 
	var  scrollTop =  $(document).scrollTop(),bodyHeight = $(window).height(); 
	if(scrollTop > bodyHeight){ 
		$('.fixed-bar .gotop').css('display','block');
	}else{
		$('.fixed-bar .gotop').css('display','none');
	} 
})
})
</script>
	<!-- common head --> 
 	 <input value="https://www.shfxg.com:443/" id ="basePath" type="hidden"/>
 	 
<script type="text/javascript">


		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->

<script src="static/fxwebr/js/jquery.swipebox.min.js"></script>

<!--Animation-->
<script src="static/fxwebr/js/wow.min.js"></script>
<link rel="stylesheet" href="static/fxwebr/css/swipebox.css">

<script>
	
	$(function(){





		$(".swipebox").swipebox();
		
	    var h = $('.container').width(); 
	    var hd = (h/4)-40; 
	    $("#subnav").width(hd);
		//new WOW().init();
	});
</script>
<script>    
 
</script>
<!---/End-Animation---->
<script type="text/javascript" src="static/fxwebr/js/jquery.marquee.js"></script>
<!--[if lt IE 9]>
    
    <![endif]-->
<!--最新公告的滚动js-->
<script>
$(function(){  <!--控制箭头垂直居中-->
    var h = $('.carousel').height(); 
  var n=h/2-60;
  $('.carousel-control').css({"paddingTop":n});  
});
</script>
<script src="static/fxwebr/js/fxweb.js"></script>

<div class="header" id="home">
	<div class="logo_ym">
		<div class="container">
			<div class="col-lg-4 col-md-6 col-sm-6 logo1"></div>
			<div class="col-lg-4 col-md-3"></div>
			<div class="col-lg-4 col-md-4 col-sm-6 weixin_ym">
				<div class="col-md-8 col-xs-8">
				</div>
				<div class="col-md-2 col-xs-2">
					<a href="static/fxwebr/images/code.png" class="swipebox"><img
						src="static/fxwebr/images/weixin.png" />
					<div class="textbox"></div></a>
				</div>
				<div class="col-md-2 col-xs-2">
					<a href="http://weibo.com/u/2951505372" target="_blank"><img
						src="static/fxwebr/images/weibo.png" /></a>
				</div>
				<!-- <div class="col-sm-2 search">
					<form>
						<input type="text" value="Search.." onFocus="this.value = '';"
							onBlur="if (this.value == '') {this.value = '';}"> <input
							type="submit" value="">
					</form>
				</div> -->
			</div>
		</div>
	</div>
	<div class="nav_bg_ym">
		<div class="container">
			<nav class="navbar navbar-default equinav" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-collapse">
						<span class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<span class="navbar-brand">导航</span>
				</div>
				<!-- /.navbar-header -->
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav" id="head">
					
					</ul>
				<!-- /.navbar-collapse -->
			</nav>
		</div>
	</div>

	<!--nav end-->
	<!--banner-->
	<div id="myCarousel" class="carousel slide" data-ride="carousel" >
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner">
			<div class="item active">
				<img id="banner1" src="static/fxwebr/images/banner.jpg" alt="First slide">
			</div>
			<div class="item">
				<img id="banner2" src="static/fxwebr/images/banner2.jpg" alt="Second slide">
			</div>
			<div class="item">
				<img id="banner3" src="static/fxwebr/images/banner3.jpg" alt="Third slide">
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div>
	<div class="container">
		<!--to little avail-->
		<!--nav-->

		<div style="text-align:center;clear:both;">
		</div>

	</div>
	<!--banner end-->

</div>
<!--header end-->
<!--最新公告-->
<div class="newest_ym">
	<div class="container">
		<div class="newest_con_ym">
			<div class="newest_image_ym">
				<img src="static/fxwebr/images/news_image.png" />
			</div>
			<ul id="marquee" class="marquee" >
				
			</ul>

		</div>
	</div>
</div>
<!--最新公告 end-->
 	 <!-- Large modal -->

 	<!-- common head end-->  
		   <div class="news-section">
		   <div class="container">
		   <div class="news-grids">
					<div class="col-md-4 col-sm-6 col-xs-12 news-grid wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
                    <div class="title_ym">关于我们<span class="title_en_ym">About us</span></div>
					<img src="static/fxwebr/images/img10.jpg" class="img-responsive" alt="/">
					<p class="text_home_ym"><a href="appuser/single?kind=e672b1b4efd644778d7bb4d3a2378a3c&pageType=1&PID=090d7126d4c5491886ac66c26f906c65">  上海海贤能源股份有限公司位于上海市的南端，是1996年投资组建的区域性燃气销售企业，公司总部办公地点位于奉贤区南桥镇运河北路……</a></p>
						  </div>
                          
			        <div class="col-md-4 col-sm-6 col-xs-12 news-grid cat wow fadeInDown Big animated animated" data-wow-delay="0.4s">
                      <div class="title_news_ym">新闻动态<span class="title_en_ym">News</span><div class="title_news_line_ym"></div></div>
                      <ul class="news_list_ym">
                      	
							
									
										<li>
										<a href="appuser/single?kind=8c82c8e7b9fd41a9a14046e35fec6f2d&pageType=1&PID=a43e4f774e734cd7b56004be201cb35b&id=1585&detail=1">海贤能源七届二次职工代表大会胜利召开 ...</a>
										</li>
									
										<li>
										<a href="appuser/single?kind=8c82c8e7b9fd41a9a14046e35fec6f2d&pageType=1&PID=a43e4f774e734cd7b56004be201cb35b&id=1583&detail=1">公司团总支开展读书月系列活动 ...</a>
										</li>
									
										<li>
										<a href="appuser/single?kind=8c82c8e7b9fd41a9a14046e35fec6f2d&pageType=1&PID=a43e4f774e734cd7b56004be201cb35b&id=1582&detail=1">区建管委莅临公司储配站开展节后安全检查 ...</a>
										</li>
									
										<li>
										<a href="appuser/single?kind=8c82c8e7b9fd41a9a14046e35fec6f2d&pageType=1&PID=a43e4f774e734cd7b56004be201cb35b&id=1581&detail=1">公司召开第一季度中高层管理工作会议 ...</a>
										</li>
									
										<li>
										<a href="appuser/single?kind=8c82c8e7b9fd41a9a14046e35fec6f2d&pageType=1&PID=a43e4f774e734cd7b56004be201cb35b&id=1579&detail=1">切莫因小失大，群租房燃气隐患发现即改！ ...</a>
										</li>
									
								
							
                      </ul>
                     <a href="appuser/list?kind=8c82c8e7b9fd41a9a14046e35fec6f2d&pageType=0&PID=a43e4f774e734cd7b56004be201cb35b" class="button hvr-shutter-in-vertical">more</a></div>
                     <div class="col-md-4 news-grid wow bounceInRight animated video_ym" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
						
						<ul id="myTab" class="nav nav-tabs" style="top:100">
							<li class="active">
								<a href="#ranqi" data-toggle="tab">
									海贤能源
								</a>
							</li>
							<li><a href="#meter" data-toggle="tab">表具知识</a></li>
							
						</ul>
						
						<div id="myTabContent" class="tab-content" >
							<div class="tab-pane fade in active" id="ranqi">
								<object height="272" width="322" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
										<param name="movie" value="static/fxwebr/images/video.swf">
										<param name="quality" value="high">
										<param name="allowFullScreen" value="true">
										<param name="FlashVars" value="vcastr_file=sw.flv&amp;IsAutoPlay=0&amp;IsShowBar=3&amp;BarColor=0xe60012&amp;DefaultVolume=100&amp;IsContinue=1">
										<param name="wmode" value="transparent">
										<embed height="272" width="322" wmode="transparent" type="application/x-shockwave-flash" allowfullscreen="true" flashvars="vcastr_file=sw.flv&amp;IsAutoPlay=0&amp;vcastr_title= &amp;IsShowBar=3&amp;BarColor=0xe60012&amp;DefaultVolume=100&amp;IsContinue=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" src="static/fxwebr/images/video.swf">
									  </object>
							</div>
							<div class="tab-pane fade" id="meter">
								 <object height="272" width="322" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
										<param name="movie" value="static/fxwebr/images/video.swf">
										<param name="quality" value="high">
										<param name="allowFullScreen" value="true">
										<param name="FlashVars" value="vcastr_file=meterinfo.flv&amp;IsAutoPlay=0&amp;IsShowBar=3&amp;BarColor=0xe60012&amp;DefaultVolume=100&amp;IsContinue=1">
										<param name="wmode" value="transparent">
										<embed height="272" width="322" wmode="transparent" type="application/x-shockwave-flash" allowfullscreen="true" flashvars="vcastr_file=meterinfo.flv&amp;IsAutoPlay=0&amp;vcastr_title= &amp;IsShowBar=3&amp;BarColor=0xe60012&amp;DefaultVolume=100&amp;IsContinue=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" src="static/fxwebr/images/video.swf">
									 </object>
							</div>
						</div>
					  </div>
                    </div>
					
					<div class="clearfix"></div>
					</div>
		   </div>
		   </div>
           <!--news-section end-->
 
		 <div class="content">
			<div class="service-section_ym">
				<div class="container">
					<h3>SERVICE</h3>
                    <div class="service_title_line_ym"></div>
                    <div class="service_title_ym">服务指南</div>
                    <!--service-->
           <div class="header-bottom">
	<div class="header-grids">
	<div class="col-md-3 col-sm-6 col-xs-6 header-grid">
	<div class="header-img1 wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
	<a href="appuser/list?kind=140ba8df9fac4044ad0b687e72a653d9&pageType=0&PID=ac28ba8dde064a93a41dcea7ba8cd168"><img src="static/fxwebr/images/icon4.png" class="img-responsive" alt="/"></a>
			<h4>燃气系统</h4>
					<p>天然气系统、液化气系统、工程建设系统简介、服务流程、站点分布等服务指南。</p>
					</div>
					</div>
	<div class="col-md-3 col-sm-6 col-xs-6 header-grid">
		<div class="header-img2 wow fadeInDownBig animated animated" data-wow-delay="0.4s">
	<a href="appuser/comment?kind=ee36f4d0bbf04457ac106cc73fa78339&pageType=3&PID=ac28ba8dde064a93a41dcea7ba8cd168"><img src="static/fxwebr/images/icon5.png" class="img-responsive" alt="/"></a>
					<h4>客户留言</h4>
					<p>尊敬的用户,如果您有什么问题或建议,请及时向我们反馈,以便我们更好地为您服务。</p>
					</div>
					</div>
					
	<div class="col-md-3 col-sm-6 col-xs-6 header-grid">
		<div class="header-img3 wow fadeInUpBig animated animated" data-wow-delay="0.4s">
	<a href="https://180.166.228.234:5443"><img src="static/fxwebr/images/icon6.png" class="img-responsive" alt="/"></a>
					<h4>燃气查询</h4>
					<p>燃气使用情况、交费信息、安检信息查询</p>
					</div>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-6 header-grid">
						<div class="header-img4 wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
	<a href="appuser/list?kind=38157cf4a948442a9b0ff3c5c608b836&pageType=0&PID=ac28ba8dde064a93a41dcea7ba8cd168"><img src="static/fxwebr/images/icon7.png" class="img-responsive" alt="/"></a>
					<h4>用户须知</h4>
					<p>天然气开户指南、燃气用户特殊业务手续的办理、特殊情况下的燃气费计算等信息</p>
					</div>
					</div>
	<div class="clearfix"></div>
	</div>
</div>

           <!--service end-->
				</div>
		   </div>
           
           <!--about-section end-->
          <!--image-->
		   <div class="work-section wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
		   <div class="container">
		   <!--  <h3>photo</h3>-->
		   <div class="latest-grids">
		   <div class="latest-grid1">
			  <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img2b.jpg" class="swipebox"><img src="static/fxwebr/images/img2.jpg" class="img-responsive" alt="/">
		  				 <div class="textbox">
							<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
						</div>
				</a>
				</div>
		      <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img3b.jpg" class="swipebox"><img src="static/fxwebr/images/img3.jpg" class="img-responsive" alt="/">
				   	 <div class="textbox">
								<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
					</div>
				</a>
				</div>
		      <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img4b.jpg" class="swipebox"><img src="static/fxwebr/images/img4.jpg" class="img-responsive" alt="/">
		  				 <div class="textbox">
							<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
						</div>
						</a>
			  </div>
		      <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img5b.jpg" class="swipebox"><img src="static/fxwebr/images/img5.jpg" class="img-responsive" alt="/">
		 		  <div class="textbox">
						<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
						</div>
						</a>
			  </div>
              <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img6b.jpg" class="swipebox"><img src="static/fxwebr/images/img6.jpg" class="img-responsive" alt="/">
		   <div class="textbox">
						<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
						</div>
						</a>
			  </div>
		      <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img7b.jpg" class="swipebox"><img src="static/fxwebr/images/img7.jpg" class="img-responsive" alt="/">
		   		<div class="textbox">
						<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
						</div>
						</a>
			  </div>
		      <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img8b.jpg" class="swipebox"><img src="static/fxwebr/images/img8.jpg" class="img-responsive" alt="/">
		 		 <div class="textbox">
						<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
						</div>
						</a>
			  </div>
		      <div class="col-md-3 col-sm-4 latest-grid work">
			  	<a href="static/fxwebr/images/img9b.jpg" class="swipebox"><img src="static/fxwebr/images/img9.jpg" class="img-responsive" alt="/">
		   				<div class="textbox">
							<img src="static/fxwebr/images/magnify.png" class="img-responsive" alt="/">
						</div>
						</a>
				</div>
		   <div class="clearfix"></div>
		   </div>
		   
		
		   </div>
		   </div>
		   </div>
           <!--image end -->

<!-- 底部加的图片 开始 
           <div class="navbar-fixed-bottom webimages_ym"><img class="webimages_ym_img"src="static/fxwebr/images/p22.jpg" /></div>
		   </div>
 底部加的图片 结束 -->          
           <!--content end-->
          
           <!--copyright-->
				 	
<div class="categories-section">
		   <div class="container">
		   <div class="footer-grids">
		<div class="col-md-10 col-sm-9 up wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
			  <div class="up1">
	    		 <div class="up-text"><p>地址：上海市奉贤区运河北路1239号  金春热线（24小时）：57419999　总机：021-57419191　传真：021-67582301 </p>
				 </div>
				 <div class="clearfix"></div>
        	 </div>
		 	 <div class="up1">
		    	 <div class="up-text">
					 <a href="#">copyright © 2016-2020 LiaoNing SC Technology Corp. all right reserved.　</a>
		        	 <a class="color_green_ym" href="https://beian.miit.gov.cn">沪ICP备10032697号</a>
				 </div>
				 <div class="clearfix"></div>
	         </div>
		 </div>
		 
		 <div class="col-md-2 col-sm-3 float_right_ym link_ym  wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
		   <div class="btn-group dropup">
			<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
			------友情链接------　<span class="caret"></span>
			</button>
			<ul class="dropdown-menu" role="menu" id="link">
			</ul>
			</div> 
		</div>
		<div class="clearfix"></div>
		</div>
		</div>
</div>
	<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

<!--主菜单引用的文件-->
<script type='text/javascript' src="static/fxwebr/js/bootstrap.js"></script>
<style>
		h1 {font-size:40px;line-height:1.5;padding:0;margin:30px 0;}
		.navbar-nav > li > a:hover {background:#85CF50 !important;color:#fff !important;}
		.navbar-nav > li:last-of-type > a {border:0;}
		@media ( min-width: 768px) {
			.navbar-nav > li > a {text-align:center;}
			
		}
		@media (max-width:767px) {
			.navbar-nav > li > a:hover {background:rgba(255,255,255,0.4) !important;color:#fff !important;}
		}
    </style>
<!--[if lte IE 9]>
<script src="static/fxwebr/js/html5.js"></script>
    <script src="static/fxwebr/js/respond.js"></script>
<script src="static/fxwebr/js/selectivizr.js"></script>
<![endif]-->

<!--主菜单引用的文件 end-->
           <!--copyright end-->
           <input type="hidden" value="1" id = "hidden">
 		<script>
 		var tempDate = '';
 		var config = '';
	$(function() {
		unslider();
		var url = $("#basePath").val()+"appuser/questions";
		  $.post(url,{},
				  function(data){
			  		tempDate = data.ques;
			  		config = data.config[0];
			  		    var startTime=config.STARTDATE;  
			  		    var start=new Date(startTime.replace("-", "/").replace("-", "/"));  
			  		    var endTime=config.ENDDATE;;  
			  		    var end=new Date(endTime.replace("-", "/").replace("-", "/")); 
			  		    var mydate = new Date();
			  		    if(mydate<start||mydate>end){
			  		    	return;
			  		    }
			  		var html=  "<div style='margin:30px;font-size:20px'>";
			  		html+="<div class='form-group padding_right40_ym'>"+
					"<label for='firstname' class='col-sm-2 control-label'>姓名</label>"+
					"<div class='col-sm-10'>"+
						"<input type='text' class='form-control' id='aname' placeholder='必填'>"+
					"</div>"+
					"</div>";
					html+="<br><div class='form-group padding_right40_ym'>"+
					"<label for='firstname' class='col-sm-2 control-label'>手机号码</label>"+
					"<div class='col-sm-10'>"+
						"<input type='text' class='form-control' id='aphone' placeholder='必填'>"+
					"</div>"+
					"</div>";
					html+="<br><div class='form-group padding_right40_ym' >"+
					"<label for='firstname' class='col-sm-2 control-label'>用户编号</label>"+
					"<div class='col-sm-10'>"+
						"<input type='text' onclick='onblue()' class='form-control' id='auserno' placeholder='必填'>"+
					"</div>"+
					"</div>";
					html+="<br><div class='form-group padding_right40_ym'>"+
					"<label for='firstname' class='col-sm-2 control-label'>身份证号码</label>"+
					"<div class='col-sm-10'>"+
						"<input type='text' class='form-control' id='aidcard'  id='name' placeholder='必填'>"+
					"</div>"+
					"</div><br><br>";
			  		var i = 0;
					  $.each(data.ques, function(){ 
						  i++;
						  if(this.TYPE=='2'){
							  html+=  "<input type='hidden' id='"+this.ANSWER_ID+"Z' value="+this.ANSWERS+"><input type='hidden' id='"+this.ANSWER_ID+"T' ><div id='"+this.ANSWER_ID+"Q' class='alert alert-warning' role='alert'> <span id='"+this.ANSWER_ID+"D' style='margin:10px;font-size:38px;display:none'>√</span><span id='"+this.ANSWER_ID+"X' style='margin:10px;font-size:38px;display:none'>X</span>"+i+"."+this.QUESTIONS+"<br><br>";
							  if(!!this.A){
								  html+="<input type='checkbox' name='"+this.ANSWER_ID+"T' style='width:20px;height:20px'   value='A' onclick=setTanswer('"+this.ANSWER_ID+"T"+"','A','D')>"+"A."+this.A+"<br>";
							  }
							  if(!!this.B){
								  html+="<input type='checkbox' name='"+this.ANSWER_ID+"T' style='width:20px;height:20px'   value='B' onclick=setTanswer('"+this.ANSWER_ID+"T"+"','B','D')>"+"B."+this.B+"<br>";
							  }
							  if(!!this.C){
								  html+="<input type='checkbox' name='"+this.ANSWER_ID+"T' style='width:20px;height:20px'   value='C' onclick=setTanswer('"+this.ANSWER_ID+"T"+"','C','D')>"+"C."+this.C+"<br>";
							  }
							  if(!!this.D){
								  html+="<input type='checkbox' name='"+this.ANSWER_ID+"T' style='width:20px;height:20px'   value='D' onclick=setTanswer('"+this.ANSWER_ID+"T"+"','D','D')>"+"D."+this.D+"<br>";
							  }
							  if(!!this.E){
								  html+="<input type='checkbox' name='"+this.ANSWER_ID+"T' style='width:20px;height:20px'   value='E' onclick=setTanswer('"+this.ANSWER_ID+"T"+"','E','D')>"+"E."+this.E+"<br>";
							  }
							  if(!!this.F){
								  html+="<input type='checkbox' name='"+this.ANSWER_ID+"T' style='width:20px;height:20px'  value='F' onclick=setTanswer('"+this.ANSWER_ID+"T"+"','F','D')>"+"F."+this.F+"<br>";
							  }
						  }else if(this.TYPE=='3'){
							  html+=  "<input type='hidden'  value="+this.A+"><input type='hidden' id='"+this.ANSWER_ID+"T' value="+this.A+" ><div id='"+this.ANSWER_ID+"Q' class='alert alert-info' role='alert'> <span id='"+this.ANSWER_ID+"D' style='margin:10px;font-size:38px;display:none'>√</span><span id='"+this.ANSWER_ID+"X' style='margin:10px;font-size:38px;display:none'>X</span>"+i+"."+this.QUESTIONS+"<br><br>";
							  if(!!this.A){
								  html+="答案：<input type='input' id='"+this.ANSWER_ID+"Z' name="+this.ANSWER_ID+"Q"+ "  ><br>";
							  }
						  }else{
							  html+=  "<input type='hidden' id='"+this.ANSWER_ID+"Z' value="+this.ANSWERS+"><input type='hidden' id='"+this.ANSWER_ID+"T' ><div id='"+this.ANSWER_ID+"Q' class='alert alert-info' role='alert'> <span id='"+this.ANSWER_ID+"D' style='margin:10px;font-size:38px;display:none'>√</span><span id='"+this.ANSWER_ID+"X' style='margin:10px;font-size:38px;display:none'>X</span>"+i+"."+this.QUESTIONS+"<br><br>";
							  if(!!this.A){
								  html+="<input type='radio' name="+this.ANSWER_ID+"Q"+ " style='width:20px;height:20px'   value="+this.A+" onclick=setTanswer('"+this.ANSWER_ID+"T"+"','A','S')>"+"A."+this.A+"<br>";
							  }
							  if(!!this.B){
								  html+="<input type='radio' name="+this.ANSWER_ID+"Q"+ " style='width:20px;height:20px'  value="+this.B+" onclick=setTanswer('"+this.ANSWER_ID+"T"+"','B','S')>"+"B."+this.B+"<br>";
							  }
							  if(!!this.C){
								  html+="<input type='radio' name="+this.ANSWER_ID+"Q"+ " style='width:20px;height:20px'   value="+this.C+" onclick=setTanswer('"+this.ANSWER_ID+"T"+"','C','S')>"+"C."+this.C+"<br>";
							  }
							  if(!!this.D){
								  html+="<input type='radio'  name="+this.ANSWER_ID+"Q"+ " style='width:20px;height:20px'  value="+this.D+" onclick=setTanswer('"+this.ANSWER_ID+"T"+"','D','S')>"+"D."+this.D+"<br>";
							  }
							  if(!!this.E){
								  html+="<input type='radio' name="+this.ANSWER_ID+"Q"+ "  style='width:20px;height:20px'  value="+this.E+" onclick=setTanswer('"+this.ANSWER_ID+"T"+"','E','S')>"+"E."+this.E+"<br>";
							  }
							  if(!!this.F){
								  html+="<input type='radio' name="+this.ANSWER_ID+"Q"+ " style='width:20px;height:20px'   value="+this.F+" onclick=setTanswer('"+this.ANSWER_ID+"T"+"','F','S')>"+"F."+this.F+"<br>";
							  }
						  }
						  if(this.TYPE=='3'){
							  html+="</div><div class='alert alert-warning' role='alert' id='"+this.ANSWER_ID+"R' style='display:none'>答案："+this.A+",解析："+this.DESCR+"</div>";
						  }else {
							  html+="</div><div class='alert alert-warning' role='alert' id='"+this.ANSWER_ID+"R' style='display:none'>答案："+this.ANSWERS+",解析："+this.DESCR+"</div>";
						  	}
						  });
					  	  
					  	  
							html+="<br><div class='form-group'>"+
							"<div class='col-sm-offset-9 col-sm-9'>"+
								"<button type='submit' id='asava' class='btn btn-success btn-lg' onclick='saveAnswer()' >提交答案</button>"+
							"</div>"+
							"</div>";
						html+="</div>";
						  layer.confirm(config.RIGHTTITLE, {
							  skin: 'layui-layer-molv', 
							  offset: 'rb',
							  maxWidth:100,
							  shade: 0,
							  time: 1000000, //20s后自动关闭
							  btn: ['详情','取消'] //按钮
							}, function(){
								  layer.confirm( config.DESCRIPTION, {
								  skin: 'layui-layer-molv', 
								  maxWidth:900,
								  btn: ['参与','取消'] //按钮
								}, function(){
										
							 var index =  layer.open({
							  type: 1,
							  title: ['“奉燃杯”燃气安全知识竞赛答题页', 'font-size:18px;'],
							  skin: 'layui-layer-molv', //加上边框
							  maxmin: true,
							  content: html
							});
							layer.full(index);
									
								}, function(){
								  
								});

							}, function(){
							  
							});
						 },"json");
						 
						
	})
	
	function unslider(){
		
		 var unslider04 = $('#b04').unslider({
								dots: true,
								fluid : true,
								delay : 100000
							}),
							data04 = unslider04.data('unslider');
							 
							$('.unslider-arrow04').click(function() {
								var fn = this.className.split(' ')[1];
								data04[fn]();
							});
	}
	function setTanswer(id,answer,type){
		if(type=='S'){
			$('#'+id).val(answer);
		}else{
			var obj=$("[name='"+id+"']"); //选择所有name="'test'"的对象，返回数组 
			//取到对象数组后，我们来循环检测它是不是被选中 
			var s=''; 
			for(var i=0; i<obj.length; i++){ 
				if(obj[i].checked) {
					s+=obj[i].value+','; //如果选中，将value添加到变量s中 
				}
			} 
			if(!!s){
				$('#'+id).val(s.substring(0, s.length-1));
			}
		}
		
	}
	function saveAnswer(){
		if(checkForm()){
			 var fen = 0;
			 var ti = 0;
			 $.each(tempDate, function(){
				 $('#'+this.ANSWER_ID+'R').show();
				 if($('#'+this.ANSWER_ID+'Z').val()==$('#'+this.ANSWER_ID+'T').val()){
					 ti++;
					 if(this.TYPE=='0'){
						 fen= fen+2; 
					 }
					 if(this.TYPE=='1'){
						 fen= fen+3; 
					 }
					 if(this.TYPE=='2'){
						 fen= fen+5; 
					 }
					 if(this.TYPE=='3'){
						 fen= fen+5; 
					 }
					 $('#'+this.ANSWER_ID+'Q').attr("class","alert alert-success");
					 $('#'+this.ANSWER_ID+'D').show();
				 }else{
					 $('#'+this.ANSWER_ID+'Q').attr("class","alert alert-danger");
					 $('#'+this.ANSWER_ID+'X').show();
				 }
			 });
			 var url = $("#basePath").val()+"appuser/phone";
			  $.post(url,{'PHONE':$("#aphone").val(),'IDCARD':$("#aidcard").val(),'USERNO':$("#auserno").val()},
					  function(data){
				  		if(data!='S'){
				  			layer.alert('您已参与过活动，谢谢参与！', {
								  skin: 'layui-layer-molv' //样式类名
								  ,closeBtn: 0
								});
							$("#aphone").focus();	
							return false
				  		}else{
				  			var url2 = $("#basePath").val()+"appuser/apeople";
							  $.post(url2,{'PHONE':$("#aphone").val(),'NAME':$("#aname").val(),'IDCARD':$("#aidcard").val(),'RIGHTANSWER':fen,'USERNO':$("#auserno").val()},
									  function(data){
								  		if(data=='S'){
								  			layer.alert('<h3>提交成功!<br><br>您答对了'+ti+'道题，<br>获得了:'+fen+'分</h3>', {
												  skin: 'layui-layer-molv' //样式类名
												  ,closeBtn: 0
												});
											 $('#asava').attr('disabled',true);
								  		}
							  },"text");
				  		}
			  },"text");
			 
			
		}
	}
	
	function checkForm(){
		if(!!!$("#aname").val()){
			layer.alert('请输入姓名', {
				  skin: 'layui-layer-molv' //样式类名
				  ,closeBtn: 0
				});
			
			$("#aname").focus();
			return false;
		}
		if(!!!$("#auserno").val()){
			layer.alert('请输入用户编号', {
				  skin: 'layui-layer-molv' //样式类名
				  ,closeBtn: 0
				});
			
			$("#auserno").focus();
			return false;
		}
		if(!!!$("#aphone").val()){
			layer.alert('请输入手机号码', {
				  skin: 'layui-layer-molv' //样式类名
				  ,closeBtn: 0
				});
			
			$("#aphone").focus();
			return false;
		}
		var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 
		if(!myreg.test($("#aphone").val())){ 
			layer.alert('请输入正确手机号码', {
				  skin: 'layui-layer-molv' //样式类名
				  ,closeBtn: 0
				});
			
			$("#aphone").focus();
			return false;
		} 
		if(!!!$("#aidcard").val()){
			layer.alert('请输入身份证号码', {
				  skin: 'layui-layer-molv' //样式类名
				  ,closeBtn: 0
				});
			
			$("#aidcard").focus();
			return false;
		}
		var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 
		if($("#aidcard").val().length!=18){ 
			layer.alert('请输入正确身份证号码', {
				  skin: 'layui-layer-molv' //样式类名
				  ,closeBtn: 0
				});
			$("#aidcard").focus();
			return false;
		} 
		return true;
	}
		 function IdentityCodeValid(code) { 
	            var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "};
	            var tip = "";
	            var pass= true;
	            
	            if(!code || !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(code)){
	                tip = "身份证号格式错误";
	                pass = false;
	            }
	            
	           else if(!city[code.substr(0,2)]){
	                tip = "地址编码错误";
	                pass = false;
	            }
	            else{
	                //18位身份证需要验证最后一位校验位
	                if(code.length == 18){
	                    code = code.split('');
	                    //∑(ai×Wi)(mod 11)
	                    //加权因子
	                    var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
	                    //校验位
	                    var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
	                    var sum = 0;
	                    var ai = 0;
	                    var wi = 0;
	                    for (var i = 0; i < 17; i++)
	                    {
	                        ai = code[i];
	                        wi = factor[i];
	                        sum += ai * wi;
	                    }
	                    var last = parity[sum % 11];
	                    if(parity[sum % 11] != code[17]){
	                        tip = "校验位错误";
	                        pass =false;
	                    }
	                }
	            }
	            return pass;
	        }
		function onblue(){
			
			  layer.alert('<img src="static/fxwebr/images/userno.png"  class="img-responsive" alt="/">', {
				    skin: 'layui-layer-molv'
				    ,closeBtn: 0
				    ,shift: 1 //动画类型
			        ,title:'用户编号说明'
			        ,maxWidth:900
			        ,offset:['60px','30px']
				  },function(index){
					  $("#auserno").focus();
					  layer.close(index);
				  }); 
		}
	</script>
 </body>
 
</html> 
