<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Security-Policy" content="default-src *; connect-src * ws://* wss://*; style-src * 'unsafe-inline' 'unsafe-eval'; media-src * ; img-src * data:; font-src * ; script-src * 'unsafe-inline' 'unsafe-eval';" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="img/logo-ico.png" type="images/png">
<title>四川海盛信息技术有限公司</title>
    <meta name="description" content="四川海盛信息技术有限公司,四川海盛,智慧机场,低空经济,AODB,信息集成,ACDM,机场信息化规划">
    <meta name="keywords" content="四川海盛信息技术有限公司,四川海盛,智慧机场,低空经济,AODB,信息集成,ACDM,机场信息化规划">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">

</head>

<body>
    <div id="app">
        <nav-header :current-nav="0"></nav-header>
        <section>
            <div class="banner">
                <img class="b-pc" src="./img/banner/index-banner.png" alt="">
                <img class="b-app" src="./img/banner/index-app.png" alt="">
                <div class="banner-btns">
                    <a href="./aboutus.html"></a>
                </div>
            </div>
            <div class="part part-bg main-business">
                <div class="m-wrapper">
                    <div class="part-title">
                        <p class="title-cn">主营业务</p>
                        <p class="title-en">MAIN BUSINESS</p>
                    </div>
                    <div class="com-tabs">
                        <div class="tabs-item" :class="idx===currentBusiness?'tabs-item-selected':''"
                            v-for="(item,idx) in businessList" :key="idx" @click="changeBusiness(item,idx)">
                            {{item.name}}
                        </div>
                    </div>
                    <div class="border-line"></div>
                    <div class="content">
                        <div class="pic-item col3" v-for="item in businessData" @click="toPage(item)">
                            <div class="img-container">
                                <!-- <img class="pic-img" src="./img/image@1x.png" alt=""> -->
                                <img class="pic-img" :src=`${fileUrl}/${item.cover_path}` alt="">
                            </div>
                            <div class="pic-desc">
                                <div>{{item.title}}</div>
                                <img class="arrow-ico" src="./img/business-arrow.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="part solution">
                <div class="m-wrapper">
                    <div class="part-title">
                        <p class="title-cn">解决方案</p>
                        <p class="title-en">CUSTOMER CASEMAIN</p>
                    </div>
                    <div class="com-tabs">
                        <div class="tabs-item" :class="idx===currentSolution?'tabs-item-selected':''"
                            v-for="(item,idx) in solutionList" :key="idx" @click="changeSolution(item,idx)">
                            {{item.name}}
                        </div>
                    </div>
                    <div class="border-line"></div>
                    <div class="content">
                        <div class="pic-item" v-for="(item,idx) in solutionData" :key="idx"
                            :class="{ 'hover-effect': idx === currentHover||isApp===true }" @mouseover="showEffect(idx)"
                            @mouseout="hideEffect(idx)">
                            <!-- <img class="pic-img" :src="item.src">
                              -->
                            <img class="pic-img" :src=`${fileUrl}/${item.cover_path}` alt="">
                            <div class="pic-content">
                                <div class="block-title title">{{item.title}}</div>
                                <div class="hide-mask">
                                    <div class="mask-content">
                                        <div class="title">{{item.title}}</div>
                                        <div class="desc">
                                            {{item.summary}}
                                        </div>
                                        <div class="detail-btns" @click="toPage(item)">
                                            <span>查看详情</span>
                                            <img src="img/arrow-right.png" style="width: 22px" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a href="solutions.html"><div  class="more-look">查看更多</div></a>
                </div>
            </div>
            <div class="part part-bg news">
                <div class="m-wrapper">
                    <div class="part-title">
                        <p class="title-cn">新闻动态</p>
                        <p class="title-en">MAIN BUSINESS</p>
                    </div>
                    <div class="com-tabs">
                        <div class="tabs-item" :class="idx===currentNews?'tabs-item-selected':''"
                            v-for="(item,idx) in newsList" :key="idx" @click="changeNews(item,idx)">{{item.name}}
                        </div>
                    </div>
                    <div class="border-line"></div>
                    <div class="content">
                        <div class="pic-item col3" v-for="item in newsData" @click="toPage(item)">
                            <div class="item-wrapper">
                                <div class="wrapper-left">
                                    <!-- <img src="./img/Frame 61@1x.png" alt=""> -->
                                    <img class="pic-img" :src=`${fileUrl}/${item.cover_path}` alt="">

                                </div>
                                <div class="wrapper-right">
                                    <div class="title text-ellipsis-one">{{item.title}}</div>
                                    <div class="desc text-ellipsis-two">
                                        {{item.summary}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <a href="newsTrends.html"><div  class="more-look">查看更多</div></a>
                </div>
            </div>
            <div class="part part-bg partner">
                <div class="m-wrapper">
                    <div class="part-title">
                        <p class="title-cn">合作伙伴</p>
                        <p class="title-en">COOPERATIVE PARTNER</p>
                        <p class="partner-tips">正与众多客户一起创造更多价值</p>
                    </div>
                    <div class="content">
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 9@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 10@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 11@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 12@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 13@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 14@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 15@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 16@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 17@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 18@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 19@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 20@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 21@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 22@1x.png" alt="">
                            </div>
                        </div>
                        <div class="pic-item col4">
                            <div class="partner-ico">
                                <img src="./img/index/partner/image 23@1x.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <self-footer></self-footer>
    </div>
    <script src="./libs/vue.min.js"></script>
    <script src="./libs/axios.min.js"></script>
    <script src="./libs/httpHelper.js?time=210811"></script>
    <script src="./js/navHeader.js"></script>
    <script src="./js/footer.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>