qiushang
/
xingyou


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!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)
                <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>