linch
/
www.x-motion.cn


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
							<!DOCTYPE html>
<html>
<head lang="en">
    <include file="./Application/Home/View/Common/head_include.html" />
    <title>赛车模拟器价格_赛车游戏模拟器_F1赛车模拟器_VR赛车-厦门欣富地智能科技有限公司</title>
    <script type="text/javascript" src="/Public/static/home/js/html5media.min.js"></script>
</head>
<body>
<include file="./Application/Home/View/Common/head.html" />
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
        <!--<li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li>-->
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <div >
                <a href="http://www.x-motion.cn/about/new_detail/id/64/type/2">
                    <img class="d-block w-100" src="https://img.x-motion.cn/home/image/home_banner5.jpg" alt="Second slide">
                </a>
            </div>
        </div>
        <div class="carousel-item ">
            <div>
                <a href="{:U('about/product')}">
                    <img class="d-block w-100" src="https://img.x-motion.cn/home/image/product.png" alt="First slide" id="first-slide">
                </a>
                <div id="video_product">
                    <a id="video_button" data-src="https://img.x-motion.cn/home/video/magic_speed_racing_01.mp4" href="javascript:void(0)">
                        <img src="https://img.x-motion.cn/home/image/video1.jpg" id="video">
                    </a>
                    <a href="{:U('about/product')}">
                        <img src="https://img.x-motion.cn/home/image/productDetails.jpg" id="product-detail">
                    </a>
                </div>
                <div style="clear: both;"></div>
            </div>
        </div>
        <!--<div class="carousel-item">-->
            <!--<div >-->
                <!--<a href="{:U('about/join')}">-->
                    <!--<img class="d-block w-100" src="https://img.x-motion.cn/home/image/home_banner3.jpg" alt="Second slide">-->
                <!--</a>-->
            <!--</div>-->
        <!--</div>-->
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" style="background-image:url(https://img.x-motion.cn/home/image/left.png)" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" style="background-image:url(https://img.x-motion.cn/home/image/right.png)" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<div>
    <ul class="ulstyle">
        <li class="listyle">
            <a href="{:U('about/product')}">
                <div class="news">
                    <img src="https://img.x-motion.cn/home/image/new1.jpg" class="imgstyle">
                    <div class="newsText">
                        <div class="newTitle">体感/VR/力反馈</div>
                        <hr class="hrClass">
                        <div class="newContent">了解幻速专业设计与全新科技</div>
                    </div>
                </div>
            </a>
        </li>
        <li class="new2 listyle">
            <a href="{:U('about/store')}">
                <div class="news">
                    <img src="https://img.x-motion.cn/home/image/new2.jpg" class="imgstyle">
                    <div class="newsText">
                        <div class="newTitle">全国线下体验店</div>
                        <hr class="hrClass">
                        <div class="newContent">踩过油门，才懂得速度。尝试漂移，身体力行。</div>
                    </div>
                </div>
            </a>
        </li>
        <li class="listyle">
            <a href="javascript:void(0);">
                <div class="news">
                    <img src="https://img.x-motion.cn/home/image/new3.jpg" class="imgstyle">
                    <div class="newsText">
                        <div class="newTitle">主题挑战赛</div>
                        <hr class="hrClass">
                        <div class="newContent">挑战全世界的赛车手</div>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
<div class="clear"></div>

<include file="./Application/Home/View/Common/footer.html" />

</body>
<script src="http://s20.cnzz.com/stat.php?id=3992412&web_id=3992412&show=pic" language="JavaScript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        window.onresize = function () {
            set_position();
        };
        $('#video_button').on('click', function(){
            var url = $(this).attr('data-src');
            var html = '<div class="video_div_back"> <div class="video_div_shadow"></div><div class="video_div"> <video autoplay="autoplay" class="video_mp4" src="' + url +'" width="768" height="432" controls autobuffer></video> </div> </div>';
            $('body').append(html);
        });
        $(document).on('click', '.video_div_shadow', function(){
            $('.video_div_back').remove();
        });
    });
    function set_position() {
        var initial_width = 1920;
        var limit_width = 1240;
        var width = $(window).width();
        if(width < limit_width) {
            width = limit_width;
        }
        var video_top = -310;
        var video_left = 360;
        var video_product = $('#video_product');
        $(video_product).css('margin-top', video_top * width / initial_width);
        $(video_product).css('left', video_left * width / initial_width);
    }
    window.onload = function () {
        set_position();
    };
    set_position();
</script>
</html>