@{layout layout}
@set header{
<style type="text/css"> 
    .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;}
  </style>
   <script src="http://webapi.amap.com/maps?v=1.3&key=8325164e247e15eea68b59e89200988b"></script>
@}
@set body{
 <div class="clear"></div>
<div class="page">
    <div class="w1200">
        <div class="page-center">
            <div class="page-left">


                <div class="left1" id="pagenav1" style="display: none;">
                    <div class="left-top">
                        <h1>关于我们</h1>
                    </div>
                    <ul>
                        <li>
                            <a href="/guanyuwomen.html">
                                <div></div>
                                <h1>关于我们</h1>
                            </a>
                        </li>
                        <li>
                            <a href="/rongyuzhengshu.html">
                                <div></div>
                                <h1>荣誉证书</h1>
                            </a>
                        </li>
                        <li>
                            <a href="/zuzhijiegou.html">
                                <div></div>
                                <h1>组织结构</h1>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="left1" id="pagenav2" style="display: none;">
                    <div class="left-top">
                        <h1>合作案例</h1>
                    </div>
                    <ul>
                        <li>
                            <a href="/gongyiliucheng.html">
                                <div></div>
                                <h1>工艺流程</h1>
                            </a>
                        </li>
                        <li>
                            <a href="/hezuoanli.html">
                                <div></div>
                                <h1>合作案例</h1>
                            </a>
                        </li>
                    </ul>
                </div>
                 <div class="left1" id="pagenav3" style="display: none;">
                    <div class="left-top">
                        <h1>联系我们</h1>
                    </div>
                    <ul>
                        <li>
                            <a href="/lianxiwomen.html">
                                <div></div>
                                <h1>联系我们</h1>
                            </a>
                        </li>
                        <li>
                            <a href="/ditudaohang.html">
                                <div></div>
                                <h1>地图导航</h1>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="left1" id="pagenav4" style="display: none;">
                    <div class="left-top">
                        <h1>应用领域</h1>
                    </div>
                </div>
                <div class="left2">
                    <div class="left-top">
                        <h1>联系我们</h1>
                    </div>
                    <h2>咨询详细情况请致电：</h2>
                    <span>18626839897</span>
                </div>
                @var m is d.SinglePageMod(){
                    <div @{m.Attrs} style="width: 50px;height: 50px;">
                    </div>
                    @}
            </div>
            <div class="page-right">
                <div class="right-top">
                    <h1>@{d.CurSinglePage.Text}</h1>
                    <dt>
                        @for m in d.NavMap{
                        <a href="@{m.URL}">@{m.Text}</a>
                        @if !m.Last{
                        <a>></a>
                        @}
                        @}
                    </dt>
                </div>
                <div class="about">
                 @{d.CurSinglePage.Body}
                    <ul class="anlilist" id="anlilist" style="display: none;">
                        <li>
                            <a href="/kaidilake.html">
                                <img src="@{d.SkinPath}/static/images/car1.jpg">
                                <h1>凯迪拉克CT6</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/zhongtaiqiche.html">
                                <img src="@{d.SkinPath}/static/images/car2.jpg">
                                <h1>众泰汽车T700</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/qiruikaiyi.html">
                                <img src="@{d.SkinPath}/static/images/car3.jpg">
                                <h1>奇瑞凯翼汽车C3</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/jiliboyue.html">
                                <img src="@{d.SkinPath}/static/images/car4.jpg">
                                <h1>吉利博越</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/angkela.html">
                                <img src="@{d.SkinPath}/static/images/car5.jpg">
                                <h1>上汽通用昂科拉</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/dongfengxiaokang.html">
                                <img src="@{d.SkinPath}/static/images/car6.jpg">
                                <h1>东风小康风光330</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/junwei.html">
                                <img src="@{d.SkinPath}/static/images/car7.jpg">
                                <h1>上汽通用君威</h1>
                            </a>
                        </li>
                        
                        <li>
                            <a href="/wulinghongguang.html">
                                <img src="@{d.SkinPath}/static/images/car8.jpg">
                                <h1>上汽通用五菱宏光/s</h1>
                            </a>
                        </li>
                     </ul>
                     <div id="wrap" class="my-map" style="width:700px;height:320px;border:1px solid #939393;margin-top: 20px;display: none;">
                      <div id="mapContainer"></div>
                    </div>
                </div>    
                <script type="text/javascript">
                    var dqtitle="@{d.CurSinglePage.Text}";
                    $(function(){
                        if(dqtitle=="关于我们"||dqtitle=="荣誉证书"||dqtitle=="组织结构")
                        {
                            $('#pagenav1').show();
                            if(dqtitle=="荣誉证书")
                            {
                              $('.about').addClass('aboutcont')
                            }
                        }
                        if(dqtitle=="工艺流程"||dqtitle=="合作案例"||dqtitle=="凯迪拉克"||dqtitle=="五菱宏光"||dqtitle=="众泰汽车"||dqtitle=="奇瑞凯翼"||dqtitle=="吉利博越"||dqtitle=="东风小康"||dqtitle=="昂科拉"||dqtitle=="君威")
                        {
                            $('#pagenav2').show();
                            if(dqtitle=="合作案例")
                            {
                            $('#anlilist').show();
                            }
                        }
                        if(dqtitle=="联系我们"||dqtitle=="地图导航")
                        {
                            $('#pagenav3').show();
                            if(dqtitle=="地图导航")
                            {
                                 $('#wrap').show();
                         !function(){
                          var infoWindow, map, level = 17,
                           center = {lng: 120.8072800000, lat:27.8440800000},
                           features = [{type: "Marker", name: " 亿得宝科技发展有限公司 ", desc: "温州市滨海园区四道十三路456号", color: "red", icon: "cir", offset: {x: -9, y: -31}, lnglat: {lng: 120.8072800000, lat: 27.8440800000}}];

                          function loadFeatures(){
                           for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){
                            data = features[i];
                            switch(data.type){
                             case "Marker":
                              feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),
                               zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,
                               content: '<div class="icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'"></div>' });
                              break;
                             case "Polyline":
                              for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
                               path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
                              }
                              feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,
                               strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });
                              break;
                             case "Polygon":
                              for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
                               path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
                              }
                              feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,
                               strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,
                               fillColor: data.fillColor, fillOpacity: data.fillOpacity });
                              break;
                             default: feature = null;
                            }
                            if(feature){ AMap.event.addListener(feature, "click", mapFeatureClick); }
                           }
                          }

                          function mapFeatureClick(e){
                           if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true}); }
                           var extData = e.target.getExtData();
                           infoWindow.setContent("<h5>" + extData.name + "</h5><div>" + extData.desc + "</div>");
                           infoWindow.open(map, e.lnglat);
                          }

                          map = new AMap.Map("mapContainer", {center: new AMap.LngLat(center.lng, center.lat), level: level});
                          
                          loadFeatures();

                          map.on('complete', function(){
                           map.plugin(["AMap.ToolBar", "AMap.OverView", "AMap.Scale"], function(){
                            map.addControl(new AMap.ToolBar);
                           map.addControl(new AMap.OverView({isOpen: true}));
                           map.addControl(new AMap.Scale);
                           }); 
                          })
                          
                         }();
                            }
                        }
                        if(dqtitle=="应用领域")
                        {
                            $('#pagenav4').show();
                        }
						if(dqtitle=="荣誉证书"){
							$(".aboutcont").addClass("ce-box")
						}
                    })
                </script>  
            </div>
        </div>
    </div>
</div>
@}