@{layout layout}
@set body{


	<div class="subnavbg">
	    <div class="w1200">
	    @var m is d.SinglePageMod(){
	      <ul class="subnav"  @{m.Attrs}>
			@for n in m.Items{
			<li><a href="@{n.URL}" class="a">@{n.Text}</a></li>
			@}
	      </ul>
	      @}
	    </div>
	</div>
	<div class="locationbg">
	    <div class="w1200">
	      <div class="location">
	       		@for m in d.NavMap{
            	<a href="@{m.URL}">@{m.Text}</a>
            	@if !m.Last{
           		<a>></a>
            	@}
            	@}
	      </div>
	    </div>
	</div>
	<div class="page">
		<div class="w1200">
			<div class="about-title">
				<h1 class="page-title">@for m in d.NavMap{
            			@if m.Last{
           					@{m.Text}
            			@}
            		@}
            	</h1>
				<h2>为顾客提供高品质的流体设备</h2>
			</div>
			<div class="page-content" style="width: 900px;margin: 0 auto">
				@{d.CurSinglePage.Body}
				
			</div>
			<iframe id="map" src="@{d.SkinPath}/static/images/map.html" style="display: none;float: right;width: 550px;height: 400px;border: none;margin-top: 40px;" scrolling="no"></iframe>
		</div>
	</div>
	<script type="text/javascript">
		$(function(){
			var text = $.trim($('.page-title').html());
			if( text == '车间一角'){
				$('.page-content img').css({'width': '280px', 'height': '187px','float': 'left', 'display': 'block','margin-left': '10px', 'margin-top': '10px'});
			}
			if( text == '联系我们'){
				$('.page-content').css({'width': '500px','margin': '0 auto','float': 'left'});
				$('#map').css('display','block');
			}
		})
	</script>
@}