mobileIndex.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>高新区</title>
  6. <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/>
  7. <meta name="format-detection" content="telephone=no">
  8. <link rel="stylesheet" th:href="@{/assets/css/mobile/swiper.min.css}">
  9. <link rel="stylesheet" th:href="@{/assets/css/mobile/index.css}">
  10. <script th:src="@{/assets/js/mobile/jquery-1.11.0.min.js}"></script>
  11. <script th:src="@{/assets/js/mobile/fontSize.js}"></script>
  12. <script th:src="@{/assets/js/mobile/swiper.min.js}"></script>
  13. </head>
  14. <body>
  15. <div class="swiper-container">
  16. <div class="swiper-wrapper">
  17. <!-- slide1 -->
  18. <section class="swiper-slide">
  19. <div class="top-bg">
  20. <div class="logo"><img th:src="@{/assets/images/logo.png}"></div>
  21. </div>
  22. <div class="main-content">
  23. <div class="flex-row infon-list">
  24. <i><img th:src="@{/assets/images/icon01.png}"></i>
  25. <span>近年来,随着新增工业用地供应量减少,存量土地盘活再利用成为产业转型升级的重要途径。</span>
  26. </div>
  27. <div class="flex-row infon-list">
  28. <i><img th:src="@{/assets/images/icon02.png}"></i>
  29. <span>但在此流转和再利用过程中,由于缺乏系统性的规范和监管措施,出现了部分乱象。</span>
  30. </div>
  31. <div class="flex-row infon-list">
  32. <i><img th:src="@{/assets/images/icon03.png}"></i>
  33. <span>为改善情况,开发区对符合核准要求的存量工业用地手续办理提供“全程代办”服务。</span>
  34. </div>
  35. </div>
  36. <div class="iocn-arrow-bottom r-b"></div>
  37. <div class="x-bg"></div>
  38. </section>
  39. <!---slide2-->
  40. <section class="swiper-slide t-center">
  41. <div class="iocn-arrow-top l-t"></div>
  42. <div class="lc-title">办理流程</div>
  43. <p class="link-box" style="margin-top: 1rem;"><span class="lc-item item-color1 font-24" style="margin-bottom: 0.5rem;">电脑登录网址:http://escloud.snd.gov.cn</span></p>
  44. <p style="margin-bottom: 0.8rem;">提供以下两种方式办理,具体方式由各属地确定</p>
  45. <p><span class="title-ffname">方法一</span></p>
  46. <p><span class="lc-item item-color2 font-28">企业输入网址注册用户<i class="top-line"></i><i></i><i class="icon-circular icon-circular-color1"></i></span></p>
  47. <p><span class="lc-item item-color3 font-28">街道审核用户成功后<i></i></span></p>
  48. <p><span class="lc-item item-color4 font-28">登录用户<i></i></span></p>
  49. <p><span class="lc-item item-color5 font-28">自行提交审核材料<i></i><i class="icon-circular icon-circular-color2"></i></span></p>
  50. </section>
  51. <!---slide2-2-->
  52. <section class="swiper-slide t-center">
  53. <div class="iocn-arrow-top l-t"></div>
  54. <p style="margin-top: 2rem;"><span class="title-ffname">方法二</span></p>
  55. <p><span class="lc-item item-color2 font-28">企业输入网址注册用户<i class="top-line"></i><i></i><i class="icon-circular icon-circular-color1"></i></span></p>
  56. <p><span class="lc-item item-color3 font-28">企业提交纸质材料至属地办事处<i></i></span></p>
  57. <p><span class="lc-item item-color4 font-28">属地全程代办<i></i></span></p>
  58. <p><span class="lc-item item-color5 font-28">企业登录平台,实时查看办理进程<i></i><i class="icon-circular icon-circular-color2"></i></span></p>
  59. <div class="lc-box" style="margin: 1rem 1rem 0; text-align: left;">
  60. <p class="lc-title-red">注册说明</p>
  61. <p class="flex-row"><i class="icon-d flex-shrink"></i>注册后,会由属地来对账号进行审核。</p>
  62. <p class="flex-row"><i class="icon-d flex-shrink"></i>审核期间,账号无法登陆。</p>
  63. <p class="flex-row"><i class="icon-d flex-shrink"></i>审核完毕后,结果将通过短信的方式,发送到注册时填写的手机号中。</p>
  64. <p class="flex-row"><i class="icon-d flex-shrink"></i>通过审核的用户,则可使用账户名进行正常登录。</p>
  65. </div>
  66. </section>
  67. <!--slide3-->
  68. <section class="swiper-slide">
  69. <div class="iocn-arrow-top l-t"></div>
  70. <div class="slide3-title">
  71. <p>适用范围及</p>
  72. <p>需准备的材料</p>
  73. </div>
  74. <div class="title-box">
  75. <span class="title-name">存量工业用地用途依法改变</span>
  76. <span class="title-line"></span>
  77. </div>
  78. <div class="list-box">
  79. <ul>
  80. <li><span class="font-color-red">【1】</span>拟改变工业用地实际用途申请书</li>
  81. <li><span class="font-color-red">【2】</span>不动产权证书或土地使用权出让合同(土地使用权利划拨决定书)和建设工程规范许可证复印件</li>
  82. <li><span class="font-color-red">【3】</span>企业营业执照,组织机构代码证,税务登记证或者三证合一后的营业执照复印件</li>
  83. <li><span class="font-color-red">【4】</span>企业近三年完税证明或近三年财务审计报告</li>
  84. <li><span class="font-color-red">【5】</span>新投资项目可行性研究报告</li>
  85. <li><span class="font-color-red">【6】</span>新投资项目产业发展项目监管协议</li>
  86. <li><span class="font-color-red">【7】</span>企业信用报告</li>
  87. </ul>
  88. </div>
  89. </section>
  90. <!--slide4-->
  91. <section class="swiper-slide">
  92. <div class="iocn-arrow-top l-t"></div>
  93. <div class="title-box slide4-title-box">
  94. <span class="title-name">存量工业用地公司<br>股权(结构)变更登记</span>
  95. <span class="title-line"></span>
  96. </div>
  97. <div class="list-box list-ts">
  98. <ul>
  99. <li><span class="font-color-red">【1】</span>项目公司股权(结构)变更登记申请书</li>
  100. <li><span class="font-color-red">【2】</span>原企业与新股东企业营业执照,组织机构代码证,税务登记证或三证合一后的营业执照复印件</li>
  101. <li><span class="font-color-red">【3】</span>不动产权证书或土地使用权出让合同(土地使用权利划拨决定书)和建设工程规范许可证复印件
  102. </li>
  103. <li><span class="font-color-red">【4】</span>原企业与新股东企业近三年完税证明或近三年财务审计报告</li>
  104. <li><span class="font-color-red">【5】</span>不改变工业用地用途承诺文书</li>
  105. <li><span class="font-color-red">【6】</span>若涉及新投资项目的,需提交新投资项目可行性研究报告,新投资项目产业发展项目监管协议
  106. </li>
  107. <li><span class="font-color-red">【7】</span>企业信用报告</li>
  108. </ul>
  109. <div class="lc-box">
  110. <p class="lc-title-red">符合以下条件的可办理简易流程,加快办理速度:</p>
  111. <p class="flex-row"><i class="icon-d flex-shrink"></i>不改变工业用地房屋实际控制人的股权(结构)变更项目</p>
  112. <p class="flex-row"><i class="icon-d flex-shrink"></i>区属国资公司、版块下属集体公司,以股权转让方式收购企业房地产的股权(结构)变更项目</p>
  113. <p class="flex-row"><i class="icon-d flex-shrink"></i>区属国资公司、版块下属集体公司,以房地产转移登记方式收购企业房地产的股权(结构)变更项目</p>
  114. </div>
  115. </div>
  116. </section>
  117. <!--slide5-->
  118. <section class="swiper-slide">
  119. <div class="iocn-arrow-top l-t"></div>
  120. <div class="title-box slide5-title-box">
  121. <span class="title-name">存量工业用地<br>不动产权属转移登记</span>
  122. <span class="title-line"></span>
  123. </div>
  124. <div class="list-box2">
  125. <ul>
  126. <li class="flex-row"><span class="icon-item-yd flex-shrink">01</span>不动产权权属转移登记申请书</li>
  127. <li class="flex-row"><span class="icon-item-yd flex-shrink">02</span>动产权权属转移双方企业营业执照,组织机构代码证,税务登记证或者三证合一后的营业执照复印件</li>
  128. <li class="flex-row"><span class="icon-item-yd flex-shrink">03</span>不动产权证书或土地使用权出让合同(土地使用权利划拨决定书)和建设工程规范许可证复印件
  129. </li>
  130. <li class="flex-row"><span class="icon-item-yd flex-shrink">04</span>不动产权属转移双方企业近三年完税证明或近三年财务审计报告</li>
  131. <li class="flex-row"><span class="icon-item-yd flex-shrink">05</span>不改变工业用地用途承诺文书</li>
  132. <li class="flex-row"><span class="icon-item-yd flex-shrink">06</span>若涉及新投资项目的,需提交新投资项目可行性研究报告,新投资项目产业发展项目监管协议
  133. </li>
  134. <li class="flex-row"><span class="icon-item-yd flex-shrink">07</span>企业信用报告</li>
  135. </ul>
  136. </div>
  137. </section>
  138. <!--slide6-->
  139. <section class="swiper-slide">
  140. <div class="iocn-arrow-top l-t"></div>
  141. <div class="title-box slide5-title-box">
  142. <span class="title-name">存量工业用地房屋出租</span>
  143. <span class="title-line"></span>
  144. </div>
  145. <div class="list-box2">
  146. <ul>
  147. <li class="flex-row"><span class="icon-item-yd flex-shrink">01</span>房屋出租申请书</li>
  148. <li class="flex-row"><span class="icon-item-yd flex-shrink">02</span>不动产权证书或土地使用权出让合同(土地使用权利划拨决定书)和建设工程规范许可证复印件</li>
  149. <li class="flex-row"><span class="icon-item-yd flex-shrink">03</span>出租与承租企业营业执照,组织机构代码证,税务登记证或者三证合一后的营业执照复印件,新企业提供名称预核准通知书
  150. </li>
  151. <li class="flex-row"><span class="icon-item-yd flex-shrink">04</span>出租与承租企业近三年完税证明或近三年财务审计报告</li>
  152. <li class="flex-row"><span class="icon-item-yd flex-shrink">05</span>不改变工业用地用途承诺文书</li>
  153. <li class="flex-row"><span class="icon-item-yd flex-shrink">06</span>承租企业涉及新投资项目的,需提交新投资项目可行性研究报告,新投资项目产业发展项目监管协议
  154. </li>
  155. </ul>
  156. </div>
  157. </section>
  158. <section class="swiper-slide footer">
  159. <div class="flex-row footer-content">
  160. <span>联系方式:</span>
  161. <ul class="col-a1">
  162. <li class="flex-row">
  163. <span class="col-a1">狮山横塘</span>
  164. <span class="col-a1">余亚栋</span>
  165. <a href="tel:0512-68256504" class="col-a2">0512-68256504</a>
  166. </li>
  167. <li class="flex-row">
  168. <span class="col-a1">枫 桥</span>
  169. <span class="col-a1">吴兢晴</span>
  170. <a href="tel:0512-66652335" class="col-a2">0512-66652335</a>
  171. </li>
  172. <li class="flex-row">
  173. <span class="col-a1">通 安</span>
  174. <span class="col-a1">樊海君</span>
  175. <a href="tel:0512-66063178" class="col-a2">0512-66063178</a>
  176. </li>
  177. <li class="flex-row">
  178. <span class="col-a1">镇 湖</span>
  179. <span class="col-a1">金  铭</span>
  180. <a href="tel:0512-66918748" class="col-a2">0512-66918748</a>
  181. </li>
  182. <li class="flex-row">
  183. <span class="col-a1">浒墅关</span>
  184. <span class="col-a1">龚  仁</span>
  185. <a href="tel:0512-66728826" class="col-a2">0512-66728826</a>
  186. </li>
  187. <li class="flex-row">
  188. <span class="col-a1">综保区</span>
  189. <span class="col-a1">何  冰</span>
  190. <a href="tel:0512-68018665" class="col-a2">0512-68018665</a>
  191. </li>
  192. <li class="flex-row">
  193. <span class="col-a1">经开区</span>
  194. <span class="col-a1">谈 杰</span>
  195. <a href="tel:0512-68018561a" class="col-a2">0512-68018561</a>
  196. </li>
  197. <li class="flex-row">
  198. <span class="col-a1">科技城</span>
  199. <span class="col-a1">顾  力</span>
  200. <a href="tel:0512-67681047" class="col-a2">0512-67681047</a>
  201. </li>
  202. </ul>
  203. </div>
  204. </section>
  205. </div>
  206. <img th:src="@{/assets/images/web-swipe-tip.png}" style="width:20px;height:15px; top:460px; left:150px;" id="array" class="resize">
  207. <div class="swiper-pagination"></div>
  208. </div>
  209. <script>
  210. $(function(){
  211. is_weixn();
  212. })
  213. //重置宽高
  214. scaleW=window.innerWidth/320;
  215. scaleH=window.innerHeight/480;
  216. var resizes = document.querySelectorAll('.resize');
  217. for (var j=0; j<resizes.length; j++) {
  218. resizes[j].style.width=parseInt(resizes[j].style.width)*scaleW+'px';
  219. resizes[j].style.height=parseInt(resizes[j].style.height)*scaleH+'px';
  220. resizes[j].style.top=parseInt(resizes[j].style.top)*scaleH+'px';
  221. resizes[j].style.left=parseInt(resizes[j].style.left)*scaleW+'px';
  222. }
  223. var scales = document.querySelectorAll('.txt');
  224. for (var i=0; i<scales.length; i++) {
  225. ss=scales[i].style;
  226. ss.webkitTransform = ss.MsTransform = ss.msTransform = ss.MozTransform = ss.OTransform =ss.transform='translateX('+scales[i].offsetWidth*(scaleW-1)/2+'px) translateY('+scales[i].offsetHeight*(scaleH-1)/2+'px)scaleX('+scaleW+') scaleY('+scaleH+') ';
  227. }
  228. var mySwiper = new Swiper ('.swiper-container', {
  229. direction : 'vertical',
  230. pagination: {
  231. el:'.swiper-pagination',
  232. },
  233. mousewheel: true,
  234. on:{
  235. init: function(){
  236. // swiperAnimateCache(this);
  237. // swiperAnimate(this);
  238. },
  239. slideChangeTransitionEnd: function(){
  240. // swiperAnimate(this);
  241. }
  242. }
  243. })
  244. function is_weixn(){
  245. var ua = navigator.userAgent.toLowerCase();
  246. if(ua.match(/MicroMessenger/i)=="micromessenger") {
  247. return true;
  248. } else {
  249. alert('建议使用微信扫码浏览');
  250. return false;
  251. }
  252. }
  253. </script>
  254. </body>
  255. </html>