</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <!-- nav --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Beijing Pine Forest Animation Company</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="top-nav-right navbar-right"> <ul> <li id="fat-menu" class="dropdown"> <a class="dropdown-toggleglyphicon glyphicon glyphicon-globe" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a> <ul class="dropdown-menu" aria-labelledby="drop3"> <li><a id="StranLink" name="StranLink">繁體</a></li> <li><a href="http://www.zcsbg.com/" target="_blank">简体中文</a></li> <li><a href="http://www.zcsbg.com/jp/" target="_blank">Japanese</a></li> </ul> </li> <li class="glyphicon glyphicon-search" data-toggle="modal" data-target=".bs-example-modal-lg-search" aria-hidden="true"></li> </ul> </div> <!-- logo --> <a href="/en/" class="navbar-brand text-center"><img src="/en/upload/images/201705/14949143405055.png" class="img-responsive" alt="Beijing Pine Forest Animation Company" /></a> <!-- logo end --> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen"><a href="/en/">Website</a></li> <li class="oen dropdown"> <a href="/en/index.php?case=archive&act=list&catid=3" data-toggle="dropdown" data-submenu="">Animation works<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="original animation" href="/en/index.php?case=archive&act=list&catid=6">original animation</a> </li> <li> <a title="OEM animation" href="/en/index.php?case=archive&act=list&catid=8">OEM animation</a> </li> <li> <a title="Game animation" href="/en/index.php?case=archive&act=list&catid=10">Game animation</a> </li> <li> <a title="Animated advertising" href="/en/index.php?case=archive&act=list&catid=16">Animated advertising</a> </li> </ul> </li> <li class="oen dropdown"> <a href="/en/index.php?case=archive&act=list&catid=14" data-toggle="dropdown" data-submenu="">Scene design<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="Game scene" href="/en/index.php?case=archive&act=list&catid=17">Game scene</a> </li> <li> <a title="Animation scene" href="/en/index.php?case=archive&act=list&catid=18">Animation scene</a> </li> </ul> </li> <li class="oen"> <a href="/en/index.php?case=archive&act=list&catid=15">Education </a> </li> <li class="oen"> <a href="/en/index.php?case=archive&act=list&catid=2">News</a> </li> <li class="oen"> <a href="/en/index.php?case=archive&act=list&catid=5">Contact</a> </li> </ul> <div class="navbar-right user-panel"> </div> </div> </div> </nav> <script type="text/javascript"> //<!CDATA[ var bodyBgs = []; bodyBgs[0] = "/images/banner/s1.jpg"; bodyBgs[1] = "/images/banner/s2.jpg"; bodyBgs[2] = "/images/banner/s3.jpg"; bodyBgs[3] = "/images/banner/s4.jpg"; bodyBgs[4] = "/images/banner/s5.jpg"; var randomBgIndex = Math.round( Math.random() * 4 ); //输出随机的背景图 document.write('<style>.banner{background:url(' + bodyBgs[randomBgIndex] + ') no-repeat 50% bottom}</style>'); //]]> </script> <section> <div class="banner" style="height:160px;"> </div> </section> <!-- 面包屑导航开始 --> <div class="container "> <nav class="sub_menu"> <ol class="breadcrumb"><span class="glyphicon glyphicon-list"></span> <li><a href="/en/">Website</a></li> <li><a title="News" href="/en/index.php?case=archive&act=list&catid=2">News</a></li> </ol> </nav> </div> <!--/sub_menu--><!-- 面包屑导航结束 --> <!-- 页面标题开始 --> <div class="title"> <h3><a>Company Overview<small></small></a></h3> <p></p> <span>——</span> </div> <!-- 页面标题结束 --> <hr class="featurette-divider"> <!-- 中部开始 --> <div class="container"> <!-- 正文 --> <div class="lead" id="print"> <p><br/></p><p><strong><span style="font-size:16px">Products </span></strong></p><p><span style="font-size:16px">Pine</span><span style="font-size:16px"> Forest</span><span style="font-size:16px"> is capable of creating, writing and animating and we also have a complete production team to control all elements of animation production.</span></p><p><span style="font-size:16px">Our creative teams have worked closely to produce two-dimensional animations, feature-length animation films, advertisements, Flash and three-dimensional computer animation.</span></p><p><span style="font-size:16px">We have built strong relationships with overseas animation companies, and we are the best outsourcing option for them in<st1:country-region w:st="on">China</st1:country-region>.</span></p><p><strong><span style="font-size:16px">Achievements</span></strong></p><p><em><span style="font-size:16px">Chinese Ancient Learning Story</span></em><span style="font-size:16px"> received tremendous acclaim. The creation and production process was featured as a documentary film broadcasted on CCTV. </span></p><p><em><span style="font-size:16px">Zhang Ga the Soldier Boy</span></em><span style="font-size:16px"> is the first Chinese realistic-style animation film. The film reflects more than ten years of proficiency and technical achievements.</span></p><p><span style="font-size:16px">The spectacular backgrounds of <em>the Dreaming Girl</em> are highly praised for its fabulous beauty and splendid imagination. </span></p><p><span style="font-size:16px">The flash advertisement we produced for Security Weekly of Beijing TV Station received high recognition and contributed greatly to the success of the TV show. </span></p><p>Pine Forest have cooperated with Japanese animation corporations for a long time. These animations produced include, <Death Note>, <Hell Girl>, < King Of Thorn>, <Tokyo Magnitue 8.0>, <One Piece>, < Cannan >,<em> </em><<em><span style="font-size:16px;background:white;font-style:normal">SeedDestiny</span></em> >, <strong><</strong>The Seven Deadly Sins <strong>>,</strong><strong> </strong><<span style="background:white"> Mushishi</span> >,<<em><span style="text-decoration:underline;"><span style="font-size:16px;font-style:normal">Knight</span></span></em><span style="font-size:16px">'s <em><span style="text-decoration:underline;"><span style=";font-style:normal">&</span></span></em> <em><span style="text-decoration:underline;"><span style=";font-style:normal">Magic</span></span></em></span>>,<span style="font-size:16px">< Code Geass > , < Full Metal Alchkimist >, etc. </span></p><p><span style="font-size:16px">With computer game corporations, we have perfect cooprations also. These game projcets include <Martial>, <Beast>, <New School>, <Trinity Universe</span><span style="font-size:13px"> </span><span style="font-size:16px">>, < Transparent Heart>, <The World of Iron>, <Psalm>, <Zero Battle> and <Ruins>.</span></p><p><span style="font-size:16px">Making the animation movie <Bieito Dubidoso> corporating with Spanish animation company. </span></p><p><strong><span style="font-size:16px">Management and Creative Team</span></strong></p><p><span style="font-size:16px">Pine</span><span style="font-size:16px"> Forest is led by Mr. Liu Hongliang, a famous director and animator in<st1:country-region w:st="on">China</st1:country-region>. Mr. Liu is also an outstanding teacher in Beijing Film Academy. Mr. Liu has been interviewed by several influential media and magazines and he has high reputation for professional production and inspired leadership.</span></p><p><span style="font-size:16px">Under the guidance of Mr. Liu, Pine Forest has built an entire creative and highly skilled team. Pine Forest strives to hire animators who have superior ability to bring characters and inanimate objects to life and who continually develops their creative expertise. </span></p><p><span style="font-size:16px">TEL: 13683033462 13520781351<br/> ADDRESS: Room 14-415 Buiding 56#, Tiantongyuan East Tree District, Beijing <br/> </span><span style="font-size:16px;font-family:宋体">，</span><span style="font-size:16px">China</span></p><p><span style="font-size:16px">E-mail: zcsbg@163.com </span></p><p><strong><span style="font-size:12px"> </span></strong></p><p><br/></p></div> <div class="blank30"></div> <div class="blank30"></div> <!--自动调用自定义字段--> <div class="blank20"></div> <!-- 附件 --> <p> Annex：<script src="/en/index.php?case=attachment&act=attachment_js&aid=47"></script></p> <div class="blank30"></div> <!-- 投票 --> <script src="/en/index.php?case=vote&act=view&aid=47"></script> <!-- 自定义表单开始 --> <!-- 自定义表单结束 --> <div class="blank60"></div> <!-- 上下页开始 --> <div id="page"> <strong>On A</strong><a href="/en/index.php?case=archive&act=show&aid=46">国产动画短片《天坑》</a> <div class="blank10"></div> <strong>Next</strong><a href="/en/index.php?case=archive&act=show&aid=49">金松林与四中网校篮球赛</a> </div> <!-- 上下页结束 --> </div><!-- /container --> <!-- 相关文章开始 --> <!-- 相关文章结束 --> <div class="blank60"></div> <!-- 评论框开始 --> <!-- 评论框结束 --> <!-- 页底推荐图文产品开始 --> <hr class="featurette-divider"> <!-- 页面标题开始 --> <div class="title"> <h3 class="wow bounceInDown" data-wow-delay="0.5s"><a href="/en/index.php?case=archive&act=list&catid=3">Animation works<small>FOCUS ON ANIMATION DESIGN HELP YOU REALIZE THE VALUE OF BRAND</small></a></h3> <p class="wow bounceIn" data-wow-delay="0.5s">金松林动画拥有动画创作、国内外动画制作，背景绘制等……</p> <span>——</span> </div> <!-- 页面标题结束 --> <div class="container"> <div class="blank30"></div> <!-- 中部开始 --> <div class="row"> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> <p> 金松林动画公司长期与日本动画公司进行合作，协助制作的日本动画片有《黑杰客》《吸血鬼》《死亡笔记》《白色恋人》《八十日探侦团》《叛逆的鲁路修R2》</p> <p><a href="/en/index.php?case=archive&act=list&catid=3" class="content-bottom-list-more">Learn more</a></p> </div> <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9"> <div class="row"> <div class="post-masonry col-xs-12 col-sm-6 col-md-4 col-lg-4"> <a href="/en/index.php?case=archive&act=show&aid=62" class="img-auto"> <img class="img-responsive" alt="影视动画背景绘制技法教程" src="/en/upload/images/201706/1496455747603.jpg" onerror='this.src="/images/nopic.gif"' /> <h4><font style="color:;">影视动画背景绘制技法教程</font></h4> </a> </div> <div class="post-masonry col-xs-12 col-sm-6 col-md-4 col-lg-4"> <a href="/en/index.php?case=archive&act=show&aid=61" class="img-auto"> <img class="img-responsive" alt="传统手绘原动画剪接" src="/en/upload/images/201705/14954318855844.jpg" onerror='this.src="/images/nopic.gif"' /> <h4><font style="color:;">传统手绘原动画剪接</font></h4> </a> </div> <div class="post-masonry col-xs-12 col-sm-6 col-md-4 col-lg-4"> <a href="/en/index.php?case=archive&act=show&aid=58" class="img-auto"> <img class="img-responsive" alt="《逆光之颤》" src="/upload/images/201705/14949062613617.jpg" onerror='this.src="/images/nopic.gif"' /> <h4><font style="color:;">《逆光之颤》</font></h4> </a> </div> </div> </div> </div><!-- /row --> </div><!-- /container --> <div class="blank60"></div> <!-- 页底推荐图文产品结束 --> <div class="clearfix"></div> <!--foot --> <footer> <div class="foot"> <div class="container"> <div class="copyright"> <div class="col-md-5 fweixin"> <div class="row"> <div class="col-sm-6"> <p><img src="/en/upload/images/201705/14949143504121.jpg" onerror='this.src="/images/nopic.gif"' /></p> <p>Pay Attention To<br>OfficialWeChat</p> </div> </div> </div> <div align="left"> <p>Address：Room14- 415 Buiding 56#, Tiantongyuan East Tree District, Beijing Email：zcsbg@163.com </p> <p>Tel：13520781351 Mobile: 13683033462 </p> <p> Copyright ©<a href="http://www.zcsbg.com/en/" target="_blank">Beijing Pine Forest Animation Company</a>,Inc.All rights reserved. 京ICP备05081514号</p> <p> <script src='http://pw.cnzz.com/c.php?id=80862620&l=2' language='JavaScript' charset='utf-8'></script> Powered by <a href="http://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a> <a rel="nofollow" title="Message" href="/en/index.php?case=guestbook&act=index" target="_blank">Message</a></a> </p> <p>Popular Keywords： <a href="/en/index.php?case=archive&act=search&keyword=Animation&ule=1">Animation</a> <a href="/en/index.php?case=archive&act=search&keyword=Japanese+Animation&ule=1">Japanese Animation</a> <a href="/en/index.php?case=archive&act=search&keyword=Background&ule=1">Background</a> <a href="/en/index.php?case=archive&act=search&keyword=Game+Scene&ule=1">Game Scene</a> <a href="/en/index.php?case=archive&act=search&keyword=-E9-87-91-E6-9D-BE-E6-9E-97-E5-8A-A8-E7-94-BB-E5-85-AC-E5-8F-B8+-E5-8C-97-E4-BA-AC-E5-8A-A8-E7-94-BB-E5-85-AC-E5-8F-B8+-E8-83-8C-E6-99-AF-E5-85-AC-E5-8F-B8&ule=1">金松林动画公司 北京动画公司 背景公司</a> <a href="/en/index.php?case=archive&act=search&keyword=-E5-8A-A8-E7-94-BB-E8-83-8C-E6-99-AF+-E5-8A-A8-E7-94-BB-E5-88-B6-E4-BD-9C+-E6-B8-B8-E6-88-8F-E5-9C-BA-E6-99-AF&ule=1">动画背景 动画制作 游戏场景</a> <a href="/en/index.php?case=archive&act=search&keyword=&ule=1"></a> </p></div> </div> </div> </div> </footer> <!-- foot end --> <!-- search --> <div class="container-fluid"> <div class="modal fade bs-example-modal-lg-search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="row"> <form name='search' action="/en/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <div class="col-lg-1"></div> <div class="col-lg-10"> <div class="input-group"> <input type="text" name="keyword" class="form-control" placeholder="Please Enter The Query Information! "> <span class="input-group-btn"> <button class="btn btn-default" name='submit' type="submit">Go!</button> </span> </div> </div> <div class="col-lg-1"></div> </form> </div> </div> </div> </div> <!-- search end --> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <style type="text/css"> .izl-rmenu{position:fixed; left:0; margin-right:20px; bottom:0px; padding-bottom:0px; z-index:999; } .izl-rmenu .sbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;} .izl-rmenu .btn-qq{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;color:#FFF;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;color:#FFF;} .izl-rmenu .btn-qq .qq{background-color:#488bc7; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-qq a {color:#FFF;font-size:14px;} .izl-rmenu .btn-wx{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_wx.png) 0px 0px no-repeat; background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute; right:-160px; top:0px; display:none;width:140px;height:140px;} .izl-rmenu .btn-phone{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-ali{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B;} .izl-rmenu .btn-ali:hover{background-color:#808000;} .izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B; text-decoration:none; display:block;} .izl-rmenu .btn-wangwang{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700;} .izl-rmenu .btn-wangwang:hover{background-color:#DAA520;} .izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700; text-decoration:none; display:block;} .izl-rmenu .btn-skype{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4;} .izl-rmenu .btn-skype:hover{background-color:#8B008B;} .izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;} .izl-rmenu .btn-web{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46;} .izl-rmenu .btn-web:hover{background-color:#00663a;} .izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46; text-decoration:none; display:block;} .izl-rmenu .btn-top{background:url(/en/template/default_bootstrap/skin/images/servers/metro_color/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} </style> <script language="javascript" type="text/javascript"> $(function(){ var tophtml="<div id=\"izl_rmenu\" class=\"izl-rmenu\"><div class=\"sbtn btn-qq\"><div class=\"qq\"><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=888888&websiteName=http://www.zcsbg.com/en/=&Menu=yes\">客服一</a><br /><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=888888&websiteName=http://www.zcsbg.com/en/=&Menu=yes\">客服二</a></div></div><a rel=\"nofollow\" href=\"http://amos.im.alisoft.com/msg.aw?v=2&uid=cmseasy&site=cntaobao&s=1&charset=utf-8\" target=\"_blank\" class=\"sbtn btn-wangwang\"></a><a rel=\"nofollow\" target=\"_blank\" href=\"http://web.im.alisoft.com/msg.aw?v=2&uid=cmseasy&site=cnalichn&s=10\" class=\"sbtn btn-ali\"></a><a rel=\"nofollow\" target=\"_blank\" href=\"skype:admin@admin.com?call\" target=\"_blank\" class=\"sbtn btn-skype\"></a><div class=\"sbtn btn-wx\"><img class=\"pic\" src=\"/en/upload/images/201705/14949143504121.jpg\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">13520781351</div></div><div class=\"sbtn btn-top\"></div></div>"; $("#top").html(tophtml); $("#izl_rmenu").each(function(){ $(this).find(".btn-qq").mouseenter(function(){ $(this).find(".qq").fadeIn("fast"); }); $(this).find(".btn-qq").mouseleave(function(){ $(this).find(".qq").fadeOut("fast"); }); $(this).find(".btn-wx").mouseenter(function(){ $(this).find(".pic").fadeIn("fast"); }); $(this).find(".btn-wx").mouseleave(function(){ $(this).find(".pic").fadeOut("fast"); }); $(this).find(".btn-phone").mouseenter(function(){ $(this).find(".phone").fadeIn("fast"); }); $(this).find(".btn-phone").mouseleave(function(){ $(this).find(".phone").fadeOut("fast"); }); $(this).find(".btn-top").click(function(){ $("html, body").animate({ "scroll-top":0 },"fast"); }); }); var lastRmenuStatus=false; $(window).scroll(function(){//bug var _top=$(window).scrollTop(); if(_top>200){ $("#izl_rmenu").data("expanded",true); }else{ $("#izl_rmenu").data("expanded",false); } if($("#izl_rmenu").data("expanded")!=lastRmenuStatus){ lastRmenuStatus=$("#izl_rmenu").data("expanded"); if(lastRmenuStatus){ $("#izl_rmenu .btn-top").slideDown(); }else{ $("#izl_rmenu .btn-top").slideUp(); } } }); }); </script> <div id="top"></div><![endif]--> <!-- 短信 --> </div> <div class="servers-wap"> <style type="text/css"> #plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; } .top_bar { position:fixed; bottom:0; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; } .plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('/en/template/default_bootstrap/skin/images/wao/plug.png'); background-repeat: no-repeat; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; } .plug-menu:before { font-size:20px; margin:9px 0 0 9px; } .plug-menu:checked { -webkit-transform:rotate(135deg); } .top_menu>li { width: 32px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); position:absolute; bottom:0; right:0; margin-bottom: 20px; margin-right:20px; z-index:900; -webkit-transition: -webkit-transform 200ms; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-align: center; } .top_menu>li>a label{ display:none; } .top_menu>li a img { display: block; width: 22px; height: 22px; text-indent: -999px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(-0, -100px) rotate(720deg); } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(-47px, -81px) rotate(720deg); } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(-81px, -45px) rotate(720deg); } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(-100px, 0) rotate(720deg); } #sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; } #sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; } </style> <div class="top_bar" style="-webkit-transform:translate3d(0,0,0)"> <nav> <ul id="top_menu" class="top_menu"> <input type="checkbox" id="plug-btn" class="plug-menu themeStyle" style="background-image:url('/en/template/default_bootstrap/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:13520781351"><img src="/en/template/default_bootstrap/skin/images/wap/plugmenu1.png"><label>Tel</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:13683033462"><img src="/en/template/default_bootstrap/skin/images/wap/plugmenu3.png"><label>Short Message</label></a> </li> <li class="themeStyle out" style="background:"> <a href="http://wpa.qq.com/msgrd?v=3&uin=888888&site=qq&menu=yes" id="btn_fenxiang"><img src="/en/template/default_bootstrap/skin/images/wap/plugmenu5.png"><label>QQ</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/en/index.php?case=guestbook&act=index"><img src="/en/template/default_bootstrap/skin/images/wap/plugmenu6.png"><label>Message</label></a> </li> </ul> </nav> </div> <div id="plug-wrap" style="display: none;" ></div> <script> $(function(){ $(".plug-menu").click(function(){ var li = $(this).parents('ul').find('li'); if(li.attr("class") == "themeStyle on"){ li.removeClass("themeStyle on"); li.addClass("themeStyle out"); }else{ li.removeClass("themeStyle out"); li.addClass("themeStyle on"); } }); }); </script> </div> <script type="text/javascript" src="/en/js/common.js"></script> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/en/template/default_bootstrap/skin/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="/en/template/default_bootstrap/skin/js/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/en/template/default_bootstrap/skin/js/ie10-viewport-bug-workaround.js"></script> <script src="/en/template/default_bootstrap/skin/js/bootstrap-submenu.js"></script> <script src="/en/template/default_bootstrap/skin/js/docs.js"></script> <!--[if lt IE 9]><!--> <script src="/en/template/default_bootstrap/skin/js/ie/html5shiv.min.js"></script> <script src="/en/template/default_bootstrap/skin/js/ie/respond.min.js"></script> <![endif]--> <link rel="stylesheet" href="/en/template/default_bootstrap/skin/css/animate.min.css" /> <script src="/en/template/default_bootstrap/skin/js/wow.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; </script> </body> </html>