index.jsp 7.37 KB
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>科路得</title>
    <link rel="stylesheet" type="text/css" href="/css/patent-index.css">
</head>

<body>
<jsp:include page="/include/header.jsp" flush="true"/>
<div class="banner">
    <img src="/img/banner.png" alt="" class="banner-img" alt="">
</div>
<div class="consult-wrap">
    <div class="consult">
        <div class="item-title">
            <img src="/img/refer-title.png">
        </div>
        <form class="consult-form">
            <div>
                <div><label class="search-item">专利基础知识咨询</label></div>
                <input type="text" name="tel-number" placeholder="请输入手机号码" class="basic" id="basic"> <span
                    class="btn submit-btn" id="basic_submit">提交</span>
            </div>
            <div class="search-wrap">
                <div><label class="search-item">免费技术检索分析</label></div>
                <input class="search-input" type="text" name="zhuanli-name" placeholder="请输入专利名称" id="zhuanli-name">
                <input class="search-input" type="text" name="tel-number" placeholder="请输入手机号码" id="tel-number">
                <span class="btn submit-btn" id="free_submit">提交</span>
            </div>
            <div><span class="btn process-push">免费专利申请推送</span></div>
        </form>
    </div>
</div>
<div class="content">
    <div class="hot-recommand-wrap">
        <div class="hot-recommand">
            <div class="item-title">
                <img src="/img/hot.png" alt="热门推荐">
            </div>
            <ul class="server-type">
                <li>
                    <p><span class="hot-icon guonei"></span></p>

                    <p><span class="title">国内专利申请</span></p>

                    <p><span class="price">¥2999</span></p>

                    <p><span class="detail"><a href="home_patent.jsp">了解详情</a></span></p>
                </li>
                <li>
                    <p><span class="hot-icon guoji"></span></p>

                    <p><span class="title">PCT 国际专利申请</span></p>

                    <p><span class="price">¥2999</span></p>

                    <p><span class="detail"><a href="#">了解详情</a></span></p>
                </li>
                <li>
                    <p><span class="hot-icon biangeng"></span></p>

                    <p><span class="title">著录项目变更</span></p>

                    <p><span class="price">¥2999</span></p>

                    <p><span class="detail"><a href="#">了解详情</a></span></p>
                </li>
                <li>
                    <p><span class="hot-icon zhuanhua"></span></p>

                    <p><span class="title">成果转化</span></p>

                    <p><span class="price">¥2999</span></p>

                    <p><span class="detail"><a href="#">了解详情</a></span></p>
                </li>
                <li>
                    <p><span class="hot-icon fenxi"></span></p>

                    <p><span class="title">免费技术检索与分析</span></p>

                    <p><span class="price">¥2999</span></p>

                    <p><span class="detail"><a href="#">了解详情</a></span></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="youshi-wrap">
        <div class="advantage">
            <div class="item-title">
                <img src="/img/keludeyoushi.png" alt="科路得优势">
            </div>
            <ul class="advantage-list">
                <li>
                    <div>
                        <span class="icon kuaijie"></span>
                    </div>
                    <div>
                        <span class="title">快捷服务</span>
                    </div>
                    <div>
                        <span class="detail">撰写搞笑,递交快捷</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span class="icon duijie"></span>
                    </div>
                    <div>
                        <span class="title">专人对接</span>
                    </div>
                    <div>
                        <span class="detail">专业的人做专业的事</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span class="icon baohu"></span>
                    </div>
                    <div>
                        <span class="title">有效保护</span>
                    </div>
                    <div>
                            <span class="detail">
                                    充分考虑保护范围和授权前景,<br>
                                    保密性好
                                </span>
                    </div>
                </li>
                <li>
                    <div>
                        <span class="icon ys-zhuanhua"></span>
                    </div>
                    <div>
                        <span class="title">转化有方</span>
                    </div>
                    <div>
                        <span class="detail">将你的科研成果与企业对接,<br>实现产业化</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span class="icon anquan"></span>
                    </div>
                    <div>
                        <span class="title">安全可靠</span>
                    </div>
                    <div>
                        <span class="detail">保密性好,安全性高</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="news-wrap">
        <div class="news">
            <div class="item-title">
                <img src="/img/kld-news-title.png">
            </div>
            <ul class="news-list">
                <li>
                    <div class="news-number num1">
                    </div>
                    <div class="news-intro">
                        <p id="1">2015年,一群在国际一流电池企业、互联网公司工作多年,掌握了电池材料供应链及核心技术、互联网技术的有志青年,由于共同的梦想追</p>
                    </div>
                </li>
                <li>
                    <div class="news-number num2">
                    </div>
                    <div class="news-intro">
                        <p id="2">2015年,一群在国际一流电池企业、互联网公司工作多年</p>
                    </div>
                </li>
                <li>
                    <div class="news-number num3">
                    </div>
                    <div class="news-intro">
                        <p id="3">2015年,一群在国际一流电池企业、互联网公司工作多年,掌握了电池材料供应链及核心技术、互联网技术的有志青年,由于共同的梦想追</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<jsp:include page="/include/footer.jsp" flush="true"/>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>