海文大厦，010-58674996 - 欢迎您！的"}</script> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta name="keywords" content="海文大厦，海文大厦出写字楼，海文大厦租售价格，海文大厦日租金"> <meta name="description" content="海文大厦位于是集超市、写字楼、酒楼、银行、航空业务、娱乐、健身为一体的大型综合性商业中心，能够满足广大用户的各项要求。海文大厦楼盘图片楼盘概况；；类型:乙级写字楼商圈:劲松/东三环沿线地址:朝阳区劲松南路1号地铁:10号线,劲松站出租面积:70㎡~600㎡；；报价:4.5元~5.5元/㎡/天注册:可以..."> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <link rel="stylesheet" href="css/map.css"> </head> <body> <div class="container" style="padding: 0;position: fixed;z-index:1000;width: 100%"> <div class="col-md-12" style="padding: 0;">  <nav class="navbar navbar-default" role="navigation" style="background: rgb(42,60,91);border: none;border-radius: 0"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse" style="border:0 solid rgba(0,0,0,0) "> <span class="sr-only">切换导航</span> <span style="background-color: white" class="icon-bar"></span> <span style="background-color: white" class="icon-bar"></span> <span style="background-color: white" class="icon-bar"></span> </button> <a class="navbar-brand" href="/" style="color:white">海文大厦，010-58674996</a> </div> <div class="collapse navbar-collapse" id="example-navbar-collapse"> <ul class="nav navbar-nav" style="margin-left:3%; "> <li><a href="javascript:;" class="a1 a0" style="color:white">出租房源</a></li> <li><a href="javascript:;" class="a2 a0" style="color:white">户型图</a></li> <li><a href="javascript:;" class="a3 a0" style="color:white">楼盘概述</a></li> <li><a href="javascript:;" class="a4 a0" style="color:white">楼盘相册</a></li> <li><a href="javascript:;" class="a5 a0" style="color:white">入驻企业</a></li> <li><a href="javascript:;" class="a6 a0" style="color:white">交通地图</a></li> </ul> <script> $('.a0').bind('mousemove',function () { $(this).css({color:'rgb(19,138,203)'}); }) $('.a0').bind('mouseout',function () { $(this).css({color:'#ffffff'}); }) </script> <div class="dian_hua" style="float: right;color:white;padding-top: 15px;padding-bottom: 15px;">租赁中心：010-58674996</div> </div> </div> </nav> </div> </div>  <div class="container-fluid" style="padding: 0;"> <div class="nav" style="overflow: hidden"> <div class="img_lun" style="margin-top: 50px;"> <div class="rig" style="display: none;"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> </div> <div class="lef" style="display: none;"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </div> <div class="lun_font"> <div>外观图</div> <div>正门图</div> <div>大堂图</div> <div>电梯间</div> </div> <div class="lun lun1"> <img src="upfile/image/20190216/20190216185539423942.png" alt="海文大厦，010-58674996外观图"> </div> <div class="lun lun2"> <img src="upfile/image/20190216/20190216185597389738.png" alt="海文大厦，010-58674996正门图"> </div> <div class="lun lun3"> <img src="upfile/image/20190216/20190216185599599959.png" alt="海文大厦，010-58674996大堂图"> </div> <div class="lun lun4"> <img src="upfile/image/20190216/20190216185641284128.png" alt="海文大厦，010-58674996电梯间"> </div> </div> </div> </div> <script> $(document).ready(function () { $('.lun').each(function () { $(this).addClass('lun'+(Number($(this).index())-2)); }); }) </script>  <div class="container cont">  <div class="cont-top"> <div class="bc"> <ul> <li> <strong>类型：</strong><span style="font-size:14px;">海文大厦写字楼租赁部</span> </li> <li> <strong>地址：</strong><span style="font-size:14px;"><span style="color:#333333;font-family:arial;font-size:13px;background-color:#FFFFFF;"><span style="color:#333333;font-family:arial;font-size:13px;background-color:#FFFFFF;">北京市朝阳区劲松南路1号</span></span></span> </li> <li> <strong>电话：</strong><span style="font-size:14px;">010-58674996</span> </li> </ul> </div> <div class="bc"> <ul> <li> <strong>物业费：</strong><span style="font-size:14px;">18元/月/㎡</span> </li> <li> <strong>车位费：</strong><span style="font-size:14px;">800元/月</span> </li> <li> <strong>得房率：</strong><span style="font-size:14px;">70%</span> </li> </ul> </div> <div> <ul> <li> <strong>总楼层数：</strong><span style="font-size:14px;">10层</span> </li> <li> <strong>标准层高：</strong><span style="font-size:14px;">3.0米</span> </li> <li> <strong>开盘时间：</strong><span style="font-size:14px;">2003年</span> </li> </ul> </div> </div>  <div class="cont-box" id="czfy" style="position: relative"> <h3>出租房源</h3> <div class="cont-c col-xs-12 col-md-12"> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/20190208190952415241.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">150</span> m2 </div> <div> <span style="font-size:20px;">4.8</span>元/天/m2 </div> <div> <span style="font-size:20px;">21600</span>元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190216/20190216190623942394.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">180</span> m2 </div> <div> <span style="font-size:20px;">4.7</span>元/天/m2 </div> <div> <span style="font-size:20px;">21000</span> 元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/20190208192880378037.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">218</span> m2 </div> <div> <span style="font-size:20px;">4.2</span> 元/天/m2 </div> <div> <span style="font-size:20px;">27000</span>元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/20190208192842144214.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">205</span> m2 </div> <div> <span style="font-size:20px;">4.7</span> 元/天/m2 </div> <div> <span style="font-size:20px;">28900</span>元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/20190208192920482048.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">223</span> m2 </div> <div> <span style="font-size:20px;">4.5</span><span> </span>元/天/m2 </div> <div> <span style="font-size:20px;">30000</span> 元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/20190208192991209120.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">469</span> m2 </div> <div> <span style="font-size:20px;">4.3</span>元/天/m2 </div> <div> <span style="font-size:20px;">64000</span> 元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/2019020819290374374.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">358</span> m2 </div> <div> <span style="font-size:20px;">4.5</span> 元/天/m2 </div> <div> <span style="font-size:20px;">43000</span> 元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/20190208193014261426.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">190</span> m2 </div> <div> <span><span style="font-size:20px;">4.5</span></span> 元/天/m2 </div> <div> <span style="font-size:20px;">25600</span>元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190208/20190208193034543454.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">88</span>m2 </div> <div> <span style="font-size:20px;">3.5</span>元/天/m2 </div> <div> <span style="font-size:20px;">9240</span> 元/月 </div> </div> <div class="clear"></div> </div> <div style="width: 100%;border-bottom: 1px solid #ccc;padding:1% 0;display: flex;"> <div style="width: 18%;float: left;padding: 0 5px;margin: auto;"> <img src="upfile/image/20190216/20190216190674477447.jpg" alt="" style="width: 100%"> </div> <div class="money-c col-xs-8"> <div> <span style="font-size:20px;">70</span> m2 </div> <div> <span style="font-size:20px;">3.5</span>元/天/m2 </div> <div> <span style="font-size:20px;">8500</span> 元/月 </div> </div> <div class="clear"></div> </div> </div> <div class="cont-e col-xs-12 col-md-3" style=""> <div class="cont-ef"> <span style="font-size: 1.5vw;font-weight: 200;display: inline-block;padding: 4px 0;display: block; margin-bottom: 10px;">租赁热线</span>010-58674996 </div> <hr style="border-top:1px solid #cccccc "> <div class="cont-et" style="text-align: center;margin: 10% 0"> <img src="upfile/image/20210308/20210308165755705570.jpg" style="width:50%;max-height: 100%;height: auto"> </div> <div class="cont-ed" style="font-size: 12px"> 扫描二维码，加我微信 </div> </div> <div class="clear"></div> </div> <script> $(document).ready(function () { if($(window).width()>768){ $navcont = $('.navbar').height(); }else { $navcont = 0; } $(window).scroll(function () { if($(window).width()>992) { var conte = Number($('.cont-box').width()) * 0.75; $wtop = Number($('.cont-c').offset().top) - Number($(window).scrollTop()); $wbottom = Number($('.cont-e').height()) - Number($('.cont-c').height()); $kei = Number($(window).scrollTop()) - Number($('.cont-c').offset().top); $wid = Number($('.cont-e').height()) * 0.5; $k = $kei + $wid; if ($wtop <= $navcont && $wtop >= $wbottom) { $('.cont-e').css({position: 'absolute', top: $k, left: conte}) } else { $('.cont-e').attr('style', ''); } } }) }); </script>  <div class="cont-h" id="hxt"> <h3>户型图</h3> <div class="cont-ht"> <ul style="float: left"> <li style="text-align: center"> <a href="upfile/image/20190808/20190808210083498349.jpg" target="_blank"> <img src="upfile/image/20190808/20190808210083498349.jpg" alt=""><br> </a> <span></span> </li> <li style="text-align: center"> <a href="upfile/image/20190808/20190808210078637863.jpg" target="_blank"> <img src="upfile/image/20190808/20190808210078637863.jpg" alt=""><br> </a> <span></span> </li> <li style="text-align: center"> <a href="upfile/image/20190808/20190808210042674267.jpg" target="_blank"> <img src="upfile/image/20190808/20190808210042674267.jpg" alt=""><br> </a> <span></span> </li> <li style="text-align: center"> <a href="upfile/image/20190808/20190808210085428542.jpg" target="_blank"> <img src="upfile/image/20190808/20190808210085428542.jpg" alt=""><br> </a> <span></span> </li> <li style="text-align: center"> <a href="upfile/image/20190808/2019080821000910910.jpg" target="_blank"> <img src="upfile/image/20190808/2019080821000910910.jpg" alt=""><br> </a> <span></span> </li> <div class="clear"></div> </ul> <div class="clear"></div> </div> </div>  <div class="cont-l" id="lpgs"> <h3>楼盘概述</h3> <div class="cont-lf"> <p> <p class="MsoNormal" style="text-indent:24.0pt;"> <br /> </p> <p class="MsoNormal" style="text-indent:24pt;"> <span>海文大厦地处黄金地段，周边商务、休闲、餐饮十分便利，交通便捷。所属商圈：泛</span>CBD商圈所属环线：东三环项目简介海文大厦内有大中小户型，并设专人清理大厦公共区域，每月为客户免费清洗一次地毯，24小时保安巡视，大厦设有员工餐厅，供应三餐，品种丰富、丰俭由人。商机无限海文大厦是集超市、写字楼、酒楼、银行、航空业务、娱乐、健身为一体的大型综合性商业中心，能够满足广大用户的各项要求，优惠的价格与高质量的服务，为您提供卓越的办公环境。物业类型：写字楼物业级别：甲级〖配套设施〗中央空调：早8：00---晚10：00（周一至周日）电　　话：可提供千对通讯电缆，并连接到每一层房间网　　络：普通ADSL喷淋、烟感：每层按有关部门要求配置消防系统：进口消防器材，完备的消防报警系统电　　梯：两部西子奥的斯客梯，一部观光电梯，另有大型货梯两部，可提供搬运停车位：地上停车场 </p> <p class="MsoNormal" style="text-indent:24pt;"> <span>海文大厦总楼层：</span>7层建筑面积：25439m2 得房率：75% 标准层高：3.5米空调：分体式空调客梯数：3个(奥的斯) </p> <p class="MsoNormal" style="text-indent:0pt;"> <span>地铁站：</span> <span>距离地铁</span>10号线劲松站101米附近的公交站：劲松桥南公交站117米途经公交车：28路 352路 535路 638路采育社区班车夜30路内环夜30路外环运通 107线华威路北口公交站277米途经公交车：36路 378路 638路潘家园公交站365米途经公交车：机场大巴方庄线潘家园桥北公交站385米途经公交车：300路快车内环 300路快车外环 300路内环 300路外环 378路 846 路 848路 976路快速直达专线146路快速直达专线91路特8路内环特8路外环夜30路内环劲松桥东 </p> <p class="MsoNormal" style="text-indent:0pt;"> 学校：女子实验中学、房地产职工大学分校、劲松三中、劲松一小、劲松第一中学 </p> <p class="MsoNormal" style="text-indent:0pt;"> <span>附近的酒店</span> <span>距离：金和宾馆</span>(北京国贸劲松地铁站店)57米、鑫福海宾馆(劲松地铁站店)157米、7天优品酒店(劲松地铁站店)186米、华泰饭店244米、乐游饭店211米、亚朵酒店(国贸劲松店)381米、汉庭优佳酒店(劲松地铁站店)292米、布丁酒店(潘家园地铁站店)729米、99优选酒店(双井地铁站店)683米、汉庭酒店(潘家园店)425 米、北京水晶主题酒店866米、如家·neo(双井地铁站店)937米、7天酒店(北京潘家园店)937米、北京银杏树酒店374米。 </p> <p class="MsoNormal" style="text-indent:0pt;"> 附近的餐饮距离：京味斋(劲松店)39米、渔娘(劲松店)34米、阿里汗拌面烤肉(劲松总店)59米、必胜客(劲松店)31米、职工餐厅25米、渔过添情烤鱼饭(劲松店)32米、小北鲸饺子(劲松店)34米、村上一屋(劲松分店)31米、麻辣食尚(劲松桥店)69米、新加坡泰国村鱼翅(劲松店)114米、我在重庆等着你137米、铜瓷涮肉(劲松店)239 米、麦当劳(南磨房店)269米、好伦哥(劲松店)314米、呷哺呷哺(萨克赛斯店)351米、华盛丰温州大排档 213米。 </p> <p class="MsoNormal" style="text-indent:0pt;"> <span>附近的银行</span> <span>距离：中国建设银行</span>(劲松支行)21米、徽商银行(劲松支行)34米、平安银行(北京朝阳支行)38米、中国民生银行(北京劲松支行)126米、北京银行(九龙山支行)276米、中国农业银行(北京劲松中街支行)333米、中国建设银行(华威支行)372米、中国工商银行(北京东三环南路支行)405米、南京银行(劲松支行)453米、交通银行(北京华威路支行)465米、中国邮政储蓄银行(眼镜城营业所)466米。 </p> <p class="MsoNormal" style="text-indent:0pt;"> <span>物业公司：海文物业</span> <span>招租网址：http://www.bjhaiwendasha.cn https://www.bjjingfang.com/index/work/detail?id=13</span> </p> <p class="MsoNormal" style="text-indent:0pt;"> <span>物业费：</span>18元/平米/月房租包含物业费 </p> <p class="MsoNormal" style="text-indent:0pt;"> 网络：中国电信 </p> <p class="MsoNormal" style="text-indent:0pt;"> 欢迎您入住本大厦办公，，海文大厦租赁中心，海文大厦写字楼，海文大厦办公楼，海文大厦联合办公，海文大厦租金价格，海文大厦地址，海文大厦出售价格，海文大厦日租金，海文大厦开发商，海文大厦面积，海文大厦位置，海文大厦物业，海文大厦招租，海文大厦企业，海文大厦图片，海文大厦平面图，海文大厦外景图，海文大厦内景图等各种信息。 </p> <p> <br /> </p> <p class="MsoNormal" align="left"> <br /> </p> </p> </div> </div>  <div class="cont-x" id="lpxc"> <h3>楼盘相册</h3> <div class="cont-xx"> <ul style="padding: 0"> <li> <div> <img src="upfile/image/20190222/20190222192997769776.jpg" alt="海文大厦，010-58674996" class="center-block"> </div> <br> <h4>海文大厦外观图</h4> </li> <li> <div> <img src="upfile/image/20190216/20190216190184008400.png" alt="海文大厦，010-58674996" class="center-block"> </div> <br> <h4>海文大厦电梯</h4> </li> <li> <div> <img src="upfile/image/20190216/20190216190229202920.png" alt="海文大厦，010-58674996" class="center-block"> </div> <br> <h4>海文大厦正门图</h4> </li> <li> <div> <img src="upfile/image/20190216/20190216190371387138.png" alt="海文大厦，010-58674996" class="center-block"> </div> <br> <h4>海文大厦大堂</h4> </li> </ul> <div class="clear"></div> </div> </div>  <div class="cont-r" id="rzqy"> <h3 style="margin-top:0; ">入驻企业</h3> <div class="cont-rz"> <div> 北京央企对外咨询服务公司<br /> 北京税务外贸管理公司<br /> 北京商业文化交易中心<br /> 北京注册地址租赁园区<br /> 北京写字楼办公室出租招商部<br /> 北京金辰万通投资管理有限公司<br /> 北京陆陆捌科技有限公司<br /> 北京集保盛安安全防护技术发展有限公司<br /> 北京龙合兴投资担保有限公司<br /> 北京盛昌辉投资担保有限公司<br /> </div> <div> 安迪中茂（北京）商贸有限公司<br /> 北京鑫晨万通投资管理有限公司<br /> 北京东方球动力台球俱乐部有限公司<br /> 永顺国际货运代理有限公司<br /> 北京卡尔视通科技有限公司<br /> 北京中景泰品牌管理顾问有限公司<br /> 永邦时代（北京）文化传媒有限公司<br /> 北京盈兴盛商贸有限公司<br /> 北京龙神传亿广告有限公司<br /> 北京开合嘉帅投资有限责任公司<br /> </div> </div> </div>  <div class="cont-d" style="width: 100%;position: relative;" id="jtdt"> <h3>交通地图</h3> <div style="width: 100%; overflow: hidden;" id="map"> <a href="upfile/image/20201205/20201205181556665666.png" target="_blank;"><img src="upfile/image/20201205/20201205181556665666.png" style="width: 100%;" alt=""></a> </div> </div> <div class="container-fluid did" style="display: none;padding: 25px 0 45px 0;text-align: center"> <img src="upfile/image/20210308/20210308165755705570.jpg" style="width:40%;margin-bottom:10px;" alt=""><br>请加微信沟通<br> 租赁电话 010-58674996 租赁中心 <br><a href="https://beian.miit.gov.cn/">京ICP备12031027号-9</a> </div> </div> <div class="dpic" style="display: none;"> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> <div> <span>租赁中心</span><br> <span>010-58674996</span><br> <span>中介代理勿扰</span><br> <span>感谢您的支持</span> </div> </div> <script> $('.dpic').children('.glyphicon').bind('click',function () { $('.dpic').fadeOut(); }) </script>  <div class="container-fluid" style="padding: 0;"> <div class="cont-db visible-sm visible-md visible-lg"> <img src="upfile/image/20210308/20210308165755705570.jpg" alt=""><br> <span style="font-size: 26px; font-weight: bold;">租赁中心</span><br> <span style="font-size: 20px;">租赁电话 010-58674996</span><br> <span style="font-size: 14px;"> ☎ 010-58674996 ✉ 565356788@qq.com <a href="https://beian.miit.gov.cn/">京ICP备12031027号-9</a> & Copyright 租赁中心 </span> </div> <a class="visible-xs" href="tel:010-58674996"> <div class="cont-db"> <img src="images/iph.png"> 电话咨询 </div> </a> </div>  <div class="ftop" style="display: none"> <span style="line-height:0.4;top: -2px" class="glyphicon glyphicon-arrow-up" aria-hidden="true"><br></span> </div> <script> //抛锚移动 $(document).ready(function () { $(".a1").on("click",function(){ var offsetH = Number($("#czfy").offset().top)-Number($('.nav').height()); $("html,body").animate({"scrollTop":offsetH},800); if($(window).width()<992){ $('.navbar-collapse').animate({height:1},function () { $('.navbar-collapse').removeClass('in'); }); } }); $(".a2").on("click",function(){ var offsetH = Number($("#hxt").offset().top)-Number($('.nav').height()); $("html,body").animate({"scrollTop":offsetH},800); if($(window).width()<992){ $('.navbar-collapse').animate({height:1},function () { $('.navbar-collapse').removeClass('in'); }); } }); $(".a3").on("click",function(){ var offsetH = Number($("#lpgs").offset().top)-Number($('.nav').height()); $("html,body").animate({"scrollTop":offsetH},800); if($(window).width()<992){ $('.navbar-collapse').animate({height:1},function () { $('.navbar-collapse').removeClass('in'); }); } }); $(".a4").on("click",function(){ var offsetH = Number($("#lpxc").offset().top)-Number($('.nav').height()); $("html,body").animate({"scrollTop":offsetH},800); if($(window).width()<992){ $('.navbar-collapse').animate({height:1},function () { $('.navbar-collapse').removeClass('in'); }); } }); $(".a5").on("click",function(){ var offsetH = Number($("#rzqy").offset().top)-Number($('.nav').height()); $("html,body").animate({"scrollTop":offsetH},800); if($(window).width()<992){ $('.navbar-collapse').animate({height:1},function () { $('.navbar-collapse').removeClass('in'); }); } }); $(".a6").on("click",function(){ var offsetH = Number($("#jtdt").offset().top)-Number($('.nav').height()); $("html,body").animate({"scrollTop":offsetH},800); if($(window).width()<992){ $('.navbar-collapse').animate({height:1},function () { $('.navbar-collapse').removeClass('in'); }); } }); $(".ftop").on("click",function(){ $("html,body").animate({"scrollTop":0},800); }); $(window).bind('scroll',function () { var st = $(this).scrollTop(); if(st>200){ $('.ftop').show(); }else { $('.ftop').hide(); } }) }); </script> <script src="js/index.js"></script> <script> $(document).ready(function () { function chushi() { if($(window).width()>992){ $bokl = $('.navbar').height(); $('.lunbo').css({top:$bokl}); $('.luname').css({bottom:$bokl}); }else { $('.luname').css({bottom:0}); $('.dpic').hide(); $('.cont-e').remove(); $('.container').addClass('container-fluid').removeClass('container'); $('.cont').css({padding:'30px 10px'}); $('.cont-top').children('.bc').css({borderBottom:'1px solid #ccc'}); $('.cont-top').children('div').css({width:'100%'}); $('.cont-top').children('div').eq(1).css({paddingTop:'3%'}); $('.cont-top').children('div').eq(2).css({paddingTop:'3%'}); $('.cont-rz').children('div').css({width:'100%'}); $('.cont-rz').children('div').eq(1).css({marginTop:'3%',marginLeft:'0'}); $('.money-c').css({width:'77%'}); $('.money-c').children('div').css({marginRight:5}); $('.money-c').each(function () { $(this).children('div').eq(0).css({width:'21%'}); $(this).children('div').eq(1).css({width:'36%',marginRight:3}); $(this).children('div').eq(2).css({width:'36%'}); }); $('.money-c').children('div').children('span').css({fontSize:12}); $('.cont-ht').children('ul').css({width:'95%'}); $('.cont-ht').find('li').css({marginRight:'5%',width:'28%'}); $('.cont-hg').css({width:'45%',marginTop:'-80px'}); $('.dian_hua').css({float:'left',marginLeft:'7%',paddingTop:'5px'}); $('.navbar-brand').css({marginLeft:'7%'}); $('.cont-xx').find('li').css({width:'100%',marginLeft:'0',marginTop:'0',marginRigth:'3%',marginBottom:'3%'}); $('.cont-rz').css({width:'100%',marginLeft:'0',marginTop:'0',marginBottom:'3%'}); $('.cont-rz-n').css({width:'100%',marginLeft:'0',marginTop:'0',marginBottom:'3%'}); $('.ftop').css({bottom:'9%'}); if($(window).width()<380){ $('.lef').css({fontSize:'20px',lineHeight:'2.1'}); $('.rig').css({fontSize:'20px',lineHeight:'2.1'}); $('.cont-db').css({fontSize:26,textAlign:'center',color:'white',padding:'2% 0 0',background: 'rgba(0,0,0,0.7)',position:'fixed',bottom:0,width:'100%'}); }else if($(window).width() >= 768){ $('.cont-hg').css({width:'28%',marginTop:'-180px'}); $('.lef').css({fontSize:'20px',lineHeight:'3.2'}); $('.rig').css({fontSize:'20px',lineHeight:'3.2'}); $('.navbar-brand').css({marginLeft:'5%'}); }else{ $('.lef').css({fontSize:'20px',lineHeight:'2.3'}); $('.rig').css({fontSize:'20px',lineHeight:'2.3'}); $('.cont-db').css({fontSize:26,textAlign:'center',color:'white',padding:'2% 0 0',background: 'rgba(0,0,0,0.7)',position:'fixed',bottom:0,width:'100%'}); } $('.did').show(); } } chushi(); }); </script> </body></html>