qiushang
/
xingyou


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
							<!DOCTYPE html>
<html>

<head>
    <title>星优办公软件-专业的办公软件开发和发行商-旨在提高办公效率</title>
    <meta name="keywords" content="星优办公软件;星优文件名管理器;星优图片处理大师;星优电子书助手;星优汉字注音器;星优文件压缩器;星优音频助手;星优视频大师">
    <meta name="description"
        content="星优办公软件专注于办公软件的开发和发布，已经为百万用户提供服务，提高工作效率，目前旗下软件有：星优办公软件、星优文件名管理器、星优图片处理大师、星优电子书助手、星优汉字注音器、星优文件压缩器、星优音频助手、星优视频大师等，欢迎大家下载使用。">
    @include('home.http.common.head')
    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
    <style>
        .head {
            background: none;
        }
    </style>
</head>

<body>
    <div class="header">
        @include('home.http.common.header')
    </div>
    <div style="height: 68px;"></div>

    @include('home.http.common.banner')

    <div style="background-color: #4b69e9;">
        <div class="width-1200" style="padding: 100px 0 120px;">
            <div class="index-title" style="color: #fff; font-weight: 600;margin-bottom: 60px;">
                <div style="font-size: 16px;">Our Services</div>
                <div style="font-size: 32px; ">我们让事情变得更简单</div>
            </div>
            <div class="flex-between">
                <div class="why-item">
                    <img src="/static/images/icon-index1.png" class="why-img" />
                    <p class="why-title">绿色安全</p>
                    <p class="why-desc">安全可靠，无插件无广告</p>
                </div>
                <div class="why-item">
                    <img src="/static/images/icon-index2.png" class="why-img" />
                    <p class="why-title">操作简单</p>
                    <p class="why-desc">操作便捷，快速上手</p>
                </div>
                <div class="why-item">
                    <img src="/static/images/icon-index4.png" class="why-img" />
                    <p class="why-title">免费升级</p>
                    <p class="why-desc">软件享受免费升级服务</p>
                </div>
                <div class="why-item">
                    <img src="/static/images/icon-index3.png" class="why-img" />
                    <p class="why-title">专业支持</p>
                    <p class="why-desc">提供专业的技术支持</p>
                </div>
            </div>
        </div>
    </div>

    <div>
        <div class="width-1200" style="padding: 100px 0;">
            <div class="index-title" style="font-weight: 600;margin-bottom: 60px;">
                <div style="font-size: 16px;">Our Products</div>
                <div style="font-size: 32px; ">软件产品</div>
            </div>
            <div class="flex-start" style="flex-wrap: wrap;">
                @foreach ($productList as $item)
                    @if ($item->id !== 12 && $item->id !== 13 && $item->id !== 17)
                        <div class="overflow" style="width: 20%; text-align: center; margin-bottom: 50px;">
                            <img src="{{ 'https://www.xingyousoft.com' . $item->logo }}"
                                style="width: 80px;height: 80px; border-radius: 10px;" />
                            <p style="margin: 20px 0 10px; font-weight: 600">{{ $item->title }}</p>
                            <a style="display: inline-block;"
                                href="{{ 'https://xy.xingyousoft.com/soft/' . $item->domain_prefix . '/' . $item->domain_prefix . '_XY.exe' }}">
                                <div class="a-btn-download">点击下载</div>
                            </a>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>

    <div style="background-color: #2f3036;">
        <div class="width-1200" style="padding: 100px 0 120px;">
            <div class="index-title" style="color: #fff; font-weight: 600;margin-bottom: 40px;">
                <div style="font-size: 16px;">News</div>
                <div style="font-size: 32px; ">软件使用教程</div>
            </div>
            <div class="flex-between" style="color: #fff; flex-wrap:wrap;">
                @foreach ($newsList as $item)
                    <div class="overflow" style="width: 33.3%; margin-bottom: 15px;">
                        <img src="/static/images/icon-news.png" style="width: 30px; margin-right: 10px;" />
                        <a class="coa-item overflow" href="{{ '/news/detail/' . $item->mid }}">
                            {{ $item->title }}
                        </a>
                    </div>
                @endforeach

                <a style="margin: 20px auto 0;" href="{{ toRoute('help') }}">
                    <div class="a-btn-download">查看更多</div>
                </a>
            </div>
        </div>
    </div>

    <div>
        <div class="width-1200" style="padding: 140px 0;">
            <div class="flex-between">
                <div class="flex-between" style="width: 49%; position: relative;">
                    <div style="width: 47%;">
                        <div class="ab-item">
                            <img class="ab-img" src="/static/images/about-img1.jpg" alt="" />
                        </div>
                        <div class="ab-item">
                            <img class="ab-img" src="/static/images/about-img3.jpg" alt="" />
                        </div>

                    </div>
                    <div style="width: 47%;">
                        <div class="ab-item">
                            <img class="ab-img" src="/static/images/about-img4.jpg" alt="" />
                        </div>
                        <div class="ab-item">
                            <img class="ab-img" src="/static/images/about-img2.jpg" alt="" />
                        </div>
                    </div>
                    <div class="ab-block">
                        <div>聚焦</div>
                        <div style="font-size: 28px;">软件服务</div>
                    </div>
                </div>
                <div style="width: 49%; color:#343c55;">
                    <div style="font-size: 16px; text-align: center; font-weight: 700;">About Us</div>
                    <div style="font-size: 50px; font-weight: 600; text-align: center;">我们让事情变得更简单</div>
                    <div style="padding: 45px; color: #646d8a; line-height: 33px;">
                        专注于电脑软件，产品丰富，在行业内积累了丰富的经验，产品和服务在业内有着独特且领先的核心竞争力！
                    </div>
                    <div class="abo-item flex-start">
                        <div style="width: 50%;">
                            <img class="icon-ab" src="/static/images/icon-about1.png" alt="" />
                            <div class="abo-title">开发人员提供技术支持</div>
                        </div>
                        <div style="width: 50%;">
                            <img class="icon-ab" src="/static/images/icon-about2.png" alt="" />
                            <div class="abo-title">实现自动化解决方案</div>
                        </div>
                    </div>
                    <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
                        <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt="" />
                        <span style="line-height: 35px; padding-left: 10px;">专注数据安全领域，扫码登陆保护隐私，注重保护个人数据安全</span>
                    </div>
                    <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
                        <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt="" />
                        <span style="line-height: 35px; padding-left: 10px;">专注办公软件领域，提供关于图片/文档/音视频等多功能服务</span>
                    </div>
                    <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
                        <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt="" />
                        <span style="line-height: 35px; padding-left: 10px;">以技术研发作为第一生产力，提供更多软件服务</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('home.http.common.footer')

    <script>
        new Swiper('.swiper-container', {
            loop: true,
            // 如果需要分页器
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            }
        })
    </script>
</body>

</html>