about.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  7. <meta name="renderer" content="webkit">
  8. <title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
  9. <meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
  10. <meta name="description"
  11. content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
  12. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
  13. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
  14. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
  15. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
  16. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
  17. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
  18. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
  19. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
  20. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
  21. </head>
  22. <body class="menu-bg">
  23. {include file=head.html}
  24. <!--内容-->
  25. {pboot:sort scode={sort:tcode}}
  26. <div id="bann" style="background-image: url([sort:pic]);">
  27. <div class="container">
  28. <div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
  29. </div>
  30. <div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
  31. </div>
  32. </div>
  33. {/pboot:sort}
  34. <div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  35. <div class="container"> <a class="home" href="{pboot:sitedomain}/"><img
  36. src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  37. <div class="first">
  38. <h4>{sort:topname}</h4>
  39. <ul>
  40. {pboot:nav}
  41. <li><a href="[nav:link]">[nav:name]</a></li>
  42. {/pboot:nav}
  43. </ul>
  44. </div>
  45. <div class="second active">
  46. <h4> {sort:name} </h4>
  47. <ul>
  48. {pboot:nav num=50 parent={sort:tcode}}
  49. <li><a href="[nav:link]">[nav:name]</a></li>
  50. {/pboot:nav}
  51. </ul>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="nav_phone hide container ">
  56. <p>{pboot:position}</p>
  57. </div>
  58. <div id="about">
  59. <div class="container">
  60. <div class="about-box top1">
  61. <div class="about-title wow fadeInUp" data-wow-delay="200ms">{pboot:companyname}</div>
  62. {pboot:content id=24}
  63. <div class="desc-box">
  64. <div class="info-box wow fadeInUp" data-wow-delay="300ms">
  65. <div class="info">
  66. <p style="text-indent: 2em;">[content:content drophtml=1 dropblank=1 len=250 more='...']</p>
  67. </div>
  68. <a href="javascript:;" class="more" onclick="showMore()"><span>查看更多</span></a>
  69. </div>
  70. <div class="video-box wow fadeInUp" data-wow-delay="300ms"> <img src="[content:ico]"
  71. alt="{pboot:companyname}"> </div>
  72. </div>
  73. {/pboot:content}
  74. </div>
  75. <div class="about-box">
  76. <div class="about-title wow fadeInUp" data-wow-delay="300ms"> 公司愿景 </div>
  77. <div class="culture-box">
  78. <div class="left items item01 wow fadeInUp" data-wow-delay="200ms"
  79. style="background-image: url('{pboot:sitedomain}/skin/images/culture1.jpg');"> <img
  80. src="{pboot:sitedomain}/skin/images/culture1.jpg" alt="经营理念">
  81. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i1.png');"></i>
  82. <!-- <div class="title">
  83. <p class="cn">经营理念</p>
  84. <p class="en">BUSINESS PHILOSOPHY</p>
  85. </div> -->
  86. <div class="txt">中国气候行动的代表与推动者</div>
  87. </div>
  88. </div>
  89. <div class="left items item01 wow fadeInUp" data-wow-delay="200ms"
  90. style="background-image: url('{pboot:sitedomain}/skin/images/culture1.jpg');"> <img
  91. src="{pboot:sitedomain}/skin/images/culture1.jpg" alt="经营理念">
  92. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i8.png');"></i>
  93. <!-- <div class="title">
  94. <p class="cn">经营理念</p>
  95. <p class="en">BUSINESS PHILOSOPHY</p>
  96. </div> -->
  97. <div class="txt">绿色可持续发展使命的践行者</div>
  98. </div>
  99. </div>
  100. <div class="left items item01 wow fadeInUp" data-wow-delay="200ms"
  101. style="background-image: url('{pboot:sitedomain}/skin/images/culture1.jpg');"> <img
  102. src="{pboot:sitedomain}/skin/images/culture1.jpg" alt="经营理念">
  103. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i7.png');"></i>
  104. <!-- <div class="title">
  105. <p class="cn">经营理念</p>
  106. <p class="en">BUSINESS PHILOSOPHY</p>
  107. </div> -->
  108. <div class="txt">贵州防灾减灾的重要承载平台</div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="about-box">
  114. <div class="about-title wow fadeInUp" data-wow-delay="300ms"> 企业文化 </div>
  115. <div class="culture-box">
  116. <div class="left items item01 wow fadeInUp" data-wow-delay="200ms"
  117. style="background-image: url('{pboot:sitedomain}/skin/images/culture1.jpg');"> <img
  118. src="{pboot:sitedomain}/skin/images/culture1.jpg" alt="经营理念">
  119. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i1.png');"></i>
  120. <div class="title">
  121. <p class="cn">经营理念</p>
  122. <p class="en">BUSINESS PHILOSOPHY</p>
  123. </div>
  124. <div class="txt">勇于创新 奋发进取</div>
  125. </div>
  126. </div>
  127. <div class="culture">
  128. <div class="items wow fadeInUp" data-wow-delay="300ms"
  129. style="background-image: url('{pboot:sitedomain}/skin/images/culture2.jpg');"> <img
  130. src="{pboot:sitedomain}/skin/images/culture2.jpg" alt="诚信负责">
  131. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i2.png');"></i>
  132. <div class="title">
  133. <p class="cn">诚信负责</p>
  134. <p class="en">RESPONSIBLE FOR INTEGRITY</p>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="items wow fadeInUp" data-wow-delay="400ms"
  139. style="background-image: url('{pboot:sitedomain}/skin/images/culture3.jpg');"> <img
  140. src="{pboot:sitedomain}/skin/images/culture3.jpg" alt="简单快乐">
  141. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i3.png');"></i>
  142. <div class="title">
  143. <p class="cn">合作共赢</p>
  144. <p class="en">WIN WIN COOPERATION</p>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="items wow fadeInUp" data-wow-delay="500ms"
  149. style="background-image: url('{pboot:sitedomain}/skin/images/culture4.jpg');"> <img
  150. src="{pboot:sitedomain}/skin/images/culture4.jpg" alt="激情专注">
  151. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i4.png');"></i>
  152. <div class="title">
  153. <p class="cn">激情专注</p>
  154. <p class="en">PASSION AND FOCUS</p>
  155. </div>
  156. </div>
  157. </div>
  158. <div class="items wow fadeInUp" data-wow-delay="600ms"
  159. style="background-image: url('{pboot:sitedomain}/skin/images/culture5.jpg');"> <img
  160. src="{pboot:sitedomain}/skin/picture/culture5.jpg" alt="开放创造">
  161. <div class="text-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/i5.png');"></i>
  162. <div class="title">
  163. <p class="cn">开放创造</p>
  164. <p class="en">OPEN CREATION</p>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. <!--弹窗介绍-->
  173. <div class="more-cover">
  174. <div class="info-content">
  175. <div class="close-box"> <i style="background-image: url('{pboot:sitedomain}/skin/images/close.png');"></i>
  176. </div>
  177. <div class="content">
  178. {pboot:content id=24}[content:content]{/pboot:content}
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. {include file=foot.html}
  184. <script type="text/javascript">
  185. $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
  186. $(this).children('ul').stop().slideToggle()
  187. });
  188. var develop_banner = new Swiper('.swiper-develop', {
  189. autoplay: 4000,
  190. spaceBetween: "3.333%",
  191. slidesPerView: "auto",
  192. prevButton: '.prev',
  193. nextButton: '.next',
  194. navigation: {
  195. nextEl: '.develop-box .prevNext-box .next',
  196. prevEl: '.develop-box .prevNext-box .prev',
  197. },
  198. });
  199. function showMore() {
  200. $(".more-cover").fadeIn(300);
  201. };
  202. $(".more-cover .close-box").click(function () {
  203. $(".more-cover").fadeOut(300);
  204. });
  205. </script>
  206. </body>
  207. </html>