qiushang
/
xingyou


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<!DOCTYPE html>
<html>

<head>
    @include('home.http.common.head')
    <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
    <link href="/static/compress/compress.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
    <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
    <script type="text/javascript" src="/static/js/babel.min.js"></script>
    <script type="text/javascript" src="/static/js/vue.min.js"></script>
    <script type="text/javascript" src="/static/js/iview.min.js"></script>
    <script src="/static/js/utils.js"></script>
    <script src="/static/js/config.js"></script>

    <style>
        .nav-ebook {
            position:absolute;
            right:0px;
            top:9px;
            color: #fff;
        }

        .nav-ebook-link li {
            padding: 5px 0;
            float: left;
        }

        .nav-ebook-link li+li {
            margin-left: 70px;
            position: relative;
        }

        .nav-ebook-link li a {
            font-size: 16px;
            color: #fff;
            line-height: 48px;
            display: block;
            position: relative;
        }

        .nav-ebook-link li a:hover {
            color: #fff;
        }

        .nav-ebook-link li a:hover::after {
            content: "";
            position: absolute;
            bottom: 0;
            width: 50%;
            left: 25%;
            height: 4px;
            background-color: #fff;
            border-radius: 4px;
        }

        .nav-ebook-link li+li::after {
            content: "";
            position: absolute;
            left: -32px;
            height: 20px;
            top: 50%;
            margin-top: -10px;
            border-left: 1px solid #EDEDED;
        }
    </style>
</head>

<body>
    <div class="header">
        @include('home.http.common.header')
    </div>
    <div id="app">
        <!--- 首頁輪播 --->
        <div class="index-banner head">
            <div class="w1024">
                <div class="logolay">
                    <img src="/static/audio/icon.png" style="width: auto;">
                    <span>星优办公软件</span>
                </div>
                <div class="nav-ebook">
                </div>

                <div class="leftword">
                    <h1>星优文件压缩器</h1>
                    <p class="word1">图片、音频、视频压缩<br>PDF、WORD、PPT压缩<br>一键式拖拽文件到软件中，批量压缩效率更高
                        <a class="btn1 btnactive js-down ebook-down-btn" href="https://xy.xingyousoft.com/soft/XYCompress/XYCompress_XY.exe"><span style="color: #347aeb;">立即下载</span></a>
                    </p>
                    <p class="word2">版本号：v2.1.0.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
                    <p class="word2">更新时间：2024-06-20 &nbsp;适合系统：Win7/Win10/Win11</p>
                </div>
                <img class="rightgif" src="/static/compress/1.jpg">
            </div>
        </div>

        <div class="fun-compress-box">
			<h1>功能展示</h1>
			<div class="func-cont">
				<ul class="wow flipInX">
					<li>
						<img src="/static/compress/picture.png" alt="图片压缩">
						<p>图片压缩</p>
					</li>
					<li>
						<img src="/static/compress/video.png" alt="视频压缩">
						<p>视频压缩</p>
					</li>
					<li>
						<img src="/static/compress/audio.png" alt="音频压缩">
						<p>音频压缩</p>
					</li>
					<li>
						<img src="/static/compress/pdf.png" alt="PDF压缩">
						<p>PDF压缩</p>
					</li>
					<li>
						<img src="/static/compress/word.png" alt="Word压缩">
						<p>Word压缩</p>
					</li>
					<li>
						<img src="/static/compress/ppt.png" alt="PPT压缩">
						<p>PPT压缩</p>
					</li>
				</ul>

			</div>
		</div>


        <div class="w1200 index-line-center">
            <div class="section_2  section">
                <h2 style="text-align: center;">工作中是否遇到以下问题？<span></span></h2>
                <ul>
                    <li>
                        <a class="sa_download" >
                            <div class="text_box">文件大小受规则限制</div>
                        </a>
                    </li>
                    <li>
                        <a class="sa_download"  >
                            <div class="text_box">文件太大无法传输</div>
                        </a>
                    </li>
                    <li>
                        <a class="sa_download"  >
                            <div class="text_box">文件太大传输太慢</div>
                        </a>
                    </li>
                    <li>
                        <a class="sa_download"  >
                            <div class="text_box">文件太大占空间</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

		<div class="compress-mid">
			<h1>为什么选择我们</h1>
			<ul class="wow bounceInRight">
				<li>
					<img class="img-item-min" src="/static/compress/icon_1.png">
					<p class="text-top">压缩速度快</p>
					<p>采用最新的AI压缩技术，确保压缩时耗费资源少且速度快。</p>
				</li>
				<li>
					<img src="/static/compress/icon_2.png">
					<p class="text-top">压缩率高</p>
					<p>相比同类压缩软件，压缩率更高且能保证压缩后的文件内容不丢失。</p>
				</li>
				<li>
					<img src="/static/compress/icon_3.png">
					<p class="text-top">批量压缩</p>
					<p>可以批量处理多个文件，批量处理压缩效率更高，实现简单快捷</p>
				</li>
			</ul>
		</div>

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

    </div>


</body>

<script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            target: 'https://www.xingyousoft.com',
            productList: [],
        },
        mounted: function() {

            var swiper = new Swiper(".swiper-container", {
                slidesPerView: 3,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });

            this.initList();
        },
        //方法
        methods: {
            initList: function() {
                // let _this = this;
                // axios.post(_this.target + '/api/index/product_list', {
                //     size: 100,
                //     page: 1
                // }).then(function(response) {
                //     if (response.data.result) {
                //         this.productList = response.data.data.list;
                //         console.log(response.data.data)
                //     }
                // }.bind(_this)).catch(function(error) {
                //     console.log(error);
                // });
            },
        },
    });
</script>

<style>
    .info-flex .f-item2 {
        width: 25%;
        text-align: center;
        line-height: 3;
        font-weight: 600;
        font-size: 15px;
    }

    .info-flex .icon-o {
        width: 100px;
        height: 100px;
        margin-right: 0;
    }
</style>

</html>