Home Explore Help
Register Sign In
xuchaoqing
/
fastadmin_materials_official
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 11cf3d405d
Branches Tags
fastadmin_ma...
/
addons
/
wwh
/
view
/
materials
/
detail_honor.html

detail_honor.html 6.6 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 
  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3.     <head>
    4. 

  4.         <meta charset="utf-8">
    5. 

  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    6. 

  6.         <meta name="viewport"
    7. 

  7.             content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    8. 

  8.         <meta name="renderer" content="webkit">
    9. 

  9.         <meta name="keywords" content="{:__lm($navCur,'keywords')}"/>
    10. 

  10.         <meta name="description" content="{:__lm($navCur,'description')}"/>
    11. 

  11.         <title>{:__lm($navCur,'seotitle')} - {$site.site_name}</title>
    12. 

  12.         <link rel="shortcut icon" href="{$site.logo|cdnurl}">
    13. 

  13.         <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/reset.css">
    14. 

  14.         <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/style.css">
    15. 

  15.         <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/swiper.min.css">
    16. 

  16.         <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/animate.min.css">
    17. 

  17.         <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/material/css/media.css">
    18. 

  18.         <script type="text/javascript" src="__CDN__/assets/addons/material/js/jquery.min.js"></script>
    19. 

  19.         <script type="text/javascript" src="__CDN__/assets/addons/material/js/swiper.min.js"></script>
    20. 

  20.         <script type="text/javascript" src="__CDN__/assets/addons/material/js/swiper.animate1.0.3.min.js"></script>
    21. 

  21.         <script type="text/javascript" src="__CDN__/assets/addons/material/js/wow.js"></script>
    22. 

  22.         <script type="text/javascript" src="__CDN__/assets/addons/material/js/jquery.counterup.min.js"></script>
    23. 

  23.         <script type="text/javascript" src="__CDN__/assets/addons/material/js/jquery.waypoints.min.js"></script>
    24. 

  24.         <script type="text/javascript" src="__CDN__/assets/addons/material/js/javascript.js"></script>
    25. 

  25.         <style>            
    26. 

  26.             /* 荣誉资质 */
    27. 

  27.             .honor-detail {overflow: hidden;}
    28. 

  28.             .honor-detail .honor-item {float:left;width:calc((100% - 20px) / 3);margin-top:10px;margin-right:10px;position:relative;}
    29. 

  29.             .honor-detail .honor-item:nth-child(-n + 3) {margin-top:0;}
    30. 

  30.             .honor-detail .honor-item:nth-child(3n) {margin-right:0;}
    31. 

  31.             .honor-detail .honor-item a{display: block;position: relative;border: 2px solid #FFFFFF;box-shadow: 0px 8px 36.8px 3.2px rgb(0 0 7 / 10%);}
    32. 

  32.             .honor-detail .honor-item .text{width: 100%;height:auto;padding: 5%;overflow: hidden;} 
    33. 

  33.             .honor-detail .honor-item .text .pic{background-size: contain;}
    34. 

  34.             .honor-detail .honor-item .type{color: #1a1a1a;}
    35. 

  35.             .honor-detail .honor-item .type span{font-size:14px;display: inline-block;vertical-align: middle;}
    36. 

  36.             .honor-detail .honor-item .type span:first-child::after {content: '';width: 1px;height: 14px;display: inline-block;vertical-align: middle;margin: 0 5px 0 10px;background: #ccc;}
    37. 

  37.             .honor-detail .honor-item .type span:last-child {color: #999999;}
    38. 

  38.             .honor-detail .honor-item .title{margin: 3% 0;font-size: 20px;}
    39. 

  39.             .honor-detail .honor-item a:hover {border: 2px solid #DF0100;z-index: 11;}
    40. 

  40.             .galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
    41. 

  41.             .galleryOverlay.visible {opacity: 1;}
    42. 

  42.             .gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
    43. 

  43.             .gallerySlider .placeholder { background: rgba(0,0,0,.7); height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
    44. 

  44.             .gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
    45. 

  45.             .gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
    46. 

  46.             .prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
    47. 

  47.             .prevArrow:hover, .nextArrow:hover { opacity: 1; }
    48. 

  48.             .prevArrow { background-position: left top; left:0; }
    49. 

  49.             .nextArrow { background-position: right top; right:0; }
    50. 

  50.             .pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
    51. 

  51.             .closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
    52. 

  52.             .closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    53. 

  53.             .closed:hover {opacity: 0.5;}
    54. 

  54.             .closed::after {width: 26px;height: 2px;}
    55. 

  55.             .closed::before {width: 2px;height: 26px;}
    56. 

  56.         </style>
    57. 

  57. </head>
    58. 

  58. <body>
    59. 

  59. <!--头部-->
    60. 

  60. {include file="header" /}
    61. 

  61. <!-- 栏目Banner -->
    62. 

  62. <div class="col-banner">
    63. 

  63.     <div class="section-banner">
    64. 

  64.         <img src="{$site.banner6|cdnurl}" alt="荣誉资质横幅">
    65. 

  65.     </div>
    66. 

  66.     <div class="section-header wow fadeInUp" data-wow-delay="0.3s">
    67. 

  67.         <p>HONOR AND QUALIFICATION</p>
    68. 

  68.         <h2>{$site.ban6_t1}</h2>
    69. 

  69.     </div>
    70. 

  70. </div>
    71. 

  71. <!-- 内容 -->
    72. 

  72. <div class="container">
    73. 

  73.     <div class="honor-detail">
    74. 

  74.         <div class="container-outer">
    75. 

  75.             <div class="honor-list-box">
    76. 

  76.                 {volist name="honor" id="v"}
    77. 

  77.                 <div class="honor-item wow fadeInUp" data-wow-delay="0.5s">
    78. 

  78.                     <a href="{$v.image|cdnurl}">
    79. 

  79.                         <div class="text">
    80. 

  80.                             <div class="type"><span>{$honorType[$v['type']]??''}</span> <span>{$v.zsdate}</span></div>
    81. 

  81.                             <div class="title">{$v.name}</div>
    82. 

  82.                             <div class="pic" style="background-image: url('{$v.image|cdnurl}');">
    83. 

  83.                                 <img src="__CDN__/assets/addons/wwh/images/honor_size.png" class="img-block">
    84. 

  84.                             </div>
    85. 

  85.                         </div>
    86. 

  86.                     </a>
    87. 

  87.                 </div>
    88. 

  88.                 {/volist}
    89. 

  89.             </div>
    90. 

  90.         </div>
    91. 

  91.     </div>
    92. 

  92.     <div class="fenye wow fadeInUp" data-wow-delay="0.5s">{$honorPage}</div>
    93. 

  93. </div>
    94. 

  94. 

  95. <!--底部-->
    96. 

  96. {include file="footer" /}
    97. 

  97. <script type='text/javascript' src="__CDN__/assets/addons/material/js/touchTouch.jquery.js"></script>
    98. 

  98. <script type="text/javascript">
    99. 

  99.  
    100. 

  100.     $(".honor-list-box").each(function(){
    101. 

  101.         $(this).find("a").touchTouch();
    102. 

  102.     });
    103. 

  103. </script>
    104. 

  104. </body>
    105. 

  105. </html>
    106.