{template "content","header"}

<div class="clear"></div>
<!--main_content star-->
<div class="main_content_bg">
<div class="main_content_01">
  <div class="main_quick l">
    <h1><img src="{IMG_PATH}title01.gif" width="238" height="35" /></h1>
    <ul>
      <li><a href="/index.php?m=content&c=index&a=show&catid=9&id=1">关于我们</a></li>
      <li><a href="/index.php?m=content&c=index&a=show&catid=10&id=2">{$CATEGORYS[10][catname]}</a></li>
      <li><a href="{$CATEGORYS[12][url]}">合作共赢</a></li>
      <li><a href="{$CATEGORYS[13][url]}">成功案例</a></li>
      <li><a href="{$CATEGORYS[14][url]}">企业招聘</a></li>
      <li><a href="/index.php?m=content&c=index&a=show&catid=15&id=5">联系我们</a></li>
    </ul>
  </div>
  <div class="main_about l">
    <h1>公司简介</h1>
    <dl>
			{pc:get sql="SELECT * FROM chang_page where catid=19"}
			  {loop $data $key $val}
			   {$val[content]}
			{/loop}
			{/pc}
            <a href="/index.php?m=content&c=index&a=show&catid=9&id=1">[查看详情]</a>
    </dl>
  </div>
</div>
<div class="clear"></div>
<div class="main_content_02">
<div class="xxfc">
  <h2>成功案例<span class="r"><a href="{$CATEGORYS[13][url]}"><img src="{IMG_PATH}ioc03.png" /></a></span></h2>
  <!--<script type="text/javascript" src="{JS_PATH}jquery.1.4.2-min.js"></script>--> 
  <script type="text/javascript">
//js无缝滚动代码
function marquee(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");
	if (direction == "up"){
		if (obj2.offsetTop - obj.scrollTop <= 0){
			obj.scrollTop -= (obj1.offsetHeight + 20);
		}else{
			var tmp = obj.scrollTop;
			obj.scrollTop++;
			if (obj.scrollTop == tmp){
				obj.scrollTop = 1;
			}
		}
	}else{
		if (obj2.offsetWidth - obj.scrollLeft <= 0){
			obj.scrollLeft -= obj1.offsetWidth;
		}else{
			obj.scrollLeft++;
		}
	}
}

function marqueeStart(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");

	obj2.innerHTML = obj1.innerHTML;
	var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	obj.onmouseover = function(){
		window.clearInterval(marqueeVar);
	}
	obj.onmouseout = function(){
		marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	}
}
</script>
  <div id="marquee1" class="marqueeleft">
    <div style="width:8000px;">
      <ul id="marquee1_1">
            {pc:content action="lists" catid="13" num="12" order="id DESC" }
			{loop $data $r}      
        <li> <a class="pic" href="{$r[url]}"><img src="{$r[thumb]}" width="207" height="137"></a>
          <div class="txt"><a href="{$r[url]}">{$r[title]}</a></div>
        </li>
			{/loop}
			{/pc}

      </ul>
      <ul id="marquee1_2">
      </ul>
    </div>
  </div>
  <!--marqueeleft end--> 
  <script type="text/javascript">marqueeStart(1, "left");</script> 
</div>
<div class="clear"></div>
<div class="main2">
  <div class="gzh l"> 
    <!-- 广告样式-->
    <div class="gg"></div>
    <!--实用资料、行业新闻-->
    <div class="zh"> 
      <!--资料-->
      <div class="zl l">
        <h2>公司新闻<span class="more2"><a href="{$CATEGORYS[11][url]}"><img src="{IMG_PATH}ioc05.png" width="40" height="13" /></a></span></h2>
        <div class="zl_text">
          <ul>
          {pc:content action="lists" catid="11" num="6" order="id DESC" }
			{loop $data $r}
            <li><a href="{$r[url]}">{$r[title]}</a><span>2015/6/24</span></li>
			{/loop}
			{/pc}
            
          </ul>
        </div>
      </div>
      <!--新闻-->
      <div class="hyxw r">
        <h2>合作共赢<span class="more2"><a href="{$CATEGORYS[11][url]}"><img src="{IMG_PATH}ioc05.png" width="40" height="13" /></a></span></h2>
        <div class="zl_text">
          <ul>
          {pc:content action="lists" catid="12" num="6" order="id DESC" }
			{loop $data $r}
            <li><a href="{$r[url]}">{$r[title]}</a><span>2015/6/24</span></li>
			{/loop}
			{/pc}
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- 联系我们-->
  <div class="lxwm r">
    <h2><img src="{IMG_PATH}title02.gif" width="238" height="35" /></h2>
    <div class="lxwm_text"><img src="{IMG_PATH}ceshi03.gif" width="226" height="74" />
			{pc:get sql="SELECT * FROM chang_page where catid=18"}
			  {loop $data $key $val}
			   {$val[content]}
			{/loop}
			{/pc}
    </div>
  </div>
</div>
<div class="clear"></div>


<div class="clear"></div>
<!--友情链接 star-->
<div class="yqlj">
  <h2>友情链接<font class="e">Links</font></h2>
  <div class="yqlj_text">
    <p>
    
    <a href="http://www.sdsbwl.com/">山东申宝网络 </a> | 
    </p>
  </div>
</div>
<!--友情链接 endr-->
<br />
</div>
  
</div>
<!--main_content end-->
<div class="clear"></div>

{template "content","footer"}