caolong
/
haohu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698
							<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title id="pageTitle">昊古</title>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
    <meta id="description" name="Description" content="昊古"/>
    <meta id="key" name="Keywords" content="昊古"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/common.css"/>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/aos.css"/>
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/static/assets/owlcarousel/assets/owl.carousel.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/static/assets/owlcarousel/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/animate.css">
    <script language="javascript" type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript"
            src="${pageContext.request.contextPath}/static/assets/owlcarousel/owl.carousel.js"></script>
    <script language="javascript" type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/slodie.js"></script>
    <script language="javascript" type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/js.js"></script>
    <script>

        $(document).ready(function () {
            var owl1 = $('.team_list');
            var owl2 = $('.newsxt_list');
            var owl3 = $('.example_list');
            var owl4 = $('.teamdoimd');
            var owl5 = $('.teamdolst');

            owl1.owlCarousel({
                dots: true,
                margin: 20,
                mouseDrag: false,
                responsive: {
                    0: {
                        items: 1,
                    },
                    640: {
                        items: 2,
                    },
                    991: {
                        items: 3,
                    },
                    1400: {
                        items: 3,
                    },
                },
            })
            owl5.owlCarousel({
                dots: true,
                margin: 20,
                mouseDrag: false,
                items: 1,
            })

            owl3.owlCarousel({
                nav: true,
                autoWidth: true,
                dots: false,
                navText: ['<i class="iconext"></i>', '<i class="icoprev"></i>'],
                loop: true,
                items: 12,
            })
            owl4.owlCarousel({
                nav: true,
                dots: false,
                navText: ['<i class="iconext">‹</i>', '<i class="icoprev">›</i>'],
                loop: true,
                items: 1,
                responsive: {
                    0: {
                        autoWidth: false,
                    },
                    640: {
                        autoWidth: false,
                    },
                },
            })
            owl2.owlCarousel({
                nav: true,
                dots: false,
                margin: 100,
                mouseDrag: false,
                responsive: {
                    0: {
                        items: 1,
                        touchDrag: false,
                        nav: false,
                    },
                    640: {
                        items: 1,
                        loop: true,
                        navText: ['<i class="iconext"></i>', '<i class="icoprev"></i>'],
                    },
                    980: {
                        items: 1,
                        loop: true,
                        navText: ['<i class="iconext"></i>', '<i class="icoprev"></i>'],
                    },
                    1400: {
                        items: 1,
                        loop: true,
                        navText: ['<i class="iconext"></i>', '<i class="icoprev"></i>'],
                    },
                },
            })

        })
    </script>

</head>

<body>
<div class="header">
    <div class="headt">
        <div class="main">
            <div class="headlogo">
                <a class="lowes" href="${pageContext.request.contextPath}/index.html/1/3">
                    <img class="helogo" src="${pageContext.request.contextPath}/static/images/logo2x.png" alt="">
                </a>
                <a class="lores" href="${pageContext.request.contextPath}/index.html/1/3">
                    <img class="helogo" src="${pageContext.request.contextPath}/static/images/lores.png" alt="">
                </a>
            </div>
            <div class="munes">
                <a href="#0" class="cd-nav-trigger">Menu<span class="cd-icon"></span></a>
            </div>
            <div class="headnva">
                <ul>
                    <li class="headnvaonc"><a href="${pageContext.request.contextPath}/index.html/1/3">基金介绍</a></li>
                    <li><a href="${pageContext.request.contextPath}/example.html">投资案例</a></li>
                    <li><a href="${pageContext.request.contextPath}/news.html/1/10">新闻动态</a></li>
                    <li><a href="${pageContext.request.contextPath}/contact.html">联系我们</a></li>
                </ul>
            </div>
            <div class="cl"></div>
        </div>
    </div>
</div>
<div class="solde">

    <div id="home" class="tr-home-slider">
        <div id="home-carousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
                <div class="item active" style=" background-image: url(images/solde.jpg)">
                    <div class="container">
                        <div class="item-content">
                            <div class="tr-middle">
                                <div class="slider-info">
                                    <h1 data-animation="animated fadeInDown"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn01.png" alt="">
                                    </h1>
                                    <h2 data-animation="animated fadeInDown"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn02.png" alt="">
                                    </h2>
                                    <p data-animation="animated fadeInDown">
                                        昊古资本致力对标摩根士丹利，立志成为具有中国影响力的投资与资产管理机构，通过股权投资增进社会的效率与公平、推动人类的进步与福祉，以股权投资直接支持实体经济发展。</p>
                                </div>
                            </div>
                        </div><!-- /.item-content -->
                    </div>
                </div><!-- /.item -->
                <div class="item"
                     style=" background-image: url(${pageContext.request.contextPath}/static/images/solde2.jpg)">
                    <div class="container">
                        <div class="item-content">
                            <div class="tr-middle">
                                <div class="slider-info">
                                    <h1 data-animation="animated fadeInUp"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn21.png" alt="">
                                    </h1>
                                    <h2 data-animation="animated fadeInUp"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn22.png" alt="">
                                    </h2>
                                    <p data-animation="animated fadeInUp"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn23.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div><!-- /.item-content -->
                    </div>
                </div><!-- /.item -->
                <div class="item"
                     style=" background-image: url(${pageContext.request.contextPath}/static/images/solde3.jpg)">
                    <div class="container">
                        <div class="item-content">
                            <div class="tr-middle">
                                <div class="slider-info">
                                    <h1 data-animation="animated fadeInLeft"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn11.png" alt="">
                                    </h1>
                                    <h2 data-animation="animated fadeInLeft"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn12.png" alt="">
                                    </h2>
                                    <p data-animation="animated fadeInLeft"><img
                                            src="${pageContext.request.contextPath}/static/images/soldpn13.png" alt="">
                                    </p>
                                </div>
                            </div>
                        </div><!-- /.item-content -->
                    </div>
                </div><!-- /.item -->
            </div><!-- /.carousel-inner -->
            <div class="container indicators-content">
                <ol class="carousel-indicators">
                    <li data-target="#home-carousel" data-slide-to="0" class="active">
                    </li>
                    <li data-target="#home-carousel" data-slide-to="1">
                    </li>
                    <li data-target="#home-carousel" data-slide-to="2">
                    </li>
                </ol>
            </div><!-- /.container -->
        </div><!-- /#home-carousel -->
    </div>
</div>
<c:forEach items="${funds}" var="itme">
    <div class="${itme.headline}">
        <div class="main">
            <span class="${itme.js}">${itme.headline}</span>
            <div class="${itme.css}">
                <div class="colutel aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="zoom-in">
                    <p class="colutelcn">${itme.fname}</p>
                    <p class="colutelen">${itme.logogram}</p>
                </div>
                <div class="colutex aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="fade-up">
                    <p>${itme.content}</p>
                </div>
            </div>
            <div class="pro_image fl aos-animate" data-aos-duration="300" data-aos-delay="200" data-aos="fade-up">
                <img src="${pageContext.request.contextPath}/${itme.fimg}" alt="">
            </div>
            <div class="cl"></div>
        </div>
    </div>
</c:forEach>
<div class="advantage">
    <div class="main">
        <span class="advantagetex absolute txtbgab">Advantage</span>
        <div class="pro_tal">
            <div class="colutel textcent aos-animate" data-aos-duration="300" data-aos-delay="100"
                 data-aos="zoom-in">
                <p class="colutelcn">我们的优势</p>
                <p class="colutelen">Our advantage</p>
            </div>
            <div class="adv_list">
                <ul>
                    <li class="aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="fade-up">
                        <div class="adv_limg"><img
                                src="${pageContext.request.contextPath}/static/images/adv01-2x.png"
                                alt=""></div>
                        <div class="adv_ltex">与国内知名公募基金、券商等深度合作，帮助企业做强做大</div>
                        <div class="cl"></div>
                    </li>
                    <li class="aos-animate" data-aos-duration="300" data-aos-delay="200" data-aos="fade-up">
                        <div class="adv_limg"><img
                                src="${pageContext.request.contextPath}/static/images/adv02-2x.png"
                                alt=""></div>
                        <div class="adv_ltex">拥有业内深入人脉，能够更好更快捷的知晓行业动态，为行业下一步发展作出专业建议</div>
                        <div class="cl"></div>
                    </li>
                    <li class="aos-animate" data-aos-duration="300" data-aos-delay="300" data-aos="fade-up">
                        <div class="adv_limg"><img
                                src="${pageContext.request.contextPath}/static/images/adv03-2x.png"
                                alt=""></div>
                        <div class="adv_ltex">昊古资本的团队拥有多年朝阳企业的运营、管理和融资经验，帮助企业制定最优策略</div>
                        <div class="cl"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="investment">
    <div class="main">
        <span class="investmenttex absolute txtbgab">Investment</span>
        <div class="pro_tex fr pdt50">
            <div class="colutel aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="zoom-in">
                <p class="colutelcn">投资理念</p>
                <p class="colutelen">Investment philosophy</p>
            </div>
            <div class="colutex aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="fade-up">
                <p>长期投资+价值投资。坚持“三不原则”（即不跟风、不盲从、不追高），寻找“三好学生”（即好项目、好价格、好条款）。</p>
            </div>
        </div>
        <div class="pro_image fl aos-animate" data-aos-duration="300" data-aos-delay="200" data-aos="fade-up">
            <img src="${pageContext.request.contextPath}/static/images/invest.jpg" alt="">
        </div>
        <div class="cl"></div>
    </div>
</div>
<div class="team">
    <div class="main">
        <span class="teamtex absolute txtbgab trup">team</span>
        <div class="pro_tal">
            <div class="colutel textcent aos-animate" data-aos-duration="300" data-aos-delay="100"
                 data-aos="zoom-in">
                <p class="colutelcn">管理团队</p>
                <p class="colutelen">Management team</p>
            </div>
            <div class="teamdol">
                <div class="teamdoimd fl aos-animate" data-aos-duration="300" data-aos-delay="100"
                     data-aos="fade-up">
                    <c:forEach items="${carousel}" var="item">
                        <div><img class="teamdoimdge"
                                  src="${pageContext.request.contextPath}/${item.carousel}"
                                  alt=""></div>
                    </c:forEach>
                </div>
                <div class="teamdolst fr aos-animate" data-aos-duration="300" data-aos-delay="200"
                     data-aos="fade-up">
                    <%--<c:if test="${team.pages==1}">--%>
                    <div class="teamdolstft">
                        <ul>
                            <c:forEach var="itam" items="${team.list}">
                                <li id="${itam.id}">
                                    <div class="teampeo_img ${itam.id}"><img
                                            src="${pageContext.request.contextPath}/${itam.headimg}" alt="">
                                    </div>
                                    <p class="teampeo_name pdt10">${itam.tname}</p>
                                    <p class="teampeo_pos">${itam.position}</p>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                    <%--</c:if>--%>
                    <%--<c:if test="${team.pageSize!=1}">--%>
                    <%--<c:forEach begin="1" end="${team.pages}">--%>
                    <%--<div class="teamdolstft">--%>
                    <%--<ul>--%>
                    <%--<c:forEach var="itam" items="${team.list}">--%>
                    <%--<li>--%>
                    <%--<div class="teampeo_img"><img--%>
                    <%--src="${itam.headimg}" alt="">--%>
                    <%--</div>--%>
                    <%--<p class="teampeo_name pdt10">${itam.tname}</p>--%>
                    <%--<p class="teampeo_pos">${itam.position}</p>--%>
                    <%--</li>--%>
                    <%--</c:forEach>--%>
                    <%--</ul>--%>
                    <%--</div>--%>
                    <%--</c:forEach>--%>
                    <%--</c:if>--%>
                </div>
            </div>
            <div class="cl"></div>
            <div class="team_list aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="fade-up"
                 style="display:none;">
                <c:forEach var="itam" items="${team.list}">
                    <div class="teampeo">
                        <div class="teampeo_img"><img src="${pageContext.request.contextPath}/${itam.headimg}" alt="">
                        </div>
                        <p class="teampeo_name pdt20">${itam.tname}</p>
                        <p class="teampeo_pos pdb20">${itam.position}</p>
                        <div class="teampeo_honor">${itam.describes}
                        </div>
                        <a class="teampeo_butn">查看更多</a>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>

<div class="example" id="example">
    <span class="exampletex absolute txtbgab">Example</span>
    <div class="pro_tal">
        <div class="colutel textcent aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="zoom-in">
            <p class="colutelcn">投资案例</p>
            <p class="colutelen">Investment case</p>
        </div>
        <div class="example_list aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="fade-up">
            <c:forEach items="${cases}" var="cases">
                <div class="exampico ${cases.id}">
                    <p class="exampicoim ${cases.id}">
                        <img src="${pageContext.request.contextPath}/${cases.img}" alt=""
                             title="${cases.id}"/></p>
                </div>
            </c:forEach>
        </div>
    </div>
</div>


<div class="news">
    <div class="main">
        <span class="newstex absolute txtbgab trup">news</span>
        <div class="pro_tal">
            <div class="colutel textcent aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="zoom-in">
                <p class="colutelcn">新闻动态</p>
                <p class="colutelen">News information</p>
            </div>
            <div class="newsxt_list">
                <div class="newsxt_list_ne">
                    <c:forEach var="itme1" items="${news.list}">
                        <div class="newsxt_le">
                            <div class="newsxt_imtl aos-animate" data-aos-duration="300" data-aos-delay="100"
                                 data-aos="fade-right">
                                <div class="new_tlimg"><a
                                        href="${pageContext.request.contextPath}/${pageContext.request.contextPath}/new.html/${itme1.id}/${itme1.id}"><img
                                        class="new_imge" src="images/news01.jpg"
                                        alt=""></a></div>
                                <div class="new_tldat">
                                    <c:forEach var="val" begin="2" end="2" items="${fn:split(itme1.date,'-')}">
                                        ${val}
                                    </c:forEach>
                                    </p>
                                    <p class="new_datm">
                                        <c:forEach var="val" begin="1" end="1" items="${fn:split(itme1.date,'-')}">
                                            ${val}月
                                        </c:forEach>
                                </div>
                            </div>
                            <div class="newsxt_txtl aos-animate" data-aos-duration="300" data-aos-delay="100"
                                 data-aos="fade-left">
                                <p class="new_tllit"><a
                                        href="${pageContext.request.contextPath}/new.html/${itme1.id}">${itme1.title}</a>
                                </p>
                                <p class="new_tlcom"><span class="new_comda"><i class="new_comico new_icod01"><img
                                        src="images/newdata2x.png" alt=""></i>${itme1.date}</span><span
                                        class="new_comcc"><i
                                        class="new_comico new_icod02"><img src="images/newuser2x.png"
                                                                           alt=""></i>${itme1.author}</span>
                                </p>
                                <div class="new_tltex"><a
                                        href="${pageContext.request.contextPath}/new.html/${itme1.id}">国务院2014年9月颁发高考改革方案，提出“两依据、一参考”的升学标准，探索基于统一高考和高中学业水平考试成绩、参考综合素质评价的多元录取机制，2017年起将面向全国推进。</a>
                                </div>
                            </div>
                            <div class="cl"></div>
                        </div>
                        <div class="cl"></div>
                    </c:forEach>
                </div>
                <div class="newsxt_list_ne">
                    <div class="cl"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="contactxt">
    <div class="contact fl">
        <span class="contacttex absolute txtbgab trup">Contact</span>
        <div class="pro_cont aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="fade-up">
            <p class="contcom">商业计划书请投递至</p>
            <div class="contcomsr">
                <input class="contcomsrinp" id="prospectus" name="" type="text" placeholder="wq@chinaseeq.com">
                <a class="contcombtn" href="#" onclick="return sends()">立即发送</a>
            </div>
        </div>
    </div>
    <div class="joinus fr">
        <span class="joinustex absolute txtbgab trup">Joinus</span>
        <div class="pro_cont aos-animate" data-aos-duration="300" data-aos-delay="100" data-aos="fade-up">
            <p class="contcom">欢迎您加入昊古，简历请投递至</p>
            <div class="contcomsr">
                <input class="contcomsrinp" name="" id="resume" type="text" placeholder="chf@chinaseeq.com">
                <a class="contcombtn" href="#" onclick="return sends1()">立即发送</a>
            </div>
        </div>
    </div>
    <div class="cl"></div>
</div>

<div class="foot">
    <div class="main">
        <div class="footcopy">Copyright &copy; 2017 昊古资本 沪ICP备14003493号-9 powered by jzdsh</div>
        <div class="cl"></div>
    </div>
</div>

<div class="mask mask1">

    <div class="maskal">
        <div class="maskbg"></div>
        <div class="maskblk">
            <div class="maskticl"><span>×</span></div>
            <div class="masktex">
                <div class="masklog"><img src="" alt="" id="img">
                </div>
                <div class="masktil" id="cname"></div>
                <div class="masksrc"><a href="#" id="cname1"></a></div>
                <div class="masktal">
                    <p id="context"></p>
                </div>
            </div>
        </div>
    </div>

</div>

<div class="mask mask2">

    <div class="maskal">
        <div class="maskbg"></div>
        <div class="maskblk">
            <div class="maskticl"><span>×</span></div>
            <div class="masktex">
                <div class="teampeo">
                    <div class="teampeo_img"><img src="" alt="" id="img1"></div>
                    <p class="teampeo_name pdt20" id="tname"></p>
                    <p class="teampeo_pos pdb20" id="tposition"></p>
                    <div class="teampeo_honor" id="tdescribe"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 代码部分end -->

<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/aos.js"></script>
<script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/main.js"></script>


<script type="text/javascript">

    function sends() {
        if ($("#prospectus").val() != '') {
            window.location.href = "${pageContext.request.contextPath}/addUser?name=" + $("#prospectus").val();
            alert("投递成功");
            return true;
        }
        alert("请您输入邮箱");
        return false;
    }

    function sends1() {
        if ($("#resume").val() != '') {
            window.location.href = "${pageContext.request.contextPath}/addUser?phone=" + $("#resume").val();
            alert("投递成功");
            return true;
        }
        alert("请您输入邮箱");
        return false;
    }

    function maskck() {
        var htmltop;
        $(".exampicoim").on("click", function () {
            var str = ($(this).attr("class")).split(" ");
            $.post("${pageContext.request.contextPath}/getCasesById.html", {"id": str[1]}, function (data1) {
                var str = eval("(" + data1 + ")");
                $("#img").attr("src", "${pageContext.request.contextPath} /" + str.data.img);
                $("#cname").html(str.data.cname);
                $("#cname1").html(str.data.cname);
                $("#context").html(str.data.content);
            })
            htmltop = $("html").scrollTop();
            $("html").addClass("ovhide");
            $(".mask1").show();
        })
        $(".teamdolstft li").on("click", function () {
            var str = ($(this).attr("id"));
            $.post("${pageContext.request.contextPath}/getTeamById.html", {"id": str}, function (data1) {
                var str = eval("(" + data1 + ")");
                console.log(str)
                $("#img1").attr("src", "${pageContext.request.contextPath}/" + str.data.headimg);
                $("#tname").html(str.data.tname);
                $("#tposition").html(str.data.tposition);
                $("#tdescribe").html(str.data.describes);
            });
            htmltop = $("html").scrollTop();
            $("html").addClass("ovhide");
            $(".mask2").show();
        })
        $(".maskticl span").on("click", function () {
            $("html").removeClass("ovhide");
            $("html").scrollTop(htmltop);
            $(".masktex").scrollTop(0);
            $(".mask").hide();
        })
        $(".maskbg").on("click", function () {
            $("html").removeClass("ovhide");
            $("html").scrollTop(htmltop);
            $(".masktex").scrollTop(0);
            $(".mask").hide();
        })
    }

    (function () {
        AOS.init({});
        maskck();
    }());
</script>

<div id="footfix">
    <div id="close" class="close">点击收起</div>
    <div class="footfix">
        <div class="lian">
            <p>地址：${mycompany.address}</p>
            <p>电话：${mycompany.phone}</p>
            <p>邮箱：${mycompany.emil}</p>
        </div>
        <div class="shu">
            <form action="${pageContext.request.contextPath}/insertSubscribe" onsubmit="return chenkform()">
                <input class="ipt" type="text" name='sname' id='name' size="20" placeholder="请输入中文名"
                       style=" background: #fff url(images/i1.gif) no-repeat 10px center; margin-right: 30px;"/>
                <input class="ipt" maxlength="11" type='text' name='sphone' id='phone' size="20"
                       placeholder="请输入11位手机号"
                       style=" background: #fff url(images/i2.gif) no-repeat 10px center; margin-right: 30px;"/>
        </div>
        <div class="sub">
            <input class="cli" type="submit" name="submit" value="预 约 咨 询"/>
        </div>
        </form>
    </div>
</div>
<div id="footfix1">
    <div id="open" class="close">点击展开</div>
    <div class="footfix1">
        <div class="lian1">
            <p>
                地址：${mycompany.address} &nbsp;&nbsp; 电话：${mycompany.phone} &nbsp;&nbsp; 邮箱：${mycompany.emil}
            </p>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#close").click(function () {
            $("#footfix").hide();
            $("#footfix1").show();
        });
        $("#open").click(function () {
            $("#footfix1").hide();
            $("#footfix").show();
        });
    });
</script>

<div id="rightArrow"><a href="javascript:;" title="在线客户"></a></div>
<div id="floatDivBoxs">
    <div class="floatDtt"><img src="images/icode.png" alt="">在线客服</div>
    <div class="floatShadow">
        <ul class="floatDqq">
            <li><a target="_blank" href="tencent://message/?uin=253488673&Site=sc.chinaz.com&Menu=yes"><img
                    src="images/qq.png" align="absmiddle">在线客服1号</a></li>
            <li><a target="_blank" href="tencent://message/?uin=961416811&Site=sc.chinaz.com&Menu=yes"><img
                    src="images/qq.png" align="absmiddle">在线客服2号</a></li>
        </ul>
    </div>
</div>
<script>

    function chenkform() {
        if ($("#name").val() == '') {
            alert("请输入姓名");
            return false;
        }
        if ($("#phone").val() == '') {
            alert("请输入电话");
            return false;
        }
        alert("预约成功");
        return true;
    }

    $(function () {
        var flag = 0;
        $('#rightArrow').on("click", function () {
            if (flag == 1) {
                $("#floatDivBoxs").animate({right: '-155px'}, 300);
                $(this).animate({right: '-5px'}, 300);
                $(this).css('background-position', '-45px 0');
                flag = 0;
            } else {
                $("#floatDivBoxs").animate({right: '0'}, 300);
                $(this).animate({right: '150px'}, 300);
                $(this).css('background-position', '0px 0');
                flag = 1;
            }
        });
    });
</script>

</body>
</html>