﻿<!DOCTYPE html>
<html ng-app="app" ng-controller="MainController">
<head>
    <meta charset="utf-8" />
    <title>华昊无纺布有限公司官方网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maxinum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="中国·华昊无纺布有限公司官方网站,华昊无纺布,无纺布,华昊" />
    <meta name="description" content="中国·华昊无纺布有限公司官方网站, 电话：+86 577 64216888 59950083, 浙江省温州龙港新城时代大道高科路,主要经营SMS无纺布;SS无纺布;PP纺粘热轧无纺布;" />
    <script src="/Content/device.js"></script>
    <!-- Bootstrap Core CSS -->
    <link href="/Content/bootstrap-3.3.2-dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/Content/Style.css" rel="stylesheet" />
    <!-- jQuery -->
    <!--[if !IE]> -->
    <script src="/Content/jquery-2.1.3.min.js"></script>
    <!-- <![endif]-->
    <!--[if IE]>
    <script src="/Content/jquery-1.11.2.min.js"></script>
        <![endif]-->
    <!-- Bootstrap Core JavaScript -->
    <script src="/Content/bootstrap-3.3.2-dist/js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
        <script src="/Content/html5shiv.min.js"></script>
        <script src="/Content/respond.min.js"></script>
    <![endif]-->
    <link href="Content/swiper/swiper.min.css" rel="stylesheet" />
    <script src="Content/swiper/swiper.min.js"></script>
    <script src="/Content/jquery.cookie.js"></script>
    <script src="/Content/angular-1.2.2/angular.min.js"></script>
    <script src="/Content/angular-1.2.2/angular-route.min.js"></script>
    <script src="/Content/jquery.lazyload.js?v=1.9.1"></script>
    <script src="/Content/animatescroll.js"></script>
    <script src="/Cust/scripts/app.js"></script>
    <script src="/Cust/scripts/controllers.js"></script>
    <script src="/Content/moveline.js"></script>
    <script type="text/javascript">
        function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }

        function closeNavMenu() {
            $('#divNav').hide(); $('#iNav').show(); $('#container').removeClass('glass');
        }

        function NavPage(url) {
            closeNavMenu();
            window.scrollTo(0, 0);
            window.location.href = url;
        }

        function moveLine() {
            $('.navBar').moveline({
                color: '#17d0ff',
                position: 'inner',
                click: function (ret) {
                    ret.ele.addClass('active').siblings().removeClass('active');
                    //showMessage('点击的是第' + ret.index + '个li,当前已经被设置成active的状态');
                }
            });
        }

        function setlang() {
            if (getQueryString("lang") == "EN") {
                $('#divlang').html("中文");
                $('#divlang').click(function () { location.href = 'index.html?lang=CN#/Home' });
            }
            else {
                $('#divlang').html("En");
                $('#divlang').click(function () { location.href = 'https://www.ehuahao.com/' });
            }
        }

        function setnav(url) {
            var c = 0;
            $("#ngbar a").each(function () {
                if (url.indexOf($(this).attr('href')) >= 0) { $(this).parent().attr('class', 'narBarItem split active'); c++; } else { $(this).parent().attr('class', 'narBarItem split'); }
            });
            if (c == 0) {
                $("#ngbar li:first").attr('class', 'narBarItem split active');
            }
        }

        function resizeNewsBar() {
            //if ( $(window).height() >745) {
            //    $('#footer').show();
            //    $('#container').css('width','100%');
            //}
            //else {
            //    $('#footer').show();
            //    $('#container').css('height', '1000px');
            //}
            $('.banner').height($(window).height() - 130);
        }

        $(window).resize(function () {
            resizeNewsBar();
        });

        setTimeout("resizeNewsBar()", 500);

        function nav(url) {
            window.location.href = url;
            IndexPageOverHide();
        }

        $(function () {
            setnav(window.location.href);
            moveLine();
            IndexPageOverHide();
            $("a[name='lang']").each(function () { $(this).attr('href', '/index.html?lang=' + this.id + "#/Home"); });
            setlang();
            $('.narBarItem').mouseover(function () {
                var that = $(this).find('.submenu');
                $(this).find('.submenu').show().mouseout(function () {
                    that.hide();
                });
                $(this).mouseout(function () {
                    that.hide();
                });
            });

            var url = "/Cust/GetBannerAndSubMenus?lang=" + getQueryString('lang');
            $.get(url + "&r=" + Math.random(), function (res) {
                res = eval('(' + res + ')');
                var topbar = res.data.topbar;
                if (topbar && (topbar > "")) {
                    $('#topBar').html(topbar);
                    $('#topBar img:first').addClass('img-full');
                }
                CreateSubMenus("menu1", res.data.menu1);
                CreateSubMenus("menu2", res.data.menu2);
                CreateSubMenus("menu3", res.data.menu3);
                CreateSubMenus("menu4", res.data.menu4);
                $('.submenu>li').click(function () {
                    var id = $(this).attr("id");
                    location.href = '#/Template/' + id;
                });

                banners = res.data.bannerImgs;
                newsImgUrl = res.data.newsImgUrl;
                noticeImgUrl = res.data.noticeImgUrl;
                CreateBanner(banners);
            });

        });

        function CreateSubMenus(mainMenuID, subMenuData) {
            var menu2 = [];
            subMenuData.forEach(function (item) {
                if (item.ParentID > 0) {

                }
                else {
                    menu2.push(item);
                }
            })

            if (menu2.length > 0) {
                var b = "<ul class='submenu'>";
                menu2.forEach(function (item) {
                    b += "<li id='" + item.ID + "'>" + item.Title + "</li>";
                });
                b += "</ul>";
                $('#' + mainMenuID).append(b);
            }

            menu2.forEach(function (item) {
                CreateSub3Menus(item.ID, subMenuData);
            });
            $('.submenu>li').mouseover(function () {
                var that = $(this).find('.sub3menu');
                $(this).find('.sub3menu').show().mouseout(function () {
                    that.hide();
                });
                $(this).mouseout(function () {
                    that.hide();
                });
            });

        }

        function CreateSub3Menus(mainID, subMenuData) {
            var menu3 = [];
            subMenuData.forEach(function (item) {
                if (item.ParentID == mainID) {
                    menu3.push(item);
                }
            })

            if (menu3.length > 0) {
                $('#' + mainID).addClass('navTip');

                var b = "<ul class='sub3menu'>";
                menu3.forEach(function (item) {
                    b += "<li id='" + item.ID + "'>" + item.Title + "</li>";
                });
                b += "</ul>";
                $('#' + mainID).append(b);
            }

            $('.sub3menu>li').click(function () {
                var id = $(this).attr("id");
                location.href = '#/Template/' + id;
                return false;
            });
        }

    </script>
</head>
<body>
    <div style="position:fixed;z-index:999;width:100%; min-width:1280px;">
        <div id="topBar">
            <div class="topBar">
                <img src="Cust/CustImg/logo2.png" style="padding:10px; width:20%; margin-left:15%; min-width:300px;" />
                <div style="float:right; margin-right:15%;">
                    <img src="/Cust/CustImg/logo3.png" class="pull-left" style="width:80px; padding-top:3px; margin-right:5px;" />
                    <img src="/Cust/CustImg/phone.png" class="pull-left" style="width:36px; padding-top:3px;" />
                    <div class="pull-left" style="padding-left:10px;">
                        <div>{{lang.ServePhone}}：</div>
                        <div class="text-nowrap" style="font-size:22px; color:#ff0068; padding-top:10px;">+86-577-64216888</div>
                    </div>
                </div>
            </div>
        </div>
        <ul id="ngbar" class="navBar" style="height:50px; padding-left:20%; ">
            <li class="narBarItem split active">
                <div onclick="nav('#/Home')" style="text-align:center">{{lang.Home}}</div>
            </li>
            <li id="menu1" class="narBarItem split">
                <div style="text-align:center">{{lang.About}}</div>    <!--onclick="nav('#/Company')"-->
            </li>
            <li id="menu2" class="narBarItem split">
                <div style="text-align:center" onclick="nav('#/News')">{{lang.News}}</div>
            </li>
            <li id="menu3" class="narBarItem split">
                <div style="text-align:center" onclick="nav('#/Product?r=' + Math.random());">{{lang.Product}}</div>
            </li>
            <li id="menu4" class="narBarItem split">
                <div style="text-align:center">{{lang.Recruit}}</div>    <!--onclick="nav('#/Recruit');"-->
            </li>
            <li class="narBarItem split">
                <div style="text-align:center" onclick="nav('#/Contact');">{{lang.Contact}}</div>
            </li>
            <li style="padding-left: 30px; padding-top: 15px; width: 180px; cursor:pointer">
                <!--<div class="dropdown" style="position: absolute; z-index: 99999; font-family: 'Times New Roman'; text-align: center; border: 1px #87CEEB solid; ">
                    <div data-toggle="dropdown">
                        <div style="height: 22px; width:80px; padding:3px; border-right: 1px white solid; float:left">Language</div>
                        <div style="height: 22px;  float: left; width: 22px; "><span class="caret"></span></div>
                    </div>
                    <ul class="dropdown-menu" role="menu"
                        aria-labelledby="dropdownMenu1" style="padding: 0px; min-width: 90px; background-image: url('/Cust/CustImg/nav_bg.jpg'); ">
                        <li role="presentation">
                            <div style="border-bottom: 1px white solid;" onclick="nav('/index.html?lang=CN#/Home')" class="langbtnCN">中文简体</div>
                            <div onclick="nav('/index.html?lang=EN#/Home')" class="langbtnEN">English</div>
                        </li>
                    </ul>
                </div>-->
                <div id="divlang" style="position: absolute; z-index: 99999; font-family: 'Times New Roman'; text-align: center; border: 1px #87CEEB solid; padding:2px 10px; letter-spacing:2px;">
                    En
                </div>
            </li>
        </ul>
    </div>
    <div id="container" class="clearfix" ng-view=""></div>
    <!--<div id="footer" >
        <div class="small text-center">
            {{lang.FootLine1}}
            <div>{{lang.FootLine2}}</div>
        </div>
    </div>-->
    <div style="position:fixed; height:20px; bottom:0; left:0; background-color:black; z-index:99999; width:100%; text-align:center; cursor:pointer; " >
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33038302330747" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:white;"><img src="http://www.beian.gov.cn/img/new/gongan.png" />浙公网安备33038302330747号</p>
        </a>
        &nbsp;&nbsp;
        
        <a href="https://beian.miit.gov.cn/" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:white;">浙ICP备18008270号-1</p>
        </a>
    </div>
</body>
</html>

