{T "content","head",TPLID}
<style type="text/css">
    .baojia-table,.baojia-table td{ text-align:center; color:#3d3d3d}
    .baojia-table thead td{ background-color:#F0F0F0; border:1px solid #e7e7e7;  font-size:14px}
    .baojia-table thead td div{border:1px solid #fff; height:40px; line-height:40px;font-size:14px;font-weight: bold;}
    .baojia-table tbody td{ height:34px; padding-top:10px;border:1px solid #ced6d9;}
    .baojia-table tbody th{ background-color:#fff;border:1px solid #ced6d9; height:30px}

    .blue-btn,.blue-btn span{display:inline-block;zoom:1;*display:inline; background:url(../images/new_images/btn.png) no-repeat 0 -108px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:bold}
    .blue-btn{ padding-left:12px;}
    .blue-btn span{ background-position:right -108px; padding-right:10px}

    .price{ font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#F60;}
    .icon-ok {background:url({R}images/right.png) ;width: 16px;height: 16px;}
    .xuanzeqi {
        text-align:center;
        margin:0 auto;

    }

    .xuanzeqi_div {
        width:100%;
        margin-bottom:30px;
    }
    .name ,.name2{
        background-color:#f9f9f9;
        border:1px #f2f2f2 solid;
        border-radius:5px 5px 5px;
        width:100px;
        height:25px;
        color:#999999 ;
        margin-left:5px;
        line-height:25px;
        font-family:'Microsoft YaHei';

        margin-left:30px;
        margin-top:10px;
        cursor: pointer;
    }
    .lh {line-height: 3;}
</style>
<div class="headimg"><img src="{R}{TPLID}/images/headimg.jpg" alt=""><div class="headimgtitle"><div class="title"><span>{$category['name']} - {$category['seo_description']}</span></div></div></div>
<div class="white-section">
    <div class="container">
        <div class="crumbs"><a href="{WEBURL}">首页</a><span> &gt; <a href="">产品购买</a> &gt; </span></div>
        <table border="0" class="baojia-table" width="100%" style="margin:0 auto;margin-bottom:25px;">
            <thead>
            <tr>
                <td width="200"><div> 产品型号 </div></td>
                <td><div> 个人版 </div></td>
                <td><div> 企业版 </div></td>
                <td><div> 媒体版 </div></td>
                <td><div> 综合门户版 </div></td>
                <td><div> 定制版 </div></td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td> 商业授权 </td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
            </tr>
            <tr>
                <td> 授权证书(网页版) </td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
            </tr>
            <tr>
                <td> 官方网站商业帐号 </td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
                <td><i class="icon-ok" /></td>
            </tr>
            <tr>
                <td> 论坛账号等级显示 </td>
                <td>VIP</td>
                <td>VIP企业</td>
                <td>VIP媒体</td>
                <td>VIP门户</td>
                <td>VIP定制</td>
            </tr>

            <tr>
                <td> 模版 </td>
                <td>通用模版</td>
                <td>通用模版</td>
                <td>媒体模版</td>
                <td>媒体＋门户模版</td>
                <td></td>
            </tr>
            <tr>
                <td> 价格 </td>
                <td>1元/月</td>
                <td>2600元/100年</td>
                <td>9600元/100年</td>
                <td>1.5万/100年</td>
                <td>面议</td>
            </tr>
            </tbody>
        </table>
        <table border="0" class="baojia-table" width="100%" style="margin:0 auto;margin-bottom:25px;">
        <tr>
            <th colspan="6" bgcolor="#CCCCCC"> <strong>技术服务类型</strong> </th>
        </tr>
        <tr>
            <td width="200"><div> 服务类型 </div></td>
            <td><div> 标准服务 </div></td>
            <td><div> 金牌服务 </div></td>
            <td><div> 至尊服务 </div></td>
            <td><div> 定制服务 </div></td>
        </tr>
        <tr>
            <td> E-mail 支持 </td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> QQ支持 </td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 电话支持 </td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 服务时间 </td>
            <td>5x8</td>
            <td>5x8</td>
            <td>7x8</td>
            <td>7x8</td>
        </tr>
        <tr>
            <td> 响应时间 </td>
            <td>4小时</td>
            <td>2小时</td>
            <td>1小时</td>
            <td>30分钟</td>
        </tr>
        <tr>
            <td> 程序安装指导 </td>
            <td>2次</td>
            <td>3次</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 程序使用指导 </td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 程序升级指导 </td>
            <td><i class="icon-ok" /></td>
            <td>协助升级</td>
            <td> 代升级 </td>
            <td> 代升级 </td>
        </tr>
        <tr>
            <td> 产品BUG反馈处理 </td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 程序整合 </td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 官方插件安装 </td>
            <td>2次</td>
            <td>4次</td>
            <td>6次</td>
            <td>8次</td>
        </tr>
        <tr>
            <td> 模板制作技术咨询 </td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 数据库读写分离 </td>
            <td></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 数据库修复 </td>
            <td></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 数据库优化 </td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 数据库（MYSQL）定时备份 </td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>

        <tr>
            <td> 基础运行环境安装 </td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>
        <tr>
            <td> 服务器故障检查 </td>
            <td></td>
            <td>协助方式</td>
            <td>远程检查</td>
            <td>远程检查</td>
        </tr>
        <tr>
            <td> 网站迁移 </td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>

        <tr>
            <td> 二次开发技术咨询 </td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
        </tr>

        <tr>
            <td> WEB 负载均衡 </td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>
        <tr>
            <td> 数据库主从部署 </td>
            <td>&nbsp;</td>
            <td>2台/1次</td>
            <td>2-5台/2次</td>
            <td></td>
        </tr>
        <tr>
            <td> shtml配置 </td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>
        <tr>
            <td> 文件同步 </td>
            <td>&nbsp;</td>
            <td></td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>
        <tr>
            <td> memcached配置 </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>

        <tr>
            <td> 服务器集群部署 </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>
        <tr>
            <td> Sphinx全文索引 </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>
        <tr>
            <td> 计划任务/Crontab编写 </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>
        <tr>
            <td> 产品使用培训 </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>12小时</td>
            <td></td>
        </tr>
        <tr>
            <td> 技术经理支持 </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><i class="icon-ok" /></td>
            <td></td>
        </tr>

        <tr>
            <td> 升级年限 </td>
            <td> 无限制 </td>
            <td> 无限制 </td>
            <td> 无限制 </td>
            <td> 无限制 </td>
        </tr>
        <tr>
            <td> 服务网站数量 </td>
            <td> 1个 </td>
            <td> 1个 </td>
            <td> 1个 </td>
            <td> 1个 </td>
        </tr>
        <tr>
            <td> 技术支持年限 </td>
            <td> 1年 </td>
            <td> 1年 </td>
            <td> 1年 </td>
            <td> 1年 </td>
        </tr>
        <tr>
            <th colspan="6"> <strong>服务报价</strong></th>
        </tr>
        <tr>
            <td> 价格 </td>
            <td><em class="price">4800</em> 元 </td>
            <td><em class="price">2.8万</em> 元 </td>
            <td><em class="price">5.8万</em> 元 </td>
            <td><em class="price">6万起</em></td>
        </tr>
        </tbody>

        </table>


        <div class="xuanzeqi_div">
            <table class="xuanzeqi" >
                <tr></tr>
                <tr class="banben">
                    <td> <div class="biaoti">产品型号：</div></td>
                    <td id="gerenban"><div class="name" onclick="doit(this,1);">个人版</div></td>
                    <td id="qiyeban"><div class="name select-type" onclick="doit(this,2600);">企业版</div></td>
                    <td id="meitiban"><div class="name" onclick="doit(this,9600);">媒体户版</div></td>
                    <td id="menhuban"><div class="name" onclick="doit(this,15000);">综合门户版</div></td>
                    <td id="dingzhiban"><div class="name" onclick="doit(this,0,0,1);">定制版</div></td>
                </tr>
                <tr></tr>
                <tr class="fuwu">
                    <td><div class="biaoti">服务类型：</div></td>
                    <td id="biaozhunfuwu"><div class="name2" onclick="doit(this,0,4800);">标准服务</div></td>
                    <td id="jinpaifuwu"><div class="name2" onclick="doit(this,0,28000);">金牌服务</div></td>
                    <td id="zhizunfuwu"><div class="name2" onclick="doit(this,0,58000);">至尊服务</div></td>
                    <td id="dingzhifuwu"><div class="name2" onclick="doit(this,0,0,1);">定制服务</div></td>
                </tr>
                <tr></tr>
                <tr class="lh">
                    <td><div class="biaoti">价格：</div></td>
                    <td id="menhu"><em class="price" id="result">2600元</em></td>
                </tr>
            </table>
        </div>
</div><!-- conteiner end -->
</div>
<script type="text/javascript">
    var pvalue = 2600;
    var svalue = 0;
    function doit(obj,ptype,stype,diy) {
        if(ptype!=0) {
            $(".name").removeClass('select-type');
            pvalue = ptype;
        } else {
            $(".name2").removeClass('select-type');
            svalue = stype;
        }
        $(obj).addClass('select-type');
        t = pvalue+svalue;
        if(diy) {
            $("#result").html("面议");
        } else {
            $("#result").html(t+"元");
        }
        console.log(t);
    }

</script>

{T "content","foot",TPLID}