about.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. {include file=top.html}
  2. <!-- S touch-top-wrapper -->
  3. <div class="touch-top mobile-section clearfix">
  4. <div class="touch-top-wrapper clearfix">
  5. <div class="touch-logo" skinobjectzone="HtmlLogo_1717"><a class="" href="javascript:;"><img src="{pboot:sitelogo}"/></a></div>
  6. <!-- S touch-navigation -->
  7. <div class="touch-navigation">
  8. <div class="touch-toggle">
  9. <ul>
  10. <li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu"><i
  11. class="touch-icon-menu"></i><span>Navigation</span></a></li>
  12. </ul>
  13. </div>
  14. </div>
  15. <!-- E touch-navigation -->
  16. </div>
  17. <!-- S touch-top -->
  18. <div class="touch-toggle-content touch-top-home">
  19. <!--<div class="drawer-section drawer-section-language">
  20. <ul class="touch-language clearfix" skinobjectzone="HtmlLanguage_1982">
  21. <li><a href="javascript:;">中文简体</a></li>
  22. </ul>
  23. </div>-->
  24. {include file=mobile-top.html}
  25. <script type="text/javascript">
  26. $(document).ready(function() {
  27. $(".touch-toggle a").click(function(event) {
  28. var className = $(this).attr("data-drawer");
  29. if ($("." + className).css('display') == 'none') {
  30. $("." + className).slideDown().siblings(".drawer-section").slideUp();
  31. } else {
  32. $(".drawer-section").slideUp();
  33. }
  34. event.stopPropagation();
  35. });
  36. /*$(document).click(function(){
  37. $(".drawer-section").slideUp();
  38. })*/
  39. $('.touch-menu a').click(function() {
  40. if ($(this).next().is('ul')) {
  41. if ($(this).next('ul').css('display') == 'none') {
  42. $(this).next('ul').slideDown();
  43. $(this).find('i').attr("class", "touch-arrow-up");
  44. } else {
  45. $(this).next('ul').slideUp();
  46. $(this).next('ul').find('ul').slideUp();
  47. $(this).find('i').attr("class", "touch-arrow-down");
  48. }
  49. }
  50. });
  51. });
  52. </script>
  53. </div>
  54. <!-- E touch-top -->
  55. </div>
  56. <!-- E touch-top-wrapper -->
  57. <!-- ==================== E top ==================== -->
  58. <!-- ==================== S header ==================== -->
  59. <div id="a1portalSkin_headerAreaA" class="header">
  60. <!-- Start_Module_228969 --><a name="26520" id="26520"></a>
  61. <div class="module-default">
  62. <div class="module-inner">
  63. <div id="a1portalSkin_ctr228969228969_mainArea" class="module-content">
  64. <!-- Start_Module_228969 -->
  65. <!-- S responsive-carousel -->
  66. <div class="responsive-carousel carousel clearfix">
  67. <div id="responsive-228969">
  68. <div class="carousel-item" style="">
  69. {pboot:slide gid=2 num=1}
  70. <div class="carousel-img"><a href="javascript:;" target=""><img src="[slide:src]" alt="About us" /></a></div>
  71. {/pboot:slide}
  72. </div>
  73. </div>
  74. <div class="carousel-btn carousel-btn-fixed" id="carousel-page-228969"></div>
  75. <script type="text/javascript">
  76. $(window).load(function() {
  77. $("#responsive-228969").carouFredSel({
  78. responsive: true,
  79. width: '100%',
  80. items: {
  81. visible: 1
  82. },
  83. auto: {
  84. pauseOnHover: true,
  85. timeoutDuration: 5000
  86. },
  87. swipe: {
  88. onTouch: true,
  89. onMouse: true
  90. },
  91. pagination: "#carousel-page-228969"
  92. //prev : { button:"#carousel-prev-228969"},
  93. //next : { button:"#carousel-next-228969"},
  94. //scroll : { fx : "coverfade", duration : 1200, timeoutDuration : 1500 }
  95. });
  96. $("#responsive-228969 .carousel-item").show();
  97. });
  98. </script>
  99. </div>
  100. <!-- E responsive-carousel -->
  101. <!-- End_Module_228969 -->
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <!-- ==================== E Header ==================== -->
  107. <!-- ==================== S main ==================== -->
  108. <section class="main">
  109. <section class="full-page-title-wrap clearfix" skinobjectzone="menu_2834">
  110. <h2>Who we are</h2>
  111. </section>
  112. <!-- S page-menu -->
  113. <section class="full-page-menu" skinobjectzone="menu_2909">
  114. <div class="full-page-menu-content">
  115. <div class="page-width">
  116. <ul class="clearfix">
  117. {pboot:nav parent=20}
  118. <li {pboot:if('[nav:scode]'=='{sort:scode}')}class="current"{/pboot:if}><a href="[nav:link]" title="[nav:name]">[nav:name]</a></li>
  119. {/pboot:nav}
  120. </ul>
  121. <!-- 没有子菜单时输出 -->
  122. </div>
  123. </div>
  124. </section>
  125. <!-- S page-menu -->
  126. <div class="page-width clearfix">
  127. <!-- S full-page-content -->
  128. <div class="full-page-content">
  129. <div id="a1portalSkin_mainArea" class="full-page-content-wrapper">
  130. <!-- Start_Module_228968 --><a name="25978" id="25978"></a>
  131. <div class="module-default">
  132. <div class="module-inner">
  133. <div id="a1portalSkin_ctr228968228968_mainArea" class="module-content">
  134. <!-- Start_Module_228968 -->
  135. <div class="qhd-content">
  136. {content:content}
  137. </div>
  138. <!-- End_Module_228968 -->
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <!-- E full-page-content -->
  145. </div>
  146. </section>
  147. {include file=footer.html}
  148. </body>
  149. </html>