</noscript> <script type="text/javascript"> <!-- function stop(){ return false; } document.oncontextmenu=stop; //--> </script> <div class="clearfix view-html"> <nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"> <span class="sr-only"> RICHBOND CAPS & BAGS MFG.LTD. </span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-brand text-center"> <a href="" title="RICHBOND CAPS & BAGS MFG.LTD."><img src="/images/logo.png" class="img-responsive cmseasyeditimg" alt="RICHBOND CAPS & BAGS MFG.LTD." /></a> </div> </div> <div id="navbar" class="nav navbar-nav navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen"> <a href="/"> <span class=" cmseasyedit" > 网站首页 </span> </a> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=1" class="toogle"> <span cmseasy-id="1" class="cmseasyedit"> 关于我们 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="公司简介" href="/index.php?case=archive&act=list&catid=32" cmseasy-id="32" class="cmseasyedit">公司简介</a> </li> <li> <a title="发展历程" href="/index.php?case=archive&act=list&catid=33" cmseasy-id="33" class="cmseasyedit">发展历程</a> </li> </ul> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=11" class="toogle"> <span cmseasy-id="11" class="cmseasyedit"> 产品展示 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="高爾夫球包" href="/index.php?case=archive&act=list&catid=178" cmseasy-id="178" class="cmseasyedit">高爾夫球包</a> </li> <li> <a title="手提袋" href="/index.php?case=archive&act=list&catid=179" cmseasy-id="179" class="cmseasyedit">手提袋</a> </li> <li> <a title="摺疊袋" href="/index.php?case=archive&act=list&catid=177" cmseasy-id="177" class="cmseasyedit">摺疊袋</a> </li> <li> <a title="旅行包和運動包" href="/index.php?case=archive&act=list&catid=159" cmseasy-id="159" class="cmseasyedit">旅行包和運動包</a> </li> <li> <a title="冰袋" href="/index.php?case=archive&act=list&catid=160" cmseasy-id="160" class="cmseasyedit">冰袋</a> </li> <li> <a title="电脑袋" href="/index.php?case=archive&act=list&catid=161" cmseasy-id="161" class="cmseasyedit">电脑袋</a> </li> <li> <a title="錢包" href="/index.php?case=archive&act=list&catid=180" cmseasy-id="180" class="cmseasyedit">錢包</a> </li> <li> <a title="腰包" href="/index.php?case=archive&act=list&catid=181" cmseasy-id="181" class="cmseasyedit">腰包</a> </li> <li> <a title="其他" href="/index.php?case=archive&act=list&catid=183" cmseasy-id="183" class="cmseasyedit">其他</a> </li> <li> <a title="帽" href="/index.php?case=archive&act=list&catid=184" cmseasy-id="184" class="cmseasyedit">帽</a> </li> <li> <a title="化妆包" href="/index.php?case=archive&act=list&catid=176" cmseasy-id="176" class="cmseasyedit">化妆包</a> </li> <li> <a title="RPET面料" href="/index.php?case=archive&act=list&catid=12" cmseasy-id="12" class="cmseasyedit">RPET面料</a> </li> <li> <a title="背囊" href="/index.php?case=archive&act=list&catid=13" cmseasy-id="13" class="cmseasyedit">背囊</a> </li> <li> <a title="单肩包" href="/index.php?case=archive&act=list&catid=14" cmseasy-id="14" class="cmseasyedit">单肩包</a> </li> <li> <a title="拉杆箱" href="/index.php?case=archive&act=list&catid=15" cmseasy-id="15" class="cmseasyedit">拉杆箱</a> </li> </ul> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=21" class="toogle"> <span cmseasy-id="21" class="cmseasyedit"> 新闻资讯 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="保养常识" href="/index.php?case=archive&act=list&catid=158" cmseasy-id="158" class="cmseasyedit">保养常识</a> </li> <li> <a title="企业新闻" href="/index.php?case=archive&act=list&catid=22" cmseasy-id="22" class="cmseasyedit">企业新闻</a> </li> <li> <a title="行业新闻" href="/index.php?case=archive&act=list&catid=23" cmseasy-id="23" class="cmseasyedit">行业新闻</a> </li> </ul> </li> <li class="oen dropdown"> <a href="/index.php?case=archive&act=list&catid=27" class="toogle"> <span cmseasy-id="27" class="cmseasyedit"> 职位招聘 </span> <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="就业机会" href="/index.php?case=archive&act=list&catid=29" cmseasy-id="29" class="cmseasyedit">就业机会</a> </li> <li> <a title="员工发展" href="/index.php?case=archive&act=list&catid=28" cmseasy-id="28" class="cmseasyedit">员工发展</a> </li> </ul> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=10"> <span cmseasy-id="10" class="cmseasyedit"> 联系我们 </span> </a> </li> <li id="fat-menu" class="dropdown"> <a data-toggle="modal" data-target="#myModalLang"><img src="/cn/upload/images/202103/16147553720883.gif" width="20"> 繁体 <span class="caret"></span> </a> </li> <li id="login" class="head-loginoen dropdown"></li> </ul> </div></div> </nav> </div> <style name="body_background_color">body {background-color: #ffffff;}</style><div class="clearfix view-html"> <div class="container-fluid clearfix"> <div class="row column"> <div class="tag"> <link href="/template_admin/admin/visual/sections/type/type-first-degree-banner/css/style.css" rel="stylesheet"> <div class="type-first-degree-banner type-first-degree-banner-2"> <div class="type-first-degree-banner-img"> <img src="" cmseasy-id="411" class="cmseasyeditimg img-responsive"> </div> <div class="type-first-degree-banner-title type-first-degree-banner-title-2"> <div class="container text-center"> <h1 cmseasy-id="411" class="clearfix cmseasyedit position-move"> 單肩包 </h1> <div class="clearfix"></div> <p cmseasy-id="411" class="clearfix cmseasyedit position-move"> 單肩包 </p> </div> </div> </div> <style type="text/css"> .type-first-degree-banner-2 { height: 250px; background:#06276a; } .type-first-degree-banner-2 .type-first-degree-banner-title h1 { font-size:30px; color:#ffffff; } .type-first-degree-banner-2 .type-first-degree-banner-title h1:hover { color:#ffffff; } ..type-first-degree-banner-2 .type-first-degree-banner-title p { font-size:14px; color:#ffffff; } .type-first-degree-banner-2 .type-first-degree-banner-title p:hover { color:#ffffff; } .type-first-degree-banner-2 .type-first-degree-banner-title h1:after { background:#ffffff; } .type-first-degree-banner-2 .type-first-degree-banner-title h1:hover:after { background:#ffffff; } </style></div> <div class="clearfix"> </div> </div> </div> <div class="clearfix"> </div> <div class="container clearfix" style="margin-top: 15px; margin-bottom: 15px;"> <div class="row column"> <div class="tag"> <link href="/template_admin/admin/visual/sections/common/notifications/css/style.css" rel="stylesheet"> <ul class="breadcrumb breadcrumb-28"> <span class="glyphicon glyphicon-list"></span> <li><a href="/">网站首页</a></li> <li><a href="/index.php?case=type&act=list&typeid=411">單肩包</a></li> </ul> <style type="text/css"> .breadcrumb-28 { background:#f6f7f7; font-size:14px; color:#000000; } .breadcrumb-28 li a { font-size:14px; color:#333333; border-color:rgba(255, 255, 255, 0); border-radius: 0px; background:rgba(255, 255, 255, 0); } .breadcrumb-28 li a:hover { color:#333333; border-color:rgba(255, 255, 255, 0); border-radius: 0px; background:rgba(255, 255, 255, 0); } .breadcrumb-28 .glyphicon { font-size:14px; color:#333333; } </style> </div> <div class="clearfix"> </div> </div> </div> <div class="clearfix" style="margin-top: 15px; margin-bottom: 15px;"> </div> <div class="container clearfix" > <div class="row column"> <div class="col-md-9" > <div class="column"> <div class="tag"> <link href="/template/default2020/visual/list/listtypetag/list/css/style.css" rel="stylesheet"> <div class="type-list type-list-1"> <ul class="row"> <li class="col-sm-6"> <span cmseasy-id="660" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0060" href="/index.php?case=archive&act=show&aid=660" cmseasy-id="660" class="cmseasyedit "> RB-B0060</a> <div class="clearfix"></div> </li> <li class="col-sm-6"> <span cmseasy-id="659" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0058" href="/index.php?case=archive&act=show&aid=659" cmseasy-id="659" class="cmseasyedit "> RB-B0058</a> <div class="clearfix"></div> </li> <div class="clearfix"></div> <li class="col-sm-6"> <span cmseasy-id="658" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0057" href="/index.php?case=archive&act=show&aid=658" cmseasy-id="658" class="cmseasyedit "> RB-B0057</a> <div class="clearfix"></div> </li> <li class="col-sm-6"> <span cmseasy-id="657" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0056" href="/index.php?case=archive&act=show&aid=657" cmseasy-id="657" class="cmseasyedit "> RB-B0056</a> <div class="clearfix"></div> </li> <div class="clearfix"></div> <li class="col-sm-6"> <span cmseasy-id="656" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0055" href="/index.php?case=archive&act=show&aid=656" cmseasy-id="656" class="cmseasyedit "> RB-B0055</a> <div class="clearfix"></div> </li> <li class="col-sm-6"> <span cmseasy-id="655" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0043" href="/index.php?case=archive&act=show&aid=655" cmseasy-id="655" class="cmseasyedit "> RB-B0043</a> <div class="clearfix"></div> </li> <div class="clearfix"></div> <li class="col-sm-6"> <span cmseasy-id="654" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0035" href="/index.php?case=archive&act=show&aid=654" cmseasy-id="654" class="cmseasyedit "> RB-B0035</a> <div class="clearfix"></div> </li> <li class="col-sm-6"> <span cmseasy-id="653" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0034" href="/index.php?case=archive&act=show&aid=653" cmseasy-id="653" class="cmseasyedit "> RB-B0034</a> <div class="clearfix"></div> </li> <div class="clearfix"></div> <li class="col-sm-6"> <span cmseasy-id="652" class="cmseasyedit time"> 2021-04-17</span> <a title="RB-B0033" href="/index.php?case=archive&act=show&aid=652" cmseasy-id="652" class="cmseasyedit "> RB-B0033</a> <div class="clearfix"></div> </li> <li class="col-sm-6"> <span cmseasy-id="651" class="cmseasyedit time"> 2021-04-17</span> <a title="N1936" href="/index.php?case=archive&act=show&aid=651" cmseasy-id="651" class="cmseasyedit "> N1936</a> <div class="clearfix"></div> </li> <div class="clearfix"></div> <li class="col-sm-6"> <span cmseasy-id="650" class="cmseasyedit time"> 2021-04-17</span> <a title="N1926" href="/index.php?case=archive&act=show&aid=650" cmseasy-id="650" class="cmseasyedit "> N1926</a> <div class="clearfix"></div> </li> <li class="col-sm-6"> <span cmseasy-id="649" class="cmseasyedit time"> 2021-04-17</span> <a title="N1883" href="/index.php?case=archive&act=show&aid=649" cmseasy-id="649" class="cmseasyedit "> N1883</a> <div class="clearfix"></div> </li> </ul> </div> <style> .type-list-1 ul li { border-bottom-style:dotted; border-bottom-color:#cccccc; border-radius: 0px; } .type-list-1 ul li:hover { border-bottom-style:dotted; border-bottom-color:#cccccc; border-radius: 0px; } .type-list-1 ul li a { font-size:16px; color:#000000; background:rgba(255, 255, 255, 0); } .type-list-1 ul li a:hover { color:#000000; background:rgba(255, 255, 255, 0); } .type-list-1 ul li span { font-size:12px; color:#333333; border-color:#cccccc; border-radius: 2px; background:#eeeeee; } .type-list-1 ul li:hover span { color:#333333; border-color:#cccccc; border-radius: 2px; background:#cccccc; } </style></div> </div> </div> <div class="col-md-3"> <div class="column"> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix view-html"> <div class="bottom clearfix" style="border-top: 1px solid rgb(238, 238, 238); padding-top:15px; "> <div class="container"> <div class="row"> <div class="view"> <div class="row"> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-1.css" rel="stylesheet"> <div class="foot-ul foot-ul-1 foot-ul-1-13"> <h4> <a title="关于我们" href="/index.php?case=archive&act=list&catid=1" cmseasy-id="1" class="cmseasyedit"> 关于我们 </a> </h4> <ul> <li> <a title="公司简介" href="/index.php?case=archive&act=list&catid=32" cmseasy-id="32" class="cmseasyedit"> 公司简介 </a> </li> <li> <a title="发展历程" href="/index.php?case=archive&act=list&catid=33" cmseasy-id="33" class="cmseasyedit"> 发展历程 </a> </li> </ul> </div> <style type="text/css"> .foot-ul-1-13 ul h4 a { font-size:14px; color:#000000; } .foot-ul-1-13 ul h4 a:hover { color:#000000; } .foot-ul-1-13 ul li a { font-size:14px; color:#000000; } .foot-ul-1-13 ul li a:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-2.css" rel="stylesheet"> <div class="foot-ul foot-ul-2 foot-ul-2-14"> <h4> <a title="产品展示" href="/index.php?case=archive&act=list&catid=11" cmseasy-id="11" class="cmseasyedit"> 产品展示 </a> </h4> <ul> <li> <a title="錢包" href="/index.php?case=archive&act=list&catid=180" cmseasy-id="180" class="cmseasyedit"> 錢包 </a> </li> <li> <a title="腰包" href="/index.php?case=archive&act=list&catid=181" cmseasy-id="181" class="cmseasyedit"> 腰包 </a> </li> <li> <a title="其他" href="/index.php?case=archive&act=list&catid=183" cmseasy-id="183" class="cmseasyedit"> 其他 </a> </li> <li> <a title="帽" href="/index.php?case=archive&act=list&catid=184" cmseasy-id="184" class="cmseasyedit"> 帽 </a> </li> <li> <a title="化妆包" href="/index.php?case=archive&act=list&catid=176" cmseasy-id="176" class="cmseasyedit"> 化妆包 </a> </li> <li> <a title="RPET面料" href="/index.php?case=archive&act=list&catid=12" cmseasy-id="12" class="cmseasyedit"> RPET面料 </a> </li> <li> <a title="背囊" href="/index.php?case=archive&act=list&catid=13" cmseasy-id="13" class="cmseasyedit"> 背囊 </a> </li> <li> <a title="单肩包" href="/index.php?case=archive&act=list&catid=14" cmseasy-id="14" class="cmseasyedit"> 单肩包 </a> </li> <li> <a title="拉杆箱" href="/index.php?case=archive&act=list&catid=15" cmseasy-id="15" class="cmseasyedit"> 拉杆箱 </a> </li> <li> <a title="高爾夫球包" href="/index.php?case=archive&act=list&catid=178" cmseasy-id="178" class="cmseasyedit"> 高爾夫球包 </a> </li> <li> <a title="手提袋" href="/index.php?case=archive&act=list&catid=179" cmseasy-id="179" class="cmseasyedit"> 手提袋 </a> </li> <li> <a title="摺疊袋" href="/index.php?case=archive&act=list&catid=177" cmseasy-id="177" class="cmseasyedit"> 摺疊袋 </a> </li> <li> <a title="旅行包和運動包" href="/index.php?case=archive&act=list&catid=159" cmseasy-id="159" class="cmseasyedit"> 旅行包和運動包 </a> </li> <li> <a title="冰袋" href="/index.php?case=archive&act=list&catid=160" cmseasy-id="160" class="cmseasyedit"> 冰袋 </a> </li> <li> <a title="电脑袋" href="/index.php?case=archive&act=list&catid=161" cmseasy-id="161" class="cmseasyedit"> 电脑袋 </a> </li> </ul> </div> <style type="text/css"> .foot-ul-2-14 ul h4 a { font-size:14px; color:#000000; } .foot-ul-2-14 ul h4 a:hover { color:#000000; } .foot-ul-2-14 ul li a { font-size:14px; color:#000000; } .foot-ul-2-14 ul li a:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-3.css" rel="stylesheet"> <div class="foot-ul foot-ul-3 foot-ul-3-15"> <h4> <a title="新闻资讯" href="/index.php?case=archive&act=list&catid=21" cmseasy-id="21" class="cmseasyedit"> 新闻资讯 </a> </h4> <ul> <li> <a title="企业新闻" href="/index.php?case=archive&act=list&catid=22" cmseasy-id="22" class="cmseasyedit"> 企业新闻 </a> </li> <li> <a title="行业新闻" href="/index.php?case=archive&act=list&catid=23" cmseasy-id="23" class="cmseasyedit"> 行业新闻 </a> </li> <li> <a title="保养常识" href="/index.php?case=archive&act=list&catid=158" cmseasy-id="158" class="cmseasyedit"> 保养常识 </a> </li> </ul> </div> <style type="text/css"> .foot-ul-3-15 ul h4 a { font-size:14px; color:#000000; } .foot-ul-3-15 ul h4 a:hover { color:#000000; } .foot-ul-3-15 ul li a { font-size:14px; color:#000000; } .foot-ul-3-15 ul li a:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-4.css" rel="stylesheet"> <div class="foot-ul foot-ul-4 foot-ul-4-4"> <ul> <div class="foot-tel"> <h4 class="cmseasyedit" > 服务热线 </h4> <p class="cmseasyedit" > (852)2637 3036 </p> </div> <div class="foot-email"> <h4 class="cmseasyedit" > 邮 箱 </h4> <p class="cmseasyedit" > enquiry@richbond.com.hk </p> </div> </ul> </div> <style type="text/css"> .foot-ul-4-4 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-4-4:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-4-4 h4 { font-size:14px; color:#000000; } .foot-ul-4-4:hover h4 { color:#000000; } .foot-ul-4-4 p { font-size:14px; color:#000000; } .foot-ul-4-4 p:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-5.css" rel="stylesheet"> <div class="foot-ul foot-ul-5 foot-ul-5-5"> <div class="erweima"> <div id="qrcode"> </div> <p> <span class="cmseasyedit" > 扫描 </span> <br /> <span class="cmseasyedit" > 手机版 </span> </p> </div> </div> <style type="text/css"> .foot-ul-5-5 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-5-5:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-5-5 p { font-size:14px; color:#000000; } .foot-ul-5-5 p:hover { color:#000000; } </style></div> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 text-center"> <div class="row column"> <div class="tag"> <link href="/template/default2020/visual/modules/common/bottom/css/style-6.css" rel="stylesheet"> <div class="foot-ul foot-ul-6 foot-ul-6-6"> <div class="checkout"> <img src="/cn/upload/images/202103/16160532683472.jpg" class="img-responsive cmseasyeditimg" > <p> <span class="cmseasyedit" > 关注 </span> <br /> <span class="cmseasyedit" > 官方微信 </span> </p> </div> </div> <style type="text/css"> .foot-ul-6-6 { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-6-6:hover { background:rgba(255, 255, 255, 0); border-color:rgba(255, 255, 255, 0); } .foot-ul-6-6 p { font-size:14px; color:#000000; } .foot-ul-6-6 p:hover { color:#000000; } </style></div> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="copyright"> <p> <span class="cmseasyedit" > Copyright © </span> <a title="RICHBOND CAPS & BAGS MFG.LTD." href="http://richbondbags.com/" class="cmseasyedit" > RICHBOND CAPS & BAGS MFG.LTD. </a>. </p> <p> Powered by <a href="https://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a> <a rel="nofollow" title="留言" href="/index.php?case=guestbook&act=index&url=cn" class="cmseasyedit" >留言</a> <a href="/index.php?case=archive&act=sitemap" title="网站地图" class="cmseasyedit" >网站地图</a> </p> </div> </div> </div> </div> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <style type="text/css"> .izl-rmenu{position:fixed; right:0; margin-right:20px; top:25%; padding-bottom:0px; z-index:999; } .izl-rmenu .sbtn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;} @media (max-width: 486px) { .izl-rmenu {display:none;} } .izl-rmenu .btn-qq{background:url(/template/default2020/skin/images/servers/metro_blue/r_qq.png) 0px 0px no-repeat; background-color:#06276a;color:#FFF;} .izl-rmenu .btn-qq:hover{background-color:#26c79d;color:#FFF;} .izl-rmenu .btn-qq .qq{background-color:#26c79d; position:absolute; width:110px; left:-115px; top:0px; line-height:38px; padding:15px 0px; color:#FFF; font-size:18px; text-align:center; display:none; border-radius: 10px 0px 10px 0px;box-shadow: 0 5px 20px 0 #999;} .izl-rmenu .btn-qq a {color:#FFF;font-size:14px;} .izl-rmenu .btn-wx{background:url(/template/default2020/skin/images/servers/metro_blue/r_wx.png) 0px 0px no-repeat; background-color:#06276a;} .izl-rmenu .btn-wx:hover{background-color:#26c79d;} .izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:140px;height:140px;box-shadow: 0 5px 20px 0 #999;} .izl-rmenu .btn-phone{background:url(/template/default2020/skin/images/servers/metro_blue/r_phone.png) 0px 0px no-repeat; background-color:#06276a;} .izl-rmenu .btn-phone:hover{background-color:#26c79d;} .izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-ali{background:url(/template/default2020/skin/images/servers/metro_blue/r_ali.png) 0px 0px no-repeat; background-color:#06276a;} .izl-rmenu .btn-ali:hover{background-color:#26c79d;} .izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(/template/default2020/skin/images/servers/metro_blue/r_ali.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;} .izl-rmenu .btn-wangwang{background:url(/template/default2020/skin/images/servers/metro_blue/r_wangwang.png) 0px 0px no-repeat; background-color:#06276a; background-size:100% 100%;} .izl-rmenu .btn-wangwang:hover{background-color:#26c79d;} .izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(/template/default2020/skin/images/servers/metro_blue/r_wangwang.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;} .izl-rmenu .btn-skype{background:url(/template/default2020/skin/images/servers/metro_blue/r_skype.png) 0px 0px no-repeat; background-color:#06276a;} .izl-rmenu .btn-skype:hover{background-color:#26c79d;} .izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(/template/default2020/skin/images/servers/metro_blue/r_skype.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;} .izl-rmenu .btn-web{background:url(/template/default2020/skin/images/servers/metro_blue/r_web.png) 0px 0px no-repeat; background-color:#06276a;} .izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/template/default2020/skin/images/servers/metro_blue/r_web.png) 0px 0px no-repeat; background-color:#06276a; text-decoration:none; display:block;} .izl-rmenu a.btn-web:hover{background-color:#26c79d;} .izl-rmenu .btn-top{background:url(/template/default2020/skin/images/servers/metro_blue/r_top.png) 0px 0px no-repeat; background-color:#06276a; display:none;} .izl-rmenu .btn-top:hover{background-color:#26c79d;} </style> <script language="javascript" type="text/javascript"> $(function(){ var tophtml="<div id=\"izl_rmenu\" class=\"izl-rmenu\"><div class='edit'>" + "<button type=\"button\" class=\"btn\" data-toggle=\"modal\" data-type=\"customer\" name=\"allconfig\" data-target=\"#template-allconfig-tag\">" + "<i class='glyphicon glyphicon-cog'></i>" + "</button></div><div class=\"sbtn btn-qq\"><div class=\"qq\"><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=2846309090&websiteName=http://richbondbags.com/=&Menu=yes\"><i class=\"icon-user\"></i> Customer Service</a></div></div><a rel=\"nofollow\" href=\"http://amos.im.alisoft.com/msg.aw?v=2&uid=tonsco企业店&site=cntaobao&s=1&charset=utf-8\" target=\"_blank\" class=\"sbtn btn-wangwang\"></a><div class=\"sbtn btn-wx\"><img class=\"pic\" src=\"/cn/upload/images/202103/16160532683472.jpg\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">(852)2637 3036</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"> <link href="/template/default2020/skin/css/wap/wap6.css" rel="stylesheet" /> <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('/template/default2020/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('/template/default2020/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:(852)2637 3036"><img src="/template/default2020/skin/images/wap/plugmenu1.png"><label>(852)2637 3036</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:(852)26373036"><img src="/template/default2020/skin/images/wap/plugmenu3.png"><label>短信</label></a> </li> <li class="themeStyle out" style="background:"> <a href="mqqwpa://im/chat?chat_type=wpa&uin=2846309090&version=1&src_type=web&web_src=http://richbondbags.com/" id="btn_fenxiang"><img src="/template/default2020/skin/images/wap/plugmenu5.png"><label>QQ号码</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/default2020/skin/images/wap/plugmenu6.png"><label>留言</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> <!--页底插入js--> <!-- Bootstrap core Javascript ================================================== --> <script src="/common/css/bootstrap/bootstrap-3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript"> <!-- function setpraise(aid,hrefname,obj) { //点赞 $.get(hrefname,{'aid':aid},function(data,status){ if(data != '') { data = JSON.parse(data); if(data[0]=='1'){ alert("点赞成功！"); $(obj).val("取消点赞！"); }else{ alert("取消点赞！"); $(obj).val("lang('point-like')"); } $(obj).next('span').html(data[1]); } }); } function setcollect(couponid,hrefname,obj) { //收藏 $.get(hrefname,{'couponid':couponid},function(data,status){ if(data != '') { data = JSON.parse(data); //显示提示信息 if(data=='1'){ alert("收藏成功！"); $(obj).val("取消收藏"); $(obj).attr('class','glyphicon glyphicon-heart collection-btn '); }else{ alert("已取消收藏！"); $(obj).val("收藏"); $(obj).attr('class','icon-heart collection-btn'); } } }); } //--> </script> <!--购买下载--> <script src="/common/plugins/shop/js/buyarchive.js?version=7701"></script> <!-- Modal --> <div class="modal fade bs-example-modal-sm" id="myModalLang" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <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> <h5 class="modal-title" id="myModalLabel">请选择浏览语言</h5> </div> <div class="modal-body"> <a href="/index.php?case=archive&act=setlang&langurl=sk" ><img src="/cn/upload/images/201908/15631498732217.gif" width="20"> 한국어</a> <a href="/index.php?case=archive&act=setlang&langurl=jp" ><img src="/cn/upload/images/201908/15631497913676.gif" width="20"> 日本語</a> <a href="/index.php?case=archive&act=setlang&langurl=en" ><img src="/cn/upload/images/201908/15631498094826.gif" width="20"> English</a> <a href="/index.php?case=archive&act=setlang&langurl=cn" ><img src="/cn/upload/images/202103/16147553720883.gif" width="20"> 繁体</a> </div> </div> </div> </div> <!-- 繁简切换 --> <script type="text/javascript"> <!-- (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 type="text/javascript"> <!-- $(document).ready(function(){ $(window).scroll(function() { var top = $(".visual-slide,.banner,.banner2,.banner3,.banner4,.cbanner").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> <!-- wow动态效果 --> <link rel="stylesheet" href="/common/plugins/animate/css/animate.min.css" /> <script src="/common/plugins/animate/js/wow.min.js"></script> <script type="text/javascript"> <!-- if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; //--> </script> <!-- 百度分享 --> <script type="text/javascript"> <!-- 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"},"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 src="/common/js/admin.js"></script> <!-- 鼠标滑过展开一级菜单/一级菜单可点击 --> <script type="text/javascript"> <!-- $(function () { $(".dropdown,.dropdown-submenu").mouseover(function () { $(this).addClass("open"); }); $(".dropdown,.dropdown-submenu").mouseleave(function(){ $(this).removeClass("open"); }) }); $(document).ready(function(){ var _width = $(window).width(); if(_width < 768){ $("#navbar a.toogle").click(function(){ event.preventDefault(); }); } }); //--> </script> <script type="text/javascript" src="/common/plugins/qrcode/jquery.qrcode.min.js"></script> <script type="text/javascript"> <!-- $(function() { $('#qrcode').qrcode({text: window.location.href}); }); //--> </script> <span id="head_login"><script src="/index.php?case=user&act=login_js"></script></span> <script type="text/javascript"> <!-- login.innerHTML=head_login.innerHTML;head_login.innerHTML=""; //--> </script> </body> </html>