<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font/font.css">
    <link href="http://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="http://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script src="js/jquery.min.js"></script>
    <title>山东鑫超网络科技有限公司</title>
    <style>
        .header {
            position: fixed;
            top: 0;
            z-index: 999;
            /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
            background-color: #fff;
            box-sizing: border-box;
        }



        .header a {
            color:#000;
        }

        .main-newcore {
            width: 100%;
            background: url(http://it-1071817-pic46.websiteonline.cn/upload/5g.jpg) no-repeat center center;
            background-size: 100%;
            color: #fff;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            overflow: hidden;
        }

        .main-newcore-content {
            background: url(http://it-1071817-pic46.websiteonline.cn/upload/ijz2.png) no-repeat center center;
            width: 1200px;
            margin: 0 auto;
            height: 700px;

        }

        .main-newcore-ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .main-newcore-ul li {
            width: 250px;
            list-style: disc;
        }

        .main-newcore-content li {
            margin-bottom: 45px;
        }

        .main-product-container a {
            color: #fff;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="head">
            <div class="head-logo">
                <a href="index.html">
                    <img src="image/logo1.png" alt="">
                </a>
            </div>

            <ul class="head-ul">
                <li class="navcolor">
                    <a href="">首页</a>
                </li>
<!--                <li>-->
<!--                    <a href="product.html">产品中心</a>-->
<!--                </li>-->
                <li>
                    <a href="project.html">项目案例</a>
                </li>
                <li>
                    <a href="news.html">新闻动态</a>
                </li>
                <li>
                    <a href="invite.html">人才招聘</a>
                </li>
                <li>
                    <a href="about.html">关于我们</a>
                </li>
                <li>
                    <a href="http://doc.sintro.cn">文档中心</a>
                </li>
            </ul>
        </div>
    </div>


    <div class="banner" style="height:491px;">
        <!-- <img src="http://it-1070383-pic48.websiteonline.cn/upload/banner.jpg" alt=""> -->
        <img src="./image/bg3.jpg" alt="" style="width: 100%">
    </div>

    <!--技术支持-->
    <div class="main-info maxwidth shadow">
<!--        <div class="core-title" data-aos="fade-up" data-aos-duration="1000">-->
        <div class="core-title">
            <p class="core-title-bold">技术支持</p>
            <div class="lineicon">
                <p class="lineicon1"></p>
            </div>
            <p class="core-title-small">Technical Supports</p>
        </div>

        <ul class="main-info-box widthbox" data-aos="fade-left" data-aos-duration="1000">
            <a href="">
                <li>
                    <div class="main-info-box-img">
                        <img src="image/info3.jpg" alt="">
                    </div>
                    <p class="main-info-box-text">大数据服务</p>

                </li>
            </a>
            <a href="">
                <li>
                    <div class="main-info-box-img">
                        <img src="image/info2.jpg" alt="">
                    </div>
                    <p class="main-info-box-text">软/硬件产品</p>

                </li>
            </a>
            <a href="">
                <li>
                    <div class="main-info-box-img">
                        <img src="image/info3 (2).jpg" alt="">
                    </div>
                    <p class="main-info-box-text">运维服务</p>

                </li>
            </a>
            <a href="solve.html">
                <li>
                    <div class="main-info-box-img">
                        <img src="image/info4.jpg" alt="">
                    </div>
                    <p class="main-info-box-text">解决方案</p>
                </li>
            </a>
        </ul>

    </div>


    <!-- <div class="main-core maxwidth">
        <div class="main-core-box widthbox">
            <div class="core-title">
                <p class="core-title-bold">核心优势</p>
                <div class="lineicon"></div>
                <p class="core-title-small">Core strengths</p>
            </div>

            <ul class="core-ul">
                <li>
                    <img src="image/core1.png" alt="">
                    <div class="core-info">
                        <p class="core-info-big">走心的服务</p>
                        <p class="core-info-text">一对一的客户需求对接,及时充分了解客户需求，并具备专业的商业思维分析及成熟的技术支持</p>
                    </div>
                </li>

                <li>
                    <img src="image/core2.png" alt="">
                    <div class="core-info">
                        <p class="core-info-big">严谨的设计规范流程</p>
                        <p class="core-info-text">一对一的客户需求对接,及时充分了解客户需求，并具备专业的商业思维分析及成熟的技术支持</p>
                    </div>
                </li>

                <li>
                    <img src="image/core3.png" alt="">
                    <div class="core-info">
                        <p class="core-info-big">专业技术团队护航</p>
                        <p class="core-info-text">一对一的客户需求对接,及时充分了解客户需求，并具备专业的商业思维分析及成熟的技术支持</p>
                    </div>
                </li>

                <li>
                    <img src="image/core4.png" alt="">
                    <div class="core-info">
                        <p class="core-info-big">会员跟踪服务</p>
                        <p class="core-info-text">一对一的客户需求对接,及时充分了解客户需求，并具备专业的商业思维分析及成熟的技术支持</p>
                    </div>
                </li>

                <li>
                    <img src="image/core5.png" alt="">
                    <div class="core-info">
                        <p class="core-info-big">一流的品质把控</p>
                        <p class="core-info-text">一对一的客户需求对接,及时充分了解客户需求，并具备专业的商业思维分析及成熟的技术支持</p>
                    </div>
                </li>

                <li>
                    <img src="image/core6.png" alt="">
                    <div class="core-info">
                        <p class="core-info-big">海量需求库</p>
                        <p class="core-info-text">一对一的客户需求对接,及时充分了解客户需求，并具备专业的商业思维分析及成熟的技术支持</p>
                    </div>
                </li>
            </ul>
        </div>
    </div> -->


    <div class="main-newcore">
        <div class="main-newcore-content">
            <div class="core-title" data-aos="fade-up" data-aos-duration="1000" data-aos-offset='500'>
                <p class="core-title-bold">技术支持</p>
                <div class="lineicon">
                    <p class="lineicon1"></p>
                </div>
                <p class="core-title-small">Technical Supports</p>
            </div>
            <div class="main-newcore-ul">
                <ul>
                    <li data-aos="fade-right" aos-duration="1500">
                        <p class=" core-info-big">走心的服务</p>
                        <p class="core-info-text">一对一的客户需求对接,及时充分了解客户需求，并具备专业的商业思维分析及成熟的技术支持</p>
                    </li>
                    <li data-aos="zoom-in-right">
                        <p class="core-info-big">严谨的设计规范流程</p>
                        <p class="core-info-text">以客户为中心,减少任务节点之间交接延迟,避免过度流程自动化,业务流程标准化,更高的流程设计规范性</p>
                    </li>
                    <li data-aos="zoom-in-right">
                        <p class="core-info-big">专业技术团队护航</p>
                        <p class="core-info-text">公司秉承诚信、规范、高效的工作原则，用技术赢得市场，以创意服务取得信誉，竭诚为广大客户提供优质、高效、快捷的服务。面向未来，坚持自主创新</p>
                    </li>
                </ul>
                <ul>
                    <li data-aos="zoom-in-left">
                        <p class="core-info-big">售后跟踪服务</p>
                        <p class="core-info-text">项目验收完毕后,我们免费提供一年的维护,实时跟踪项目运行情况,保证项目的运行</p>
                    </li>
                    <li data-aos="zoom-in-left">
                        <p class="core-info-big">一流的品质把控</p>
                        <p class="core-info-text">设计框架稳定安全,流程合理可靠,服务器可满足各用户项目运行</p>
                    </li>
                    <li data-aos="zoom-in-left">
                        <p class="core-info-big">专属定制服务</p>
                        <p class="core-info-text">根据不同客户的不同需求,科学严谨的进行定制服务,随时沟通联系,满足客户的需求</p>
                    </li>
                </ul>
            </div>

        </div>
    </div>


    <!--产品中心和项目案例-->
    <div class="main-product maxwidth shadow">
        <!--产品中心-->
<!--        <div class="main-product-box widthbox">-->
<!--            <div class="core-title" data-aos="fade-up">-->
<!--                <p class="core-title-bold">产品中心</p>-->
<!--                <div class="lineicon">-->
<!--                    <p class="lineicon1"></p>-->
<!--                </div>-->
<!--                <p class="core-title-small">product center</p>-->
<!--            </div>-->

<!--            <div class="main-product-container">-->
<!--                <div class="main-product-left" data-aos="zoom-in-right">-->
<!--                    <div class="main-product-position">-->
<!--                        <div class="main-product-left-info" id="product1">-->
<!--                            产品名称-->
<!--                        </div>-->
<!--                        <div class="main-product-left-button">-->
<!--                            <a href="" id="product1_a">了解详情</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img src="image/banner_03.png" alt="" id="product1_img">-->

<!--                </div>-->

<!--                <div class="main-product-right">-->
<!--                    <div class="main-product-right-top" data-aos="zoom-in">-->
<!--                        <div class="main-product-position">-->
<!--                            <div class="main-product-left-info" id="product2">-->
<!--                                产品名称-->
<!--                            </div>-->
<!--                            <div class="main-product-left-button">-->
<!--                                <a href="" id="product2_a">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <img src="image/banner_03.png" alt="" id="product2_img">-->
<!--                    </div>-->

<!--                    <div class="main-product-right-bottom">-->
<!--                        <div class="main-product-right-bottom-one" data-aos="zoom-in">-->
<!--                            <div class="main-product-position">-->
<!--                                <div class="main-product-left-info" id="product3">-->
<!--                                    产品名称-->
<!--                                </div>-->
<!--                                <div class="main-product-left-button">-->
<!--                                    <a href="" id="product3_a">了解详情</a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <img src="image/banner_03.png" alt="" id="product3_img">-->
<!--                        </div>-->

<!--                        <div class="main-product-right-bottom-two" data-aos="zoom-in">-->
<!--                            <div class="main-product-position">-->
<!--                                <div class="main-product-left-info" id="product4">-->
<!--                                    产品名称-->
<!--                                </div>-->
<!--                                <div class="main-product-left-button">-->
<!--                                    <a href="" id="product4_a">了解详情</a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <img src="image/banner_03.png" alt="" id="product4_img">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="view-more">-->
<!--                <div class="view-more-one"></div>-->
<!--                <div class="view-more-two"></div>-->
<!--                <a href="product.html">-->
<!--                    <div class="view-more-text">查看更多</div>-->
<!--                </a>-->

<!--            </div>-->
<!--        </div>-->

        <!--项目案例-->
        <div class="main-project-box widthbox">
            <div class="core-title" data-aos="fade-up">
                <p class="core-title-bold">项目案例</p>
                <div class="lineicon">
                    <p class="lineicon1"></p>
                </div>
                <p class="core-title-small">project case</p>
            </div>

            <ul class="main-project-ul" id="projectCase">
                <li data-aos="fade-up" data-aos-offset='150'>
                    <a href="">
                        <div class="project-hide">

                        </div>
                        <img src="image/banner_03.png" alt="">
                    </a>
                </li>

            </ul>

            <div class="view-more" style="margin:75px auto;">
                <div class="view-more-one"></div>
                <div class="view-more-two"></div>
                <a href="project.html">
                    <div class="view-more-text">查看更多</div>
                </a>

            </div>
        </div>
    </div>


    <div class="main-news maxwidth">
        <div class="main-news-bg"></div>
        <div class="main-news-box widthbox" data-aos="fade-up">
            <div class="core-title" data-aos="fade-up">
                <p class="core-title-bold">新闻动态</p>
                <div class="lineicon">
                    <p class="lineicon1"></p>
                </div>
                <p class="core-title-small">news developments</p>
            </div>

            <ul class="main-news-ul" id="newsList">

            </ul>
        </div>
        <div class="view-more">
            <div class="view-more-one"></div>
            <div class="view-more-two"></div>
            <a href="news.html" style="color:#fff;">
                <div class="view-more-text">查看更多</div>
            </a>

        </div>
    </div>
    <!--新闻动态查询展示-->
    <script>
        $(function () {
            $.ajax({
                url: baseUrl + "/cms/news/state/list",
                type: "POST",
                data: {
                    pageSize : 4,
                    pageNum: 1
                },
                dataType: 'json',
                success: function (res){
                    if (res.code == 0){
                        var newsList = res.rows;
                        console.log(newsList)
                        var newsLi ="";
                        if (newsList.length>0){
                            for (var i =0;i<newsList.length;i++){
                                var time = newsList[i].createTime;

                                var day = time.substring(8, 10);
                                var year = time.substring(0, 7)

                                newsLi += "<li>\n" +
                                        "                    <div class=\"main-news-lileft\">\n" +
                                        "                        <p>"+day+"</p>\n" +
                                        "                        <p>"+year+"</p>\n" +
                                        "                    </div>\n" +
                                        "                    <a href=\" ./newsContent.html?id="+newsList[i].id+ "\">\n" +
                                        "                        <div class=\"main-news-liright\">\n" +
                                        "                            <p class=\"main-news-lititle\">"+newsList[i].title+"</p>\n" +
                                        "                            <p class=\"main-news-liinfo\">"+newsList[i].description+"</p>\n" +
                                        "                        </div>\n" +
                                        "                    </a>\n" +
                                        "                </li>"
                            }
                        }
                        $("#newsList").html(newsLi)
                    }
                }
            })
        })
    </script>


    <!-- 公司简介 -->
    <!-- <div class="main-sintro maxwidth shadow">
        <div class="main-sintro-container">
            <div class="sintro-content-left">
                <div class="sintro-left-top">
                    公司介绍
                </div>
            </div>

            <div class="sintro-content-right">
                <img src="http://www.peihuagroup.com/static/assets/images/bg_group.jpg" alt="">
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="foot">
            <ul>
                <li class="bigname">山东鑫超网络科技有限公司</li>
                <li>邮编：271027</li>
                <li>电话：0538-6363025</li>
                <li>邮箱：wangjing@sintro.cn</li>
                <li>地址：山东省泰安市高新区高创中心西塔A807</li>
            </ul>

            <div class="foot-logo">

            </div>
        </div>
        <div class="sintro">山东鑫超网络科技有限公司©2017-2020</div>
    </div> -->

    <div id="footer"></div>
    <script>
        $(document).ready(function(){
            $("#footer").load("footer.html");
        });
    </script>
    <div class="backtop">
        <i class="iconfont icon-xiangxiazhanhang"></i>
    </div>
    <script>
        // AOS.init();
        AOS.init({
            // duration: 1200,
        })
        $(".backtop").hide();
        $(function () {
            $(".backtop").bind({
                "mouseenter": function () {
                    $(this).animate({
                        "background-position-x": "0px"
                    }, 200);
                },
                "mouseleave": function () {
                    $(".backtop i").stop(true, true);
                    $(this).animate({
                        "background-position-x": "-58px"
                    }, 200);
                }
            });
            $(window).bind("scroll", function () {
                var wtop = $(document).scrollTop();
                if (wtop >= 800) {
                    $(".backtop").fadeIn(500);
                    $(".header").addClass("newheader")
                } else {
                    $(".backtop").fadeOut(500);
                    $(".header").removeClass("newheader")
                }
            });
            $(".backtop").bind("click", function () {
                $("html,body").animate({
                    "scrollTop": "0px"
                }, 500);
            });
        });


    </script>
</body>
<script src="js/url.js"></script>
<!--产品中心部分-->
<script>
    /*
    * 产品中心数据展示
    * */
    $(function(){
       $.ajax({
           url: baseUrl + "/cms/article/state/list",
           type: 'POST',
           success:function (res) {

               if (res.code == 0){
                   var productList = res.rows;
                   if (productList != null && productList != "" && productList != undefined) {
                       if (productList.length > 0) {
                           var product1 = productList[0];
                           $('#product1').html(product1.title);
                           $('#product1_img').attr("src",  product1.coverImage);
                           $('#product1_a').attr("href", "./content.html?id=" + product1.id);
                           if (productList.length > 1) {
                               var product2 = productList[1];
                               $('#product2').html(product2.title);
                               $('#product2_img').attr("src",  product2.coverImage);
                               $('#product2_a').attr("href", "./content.html?id=" + product2.id);
                               if (productList.length > 2) {
                                   var product3 = productList[2];
                                   $('#product3').html(product3.title);
                                   $('#product3_img').attr("src", product3.coverImage);
                                   $('#product3_a').attr("href", "./content.html?id=" + product3.id);
                                   if (productList.length > 3) {
                                       var product4 = productList[3];
                                       $('#product4').html(product4.title);
                                       $('#product4_img').attr("src", product4.coverImage);
                                       $('#product4_a').attr("href", "./content.html?id=" + product4.id);
                                   }
                               }
                           }
                       }
                   }
               }
           }

       })
    });
</script>
<!--项目案例部分-->
<script>
    $(function (){
        $.ajax({
            url: baseUrl + "/cms/projectCase/state/list",
            type: 'POST',
            success : function (res){
                console.log(res)
                if (res.code ==0){
                    var projectList = res.rows;
                    if (projectList != null && projectList != "" && projectList != undefined) {
                        var li = "";
                        if (projectList.length > 0) {

                            var project1 = projectList[0];
                            li += "<li data-aos=\"fade-up\" data-aos-offset='150'>\n" +
                                    "                            <a href=\" ./caseContent.html?id="+project1.id+ "\">\n" +
                                    "                                <div class=\"project-hide\">\n" +
                                    "                                    <p>" + project1.title + "</p>\n" +
                                    "                                    <p>" + project1.description + "</p>\n" +
                                    "                                </div>\n" +
                                    "                                <img src=\"" +  project1.coverImage + "\" alt=\"\">\n" +
                                    "                            </a>\n" +
                                    "                        </li>"
                            if (projectList.length > 1) {

                                var project2 = projectList[1];
                                li += "<li data-aos=\"fade-up\" data-aos-offset='150'>\n" +
                                        "                           <a href=\" ./caseContent.html?id="+project2.id+ "\">\n" +
                                        "                                <div class=\"project-hide\">\n" +
                                        "                                    <p>" + project2.title + "</p>\n" +
                                        "                                    <p>" + project2.description + "</p>\n" +
                                        "                                </div>\n" +
                                        "                                <img src=\"" +  project2.coverImage + "\" alt=\"\">\n" +
                                        "                            </a>\n" +
                                        "                        </li>"
                                if (projectList.length > 2) {

                                    var project3 = projectList[2];
                                    li += "<li data-aos=\"fade-up\" data-aos-offset='150'>\n" +
                                            "                            <a href=\" ./caseContent.html?id="+project3.id+ "\">\n" +
                                            "                                <div class=\"project-hide\">\n" +
                                            "                                    <p>" + project3.title + "</p>\n" +
                                            "                                    <p>" + project3.description + "</p>\n" +
                                            "                                </div>\n" +
                                            "                                <img src=\"" + project3.coverImage + "\" alt=\"\">\n" +
                                            "                            </a>\n" +
                                            "                        </li>"
                                }

                            }

                        }
                    }

                    $("#projectCase").html(li)
                }
            }
        })
    })
</script>

</html>