<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <link rel="icon" type="image/x-icon" href="./images/home/favicon.ico">
    <meta name="viewport" content="width=1200,initial-scale=0.3, maximum-scale=1, user-scalable=no">
    <title>北京中科院软件中心有限公司网站</title>
    <link rel="stylesheet" href="./css/index.css" />
    <!-- 轮播图的样式 -->
    <!-- <link rel="stylesheet" href="../css/swiper.min.css" /> -->
    <!-- <link href="../css/common.css" rel="stylesheet" type="text/css">
    <link href="../css/index.css" rel="stylesheet" type="text/css" /> -->

    <link href="./css/common.css" rel="stylesheet" type="text/css">
    <!-- <link rel="stylesheet" href="../css/swiper.min.css" /> -->
    <link rel="stylesheet" type="text/css" href="./homeResource/common.css">
    <link rel="stylesheet" type="text/css" href="./homeResource/swiper.min.css">
    <!--    <script src="../css/indexNew.css"></script>-->
    <script src="./js/jquery-2.2.4.min.js"></script>
    <link rel="stylesheet" type="text/css" href="./homeResource/indexNew.css">
    <!-- <script src="./js/jquery-2.2.4.min.js"></script> -->
    <script src="./js/browser.min.js"></script>
    <script src="./js/polyfill.min.js"></script>
    <script src="./js/vue.js"></script>
    <script src="./js/element-ui.js"></script>
    <script src="./js/axios.js"></script>
    <script src="./js/common.js"></script>

</head>

<body>
    <script>
        function getRem(pwidth, prem) {
            var html = document.getElementsByTagName("html")[0];
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
            html.style.fontSize = oWidth / pwidth * prem + "px";
        }
        getRem(1920, 100);
        $(".header").load("../common/header.html");
        $(".footer").load("../common/footer.html");
    </script>
    <!-- 导航栏 -->
    <div class="header"></div>
    <div>
        <!-- 页面内容 -->
        <div class="wrapper" id="sy">

            <!-- 第一屏 -->
            <div class="banner-box globalScreen">

                <div class="mtop"></div>
                <div class="banner">
                    <div class="banner-swiper swiper-container">
                        <div class="index-banner">
                            <!--                        <div class="scrolldown"><a href="javascript:;"><i></i></a></div>-->
                            <div
                                class="index-banner-swiper swiper-container swiper-container-initialized swiper-container-horizontal">
                                <div class="swiper-wrapper" style="transition-duration: 0ms; ">
                                    <a class="swiper-slide" v-if="lunboList.length>0" v-for="(item,i) in lunboList"
                                        :key="i" :href="item.url==''?'javascript:void(0);':item.url"
                                        :target="item.url==''?'_self':'_blank'"
                                        :style="item.url==''?'cursor: default':''">
                                        <div class="banner-slide left">
                                            <div class="txt">
                                                <h2>
                                                    <div class="title-oneline">{{item.title}}</div>
                                                    <div class="title-oneline">{{item.subtitle}}</div>
                                                </h2>
                                                <h3 style="margin-top: 1.35rem;">
                                                    <div class="title-twoline">{{item.introduce}}</div>
                                                    <div class="title-twoline">{{item.subIntroduce}}</div>
                                                    <div class="title-twoline">{{item.thiIntroduce}}</div>
                                                </h3>

                                            </div>
                                            <div class="img">
                                                <div class="mark-top"></div>
                                                <img :src="item.pictureUrl" class="pcshow" alt="">
                                            </div>
                                        </div>
                                    </a>
                                    <div class="swiper-slide" v-else>
                                        <div class="banner-slide left">

                                        </div>
                                    </div>
                                </div>
                                <!--                            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-5aff4d788fc6bad4" aria-disabled="false"></div>-->
                                <!--                            <div class="swiper-button-prev" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-5aff4d788fc6bad4" aria-disabled="true"></div>-->
                                <!--                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>-->
                                <div class="swiper-ctrl" v-show="lunboList.length>0">
                                    <div class="relative">
                                        <div class="swiper-pagination swiper-pagination-fraction"></div>
                                        <div class="swiper-button-next home-swiper-next" tabindex="0" role="button"
                                            aria-label="Next slide"></div>
                                        <div class="swiper-button-prev home-swiper-prev" tabindex="0" role="button"
                                            aria-label="Previous slide"></div>
                                    </div>
                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                                <div class="flex-more" id="mouse">
                                    <!--                                <div class="z_index_more">-->
                                    <!--                                    <div><img src="../images/home/icon-mouse.png"-->
                                    <!--                                              style="padding:0 32px;" /></div>-->
                                    <!--                                    <div><i>鼠标向下滑动</i></div>-->
                                    <!--                                </div>-->
                                    <div class="mouse-down">
                                        <span><i></i></span>
                                        <p>向下滑动</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="banner">

            <div class="banner-swiper swiper-container" style="height: 499px;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"
                        style="background:url(../images/home/banner1.png) no-repeat;background-size:cover;background-position:center center;">
                        <div class="numbox ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s"
                            swiper-animate-delay="0.3s">

                        </div>
                    </div>
                    <div class="swiper-slide"
                        style="background:url(../images/home/20210819171106191.jpg) no-repeat;background-size:cover;background-position:center center;color:#fff;position: relative;">
                        <div class="numbox ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s"
                            swiper-animate-delay="0.3s">

                        </div>
                    </div>
                    <div class="swiper-slide"
                        style="background:url(../images/home/20210810143440159.jpg) no-repeat;background-size:cover;color:#fff;background-position:center center;">
                        <div class="numbox ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s"
                            swiper-animate-delay="0.3s">

                        </div>
                    </div>
                </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="flex-more" id="mouse">
                    <div class="z_index_more">
                        <div><img src="../images/home/icon-mouse.png"
                                style="padding:0 32px;" /></div>
                        <div><i>鼠标向下滑动</i></div>

                    </div>
                </div>
                </div>


            </div>

        </div> -->

            </div>
            <!-- 第二屏幕 -->
            <div class="news-center globalScreen" v-show="gsyw||hydt||cggsdt">
                <div class="gsdt">
                    <div class="gsdt-content">
                        <div class="gsdt-left" id="gsdt-left" data-scroll="" data-scroll-speed="1">
                            <!-- <div class="swiper-container2 ">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"
                                    style="background:url(../images/home/gsdt.png) no-repeat;background-size:100% 100%;background-position:center center;">
                                    <div class="numbox ani" swiper-animate-effect="fadeIn"
                                        swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">

                                    </div>
                                </div>
                                <div class="swiper-slide"
                                    style="background:url(../images/home/4.jpg) no-repeat;background-size:100% 100%;background-position:center center;color:#fff;position: relative;">
                                    <div class="numbox ani" swiper-animate-effect="fadeIn"
                                        swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">

                                    </div>
                                </div>
                                <div class="swiper-slide"
                                    style="background:url(../images/home/5.png) no-repeat;background-size:100% 100%;color:#fff;background-position:center center;">
                                    <div class="numbox ani" swiper-animate-effect="fadeIn"
                                        swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">

                                    </div>
                                </div>
                            </div>
                        </div> -->
                            <div class="dt-img" @click='toDetail(newest)'>
                                <img :src="newest.imgUrl" style="width:100%;height:100%;">
                                <!-- style="width: 8rem;height:6rem;background:url(../images/home/gsdt.png) no-repeat;background-size:100% 100%;background-position:center center;"> -->
                            </div>
                            <div class="dt-title" @click='toDetail(newest)'>
                                <span v-show="flag==3">【{{newest.companyName}}】</span>{{newest.title}}
                            </div>
                        </div>
                        <div class="gsdt-right" data-scroll="" data-scroll-speed="-1" style="height:auto ;">
                            <div class="gsdt-tab">
                                <div class="gsdt-one" id="gs" @click="change()" v-show="gsyw">
                                    <div class="gsdt-title" id="gs1">公司要闻</div>
                                </div>
                                <div class="gsdt-one1" id="hy" @click="change1()" v-show="hydt">
                                    <div class="gsdt-title1" id="hy1">行业动态</div>
                                </div>
                                <div class="gsdt-one2" id="cg" @click="change2()" v-show="cggsdt">
                                    <div class="gsdt-title1" id="cg1">持股公司动态</div>
                                </div>
                                <!--                            <div class="gsdt-one1" id="dj" @click="change2()">-->
                                <!--                                <div class="gsdt-title1" id="dj1">党建工作</div>-->
                                <!--                            </div>-->
                            </div>
                            <div class="gsdt-list">
                                <div class="gsdt-box" v-for="(item, index) in newLists" :key='item.id'>
                                    <div class="gsdt-item" @click='toDetail(item)'>
                                        <div class="gstd-title"><span
                                                v-show="flag==3">【{{item.companyName}}】</span>{{item.title}}</div>
                                        <div class="gsdt-date">{{item.time}}</div>
                                    </div>
                                </div>
                                <!-- <div class="gsdt-box">
                            <div class="gsdt-item">
                                <div class="gstd-title">中科院第25督导组督导软件中心党史学习教育开展情况</div>
                                <div class="gsdt-date">2021-02-08</div>
                            </div>
                        </div>
                        <div class="gsdt-box">
                            <div class="gsdt-item">
                                <div class="gstd-title">软件中心开展中期党建督查工作</div>
                                <div class="gsdt-date">2021-02-08</div>
                            </div>
                        </div>
                        <div class="gsdt-box">
                            <div class="gsdt-item">
                                <div class="gstd-title">关于2021年度接收高校毕业生人选公示的通知日</div>
                                <div class="gsdt-date">2021-02-08</div>
                            </div>
                        </div>
                        <div class="gsdt-box">
                            <div class="gsdt-item">
                                <div class="gstd-title">软件中心召开庆祝建党100周年表彰大会暨新党员宣誓大会</div>
                                <div class="gsdt-date">2021-02-08</div>
                            </div>
                        </div> -->
                            </div>
                            <div class="gsdt-more" @click="toLink()">
                                了解更多
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第三屏 -->
            <div class="team globalScreen index-business" style="padding-top: 3%">
                <!-- <div class="first-card ibusiness">
            <div class="expert-team front ">
                <div class="expert-text expert-text1">
                    <strong>业务板块</strong>
                </div>
                <div class="expert-items content">
                    <li class=""><a href="http://www.casit.com.cn/expert/">工业互联网</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字农业</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字文化</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字金融</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">军工业务</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字政府</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">科创服务</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">安全运维</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">嵌入式操作系统</a></li>
                </div>
                <div class="expert-more"><a>查看更多</a></div>
            </div> -->
                <!-- <div class="expert-info1 info-common back">
                <div class="expert-text">
                    <strong>业务板块</strong>
                </div>
                <div class="expert-items content">
                    <li class=""><a href="http://www.casit.com.cn/expert/">工业互联网</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字农业</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字文化</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字金融</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">军工业务</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">数字政府</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">科创服务</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">安全运维</a></li>
                    <li class=""><a href="http://www.casit.com.cn/expert/">嵌入式操作系统</a></li>
                </div>
            </div> -->

                <!-- </div>

        <div class="second-card">
            <div class="expert-team front">
                <div class="expert-text expert-text2 ">
                    <strong class="article-block slidetop articleShow">科技创新</strong>
                </div>
                <div class="expert-more">查看更多</div>
            </div>

            <div class="expert-info2 info-common back">
                <div class="expert-text">
                    <strong>科技创新</strong>
                </div>
                <div class="expert-items">
                    <li class="" style="margin-top:20px;"><a href="./jcpg">检测评估</a></li>
                </div>
            </div>
        </div>

        <div class="third-card">
            <div class="expert-team front">
                <div class="expert-text expert-text3">
                    <strong>成果转化</strong>
                </div>
                <div class="expert-more">查看更多</div>
            </div>
            <div class="expert-info3 info-common back">
                <div class="expert-text">
                    <strong>成果转化</strong>
                </div>
                <div class="expert-items">
                    <li class="" style="margin-top:20px;"><a href=""></a></li>
                    <li class=""><a href=""></a></li>
                    <li class=""><a href=""></a></li>
                </div>
            </div>
        </div> -->
                <div class="index-business" id="i1">
                    <div class="ibusiness" onmouseover="handleShow1('contentMenu',10)"
                        onmouseout="handleHide('contentMenu',10)">
                        <div class="txt">
                            <div class="table">
                                <div class="table-cell">
                                    <!-- <h5 class="box3onep">01</h5> -->
                                    <h3 class="box3twop">Business Segments
                                    </h3>
                                    <h4 class="box3threep">业务板块</h4>
                                    <line></line>
                                    <div class="content">
                                        <a id="contentMenu1" href="./html/gyhlw.html">工业互联网</a><br>
                                        <a id="contentMenu2" href="./html/szny.html">数字农业</a><br>
                                        <a id="contentMenu3" href="./html/szwh.html">数字文化</a><br>
                                        <a id="contentMenu4" href="./html/szjr.html">数字金融</a><br>
                                        <!-- <a id="contentMenu5" href="./html/jgyw.html">军工业务</a><br> -->
                                        <a id="contentMenu6" href="./html/szzf.html">数字政府</a><br>
                                        <a id="contentMenu7" href="./html/kcfw.html">科创服务</a><br>
                                        <a id="contentMenu8" href="./html/aqyw.html">安全服务</a><br>
                                        <a id="contentMenu9" href="./html/czxt.html">嵌入式操作系统</a><br>
                                    </div>
                                    <!-- <div class="viewmore"><a href="http://www.hexunmd.com/pavilion/">查看更多
                                    <i></i></a></div> -->
                                    <div class="expert-more box3fourp">查看更多</div>
                                </div>
                            </div>
                        </div>
                        <div class="img" style="background-image: url('./images/home/figure1.png')">
                            <div class="mark-img"></div>
                            <img src="./images/home/figure1.png" alt="">
                        </div>
                    </div>
                    <div class="ibusiness" onmouseover="handleShow('content1Menu',4)"
                        onmouseout="handleHide('content1Menu',4)">
                        <div class="txt">
                            <div class="table">
                                <div class="table-cell" onclick="window.open('./html/kjcxNewV2.html','_self')">
                                    <!-- <h5 class="box3onep">02</h5> -->
                                    <h3 class="box3twop">Technical Innovation</h3>
                                    <h4 class="box3threep">科技创新</h4>
                                    <line></line>
                                    <div class="content">
                                        <!--                                    <a id="content1Menu1" href="./jcpg">检测评估</a>-->
                                    </div>
                                    <!-- <div class="viewmore"><a href="http://www.hexunmd.com/technology/">查看更多
                                    <i></i></a></div> -->
                                    <div class="expert-more box3fourp">查看更多</div>
                                </div>
                            </div>
                        </div>
                        <div class="img" style="background-image: url('./images/home/figure2.png')">
                            <div class="mark-img"></div>
                            <img src="./images/home/figure2.png" alt="">
                        </div>
                    </div>
                    <div class="ibusiness">
                        <div class="txt">
                            <div class="table">
                                <div class="table-cell" onclick="window.open('./html/cgzh.html','_self')">
                                    <!-- <h5 class="box3onep">03</h5> -->
                                    <h3 class="box3twop">Achievement Transformation</h3>
                                    <h4 class="box3threep">成果转化</h4>
                                    <line></line>
                                    <div class="content">
                                        <!-- <a href="http://www.hexunmd.com/filmmedia/index.php?id=5&amp;bid=51" onclick="event.stopPropagation()||(event.cancelBubble = true);">地产宣传片</a><br>
                                                    <a href="http://www.hexunmd.com/filmmedia/index.php?id=5&amp;bid=52" onclick="event.stopPropagation()||(event.cancelBubble = true);">影视广告片</a><br>
                                                    <a href="http://www.hexunmd.com/filmmedia/index.php?id=5&amp;bid=53" onclick="event.stopPropagation()||(event.cancelBubble = true);">产品宣传片</a><br>
                                                    <a href="http://www.hexunmd.com/filmmedia/index.php?id=5&amp;bid=54" onclick="event.stopPropagation()||(event.cancelBubble = true);">城市宣传片</a><br> -->
                                    </div>
                                    <!-- <div class="viewmore"><a href="http://www.hexunmd.com/filmmedia/">查看更多
                                    <i></i></a></div> -->
                                    <div class="expert-more box3fourp">查看更多</div>
                                </div>
                            </div>
                        </div>
                        <div class="img" style="background-image: url('./images/home/figure3.png')">
                            <div class="mark-img"></div>
                            <img src="./images/home/figure3.png" alt="">
                        </div>
                    </div>


                </div>
            </div>

            <!-- 第四屏 -->
            <div class="solutions globalScreen">
                <div class="box4Wrap" id="box4">
                    <div class="box4">
                        <div class="box4Left">
                            <div class="box4LeftOne boxzerop">北京中科院软件中心有限公司</div>
                            <!--                        <div class="box4LeftTwo">中国科学院北京软件工程研制中心</div>-->
                            <div class="box4LeftThree boxonep"
                                style="text-align:justify;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;">
                                <br />
                                　　<div style="text-indent:2em">北京中科院软件中心有限公司成立于1986年，前身中国科学院北京软件工程研制中心，是国内最早引入软件工程的机构之一。
                                </div>
                                <br />
                                　　<div style="margin-top:-0.1rem;text-indent:2em">
                                    公司主要从事软件研究开发、科技创新服务和互联网基础服务，科研成果和软件产品已广泛运用于政府和行业信息化、数字农业、数字文化、嵌入式系统、工业互联网、互联网和移动互联网等众多领域。
                                </div>
                                <br />
                                　　<div style="margin-top:-0.1rem;text-indent:2em">
                                    软件中心长期承担国家科技重大专项、国家高技术研究发展计划（“863”计划）、国家科技支撑计划、国家重点研发计划等多项国家级科研课题，拥有一大批自主知识产权和专利，获得了十余项国家和省部级科技进步奖，在技术、产品、市场、人才等方面有着深厚的积累。
                                </div>
                            </div>
                        </div>
                        <div class="box4CenterWrap boxtwop" data-wow-duration="1s" data-wow-delay="0.5s"
                            data-wow-offset="10" data-wow-iteration="1">
                            <div class="box4Center box4img" onclick="window.open('./html/gywm.html?code','_self')">
                                <div class="box4CenterTitle">资质荣誉</div>
                            </div>
                        </div>
                        <div class="box4RightWrap boxthreep" data-wow-duration="1s" data-wow-delay="0.5s"
                            data-wow-offset="10" data-wow-iteration="1">
                            <div class="box4Right box4img" onclick="window.open('./html/gywm.html?desc','_self')">
                                <div class="box4RightTitle">公司简介</div>
                            </div>
                        </div>
                    </div>
                    <div class="box4Footer" style="height:auto;padding-bottom:0.6rem;">
                        <!--                    <div class="box4_container">-->
                        <!--                        <div class="swiper-wrapper">-->
                        <!--                            <div class="swiper-slide">-->
                        <!--                                <div class="swiperTip">-->
                        <!--                                    <div class="swiperYear">1985年</div>-->
                        <!--                                    <div class="swiperBottom">-->
                        <!--                                        <div class="swiperLeft">-->
                        <!--                                            成立北京软件实验室-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperCenter">-->
                        <!--                                            <div class="swiperCenterTop"></div>-->
                        <!--                                            <div class="swiperCenterBottom"></div>-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperRight">-->
                        <!--                                            中美联合培养，中国第一个从事软件研发的研究机构-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                            <div class="swiper-slide">-->
                        <!--                                <div class="swiperTip">-->
                        <!--                                    <div class="swiperYear">1986年</div>-->
                        <!--                                    <div class="swiperBottom">-->
                        <!--                                        <div class="swiperLeft">-->
                        <!--                                            直属中国科学院-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperCenter">-->
                        <!--                                            <div class="swiperCenterTop"></div>-->
                        <!--                                            <div class="swiperCenterBottom"></div>-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperRight">-->
                        <!--                                            是中国第一支从事软件工程的技术的国家队-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                            <div class="swiper-slide">-->
                        <!--                                <div class="swiperTip">-->
                        <!--                                    <div class="swiperYear">1991年</div>-->
                        <!--                                    <div class="swiperBottom">-->
                        <!--                                        <div class="swiperLeft">-->
                        <!--                                            经历更名-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperCenter">-->
                        <!--                                            <div class="swiperCenterTop"></div>-->
                        <!--                                            <div class="swiperCenterBottom"></div>-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperRight">-->
                        <!--                                            更名为：中国科学院北京软件工程研制中心，力主打造中国的“软件工厂”-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                            <div class="swiper-slide">-->
                        <!--                                <div class="swiperTip">-->
                        <!--                                    <div class="swiperYear">2001年</div>-->
                        <!--                                    <div class="swiperBottom">-->
                        <!--                                        <div class="swiperLeft">-->
                        <!--                                            成功转制-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperCenter">-->
                        <!--                                            <div class="swiperCenterTop"></div>-->
                        <!--                                            <div class="swiperCenterBottom"></div>-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperRight">-->
                        <!--                                            转制为北京中科院软件中心有限公司-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </div>-->

                        <!--                            </div>-->
                        <!--                            <div class="swiper-slide">-->
                        <!--                                <div class="swiperTip">-->
                        <!--                                    <div class="swiperYear">2012年</div>-->
                        <!--                                    <div class="swiperBottom">-->
                        <!--                                        <div class="swiperLeft">-->
                        <!--                                            战略重组-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperCenter">-->
                        <!--                                            <div class="swiperCenterTop"></div>-->
                        <!--                                            <div class="swiperCenterBottom"></div>-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperRight">-->
                        <!--                                            形成新的产业化布局，公司围绕互联网应用创新和产业物联网应用重新出发-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                            <div class="swiper-slide">-->
                        <!--                                <div class="swiperTip">-->
                        <!--                                    <div class="swiperYear">2022年</div>-->
                        <!--                                    <div class="swiperBottom">-->
                        <!--                                        <div class="swiperLeft">-->
                        <!--                                            公司飞速发展-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperCenter">-->
                        <!--                                            <div class="swiperCenterTop"></div>-->
                        <!--                                            <div class="swiperCenterBottom"></div>-->
                        <!--                                        </div>-->
                        <!--                                        <div class="swiperRight">-->
                        <!--                                            企业文化是指企业在生产经营实践中逐步形成的、为整体团队所认同并遵守的价值观、经营理念和企业精神。-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </div>-->
                        <!--                            </div>-->
                        <!--                        </div>-->

                        <!--                    </div>-->
                        <!-- <div class="boxfourp" style="display:flex">
                            <div class="box4Footer-left">
                                <div class="box4Footer-left-year">
                                    <div class="box4Footer-left-year-item">
                                        1984年
                                    </div>
                                    <div class="box4Footer-left-year-item">
                                        1986年
                                    </div>
                                    <div class="box4Footer-left-year-item">
                                        1991年
                                    </div>
                                    <div class="box4Footer-left-year-item">
                                        2001年
                                    </div>
                                    <div class="box4Footer-left-year-item">
                                        2012年
                                    </div>
                                </div>
                                <div class="box4Footer-left-devider">
                                    <div class="devider-item" v-for='(item,index) in 4' :key='index'>
                                        <div class="devider-item-dot">
                                        </div>
                                        <div class="devider-item-line">
                                        </div>
                                    </div>
                                    <div class="devider-item">
                                        <div class="devider-item-dot">
                                        </div>
                                        <div class="devider-item-line-end">
                                        </div>
                                    </div>
                                </div>
                                <div class="box4Footer-left-txt">
                                    <div class="box4Footer-left-txt-item">
                                        <div class="box4Footer-left-txt-item-title">
                                            筹建
                                        </div>
                                        <div class="box4Footer-left-txt-item-desc">
                                            筹建软件实验室，中美联合培养100名研究生，成立中国第一个从事软件研发的研究机构
                                        </div>
                                    </div>
                                    <div class="box4Footer-left-txt-item">
                                        <div class="box4Footer-left-txt-item-title">
                                            成立
                                        </div>
                                        <div class="box4Footer-left-txt-item-desc">
                                            软件实验室划归中国科学院，成立了中国科学院北京软件实验室
                                        </div>
                                    </div>
                                    <div class="box4Footer-left-txt-item">
                                        <div class="box4Footer-left-txt-item-title">
                                            经历更名
                                        </div>
                                        <div class="box4Footer-left-txt-item-desc">
                                            更名为：中国科学院北京软件工程研制中心，力主打造中国的“软件工厂”
                                        </div>
                                    </div>
                                    <div class="box4Footer-left-txt-item">
                                        <div class="box4Footer-left-txt-item-title">
                                            成功转制
                                        </div>
                                        <div class="box4Footer-left-txt-item-desc">
                                            在中国科学院知识创新工程中作为应用型研究机构成为首批转制单位
                                        </div>
                                    </div>
                                    <div class="box4Footer-left-txt-item">
                                        <div class="box4Footer-left-txt-item-title">
                                            战略重组
                                        </div>
                                        <div class="box4Footer-left-txt-item-desc">
                                            形成新的产业化布局，公司围绕互联网应用创新和产业物联网应用重新出发
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="box4Footer-right">
                                <img src="./images/home/box4-footer-year.png" alt="">
                                <div class="box4Footer-right-txt">
                                    年
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
            <!-- 底部 -->
        </div>

    </div>
    <div class="footer"></div>
    <!-- <script src="./js/plugin.js"></script>
    <script src="./js/page.js"></script>
    <script src="./js/index.js"></script> -->

    <script type="text/javascript" src="./homeResource/swiper.min.js"></script>
    <!-- <script type="text/javascript" src="./homeResource/common.js.下载"></script> -->
    <script>

    </script>
    <script>
        $.fn.moveIt = function () {
            var $window = $(window);
            var instances = [];

            $(this).each(function () {
                instances.push(new moveItItem($(this)));
            });

            window.onscroll = function () {
                var scrollTop = $window.scrollTop();
                if (scrollTop > 450) {
                    instances.forEach(function (inst) {
                        inst.update(scrollTop);
                    });
                }
            }
        }

        var moveItItem = function (el) {
            this.el = $(el);
            this.speed = parseInt(this.el.attr('data-scroll-speed'));
        };

        moveItItem.prototype.update = function (scrollTop) {
            var pos = (scrollTop - 450) / this.speed / 9;
            this.el.css('transform', 'translateY(' + -pos + 'px)');
        };

        $(function () {
            getRem(1920, 100);
            $(".header").load("./common/header.html");
            $(".footer").load("./common/footer.html");
            $('[data-scroll-speed]').moveIt();
            //第四屏幕的轮播图
            // var swiper4 = new Swiper('.box4_container', {
            //     autoplay: 5000,
            //     loop: true,
            //     slidesPerView: 6,
            //     paginationClickable: true,
            //     spaceBetween: 0,
            //     navigation: {
            //         nextEl: '.rBtn',
            //         prevEl: '.lBtn',
            //     },
            // });
            // var swiper = new Swiper('.index-banner-swiper', {
            //     spaceBetween: 0,
            //     loop: true,
            //     pagination: {
            //         el: '.swiper-pagination',
            //         type: 'fraction',
            //         // formatFractionCurrent: function (number) { return '0' + number; },
            //         // formatFractionTotal: function (number) { return '0' + number; },
            //     },
            //     navigation: {
            //         nextEl: '.swiper-button-next',
            //         prevEl: '.swiper-button-prev',
            //     },
            //     autoplay: {
            //         delay: 8000,
            //         disableOnInteraction: false,
            //     }
            // });
        })
    </script>
    <script type='text/javascript'>
        function handleClick1() {
            window.location.href = "./html/szny.html"
        }
        function handleClick2() {
            window.location.href = "./html/gyhlw.html"
        }
        function handleShow(item, count) {
            var start = 0;
            var end;
            for (var i = 1; i < count; i++) {     //循环每页的内容
                end = start + 0.15       //结束时间=开始时间+0.4s
                $('#' + item + i).css('animation', 'ani ' + start + 's ' + end + 's both')
                start = end;   //每行内容结束将结束时间赋值给下一行开始时间
            }
        }
        function handleShow1(item, count) {
            var start = 0;
            var end;
            for (var i = 1; i < count; i++) {     //循环每页的内容
                end = start + 0.05       //结束时间=开始时间+0.4s
                $('#' + item + i).css('animation', 'ani ' + start + 's ' + end + 's both')
                start = end;   //每行内容结束将结束时间赋值给下一行开始时间
            }
        }
        function handleHide(item, count) {
            for (var i = 1; i < count; i++) {     //循环每页的内容
                $('#' + item + i).css('animation', 'none')
            }
        }
        //适配
        function getRem(pwidth, prem) {
            var html = document.getElementsByTagName("html")[0];
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
            html.style.fontSize = oWidth / pwidth * prem + "px";
        }
    </script>
    <script type="text/javascript">
        //     $(window).scroll(function() {
        //         console.log(5555555)
        // // 获得div的高度
        //         var h = $("#i1").offset().top;
        //         console.log(44444,h,$(this).scrollTop())
        //         if ($(this).scrollTop() > h && $(this).scrollTop() < h + 100) {
        // // 滚动到指定位置
        //           debugger;
        //         } else {
        //
        //         }
        //     })
        if (document.addEventListener) { //火狐使用DOMMouseScroll绑定
            document.addEventListener('DOMMouseScroll', function () {
                var scrollTop =
                    document.documentElement.scrollTop ||
                    document.body.scrollTop
                if (scrollTop > 5) {
                    $("#mouse").hide();
                    $(".header").css('background-color', "rgba(0, 0, 0, 0.6)")
                }
                else {
                    $("#mouse").show();
                    $(".header").css('background-color', "rgba(0, 0, 0, 0.3)")
                }
                // console.log(1111,$("#i1").offset().top)
                // console.log(2222,scrollTopp)

                // var lock = false;
                // var threshold = 20;
                // var scrollBarTop = scrollTopp // 滚动条离页面顶端的距离
                // var targetTop = document.getElementsByClassName('index-business')[0].offsetTop // 目标元素离页面顶端的距离
                // console.log(targetTop < ($(window).height() + scrollBarTop + threshold))
                // console.log(targetTop,$(window).height(),scrollBarTop,threshold)
                // // 如果目标元素离页面顶端的距离小于视窗高度+滚动条离页面顶端的距离
                // // 则表示已滚动到目标元素位置
                // if(lock) {
                //     return
                // } else {
                //
                //     if(targetTop < ($(window).height() + scrollBarTop + threshold)) {
                //         lock = true
                //         console.log('bottom')
                //     }
                // }
                //最后一屏幕的动效
                console.log($("#box4").offset().top, scrollTop)
                //    if ($("#gsdt-left").offset().top < scrollTop+300) {
                //        debugger;
                //        $("#gsdt-left").addClass('gsdt-left-show')

                //     }
                if ($("#box4").offset().top < scrollTop + window.screen.height) {
                    $(".boxzerop").addClass('boxzeropAni')
                    $(".boxonep").addClass('boxonepAni')
                    $(".boxtwop").addClass('boxtwopAni')
                    $(".boxthreep").addClass('boxthreepAni')
                    $(".boxfourp").addClass('boxfourpAni')
                }

                if ($("#i1").offset().top < scrollTop + window.screen.height) {
                    // $(".box3zerop").addClass('box3zeropAni')
                    $(".box3onep").addClass('box3onepAni')
                    $(".box3twop").addClass('box3twopAni')
                    $(".box3threep").addClass('box3threepAni')
                    $(".box3fourp").addClass('box3fourpAni')
                }


            }, false);
        }
        //控制鼠标提示语的显示和隐藏,和导航的背景色的变化
        window.onmousewheel = function () {
            var scrollTop =
                document.documentElement.scrollTop ||
                document.body.scrollTop
            if (scrollTop > 5) {
                $("#mouse").hide();
                $(".header").css('background-color', "rgba(0, 0, 0, 0.6)")
            }
            else {
                $("#mouse").show();
                $(".header").css('background-color', "rgba(0, 0, 0, 0.3)")
            }
            // console.log(1111,$("#i1").offset().top)
            // console.log(2222,scrollTopp)

            // var lock = false;
            // var threshold = 20;
            // var scrollBarTop = scrollTopp // 滚动条离页面顶端的距离
            // var targetTop = document.getElementsByClassName('index-business')[0].offsetTop // 目标元素离页面顶端的距离
            // console.log(targetTop < ($(window).height() + scrollBarTop + threshold))
            // console.log(targetTop,$(window).height(),scrollBarTop,threshold)
            // // 如果目标元素离页面顶端的距离小于视窗高度+滚动条离页面顶端的距离
            // // 则表示已滚动到目标元素位置
            // if(lock) {
            //     return
            // } else {
            //
            //     if(targetTop < ($(window).height() + scrollBarTop + threshold)) {
            //         lock = true
            //         console.log('bottom')
            //     }
            // }
            if ($("#gsdt-left").offset().top < scrollTop + window.screen.height) {
                $("#gsdt-left").addClass('gsdt-left-show')
            }
            //最后一屏幕的动效
            console.log($("#box4").offset().top, scrollTop)
            if ($("#box4").offset().top < scrollTop + window.screen.height) {
                $(".boxzerop").addClass('boxzeropAni')
                $(".boxonep").addClass('boxonepAni')
                $(".boxtwop").addClass('boxtwopAni')
                $(".boxthreep").addClass('boxthreepAni')
                $(".boxfourp").addClass('boxfourpAni')
            }

            if ($("#i1").offset().top < scrollTop + window.screen.height) {
                // $(".box3zerop").addClass('box3zeropAni')
                $(".box3onep").addClass('box3onepAni')
                $(".box3twop").addClass('box3twopAni')
                $(".box3threep").addClass('box3threepAni')
                $(".box3fourp").addClass('box3fourpAni')
            }


        }
        var html = document.getElementsByTagName("html")[0];
        var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
        var fontSize = oWidth / 1920 * 100;
        if (0.14 * fontSize < 14) {
            $(".join-wrap p a").css("font-size", "14px")
            $(".gsdt-date").css("font-size", "14px")
        }
        if (0.2 * fontSize < 16) {
            $(".gstd-title").css("font-size", "16px")
            $(".dt-title").css("font-size", "16px")

        }
        if (0.16 * fontSize < 16) {
            $(".gsdt-more").css("font-size", "16px")
            $(".box4LeftThree").css("font-size", "16px")
            $(".ibusiness .txt h5").css("font-size", "16px")
        }
        if (0.16 * fontSize < 14) {
            $(".box4LeftThree").css("font-size", "14px")
        }
        if (0.18 * fontSize < 16) {
            $(".expert-more").css("font-size", "16px")
        }
        if (0.3 * fontSize < 30) {
            $(".ibusiness .txt h3").css("font-size", "30px")
        }
        if (0.22 * fontSize < 22) {
            $(".ibusiness .txt h4").css("font-size", "22px")
        }
        if (0.18 * fontSize < 18) {
            $(".foot-title").css("font-size", "18px")
        }



    // 鼠标滚动事件
    // function windowAddMouseWheel() {

    //     let that = this;
    //     var i = 0;
    //     var scrollFunc = function (e) {

    //         e = e || window.event;
    //         if (e.wheelDelta) {
    //             //判断浏览器IE，谷歌滑轮事件
    //             if (e.wheelDelta > 0) {
    //                 //当滑轮向上滚动时
    //                 console.log("向上滚动")
    //             } else if (e.wheelDelta < 0) {
    //                 console.log("向下滚动")
    //             }
    //         } else if (e.detail) {
    //             //Firefox滑轮事件
    //             if (e.detail > 0) {
    //                 //当滑轮向上滚动时
    //                 console.log("向上滚动")
    //             } else if (e.detail < 0) {
    //                 //当滑轮向下滚动时
    //                 console.log("向下滚动")
    //             }
    //         }
    //     };
    //     //给页面绑定滑轮滚动事件
    //     if (document.addEventListener) {
    //         //火狐使用DOMMouseScroll绑定
    //         document.addEventListener("DOMMouseScroll", scrollFunc, false);
    //     }
    //     //其他浏览器直接绑定滚动事件
    //     window.onmousewheel = document.onmousewheel = scrollFunc;
    // }
    // windowAddMouseWheel();
    </script>
    <script type="text/javascript">
        //获取滚动条的位置
        function getScrollTop() {
            var scrollPos;
            if (window.pageYOffset) {
                scrollPos = window.pageYOffset;
            }
            else if (document.compatMode && document.compatMode != 'BackCompat') {
                scrollPos = document.documentElement.scrollTop;
            }
            else if (document.body) {
                scrollPos = document.body.scrollTop;
            }
            return scrollPos;
        }
    </script>
    <script type="text/javascript">
        // 第二屏幕相关的js代码

        // var mySwiper = new Swiper(".swiper-container2", {
        //     autoplay: {
        //         delay: 3000,
        //         disableOnInteraction: false,
        //     },
        //     loop: true,
        //     autoplayDisableOnInteraction: false,
        //     pagination: ".swiper-pagination",
        //     paginationClickable: true,
        //     prevButton: ".swiper-button-prev",
        //     nextButton: ".swiper-button-next",
        //     effect: "fade"
        // })


    </script>
    <!-- <span class="c-scrollbar"><span class="c-scrollbar_thumb"
    style="height: 21.5869px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 99.5307, 0, 1);"></span></span> -->
    <script type="text/babel">
        var vm = new Vue({
            el: "#sy",
            data() {
                return {
                    size: 6,
                    totals: 0,
                    newLists: [],
                    newsId: "1",
                    currentPage: 1,  // 当前页码
                    pagesize: 10,  // 每页显示的行数
                    newest: {},  //最新一条
                    flag: 1,
                    gsyw: true,
                    hydt: true,
                    cggsdt: true,
                    lunboList: [],
                    ie: false
                };
            },
            watch: {
                gsyw(val) {
                    this.gsyw = val

                },
                hydt(val) {
                    this.hydt = val

                },
                cggsdt(val) {
                    this.cggsdt = val
                }
            },
            methods: {

                IEVersion() {
                    let userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
                    let isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
                    let isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
                    let isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
                    if (isIE || isIE11) {
                        //   let reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                        //   reIE.test(userAgent);
                        //   let fIEVersion = parseFloat(RegExp["$1"]);
                        //   if(fIEVersion == 7) {
                        //     alert(7) ;
                        //   } else if(fIEVersion == 8) {
                        //     alert(8);
                        //   } else if(fIEVersion == 9) {
                        //     alert(9);
                        //   } else if(fIEVersion == 10) {
                        //     alert(10);
                        //   } else {
                        //     alert(11);//IE版本<=7
                        //   }
                        return true
                    } else {
                        return false
                    }
                },


                initSwiper() {
                    setTimeout(() => {
                        var swiper = new Swiper('.index-banner-swiper', {
                            spaceBetween: 0,
                            loop: true,
                            pagination: {
                                el: '.swiper-pagination',
                                type: 'fraction',
                                // formatFractionCurrent: function (number) { return '0' + number; },
                                // formatFractionTotal: function (number) { return '0' + number; },
                            },
                            navigation: {
                                nextEl: '.swiper-button-next',
                                prevEl: '.swiper-button-prev',
                            },
                            autoplay: {
                                delay: 8000,
                                disableOnInteraction: false,
                            }
                        });
                    }, 300)

                },
                async GetListFlag(id) {
                    const _this = this
                    let url = '?contentType=' + id + '&pageNum=' + this.currentPage + '&pageSize=' + this.size
                    let res1 = await axios.get(BaseApi + '/front/comNews/news/topping',
                        {
                            params: { contentType: id }
                        }).then(v2 => {
                            if (v2.data.data == "" || v2.data.data == undefined || v2.data.data == null) {
                                return false
                            } else if (JSON.stringify(v2.data.data) == "{}") {
                                return false
                            } else {

                                return true
                            }
                        }).catch(err => {
                            return false
                        });
                    if (!res1) {
                        let res = await axios.get(BaseApi + '/front/comNews/news/list' + url, {}).then(v1 => {

                            if (v1.data.rows.length > 0) {

                                return true
                            } else {
                                return false
                            }
                        }).catch(err => {
                            return false
                        });
                        if (!res) {
                            switch (id) {
                                case "3": _this.cggsdt = false; break;
                                case "1": _this.gsyw = false; break;
                                case "0": _this.hydt = false; break;
                                default: break
                            }

                        }

                    }
                },
                async getLunboList() {
                    this.lunboList = []
                    let temp = await axios.get(BaseApi + '/front/bigAds/findAllPush', {})
                        .then(res => {
                            return res.data.data
                        })
                    this.lunboList = temp
                    this.lunboList.map((v) => {
                        v.pictureUrl = BaseApi + v.pictureUrl

                    })
                    console.log(this.lunboList)
                    this.initSwiper()
                },
                retrieval(id) {
                    this.newLists = [];
                    let url = '?contentType=' + id + '&pageNum=' + this.currentPage + '&pageSize=' + this.size
                    axios.get(BaseApi + '/front/comNews/news/list' + url, {})
                        .then(res => {
                            this.totals = res.data.total;
                            res.data.rows.map((item, index) => {
                                if (index < 6) {
                                    let obj = {
                                        id: item.id,
                                        title: item.title,
                                        // time: item.contentAttrs[2].val,
                                        time: item.releaseTime.trim().split(' ')[0],
                                        order: item.order,
                                        companyName: item.companyName
                                        // url: item.contentAttrs[3].val,
                                        // content: item.txtAttr.content,
                                        // imgUrl: item.contentAttrs[5].contentAttrRes.length > 0 ? item.contentAttrs[5].contentAttrRes[0].resUrl : ''
                                    }
                                    this.newLists.push(obj)

                                }
                                // this.newest = this.newLists.length > 0 ? this.newLists[0] : {}

                                // console.dir(this.newest)
                            });

                        })
                },
                getNewest(id) {
                    this.newestOne = {}
                    let _this = this
                    axios.get(BaseApi + '/front/comNews/news/topping',
                        {
                            params: { contentType: id }
                        }).then(res => {
                            if (res.data.data != "" && res.data.data != undefined && res.data.data != null) {
                                let obj = res.data.data
                                let timeStr = obj.releaseTime.trim().split(' ')[0];
                                let reg = /(\d{4})\-(\d{2})\-(\d{2})/;
                                let date = timeStr.replace(reg, "$2/$3");
                                let year = timeStr.replace(reg, "$1");
                                var objTitle = obj.title.length > 38 ? obj.title.substring(0, 35) + "..." : obj.title
                                _this.newest = {
                                    id: obj.id,
                                    title: objTitle,
                                    time: date,
                                    year: year,
                                    // url: item.contentAttrs[3].val,
                                    content: obj.content,//富文本
                                    // cleanContent:   this.handlePasteText(obj.content).substring(0,75)+"...",//纯文本,
                                    imgUrl: BaseApi + obj.coverUrl,
                                    order: obj.order,
                                    companyName: obj.companyName
                                }

                            }

                        })

                    // this.newestOne = {}
                    // axios.get(BaseApi + '/front/comNews/news/list',
                    //     {
                    //         params: { contentType: id, pageNum: 1, pageSize: 1 }
                    //     }).then(res => {
                    //         let obj = res.data.rows[0]
                    //         this.newest = {
                    //             id: obj.id,
                    //             title: obj.title.length>30?obj.title.substring(0,30)+'...':obj.title,
                    //             time: obj.releaseTime.trim().split(' ')[0],
                    //             // url: obj.contentAttrs[3].val,
                    //             // cleanContent: obj.txtAttrCleanHtml.content,
                    //             imgUrl: BaseApi + obj.coverUrl,
                    //             order: obj.order
                    //         }
                    //     })
                },
                //分页
                // handleCurrentChange(val) {
                //     this.currentPage = val;
                //     this.retrieval("2302")
                // },
                change() {
                    this.retrieval("1")
                    this.getNewest("1")
                    this.newsId = "1"
                    this.flag = 1;
                    document.getElementById("gs").className = "gsdt-one";
                    document.getElementById("gs1").className = "gsdt-title";
                    document.getElementById("hy").className = "gsdt-one1";
                    document.getElementById("hy1").className = "gsdt-title1";
                    document.getElementById("cg").className = "gsdt-one2";
                    document.getElementById("cg1").className = "gsdt-title1";
                },
                change1() {
                    this.retrieval("0")
                    this.getNewest("0")
                    this.newsId = "0"
                    this.flag = 2
                    document.getElementById("gs").className = "gsdt-one1";
                    document.getElementById("gs1").className = "gsdt-title1";
                    document.getElementById("hy").className = "gsdt-one";
                    document.getElementById("hy1").className = "gsdt-title";
                    document.getElementById("cg").className = "gsdt-one2";
                    document.getElementById("cg1").className = "gsdt-title1";
                },
                change2() {
                    this.retrieval("3")
                    this.getNewest("3")
                    this.newsId = "3"
                    this.flag = 3
                    document.getElementById("gs").className = "gsdt-one1";
                    document.getElementById("gs1").className = "gsdt-title1";
                    document.getElementById("hy").className = "gsdt-one1";
                    document.getElementById("hy1").className = "gsdt-title1";
                    document.getElementById("cg").className = "gsdt-one2_1";
                    document.getElementById("cg1").className = "gsdt-title";
                },
                toDetail(item) {
                    window.location.href = "./html/newsDetail.html?id=" + item.id + "&channelId=" + this.newsId + "&order=" + item.order
                },
                toLink() {
                    if (this.flag == 1) {
                        window.location.href = "./html/xwzx.html"
                    } else if (this.flag == 2) {
                        window.location.href = "./html/hydt.html"
                    }
                    else if (this.flag == 3) {
                        window.location.href = "./html/cggsdt.html"
                    }


                }
            },
            created() {
                this.getLunboList()
                this.GetListFlag("1")
                this.GetListFlag("0")
                this.GetListFlag("3")
                // this.initSwiper()
                setTimeout(() => {
                    if (this.gsyw) {
                        this.retrieval("1")
                        this.getNewest("1")
                    } else if (this.hydt) {
                        this.retrieval("0")
                        this.getNewest("0")
                    } else {
                        this.retrieval("3")
                        this.getNewest("3")
                    }
                }, 1000)
            }
        });
    </script>
    <style>
        /* html {
            -webkit-filter: grayscale(100%);
        } */
        .index-banner-swiper .swiper-pagination {
            font-size: 0.16rem !important;
        }

        .index-banner-swiper .swiper-pagination .swiper-pagination-current {
            font-size: 0.28rem !important;
        }

        .index-banner-swiper .swiper-pagination span {
            font-size: 0.16rem !important;
        }

        .index-banner-swiper .swiper-button-next {
            width: 0.38rem !important;
            height: 0.38rem !important;
            right: 0.4rem !important;
        }

        .index-banner-swiper .swiper-button-prev {
            width: 0.38rem !important;
            height: 0.38rem !important;
            left: 0.4rem !important;
        }

        .index-banner-swiper .swiper-pagination {
            font-size: 0.16rem !important;
            line-height: 0.38rem !important;
            height: 0.38rem !important;
        }

        .home-swiper-next,
        .home-swiper-prev {
            top: 0 !important;
            margin-top: 0 !important;
        }
    </style>
</body>

</html>