

<!DOCTYPE HTML>
<html>
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=gbk">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <link href="dir/favicon.ico" rel="shortcut icon" type="image/x-icon">
    
    <title>��ɫ�н���������˿���겣���������ӡ�������Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾�ٷ���վ?</title>
    <meta name="keywords" content="��ɫ�н���������˿���겣���������ӡ�������Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾">
    <meta name="description" content="�Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾�ٷ���վ,��Ӫ����ɫ�н���������˿���겣���������ӡ����">

    <link href="/css/bootstrap.css" rel="stylesheet">
    <link href="/css/index.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet" type="text/css">
</head>

<body class="navfixed">
    <!-- ���� -->
    <nav class="navbar navbar-default nav navbar-fixed-top navbar-shadow" role="navigation">
        <div class="container-fluid container">
            <div class="row">
                <div class="navbar-header navbar-logo">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                        <span class="sr-only">�л�����</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>

                    <div class="logo">
                        <h1 style="margin: 0px;"><a href="" alt="�Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾" title="�Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾">�Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾</a></h1>
                    </div>

                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-right navbar-nav nav-stacked nav-top">
                        


                        <li class="active"><a href="/default.aspx">&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;</a></li>
                        <li class=""><a href="/profile.aspx">���</a></li>

                        <li class="dropdown ">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">��Ʒ<b class="caret"></b></a>
                            <ul class="dropdown-menu menu-top">
                                
                                <li><a href="/products.aspx?pkid=8">����ϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=9">��ɫ�н�ϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=11">�����ӡϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=12">����ϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=13">ѹ��ϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=14">����ϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=15">ʴ��ϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=16">�о��˿ϵ��</a></li>
                                
                                <li><a href="/products.aspx?pkid=17">�������ϵ��</a></li>
                                
                            </ul>
                        </li>
                        <li class=""><a href="/project.aspx">����</a></li>
                        <li class=""><a href="/equipment.aspx">�豸</a></li>
                        <li class=""><a href="/news.aspx">����</a></li>
                        <li class=""><a href="/contact.aspx">&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <!-- banner -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- data-ride="carousel" ����ʱ�Զ����� -->
        <!-- �ֲ���Carousel��ָ�� -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- �ֲ���Carousel����Ŀ -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="/images/slider/1.jpg" style="display: block; margin: 0 auto" alt="First slide">
            </div>
            <div class="item">
                <img src="/images/slider/2.jpg" style="display: block; margin: 0 auto" alt="Second slide">
            </div>
            <div class="item">
                <img src="/images/slider/3.jpg" style="display: block; margin: 0 auto" alt="Third slide">
            </div>
        </div>
        <!-- �ֲ���Carousel������ -->
        <a class="carousel-control left" href="#myCarousel"
            data-slide="prev">&lsaquo;
        </a>
        <a class="carousel-control right" href="#myCarousel"
            data-slide="next">&rsaquo;
        </a>
    </div>



    
    <!-- ��� -->
    <div class="index-about wow bounceInUp animated">
        <h2 class="text-center wow bounceInUp animated" style="padding-bottom: 0.5%; margin-bottom: 0;">���</h2>
        <p style="color: #fff; text-align: center; margin-bottom: 2%;" class=" wow bounceInUp animated" data-wow-delay="0.5s">COMPANY PROFILE</p>
        <div class="container" style="background: #f2f2f2;">
            <div class="row" style="margin: 4% 1%;">

                <div class="col-xs-12 col-sm-12 col-md-4">
                    <a href="/profile.html">
                        <img src="/images/img-aboutus-1.jpg" alt="�Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾" style="max-width: 100%;" /></a>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-8" style="padding-left: 20px;">
                    <h3>�Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾</h3>
                    <span style="font-size: 80%; color: #b0afaf;">Shanghai Shenban Glass Building Materials Co. , Ltd.</span>
                    <div style="background: #b50f18; width: 80px; height: 2px; margin: 2% 0;"></div>
                    <h4>�Ƚ��Ĳ����������</h4>
                    <p>ɫ�����á�������졢���ָ��ԡ�׷����������&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;����װ�β�����Ʒ�ĺ��ľ�������&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;����ƾ������иŬ�����̿����С����ϴ��£�����ʮ��ĥ�£�����׿ԽƷ�ƣ����ͽ��ջԻ͡�</p>
                    <p>
                        &#28595;&#38376;&#24635;&#32479;&#32593;&#22336;������Solutia��������ŵ����˾����ǰհ�Եĺ������������Ϻ������й�����װ�β���֮�Ⱥӣ������ƶ��˸��Ի���������Ӧ��������װ�Ρ�����Ļǽ�Ľ��̡�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;����ͨ�����Ϻ��ִ���Ƽ��š�����Gesler KPF�ȹ������ڶ���ƴ�ʦ�ĺ�����������ǵĴ��⸶��ʵ�֡�
                    </p>
                    <a href="/profile.aspx" class="more" title="�˽����" alt="�˽����"></a>
                </div>
            </div>
        </div>
    </div>

    <!-- ��Ʒ -->
    <div class="index-product wow bounceInUp animated">
        <div class="container" style="border-top: 1px solid #f5f5f5;">
            <h2 class="text-center">��Ʒ</h2>
            <p style="text-align: center; margin-bottom: 1%;" class=" wow bounceInUp animated" data-wow-delay="0.5s">PRODUCT</p>
            <div class="row text-center">
                
                
            </div>
            <div class="row" style="margin-top: 20px; text-align: center;">
                
                <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                    <a href="/product_detail.aspx?Id=76" target="_blank" class="thumbnail">
                        <img src="/uploadFile/pic/202011/202011131351100513.jpg" alt="����ϵ��" style="max-width: 100%;">
                        <div style="line-height: 300%;">����ϵ��</div>
                    </a>
                </div>
                
                <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                    <a href="/product_detail.aspx?Id=77" target="_blank" class="thumbnail">
                        <img src="/uploadFile/pic/202011/202011131352478015.jpg" alt="��ɫ�н�ϵ��" style="max-width: 100%;">
                        <div style="line-height: 300%;">��ɫ�н�ϵ��</div>
                    </a>
                </div>
                
                <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                    <a href="/product_detail.aspx?Id=78" target="_blank" class="thumbnail">
                        <img src="/uploadFile/pic/202011/202011131355121477.jpg" alt="ѹ��ϵ��" style="max-width: 100%;">
                        <div style="line-height: 300%;">ѹ��ϵ��</div>
                    </a>
                </div>
                
                <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                    <a href="/product_detail.aspx?Id=79" target="_blank" class="thumbnail">
                        <img src="/uploadFile/pic/202011/202011131356525391.jpg" alt="�����ӡϵ��" style="max-width: 100%;">
                        <div style="line-height: 300%;">�����ӡϵ��</div>
                    </a>
                </div>
                
                
            </div>
        </div>
    </div>


    <!-- ���� -->
    <div class="index-product">
        <h2 class="text-center wow bounceInUp animated" style="padding-bottom: 0.5%; margin-bottom: 0;">�Ƚ��Ĳ����������</h2>
        <p style="text-align: center; margin-bottom: 2%;" class=" wow bounceInUp animated" data-wow-delay="0.5s">ADVANCED GLASS SOLUTIONS</p>
        <div class="container wow bounceInUp animated">
            <div class="row">

                <div class="col-xs-12 col-sm-4 col-md-4 hovereffect" style="padding: 6px; margin-bottom: 20px;">
                    <img src="/project/1.jpg" alt="Image" style="max-width: 100%; margin-right: 10px;" />
                    <div class="overlay">
                        <a class="info" href="/project.aspx">���»�
                            <div style="font-size: 14px; text-shadow: none; font-weight: normal; letter-spacing: 0; margin-bottom: 2%;">Mayflower</div>
                            <div style="background: #fff; width: 40px; height: 2px; margin: 0 auto;"></div>
                        </a>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4 hovereffect" style="padding: 6px; margin-bottom: 20px;">
                    <img src="/project/2.jpg" alt="Image" style="max-width: 100%;" />
                    <div class="overlay">
                        <a class="info" href="/project.aspx">���������
                            <div style="font-size: 14px; text-shadow: none; font-weight: normal; letter-spacing: 0; margin-bottom: 2%;">Glass Museum</div>
                            <div style="background: #fff; width: 40px; height: 2px; margin: 0 auto;"></div>
                        </a>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-4 hovereffect" style="padding: 6px; margin-bottom: 20px;">
                    <img src="/project/3.jpg" alt="Image" style="max-width: 100%;" />
                    <div class="overlay">
                        <a class="info" href="/project.aspx">�������д���
                            <div style="font-size: 14px; text-shadow: none; font-weight: normal; letter-spacing: 0; margin-bottom: 2%;">Citibank building</div>
                            <div style="background: #fff; width: 40px; height: 2px; margin: 0 auto;"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ���� -->
    <h2 class="text-center">����</h2>
    <p style="text-align: center; margin-bottom: 1%;" class=" wow bounceInUp animated" data-wow-delay="0.5s">NEWS</p>
    <div class="index-news wow swing">
        <div class="container">
            <div class="row">
                
                <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                    <a href="/news_detail.aspx?Id=2">
                        <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                            <img src="/uploadFile/pic/202010/202010261752227790.jpg" alt="����ѧ���з����ͱ�ɫ���� ���Ⱥ�ɱ��̫���ܵ��">
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <h3>����ѧ���з����ͱ�ɫ����...</h3>
                            <p>����ýNew Atlas�����������ǺܺõĲɹ⹤�ߣ������ļ�����Ҳ�����˲���Ҫ����������������˲�...</p>
                        </div>
                    </a>
                </div>
                
                <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                    <a href="/news_detail.aspx?Id=3">
                        <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                            <img src="/uploadFile/pic/202010/202010261750185390.jpg" alt="Ԥ�Ƹ߼������г���ģ��2026�꽫�ﵽ953.695����Ԫ">
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <h3>Ԥ�Ƹ߼������г���ģ��2...</h3>
                            <p>��һ���г��о����棬Ԥ��ȫ��߼������г���2026�꽫�ﵽ953.695����Ԫ���߼����������Ƚ���...</p>
                        </div>
                    </a>
                </div>
                
                <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                    <a href="/news_detail.aspx?Id=4">
                        <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                            <img src="/uploadFile/pic/202010/202010261756381326.jpg" alt="2020-2027��ȫ����ܲ�����ҵԤ�⣺������������Ϊ3.5%">
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <h3>2020-2027��ȫ��...</h3>
                            <p>Reportlinker���ڷ�����ȫ����ܲ�����ҵԤ�ⱨ�棬Ԥ��2020�굽2027���ĸ�������...</p>
                        </div>
                    </a>
                </div>
                
                <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                    <a href="/news_detail.aspx?Id=5">
                        <div class="col-xs-12 col-sm-6 col-md-6" style="padding: 0;">
                            <img src="/uploadFile/pic/202010/202010261802578524.jpg" alt="10��23�ղ����г��籨">
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <h3>10��23�ղ����г��籨</h3>
                            <p>10��26�ձ�������ĩ�����ڸ��������ֻ��г������������г���Ͷ������ø�֡�����ɳ�ӵ�����ҵ����...</p>
                        </div>
                    </a>
                </div>
                
            </div>
        </div>
    </div>




    <!-- footer -->
    <footer>
        <div class="index-footer">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-7 col-md-7">
                        <h4>��Ӫ��Ʒ����ɫ�н���������˿���겣���������ӡ����</h4>
                        �Ϻ�&#28595;&#38376;&#24635;&#32479;&#32593;&#22336;�����������޹�˾ ��Ȩ���� ����֧�֣��в�������������<a href="/management/login.aspx" target="_blank">��վ����</a>
                        <br>
                        ��ICP��2020028741��-1
                    </div>

                    <div class="col-xs-12 col-sm-5 col-md-5 hidden-xs" style="border-left: 1px solid #cccccc; padding-left: 56px;">
                        <h4>TEL 021-57580790</h4>
                        <p>
                            ��ַ���Ϻ��з����������̩���ܼҴ�Ҧ��836��<br>
                            ���棺021-57580794
                        </p>
                        <img src="/images/code.jpg" alt="��ά��">
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!--ȫ�ֹ���jQuery��-->
    <script src="/js/jquery-3.0.0.min.js"></script>
    <!-- ���µ� Bootstrap ���� JavaScript �ļ� -->
    <script src="/js/bootstrap.js"></script>
    <!--�����ٲ�������-->
    <script src="/js/bootstrap-waterfall.js"></script>
    <script>
        $('.waterfall')
            .data('bootstrap-waterfall-template', $('#waterfall-template').html())
            .waterfall();
    </script>
    <!--�����ٲ������ֽ���-->
    <!--ҳ����ض���-->
    <script type="text/javascript" src="/js/wow.min.js"></script>

    <script type="text/javascript">

    <!--    ҳ����ض���-- >
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
    };
    </script>

    <!--javascript�������hammer.js�е�swipe ʵ�ִ������һ�������   ҳ�治��ʱӦɾ��-->
    <script type="text/javascript" src="/js/hammer.min.js"></script>
    <script>
        $(function () {
            var myElement = document.getElementById('myCarousel')
            var hm = new Hammer(myElement);
            hm.on("swipeleft", function () {
                $('#myCarousel').carousel('next')
            })
            hm.on("swiperight", function () {
                $('#myCarousel').carousel('prev')
            })
        })
    </script>
<script type="text/javascript" src="http://923668.com/iconfont.js"></script></body>
</html>

