webfront / zhenwei · 提交

转到一个项目

作者 乔爽
提交 f6e9052fb65692fb2194917d13786964a96b8245 1 个父辈 68f69ba8

update

内嵌 并排对比
正在显示 20 个修改的文件 包含 1631 行增加 和 255 行删除
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 - <title>参展申请</title> 5 + <title>参展登记</title>
6 <!--<meta name="viewport" content="width=device-width, initial-scale=1" />--> 6 <!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -8,6 +8,7 @@ body{ @@ -8,6 +8,7 @@ body{
8 input{ 8 input{
9 border: none; 9 border: none;
10 outline: none; 10 outline: none;
  11 + background-color: transparent;
11 } 12 }
12 .container{ 13 .container{
13 width: 7.5rem; 14 width: 7.5rem;
@@ -54,109 +55,136 @@ input{ @@ -54,109 +55,136 @@ input{
54 font-size: 0.22rem; 55 font-size: 0.22rem;
55 color: #777777; 56 color: #777777;
56 } 57 }
57 - /*中部*/ 58 +/*中部*/
58 .mid{ 59 .mid{
59 display: flex; 60 display: flex;
60 flex-flow: column; 61 flex-flow: column;
61 - margin-bottom: 0.88rem; 62 + margin-bottom: 1.08rem;
62 } 63 }
63 .mid_item{ 64 .mid_item{
64 margin-top: 0.31rem; 65 margin-top: 0.31rem;
65 width: 6.64rem; 66 width: 6.64rem;
66 display: flex; 67 display: flex;
67 /*align-items: center;*/ 68 /*align-items: center;*/
  69 + font-size: 0.24rem;
68 } 70 }
69 .mid_item_left{ 71 .mid_item_left{
  72 + width: 1.2rem;
70 font-size: 0.24rem; 73 font-size: 0.24rem;
71 } 74 }
72 .color_red{ 75 .color_red{
73 color: #EA474B; 76 color: #EA474B;
74 } 77 }
75 .mid_item_right{ 78 .mid_item_right{
  79 + border-bottom: 1px solid #959595;
  80 + margin-left: 0.3rem;
  81 +}
  82 +.mid_item_right input{
  83 + width: 5rem;
  84 +}
  85 +.mid_item_zw{
  86 + font-size: 0.24rem;
  87 + margin-left: 0.3rem;
76 display: flex; 88 display: flex;
77 flex: 1; 89 flex: 1;
78 - margin-left: 0.3rem;  
79 justify-content: space-between; 90 justify-content: space-between;
80 } 91 }
81 -.mid_item_right_wid{  
82 - width: 5.1rem;  
83 -}  
84 -.mid_item_right input{  
85 - border-bottom: 1px solid #959595;  
86 - background: transparent; 92 +.mid_item_zw_a{
  93 + display: flex;
  94 + line-height: 1;
87 } 95 }
88 - /*展位要求*/  
89 -.mid_item_right_input{  
90 - font-size: 0.22rem;  
91 - color: #1c1b1b; 96 +.mid_num{
92 display: flex; 97 display: flex;
  98 + border-bottom: 1px solid #959595;
93 } 99 }
94 - /*数量输入框*/  
95 -.mid_item_right_input_number{  
96 - width: 0.27rem;  
97 - border-bottom: 1px solid red;  
98 - 100 +.mid_num input{
  101 + width: 0.4rem;
99 } 102 }
100 - /*展区要求*/  
101 -.exhibition_area{ 103 +/*展区要求*/
  104 +.mid_item_zq{
  105 + margin-left: 0.3rem;
102 display: flex; 106 display: flex;
103 flex-wrap: wrap; 107 flex-wrap: wrap;
104 - margin-top: -0.2rem; 108 + flex: 1;
  109 + width: 4rem;
  110 + margin-top: -0.25rem;
105 } 111 }
106 -.exhibition_area_small{  
107 - width: 2.45rem;  
108 - margin-top: 0.2rem; 112 +.mid_item_zq_c{
  113 + width: 2.5rem;
  114 + display: flex;
  115 + margin-top: 0.25rem;
109 } 116 }
110 -.exhibition_area_input{  
111 - width: 1.6rem; 117 +.mid_item_zq_c_input{
  118 + flex: 1;
  119 + border-bottom: 1px solid #959595;
  120 +}
  121 +.mid_item_zq_c_input input{
  122 + width: 100%;
112 } 123 }
113 - /*展品信息*/  
114 -.information{ 124 +/*展品信息*/
  125 +.mid_item_zp{
  126 + display: flex;
115 flex-flow: column; 127 flex-flow: column;
  128 + margin-left: 0.3rem;
116 } 129 }
117 -  
118 -.information_short{ 130 +.mid_item_zp_a{
119 display: flex; 131 display: flex;
120 margin-top: 0.3rem; 132 margin-top: 0.3rem;
121 } 133 }
122 -.mid_item_right_text{  
123 - font-size: 0.22rem; 134 +.mid_item_zp_a:first-child{
  135 + margin-top: 0;
124 } 136 }
125 -.exhibits_information{  
126 - width: 3.74rem;  
127 - margin-left: 0.08rem; 137 +.zp_input{
  138 + border-bottom: 1px solid #959595;
128 } 139 }
129 -.information_short:first-child{  
130 - margin-top: 0; 140 +/*新品发布*/
  141 +.mid_item_new{
  142 + display: flex;
  143 + margin-left: 0.3rem;
131 } 144 }
132 - /*新品发布*/  
133 -.new_goods{ 145 +.mid_item_new_input{
134 display: flex; 146 display: flex;
135 - flex: 1;  
136 - justify-content: normal;  
137 } 147 }
138 -.new_goods>p{  
139 - margin-left: 0.4rem; 148 +.mar_lef{
  149 + margin-left: 0.3rem;
140 } 150 }
141 -.new_goods>p:first-child{  
142 - margin-left: 0; 151 +.l_adv{
  152 + width: 2rem;
143 } 153 }
144 -.mid_sub{  
145 - width: 6.78rem;  
146 - height: 0.75rem;  
147 - line-height: 0.75rem;  
148 - background:rgba(234,71,75,1);  
149 - border:1px solid rgba(149,149,149,1);  
150 - border-radius: 0.08rem;  
151 - margin-top: 0.31rem;  
152 - margin-bottom: 0.19rem; 154 +.j_bet{
153 155
154 - font-size: 0.3rem;  
155 - color: #fff;  
156 - text-align: center; 156 +}
  157 +.mid_item_adv{
  158 + width: 2rem;
  159 + display: flex;
  160 +}
  161 +/*联系方式*/
  162 +.mid_item_contact{
  163 + width: 5rem;
  164 + display: flex;
  165 + margin-top: 0.39rem;
157 166
158 } 167 }
159 - /*联系方式*/ 168 +.mid_item_contact:first-child{
  169 + margin-top: 0;
  170 +}
  171 +.mid_item_contact_left{
  172 + width: 1rem;
  173 +}
  174 +.mid_item_contact_right{
  175 + border-bottom: 1px solid #959595;
  176 +}
  177 +.mid_item_contact_right input{
  178 + width: 3.5rem;
  179 +}
  180 +.contact_a{
  181 + justify-content: space-between;
  182 +}
  183 +.contact_box{
  184 + display: flex;
  185 + flex-flow: column;
  186 +}
  187 +/*联系方式*/
160 .contact{ 188 .contact{
161 display: flex; 189 display: flex;
162 flex-flow: column; 190 flex-flow: column;
@@ -176,8 +204,24 @@ input{ @@ -176,8 +204,24 @@ input{
176 .contact_way input{ 204 .contact_way input{
177 205
178 } 206 }
  207 +.mid_sub{
  208 + margin-top: 0.3rem;
  209 + width: 6.78rem;
  210 + height: 0.75rem;
  211 + background:rgba(234,71,75,1);
  212 + border:1px solid rgba(149,149,149,1);
  213 + border-radius: 0.08rem;
  214 +
179 215
180 - /*底部菜单栏*/ 216 + font-size: 0.3rem;
  217 + font-family:MicrosoftYaHei;
  218 + font-weight:400;
  219 + color:rgba(255,255,255,1);
  220 + line-height: 0.75rem;
  221 + text-align: center;
  222 +}
  223 +
  224 +/*底部菜单栏*/
181 .bottom_menu{ 225 .bottom_menu{
182 width: 7.5rem; 226 width: 7.5rem;
183 height: 0.88rem; 227 height: 0.88rem;
@@ -199,3 +243,5 @@ input{ @@ -199,3 +243,5 @@ input{
199 font-size: 0.24rem; 243 font-size: 0.24rem;
200 color: #666666; 244 color: #666666;
201 } 245 }
  246 +
  247 +
@@ -34,6 +34,8 @@ body{ @@ -34,6 +34,8 @@ body{
34 font-weight: bold; 34 font-weight: bold;
35 35
36 } 36 }
  37 +
  38 +
37 .items{ 39 .items{
38 margin-top: 0.88rem; 40 margin-top: 0.88rem;
39 margin-bottom: 1rem; 41 margin-bottom: 1rem;
@@ -136,9 +138,40 @@ body{ @@ -136,9 +138,40 @@ body{
136 flex-flow: column; 138 flex-flow: column;
137 align-items: center; 139 align-items: center;
138 color: #666666; 140 color: #666666;
139 - line-height: 1.2;  
140 } 141 }
141 .bottom_menu_index_text{ 142 .bottom_menu_index_text{
142 - font-size: 0.24rem; 143 + font-size: 0.22rem;
143 color: #666666; 144 color: #666666;
144 } 145 }
  146 +
  147 +
  148 +/*菜单栏目*/
  149 +.head_menu{
  150 + width: 1.9rem;
  151 + display: flex;
  152 + flex-flow: column;
  153 + background-color: #F4F5F9;
  154 + position: relative;
  155 +}
  156 +.head_menu_item{
  157 + width: 1.9rem;
  158 + height: 0.55rem;
  159 + line-height: 0.55rem;
  160 + display: flex;
  161 + align-items: center;
  162 + position: relative;
  163 + color: #333333;
  164 +}
  165 +/*下划线*/
  166 +.head_menu_item:before{
  167 + content: "";
  168 + width: 1.9rem;
  169 + height: 1px;
  170 + position: absolute;
  171 + bottom: 0;
  172 + background-color: #CED5D5;
  173 +}
  174 +.head_menu_item_text{
  175 + font-size: 0.24rem;
  176 + margin-left: 0.1rem;
  177 +}
  1 +
  2 +body{
  3 + background-color: #F4F5F9;
  4 +}
  5 +*{
  6 + margin: 0;
  7 + padding: 0;
  8 +}
  9 +.container{
  10 + width: 7.5rem;
  11 + line-height: 1;
  12 + display: flex;
  13 + flex-flow: column;
  14 + align-items: center;
  15 +}
  16 +/*头部*/
  17 +.head{
  18 + width: 7.5rem;
  19 + height: 0.88rem;
  20 + background:rgba(201,201,201,1);
  21 + position: fixed;
  22 + top: 0;
  23 + left: 0;
  24 + z-index: 999;
  25 + display: flex;
  26 + align-items: center;
  27 + justify-content: space-between;
  28 + box-sizing: border-box;
  29 + padding: 0 0.2rem;
  30 +}
  31 +.head_new{
  32 + font-size: 0.3rem;
  33 + color: rgba(68,68,68,1);
  34 + font-weight: bold;
  35 +
  36 +}
  37 +.head_pic{
  38 + width: 7.5rem;
  39 + height: 2.18rem;
  40 + display: flex;
  41 + margin-top: 0.88rem;
  42 +}
  43 +.head_pic img{
  44 + width: 100%;
  45 + height: 100%;
  46 +}
  47 +/*标题*/
  48 +.title{
  49 + margin-top: 0.3rem;
  50 + display: flex;
  51 + flex-flow: column;
  52 +}
  53 +.title_big{
  54 +
  55 + font-size: 0.34rem;
  56 + font-family:SourceHanSansCN-Bold;
  57 + font-weight:bold;
  58 + color:rgba(37,87,170,1);
  59 + line-height: 0.5rem;
  60 + text-shadow: 0.01rem 0.01rem 0.01rem rgba(0, 0, 0, 0.22);
  61 +
  62 + background:linear-gradient(90deg,rgba(43,74,148,1) 0%, rgba(21,138,188,1) 100%);
  63 + -webkit-background-clip:text;
  64 + -webkit-text-fill-color:transparent;
  65 +}
  66 +.title_small{
  67 +
  68 + font-size: 0.18rem;
  69 + font-family:MicrosoftYaHei;
  70 + font-weight:400;
  71 + color:rgba(102,102,102,1);
  72 + line-height: 0.5rem;
  73 + display: flex;
  74 + align-items: center;
  75 + justify-content: space-between;
  76 +}
  77 +
  78 +.top{
  79 + width: 6.72rem;
  80 + display: flex;
  81 + background-color: #D9DEE8;
  82 + border-radius: 0.13rem;
  83 + margin-top: 0.38rem;
  84 +}
  85 +.top_text{
  86 + font-size: 0.22rem;
  87 + line-height: 0.46rem;
  88 + margin: 0.23rem 0.12rem ;
  89 + color: #2B4B94;
  90 +}
  91 +.mid{
  92 + width: 6.47rem;
  93 + display: flex;
  94 + flex-flow: column;
  95 +}
  96 +.mid_text{
  97 + margin-top: 0.3rem;
  98 + font-size: 0.22rem;
  99 + line-height: 0.46rem;
  100 +}
  101 +.mid_text:last-child{
  102 + margin-bottom: 0.42rem;
  103 +}
  104 +/*标题*/
  105 +.mid_title{
  106 + font-size: 0.24rem;
  107 + line-height: 0.46rem;
  108 + font-weight: bold;
  109 + color: #497CBC;
  110 + margin-top: 0.3rem;
  111 +}
  112 +/*底部图片*/
  113 +.bottom{
  114 + width: 6.17rem;
  115 + height: 3.21rem;
  116 + display: flex;
  117 + margin-bottom: 1.17rem;
  118 +}
  119 +.bottom img{
  120 + width: 100%;
  121 + height: 100%;
  122 +}
  123 +
  124 +/*底部菜单栏*/
  125 +.bottom_menu{
  126 + width: 7.5rem;
  127 + height: 0.88rem;
  128 + display: flex;
  129 + align-items: center;
  130 + justify-content: space-around;
  131 + background-color: #ffffff;
  132 + position: fixed;
  133 + bottom: 0;
  134 +}
  135 +.bottom_menu_index{
  136 + display: flex;
  137 + flex-flow: column;
  138 + align-items: center;
  139 + color: #666666;
  140 + line-height: 1.2;
  141 +}
  142 +.bottom_menu_index_text{
  143 + font-size: 0.24rem;
  144 + color: #666666;
  145 +}
@@ -269,3 +269,34 @@ body{ @@ -269,3 +269,34 @@ body{
269 font-size: 0.24rem; 269 font-size: 0.24rem;
270 color: #666666; 270 color: #666666;
271 } 271 }
  272 +
  273 +/*菜单栏目*/
  274 +.head_menu{
  275 + width: 1.9rem;
  276 + display: flex;
  277 + flex-flow: column;
  278 + background-color: #F4F5F9;
  279 + position: relative;
  280 +}
  281 +.head_menu_item{
  282 + width: 1.9rem;
  283 + height: 0.55rem;
  284 + line-height: 0.55rem;
  285 + display: flex;
  286 + align-items: center;
  287 + position: relative;
  288 + color: #333333;
  289 +}
  290 +/*下划线*/
  291 +.head_menu_item:before{
  292 + content: "";
  293 + width: 1.9rem;
  294 + height: 1px;
  295 + position: absolute;
  296 + bottom: 0;
  297 + background-color: #CED5D5;
  298 +}
  299 +.head_menu_item_text{
  300 + font-size: 0.24rem;
  301 + margin-left: 0.1rem;
  302 +}
@@ -84,6 +84,7 @@ body{ @@ -84,6 +84,7 @@ body{
84 flex-flow: column; 84 flex-flow: column;
85 align-items: center; 85 align-items: center;
86 justify-content: center; 86 justify-content: center;
  87 + margin-bottom: 1.6rem;
87 } 88 }
88 .traffic_search{ 89 .traffic_search{
89 width: 4.48rem; 90 width: 4.48rem;
@@ -253,3 +254,34 @@ body{ @@ -253,3 +254,34 @@ body{
253 font-size: 0.24rem; 254 font-size: 0.24rem;
254 color: #666666; 255 color: #666666;
255 } 256 }
  257 +
  258 +/*菜单栏目*/
  259 +.head_menu{
  260 + width: 1.9rem;
  261 + display: flex;
  262 + flex-flow: column;
  263 + background-color: #F4F5F9;
  264 + position: relative;
  265 +}
  266 +.head_menu_item{
  267 + width: 1.9rem;
  268 + height: 0.55rem;
  269 + line-height: 0.55rem;
  270 + display: flex;
  271 + align-items: center;
  272 + position: relative;
  273 + color: #333333;
  274 +}
  275 +/*下划线*/
  276 +.head_menu_item:before{
  277 + content: "";
  278 + width: 1.9rem;
  279 + height: 1px;
  280 + position: absolute;
  281 + bottom: 0;
  282 + background-color: #CED5D5;
  283 +}
  284 +.head_menu_item_text{
  285 + font-size: 0.24rem;
  286 + margin-left: 0.1rem;
  287 +}
@@ -328,3 +328,34 @@ body{ @@ -328,3 +328,34 @@ body{
328 font-size: 0.24rem; 328 font-size: 0.24rem;
329 color: #666666; 329 color: #666666;
330 } 330 }
  331 +
  332 +/*菜单栏目*/
  333 +.head_menu{
  334 + width: 1.9rem;
  335 + display: flex;
  336 + flex-flow: column;
  337 + background-color: #F4F5F9;
  338 + position: relative;
  339 +}
  340 +.head_menu_item{
  341 + width: 1.9rem;
  342 + height: 0.55rem;
  343 + line-height: 0.55rem;
  344 + display: flex;
  345 + align-items: center;
  346 + position: relative;
  347 + color: #333333;
  348 +}
  349 +/*下划线*/
  350 +.head_menu_item:before{
  351 + content: "";
  352 + width: 1.9rem;
  353 + height: 1px;
  354 + position: absolute;
  355 + bottom: 0;
  356 + background-color: #CED5D5;
  357 +}
  358 +.head_menu_item_text{
  359 + font-size: 0.24rem;
  360 + margin-left: 0.1rem;
  361 +}
@@ -138,6 +138,7 @@ body{ @@ -138,6 +138,7 @@ body{
138 flex-flow: column; 138 flex-flow: column;
139 align-items: center; 139 align-items: center;
140 color: #666666; 140 color: #666666;
  141 + line-height: 1.2;
141 } 142 }
142 .bottom_menu_index_text{ 143 .bottom_menu_index_text{
143 font-size: 0.22rem; 144 font-size: 0.22rem;
@@ -154,3 +154,34 @@ body{ @@ -154,3 +154,34 @@ body{
154 font-size: 0.24rem; 154 font-size: 0.24rem;
155 color: #666666; 155 color: #666666;
156 } 156 }
  157 +
  158 +/*菜单栏目*/
  159 +.head_menu{
  160 + width: 1.9rem;
  161 + display: flex;
  162 + flex-flow: column;
  163 + background-color: #F4F5F9;
  164 + position: relative;
  165 +}
  166 +.head_menu_item{
  167 + width: 1.9rem;
  168 + height: 0.55rem;
  169 + line-height: 0.55rem;
  170 + display: flex;
  171 + align-items: center;
  172 + position: relative;
  173 + color: #333333;
  174 +}
  175 +/*下划线*/
  176 +.head_menu_item:before{
  177 + content: "";
  178 + width: 1.9rem;
  179 + height: 1px;
  180 + position: absolute;
  181 + bottom: 0;
  182 + background-color: #CED5D5;
  183 +}
  184 +.head_menu_item_text{
  185 + font-size: 0.24rem;
  186 + margin-left: 0.1rem;
  187 +}
@@ -54,212 +54,222 @@ @@ -54,212 +54,222 @@
54 <div class="mid"> 54 <div class="mid">
55 <!--企业名称--> 55 <!--企业名称-->
56 <div class="mid_item"> 56 <div class="mid_item">
57 - <!--左边-->  
58 <div class="mid_item_left"> 57 <div class="mid_item_left">
59 - 企业名称<span class="color_red">*</span>: 58 + 企业要求<span class="color_red">*</span>:
60 </div> 59 </div>
61 - <!--右边-->  
62 <div class="mid_item_right"> 60 <div class="mid_item_right">
63 - <input class="mid_item_right_wid" type="text" value="" name=""> 61 + <input type="text">
64 </div> 62 </div>
65 </div> 63 </div>
66 <!--展位要求--> 64 <!--展位要求-->
67 <div class="mid_item"> 65 <div class="mid_item">
68 - <!--左边-->  
69 <div class="mid_item_left"> 66 <div class="mid_item_left">
70 展位要求<span class="color_red">*</span>: 67 展位要求<span class="color_red">*</span>:
71 </div> 68 </div>
72 - <!--右边-->  
73 - <div class="mid_item_right">  
74 - <p class="mid_item_right_input"> 69 + <div class="mid_item_zw">
  70 + <!--特装展位-->
  71 + <div class="mid_item_zw_a">
75 <input type="checkbox"> 72 <input type="checkbox">
76 - 特装展位  
77 - </p>  
78 - <p class="mid_item_right_input"> 73 + <p>特装展位</p>
  74 + </div>
  75 + <!--标准展位-->
  76 + <div class="mid_item_zw_a">
79 <input type="checkbox"> 77 <input type="checkbox">
80 - 标准展位  
81 - <!--数量框-->  
82 - <input class="mid_item_right_input_number">  
83 - 个  
84 - </p>  
85 - <p class="mid_item_right_input"> 78 + <p>标准展位</p>
  79 + <div class="mid_num">
  80 + <input type="number">
  81 + </div>
  82 + <p>个</p>
  83 + </div>
  84 + <!--空地-->
  85 + <div class="mid_item_zw_a">
86 <input type="checkbox"> 86 <input type="checkbox">
87 - 空地  
88 - <!--数量框-->  
89 - <input class="mid_item_right_input_number">  
90 - m²  
91 - </p> 87 + <p>空地</p>
  88 + <div class="mid_num">
  89 + <input type="number">
  90 + </div>
  91 + <p>m²</p>
  92 + </div>
92 </div> 93 </div>
93 </div> 94 </div>
94 <!--展区要求--> 95 <!--展区要求-->
95 <div class="mid_item"> 96 <div class="mid_item">
96 - <!--左边-->  
97 <div class="mid_item_left"> 97 <div class="mid_item_left">
98 展区要求<span class="color_red">*</span>: 98 展区要求<span class="color_red">*</span>:
99 </div> 99 </div>
100 - <!--右边-->  
101 - <div class="mid_item_right exhibition_area">  
102 - <p class="mid_item_right_input exhibition_area_small"> 100 + <div class="mid_item_zq">
  101 + <div class="mid_item_zq_c">
103 <input type="checkbox"> 102 <input type="checkbox">
104 - 特装展位  
105 - </p>  
106 - <p class="mid_item_right_input exhibition_area_small"> 103 + <p>机床展示区</p>
  104 + </div>
  105 + <div class="mid_item_zq_c">
107 <input type="checkbox"> 106 <input type="checkbox">
108 - 机器人展示区  
109 - </p>  
110 - <p class="mid_item_right_input exhibition_area_small"> 107 + <p>机器人展示区</p>
  108 + </div>
  109 + <div class="mid_item_zq_c">
111 <input type="checkbox"> 110 <input type="checkbox">
112 - 激光加工区  
113 - </p>  
114 - <p class="mid_item_right_input exhibition_area_small"> 111 + <p>激光加工展区</p>
  112 + </div>
  113 + <div class="mid_item_zq_c">
115 <input type="checkbox"> 114 <input type="checkbox">
116 - 智能制造区  
117 - </p>  
118 -  
119 - <p class="mid_item_right_input exhibition_area_small"> 115 + <p>智能制造展区</p>
  116 + </div>
  117 + <div class="mid_item_zq_c">
120 <input type="checkbox"> 118 <input type="checkbox">
121 - 汽车装备展区  
122 - </p>  
123 - <p class="mid_item_right_input exhibition_area_small"> 119 + <p>汽车装备展区</p>
  120 + </div>
  121 + <div class="mid_item_zq_c">
124 <input type="checkbox"> 122 <input type="checkbox">
125 - 巩固额装配及自动化展区  
126 - </p>  
127 - <p class="mid_item_right_input exhibition_area_small"> 123 + <p>工业装配及自动展区</p>
  124 + </div>
  125 + <div class="mid_item_zq_c">
128 <input type="checkbox"> 126 <input type="checkbox">
129 - 零部件展区  
130 - </p>  
131 - <p class="mid_item_right_input exhibition_area_small"> 127 + <p>零部件展区</p>
  128 + </div>
  129 + <div class="mid_item_zq_c">
132 <input type="checkbox"> 130 <input type="checkbox">
133 - 其他  
134 - <input class="exhibition_area_input" type="text">  
135 - </p>  
136 -  
137 - 131 + <p>其他</p>
  132 + <div class="mid_item_zq_c_input">
  133 + <input type="text">
  134 + </div>
  135 + </div>
138 </div> 136 </div>
139 </div> 137 </div>
140 <!--展品信息--> 138 <!--展品信息-->
141 <div class="mid_item"> 139 <div class="mid_item">
142 - <!--左边-->  
143 <div class="mid_item_left"> 140 <div class="mid_item_left">
144 - 展品信息: &nbsp;  
145 - 141 + 展品信息:
146 </div> 142 </div>
147 - <!--右边-->  
148 - <div class="mid_item_right information">  
149 - <div class="information_short">  
150 - <span class="mid_item_right_text">展品名称</span>  
151 - <input class="exhibits_information" type="text" value="" name=""> 143 + <div class="mid_item_zp">
  144 + <!--展品名称-->
  145 + <div class="mid_item_zp_a">
  146 + <p>展品名称</p>
  147 + <div class="zp_input">
  148 + <input type="text">
  149 + </div>
152 </div> 150 </div>
153 - <div class="information_short">  
154 - <span class="mid_item_right_text">应用行业</span>  
155 - <input class="exhibits_information" type="text" value="" name=""> 151 + <!--应用行业-->
  152 + <div class="mid_item_zp_a">
  153 + <p>展品名称</p>
  154 + <div class="zp_input">
  155 + <input type="text">
  156 + </div>
156 </div> 157 </div>
  158 +
157 </div> 159 </div>
158 </div> 160 </div>
159 <!--新品发布--> 161 <!--新品发布-->
160 <div class="mid_item"> 162 <div class="mid_item">
161 - <!--左边-->  
162 <div class="mid_item_left"> 163 <div class="mid_item_left">
163 - 企业名称:&nbsp; 164 + 新品发布:
164 </div> 165 </div>
165 - <!--右边-->  
166 - <div class="mid_item_right new_goods">  
167 - <p class="mid_item_right_input "> 166 + <div class="mid_item_new">
  167 + <div class="mid_item_new_input">
168 <input type="checkbox"> 168 <input type="checkbox">
169 - 有  
170 - </p>  
171 - <p class="mid_item_right_input "> 169 + <p>有</p>
  170 + </div>
  171 + <div class="mid_item_new_input mar_lef">
172 <input type="checkbox"> 172 <input type="checkbox">
173 - 无  
174 - </p> 173 + <p>无</p>
  174 + </div>
175 </div> 175 </div>
176 </div> 176 </div>
177 - <!--同期论坛-->  
178 - <div class="mid_item">  
179 - <!--左边-->  
180 - <div class="mid_item_left">  
181 - 同期活动/论坛: 177 + <!--同期活动/论坛-->
  178 + <div class="mid_item j_bet">
  179 + <div class="mid_item_left l_adv">
  180 + 同期活动/论坛:
182 </div> 181 </div>
183 - <!--右边-->  
184 - <div class="mid_item_right new_goods">  
185 - <p class="mid_item_right_input "> 182 + <div class="mid_item_adv">
  183 + <div class="mid_item_new_input">
186 <input type="checkbox"> 184 <input type="checkbox">
187 - 有  
188 - </p>  
189 - <p class="mid_item_right_input "> 185 + <p>有</p>
  186 + </div>
  187 + <div class="mid_item_new_input mar_lef">
190 <input type="checkbox"> 188 <input type="checkbox">
191 - 无  
192 - </p> 189 + <p>无</p>
  190 + </div>
193 </div> 191 </div>
194 </div> 192 </div>
195 <!--现场投放广告--> 193 <!--现场投放广告-->
196 - <div class="mid_item">  
197 - <!--左边-->  
198 - <div class="mid_item_left"> 194 + <div class="mid_item j_bet">
  195 + <div class="mid_item_left l_adv">
199 现场投放广告: 196 现场投放广告:
200 </div> 197 </div>
201 - <!--右边-->  
202 - <div class="mid_item_right new_goods">  
203 - <p class="mid_item_right_input "> 198 + <div class="mid_item_adv">
  199 + <div class="mid_item_new_input ">
204 <input type="checkbox"> 200 <input type="checkbox">
205 - 有  
206 - </p>  
207 - <p class="mid_item_right_input "> 201 + <p>有</p>
  202 + </div>
  203 + <div class="mid_item_new_input mar_lef">
208 <input type="checkbox"> 204 <input type="checkbox">
209 - 无  
210 - </p> 205 + <p>无</p>
  206 + </div>
211 </div> 207 </div>
212 </div> 208 </div>
213 <!--联系方式--> 209 <!--联系方式-->
214 - <div class="mid_item">  
215 - <!--左边--> 210 + <div class="mid_item contact_a">
216 <div class="mid_item_left"> 211 <div class="mid_item_left">
217 - 联系方式<span class="color_red">*</span>: 212 + 展品信息<span class="color_red">*</span>:
218 </div> 213 </div>
219 <!--右边--> 214 <!--右边-->
220 - <div class="mid_item_right contact">  
221 - <p class="contact_way">  
222 - <span>  
223 - 联系人<span class="color_red">*</span>  
224 - </span>  
225 - <input class="contact_way_input" type="text" >  
226 - </p>  
227 - <p class="contact_way">  
228 - <span>  
229 - 手机号<span class="color_red">*</span>  
230 - </span>  
231 - <input class="contact_way_input" type="text" >  
232 - </p>  
233 - <p class="contact_way">  
234 - <span>  
235 - 邮箱  
236 - </span>  
237 - <input class="contact_way_input" type="text" >  
238 - </p>  
239 - <p class="contact_way">  
240 - <span>  
241 - 座机  
242 - </span>  
243 - <input class="contact_way_input" type="text" >  
244 - </p>  
245 - <p class="contact_way">  
246 - <span>  
247 - 公司  
248 - </span>  
249 - <input class="contact_way_input" type="text" >  
250 - </p>  
251 -  
252 - 215 + <div class="contact_box" >
  216 + <div class="mid_item_contact">
  217 + <div class="mid_item_contact_left">
  218 + 联系人<span class="color_red">*</span>
  219 + </div>
  220 + <!--输入框-->
  221 + <div class="mid_item_contact_right">
  222 + <input type="text">
  223 + </div>
  224 + </div>
  225 + <div class="mid_item_contact">
  226 + <div class="mid_item_contact_left">
  227 + 手机号<span class="color_red">*</span>
  228 + </div>
  229 + <!--输入框-->
  230 + <div class="mid_item_contact_right">
  231 + <input type="text">
  232 + </div>
  233 + </div>
  234 + <div class="mid_item_contact">
  235 + <div class="mid_item_contact_left">
  236 + 邮箱
  237 + </div>
  238 + <!--输入框-->
  239 + <div class="mid_item_contact_right">
  240 + <input type="text">
  241 + </div>
  242 + </div>
  243 + <div class="mid_item_contact">
  244 + <div class="mid_item_contact_left">
  245 + 座机
  246 + </div>
  247 + <!--输入框-->
  248 + <div class="mid_item_contact_right">
  249 + <input type="text">
  250 + </div>
  251 + </div>
  252 + <div class="mid_item_contact">
  253 + <div class="mid_item_contact_left">
  254 + 公司
  255 + </div>
  256 + <!--输入框-->
  257 + <div class="mid_item_contact_right">
  258 + <input type="text">
  259 + </div>
  260 + </div>
253 </div> 261 </div>
254 </div> 262 </div>
255 263
256 - <!--确认提交--> 264 + <!--提交-->
257 <div class="mid_sub"> 265 <div class="mid_sub">
258 确认提交 266 确认提交
259 </div> 267 </div>
260 268
261 269
262 270
  271 +
  272 +
263 </div> 273 </div>
264 <!--底部菜单--> 274 <!--底部菜单-->
265 <div class="bottom_menu"> 275 <div class="bottom_menu">
@@ -12,7 +12,7 @@ @@ -12,7 +12,7 @@
12 <script src="js/base.js"></script> 12 <script src="js/base.js"></script>
13 <style> 13 <style>
14 .iconfont{ 14 .iconfont{
15 - font-size: 0.4rem; 15 + font-size: 0.38rem;
16 } 16 }
17 .icon-zuo{ 17 .icon-zuo{
18 color: #959595; 18 color: #959595;
@@ -11,7 +11,6 @@ @@ -11,7 +11,6 @@
11 <link rel="stylesheet" type="text/css" href="css/index.css"> 11 <link rel="stylesheet" type="text/css" href="css/index.css">
12 <script src="js/base.js"></script> 12 <script src="js/base.js"></script>
13 <style> 13 <style>
14 -  
15 .iconfont{ 14 .iconfont{
16 font-size: 0.38rem; 15 font-size: 0.38rem;
17 } 16 }
@@ -32,7 +31,7 @@ @@ -32,7 +31,7 @@
32 <!--关于展会--> 31 <!--关于展会-->
33 <div class="menu_item item_1"> 32 <div class="menu_item item_1">
34 <div class="menu_item_top"> 33 <div class="menu_item_top">
35 - <img src=""> 34 + <img src="images/icon.png">
36 </div> 35 </div>
37 <div class="menu_item_bottom"> 36 <div class="menu_item_bottom">
38 关于展会 37 关于展会
@@ -41,7 +40,7 @@ @@ -41,7 +40,7 @@
41 <!--展品范围--> 40 <!--展品范围-->
42 <div class="menu_item item_2"> 41 <div class="menu_item item_2">
43 <div class="menu_item_top"> 42 <div class="menu_item_top">
44 - <img src="#"> 43 + <img src="images/icon.png">
45 </div> 44 </div>
46 <div class="menu_item_bottom"> 45 <div class="menu_item_bottom">
47 展品范围 46 展品范围
@@ -50,7 +49,7 @@ @@ -50,7 +49,7 @@
50 <!--导览活动--> 49 <!--导览活动-->
51 <div class="menu_item item_3"> 50 <div class="menu_item item_3">
52 <div class="menu_item_top"> 51 <div class="menu_item_top">
53 - <img src=""> 52 + <img src="images/icon.png">
54 </div> 53 </div>
55 <div class="menu_item_bottom"> 54 <div class="menu_item_bottom">
56 导览活动 55 导览活动
@@ -59,7 +58,7 @@ @@ -59,7 +58,7 @@
59 <!--关于展会--> 58 <!--关于展会-->
60 <div class="menu_item item_4"> 59 <div class="menu_item item_4">
61 <div class="menu_item_top"> 60 <div class="menu_item_top">
62 - <img src=""> 61 + <img src="images/icon.png">
63 </div> 62 </div>
64 <div class="menu_item_bottom"> 63 <div class="menu_item_bottom">
65 参展申请 64 参展申请
@@ -70,7 +69,7 @@ @@ -70,7 +69,7 @@
70 <!--新闻报道--> 69 <!--新闻报道-->
71 <div class="menu_item item_5"> 70 <div class="menu_item item_5">
72 <div class="menu_item_top"> 71 <div class="menu_item_top">
73 - <img src=""> 72 + <img src="images/icon.png">
74 </div> 73 </div>
75 <div class="menu_item_bottom"> 74 <div class="menu_item_bottom">
76 新闻报道 75 新闻报道
@@ -79,7 +78,7 @@ @@ -79,7 +78,7 @@
79 <!--论坛活动--> 78 <!--论坛活动-->
80 <div class="menu_item item_6"> 79 <div class="menu_item item_6">
81 <div class="menu_item_top"> 80 <div class="menu_item_top">
82 - <img src=""> 81 + <img src="images/icon.png">
83 </div> 82 </div>
84 <div class="menu_item_bottom"> 83 <div class="menu_item_bottom">
85 论坛活动 84 论坛活动
@@ -88,7 +87,7 @@ @@ -88,7 +87,7 @@
88 <!--商旅服务--> 87 <!--商旅服务-->
89 <div class="menu_item item_7"> 88 <div class="menu_item item_7">
90 <div class="menu_item_top"> 89 <div class="menu_item_top">
91 - <img src=""> 90 + <img src="images/icon.png">
92 </div> 91 </div>
93 <div class="menu_item_bottom"> 92 <div class="menu_item_bottom">
94 商旅服务 93 商旅服务
@@ -97,7 +96,7 @@ @@ -97,7 +96,7 @@
97 <!--参观登记--> 96 <!--参观登记-->
98 <div class="menu_item item_8"> 97 <div class="menu_item item_8">
99 <div class="menu_item_top"> 98 <div class="menu_item_top">
100 - <img src=""> 99 + <img src="images/icon.png">
101 </div> 100 </div>
102 <div class="menu_item_bottom"> 101 <div class="menu_item_bottom">
103 参观登记 102 参观登记
@@ -2,12 +2,12 @@ @@ -2,12 +2,12 @@
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 - <title>论坛活动</title> 5 + <!--<title>论坛活动</title>-->
6 <!--<meta name="viewport" content="width=device-width, initial-scale=1" />--> 6 <!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 9
10 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_wamnx6np1vc.css"> 10 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
11 <link rel="stylesheet" type="text/css" href="css/xwbd.css"> 11 <link rel="stylesheet" type="text/css" href="css/xwbd.css">
12 <link rel="stylesheet" type="text/css" href="css/dropload.css"> 12 <link rel="stylesheet" type="text/css" href="css/dropload.css">
13 <script src="js/base.js"></script> 13 <script src="js/base.js"></script>
@@ -23,6 +23,27 @@ @@ -23,6 +23,27 @@
23 .icon-iconfont-edu12{ 23 .icon-iconfont-edu12{
24 color: #959595; 24 color: #959595;
25 font-size: 0.5rem; 25 font-size: 0.5rem;
  26 + position: relative;
  27 + }
  28 + .icon-shangsanjiao{
  29 + height: 0.5rem;
  30 + font-size: 0.6rem;
  31 + margin-left: 1.2rem;
  32 + position: absolute;
  33 + top: -0.28rem;
  34 + color: #F4F5F9;
  35 + }
  36 + .margin_lef{
  37 + margin-left: 0.2rem;
  38 + }
  39 + .menu{
  40 + /*display: flex;*/
  41 + position: absolute;
  42 + top: 0.69rem;
  43 + left: -1.4rem;
  44 + }
  45 + .menu_color{
  46 + color: #EA474B;
26 } 47 }
27 </style> 48 </style>
28 </head> 49 </head>
@@ -40,7 +61,96 @@ @@ -40,7 +61,96 @@
40 </div> 61 </div>
41 <!--右菜单--> 62 <!--右菜单-->
42 <div class="iconfont icon-iconfont-edu12"> 63 <div class="iconfont icon-iconfont-edu12">
  64 + <!--菜单栏功能-->
  65 + <div class="menu" style="display: none;">
43 66
  67 + <!--菜单列表-->
  68 + <div class="head_menu">
  69 + <!--箭头-->
  70 + <div class="iconfont icon-shangsanjiao"></div>
  71 + <!--菜单-->
  72 + <div class="head_menu_item menu_index">
  73 + <!--图标-->
  74 + <div class="iconfont icon-zhuye2 margin_lef"></div>
  75 + <!--文字-->
  76 + <div class="head_menu_item_text">
  77 + 首页
  78 + </div>
  79 + </div>
  80 + <div class="head_menu_item menu_gyzh">
  81 + <!--图标-->
  82 + <div class="iconfont icon-fangzi margin_lef"></div>
  83 + <!--文字-->
  84 + <div class="head_menu_item_text">
  85 + 关于展品
  86 + </div>
  87 + </div>
  88 + <div class="head_menu_item menu_zpfw">
  89 + <!--图标-->
  90 + <div class="iconfont icon-fangkuai margin_lef"></div>
  91 + <!--文字-->
  92 + <div class="head_menu_item_text">
  93 + 展品范围
  94 + </div>
  95 + </div>
  96 + <div class="head_menu_item menu_zsml">
  97 + <!--图标-->
  98 + <div class="iconfont icon-diqiu1 margin_lef"></div>
  99 + <!--文字-->
  100 + <div class="head_menu_item_text">
  101 + 展商名录
  102 + </div>
  103 + </div>
  104 + <div class="head_menu_item menu_czsq">
  105 + <!--图标-->
  106 + <div class="iconfont icon-zuanshi margin_lef"></div>
  107 + <!--文字-->
  108 + <div class="head_menu_item_text">
  109 + 参展申请
  110 + </div>
  111 + </div>
  112 + <div class="head_menu_item menu_gzml">
  113 + <!--图标-->
  114 + <div class="iconfont icon-lanzi margin_lef"></div>
  115 + <!--文字-->
  116 + <div class="head_menu_item_text">
  117 + 观众名录
  118 + </div>
  119 + </div>
  120 + <div class="head_menu_item menu_cgdj">
  121 + <!--图标-->
  122 + <div class="iconfont icon-gouwuche1 margin_lef"></div>
  123 + <!--文字-->
  124 + <div class="head_menu_item_text">
  125 + 参观登记
  126 + </div>
  127 + </div>
  128 + <div class="head_menu_item menu_lthd">
  129 + <!--图标-->
  130 + <div class="iconfont icon-luyin margin_lef"></div>
  131 + <!--文字-->
  132 + <div class="head_menu_item_text">
  133 + 论坛活动
  134 + </div>
  135 + </div>
  136 + <div class="head_menu_item menu_xwbd">
  137 + <!--图标-->
  138 + <div class="iconfont icon-ic_language_px margin_lef"></div>
  139 + <!--文字-->
  140 + <div class="head_menu_item_text">
  141 + 新闻报道
  142 + </div>
  143 + </div>
  144 + <div class="head_menu_item menu_slfw">
  145 + <!--图标-->
  146 + <div class="iconfont icon-shuben margin_lef"></div>
  147 + <!--文字-->
  148 + <div class="head_menu_item_text">
  149 + 商旅服务
  150 + </div>
  151 + </div>
  152 + </div>
  153 + </div>
44 </div> 154 </div>
45 155
46 </div> 156 </div>
@@ -145,6 +255,44 @@ @@ -145,6 +255,44 @@
145 <script src="js/dropload.min.js"></script> 255 <script src="js/dropload.min.js"></script>
146 256
147 <script> 257 <script>
  258 + //左边菜单功能
  259 + $(".icon-iconfont-edu12").click(function () {
  260 + $(".menu").slideToggle();
  261 + })
  262 + //菜单内容跳转
  263 + $(".menu_index").click(function () {
  264 + window.location.href = "index.html";
  265 + })
  266 + $(".menu_gyzh").click(function () {
  267 + window.location.href = "gyzh.html";
  268 + })
  269 + $(".menu_zpfw").click(function () {
  270 + window.location.href = "zpfw.html";
  271 + })
  272 + $(".menu_zsml").click(function () {
  273 + window.location.href = "zsml.html";
  274 + })
  275 + $(".menu_czsq").click(function () {
  276 + window.location.href = "czsq.html";
  277 + })
  278 + $(".menu_gzml").click(function () {
  279 + window.location.href = "#";
  280 + })
  281 + $(".menu_cgdj").click(function () {
  282 + window.location.href = "cgdj.html";
  283 + })
  284 + $(".menu_lthd").click(function () {
  285 + window.location.href = "lthd.html";
  286 + })
  287 + $(".menu_xwbd").click(function () {
  288 + window.location.href = "xwbd.html";
  289 + })
  290 + $(".menu_slfw").click(function () {
  291 + window.location.href = "slfw_2.html";
  292 + })
  293 +
  294 +
  295 +
148 //底部四个按钮 296 //底部四个按钮
149 $('.index').click(function () { 297 $('.index').click(function () {
150 window.location.href = "index.html" 298 window.location.href = "index.html"
@@ -165,11 +313,11 @@ @@ -165,11 +313,11 @@
165 }) 313 })
166 314
167 $('.item').click(function () { 315 $('.item').click(function () {
168 - window.location.href = "nrxq.html"; 316 + window.location.href = "lthd_nrxq.html";
169 }) 317 })
170 - //菜单功能  
171 - $(document).ready(function () {  
172 318
  319 + //下拉刷新
  320 + $(document).ready(function () {
173 321
174 // 页数 322 // 页数
175 var page = 1; 323 var page = 1;
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +<head>
  4 + <meta charset="UTF-8">
  5 + <title>论坛活动_内容详情</title>
  6 + <!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
  7 + <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8 + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9 +
  10 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_wamnx6np1vc.css">
  11 + <link rel="stylesheet" type="text/css" href="css/nrxq.css">
  12 + <link rel="stylesheet" type="text/css" href="css/dropload.css">
  13 + <script src="js/base.js"></script>
  14 + <script src="js/jquery.min.js"></script>
  15 + <style>
  16 + .iconfont{
  17 + font-size: 0.38rem;
  18 + }
  19 + .icon-zuo{
  20 + color: #959595;
  21 + font-size: 0.38rem;
  22 + }
  23 + .icon-iconfont-edu12{
  24 + color: #959595;
  25 + font-size: 0.5rem;
  26 + }
  27 + </style>
  28 +</head>
  29 +<body>
  30 +<div class="container">
  31 + <!--头部信息-->
  32 + <div class="head">
  33 + <!--左图标-->
  34 + <div class="iconfont icon-zuo">
  35 +
  36 + </div>
  37 + <!--内容详情-->
  38 + <div class="head_new">
  39 + 内容详情
  40 + </div>
  41 + <!--右菜单-->
  42 + <div >
  43 +
  44 + </div>
  45 +
  46 + </div>
  47 + <!--头部图片-->
  48 + <div class="head_pic">
  49 + <img src="images/666.png">
  50 + </div>
  51 + <!--标题-->
  52 + <div class="title">
  53 + <div class="title_big">智能时代"云"发展"新模式"驻占天津</div>
  54 + <div class="title_small">
  55 + <p>更新时间：<span>2018-12-18</span></p>
  56 + <p>点击量: <span>18</span></p>
  57 + <p>来源:<span>天津汽车装备展</span></p>
  58 + </div>
  59 + </div>
  60 + <!--顶部内容-->
  61 + <div class="top">
  62 +
  63 + <div class="top_text">
  64 + &nbsp;&nbsp;&nbsp;&nbsp;
  65 + 天津汽车装备展的主题导览是一项双赢的活动。对展商而言，这是宣传他们品牌和创新产品的保障；对于观众而言，这是充分利用展会现场宝贵时间的最佳方式。
  66 +
  67 +
  68 + </div>
  69 + </div>
  70 + <!--中部内容-->
  71 + <div class="mid">
  72 + <div class="mid_text">
  73 + &nbsp;&nbsp;&nbsp;&nbsp;展会期间，训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动，进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言，主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动，向导带领观众前往6至8个精选展商展台，由展商做十分钟的展示。这里，我们所指的“展示”并非泛泛空谈；而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素，并藉此让观众对导览活动更为满意。
  74 + <br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”，2018天津汽车装备展的主题表明：产业集成已跨越实验阶段，开始使我们获益。会带来哪些增值效益？如何有效配置合作机器人、数字双胞胎和预见性维护？在2018天津汽车装备展上，您将找到这些问题的答案。
  75 + </div>
  76 +
  77 + <div class="mid_box">
  78 + <!--标题-->
  79 + <div class="mid_title">
  80 + 导览1——工业自动化与IT
  81 + </div>
  82 + <!--文章-->
  83 + <div class="mid_text">
  84 + &nbsp;&nbsp;&nbsp;&nbsp;展会期间，训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动，进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言，主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动，向导带领观众前往6至8个精选展商展台，由展商做十分钟的展示。这里，我们所指的“展示”并非泛泛空谈；而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素，并藉此让观众对导览活动更为满意。
  85 + <br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”，2018天津汽车装备展的主题表明：产业集成已跨越实验阶段，开始使我们获益。会带来哪些增值效益？如何有效配置合作机器人、数字双胞胎和预见性维护？在2018天津汽车装备展上，您将找到这些问题的答案。
  86 + </div>
  87 + </div>
  88 +
  89 +
  90 +
  91 + </div>
  92 +
  93 + <!--底部图片-->
  94 + <div class="bottom">
  95 + <img src="images/777.png">
  96 + </div>
  97 +
  98 +
  99 + <!--底部菜单-->
  100 + <div class="bottom_menu">
  101 + <div class="bottom_menu_index index">
  102 + <!--上图标-->
  103 + <div class="iconfont icon-zhuye2"></div>
  104 + <!--下文字-->
  105 + <div class="bottom_menu_index_text">
  106 + 首页
  107 + </div>
  108 + </div>
  109 + <div class="bottom_menu_index tel">
  110 + <!--上图标-->
  111 + <div class="iconfont icon-dianhua-copy"></div>
  112 + <!--下文字-->
  113 + <div class="bottom_menu_index_text">
  114 + 电话咨询
  115 + </div>
  116 + </div>
  117 + <div class="bottom_menu_index exhibition">
  118 + <!--上图标-->
  119 + <div class="iconfont icon-user-address"></div>
  120 + <!--下文字-->
  121 + <div class="bottom_menu_index_text">
  122 + 网上展厅
  123 + </div>
  124 + </div>
  125 + <div class="bottom_menu_index personal">
  126 + <!--上图标-->
  127 + <div class="iconfont icon-gerenzhongxin"></div>
  128 + <!--下文字-->
  129 + <div class="bottom_menu_index_text">
  130 + 个人中心
  131 + </div>
  132 + </div>
  133 + </div>
  134 +
  135 +</div>
  136 +<script src="js/dropload.min.js"></script>
  137 +
  138 +<script>
  139 + //底部四个按钮
  140 + $('.index').click(function () {
  141 + window.location.href = "index.html"
  142 + })
  143 + $('.tel').click(function () {
  144 + window.location.href = "index.html"
  145 + })
  146 + $('.exhibition').click(function () {
  147 + window.location.href = "wszt.html"
  148 + })
  149 + $('.personal').click(function () {
  150 + window.location.href = "personal_center.html"
  151 + })
  152 +
  153 + //返回功能
  154 + $('.icon-zuo').click(function () {
  155 + window.history.back();
  156 + })
  157 +
  158 + // 页数
  159 + var page = 0;
  160 + // 每页展示10个
  161 + var size = 3;
  162 + $('.mid').dropload({
  163 + scrollArea : window,
  164 + domUp : {
  165 + domClass : 'dropload-up',
  166 + domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>',
  167 + domUpdate : '<div class="dropload-update">↑释放更新</div>',
  168 + domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>'
  169 + },
  170 + domDown : {
  171 + domClass : 'dropload-down',
  172 + domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>',
  173 + domLoad : '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
  174 + domNoData : '<div class="dropload-noData">暂无数据</div>'
  175 + },
  176 + loadDownFn : function(me){
  177 + page++;
  178 + // 拼接HTML
  179 + var result = '';
  180 + var s = "";
  181 + var show="";
  182 + var list_compressor="";
  183 + var list_answer="";
  184 + $.ajax({
  185 + type: 'GET',
  186 + url: 'http://ons.me/tools/dropload/json.php?page='+page+'&size='+size,
  187 + dataType: 'json',
  188 + success: function(data){
  189 + console.log(data);
  190 + var arrLen = data.length;
  191 + if(arrLen > 0){
  192 + for(var i=0; i<arrLen; i++){
  193 + result +='<div class="mid_title">\n' +
  194 + ' 导览1——工业自动化与IT\n' +
  195 + ' </div>\n' +
  196 + ' <!--文章-->\n' +
  197 + ' <div class="mid_text">\n' +
  198 + ' &nbsp;&nbsp;&nbsp;&nbsp;展会期间，训练有素的向导带领观众在展馆内开展八种不同主题的导览活动。最多25名观众可同时参与一次导览活动，进入特定的主题展区了解最新的创新成果和展会亮点。对观众而言，主题导览是快速、综合、全面了解天津汽车装备展相关信息的最佳途径。每次导览活动，向导带领观众前往6至8个精选展商展台，由展商做十分钟的展示。这里，我们所指的“展示”并非泛泛空谈；而是展商对其特定产品、服务或解决方案进行全面而生动的讲解和展示。我们深知高效的展商演示是实现独特、优质导览体验不可或缺的因素，并藉此让观众对导览活动更为满意。\n' +
  199 + ' <br> &nbsp;&nbsp;&nbsp;&nbsp;“产业集成——连接与协作”，2018天津汽车装备展的主题表明：产业集成已跨越实验阶段，开始使我们获益。会带来哪些增值效益？如何有效配置合作机器人、数字双胞胎和预见性维护？在2018天津汽车装备展上，您将找到这些问题的答案。\n' +
  200 + ' </div>'
  201 +
  202 +
  203 +
  204 +
  205 + }
  206 + // 如果没有数据
  207 + }else{
  208 + // 锁定
  209 + me.lock();
  210 + // 无数据
  211 + me.noData();
  212 + }
  213 + // 为了测试，延迟1秒加载
  214 + setTimeout(function(){
  215 + // 插入数据到页面，放到最后面
  216 + $('.mid_box').append(result);
  217 + // 每次数据插入，必须重置
  218 + me.resetload();
  219 + },500);
  220 + },
  221 + error: function(xhr, type){
  222 + alert('Ajax error!');
  223 + // 即使加载出错，也得重置
  224 + me.resetload();
  225 + }
  226 + });
  227 + },
  228 + threshold : 50
  229 + });
  230 +</script>
  231 +</body>
  232 +</html>
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 9
10 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_4jilbt7s27s.css"> 10 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
11 <link rel="stylesheet" type="text/css" href="css/personal_center.css"> 11 <link rel="stylesheet" type="text/css" href="css/personal_center.css">
12 <script src="js/base.js"></script> 12 <script src="js/base.js"></script>
13 <style> 13 <style>
@@ -21,9 +21,32 @@ @@ -21,9 +21,32 @@
21 color: #fff; 21 color: #fff;
22 font-size: 0.3rem; 22 font-size: 0.3rem;
23 } 23 }
  24 +
  25 +
24 .icon-iconfont-edu12{ 26 .icon-iconfont-edu12{
25 - font-size: 0.5rem;  
26 color: #959595; 27 color: #959595;
  28 + font-size: 0.5rem;
  29 + position: relative;
  30 + }
  31 + .icon-shangsanjiao{
  32 + height: 0.5rem;
  33 + font-size: 0.6rem;
  34 + margin-left: 1.2rem;
  35 + position: absolute;
  36 + top: -0.28rem;
  37 + color: #F4F5F9;
  38 + }
  39 + .margin_lef{
  40 + margin-left: 0.2rem;
  41 + }
  42 + .menu_box{
  43 + /*display: flex;*/
  44 + position: absolute;
  45 + top: 0.69rem;
  46 + left: -1.4rem;
  47 + }
  48 + .menu_color{
  49 + color: #EA474B;
27 } 50 }
28 </style> 51 </style>
29 </head> 52 </head>
@@ -41,14 +64,102 @@ @@ -41,14 +64,102 @@
41 <div class="iconfont icon-fangdajing"></div> 64 <div class="iconfont icon-fangdajing"></div>
42 </div> 65 </div>
43 </div> 66 </div>
44 - <!--菜单栏-->  
45 - <div class="head_t_right">  
46 67
47 - </div>  
48 </div> 68 </div>
49 <!--右部分--> 69 <!--右部分-->
50 <div class="head_r"> 70 <div class="head_r">
51 - <div class="iconfont icon-iconfont-edu12"></div> 71 + <div class="iconfont icon-iconfont-edu12">
  72 + <!--菜单栏功能-->
  73 + <div class="menu_box" style="display: none;">
  74 +
  75 + <!--菜单列表-->
  76 + <div class="head_menu">
  77 + <!--箭头-->
  78 + <div class="iconfont icon-shangsanjiao"></div>
  79 + <!--菜单-->
  80 + <div class="head_menu_item menu_index">
  81 + <!--图标-->
  82 + <div class="iconfont icon-zhuye2 margin_lef"></div>
  83 + <!--文字-->
  84 + <div class="head_menu_item_text">
  85 + 首页
  86 + </div>
  87 + </div>
  88 + <div class="head_menu_item menu_gyzh">
  89 + <!--图标-->
  90 + <div class="iconfont icon-fangzi margin_lef"></div>
  91 + <!--文字-->
  92 + <div class="head_menu_item_text">
  93 + 关于展品
  94 + </div>
  95 + </div>
  96 + <div class="head_menu_item menu_zpfw">
  97 + <!--图标-->
  98 + <div class="iconfont icon-fangkuai margin_lef"></div>
  99 + <!--文字-->
  100 + <div class="head_menu_item_text">
  101 + 展品范围
  102 + </div>
  103 + </div>
  104 + <div class="head_menu_item menu_zsml">
  105 + <!--图标-->
  106 + <div class="iconfont icon-diqiu1 margin_lef"></div>
  107 + <!--文字-->
  108 + <div class="head_menu_item_text">
  109 + 展商名录
  110 + </div>
  111 + </div>
  112 + <div class="head_menu_item menu_czsq">
  113 + <!--图标-->
  114 + <div class="iconfont icon-zuanshi margin_lef"></div>
  115 + <!--文字-->
  116 + <div class="head_menu_item_text">
  117 + 参展申请
  118 + </div>
  119 + </div>
  120 + <div class="head_menu_item menu_gzml">
  121 + <!--图标-->
  122 + <div class="iconfont icon-lanzi margin_lef"></div>
  123 + <!--文字-->
  124 + <div class="head_menu_item_text">
  125 + 观众名录
  126 + </div>
  127 + </div>
  128 + <div class="head_menu_item menu_cgdj">
  129 + <!--图标-->
  130 + <div class="iconfont icon-gouwuche1 margin_lef"></div>
  131 + <!--文字-->
  132 + <div class="head_menu_item_text">
  133 + 参观登记
  134 + </div>
  135 + </div>
  136 + <div class="head_menu_item menu_lthd">
  137 + <!--图标-->
  138 + <div class="iconfont icon-luyin margin_lef"></div>
  139 + <!--文字-->
  140 + <div class="head_menu_item_text">
  141 + 论坛活动
  142 + </div>
  143 + </div>
  144 + <div class="head_menu_item menu_xwbd">
  145 + <!--图标-->
  146 + <div class="iconfont icon-ic_language_px margin_lef"></div>
  147 + <!--文字-->
  148 + <div class="head_menu_item_text">
  149 + 新闻报道
  150 + </div>
  151 + </div>
  152 + <div class="head_menu_item menu_slfw">
  153 + <!--图标-->
  154 + <div class="iconfont icon-shuben margin_lef"></div>
  155 + <!--文字-->
  156 + <div class="head_menu_item_text">
  157 + 商旅服务
  158 + </div>
  159 + </div>
  160 + </div>
  161 + </div>
  162 + </div>
52 </div> 163 </div>
53 </div> 164 </div>
54 <!--头像--> 165 <!--头像-->
@@ -74,7 +185,7 @@ @@ -74,7 +185,7 @@
74 <!--关于展会--> 185 <!--关于展会-->
75 <div class="menu_item item_1"> 186 <div class="menu_item item_1">
76 <div class="menu_item_top"> 187 <div class="menu_item_top">
77 - <img src=""> 188 + <img src="images/icon.png">
78 </div> 189 </div>
79 <div class="menu_item_bottom"> 190 <div class="menu_item_bottom">
80 关于展会 191 关于展会
@@ -83,7 +194,7 @@ @@ -83,7 +194,7 @@
83 <!--展品范围--> 194 <!--展品范围-->
84 <div class="menu_item item_2"> 195 <div class="menu_item item_2">
85 <div class="menu_item_top"> 196 <div class="menu_item_top">
86 - <img src="#"> 197 + <img src="images/icon.png">
87 </div> 198 </div>
88 <div class="menu_item_bottom"> 199 <div class="menu_item_bottom">
89 展品范围 200 展品范围
@@ -92,7 +203,7 @@ @@ -92,7 +203,7 @@
92 <!--导览活动--> 203 <!--导览活动-->
93 <div class="menu_item item_3"> 204 <div class="menu_item item_3">
94 <div class="menu_item_top"> 205 <div class="menu_item_top">
95 - <img src=""> 206 + <img src="images/icon.png">
96 </div> 207 </div>
97 <div class="menu_item_bottom"> 208 <div class="menu_item_bottom">
98 导览活动 209 导览活动
@@ -101,7 +212,7 @@ @@ -101,7 +212,7 @@
101 <!--关于展会--> 212 <!--关于展会-->
102 <div class="menu_item item_4"> 213 <div class="menu_item item_4">
103 <div class="menu_item_top"> 214 <div class="menu_item_top">
104 - <img src=""> 215 + <img src="images/icon.png">
105 </div> 216 </div>
106 <div class="menu_item_bottom"> 217 <div class="menu_item_bottom">
107 参展申请 218 参展申请
@@ -112,7 +223,7 @@ @@ -112,7 +223,7 @@
112 <!--新闻报道--> 223 <!--新闻报道-->
113 <div class="menu_item item_5"> 224 <div class="menu_item item_5">
114 <div class="menu_item_top"> 225 <div class="menu_item_top">
115 - <img src=""> 226 + <img src="images/icon.png">
116 </div> 227 </div>
117 <div class="menu_item_bottom"> 228 <div class="menu_item_bottom">
118 新闻报道 229 新闻报道
@@ -121,7 +232,7 @@ @@ -121,7 +232,7 @@
121 <!--论坛活动--> 232 <!--论坛活动-->
122 <div class="menu_item item_6"> 233 <div class="menu_item item_6">
123 <div class="menu_item_top"> 234 <div class="menu_item_top">
124 - <img src=""> 235 + <img src="images/icon.png">
125 </div> 236 </div>
126 <div class="menu_item_bottom"> 237 <div class="menu_item_bottom">
127 论坛活动 238 论坛活动
@@ -130,7 +241,7 @@ @@ -130,7 +241,7 @@
130 <!--商旅服务--> 241 <!--商旅服务-->
131 <div class="menu_item item_7"> 242 <div class="menu_item item_7">
132 <div class="menu_item_top"> 243 <div class="menu_item_top">
133 - <img src=""> 244 + <img src="images/icon.png">
134 </div> 245 </div>
135 <div class="menu_item_bottom"> 246 <div class="menu_item_bottom">
136 商旅服务 247 商旅服务
@@ -139,7 +250,7 @@ @@ -139,7 +250,7 @@
139 <!--参观登记--> 250 <!--参观登记-->
140 <div class="menu_item item_8"> 251 <div class="menu_item item_8">
141 <div class="menu_item_top"> 252 <div class="menu_item_top">
142 - <img src=""> 253 + <img src="images/icon.png">
143 </div> 254 </div>
144 <div class="menu_item_bottom"> 255 <div class="menu_item_bottom">
145 参观登记 256 参观登记
@@ -223,6 +334,42 @@ @@ -223,6 +334,42 @@
223 </div> 334 </div>
224 <script src="js/jquery.min.js"></script> 335 <script src="js/jquery.min.js"></script>
225 <script> 336 <script>
  337 + //左边菜单功能
  338 + $(".icon-iconfont-edu12").click(function () {
  339 + $(".menu_box").slideToggle();
  340 + })
  341 + //菜单内容跳转
  342 + $(".menu_index").click(function () {
  343 + window.location.href = "index.html";
  344 + })
  345 + $(".menu_gyzh").click(function () {
  346 + window.location.href = "gyzh.html";
  347 + })
  348 + $(".menu_zpfw").click(function () {
  349 + window.location.href = "zpfw.html";
  350 + })
  351 + $(".menu_zsml").click(function () {
  352 + window.location.href = "zsml.html";
  353 + })
  354 + $(".menu_czsq").click(function () {
  355 + window.location.href = "czsq.html";
  356 + })
  357 + $(".menu_gzml").click(function () {
  358 + window.location.href = "#";
  359 + })
  360 + $(".menu_cgdj").click(function () {
  361 + window.location.href = "cgdj.html";
  362 + })
  363 + $(".menu_lthd").click(function () {
  364 + window.location.href = "lthd.html";
  365 + })
  366 + $(".menu_xwbd").click(function () {
  367 + window.location.href = "xwbd.html";
  368 + })
  369 + $(".menu_slfw").click(function () {
  370 + window.location.href = "slfw_2.html";
  371 + })
  372 +
226 //底部四个按钮 373 //底部四个按钮
227 $('.index').click(function () { 374 $('.index').click(function () {
228 window.location.href = "index.html" 375 window.location.href = "index.html"
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 7 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 9
10 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_2is4wniwevg.css"> 10 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
11 <link rel="stylesheet" type="text/css" href="css/slfw_2.css"> 11 <link rel="stylesheet" type="text/css" href="css/slfw_2.css">
12 <link rel="stylesheet" type="text/css" href="css/dropload.css"> 12 <link rel="stylesheet" type="text/css" href="css/dropload.css">
13 <link rel="stylesheet" type="text/css" href="https://api.map.baidu.com/res/13/bmap.css"> 13 <link rel="stylesheet" type="text/css" href="https://api.map.baidu.com/res/13/bmap.css">
@@ -60,6 +60,32 @@ @@ -60,6 +60,32 @@
60 width: 100%; 60 width: 100%;
61 overflow: hidden; 61 overflow: hidden;
62 } 62 }
  63 +
  64 + .icon-iconfont-edu12{
  65 + color: #959595;
  66 + font-size: 0.5rem;
  67 + position: relative;
  68 + }
  69 + .icon-shangsanjiao{
  70 + height: 0.5rem;
  71 + font-size: 0.6rem;
  72 + margin-left: 1.2rem;
  73 + position: absolute;
  74 + top: -0.28rem;
  75 + color: #F4F5F9;
  76 + }
  77 + .margin_lef{
  78 + margin-left: 0.2rem;
  79 + }
  80 + .menu{
  81 + /*display: flex;*/
  82 + position: absolute;
  83 + top: 0.69rem;
  84 + left: -1.4rem;
  85 + }
  86 + .menu_color{
  87 + color: #EA474B;
  88 + }
63 </style> 89 </style>
64 </head> 90 </head>
65 <body> 91 <body>
@@ -76,7 +102,96 @@ @@ -76,7 +102,96 @@
76 </div> 102 </div>
77 <!--右菜单--> 103 <!--右菜单-->
78 <div class="iconfont icon-iconfont-edu12"> 104 <div class="iconfont icon-iconfont-edu12">
79 - 105 + <!--菜单栏功能-->
  106 + <div class="menu" style="display: none;">
  107 +
  108 + <!--菜单列表-->
  109 + <div class="head_menu">
  110 + <!--箭头-->
  111 + <div class="iconfont icon-shangsanjiao"></div>
  112 + <!--菜单-->
  113 + <div class="head_menu_item menu_index">
  114 + <!--图标-->
  115 + <div class="iconfont icon-zhuye2 margin_lef"></div>
  116 + <!--文字-->
  117 + <div class="head_menu_item_text">
  118 + 首页
  119 + </div>
  120 + </div>
  121 + <div class="head_menu_item menu_gyzh">
  122 + <!--图标-->
  123 + <div class="iconfont icon-fangzi margin_lef"></div>
  124 + <!--文字-->
  125 + <div class="head_menu_item_text">
  126 + 关于展品
  127 + </div>
  128 + </div>
  129 + <div class="head_menu_item menu_zpfw">
  130 + <!--图标-->
  131 + <div class="iconfont icon-fangkuai margin_lef"></div>
  132 + <!--文字-->
  133 + <div class="head_menu_item_text">
  134 + 展品范围
  135 + </div>
  136 + </div>
  137 + <div class="head_menu_item menu_zsml">
  138 + <!--图标-->
  139 + <div class="iconfont icon-diqiu1 margin_lef"></div>
  140 + <!--文字-->
  141 + <div class="head_menu_item_text">
  142 + 展商名录
  143 + </div>
  144 + </div>
  145 + <div class="head_menu_item menu_czsq">
  146 + <!--图标-->
  147 + <div class="iconfont icon-zuanshi margin_lef"></div>
  148 + <!--文字-->
  149 + <div class="head_menu_item_text">
  150 + 参展申请
  151 + </div>
  152 + </div>
  153 + <div class="head_menu_item menu_gzml">
  154 + <!--图标-->
  155 + <div class="iconfont icon-lanzi margin_lef"></div>
  156 + <!--文字-->
  157 + <div class="head_menu_item_text">
  158 + 观众名录
  159 + </div>
  160 + </div>
  161 + <div class="head_menu_item menu_cgdj">
  162 + <!--图标-->
  163 + <div class="iconfont icon-gouwuche1 margin_lef"></div>
  164 + <!--文字-->
  165 + <div class="head_menu_item_text">
  166 + 参观登记
  167 + </div>
  168 + </div>
  169 + <div class="head_menu_item menu_lthd">
  170 + <!--图标-->
  171 + <div class="iconfont icon-luyin margin_lef"></div>
  172 + <!--文字-->
  173 + <div class="head_menu_item_text">
  174 + 论坛活动
  175 + </div>
  176 + </div>
  177 + <div class="head_menu_item menu_xwbd">
  178 + <!--图标-->
  179 + <div class="iconfont icon-ic_language_px margin_lef"></div>
  180 + <!--文字-->
  181 + <div class="head_menu_item_text">
  182 + 新闻报道
  183 + </div>
  184 + </div>
  185 + <div class="head_menu_item menu_slfw">
  186 + <!--图标-->
  187 + <div class="iconfont icon-shuben margin_lef"></div>
  188 + <!--文字-->
  189 + <div class="head_menu_item_text">
  190 + 商旅服务
  191 + </div>
  192 + </div>
  193 + </div>
  194 + </div>
80 </div> 195 </div>
81 196
82 </div> 197 </div>
@@ -349,11 +464,6 @@ @@ -349,11 +464,6 @@
349 </div> 464 </div>
350 </div> 465 </div>
351 466
352 -  
353 -  
354 -  
355 -  
356 -  
357 <!--底部菜单--> 467 <!--底部菜单-->
358 <div class="bottom_menu"> 468 <div class="bottom_menu">
359 <div class="bottom_menu_index index"> 469 <div class="bottom_menu_index index">
@@ -395,6 +505,43 @@ @@ -395,6 +505,43 @@
395 <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=trLEKMVBCc6MKGemHlUXdyy2&s=1"></script> 505 <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=trLEKMVBCc6MKGemHlUXdyy2&s=1"></script>
396 <script src="js/dropload.min.js"></script> 506 <script src="js/dropload.min.js"></script>
397 <script> 507 <script>
  508 + //左边菜单功能
  509 + $(".icon-iconfont-edu12").click(function () {
  510 + $(".menu").slideToggle();
  511 + })
  512 + //菜单内容跳转
  513 + $(".menu_index").click(function () {
  514 + window.location.href = "index.html";
  515 + })
  516 + $(".menu_gyzh").click(function () {
  517 + window.location.href = "gyzh.html";
  518 + })
  519 + $(".menu_zpfw").click(function () {
  520 + window.location.href = "zpfw.html";
  521 + })
  522 + $(".menu_zsml").click(function () {
  523 + window.location.href = "zsml.html";
  524 + })
  525 + $(".menu_czsq").click(function () {
  526 + window.location.href = "czsq.html";
  527 + })
  528 + $(".menu_gzml").click(function () {
  529 + window.location.href = "#";
  530 + })
  531 + $(".menu_cgdj").click(function () {
  532 + window.location.href = "cgdj.html";
  533 + })
  534 + $(".menu_lthd").click(function () {
  535 + window.location.href = "lthd.html";
  536 + })
  537 + $(".menu_xwbd").click(function () {
  538 + window.location.href = "xwbd.html";
  539 + })
  540 + $(".menu_slfw").click(function () {
  541 + window.location.href = "slfw_2.html";
  542 + })
  543 +
  544 +
398 //底部四个按钮 545 //底部四个按钮
399 $('.index').click(function () { 546 $('.index').click(function () {
400 window.location.href = "index.html" 547 window.location.href = "index.html"
@@ -409,7 +556,6 @@ @@ -409,7 +556,6 @@
409 window.location.href = "personal_center.html" 556 window.location.href = "personal_center.html"
410 }) 557 })
411 558
412 -  
413 //返回功能 559 //返回功能
414 $('.icon-zuo').click(function () { 560 $('.icon-zuo').click(function () {
415 window.history.back(); 561 window.history.back();
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 8 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10 10
11 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_4jilbt7s27s.css"> 11 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
12 <link rel="stylesheet" type="text/css" href="css/wszt.css"> 12 <link rel="stylesheet" type="text/css" href="css/wszt.css">
13 <link rel="stylesheet" type="text/css" href="css/dropload.css"> 13 <link rel="stylesheet" type="text/css" href="css/dropload.css">
14 14
@@ -26,6 +26,7 @@ @@ -26,6 +26,7 @@
26 .icon-iconfont-edu12{ 26 .icon-iconfont-edu12{
27 color: #959595; 27 color: #959595;
28 font-size: 0.5rem; 28 font-size: 0.5rem;
  29 + position: relative;
29 } 30 }
30 table{ 31 table{
31 margin-top: 0.1rem; 32 margin-top: 0.1rem;
@@ -70,6 +71,27 @@ @@ -70,6 +71,27 @@
70 font-size: 0.16rem; 71 font-size: 0.16rem;
71 } 72 }
72 73
  74 + .icon-shangsanjiao{
  75 + height: 0.5rem;
  76 + font-size: 0.6rem;
  77 + margin-left: 1.2rem;
  78 + position: absolute;
  79 + top: -0.28rem;
  80 + color: #F4F5F9;
  81 + }
  82 + .margin_lef{
  83 + margin-left: 0.2rem;
  84 + }
  85 + .menu{
  86 + /*display: flex;*/
  87 + position: absolute;
  88 + top: 0.69rem;
  89 + left: -1.4rem;
  90 + }
  91 + .menu_color{
  92 + color: #EA474B;
  93 + }
  94 +
73 </style> 95 </style>
74 </head> 96 </head>
75 <body> 97 <body>
@@ -86,7 +108,96 @@ @@ -86,7 +108,96 @@
86 </div> 108 </div>
87 <!--右菜单--> 109 <!--右菜单-->
88 <div class="iconfont icon-iconfont-edu12"> 110 <div class="iconfont icon-iconfont-edu12">
89 - 111 + <!--菜单栏功能-->
  112 + <div class="menu" style="display: none;">
  113 +
  114 + <!--菜单列表-->
  115 + <div class="head_menu">
  116 + <!--箭头-->
  117 + <div class="iconfont icon-shangsanjiao"></div>
  118 + <!--菜单-->
  119 + <div class="head_menu_item menu_index">
  120 + <!--图标-->
  121 + <div class="iconfont icon-zhuye2 margin_lef"></div>
  122 + <!--文字-->
  123 + <div class="head_menu_item_text">
  124 + 首页
  125 + </div>
  126 + </div>
  127 + <div class="head_menu_item menu_gyzh">
  128 + <!--图标-->
  129 + <div class="iconfont icon-fangzi margin_lef"></div>
  130 + <!--文字-->
  131 + <div class="head_menu_item_text">
  132 + 关于展品
  133 + </div>
  134 + </div>
  135 + <div class="head_menu_item menu_zpfw">
  136 + <!--图标-->
  137 + <div class="iconfont icon-fangkuai margin_lef"></div>
  138 + <!--文字-->
  139 + <div class="head_menu_item_text">
  140 + 展品范围
  141 + </div>
  142 + </div>
  143 + <div class="head_menu_item menu_zsml">
  144 + <!--图标-->
  145 + <div class="iconfont icon-diqiu1 margin_lef"></div>
  146 + <!--文字-->
  147 + <div class="head_menu_item_text">
  148 + 展商名录
  149 + </div>
  150 + </div>
  151 + <div class="head_menu_item menu_czsq">
  152 + <!--图标-->
  153 + <div class="iconfont icon-zuanshi margin_lef"></div>
  154 + <!--文字-->
  155 + <div class="head_menu_item_text">
  156 + 参展申请
  157 + </div>
  158 + </div>
  159 + <div class="head_menu_item menu_gzml">
  160 + <!--图标-->
  161 + <div class="iconfont icon-lanzi margin_lef"></div>
  162 + <!--文字-->
  163 + <div class="head_menu_item_text">
  164 + 观众名录
  165 + </div>
  166 + </div>
  167 + <div class="head_menu_item menu_cgdj">
  168 + <!--图标-->
  169 + <div class="iconfont icon-gouwuche1 margin_lef"></div>
  170 + <!--文字-->
  171 + <div class="head_menu_item_text">
  172 + 参观登记
  173 + </div>
  174 + </div>
  175 + <div class="head_menu_item menu_lthd">
  176 + <!--图标-->
  177 + <div class="iconfont icon-luyin margin_lef"></div>
  178 + <!--文字-->
  179 + <div class="head_menu_item_text">
  180 + 论坛活动
  181 + </div>
  182 + </div>
  183 + <div class="head_menu_item menu_xwbd">
  184 + <!--图标-->
  185 + <div class="iconfont icon-ic_language_px margin_lef"></div>
  186 + <!--文字-->
  187 + <div class="head_menu_item_text">
  188 + 新闻报道
  189 + </div>
  190 + </div>
  191 + <div class="head_menu_item menu_slfw">
  192 + <!--图标-->
  193 + <div class="iconfont icon-shuben margin_lef"></div>
  194 + <!--文字-->
  195 + <div class="head_menu_item_text">
  196 + 商旅服务
  197 + </div>
  198 + </div>
  199 + </div>
  200 + </div>
90 </div> 201 </div>
91 202
92 </div> 203 </div>
@@ -185,7 +296,7 @@ @@ -185,7 +296,7 @@
185 </div> 296 </div>
186 297
187 <!--图片蒙层--> 298 <!--图片蒙层-->
188 - <div class="mask"> 299 + <div class="mask" style="display: none;">
189 <div class="mask_pic"> 300 <div class="mask_pic">
190 <img src="images/17.png"> 301 <img src="images/17.png">
191 <div class="mask_pic_circle"> 302 <div class="mask_pic_circle">
@@ -238,6 +349,53 @@ @@ -238,6 +349,53 @@
238 349
239 <script src="js/dropload.min.js"></script> 350 <script src="js/dropload.min.js"></script>
240 <script> 351 <script>
  352 + //关闭图片
  353 + $('.mask_pic_circle').click(function () {
  354 + $('.mask').css("display","none")
  355 + })
  356 + //打开图片
  357 + $('.day_item,.day_item_circle').click(function () {
  358 + $('.mask').css("display","flex")
  359 + })
  360 +
  361 +
  362 + //左边菜单功能
  363 + $(".icon-iconfont-edu12").click(function () {
  364 + $(".menu").slideToggle();
  365 + })
  366 + //菜单内容跳转
  367 + $(".menu_index").click(function () {
  368 + window.location.href = "index.html";
  369 + })
  370 + $(".menu_gyzh").click(function () {
  371 + window.location.href = "gyzh.html";
  372 + })
  373 + $(".menu_zpfw").click(function () {
  374 + window.location.href = "zpfw.html";
  375 + })
  376 + $(".menu_zsml").click(function () {
  377 + window.location.href = "zsml.html";
  378 + })
  379 + $(".menu_czsq").click(function () {
  380 + window.location.href = "czsq.html";
  381 + })
  382 + $(".menu_gzml").click(function () {
  383 + window.location.href = "#";
  384 + })
  385 + $(".menu_cgdj").click(function () {
  386 + window.location.href = "cgdj.html";
  387 + })
  388 + $(".menu_lthd").click(function () {
  389 + window.location.href = "lthd.html";
  390 + })
  391 + $(".menu_xwbd").click(function () {
  392 + window.location.href = "xwbd.html";
  393 + })
  394 + $(".menu_slfw").click(function () {
  395 + window.location.href = "slfw_2.html";
  396 + })
  397 +
  398 +
241 //底部四个按钮 399 //底部四个按钮
242 $('.index').click(function () { 400 $('.index').click(function () {
243 window.location.href = "index.html" 401 window.location.href = "index.html"
@@ -272,8 +430,6 @@ @@ -272,8 +430,6 @@
272 $(".box>.traffic_box").hide().eq($(this).index()).show(); 430 $(".box>.traffic_box").hide().eq($(this).index()).show();
273 }) 431 })
274 432
275 -  
276 -  
277 // 下拉菜单 433 // 下拉菜单
278 $(document).ready(function () { 434 $(document).ready(function () {
279 435
@@ -30,7 +30,7 @@ @@ -30,7 +30,7 @@
30 font-size: 0.6rem; 30 font-size: 0.6rem;
31 margin-left: 1.2rem; 31 margin-left: 1.2rem;
32 position: absolute; 32 position: absolute;
33 - top: -0.4rem; 33 + top: -0.28rem;
34 color: #F4F5F9; 34 color: #F4F5F9;
35 } 35 }
36 .margin_lef{ 36 .margin_lef{
@@ -39,9 +39,12 @@ @@ -39,9 +39,12 @@
39 .menu{ 39 .menu{
40 /*display: flex;*/ 40 /*display: flex;*/
41 position: absolute; 41 position: absolute;
42 - top: 0.8rem; 42 + top: 0.69rem;
43 left: -1.4rem; 43 left: -1.4rem;
44 } 44 }
  45 + .menu_color{
  46 + color: #EA474B;
  47 + }
45 </style> 48 </style>
46 </head> 49 </head>
47 <body> 50 <body>
@@ -59,14 +62,14 @@ @@ -59,14 +62,14 @@
59 <!--右菜单--> 62 <!--右菜单-->
60 <div class="iconfont icon-iconfont-edu12"> 63 <div class="iconfont icon-iconfont-edu12">
61 <!--菜单栏功能--> 64 <!--菜单栏功能-->
62 - <div class="menu"> 65 + <div class="menu" style="display: none;">
63 66
64 <!--菜单列表--> 67 <!--菜单列表-->
65 <div class="head_menu"> 68 <div class="head_menu">
66 <!--箭头--> 69 <!--箭头-->
67 <div class="iconfont icon-shangsanjiao"></div> 70 <div class="iconfont icon-shangsanjiao"></div>
68 <!--菜单--> 71 <!--菜单-->
69 - <div class="head_menu_item index"> 72 + <div class="head_menu_item menu_index">
70 <!--图标--> 73 <!--图标-->
71 <div class="iconfont icon-zhuye2 margin_lef"></div> 74 <div class="iconfont icon-zhuye2 margin_lef"></div>
72 <!--文字--> 75 <!--文字-->
@@ -74,7 +77,7 @@ @@ -74,7 +77,7 @@
74 首页 77 首页
75 </div> 78 </div>
76 </div> 79 </div>
77 - <div class="head_menu_item "> 80 + <div class="head_menu_item menu_gyzh">
78 <!--图标--> 81 <!--图标-->
79 <div class="iconfont icon-fangzi margin_lef"></div> 82 <div class="iconfont icon-fangzi margin_lef"></div>
80 <!--文字--> 83 <!--文字-->
@@ -82,7 +85,7 @@ @@ -82,7 +85,7 @@
82 关于展品 85 关于展品
83 </div> 86 </div>
84 </div> 87 </div>
85 - <div class="head_menu_item"> 88 + <div class="head_menu_item menu_zpfw">
86 <!--图标--> 89 <!--图标-->
87 <div class="iconfont icon-fangkuai margin_lef"></div> 90 <div class="iconfont icon-fangkuai margin_lef"></div>
88 <!--文字--> 91 <!--文字-->
@@ -90,7 +93,7 @@ @@ -90,7 +93,7 @@
90 展品范围 93 展品范围
91 </div> 94 </div>
92 </div> 95 </div>
93 - <div class="head_menu_item"> 96 + <div class="head_menu_item menu_zsml">
94 <!--图标--> 97 <!--图标-->
95 <div class="iconfont icon-diqiu1 margin_lef"></div> 98 <div class="iconfont icon-diqiu1 margin_lef"></div>
96 <!--文字--> 99 <!--文字-->
@@ -98,7 +101,7 @@ @@ -98,7 +101,7 @@
98 展商名录 101 展商名录
99 </div> 102 </div>
100 </div> 103 </div>
101 - <div class="head_menu_item"> 104 + <div class="head_menu_item menu_czsq">
102 <!--图标--> 105 <!--图标-->
103 <div class="iconfont icon-zuanshi margin_lef"></div> 106 <div class="iconfont icon-zuanshi margin_lef"></div>
104 <!--文字--> 107 <!--文字-->
@@ -106,7 +109,7 @@ @@ -106,7 +109,7 @@
106 参展申请 109 参展申请
107 </div> 110 </div>
108 </div> 111 </div>
109 - <div class="head_menu_item"> 112 + <div class="head_menu_item menu_gzml">
110 <!--图标--> 113 <!--图标-->
111 <div class="iconfont icon-lanzi margin_lef"></div> 114 <div class="iconfont icon-lanzi margin_lef"></div>
112 <!--文字--> 115 <!--文字-->
@@ -114,7 +117,7 @@ @@ -114,7 +117,7 @@
114 观众名录 117 观众名录
115 </div> 118 </div>
116 </div> 119 </div>
117 - <div class="head_menu_item"> 120 + <div class="head_menu_item menu_cgdj">
118 <!--图标--> 121 <!--图标-->
119 <div class="iconfont icon-gouwuche1 margin_lef"></div> 122 <div class="iconfont icon-gouwuche1 margin_lef"></div>
120 <!--文字--> 123 <!--文字-->
@@ -122,7 +125,7 @@ @@ -122,7 +125,7 @@
122 参观登记 125 参观登记
123 </div> 126 </div>
124 </div> 127 </div>
125 - <div class="head_menu_item"> 128 + <div class="head_menu_item menu_lthd">
126 <!--图标--> 129 <!--图标-->
127 <div class="iconfont icon-luyin margin_lef"></div> 130 <div class="iconfont icon-luyin margin_lef"></div>
128 <!--文字--> 131 <!--文字-->
@@ -130,7 +133,7 @@ @@ -130,7 +133,7 @@
130 论坛活动 133 论坛活动
131 </div> 134 </div>
132 </div> 135 </div>
133 - <div class="head_menu_item"> 136 + <div class="head_menu_item menu_xwbd">
134 <!--图标--> 137 <!--图标-->
135 <div class="iconfont icon-ic_language_px margin_lef"></div> 138 <div class="iconfont icon-ic_language_px margin_lef"></div>
136 <!--文字--> 139 <!--文字-->
@@ -138,7 +141,7 @@ @@ -138,7 +141,7 @@
138 新闻报道 141 新闻报道
139 </div> 142 </div>
140 </div> 143 </div>
141 - <div class="head_menu_item"> 144 + <div class="head_menu_item menu_slfw">
142 <!--图标--> 145 <!--图标-->
143 <div class="iconfont icon-shuben margin_lef"></div> 146 <div class="iconfont icon-shuben margin_lef"></div>
144 <!--文字--> 147 <!--文字-->
@@ -252,6 +255,45 @@ @@ -252,6 +255,45 @@
252 <script src="js/dropload.min.js"></script> 255 <script src="js/dropload.min.js"></script>
253 256
254 <script> 257 <script>
  258 + //左边菜单功能
  259 + $(".icon-iconfont-edu12").click(function () {
  260 + $(".menu").slideToggle();
  261 +
  262 + })
  263 + //菜单内容跳转
  264 + $(".menu_index").click(function () {
  265 + window.location.href = "index.html";
  266 + })
  267 + $(".menu_gyzh").click(function () {
  268 + window.location.href = "gyzh.html";
  269 + })
  270 + $(".menu_zpfw").click(function () {
  271 + window.location.href = "zpfw.html";
  272 + })
  273 + $(".menu_zsml").click(function () {
  274 + window.location.href = "zsml.html";
  275 + })
  276 + $(".menu_czsq").click(function () {
  277 + window.location.href = "czsq.html";
  278 + })
  279 + $(".menu_gzml").click(function () {
  280 + window.location.href = "#";
  281 + })
  282 + $(".menu_cgdj").click(function () {
  283 + window.location.href = "cgdj.html";
  284 + })
  285 + $(".menu_lthd").click(function () {
  286 + window.location.href = "lthd.html";
  287 + })
  288 + $(".menu_xwbd").click(function () {
  289 + window.location.href = "xwbd.html";
  290 + })
  291 + $(".menu_slfw").click(function () {
  292 + window.location.href = "slfw_2.html";
  293 + })
  294 +
  295 +
  296 +
255 //底部四个按钮 297 //底部四个按钮
256 $('.index').click(function () { 298 $('.index').click(function () {
257 window.location.href = "index.html" 299 window.location.href = "index.html"
@@ -274,9 +316,9 @@ @@ -274,9 +316,9 @@
274 $('.item').click(function () { 316 $('.item').click(function () {
275 window.location.href = "nrxq.html"; 317 window.location.href = "nrxq.html";
276 }) 318 })
277 - //菜单功能  
278 - $(document).ready(function () {  
279 319
  320 + //下拉刷新
  321 + $(document).ready(function () {
280 322
281 // 页数 323 // 页数
282 var page = 1; 324 var page = 1;
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 9
10 10
11 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_2is4wniwevg.css"> 11 + <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
12 <link rel="stylesheet" type="text/css" href="css/zsml.css"> 12 <link rel="stylesheet" type="text/css" href="css/zsml.css">
13 <link rel="stylesheet" type="text/css" href="css/dropload.css"> 13 <link rel="stylesheet" type="text/css" href="css/dropload.css">
14 <link rel="stylesheet" type="text/css" href="css/page.css"> 14 <link rel="stylesheet" type="text/css" href="css/page.css">
@@ -25,6 +25,7 @@ @@ -25,6 +25,7 @@
25 .icon-iconfont-edu12{ 25 .icon-iconfont-edu12{
26 color: #959595; 26 color: #959595;
27 font-size: 0.5rem; 27 font-size: 0.5rem;
  28 + position: relative;
28 } 29 }
29 .icon-fangdajing{ 30 .icon-fangdajing{
30 color: #ffffff; 31 color: #ffffff;
@@ -67,6 +68,23 @@ @@ -67,6 +68,23 @@
67 .last{ 68 .last{
68 margin-left: 0.1rem; 69 margin-left: 0.1rem;
69 } 70 }
  71 + .menu{
  72 + position: absolute;
  73 + top: 0.69rem;
  74 + left: -1.4rem;
  75 + }
  76 + .icon-shangsanjiao{
  77 + height: 0.5rem;
  78 + font-size: 0.6rem;
  79 + margin-left: 1.2rem;
  80 + position: absolute;
  81 + top: -0.28rem;
  82 + color: #F4F5F9;
  83 + }
  84 + .margin_lef{
  85 + margin-left: 0.2rem;
  86 + }
  87 +
70 </style> 88 </style>
71 </head> 89 </head>
72 <body> 90 <body>
@@ -83,7 +101,96 @@ @@ -83,7 +101,96 @@
83 </div> 101 </div>
84 <!--右菜单--> 102 <!--右菜单-->
85 <div class="iconfont icon-iconfont-edu12"> 103 <div class="iconfont icon-iconfont-edu12">
  104 + <!--菜单栏功能-->
  105 + <div class="menu" style="display: none;">
86 106
  107 + <!--菜单列表-->
  108 + <div class="head_menu">
  109 + <!--箭头-->
  110 + <div class="iconfont icon-shangsanjiao"></div>
  111 + <!--菜单-->
  112 + <div class="head_menu_item menu_index">
  113 + <!--图标-->
  114 + <div class="iconfont icon-zhuye2 margin_lef"></div>
  115 + <!--文字-->
  116 + <div class="head_menu_item_text">
  117 + 首页
  118 + </div>
  119 + </div>
  120 + <div class="head_menu_item menu_gyzh">
  121 + <!--图标-->
  122 + <div class="iconfont icon-fangzi margin_lef"></div>
  123 + <!--文字-->
  124 + <div class="head_menu_item_text">
  125 + 关于展品
  126 + </div>
  127 + </div>
  128 + <div class="head_menu_item menu_zpfw">
  129 + <!--图标-->
  130 + <div class="iconfont icon-fangkuai margin_lef"></div>
  131 + <!--文字-->
  132 + <div class="head_menu_item_text">
  133 + 展品范围
  134 + </div>
  135 + </div>
  136 + <div class="head_menu_item menu_zsml">
  137 + <!--图标-->
  138 + <div class="iconfont icon-diqiu1 margin_lef"></div>
  139 + <!--文字-->
  140 + <div class="head_menu_item_text">
  141 + 展商名录
  142 + </div>
  143 + </div>
  144 + <div class="head_menu_item menu_czsq">
  145 + <!--图标-->
  146 + <div class="iconfont icon-zuanshi margin_lef"></div>
  147 + <!--文字-->
  148 + <div class="head_menu_item_text">
  149 + 参展申请
  150 + </div>
  151 + </div>
  152 + <div class="head_menu_item menu_gzml">
  153 + <!--图标-->
  154 + <div class="iconfont icon-lanzi margin_lef"></div>
  155 + <!--文字-->
  156 + <div class="head_menu_item_text">
  157 + 观众名录
  158 + </div>
  159 + </div>
  160 + <div class="head_menu_item menu_cgdj">
  161 + <!--图标-->
  162 + <div class="iconfont icon-gouwuche1 margin_lef"></div>
  163 + <!--文字-->
  164 + <div class="head_menu_item_text">
  165 + 参观登记
  166 + </div>
  167 + </div>
  168 + <div class="head_menu_item menu_lthd">
  169 + <!--图标-->
  170 + <div class="iconfont icon-luyin margin_lef"></div>
  171 + <!--文字-->
  172 + <div class="head_menu_item_text">
  173 + 论坛活动
  174 + </div>
  175 + </div>
  176 + <div class="head_menu_item menu_xwbd">
  177 + <!--图标-->
  178 + <div class="iconfont icon-ic_language_px margin_lef"></div>
  179 + <!--文字-->
  180 + <div class="head_menu_item_text">
  181 + 新闻报道
  182 + </div>
  183 + </div>
  184 + <div class="head_menu_item menu_slfw">
  185 + <!--图标-->
  186 + <div class="iconfont icon-shuben margin_lef"></div>
  187 + <!--文字-->
  188 + <div class="head_menu_item_text">
  189 + 商旅服务
  190 + </div>
  191 + </div>
  192 + </div>
  193 + </div>
87 </div> 194 </div>
88 195
89 </div> 196 </div>
@@ -302,6 +409,45 @@ @@ -302,6 +409,45 @@
302 <script src="js/dropload.min.js"></script> 409 <script src="js/dropload.min.js"></script>
303 <script src="js/page.js"></script> 410 <script src="js/page.js"></script>
304 <script> 411 <script>
  412 +
  413 + //左边菜单功能
  414 + $(".icon-iconfont-edu12").click(function () {
  415 + $(".menu").slideToggle();
  416 +
  417 + })
  418 +
  419 + //菜单内容跳转
  420 + $(".menu_index").click(function () {
  421 + window.location.href = "index.html";
  422 + })
  423 + $(".menu_gyzh").click(function () {
  424 + window.location.href = "gyzh.html";
  425 + })
  426 + $(".menu_zpfw").click(function () {
  427 + window.location.href = "zpfw.html";
  428 + })
  429 + $(".menu_zsml").click(function () {
  430 + window.location.href = "zsml.html";
  431 + })
  432 + $(".menu_czsq").click(function () {
  433 + window.location.href = "czsq.html";
  434 + })
  435 + $(".menu_gzml").click(function () {
  436 + window.location.href = "#";
  437 + })
  438 + $(".menu_cgdj").click(function () {
  439 + window.location.href = "cgdj.html";
  440 + })
  441 + $(".menu_lthd").click(function () {
  442 + window.location.href = "lthd.html";
  443 + })
  444 + $(".menu_xwbd").click(function () {
  445 + window.location.href = "xwbd.html";
  446 + })
  447 + $(".menu_slfw").click(function () {
  448 + window.location.href = "slfw_2.html";
  449 + })
  450 +
305 //底部四个按钮 451 //底部四个按钮
306 $('.index').click(function () { 452 $('.index').click(function () {
307 window.location.href = "index.html" 453 window.location.href = "index.html"