<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>南昊集团官网-测评找南昊-首页</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content="order by qfpffmp.cn"/>
    <link rel="icon" href="skin/img/logo_y.png" sizes="32x32">
    <link href="skin/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="skin/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="skin/css/animate.min.css" rel="stylesheet" type="text/css"/>
    <link href="skin/css/swiper.min.css" rel="stylesheet" type="text/css"/>
    <link href="skin/css/global.css" rel="stylesheet" type="text/css"/>
    <link href="skin/css/lib.css" rel="stylesheet" type="text/css"/>
    <link href="skin/css/element.css" rel="stylesheet" type="text/css"/>
    <link href="skin/css/style.css" rel="stylesheet" type="text/css"/>
    <script src="skin/js/global.js"></script>
    <script src="skin/js/cn.js"></script>
    <script src="skin/js/checkform.js"></script>
    <script src="skin/js/jquery-1.9.1.min.js"></script>
    <script src="skin/js/countup.js"></script>
    <script src="skin/js/wow.min.js"></script>
    <script src="skin/js/masonry.min.js"></script>
    <script src="skin/js/bootstrap.min.js"></script>
    <script src="skin/js/imagesloaded.min.js"></script>

    <script src="skin/js/lodash.js"></script>
    <script src="skin/js/axios.js"></script>
    <script src="skin/js/vue.min.js"></script>
    <script src="skin/js/element.2.13.js"></script>
    <script>new WOW().init();</script>
</head>
<body>
<div id="app">
    <header id="header" class="fixed clean trans on">
        <div id="logo" class="fl fz0 trans relative">
            <a href="index.html">
                <img src="skin/img/logo.png" class="img-0 trans max-w100 relative">
            </a>
            <div class="logo-1 absolute"><img src="skin/img/logox.png" class="img-1 trans max-w100"></div>
        </div>
        <div id="menu" class="clean">
            <a href="javascript:;" id="menu-btn" class="fr glyphicon glyphicon-menu-hamburger block-992">

            </a>
            <nav id="nav" class="fr relative text-center trans">
                <a href="javascript:;" class="menu-close block clean relative block-992" rel="nofollow">
                    <i class="fr inherit fa fa-close middle"></i>
                </a>
                <div class="container-fluid">
                    <div class="row">
                        <div class="nav-item col-sm-12 col-md-2">
                            <div class="relative">
                                <a href="index.html" class='item-a on'>首页</a>
                            </div>
                        </div>
                        <div class="nav-item col-sm-12 col-md-2" v-for="item in navs">
                            <div class="relative">
                                <a :href=`list.html?id=${item.id}&module=${item.module}&catname=${item.catname}` class='item-a on'
                                   v-if="item.catname=='产品中心'||item.catname=='新闻资讯'||item.catname=='下载中心'">{{item.catname}}</a>
                                <a href="javascript:;" class='item-a on'
                                   v-if="item.catname=='关于南昊'">{{item.catname}}</a>
                                <a :href=`article.html?id=${item.id}` class='item-a on'
                                   v-if="item.catname=='联系我们'||item.catname=='加入我们'">{{item.catname}}</a>
                                <a :href=`serviceAndSupport.html` class='item-a on'
                                   v-if="item.catname=='服务与支持'">{{item.catname}}</a>
                                <a :href=`http://www.nhcisc.com` class='item-a on'
                                   v-if="item.catname=='智批改平台'">{{item.catname}}</a>
                                <div class="sub-nav absolute trans text-left" v-if="item.list.length>0">
                                    <div class='sub-item' v-for="i in item.list">
                                        <a class='block trans' :href=`list.html?id=${i.id}&module=${i.module}`
                                           v-if="item.catname=='新闻资讯'||item.catname=='下载中心'">{{i.catname}}</a>
                                        <a :href=`list.html?id=${i.id}&module=${i.module}&catname=${item.catname}` class='block trans'
                                           v-if="item.catname=='产品中心'">{{i.catname}}</a>
                                        <a :href=`article.html?id=${i.id}&parent=${item.id}` class='block trans'
                                           v-if="item.catname=='关于南昊'">{{i.catname}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </header>

    <div id="header-blank" class="trans block-992"></div>
    <div id="website" class="trans clean">
        <div id="banner" class="banner relative fz0 swiper-container">
            <div class="swiper-wrapper">
                <div class="item swiper-slide" color="Black" v-for="item in banners">
                    <img :src="item" alt="" class="max-w100 block trans">
                </div>
            </div>
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
            <div class="swiper-pagination"></div><!--小圆点分页器-->
            <a href="javascript:;" class="prev banner-btn trans absolute" rel="nofollow"></a>
            <a href="javascript:;" class="next banner-btn trans absolute" rel="nofollow"></a>
        </div>
        <div class="index-jieshao relative clean over">
            <div class="main relative text-center">
                <div class="wow fadeInUp">
                    <div class="middle">
                        <div class="name">智批改平台</div>
                        <div class="outLine"><div class="inLine"></div></div>
                        <div class="title">WORK PLATFORM</div>
                    </div>
                </div>
            </div>
            <el-row class="jieshao-main">
                <el-col :md="10" :sm="8" :xs="24" class="wow fadeInUp">
                    <div style="width: 80%;margin: 0 auto">
                        <img src="skin/img/pingtaijieshao.png" width="100%">
                    </div>
                </el-col>
                <el-col :md="14" :sm="16" :xs="24" class="wow fadeInUp">
                    <div class="jieshao">
                        <div class="sub-title">平台介绍</div>
                        <div class="brief">
                            智批改平台一个集考试管理、数智作业、作文管理、作文机批改记录、答题卡在线制作及学校、学生信息管理于一体的综合性平台。该平台深度融合了互联网、云计算、人工智能及大数据技术，不仅实现了对学生考试、作文、作业的快速准确批改，还提供了个性化教学支持。通过智能评分、详尽的分析报告，帮助教师精准掌握学生学习情况，同时减轻批改负担。智批改平台旨在通过技术创新，为教育带来更高效、更个性化的解决方案，助力师生减负提分，推动教育质量的全面提升。
                        </div>
                    </div>
                </el-col>
            </el-row>
        </div>
        <div class="index-coreModule relative clean over">
            <div class="main relative text-center">
                <div class="wow fadeInUp">
                    <div class="middle">
                        <div class="name">智慧作业平台</div>
                        <div class="outLineB"><div class="inLineB"></div></div>
                        <div class="title">Intelligence work platform</div>
                    </div>
                </div>
                <div class="moduleBox">
                    <el-row v-for="item in coreModules" class="wow fadeInUp">
                        <el-col :md="8" :xs="24" v-for="i in item">
                            <a class="moduleItem" href="javascript:;">
                                <div style="margin-right: 10px"><img :src="i.icon" width="45px"></div>
                                <div>
                                    <div class="sub-title">{{i.title}}</div>
                                    <div class="neiRong">{{i.neiRong}}</div>
                                </div>
                            </a>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </div>
        <div class="index-service">
            <div class="wrap clean">
                <div class="web-title-0 text-center wow fadeInUp">产品中心</div>
                <div class="outLine wow fadeInUp"><div class="inLine"></div></div>
                <div class="web-title-1 text-center wow fadeInUp ">PRODUCT CENTER</div>
                <div class="flex text-center clean fz0" style="max-width: 1290px;margin: 0 auto">
                    <div class="service-item relative trans-internal" v-for="(item,index) in products">
                        <a :href=`product.html?id=${item.id}&parent=${productCenterId}` class="product-item">
                            <div class="product-img">
                                <div class="ico inline-block fz0 relative wow fadeInUp">
                                    <img :src="item.thumb" class="relative" style="width: 100%;">
                                    <!--<img v-if="plaform==='mobile'" :src="productImg[index]" class="relative" style="width: 100%;">
                                    <img v-if="plaform==='pc'" :src="item.thumb" class="relative" style="width: 100%;">-->
                                </div>
                            </div>
                            <div>
                                <div class="name wow fadeInUp">{{item.title}}</div>
                                <div class="brief wow fadeInUp">{{item.description|formatDescription}}</div>
                                <el-button type="primary" size="medium" plain style="margin-bottom:10px;"
                                >了解详情</el-button>
                            </div>

                        </a>
                    </div>
                </div>
            </div>
            <div style="text-align: center">
                <a :href=`list.html?id=${productCenterId}&module=${productCenterModule}&catname=产品中心`
                   class="more" title="查看更多">查看更多<i class="el-icon-arrow-right"></i></a>
            </div>
        </div>
    </div>

    <!--<div class="youshi text-center middle index-youshi">-->
    <!--    <div class="name wow fadeInUp">南昊优势</div>-->
    <!--    <div class="outLineB"><div class="inLineB"></div></div>-->
    <!--    <div class="title wow fadeInUp">NANHAO ADVANTAGE</div>-->
        <!--<div class="brief">南昊正与模式识别国家重点实验室、声学国家重点实验室、声纹国家重点实验室、清华大学人工智能研究院联合，努力让技术辅助老师实现教学差异化、判评作业自动化、指导学生个别化、应用普及常态化。坚持这一目标，一百年不动摇</div>-->
    <!--    <el-row class="youshi-items wow fadeInUp">-->
    <!--        <el-col :md="8" :sm="12" :xs="24" class="youshi1">-->
    <!--            <div>-->
    <!--                <div class="youshi1_1">{{new Date().getFullYear()-1995}}<span>年</span></div>-->
    <!--            </div>-->
    <!--            <div>-->
    <!--                <div class="youshi1_2">专注中小学教育测评一件事</div>-->
    <!--                <div class="youshi1_3">公司自成立以来，专注教育测评，尤其在人工智能和教育教学理念上有深度积累和突破，公司不断 总结、完成、升级教育科技产品研发方向。</div>-->
    <!--            </div>-->
    <!--        </el-col>-->
    <!--        <el-col :md="8" :sm="12" :xs="24" class="youshi2">-->
    <!--            <div>-->
    <!--                <div class="youshi2_1">88<span>个</span></div>-->
    <!--            </div>-->
    <!--            <div>-->
    <!--                <div class="youshi2_2">为88个国家客户提供阅卷服务</div>-->
    <!--                <div class="youshi2_3">公司产品服务世界88个国家和地区，多年来，产品远销士耳其、孟加拉、俄罗斯、印度、美国等88 个国家，为国内首家光标阅读机出口单位。</div>-->
    <!--            </div>-->
    <!--        </el-col>-->
    <!--        <el-col :md="8" :sm="12" :xs="24" class="youshi3">-->
    <!--            <div>-->
    <!--                <div class="youshi3_1">8.6<span>万所</span></div>-->
    <!--            </div>-->
    <!--            <div>-->
    <!--                <div class="youshi3_2">服务8.6万所学校的阅卷服务</div>-->
    <!--                <div class="youshi3_3">公司阅卷机产品服务全国8.6万所初中、高中学校，6900万学生，620万教师。</div>-->
    <!--            </div>-->
    <!--        </el-col>-->
    <!--    </el-row>-->
    <!--</div>-->
    <div class="index-news clean">
        <div class="web-title-0 text-center wow fadeInUp">新闻资讯</div>
        <div class="outLine"><div class="inLine"></div></div>
        <div class="web-title-1 text-center wow fadeInUp ">NEWS INFORMATION</div>
        <div class="news-list clean">
            <div :class="['item',index==0?'fl':'fr']" v-for="(item,index) in news">
                <a :href=`article.html?id=${item.id}&parent=${newsId}`>
                    <div class="date wow fadeInUp">{{item.createtime|formatTime}}</div>
                    <div class="title text-over wow fadeInUp">
                        <div style="font-size: 1em" :title="item.title">{{item.title}}</div>
                    </div>
                    <div class="brief over content-box wow fadeInUp">{{item.description}}</div>
                </a>
            </div>
            <!--<div class='item fr'>
                <div class="date wow fadeInUp">03-28 —— 2019</div>
                <div class="title text-over wow fadeInUp"><a href="a/xinwen/gongsixinwen/15.html">在香港、孟买、北京或者上海购买</a>
                </div>
                <div class="brief over content-box wow fadeInUp">根据牛津经济研究机构（Oxford
                    Economics）提供的最新报告：在香港、孟买、北京或者上海购买一套面积为970平方英尺的公寓将 花费一个中等收入的家庭30多年的时间。牛津经济研究机构是
                </div>
            </div>
            <div class='item fl'>
                <div class="date wow fadeInUp">03-28 —— 2019</div>
                <div class="title text-over wow fadeInUp"><a href="a/xinwen/gongsixinwen/14.html">全球最贵的5大城市 3个在中国</a>
                </div>
                <div class="brief over content-box wow fadeInUp">根据牛津经济研究机构（Oxford
                    Economics）提供的最新报告：在香港、孟买、北京或者上海购买一套面积为970平方英尺的公寓将花费一个中等收入的家庭30多年的时间。牛津经济研究机构是
                </div>
            </div>-->
        </div>
        <div class="text-center">
            <a :href=`list.html?id=${newsId}&module=${newsModule}&catname=新闻资讯` class="more" title="查看更多">查看更多<i class="el-icon-arrow-right"></i></a>
        </div>
    </div>

    <footer id="footer" class="wow fadeIn text-center">
        <div class="wrap1170">
            <!--<div class="site-name"><img src="skin/img/nanhao.png" width="166"></div>-->
            <div class="site-info">
                <span class="inline-block wow fadeInUp">地址：北京市海淀区上地四街华成大厦</span>
                <span class="inline-block wow fadeInUp">电话: 010-82893678</span>
                <span class="inline-block wow fadeInUp">邮编：100000</span>
            </div>
            <!--<div class="site-share">
                &lt;!&ndash;<a href="http://weibo.com" class="i fa fa-weibo wow fadeInUp relative"
                                       rel="nofollow"> </a>&ndash;&gt;
                <a href="javascript:;" class="i fa fa-weixin wow fadeInUp relative" rel="nofollow">
                    <img src="skin/img/wx.jpg"  class="trans absolute qrcode">
                </a>
            </div>-->
            <div class="copyright text-center">Copyright &copy; 2024 北京南昊科技股份有限公司 版权所有</div>
            <div class="beian text-center">
                <a style="text-decoration: none" href="http://beian.miit.gov.cn/" target="_blank">冀ICP备15026820号-10</a>
            </div>
        </div>
    </footer>

    <div class="weixin">
        <div class="model" @mouseover="movePhone" @mouseout="outPhone">
            <img src="skin/img/phone.png" id="phone">
            <div class="describe">电话咨询</div>

            <div class="phone-ab" v-show="show1">
                <div>市场部销售热线：</div>
                <div class="phone-number">010-82893678</div>
                <div style="margin-top: 20px">售后维修热线：</div>
                <div class="phone-number">400-837-5022</div>
            </div>
        </div>
        <div class="model download-tiyan" @mouseover="moveEwm" @mouseout="outEwm">
            <img src="skin/img/ewm.png" id="ewm">
            <div class="describe">下载体验</div>

            <div class="ewm-ab" v-show="show2">
                <img src="skin/img/二维码.jpg">
                <div>扫码体验南昊叮叮作文</div>
                <div>能提分</div>
            </div>
        </div>

    </div>
</div>
<script src="skin/js/website.js"></script>

<script>
    new Vue({
        el: "#app",
        data: {
            banners: [],
            navs: [],
            productCenterId:"",
            productCenterModule:"",
            products:[],
            //aboutUs:{},
            //aboutUsId:"",
            newsId:"",
            newsModule:"",
            news:[],
            coreModules:[
                [{
                icon:'skin/img/core-icon1.png',
                title:'云阅卷',
                neiRong:'云阅卷采用“互联网+教育”模式设计，实现客观题自动批阅，主观题网上评卷；操作简单，用户只需“扫描”和“批阅”即可得到全维度的考试数据统计分析。'
            },{
                icon:'skin/img/core-icon2.png',
                title:'有痕阅卷',
                neiRong:'学生答题卡答题，客观题自动评阅，主观题教师纸上批阅，不改变教师批阅习惯，先阅后扫。适用于单元练习、小型测验等考试。'
            },{
                icon:'skin/img/core-icon3.png',
                title:'作业批改',
                neiRong:'教师平台布置作业，学生客观题手机、平板进行答题，主观题纸上答题，拍照上传，教师线上批改。'
            }],[{
                icon:'skin/img/core-icon4.png',
                title:'精准教学',
                neiRong:'考试完成后，在统计分析页面查看各科目详细分析和每个学生的答题情况，平台制定更符合教师的教育策略，教师可在教学过程中有针对性的因材施教。'
            },{
                icon:'skin/img/core-icon5.png',
                title:'错题本',
                neiRong:'通过对每次作业、每次考试数据的分析整理，将学生做错的题目整理出来，进行知识点标注，平台自动推送相关知识点的试题进行练习。'
            },{
                icon:'skin/img/core-icon6.png',
                title:'家校互动',
                neiRong:'通过公众号家长可以查看学生的日常作业、考试数据、答题原卷、错题集、薄弱点分析等专项信息，让家长更了解自己孩子的日常学习，进行家校共育。'
            }],[{
                icon:'skin/img/core-icon7.png',
                title:'课堂互动',
                neiRong:'将信息化技术常态化手段融入课堂教学，实现课堂教学的创新，辅助教师课堂教学，利用答题器调动课堂的气氛，提高教学效率。'
            },{
                icon:'skin/img/core-icon8.png',
                title:'AI智能批改',
                neiRong:'南昊AI智能批改实现了语文作文、数学初中、英语全题型自动批改，减轻教师的负担，提高工作效率。'
            },{
                icon:'skin/img/core-icon9.png',
                title:'作业机',
                neiRong:'实现学生作业的日常采集，学生自主交作业，客观题自动评阅，主观题AI智能批改，并推送相关知识点错题进行打印。'
            }]],
            productImg:['/skin/img/1.png','/skin/img/2.jpg','/skin/img/3.png'],
            plaform:"",
            show1: false,
            show2:false,
        },
        created() {
            if(document.documentElement.clientWidth > 750){
                this.plaform = 'pc';
            }else{
                this.plaform = 'mobile';

            }
            this.initInstance();
            this.initPageData();
        },
        filters:{
            formatTime(date){
                var arr = date.split("-");
                /*var y = date.getFullYear();
                var m = date.getMonth() + 1;
                m = m < 10 ? ('0' + m) : m;
                var d = date.getDate();
                d = d < 10 ? ('0' + d) : d;*/
                return arr[1]+'-'+arr[2]+'——'+arr[0];
            },
            formatDescription(value){
                return value.slice(0,55)
            }
        },
        methods: {
            initInstance() {
                //let ajaxTimes = 0;
                //let loading;
                this.instance = axios.create({
                    headers: {
                        'content-type': 'application/json',
                    }
                });
                this.instance.interceptors.request.use(
                    config => {
                        //ajaxTimes++;
                        //layer.load(true);
                        /*loading = this.$loading({
                          lock: true,
                          text: '加载中',
                          spinner: 'el-icon-loading',
                          background: 'rgba(0, 0, 0, 0.7)'
                        });*/
                        return config
                    },
                    err => {
                        return Promise.reject(err)
                    });
                this.instance.interceptors.response.use(
                    response => {
                        /*ajaxTimes--;
                        if (ajaxTimes === 0) {
                          //layer.closeAll('loading');
                          loading.close();
                        }*/
                        if (response.data.code === 400 && response.data.message === "token验证失败") {

                        }

                        return response
                    },
                    //接口错误状态处理，也就是说无响应时的处理
                    error => {
                        /*layer.msg("权限失效，请重新登录", {icon: 0});
                        setTimeout(function () {
                            window.location.href = "../../../index.html";
                        }, 2000);// 返回接口返回的错误信息*/
                    }
                );
            },
            initPageData() {
                this.instance.post("/api").then((res) => {
                    if (res.data.code === 200) {
                        var w= window.innerWidth || document.body.clientWidth;
                        if(w > 1366){
                            this.banners = _.map(res.data.data['banner'],'thumb');
                        }
                        else if(w > 991 && w <=1366){
                            this.banners = _.map(res.data.data['banner'],'inimage');
                        }else{
                            this.banners = _.map(res.data.data['banner'],'thumss');
                        }

                        this.navs = res.data.data['nav'];
                        this.filterData(this.navs);
                        this.getProduct(this.navs);
                        this.getNews(this.navs);
                    }

                })
            },
            filterData(navs){
                for(let i in navs){
                    if(navs[i]['catname']!=='产品中心'&&navs[i]['catname']!=='新闻资讯'&&navs[i]['catname']!=='下载中心'&&navs[i]['catname']!=='智学作文平台'){
                        this.getId(navs[i].id,navs[i]['module']).then((res)=>{
                             navs[i].id=res;
                        })
                    }
                    if(navs[i].list.length>0 && navs[i]['catname'] === '关于南昊'){
                        for(let j in navs[i].list){
                            this.getId(navs[i].list[j].id,navs[i].list[j]['module']).then((res)=>{
                                //console.log(res);
                                navs[i].list[j].id=res;
                            });
                        }
                    }
                }
            },
            async getId(id,module){
                return new  Promise(resolve => {
                    this.instance.post("/api/index/list", {id: id,module:module})
                        .then((res) => {
                            if(res.data.code===200){
                                /*if(catname==="公司简介"){
                                    this.aboutUs = res.data.data.data[0];
                                    this.aboutUsId = res.data.data.data[0].id;
                                }*/
                                resolve(res.data.data.data[0].id)
                            }
                        })
                })

            },
            getProduct(navs){
                for(let i in navs){
                    if(navs[i]['catname']==='产品中心'){
                        this.productCenterId = navs[i].id;
                        this.productCenterModule = navs[i].module;
                        this.instance.post("/api/index/list", {id: navs[i].id,module:navs[i]['module']})
                            .then((res) => {
                                if(res.data.code===200){
                                    this.products = res.data.data.data.slice(0,3).reverse();
                                }
                            });
                    }
                }
            },
            getNews(navs){
                for(let i in navs){
                    if(navs[i]['catname']==='新闻资讯'){
                        this.newsId = navs[i].id;
                        this.newsModule = navs[i].module;
                        this.instance.post("/api/index/list", {id: navs[i].id,module:navs[i]['module']})
                            .then((res) => {
                                if(res.data.code===200){
                                    this.news = res.data.data.data.slice(0,2);
                                }
                            });
                    }
                }
            },
            movePhone(){
                document.getElementById('phone').src = 'skin/img/phone-select.png';
                this.show1 = true;
            },
            outPhone(){
                document.getElementById('phone').src = 'skin/img/phone.png';
                this.show1 = false;
            },
            moveEwm(){
                document.getElementById('ewm').src = 'skin/img/ewm-select.png';
                this.show2 = true;
            },
            outEwm(){
                document.getElementById('ewm').src = 'skin/img/ewm.png';
                this.show2 = false;
            }
        }
    })
</script>
<script src="skin/js/swiper-bundle.js"></script>
<script>
    setTimeout(()=>{
        var mySwiper =new Swiper(".swiper-container",{
            slidesPerView: 1,
            spaceBetween: 30,
            autoplay:{
                delay: 3000,
                disableOnInteraction: false,
            },//自动轮播
            loop:true,//--可以让图片循环轮播
            autoplayDisableOnInteraction:false,//--在点击之后可以继续实现轮播
            pagination:{
                el: '.swiper-pagination',
                clickable: true,
            },//--让小圆点显示
            paginationClickable:true,//--实现小圆点点击
            /*effect:"flip"//--可以实现3D效果的轮播*/
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            //effect: 'cube',
            grabCursor: true,
            cubeEffect: {
                shadow: true,
                slideShadows: true,
                shadowOffset: 20,
                shadowScale: 0.94,
            },
        })
    },1000)

</script>
</body>
<!--<script src="http://www.qfpffmp.cn/templets/default/js/online.js" type="text/javascript"></script>-->
</html>
