@{layout layout}
 @set header{
    <link href="@{d.SkinPath}/static/css/Global.css" rel="stylesheet" type="text/css" />
    <link href="@{d.SkinPath}/static/css/Style.css" rel="stylesheet" type="text/css" />
    <script src="@{d.SkinPath}/static/js/jquery.js" language="javascript"></script>
    <script type="text/javascript" src="@{d.SkinPath}/static/js/jquery-1.11.3.min.js"></script>
@}


 @set body{
<script type="text/javascript">
        $(function(){
        var nav=$(".intop"); //得到导航对象
        var win=$(window); //得到窗口对象
        var sc=$(document);//得到document文档对象。
        win.scroll(function(){
          if(sc.scrollTop()>=200){
            nav.addClass("fixedtop"); 
          }else{
           nav.removeClass("fixedtop");
          }
        })  
        })
</script>
<div class="intop">
 <div class="w1200">
   <a href="/">
            <div class="logo"></div>
     </a>
     @var m is d.NavMod("nav"){
     <div class="nav" @{m.Attrs}>
        <ul>
            <li>
                <a href="/">首页</a>
            </li>
            @for n in m.Items{
            <li>
                <a href="@{n.URL}">@{n.Text}</a>
            </li>
            @}
        </ul>
     </div>
     @}
     <div class="mfsy">
        <a href="/免费试用.html">免费试用</a>
     </div>
 </div>
</div>
<script type="text/javascript">
    $('.nav li a:first').addClass('navg');
</script>
<script type="text/javascript" src="@{d.SkinPath}/static/js/jquery.terseBanner.min.js"></script>
@var m is d.GenMod("banner"){
<div class="banner" @{m.Attrs}>
    <ul>
        <li>
          <img src="@{m.Items[0].Image}">
          <div class="b1">
            <h1>买邮箱 免费送域名</h1>
            <h2>免费试用邮箱，购买就免费获赠域名</h2>
            <h2>零技术门槛，一键完成配置</h2>
            <h2>销售热线：<span style="color: red;font-size: 45px;padding-top: 40px;position: absolute;margin-left: -50px;text-shadow: 0 0 3px #fff;">13967744939</span></h2>
          </div>
        </li>
        <li>
          <img src="@{m.Items[1].Image}">
          <div class="b2">
            <h1>企业微信 极速收发邮件</h1>
            <h2>同步企业邮通讯录，迅速找到同事</h2>
            <h2>企业微信内收发，可转工作群讨论</h2>
          </div>
        </li>
        <li>
          <img src="@{m.Items[2].Image}">
          <div class="b3">
          <h1>微信收发　独一无二</h1>
          <h2>腾讯企业邮箱小程序</h2>
          <h2>邮件管理，便捷高效</h2>
          </div>
        </li>
    </ul>
</div>
@}
<script type="text/javascript">
    $('.banner').terseBanner({
        animation:'fade',
    });
</script>
<div class="h1"></div>
<div class="box1">
    <div class="w1200">
        <h1>一体化办公新体验</h1>
        @var m is d.GenMod("box1"){
        <ul @{m.Attrs}>
            <li>
                <div class="b1c">
                    <img src="@{m.Items[0].Image}">
                    <h2>@{m.Items[0].Text}</h2>
                    <span>@{m.Items[1].Text}</span>
                </div>
            </li>
            <li>
                <div class="b1c">
                    <img src="@{m.Items[2].Image}">
                    <h2>@{m.Items[2].Text}</h2>
                    <span>@{m.Items[3].Text}</span>
                </div>
            </li>
            <li>
                <div class="b1c">
                    <img src="@{m.Items[4].Image}">
                    <h2>@{m.Items[4].Text}</h2>
                    <span>@{m.Items[5].Text}</span>
                </div>
            </li>
            <li>
                <div class="b1c">
                    <img src="@{m.Items[6].Image}">
                    <h2>@{m.Items[6].Text}</h2>
                    <span>@{m.Items[7].Text}</span>
                </div>
            </li>
            <li>
                <div class="b1c">
                    <img src="@{m.Items[8].Image}">
                    <h2>@{m.Items[8].Text}</h2>
                    <span>@{m.Items[9].Text}</span>
                </div>
            </li>
            <li>
                <div class="b1c">
                    <img src="@{m.Items[10].Image}">
                    <h2>@{m.Items[10].Text}</h2>
                    <span>@{m.Items[11].Text}</span>
                </div>
            </li>
        </ul>
        @}
    </div>
</div>
<div class="box2">
    <div class="w1200">
        <h1>购买企业邮箱　享受专属服务</h1>
        @var m is d.GenMod("box2"){
        <ul @{m.Attrs}>
            <li>
                <img src="@{m.Items[0].Image}">
                <h2>@{m.Items[0].Text}</h2>
            </li>
            <li>
                <img src="@{m.Items[1].Image}">
                <h2>@{m.Items[1].Text}</h2>
            </li>
            <li>
                <img src="@{m.Items[2].Image}">
                <h2>@{m.Items[2].Text}</h2>
            </li>
            <li>
                <img src="@{m.Items[3].Image}">
                <h2>@{m.Items[3].Text}</h2>
            </li>
        </ul>
        @}
        <div class="box2-sy">
            <a href="/免费试用.html">
                免费试用
            </a>
        </div>
    </div>
</div>
<div class="box3">
    <div class="w1200">
        <div class="box3-bt">
            超过<span style="color: #2A8AE2;">1500</span>万企业用户，正在使用腾讯企业邮箱
        </div>
        <div class="box3-hb"></div>
        <a href="/合作客户.html">更多案例展示></a>
    </div>
</div>
<div class="box4" id="s2">
    <div class="w1200" id="s3">
       

<h1 style="text-align: center; font-size:30px;margin:50px">热门新闻</h1>
		@var m is d.NewsMod("news"){
		<div style=" display: flex; flex-wrap: wrap; "@{m.Attrs} id="s1">
			 
			 @for n in m.Items{  
			<div style="width:48%;margin-right:2%; font-size:16px;border-bottom: 1px solid #eee;display: flex;" class="shuz" >
				 <p class="p1" style="width:4%;text-align:center;background: #6699ff;color: #fff;border-radius: 3px;" >1</p>
                                 <p style="padding-left:5px; width:81%;font-size:16px;"><a href="@{n.URL}" >@{cut n.Text,25,...}</a>    </p>
                                 <p style="text-align:right;width:15%;font-size:12px;"> @{date n.Create,yyyy-MM-dd}</p>
			</div>
			   @}
		</div>
		 @}



        <div class="" style="margin-top:30px;margin-bottom:30px">
            <ul style="display:flex">
                @var m is d.NewsMod("newsrm"){
                <li class="" @{m.Attrs} style="width:50%;margin-left:50px;">
                    <P class="rmwt-bt" style="margin-bottom: 8px;">热门问题</P>
                    @for n in m.Items{  
                    <P>
                        <a href="@{n.URL}" style="color: #aba9a9;font-size: 10px;">@{cut n.Text,25,...}</a>
                    </P>
                 
                    @}
                    <a href="/news/热门问题/" class="rm_mone" style="color: #2A8AE2;">更多问题></a>
                </li>
                @}
                @var m is d.NewsMod("newszx"){
                <li class="" @{m.Attrs} style="width:50%;margin-left:50px;">
                    <P class="zxgg-bt" style="margin-bottom: 8px;">最新公告</P>
                    @for n in m.Items{ 
                    <P>
                        <a href="@{n.URL}" style="color: #aba9a9;font-size: 10px;">@{cut n.Text,25,...}</a>
                    </P>
                   
                    @}
                    <a href="/news/最新问题/" class="zx_mone" style="color: #2A8AE2;">更多公告></a>
                </li>
                @}
            </ul>
        </div>
    </div>
</div>
<script>
	$(document).ready(function () {
	 
              $("#s1 .shuz").each(function () { 
                 var this_div = $("#s1 .shuz")
	        var _inx = $("#s1 .shuz").index(this);
	        this_div.eq(_inx).find(".p1").text(_inx+1); 
	    });

           
	});
</script>  
@}