</noscript> <header> <div class="sjdnav hidden-md hidden-lg"> <ul class="list-unstyled no-margin"> <li class="text-center active"><a href="index.asp">网站首页</a></li> <li class="text-center"><a href="about.asp">关于我们</a></li> <li class="text-center"><a href="product.asp">产品中心</a></li> <li class="text-center"><a href="cpyy.asp">案例中心</a></li> <li class="text-center"><a href="gstd.asp">公司团队</a></li> <li class="text-center"><a href="news.asp">新闻资讯</a></li> <li class="text-center"><a href="rczp.asp">人才招聘</a></li> <li class="text-center"><a href="contact.asp">联系我们</a></li> </ul> </div> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 clearfix"> <div class="logo pull-left"> <a href="index.asp"><img src="images/icon/logo.png"></a> </div> <div class="ydd_btn pull-right hidden-md hidden-lg"> <span class="span01 tr"></span> <span class="span02 tr"></span> <span class="span03 tr"></span> </div> <!-- <div class="tel pull-right hidden-xs hidden-sm"><span>0512-5247 2955 <br>189 9441 5932</span></div> --> </div> </div> </div> <nav class="hidden-xs hidden-sm"> <div class="container-fluid"> <div class="row"> <div class="col-xs-12"> <ul class="list-unstyled no-margin clearfix"> <li class="pull-left text-center"><a href="index.asp" class="tr top-nav-link">网站首页</a></li> <li class="pull-left text-center"><a href="about.asp" class="tr top-nav-link">关于我们</a></li> <li class="pull-left text-center"><a href="product.asp" class="tr top-nav-link">产品中心</a> <ul class="list-unstyled no-margin"> <li class="text-center"><a href="product.asp?type_id=2" class="tr">GRC构件</a></li> <li class="text-center"><a href="product.asp?type_id=3" class="tr">清水板</a></li> <li class="text-center"><a href="product.asp?type_id=6" class="tr">花板/雕塑</a></li> <li class="text-center"><a href="product.asp?type_id=8" class="tr">玻璃钢雕塑</a></li> <li class="text-center"><a href="product.asp?type_id=7" class="tr">景观乐园雕塑</a></li> <li class="text-center"><a href="product.asp?type_id=5" class="tr">EPS线条</a></li> <li class="text-center"><a href="product.asp?type_id=9" class="tr">GRC仿山仿石</a></li> <li class="text-center"><a href="product.asp?type_id=11" class="tr"> 水泥声屏障 </a></li> <li class="text-center"><a href="product.asp?type_id=12" class="tr">GRG构件</a></li> <li class="text-center"><a href="product.asp?type_id=13" class="tr">UHPC</a></li> <li class="text-center"><a href="product.asp?type_id=14" class="tr">古建材料</a></li> <li class="text-center"><a href="product.asp?type_id=17" class="tr">透光混凝土板</a></li> </ul> </li> <li class="pull-left text-center"><a href="cpyy.asp" class="tr top-nav-link">案例中心</a> <ul class="list-unstyled no-margin"> <li class="text-center"><a href="cpyy.asp?type_id=1" class="tr">高层/别墅</a></li> <li class="text-center"><a href="cpyy.asp?type_id=2" class="tr">会所/展馆</a></li> <li class="text-center"><a href="cpyy.asp?type_id=3" class="tr">景观/园林</a></li> <li class="text-center"><a href="cpyy.asp?type_id=4" class="tr">乐园/雕塑</a></li> <li class="text-center"><a href="cpyy.asp?type_id=6" class="tr">清水板</a></li> <li class="text-center"><a href="cpyy.asp?type_id=7" class="tr">UHPC</a></li> <li class="text-center"><a href="cpyy.asp?type_id=8" class="tr">透光混凝土板</a></li> </ul> </li> <li class="pull-left text-center"><a href="gstd.asp" class="tr top-nav-link">公司团队</a></li> <li class="pull-left text-center"><a href="news.asp" class="tr top-nav-link">新闻资讯</a> <ul class="list-unstyled no-margin"> <li class="text-center"><a href="news.asp?type_id=2" class="tr">公司新闻</a></li> <li class="text-center"><a href="news.asp?type_id=5" class="tr">行业资讯</a></li> <li class="text-center"><a href="news.asp?type_id=4" class="tr">GRC</a></li> <li class="text-center"><a href="news.asp?type_id=7" class="tr">清水板</a></li> <li class="text-center"><a href="news.asp?type_id=3" class="tr">UHPC</a></li> <li class="text-center"><a href="news.asp?type_id=6" class="tr">GRG</a></li> <li class="text-center"><a href="news.asp?type_id=1" class="tr">EPS</a></li> </ul></li> <li class="pull-left text-center"><a href="rczp.asp" class="tr top-nav-link">人才招聘</a></li> <li class="pull-left text-center"><a href="contact.asp" class="tr top-nav-link">联系我们</a></li> </ul> </div> </div> </div> </nav> </header> <div class="banner sybanner"> <div id="myCarousel" data-ride="carousel" data-interval="3000" class="carousel slide"> <ol class="carousel-indicators hidden-md hidden-lg"> <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> <li data-target="#myCarousel" data-slide-to="3"></li> <li data-target="#myCarousel" data-slide-to="4"></li> </ol> <div class="carousel-inner"> <div class="item item1 active"> <a href="#"><img src="images/ba/bannermb.png" class="img-responsive"></a> </div> <div class="item item2"> <a href="#"><img src="images/ba/bannermb.png" class="img-responsive"></a> </div> <div class="item item3"> <a href="#"><img src="images/ba/bannermb.png" class="img-responsive"></a> </div> <div class="item item4"> <a href="#"><img src="images/ba/bannermb.png" class="img-responsive"></a> </div> <div class="item item5"> <a href="#"><img src="images/ba/bannermb.png" class="img-responsive"></a> </div> </div> <a href="#myCarousel" class="left carousel-control hidden-xs hidden-sm" data-slide="prev"></a> <a href="#myCarousel" class="right carousel-control hidden-xs hidden-sm" data-slide="next"></a> </div> </div> <div class="content"> <div class="main"> <div class="container-fluid"> <div class="row"> <div class="col-xs-12"> <div class="title4 clearfix hidden-xs hidden-sm"> <h5 class="pull-left">新闻资讯</h5> <p class="pull-right">您的位置：新闻资讯</p> </div> <div class="title2 hidden-xs hidden-sm"> <ul class="list-unstyled no-margin clearfix text-left"> <li ><a href="news.asp?type_id=2" class="tr text-center">公司新闻</a></li> <li ><a href="news.asp?type_id=5" class="tr text-center">行业资讯</a></li> <li ><a href="news.asp?type_id=4" class="tr text-center">GRC</a></li> <li ><a href="news.asp?type_id=7" class="tr text-center">清水板</a></li> <li class="active"><a href="news.asp?type_id=3" class="tr text-center">UHPC</a></li> <li ><a href="news.asp?type_id=6" class="tr text-center">GRG</a></li> <li ><a href="news.asp?type_id=1" class="tr text-center">EPS</a></li> </ul> </div> <div class="subnav hidden-md hidden-lg"> <ul class="list-unstyled yddnav"> <li> <a class="active"> <span>新闻资讯</span> <b class="glyphicon glyphicon-chevron-down pull-right"></b> </a> </li> <div class="xl"> <div class="xls text-center"><a href="news.asp?type_id=2">公司新闻</a></div> <div class="xls text-center"><a href="news.asp?type_id=5">行业资讯</a></div> <div class="xls text-center"><a href="news.asp?type_id=4">GRC</a></div> <div class="xls text-center"><a href="news.asp?type_id=7">清水板</a></div> <div class="xls text-center"><a href="news.asp?type_id=3">UHPC</a></div> <div class="xls text-center"><a href="news.asp?type_id=6">GRG</a></div> <div class="xls text-center"><a href="news.asp?type_id=1">EPS</a></div> </div> </ul> </div> <div class="title5 text-center"> UHPC，非静止建筑 ，灵动的艺术 </div> <div class="text1"> <p style="text-align:center;"> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> UHPC，一种近三十年来最具创新性的水泥基工程材料；非静止建筑设计，一个重视创新设计、尖端材料和工艺运用的富有创作激情的团队。<o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-family:'Microsoft YaHei UI';">当这两者碰撞在一起时，会擦出什么样的火花？且看他们设计的北京</span>MaoHaus以及温州瓯江路滨水区域之规划。<o:p></o:p> </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154866316631.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="text-align:center;white-space:normal;margin:0pt 21pt;padding:0pt;line-height:29.25pt;background:#FFFFFF;"> <span style="font-size:18px;"><strong>△ </strong></span><span style="font-family:"font-size:18px;"><strong>建筑立面仿佛是胡同中的一块流动织物</strong></span><span style="font-size:18px;"><strong> ©夏至</strong></span><i><o:p></o:p></i> </h2> <p class="MsoNormal" style="margin:0pt 21pt;text-align:center;white-space:normal;line-height:19.2pt;"> <span style="font-size:18px;"><strong>MaoHaus是位于北京市中心的板桥胡同16号的一个文化创意空间，它被称为是</strong></span><b><span style="font-family:"font-size:18px;"><strong>一座非静止的建筑，因为它的墙面会</strong></span><span style="font-size:18px;"><strong>“流动”。</strong></span></b><o:p></o:p> </p> <p class="MsoNormal" style="margin:0pt 21pt;text-align:center;white-space:normal;line-height:19.2pt;"> <span style="font-size:18px;"><strong> </strong></span> </p> <p class="MsoNormal" style="margin:0pt 21pt;text-align:center;white-space:normal;line-height:19.2pt;"> <span style="font-family:"font-size:18px;"><strong>实际上</strong></span><span style="font-size:18px;"><strong>MaoHaus是一个实验性建筑立面的项目，其立面设计体现了建筑师对历史文脉、材料潜力和特性的探索。</strong></span> </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154852225222.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> <span style="font-size:18px;">△ </span><span style="font-family:"font-size:18px;">建筑立面仿佛是胡同中的一块流动织物</span><span style="font-size:18px;"> ©夏至</span><i><o:p></o:p></i> </h2> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-size:18px;"> </span> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-size:18px;">建筑立面延续胡同的建筑尺度和简易的山墙形式，但立面有弧度，像一块被风吹动的织物。</span><o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-size:18px;"> </span> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-size:18px;">这种流动性是通过常规的刚性材料来表达的，通过形式化的表达来质疑对物质的固有认知。</span><o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-size:14px;font-weight:normal;"></span> </p> </h2> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/2020090215480383383.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> △ <span style="font-family:'Microsoft YaHei UI';">立面在夜晚呈现出毛主席的肖像图案</span> ©夏至<i><o:p></o:p></i> </h2> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> 除了起伏的形式，表面的孔洞有助于滤光。白天，阳光的光线进入前庭，并在晚上精确调谐的光圈呈现出了毛主席的原型三联肖像。<o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> 因为这个项目毗邻人民美术印刷厂，这里曾经是主席现在标志性形象的主要制作地之一，毛主席在立面的艺术表达是对基地历史文脉的延续。<o:p></o:p> </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154891369136.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> △ MaoHaus毗邻人民美术印刷厂 ©夏至<i><o:p></o:p></i> </h2> <p class="16" style="margin-top:0.0000pt;margin-right:15.0000pt;margin-bottom:0.0000pt;margin-left:15.0000pt;padding:0pt 0pt 0pt 0pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-family:'Microsoft YaHei UI';">立面的结构利用</span>6块超高性能混凝土面板拼接制成，最高板幅尺寸达到7米，且无需任何辅助结构支撑。<o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> </p> <p class="MsoNormal"> 每个面板作为一个单元体，由大型数控塑造的模具生产，通过数字生成的流体动力学算法产生的计算，有效地将结构的荷载传到地基上。 </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154827422742.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> △ <span style="font-family:'Microsoft YaHei UI';">薄壁多孔曲面的曲率有效地将结构的荷载传到地基</span> ©夏至<i><o:p></o:p></i> </h2> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> MaoHaus寻求在一种单独的设计表达中探索各种元素。在新的材料创新中，推动了从看似传统建筑材料中所能达到的极限，同时具备了历史符号的衍生、基地文脉的表达。<o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> 这样一座小小的建筑，却蕴藏了如此之多的思想，可以说是小建筑、大智慧的典型代表。<o:p></o:p> </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154843894389.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> △ <span style="font-family:'Microsoft YaHei UI';">立面材料采用了超高性能混凝土</span> ©夏至<i><o:p></o:p></i> </h2> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <b>非静止建筑设计</b>擅长运用集成化的参数化设计和数字建造为手段，主张结合设计和制作过程，注重科技艺术与材料性能的结合。其担纲规划设计的瓯江路杨府山滨水核心区块也于近日揭开神秘面纱。<o:p></o:p> </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154828462846.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> △ Wenzhou Waterfront Construction ©AntiStatics<i><o:p></o:p></i> </h2> <p class="16" style="margin:0pt 15pt;padding:0pt;line-height:19.2pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-family:'Microsoft YaHei UI';">该段工程东起温州国际会展中心，西至温州治水文化长廊，总长度约</span>1.8公里。包括沿线建筑、景观、市政、码头工程，是一个多专业综合的政府工程。<o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <o:p></o:p> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-family:'Microsoft YaHei UI';">项目的设计灵感来源于瓯江自然的水纹与起伏跌荡的山峦，将建筑、景观、交通融为一体。流线的造型，简洁的设计语言，与灵动的景观结合，宛如江岸上的</span>“水晶”。<o:p></o:p> </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154878327832.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> △ Wenzhou Waterfront Construction ©AntiStatics<i><o:p></o:p></i> </h2> <p class="16" style="margin-top:0.0000pt;margin-right:15.0000pt;margin-bottom:0.0000pt;margin-left:15.0000pt;padding:0pt 0pt 0pt 0pt;line-height:19.2000pt;"> </p> <p class="MsoNormal" style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;line-height:19.2000pt;"> <span style="font-family:'Microsoft YaHei UI';">其经参数化设计生成的玲珑剔透的建筑表皮，采用超高性能混凝土在工厂预制而成，一个个无人机造型的预制构件，拼接出时尚大气的形象肌理。同时结合熠熠生辉的夜景灯光，缔造独有的温州城市风景，成为新晋的</span>“网红”打卡胜地。<o:p></o:p> </p> </p> <p style="text-align:center;"> <img src="/qiju123/editor/asp/../../uploadpic/image/20200902/20200902154876817681.png" alt="" /> </p> <p style="text-align:center;"> <h2 style="margin-top:0.0000pt;margin-right:21.0000pt;margin-bottom:0.0000pt;margin-left:21.0000pt;padding:0pt 0pt 0pt 0pt;line-height:29.2500pt;background:#FFFFFF;"> △ Wenzhou Waterfront Construction ©AntiStatics<i><o:p></o:p></i> </h2> </p> </div> <div style="text-align:center; width:80px; height:40px; line-height:40px; background:#4f5b4d; display:block; margin:0 auto; margin-top:30px;"><a style="color:#fff; font-size:14px;" href="javascript:window.history.back();">返回上级</a></div> </div> </div> </div> </div> </div> <footer class="main"> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 clearfix"> <div class="ewm pull-left text-center"> <img src="images/web.png" class="img-responsive" width="130" height="130"> <h5>微信账号</h5> </div> <div class="textbox pull-left"> <h4>江苏旭源建筑装饰工程有限公司</h4> <p> <span style="line-height:2;">地 址： 江苏省 常熟市 辛庄镇 宏达路4号</span> </p> <p> <span style="line-height:2;"><span style="white-space:normal;line-height:2;font-size:16px;">业务咨询： 189 9441 5932 夏经理 </span><span style="white-space:normal;font-size:16px;"> </span><br /> </span> </p> <span style="line-height:2;">电 话： 150-2169-4511</span><span style="line-height:2;"> <p style="white-space:normal;"> <span style="font-size:16px;"></span><span style="line-height:2;">业务咨询 QQ： 279979476</span> </p> <div style="white-space:nowrap;"> <br /> </div> </span> <p>copyright © 2026 江苏旭源建筑装饰工程有限公司 <a href="https://beian.miit.gov.cn" target="_blank">苏ICP备17044472号</a> <a href="http://www.qijucn.cn" target="_blank" class="tr">网站建设</a>：<a href="http://www.qijucn.cn" target="_blank" class="tr">企炬</a> </p> </div> </div> </div> </div> </footer> <div class="hot w100 hidden-sm hidden-md hidden-lg"> <div class="container-fluid"> <div class="row"> <div class="col-xs-3 text-center no-padding"><a href="tel:18994415932" class="no-decoration"><span class="glyphicon glyphicon-earphone"></span><h6 class="no-margin">电话</h6></a></div> <div class="col-xs-3 text-center no-padding"><a target="_blank" href="mqqwpa://im/chat?chat_type=wpa&uin=3022145761&version=1&src_type=web&web_src=oicqzone.com" class="no-decoration"><span class="fa fa-icon-qq"></span><h6 class="no-margin">消息</h6></a></div> <div class="col-xs-3 text-center no-padding"><a href="mailto:libing_0920@sina.com" class="no-decoration"><span class="glyphicon glyphicon-envelope"></span><h6 class="no-margin">邮箱</h6></a></div> <div class="col-xs-3 text-center no-padding"><a href="fenxiang.asp" class="no-decoration"><span class="glyphicon glyphicon-share-alt"></span><h6 class="no-margin">分享</h6></a></div> </div> </div> </div> <script src="bootstrap/js/bootstrap2.js"></script> <script src="js/ie10-viewport-bug-workaround.js"></script> <script src="owlCarousel/js/jquery-1.9.1.min.js"></script> <script src="owlCarousel/js/owl.carousel.js"></script> <script src="owlCarousel/js/indexowl.js"></script> <script src="js/Suen_js_ku/Suen.js"></script> <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script> <script> $(function(){ jQuery(".picBox").slide({ titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,trigger:"click", //下面startFun代码用于控制文字上下切换 startFun:function(i){ jQuery(".picBox .txt li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-36}); } }); jQuery(".picBox1").slide({ titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,trigger:"click", //下面startFun代码用于控制文字上下切换 startFun:function(i){ jQuery(".picBox1 .txt li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-36}); } }); }) </script> <style type="text/css"> .dock{position: fixed; right: 0px;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index: 200;} .dock.close{z-index: 50;} .dock ul.icons{position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .dock.close ul.icons{right: -70px;} .dock ul.icons li i{display: block;position: relative;width: 50px;height: 50px;background: url(images/icons.png) no-repeat;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;} .dock ul.icons li.active i{-moz-opacity: 0.4;opacity: 0.4;} .dock ul.icons li.up i{background-position: -63px -150px;} .dock ul.icons li.tel i{background-position: -62px -108px;} .dock ul.icons li.im i{background-position: -63px -20px;} .dock ul.icons li.wechat i{background-position: -59px -66px;} .dock ul.icons li.down i{background-position: -63px -190px;} .dock ul.icons li p{display: block;position: absolute;top: 50px;right: -260px; padding: 15px 15px; height:120px;color: White;line-height: 30px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease-in-out .1s;-moz-transition: all .4s ease-in-out .1s;-ms-transition: all .4s ease-in-out .1s;-o-transition: all .4s ease-in-out .1s;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;} .dock ul.icons li.active p{right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);} .dock ul.icons li.tel p{width: 150px; height:130px; line-height:25px; font-size:14px;} .dock ul.icons li.im p{width: 150px; height:130px; line-height:25px; font-size:14px;} .dock ul.icons li.im p a{display: block; margin-top: 12px;width: 80px;height:30px;line-height:27px;color:#00dfb9;font-size:14px;text-align:center;text-decoration: none; border:1px solid #00dfb9;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .dock ul.icons li.im p a:hover{color:#fff;background: #f30;border:1px solid #f00;} .dock ul.icons li.wechat p{width:150px; height:150px; line-height:25px} .dock ul.icons li.wechat p img{border: 2px solid #000; } .dock a.switch{position: absolute;display: block; top:260px;right:11px; width:26px;height: 26px;background: url(images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;transition:all .5s;} .dock a.switch:hover{transform:rotate(180deg);} </style> <script type="text/javascript" src="js/qq.js"></script> <div class="dock"> <ul class="icons"> <li class="up"><i></i></li> <li class="im"> <i></i><p>网站客服咨询<a href="http://wpa.qq.com/msgrd? v=3&uin=3022145761&site=qq&menu=yes" target="_blank">客服</a></p> </li> <li class="tel"> <i></i><p>服务热线：<br>189-9441-5932<br>150-2169-4511</p> </li> <li class="wechat"> <i></i><p><img src="images/web.png" alt="扫描关注网站建设微信公众账号" width="130" /></p> </li> <li class="down"><i></i></li> </ul> <a class="switch"></a> </div> </body> </html>