qiushang
/
xingyou


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="{{$keywords ?: '星优办公'}}">
<meta name="description" content="{{$description ?: '星优办公软件'}}">
<title>{{ $title ? : '星优办公软件' }}</title>
    @include('home.http.common.head')
    <style>
        .about-banner {
            width: 100%;
            height: 300px;
            background: url(../images/banner_about_us.jpg) center center no-repeat;
        }
    </style>
    <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 class="container">
    <!-- 公司简介 -->
    <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>