<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>长久汽车</title>
    <meta name="keywords" content="FH admin WEB"/>
    <meta name="description" content="FH admin WEB">
    <meta name="author" content="changjiu">
    <link rel="icon" href="template/fh_static_3/images/favicon.ico">

    <!-- core CSS -->
    <link href="template/fh_static_3/css/bootstrap.min.css" rel="stylesheet">
    <link href="template/fh_static_3/css/font-awesome.min.css" rel="stylesheet">
    <link href="template/fh_static_3/css/prettyPhoto.css" rel="stylesheet">
    <link href="template/fh_static_3/css/main.css" rel="stylesheet">
    <link href="template/fh_static_3/css/responsive.css" rel="stylesheet">
    <link href="template/fh_static_3/css/owl.carousel.css" rel="stylesheet">
    <link href="template/fh_static_3/css/owl.theme.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="static/ace/css/common.css"/>
    <link rel="stylesheet" href="static/ace/css/index.rem.css"/>
    <script src="template/fh_static_3/js/common.js"></script>
    <script src="template/fh_static_3/js/jquery-3.6.0.js"></script>
    <script src="template/fh_static_3/js/flexible.js"></script>
    <link href="template/fh_static_3/css/common.css" rel="stylesheet">
    <link href="template/fh_static_3/css/top.css" rel="stylesheet">
</head>

<div id="bkbg">
    <!-- 轮播图 -->
    <div class="indexBox">
        <div class="rotation flex-col">
            <div class="group0-1 flex-col">
                <div class="group0-2 flex-row">
                    <img class="pic0-0" referrerpolicy="no-referrer"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/changjiuqiche.png"/>
                    <a href="index.html" class="text0-0 nav_active">长久汽车</a>
                    <a href="webaboutus.html" class="text0-1">关于我们</a>
                    <a href="webaboutus4.html" class="text0-2">核心业务</a>
                    <a href="webaboutus7.html" class="text0-3">在售车型</a>
                    <a href="webnews.html" class="text0-4">新闻中心</a>
                    <a href="webcooperation.html" class="text0-5">乐途车友会</a>
                    <a href="webnews2.html" class="text0-6">加入我们</a>
                    <a href="http://www.changjiu.com.cn/" class="text0-7">集团官网</a>
                </div>
            </div>
            <div class="group1-1 flex-col">
                <div class="group1-2 flex-row">
                    <div class="block0 flex-col justify-center" onclick="window.location.href='webaboutus7.html'">
                        <span class="text1-1">新车上线</span>
                        <img class="pic1-0" referrerpolicy="no-referrer"
                             src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/xincheshangxian.png"/>
                    </div>
                    <img class="pic1-1" referrerpolicy="no-referrer"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/shuxian.png"/>
                    <div class="block0 flex-col justify-center" onclick="window.location.href='webcontactus.html'">
                        <span class="text1-2">4S店查询</span>
                        <img class="pic1-2" referrerpolicy="no-referrer"
                             src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/4sdianchaxun.png"/>
                    </div>
                    <img class="pic1-3" referrerpolicy="no-referrer"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/shuxian.png"/>
                    <div class="block0 flex-col justify-center" onclick="window.location.href='webnews3.html'">
                        <span class="text1-3">预约试驾</span>
                        <img class="pic1-4" referrerpolicy="no-referrer"
                             src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/yuyueshijia.png"/>
                    </div>
                    <img class="pic1-5" referrerpolicy="no-referrer"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/shuxian.png"/>
                    <div class="block0 flex-col justify-center" onclick="window.location.href='webaboutus3.html'">
                        <span class="text1-4">官方认证二手车</span>
                        <img class="pic1-6" referrerpolicy="no-referrer"
                             src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/guanfangrenzhengershouche.png"/>
                    </div>
                </div>
            </div>
            <ul id="num">
                <li class="active"></li>
                <li class=""></li>
                <li class=""></li>
                <li class=""></li>
            </ul>
            <ul id="pic">
                <li style="display: block;"><img
                            src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220602/8fcd0d795b2843fcade42d11267bdc63.jpg"
                            alt="">
                </li>
                <li style="display: none;"><img
                            src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220602/25fe8fec575a41bfacf42fd2a5fd1d61.png"
                            alt=""></li>
                <li style="display: none;"><img
                            src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220602/788720c2979046e0838631bb0c5580b0.png"
                            alt="">
                </li>
                <li style="display: none;"><img
                            src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220602/c07a4e3f998845e683b295c7e0b689a3.png"
                            alt=""></li>
            </ul>
        </div>
    </div>
    <div id="main-slide" class="carousel slide" data-ride="carousel">
        <div style=" text-align: center;width: 100%;height: 100%;">
        </div>
        <div class="style0">
            <div class="style2"></div>
            <div class="style3">
                <a class="text1">4S店近
                    <a class="text2"> 80</a>
                    <a class="text1">家</a>
                </a>
                <a class="text1" style="margin-left:2.5rem;">业务覆盖</a>
                <a class="text2">13</a>
                <a class="text1">个省直辖市 </a>
            </div>
            <div class="style4">
                <a class="text1">员工</a><a class="text2">5500</a><a class="text1">名</a>
                <a class="text1" style="margin-left:1.8rem;">主营品牌</a><a class="text2">14</a><a class="text1">个 </a>
            </div>
            <div class="style5">
                <a class="text1">年整销量</a><a class="text2">19万</a><a class="text1">台</a>
            </div>
        </div>
    </div>
</div>


<style type="text/css">
    .text1 {
        font-size: 0.8rem;
        color: #2F2F2F;
        font-family: '微软雅黑 Light';
        font-weight: bold;
    }

    .text2 {
        font-size: 1.75653rem;
        color: #2F2F2F;
        font-family: '微软雅黑 Light';
        font-weight: bold;
        color: #FF8F00;
    }

    .style0 {
        background: url(http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220602/de9056b061884d51b3235b356e22553f.jpg) 0px 0px no-repeat;
        background-size: 100% 100%;
        width: 51.2rem;
        height: 22.45333rem;
    }

    .style1 {
        position: relative;
        left: 30%;
        top: 4rem;
        height: 41%;
        width: 41%;;
        white-space: nowrap;
        opacity: 0.6;
    }

    .style2 {
        font-size: 2rem;
        color: #080000;
        font-family: '微软雅黑 Light';
        width: 9.94666rem;
        height: 2.8rem;
        overflow-wrap: break-word;
        color: rgba(22, 22, 22, 1);
        font-size: 1.28rem;
        font-family: DOUYUFont;
        text-align: center;
        white-space: nowrap;
        line-height: 1.28rem;
        display: block;
        background: url(http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/hexinshuju.png) 0px 0px no-repeat;
        margin-top: 4.18666rem;
        margin-left: 24.29333rem;
        position: absolute;
        background-size: 100% 100%;
    }

    .style3 {
        white-space: nowrap;
        margin: 9.86666rem 0 0 24.10666rem;
        position: absolute
    }

    .style4 {
        white-space: nowrap;
        margin: 12.21333rem 0 0 24.10666rem;
        position: absolute;
    }

    .style5 {
        white-space: nowrap;
        margin: 14.64rem 0 0 24.10666rem;
        position: absolute;
    }
</style>

<div style=" text-align: center;">
    <a>
        <img class="aligncenter" style="width: 100%;height: 100%; "
             src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220602/79195fe0b2f34d779c33d1726adac6d9.png">
    </a>
</div>

</div>


<section id="recent-works">
    <div class="container news_box" id="news_box2">
        <div class="news_item" onclick="window.open('webnewsdetail.html?NEWID=7d48d871863145c58a2372a76a0905e5')">
            <img class="news_back"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/index-new3.png"
                 alt="">
            <img class="news_company"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/gongsixinwen.png"
                 alt="">
            <img class="news_more"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/arrow.png"
                 alt="">
            <div class="news_title">危机.聚变.共享 长久汽车第一季度经营会顺利召开</div>
            <div class="news_content">危机.聚变.共享 长久汽车第一季度经营会顺利召开</div>
        </div>
        <div class="news_item" onclick="window.open('webnewsdetail.html?NEWID=7722bdc4c8f5458481883a116f77c3a2')">
            <img class="news_back"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/index-new2.png"
                 alt="">
            <img class="news_company"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/gongsixinwen.png"
                 alt="">
            <img class="news_more"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/arrow.png"
                 alt="">
            <div class="news_title">【东风本田】桂林长久鑫广达4S店 盛大开业！！</div>
            <div class="news_content">【东风本田】桂林长久鑫广达4S店 盛大开业！！</div>
        </div>
        <div class="news_item" onclick="window.open('webnewsdetail.html?NEWID=725479d063074aeb9acd36323c1a980c')">
            <img class="news_back"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/index-new1.png"
                 alt="">
            <img class="news_company"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/gongsixinwen.png"
                 alt="">
            <img class="news_more"
                 src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/arrow.png"
                 alt="">
            <div class="news_title">长久汽车2019年“金融专家”认证项目圆满落幕</div>
            <div class="news_content">不负过去，不畏将来。</div>
        </div>


    </div>
    <div style="width: 37.83rem;margin: 0 auto; ">
        <div class="news_btn" onclick="window.open('webnews.html')">了解详情</div>
    </div>

</section>

<!-- footer 包含底部 -->
<footer id="footer">
    <div class="box0-0 flex-col">
        <div class="box0-1 flex-row">
            <div class="section0-1 flex-col">
                <div class="box1-0 flex-row justify-between">
                    <img class="img0-0" referrerpolicy="no-referrer"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220608/256b0408db364851a7412fe87583c42a.png"/>
                    <span class="info0-0">长久汽车总部</span>
                </div>
                <div class="box1-1 flex-row justify-between">
                    <img class="img1-0" referrerpolicy="no-referrer"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220608/4f50615aeb3045bf98afff622384316d.png"/>
                    <span class="info1-0">长久汽车热线</span>
                </div>
                <div class="box1-2 flex-row justify-between">
                    <img class="img2-1-0" referrerpolicy="no-referrer"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220608/91739a46fb0c4552b266e76767c14e73.png"/>
                    <div class="box1-3 flex-col">
                        <span class="info2-0">关注长久</span>
                    </div>
                </div>
            </div>
            <div class="section0-2 flex-col">
                <span class="info0-1">北京市朝阳区石各庄路99号</span>
                <span class="info1-1">010-65732999</span>
                <div class="box2-0 flex-row">
                    <img id="douyin" class="img2-1" referrerpolicy="no-referrer" onclick="douyin()"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220608/ac833af783334607bcc65f47c2c070eb.png"/>
                    <img id="weixin" class="img2-2" referrerpolicy="no-referrer" onclick="weixin()"
                         src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220608/d579dfc51f924c14ba614b3644746953.png"/>
                </div>
            </div>
            <div class="section0-3 flex-col justify-between">
                <img class="img3-0" referrerpolicy="no-referrer"
                     src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/jituangongzhonghao.png"/>
                <div class="box3-0 flex-col">
                    <span class="info3-0">集团公众号</span>
                </div>
            </div>
            <div class="section0-4 flex-col justify-between">
                <img class="img3-1" referrerpolicy="no-referrer"
                     src="http://www.changjiuqiche.com/uploadFiles/uploadImgs/20220608/7334d373d7144fc28e07d926a6738454.png"/>
                <div class="box3-1 flex-col">
                    <span class="info4-0">企业公众号</span>
                </div>
            </div>
            <div id="qrCode" class="section0-5 flex-col">
            </div>
        </div>
        <div style="font-size:0.4rem;margin-top:3rem;text-align: center;">
        <a href="http://beian.miit.gov.cn/"> ©长久集团版权所有
            吉ICP备05000317号-8</a>
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502054574" target="_blank">						
						<img src="https://beian.mps.gov.cn//img/logo01.dd7ff50e.png" style="width: 14px;">
						京公网安备11010502054574号</a>
		</div>
    </div>
</footer>

<script type="text/javascript">
    // window.onload = function () {
    //     $('#qrCode').hide();
    // }
    //
    function douyin() {
        $('#qrCode').show();
        $('#qrCode').attr("style", "background: url(http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/douyin2.png) -0.054rem 0rem no-repeat;background-size: 4.56rem 4.86rem;");
        $('#douyin').attr("src", "http://www.changjiuqiche.com/uploadFiles/uploadImgs/images/bottom/orangeDouyin.png");
        $('#weixin').attr("src", "http://www.changjiuqiche.com/uploadFiles/uploadImgs/images/bottom/weixin.png");
    }

    function weixin() {
        $('#qrCode').show();
        $('#qrCode').attr("style", "left:9.134rem;background: url(http://www.changjiuqiche.com/uploadFiles/uploadImgs/pcImage/weixin2.png) -0.054rem 0rem no-repeat;background-size: 4.56rem 4.86rem;");
        $('#weixin').attr("src", "http://www.changjiuqiche.com/uploadFiles/uploadImgs/images/bottom/orangeWeixin.png");
        $('#douyin').attr("src", "http://www.changjiuqiche.com/uploadFiles/uploadImgs/images/bottom/douyin.png");
    }

    // //点击空白处隐藏弹出层
    $(document).click(function (event) {
        // 设置目标区域
        var douyin = $('#douyin');
        var weixin = $('#weixin');
        if (!douyin.is(event.target) && douyin.has(event.target).length === 0 &&
            !weixin.is(event.target) && weixin.has(event.target).length === 0) {
            $('#qrCode').hide();
            $('#douyin').attr("src", "http://www.changjiuqiche.com/uploadFiles/uploadImgs/images/bottom/douyin.png");
            $('#weixin').attr("src", "http://www.changjiuqiche.com/uploadFiles/uploadImgs/images/bottom/weixin.png");
        }
    });
</script>

<!-- footer 包含底部  -->

</div>

<script type="text/javascript" src="template/fh_static_3/js/jquery.js"></script>
<script type="text/javascript" src="template/fh_static_3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="template/fh_static_3/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="template/fh_static_3/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="template/fh_static_3/js/owl.carousel.js"></script>
<script type="text/javascript" src="template/fh_static_3/js/main.js"></script>

<script type="text/javascript">
    $(window).load(function () {
        $("#index").addClass("active");

        var first = $('.news_box').find('.news_item')[0]
        $(first).addClass('news_item_active')

        // $('#news_box2').hide()
        // $('#news_box1').show()
    });

    $('.news_box').mouseleave(function () {
        console.log($('.news_box').find('.news_item'))
        console.log($('.news_box').find('.news_item')[0])
        var first = $('.news_box').find('.news_item')[0]
        $(first).addClass('news_item_active')
    })
    $('.news_item').mouseover(function () {
        $('.news_box').find('.news_item').removeClass('news_item_active')
        $(this).addClass('news_item_active')
    })
    $('.news_item').mouseout(function () {
        $(this).removeClass('news_item_active')
    })

    // $('#new_box_box').mouseout()
</script>

<style type="text/css">
    .news_box {
        width: 37.56rem;
        margin: 0 auto;
        font-size: 0;
        padding: 0;
        line-height: initial;
    }

    .news_item {
        width: 10rem;
        height: 13.95rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
    }

    .news_back {
        height: 100%;
    }

    .news_company {
        width: 6.67rem;
        position: absolute;
        bottom: 1.73rem;
        left: 50%;
        transform: translateX(-58%);

    }

    .news_more {
        width: 0.77rem;
        position: absolute;
        bottom: 2.91rem;
        right: 0.51rem;
    }

    .news_title {
        position: absolute;
        display: none;
        bottom: 3.44rem;
        width: 13.49rem;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.8rem;
        color: #FFF;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 0.8rem;

    }

    .news_content {
        position: absolute;
        display: none;
        bottom: 2.24rem;
        width: 13.49rem;
        left: 50%;
        transform: translateX(-50%);
        color: #FFF;
        font-size: 0.8rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 0.8rem;
    }

    .news_item_active {
        width: 17.56rem;
    }

    .news_item_active .news_company {
        top: 1.95rem;
        left: 1.55rem;
        transform: none;
    }

    .news_item_active .news_title {
        display: block;
    }

    .news_item_active .news_content {
        display: block;
    }

    .news_btn {
        width: 4.35rem;
        height: 1.04rem;
        background: #FF8F00;
        font-size: 0.88rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        text-align: center;
        line-height: 1.04rem;
        margin-top: 2.13rem;
    }
</style>
</body>
</html>
