@{layout layout}
@set header{
<style type="text/css"> 
    .text-right{color: black !important;}
    .text-right a{color: black !important;}
    .my-map { margin: 0 auto; width: 600px; height: 350px; }
    .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
    .my-map .icon-cir { height: 31px; width: 28px; }
    .my-map .icon-cir-red { background-position: -11px -5px; }
    .amap-container{height: 100%;}
      .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
      .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
      .amap-info-content {color: #000;}
  .item a{background: rgb(250,250,250);}
  .item a:hover{color: white;background: rgb(1,159,232);}
  .dialog-bg{
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.4);
    }


    .dialog-bg .img-box{
        width: 400px;
        height: 250px;
        position: fixed;
        left: 50%;
        top: 20%;
        margin-left: -200px;
        margin-top: -125px;
    }

    .dialog-bg .img-box img{
        width: 600px;
        /*height: 100%;*/
    }
    .p_img img{width:290px;margin-left: 5px;margin-bottom: 15px;margin-right: 5px;}
  </style>
  <style type="text/css">
    html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
@}
@set body{
 <div class="pagebanner"></div>
    <div class="page">
        <div class="w1200">
            <div class="page-top">
                <div class="left">
                    <div class="title">
                        @{d.CurSinglePage.Text}
                    </div>
                    <div class="location">
                        <font style="color: #7f7f7f;font-size: 14px">你的位置：</font>
                        @for m in d.NavMap {
                        <a href="@{m.URL}">@{m.Text}</a>
                        @if !m.Last{
                        &raquo;
                        @}
                        @}
                    </div>
                </div>
                <div class="right">
                    <ul class="pagenav" id="pgaenavbox1" style="display: none">
                        <li><a href="/guanyuwomen.html" class="a1">关于我们</a></li>
                        <li><a href="/lingdaozhici.html" class="a1">领导致辞</a></li>
                        <li><a href="/qiyewenhua.html" class="a1">企业文化</a></li>
                        <li><a href="/zhaopinxinxi.html" class="a1">招聘信息</a></li>
                    </ul>
                     <ul class="pagenav" id="pgaenavbox2" style="display: none">
						 <li><a href="/shengchanbiaozhun.html" class="a1">生产标准</a></li>
                        <li><a href="/shengchanshebei.html" class="a1">生产设备</a></li>
                        <li><a href="/jianceshebei.html" class="a1">检测设备</a></li>
                    </ul>
                </div>
                
            </div>
            <div class="pagecontent" style="position: relative;min-height: 300px">
                 @{d.CurSinglePage.Body}
                 <div id="map" style="display: none;width: 600px;height: 300px;position: absolute;right: 0;top: 0">
                 	<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
                 </div>
            </div>
        </div>
    </div>
    <div class="dialog-bg" id="dialog-bg">
        <div class="img-box" id="img-box">
            <img src="">
        </div>
    </div>
    <script type="text/javascript">
        var dqtitle="@{d.CurSinglePage.Text}";
        $(function(){
            if(dqtitle=="关于我们"||dqtitle=="领导致辞"||dqtitle=="企业文化"||dqtitle=="招聘信息")
            {   
                $('#pgaenavbox1').show()
                $('.pagebanner').addClass('pagebanner1')
            }
            if(dqtitle=="资质认证")
            {   
                $('.pagebanner').addClass('pagebanner3')
            }
            if(dqtitle=="生产设备"||dqtitle=="检测设备"||dqtitle=="生产标准")
            {
                $('#pgaenavbox2').show()
                $('.pagebanner').addClass('pagebanner4')
            }
            if(dqtitle=="联系我们")
            {   
                $('#pgaenavbox3').show()
                $('.pagebanner').addClass('pagebanner6')
                $('#map').show()
            }
        })
        if(dqtitle=="资质认证")
        {
            $('.pagecontent').addClass('p_img')
            $(".p_img").find("img").on("click",function () {
                $(this).each(function () {
                    var $this = $(this);
                    var $img = $this.attr("src");//获取当前点击img的src的值
                    $("#img-box").find("img").attr("src",$img);//将获取的当前点击img的src赋值到弹出层的图片的src
                    $("#dialog-bg").show();//弹出层显示
                });
            });
        }
        

        //弹出层隐藏
        $("#dialog-bg").on("click",function () {
            $(this).hide();//
        });
    </script>
    <script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(119.450542,28.459903);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
 map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
 var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
 map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
 var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
 map.addControl(ctrl_sca);
    }
    
    
    initMap();//创建和初始化地图
</script>

@}