</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <!-- nav --> <nav id="header" 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">Goldenpo Lingthing Company LTD</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- logo --> <a class="navbar-brand text-center" href="/" ><img src="/upload/images/201902/15505923971939.png" alt="Goldenpo Lingthing Company LTD" /></a> <!-- logo end --> </div> <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://test.cmseasy.cn/" target="_blank">公司网站</a></li> </ul> </li> <li class="glyphicon glyphicon-shopping-cart nav-shopping"><a href="/index.php?case=archive&act=orders" target="_blank"></a></li> <li class="glyphicon glyphicon-search" data-toggle="modal" data-target=".bs-example-modal-lg-search" aria-hidden="true"></li> </ul> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen active"><a href="/">Website</a></li> <li class="oen "> <a href="/index.php?case=archive&act=list&catid=1">About us</a> </li> <li class="oen dropdown "> <a href="/index.php?case=archive&act=list&catid=3">Products<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="Simulated Animal Lights" href="/index.php?case=archive&act=list&catid=18">Simulated Animal Lights</a> </li> <li> <a title="LED 2D Motif Lights" href="/index.php?case=archive&act=list&catid=6">LED 2D Motif Lights</a> </li> <li> <a title="LED 3D Motif Lights" href="/index.php?case=archive&act=list&catid=8">LED 3D Motif Lights</a> </li> <li> <a title="LED Decorative string lights" href="/index.php?case=archive&act=list&catid=10">LED Decorative string lights</a> </li> <li> <a title="LED Acrylic Sculptures" href="/index.php?case=archive&act=list&catid=15">LED Acrylic Sculptures</a> </li> <li> <a title="LED Rope Lights" href="/index.php?case=archive&act=list&catid=16">LED Rope Lights</a> </li> <li> <a title="LED Tree Lights" href="/index.php?case=archive&act=list&catid=17">LED Tree Lights</a> </li> </ul> </li> <li class="oen "> <a href="/index.php?case=archive&act=list&catid=2">Design</a> </li> <li class="oen "> <a href="/index.php?case=archive&act=list&catid=14">Project</a> </li> <li class="oen "> <a href="/index.php?case=archive&act=list&catid=5">Contact</a> </li> </ul> </div> </div> </nav> <div class="banner"> <div class="banner2"> <!-- Bootstrap bootstrap-touch-slider Slider Main Style Sheet --> <link href="/template/CmsEasy_f_159/skin/js/slide/bootstrap-touch-slider.css" rel="stylesheet" media="all"> <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li> <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li> <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li> <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li> <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li> </ol> <!-- Wrapper For Slides --> <div class="carousel-inner" role="listbox"> <!-- Second Slide --> <div class="item active"> <!-- Slide Background --> <img src="/upload/images/201902/15513425034879.jpg" alt="Welcome to our website" class="slide-image"> <!-- Slide Text Layer --> <div class="slide-text slide_style_center"> <h1 data-animation="animated flipInX">Welcome to our website</h1><p data-animation="animated lightSpeedIn">please contact online customer service or email</p> <a href="#" target="_blank" class="btn btn-primary" data-animation="animated fadeInDown">Know More</a></div> </div> <!-- End of Slide --> <!-- Second Slide --> <div class="item"> <!-- Slide Background --> <img src="/upload/images/201902/15509077456920.jpg" alt="We support customization" class="slide-image"> <!-- Slide Text Layer --> <div class="slide-text slide_style_center"> <h1 data-animation="animated flipInX">We support customization</h1><p data-animation="animated lightSpeedIn">Please contact online customer service or email。</p> <a href="http://goldenpo.com/index.php?case=archive&act=list&catid=10" target="_blank" class="btn btn-primary" data-animation="animated fadeInDown">Know More</a></div> </div> <!-- End of Slide --> <!-- Second Slide --> <div class="item"> <!-- Slide Background --> <img src="/upload/images/201902/15509083154440.jpg" alt="LED ROPE LIGHT" class="slide-image"> <!-- Slide Text Layer --> <div class="slide-text slide_style_center"> <h1 data-animation="animated flipInX">LED ROPE LIGHT</h1><p data-animation="animated lightSpeedIn">Rope light widely use in indoor and outdoor .good performance waterproof (IP65) and bendable,such as city lighting project ,building outline ,park and garden ,bridge ,etc</p> <a href="http://goldenpo.com/index.php?case=archive&act=list&catid=16" target="_blank" class="btn btn-primary" data-animation="animated fadeInDown">Know More</a></div> </div> <!-- End of Slide --> <!-- Second Slide --> <div class="item"> <!-- Slide Background --> <img src="/upload/images/201902/15509094437599.jpg" alt="LED string lights" class="slide-image"> <!-- Slide Text Layer --> <div class="slide-text slide_style_center"> <h1 data-animation="animated flipInX">LED string lights</h1><p data-animation="animated lightSpeedIn">With good performance in waterproof IP65 level and quality. It is popular in Europe, North America, Japan, Australia, etc.</p> <a href="http://goldenpo.com/index.php?case=archive&act=list&catid=6" target="_blank" class="btn btn-primary" data-animation="animated fadeInDown">Know More</a></div> </div> <!-- End of Slide --> <!-- Second Slide --> <div class="item"> <!-- Slide Background --> <img src="/upload/images/201903/15519307881812.jpg" alt="Simulated Animal Lights" class="slide-image"> <!-- Slide Text Layer --> <div class="slide-text slide_style_center"> <h1 data-animation="animated flipInX">Simulated Animal Lights</h1> <a href="http://goldenpo.com/index.php?case=archive&act=list&catid=18" target="_blank" class="btn btn-primary" data-animation="animated fadeInDown">Know More</a></div> </div> <!-- End of Slide --> </div><!-- End of Wrapper For Slides --> <!-- Left Control --> <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <!-- Right Control --> <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <style type="text/css"> .slide-text > h1,.slide-text > p {color:#ffffff;} .slide-text > a.btn-primary {background:#0099ff;color:#ffffff;} </style> <script src="/template/CmsEasy_f_159/skin/js/slide/jquery.touchSwipe.min.js"></script> <script src="/template/CmsEasy_f_159/skin/js/slide/bootstrap-touch-slider.js"></script> </div> </div> <div class="section1"> <div class="container"> <div class="title10 wow fadeInUp" data-wow-delay=".3s"> <h4><a title="Products" href="/index.php?case=archive&act=list&catid=3" target="_blank">Products</a></h4> <p>FOCUS ON WEB DESIGN BRAND POSITIONING HELP YOU REALIZE THE VALUE OF INTERNET BRAND</p> </div> <div class="row"> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".2s"> <div class="s1-item"> <a title="LED Rubber String Light LED Decorative Light" href="/index.php?case=archive&act=show&aid=58" target="_blank"> <div class="s1-img"> <img alt="LED Rubber String Light LED Decorative Light" src="/upload/images/201902/15511762324921.jpg" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">LED Rubber…</font></h4> </div> </a> </div> </div> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".3s"> <div class="s1-item"> <a title="Street Decoration Led Holiday Meteor Lights" href="/index.php?case=archive&act=show&aid=96" target="_blank"> <div class="s1-img"> <img alt="Street Decoration Led Holiday Meteor Lights" src="/upload/images/201903/15525830744974.jpg" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">Street Dec…</font></h4> </div> </a> </div> </div> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".4s"> <div class="s1-item"> <a title="Holiday Decoration LED Flower 2D Motif Lights" href="/index.php?case=archive&act=show&aid=95" target="_blank"> <div class="s1-img"> <img alt="Holiday Decoration LED Flower 2D Motif Lights" src="/upload/images/201903/15525814828439.jpg" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">Holiday De…</font></h4> </div> </a> </div> </div> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".5s"> <div class="s1-item"> <a title="LED outdoor art arch 3d fountain motif light" href="/index.php?case=archive&act=show&aid=94" target="_blank"> <div class="s1-img"> <img alt="LED outdoor art arch 3d fountain motif light" src="/upload/images/201903/15525805013286.png" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">LED outdoo…</font></h4> </div> </a> </div> </div> <div class="clearfix"></div> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".6s"> <div class="s1-item"> <a title="outdoor christmas 2019 most popular items product" href="/index.php?case=archive&act=show&aid=93" target="_blank"> <div class="s1-img"> <img alt="outdoor christmas 2019 most popular items product" src="/upload/images/201903/15525802616469.jpg" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">outdoor ch…</font></h4> </div> </a> </div> </div> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".7s"> <div class="s1-item"> <a title="Christmas Wedding Decoration Ball Arch LED Motif Light" href="/index.php?case=archive&act=show&aid=90" target="_blank"> <div class="s1-img"> <img alt="Christmas Wedding Decoration Ball Arch LED Motif Light" src="/upload/images/201903/15525795711589.png" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">Christmas …</font></h4> </div> </a> </div> </div> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".8s"> <div class="s1-item"> <a title="Warm white outdoor fixing Christmas lights ideas" href="/index.php?case=archive&act=show&aid=92" target="_blank"> <div class="s1-img"> <img alt="Warm white outdoor fixing Christmas lights ideas" src="/upload/images/201903/15525799014146.jpg" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">Warm white…</font></h4> </div> </a> </div> </div> <div class="col-sm-3 wow fadeInUp" data-wow-delay=".9s"> <div class="s1-item"> <a title="Outdoor Lighted Up Arch Street Decoration For Holiday" href="/index.php?case=archive&act=show&aid=91" target="_blank"> <div class="s1-img"> <img alt="Outdoor Lighted Up Arch Street Decoration For Holiday" src="/upload/images/201903/15525797345041.jpg" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-text"> <h4><font style="color:;">Outdoor Li…</font></h4> </div> </a> </div> </div> </div> <div class="s1-more wow fadeInUp" data-wow-delay=".3s"> <a title="Products" href="/index.php?case=archive&act=list&catid=3" target="_blank">Know More</a> </div> </div> </div> <div class="section2"> <div class="container wow fadeInUp" data-wow-delay=".3s"> Goldenpo Lingthing Company LTD<br /> Contact Phone：86-18675075951</div> </div> <div class="section3"> <div class="container"> <div class="title10 wow fadeInUp" data-wow-delay=".3s"> <h4><a title="About us" href="/index.php?case=archive&act=list&catid=1" target="_blank">About us</a></h4> <p></p> </div> <div class="s3-text wow fadeInUp" data-wow-delay=".3s"> Goldenpo Lighting Company Limited was found in 2013 which is the professional manufacturer and seller for LED lighting products for engineering, supermarkets and holidays. Main LED lights like household LED decorative light string, net light, curtain light, waterfall lights, ball bubble lamp series,…</div> <div class="s3-img wow fadeInUp" data-wow-delay=".3s"> <img alt="About us" src="/upload/images/201507/14360690166868.jpg" onerror='this.src="/upload/images/201506/xinwen.jpg"' /> </div> <div class="s1-more wow fadeInUp" data-wow-delay=".3s"> <a title="About us" href="/index.php?case=archive&act=list&catid=1" target="_blank">Know More</a> </div> </div> </div> <div class="section4"> <div class="container"> <div class="title10 wow fadeInUp" data-wow-delay=".3s"> <h4><a title="Contact" href="/index.php?case=archive&act=list&catid=5" target="_blank">Contact</a></h4> <p></p> </div> <div class="row"> <div class="col-md-6"> <div class="s4-left wow fadeInLeft" data-wow-delay=".3s"> </div> </div> <div class="col-md-6"> <div class="s4-right wow fadeInRight" data-wow-delay=".3s"> </div> </div> </div> </div> </div> <div class="foot"> <div class="container"> <p>Goldenpo Lingthing Company LTD</p> <p>Tel：86-18675075951 Fax：86-750-3073007 Email：anna@goldenpo.com</p> <p>Copyright © Goldenpo Lingthing Company LTD<a href="http://www.goldepo.com" target="_blank">Goldenpo Lingthing Company LTD</a>,Inc.All rights reserved. <a rel="nofollow" href="http://www.miibeian.gov.cn/" rel="nofollow" target="_blank">京ICP备88888888号</a> Powered by <a href="https://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a></p> </div> </div> <!-- 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="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <div class="blank5"></div> </div> <div class="row"> <form name='search' action="/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">Search</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(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/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{height:73px;line-height:73px;height:73px;line-height:73px;background:url(/template/CmsEasy_f_159/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:36px; color:#FFF; font-size:16px; text-align:center; display:none;} .izl-rmenu .btn-ali{background:url(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700; text-decoration:none; display:block;} .izl-rmenu .btn-msn{background:url(/template/CmsEasy_f_159/skin/images/servers/metro_color/r_msn.png) 0px 0px no-repeat; background-color:#FF69B4;} .izl-rmenu .btn-msn:hover{background-color:#8B008B;} .izl-rmenu a.btn-msn,.izl-rmenu a.btn-skype:visited{background:url(/template/CmsEasy_f_159/skin/images/servers/metro_color/r_msn.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;} .izl-rmenu .btn-skype{background:url(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/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(/template/CmsEasy_f_159/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=1716495921&websiteName=http://www.goldepo.com=&Menu=yes\">客服一</a><br /><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=1716495921&websiteName=http://www.goldepo.com=&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://amos.alicdn.com/msg.aw?v=2&uid=cmseasy&site=cnalichn&s=10&charset=utf-8\" 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=\"/upload/images/201902/15513257646951.jpg\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">86-18675075951</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; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; } .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); background-image:url('/template/CmsEasy_f_159/skin/images/wap/plug.png'); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; -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 { margin-right: 45px; } .top_menu>li { min-width: 125px; padding: 0 10px 0 0; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); margin-bottom: 23px; margin-right: 23px; z-index:900; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } .top_menu>li:last-child { margin-bottom: 80px; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-indent:26px; text-decoration:none; position:relative; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .top_menu>li a img { display: block; width: 24px; height: 24px; text-indent: -999px; position: absolute; top: 50%; right: 10px; margin-top: -13px; margin-right: -12px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; } .top_menu>li.on:nth-of-type(5) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; } .top_menu>li.on:nth-of-type(6) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } /**/ .top_menu>li.out:nth-of-type(1) { -webkit-transform: translate(45px, 280px) rotate(0deg); transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; } .top_menu>li.out:nth-of-type(2) { -webkit-transform: translate(45px, 235px) rotate(0deg); transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; } .top_menu>li.out:nth-of-type(3) { -webkit-transform: translate(45px, 190px) rotate(0deg); transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; } .top_menu>li.out:nth-of-type(4) { -webkit-transform: translate(45px, 145px) rotate(0deg); transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; } .top_menu>li.out:nth-of-type(5) { -webkit-transform: translate(45px, 100px) rotate(0deg); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } .top_menu>li.out:nth-of-type(6) { -webkit-transform: translate(45px, 55px) rotate(0deg); transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; } .top_menu>li.out { width: 20px; height: 20px; min-width: 20px; border-radius: 20px; padding: 0; opacity: 0; } .top_menu>li.out a { display:none; } </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-color:;background-image:url('/template/CmsEasy_f_159/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:86-18675075951"><img src="/template/CmsEasy_f_159/skin/images/wap/plugmenu1.png">Tel</a> </li> <li class="themeStyle out" style="background:"> <a href="sms:18675075951"><img src="/template/CmsEasy_f_159/skin/images/wap/plugmenu3.png">Short Message</a> </li> <li class="themeStyle out" style="background:"> <a href="/wap"><img src="/template/CmsEasy_f_159/skin/images/wap/plugmenu7.png">The Home Page</a> </li> <li class="themeStyle out" style="background:"> <a href="http://wpa.qq.com/msgrd?v=3&uin=1716495921&site=qq&menu=yes" id="btn_fenxiang"><img src="/template/CmsEasy_f_159/skin/images/wap/plugmenu5.png">QQ</a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/CmsEasy_f_159/skin/images/wap/plugmenu6.png">Message</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> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"100"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> <script type="text/javascript"> <!-- $(document).ready(function(){ $(window).scroll(function() { var top = $(".slide-text h1,.sub_menu").offset().top; //获取指定位置 var scrollTop = $(window).scrollTop(); //获取当前滑动位置 if(scrollTop > top){ //滑动到该位置时执行代码 $(".navbar").addClass("active"); }else{ $(".navbar").removeClass("active"); } }); }); $(function(){ var cubuk_seviye = $(document).scrollTop(); var header_yuksekligi = $('.navbar').outerHeight(); $(window).scroll(function() { var kaydirma_cubugu = $(document).scrollTop(); if (kaydirma_cubugu > header_yuksekligi){$('.navbar').addClass('gizle');} else {$('.navbar').removeClass('gizle');} if (kaydirma_cubugu > cubuk_seviye){$('.navbar').removeClass('sabit');} else {$('.navbar').addClass('sabit');} cubuk_seviye = $(document).scrollTop(); }); }); //--> </script> <!-- Bootstrap core Javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/template/CmsEasy_f_159/skin/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="/template/CmsEasy_f_159/skin/js/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/template/CmsEasy_f_159/skin/js/ie10-viewport-bug-workaround.js"></script> <script src="/template/CmsEasy_f_159/skin/js/bootstrap-submenu.js"></script> <script src="/template/CmsEasy_f_159/skin/js/docs.js"></script> <!--[if lt IE 9]><!--> <script src="/template/CmsEasy_f_159/skin/js/ie/html5shiv.min.js"></script> <script src="/template/CmsEasy_f_159/skin/js/ie/respond.min.js"></script> <![endif]--> <script type="text/javascript"> <!-- $(function () { $(".dropdown").mouseover(function () { $(this).addClass("open"); }); $(".dropdown").mouseleave(function(){ $(this).removeClass("open"); }) }) //--> </script> <link rel="stylesheet" href="/template/CmsEasy_f_159/skin/css/animate.min.css" /> <script src="/template/CmsEasy_f_159/skin/js/wow.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; </script> <script type="text/javascript"> $('#bootstrap-touch-slider').bsTouchSlider(); </script> </body> </html>