正在显示
4 个修改的文件
包含
4426 行增加
和
0 行删除
connectus.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html lang="en"> | ||
3 | +<head> | ||
4 | + <meta charset="UTF-8"> | ||
5 | + <title>联系我们</title> | ||
6 | + | ||
7 | + <link rel="stylesheet" href="css/swiperfour.css"> | ||
8 | + <link rel="stylesheet" href="css/base.css"> | ||
9 | + <link rel="stylesheet" type="text/css" href="css/jquery.sPage.css"> | ||
10 | +</head> | ||
11 | +<body> | ||
12 | +<div class="bannerimg"> | ||
13 | + <div class="swiper-container bannercontainer"> | ||
14 | + <div class="swiper-wrapper"> | ||
15 | + <div class="swiper-slide nongyebanner"> | ||
16 | + <img src="img/bannerone.jpg" alt=""> | ||
17 | + </div> | ||
18 | + <div class="swiper-slide zhihuibanner"> | ||
19 | + <img src="img/bannertwo.jpg" alt=""> | ||
20 | + </div> | ||
21 | + <div class="swiper-slide jiankangbanner"> | ||
22 | + <img src="img/bannerthree.jpg" alt=""> | ||
23 | + </div> | ||
24 | + <div class="swiper-slide liansuobanner"> | ||
25 | + <img src="img/bannerfour.jpg" alt=""> | ||
26 | + </div> | ||
27 | + </div> | ||
28 | + <!-- 如果需要分页器 --> | ||
29 | + <div class="swiper-pagination pagebullet"></div> | ||
30 | + | ||
31 | + | ||
32 | + </div> | ||
33 | + | ||
34 | + | ||
35 | + | ||
36 | + | ||
37 | + | ||
38 | + <!-- 头部导航--> | ||
39 | + <div class="headnav"> | ||
40 | + <div class="navleft navbox"> | ||
41 | + <div class="navleftitem navblock" data-id="1"> | ||
42 | + <text class="navleftitemchildren">首页</text> | ||
43 | + </div> | ||
44 | + <div class="navleftitem navblock" data-id="2"> | ||
45 | + <text class="navleftitemchildren">同福印象</text> | ||
46 | + <div class="navleftitembox"> | ||
47 | + <div class="navleftitemboxitem" data-type="4" data-id="1"> | ||
48 | + <text class="navleftitemname ">> 集团简介</text> | ||
49 | + <div class="navboxitem"> | ||
50 | + <div class="navboxitemitem" data-id="1" data-type="1" >集团介绍</div> | ||
51 | + <div class="navboxitemitem" data-id="2" data-type="1">董事长寄语</div> | ||
52 | + </div> | ||
53 | + | ||
54 | + </div> | ||
55 | + <div class="navleftitemboxitem" data-type="4" data-id="2"> | ||
56 | + <text class="navleftitemname"> > 企业文化 </text> | ||
57 | + <div class="navboxitem"> | ||
58 | + <div class="navboxitemitem" data-id="1" data-type="2">企业文化</div> | ||
59 | + <div class="navboxitemitem" data-id="2" data-type="2">中华粥品大典</div> | ||
60 | + <div class="navboxitemitem" data-id="3" data-type="2">中国粥文化博物馆</div> | ||
61 | + <div class="navboxitemitem" data-id="4" data-type="2">同福农展馆</div> | ||
62 | + </div> | ||
63 | + | ||
64 | + </div> | ||
65 | + <div class="navleftitemboxitem" data-type="4" data-id="3"> | ||
66 | + <text class="navleftitemname"> | ||
67 | + > 科技引领 | ||
68 | + </text> | ||
69 | + <div class="navboxitem"> | ||
70 | + <div class="navboxitemitem" data-id="1" data-type="3">科技引领</div> | ||
71 | + <div class="navboxitemitem" data-id="2" data-type="3">产学研合作</div> | ||
72 | + <div class="navboxitemitem" data-id="3" data-type="3">农业产业研发</div> | ||
73 | + <div class="navboxitemitem" data-id="4" data-type="3">食品饮料研发</div> | ||
74 | + <div class="navboxitemitem" data-id="5" data-type="3">健康食品研发</div> | ||
75 | + </div> | ||
76 | + </div> | ||
77 | + </div> | ||
78 | + | ||
79 | + | ||
80 | + </div> | ||
81 | + <div class="navleftitem navblock" data-id="3"> | ||
82 | + <text class="navleftitemchildren">同福产业</text> | ||
83 | + <div class="navleftitembox chanbox"> | ||
84 | + <div class="navleftitemboxitem chanboxitem " data-type="5" data-id="1"> | ||
85 | + <text class="navleftitemname">> 同福健康食品产业</text> | ||
86 | + <div class="navboxitem"> | ||
87 | + <div class="navboxitemitem" data-id="1" data-type="4">碗粥</div> | ||
88 | + | ||
89 | + <div class="navboxitemitem" data-id="2" data-type="4">罐粥</div> | ||
90 | + <div class="navboxitemitem" data-id="3" data-type="4">饮品</div> | ||
91 | + <div class="navboxitemitem" data-id="4" data-type="4">糖尿病人专供产品</div> | ||
92 | + <div class="navboxitemitem" data-id="5" data-type="4">高铁食品</div> | ||
93 | + <div class="navboxitemitem" data-id="6" data-type="4">航空食品</div> | ||
94 | + </div> | ||
95 | + | ||
96 | + </div> | ||
97 | + <div class="navleftitemboxitem chanboxitem" data-type="5" data-id="2"> | ||
98 | + <text class="navleftitemname chanboxitem">> 同福现代农业产业 </text> | ||
99 | + <div class="navboxitem"> | ||
100 | + <div class="navboxitemitem" data-id="1" data-type="5">生态原粮</div> | ||
101 | + <div class="navboxitemitem" data-id="2" data-type="5">生态养殖</div> | ||
102 | + <div class="navboxitemitem" data-id="3" data-type="5">生态果蔬</div> | ||
103 | + | ||
104 | + </div> | ||
105 | + | ||
106 | + </div> | ||
107 | + <div class="navleftitemboxitem chanboxitem" data-type="5" data-id="3"> | ||
108 | + <text class="navleftitemname chanboxitem">> 同福连锁餐饮产业 </text> | ||
109 | + <div class="navboxitem"> | ||
110 | + <div class="navboxitemitem" data-id="1" data-type="6">同福学生营养餐</div> | ||
111 | + <div class="navboxitemitem" data-id="2" data-type="6">同福连锁粥铺</div> | ||
112 | + <div class="navboxitemitem" data-id="3" data-type="6">同福馒头工坊</div> | ||
113 | + <div class="navboxitemitem" data-id="4" data-type="6">同福中央厨房</div> | ||
114 | + | ||
115 | + </div> | ||
116 | + | ||
117 | + </div> | ||
118 | + <div class="navleftitemboxitem chanboxitem" data-type="5" data-id="4"> | ||
119 | + <text class="navleftitemname chanboxitem"> | ||
120 | + > 同福智慧康养产业 | ||
121 | + </text> | ||
122 | + <div class="navboxitem"> | ||
123 | + <div class="navboxitemitem" data-id="1" data-type="7">同福地产</div> | ||
124 | + <div class="navboxitemitem" data-id="2" data-type="7">同福商业</div> | ||
125 | + <div class="navboxitemitem" data-id="3" data-type="7">同福康养</div> | ||
126 | + | ||
127 | + </div> | ||
128 | + </div> | ||
129 | + </div> | ||
130 | + | ||
131 | + </div> | ||
132 | + <div class="navleftitem navblock" data-id="4"> | ||
133 | + <text class="navleftitemchildren">同福荣誉</text> | ||
134 | + | ||
135 | + <div class="navleftitembox"> | ||
136 | + <div class="navleftitemboxitem" data-id="1" data-type="1"> | ||
137 | + <text class="navleftitemname">同福荣誉</text> | ||
138 | + | ||
139 | + </div> | ||
140 | + <div class="navleftitemboxitem" data-id="2" data-type="1"> | ||
141 | + <text class="navleftitemname">领导关怀 </text> | ||
142 | + | ||
143 | + | ||
144 | + </div> | ||
145 | + | ||
146 | + </div> | ||
147 | + </div> | ||
148 | + </div> | ||
149 | + <div class="navmiddle"> | ||
150 | + <div class="middleimg"> | ||
151 | + <img src="img/tongfulogo.png" alt=""> | ||
152 | + </div> | ||
153 | + </div> | ||
154 | + <div class="headnavright navbox"> | ||
155 | + <div class=" navblock rightnavitem" data-id="5"> | ||
156 | + <text class="navleftitemchildren">新闻动态</text> | ||
157 | + | ||
158 | + <div class="navleftitembox"> | ||
159 | + <div class="navleftitemboxitem rightboxitem" data-id="1" data-type="2"> | ||
160 | + <text class="navleftitemname">新闻动态</text> | ||
161 | + </div> | ||
162 | + <div class="navleftitemboxitem rightboxitem" data-id="2" data-type="2"> | ||
163 | + <text class="navleftitemname">行业资讯 </text> | ||
164 | + </div> | ||
165 | + <div class="navleftitemboxitem rightboxitem" data-id="3" data-type="2"> | ||
166 | + <text class="navleftitemname">健康生活 </text> | ||
167 | + </div> | ||
168 | + </div> | ||
169 | + | ||
170 | + </div> | ||
171 | + <div class=" navblock rightnavitem" data-id="6"> | ||
172 | + <text class="navleftitemchildren"> 联系我们</text> | ||
173 | + <div class="navleftitembox"> | ||
174 | + <div class="navleftitemboxitem rightboxitem" data-id="1" data-type="3"> | ||
175 | + <text class="navleftitemname">联系我们</text> | ||
176 | + | ||
177 | + | ||
178 | + </div> | ||
179 | + <div class="navleftitemboxitem rightboxitem" data-id="2" data-type="3"> | ||
180 | + <text class="navleftitemname">在线留言 </text> | ||
181 | + | ||
182 | + | ||
183 | + </div> | ||
184 | + <div class="navleftitemboxitem rightboxitem" data-id="3" data-type="3"> | ||
185 | + <text class="navleftitemname" >资料下载 </text> | ||
186 | + | ||
187 | + | ||
188 | + </div> | ||
189 | + | ||
190 | + </div> | ||
191 | + | ||
192 | + </div> | ||
193 | + | ||
194 | + <div class=" navblock rightnavitem" data-id="7"> | ||
195 | + <text class="navleftitemchildren"> 购买产品</text> | ||
196 | + <!-- <div class="navleftitembox">--> | ||
197 | + <!-- <div class="navleftitemboxitem" data-id="1" data-type="3">--> | ||
198 | + <!-- <text class="navleftitemname">联系我们</text>--> | ||
199 | + | ||
200 | + | ||
201 | + <!-- </div>--> | ||
202 | + <!-- <div class="navleftitemboxitem" data-id="2" data-type="3">--> | ||
203 | + <!-- <text class="navleftitemname">在线留言 </text>--> | ||
204 | + | ||
205 | + | ||
206 | + <!-- </div>--> | ||
207 | + <!-- <div class="navleftitemboxitem" data-id="3" data-type="3">--> | ||
208 | + <!-- <text class="navleftitemname" >资料下载 </text>--> | ||
209 | + | ||
210 | + | ||
211 | + <!-- </div>--> | ||
212 | + | ||
213 | + <!-- </div>--> | ||
214 | + | ||
215 | + </div> | ||
216 | + | ||
217 | + <div class="search"> | ||
218 | + <div class="rightnavitem">搜索</div> | ||
219 | + <div class="searchbox"> | ||
220 | + <div class="serchboxleft"> | ||
221 | + <input type="text"> | ||
222 | + </div> | ||
223 | + <div class="searchboxright"> | ||
224 | + <img src="img/search.png" alt=""> | ||
225 | + </div> | ||
226 | + </div> | ||
227 | + </div> | ||
228 | + | ||
229 | + </div> | ||
230 | + </div> | ||
231 | +</div> | ||
232 | +<!--同福印象--> | ||
233 | +<div class="yinxiang yinxiangactive"> | ||
234 | + <div class="yinxiangtop"> | ||
235 | + <div class="yinxiangtopname">联系我们</div> | ||
236 | + </div> | ||
237 | + | ||
238 | + <!-- 联系我们--> | ||
239 | + <div class="tongfubox connect connectactive"> | ||
240 | + <div class="tongfuboxleft"> | ||
241 | + <div class="tongfuboxleftitem connectour" data-id="1"> | ||
242 | + <text class="tongmingzi">联系我们</text> | ||
243 | + | ||
244 | + </div> | ||
245 | + <div class="tongfuboxleftitem connectour" data-id="2"> | ||
246 | + <text class="tongmingzi">在线留言</text> | ||
247 | + | ||
248 | + | ||
249 | + </div> | ||
250 | + <div class="tongfuboxleftitem connectour" data-id="3"> | ||
251 | + <text class="tongmingzi">资料下载</text> | ||
252 | + | ||
253 | + | ||
254 | + </div> | ||
255 | + | ||
256 | + </div> | ||
257 | + <div class="connectus"> | ||
258 | + | ||
259 | + <div class="tongfuboxright lianxius lianxiusactive"> | ||
260 | + <div class="tongfutop"> | ||
261 | + <div class="kttop">联系我们</div> | ||
262 | + <div class="kmiddle">CONTACT US</div> | ||
263 | + <div class="kbottom"></div> | ||
264 | + </div> | ||
265 | + | ||
266 | + <div class="lianxiusbox"> | ||
267 | + <div class="lianxiusboxtop"> | ||
268 | + <div class="connecttop"> | ||
269 | + <div class="lianxiusboxtopitem"> | ||
270 | + <div>消费者</div> | ||
271 | + <div>CONSUMER</div> | ||
272 | + </div> | ||
273 | + <div class="connectimg"> | ||
274 | + <img src="img/xiaofeizhe.png" alt=""> | ||
275 | + <div class="lianxiusboxtopitem lianxiusboxtopitemactive"> | ||
276 | + <div>消费者</div> | ||
277 | + <div>CONSUMER</div> | ||
278 | + </div> | ||
279 | + </div> | ||
280 | + </div> | ||
281 | + | ||
282 | + <div class="connecttop"> | ||
283 | + <div class="lianxiusboxtopitem"> | ||
284 | + <div>人力</div> | ||
285 | + <div>MANPOWER</div> | ||
286 | + </div> | ||
287 | + <div class="connectimg"> | ||
288 | + <img src="img/renli.png" alt=""> | ||
289 | + <div class="lianxiusboxtopitem lianxiusboxtopitemactive"> | ||
290 | + <div>人力</div> | ||
291 | + <div>MANPOWER</div> | ||
292 | + </div> | ||
293 | + </div> | ||
294 | + </div> | ||
295 | + | ||
296 | + <div class="connecttop"> | ||
297 | + <div class="lianxiusboxtopitem"> | ||
298 | + <div>合作商</div> | ||
299 | + <div>PARTNER</div> | ||
300 | + </div> | ||
301 | + | ||
302 | + <div class="connectimg"> | ||
303 | + <img src="img/hezuo.png" alt=""> | ||
304 | + <div class="lianxiusboxtopitem lianxiusboxtopitemactive"> | ||
305 | + <div>合作商</div> | ||
306 | + <div>PARTNER</div> | ||
307 | + </div> | ||
308 | + </div> | ||
309 | + </div> | ||
310 | + | ||
311 | + <div class="connecttop"> | ||
312 | + <div class="lianxiusboxtopitem"> | ||
313 | + <div>游客</div> | ||
314 | + <div>TOURISTS</div> | ||
315 | + </div> | ||
316 | + <div class="connectimg"> | ||
317 | + <img src="img/youke.png" alt=""> | ||
318 | + <div class="lianxiusboxtopitem lianxiusboxtopitemactive"> | ||
319 | + <div>游客</div> | ||
320 | + <div>TOURISTS</div> | ||
321 | + </div> | ||
322 | + </div> | ||
323 | + </div> | ||
324 | + | ||
325 | + | ||
326 | + | ||
327 | + </div> | ||
328 | + <div class="addressbox"> | ||
329 | + <div class="addressitem"> | ||
330 | + <div class="addressitemleft">地址:</div> | ||
331 | + <div class="addressitemright"> 安徽省芜湖市繁昌经济开发区</div> | ||
332 | + </div> | ||
333 | + <div class="addressitem"> | ||
334 | + <div class="addressitemleft">电话:</div> | ||
335 | + <div class="addressitemright"> | ||
336 | + 0553-7718368/400-668-7718 | ||
337 | + </div> | ||
338 | + </div> | ||
339 | + <div class="addressitem"> | ||
340 | + <div class="addressitemleft">传真:</div> | ||
341 | + <div class="addressitemright"> | ||
342 | + 0553-7718387 | ||
343 | + </div> | ||
344 | + </div> | ||
345 | + <div class="addressitem"> | ||
346 | + <div class="addressitemleft"> | ||
347 | + 邮箱:</div> | ||
348 | + <div class="addressitemright"> | ||
349 | + TONGFUKEFU@TONGFUGROUP.COM | ||
350 | + | ||
351 | + </div> | ||
352 | + </div> | ||
353 | + </div> | ||
354 | + | ||
355 | + <div class="connectcode"> | ||
356 | + <div class="connectcodeitem"> | ||
357 | + <div class="itemtopimg"> | ||
358 | + <img src="img/wei.png" alt=""> | ||
359 | + </div> | ||
360 | + <div class="itemtopname">微信公众号</div> | ||
361 | + </div> | ||
362 | + <div class="connectcodeitem"> | ||
363 | + <div class="itemtopimg"> | ||
364 | + <img src="img/tianmao.png" alt=""> | ||
365 | + </div> | ||
366 | + <div class="itemtopname">天猫旗舰店</div> | ||
367 | + </div> | ||
368 | + <div class="connectcodeitem"> | ||
369 | + <div class="itemtopimg"> | ||
370 | + <img src="img/tong.png" alt=""> | ||
371 | + </div> | ||
372 | + <div class="itemtopname">同福粥铺</div> | ||
373 | + </div> | ||
374 | + </div> | ||
375 | + | ||
376 | + </div> | ||
377 | + | ||
378 | + </div> | ||
379 | + <!-- 在线留言--> | ||
380 | + <div class="tongfuboxright liuyan liuyanactive"> | ||
381 | + <div class="tongfutop"> | ||
382 | + <div class="kttop">在线留言</div> | ||
383 | + <div class="kmiddle">ONLINE MESSAGE</div> | ||
384 | + <div class="kbottom"></div> | ||
385 | + </div> | ||
386 | + <div class="leavemessage"> | ||
387 | + <div class="leavemessgeitem"> | ||
388 | + <div class="leavemessageitemleft">您的姓名:</div> | ||
389 | + <div class="leavemassageitemright"> | ||
390 | + <input type="text"> | ||
391 | + </div> | ||
392 | + <div class="xing">*</div> | ||
393 | + </div> | ||
394 | + <div class="leavemessgeitem"> | ||
395 | + <div class="leavemessageitemleft">联系地址:</div> | ||
396 | + <div class="leavemassageitemright"> | ||
397 | + <input type="text"> | ||
398 | + </div> | ||
399 | + <div class="xing"></div> | ||
400 | + | ||
401 | + </div> | ||
402 | + <div class="leavemessgeitem"> | ||
403 | + <div class="leavemessageitemleft">公司名称:</div> | ||
404 | + <div class="leavemassageitemright"> | ||
405 | + <input type="text"> | ||
406 | + </div> | ||
407 | + <div class="xing"></div> | ||
408 | + | ||
409 | + </div> | ||
410 | + <div class="leavemessgeitem"> | ||
411 | + <div class="leavemessageitemleft">联系邮箱:</div> | ||
412 | + <div class="leavemassageitemright"> | ||
413 | + <input type="text"> | ||
414 | + </div> | ||
415 | + <div class="xing">*</div> | ||
416 | + </div> | ||
417 | + <div class="messagenei"> | ||
418 | + <div class="leavemessageitemleft">留言内容:</div> | ||
419 | + <div class="leavemassageitemright yanzhengr"> | ||
420 | + <textarea name="" id="" cols="30" rows="10"></textarea> | ||
421 | + <!-- <input type="text"> --> | ||
422 | + </div> | ||
423 | + <div class="xing">*</div> | ||
424 | + </div> | ||
425 | + <div class="yanzhengma"> | ||
426 | + <div class="yanzhengmaleft"> | ||
427 | + <div class="yanzhengleft"> | ||
428 | + <div class="leavemessageitemleft leavecontent ">验证码:</div> | ||
429 | + <div class="leaveinput"> | ||
430 | + <input type="text"> | ||
431 | + </div> | ||
432 | + </div> | ||
433 | + | ||
434 | + <div class="picyanzheng"> | ||
435 | + <canvas id="canvas" width="100px" height="38px" | ||
436 | + style="border: 1px solid #ccc;border:none | ||
437 | + "></canvas> | ||
438 | + | ||
439 | + </div> | ||
440 | + <div class="xing">*</div> | ||
441 | + </div> | ||
442 | + <div class="yanzhengmaright" onclick="dj()">点击刷新图片</div> | ||
443 | + </div> | ||
444 | + </div> | ||
445 | + | ||
446 | + <div class="leavebtn"> | ||
447 | + <div class="leavebtnleft">提交</div> | ||
448 | + <div class="leavebtnright">重置</div> | ||
449 | + </div> | ||
450 | + | ||
451 | + | ||
452 | + | ||
453 | + </div> | ||
454 | + | ||
455 | + <!--下载--> | ||
456 | + <div class="dowmload downloadactive"> | ||
457 | + <div class="tongfutop"> | ||
458 | + <div class="kttop">资料下载</div> | ||
459 | + <div class="kmiddle">DATA DOWNLOAD</div> | ||
460 | + <div class="kbottom"></div> | ||
461 | + </div> | ||
462 | + | ||
463 | + | ||
464 | + <div class="lianxiusboxtop"> | ||
465 | + <div class="lianxiusboxtopitem "> | ||
466 | + <div>同福</div> | ||
467 | + <div>现代农业产品</div> | ||
468 | + </div> | ||
469 | + <div class="lianxiusboxtopitem"> | ||
470 | + <div>同福</div> | ||
471 | + <div>健康食品产业</div> | ||
472 | + </div> | ||
473 | + <div class="lianxiusboxtopitem"> | ||
474 | + <div>同福</div> | ||
475 | + <div>连锁餐饮产业</div> | ||
476 | + </div> | ||
477 | + <div class="lianxiusboxtopitem"> | ||
478 | + <div>同福</div> | ||
479 | + <div>智慧康养产业</div> | ||
480 | + </div> | ||
481 | + | ||
482 | + </div> | ||
483 | + | ||
484 | + <div class="downbox"> | ||
485 | + <div class="downboximg"> | ||
486 | + <img src="img/downone.png" alt=""> | ||
487 | + </div> | ||
488 | + <div class="downboximg"> | ||
489 | + <img src="img/downtwo.png" alt=""> | ||
490 | + </div> | ||
491 | + </div> | ||
492 | + | ||
493 | + <div class="leavebtn downbtn"> | ||
494 | + <div class="leavebtnleft">下载</div> | ||
495 | + | ||
496 | + </div> | ||
497 | + | ||
498 | + </div> | ||
499 | + | ||
500 | + </div> | ||
501 | + | ||
502 | + </div> | ||
503 | + | ||
504 | +</div> | ||
505 | + | ||
506 | +<div class="kbix"></div> | ||
507 | +<!-- 底部--> | ||
508 | +<div class="footer"> | ||
509 | + | ||
510 | + | ||
511 | + <div class="backtop"> | ||
512 | + <img src="img/back.png" alt=""> | ||
513 | + </div> | ||
514 | + | ||
515 | + | ||
516 | + <div class="footertop"> | ||
517 | + <div class="footertopbox"> | ||
518 | + <div class="footeritem zuo"> | ||
519 | + <div class="footeritemtop"> | ||
520 | + <img src="img/jituan.png" alt=""> | ||
521 | + </div> | ||
522 | + <div class="footeritembottom"> | ||
523 | + <div class="footebimg join" data-id="1"> | ||
524 | + <img src="img/qie.png" alt=""> | ||
525 | + </div> | ||
526 | + <div class="footebimg join" data-id="1"> | ||
527 | + <img src="img/weixin.png" alt=""> | ||
528 | + </div> | ||
529 | + <div class="footebimg join" data-id="1"> | ||
530 | + <img src="img/xinlang.png" alt=""> | ||
531 | + </div> | ||
532 | + <div class="footebimg"> | ||
533 | + | ||
534 | + <a href="https://tongfushipin.tmall.com/?spm=a1z10.3-b-s.1997427721.d4918089.181c21b4kVhsHP"> | ||
535 | + <img src="img/gouwu.png" alt=""> | ||
536 | + </a> | ||
537 | + </div> | ||
538 | + | ||
539 | + </div> | ||
540 | + </div> | ||
541 | + <div class="footeritem connectfoot"> | ||
542 | + <div class="liantopname"> | ||
543 | + 联系我们 | ||
544 | + </div> | ||
545 | + <div class="liantopengname">CONTACT US</div> | ||
546 | + <div class="lianbox"> | ||
547 | + <div class="lianboxitem">地址:安徽省芜湖市繁昌经济开发区</div> | ||
548 | + <div class="lianboxitem">电话:0553-7718368/400-668-7718</div> | ||
549 | + <div class="lianboxitem">传 真:0553-7718387</div> | ||
550 | + <div class="lianboxitem youxiang">邮箱:TONGFUKEFU@TONGFUGROUP.COM</div> | ||
551 | + </div> | ||
552 | + </div> | ||
553 | + <div class="footeritem hotline"> | ||
554 | + <div class="liantopname"> | ||
555 | + 服务热线 | ||
556 | + </div> | ||
557 | + <div class="liantopengname">SERVICE HOTLINE</div> | ||
558 | + <div class="lianbox"> | ||
559 | + <div class="lainboxitem re"> | ||
560 | + 销售热线:<text class="number">0553-7718368</text></div> | ||
561 | + <div class="lianboxitem re"> | ||
562 | + 售后服务:<text class="number">400-668-7718 </text> | ||
563 | + </div> | ||
564 | + <div class="lianboxitem "> | ||
565 | + <text class="join" data-id="2"> 在线留言</text>/ <text class="join" data-id="1">加入我们</text> | ||
566 | + </div> | ||
567 | + | ||
568 | + </div> | ||
569 | + <!-- <div class="lianbox">--> | ||
570 | + <!-- <div class="lianboxitem">地址:安徽省芜湖市繁昌经济开发区</div>--> | ||
571 | + <!-- <div class="lianboxitem">电话:0553-7718368/400-668-7718</div>--> | ||
572 | + <!-- <div class="lianboxitem">传 真:0553-7718387</div>--> | ||
573 | + <!-- <div class="lianboxitem">邮箱:TONGFUKEFU@TONGFUGROUP.COM</div>--> | ||
574 | + <!-- </div>--> | ||
575 | + </div> | ||
576 | + <div class="footeritem pictu"> | ||
577 | + <div class="footimglist"> | ||
578 | + <div class="footimgk"> | ||
579 | + <img src="img/wei.png" alt=""> | ||
580 | + </div> | ||
581 | + <div class="footname">微信公众号</div> | ||
582 | + | ||
583 | + </div> | ||
584 | + <div class="footimglist"> | ||
585 | + <div class="footimgk"> | ||
586 | + <img src="img/tianmao.png" alt=""> | ||
587 | + </div> | ||
588 | + <div class="footname">天猫旗舰店</div> | ||
589 | + | ||
590 | + </div> | ||
591 | + <div class="footimglist"> | ||
592 | + <div class="footimgk"> | ||
593 | + <img src="img/tong.png" alt=""> | ||
594 | + </div> | ||
595 | + <div class="footname">同福好铺</div> | ||
596 | + | ||
597 | + </div> | ||
598 | + </div> | ||
599 | + </div> | ||
600 | + | ||
601 | + </div> | ||
602 | + <div class="footerbottom"> | ||
603 | + <div class="footerbottombox"> | ||
604 | + <div class="footerbottomleft">COPYRIGHT © 2018.同福集团 皖ICP备18022552号-1 ALL RIGHTS RESERVED. </div> | ||
605 | + <div class="footerbottomright"> | ||
606 | + <div class="rightitem">加入同福</div> | ||
607 | + <div class="rightitem">相关链接</div> | ||
608 | + <div class="rightitem">隐私政策</div> | ||
609 | + <div class="rightitem">网站地图</div> | ||
610 | + <div class="rightitem">联系我们</div> | ||
611 | + </div> | ||
612 | + </div> | ||
613 | + | ||
614 | + | ||
615 | + </div> | ||
616 | + | ||
617 | +</div> | ||
618 | +</body> | ||
619 | + | ||
620 | +<script src="js/jquery.min.js"></script> | ||
621 | + | ||
622 | +<script type="text/javascript" src="js/jquery.min.js"></script> | ||
623 | +<script type="text/javascript" src="js/swiperfour.min.js"></script> | ||
624 | +<script src="js/jquery.sPage.js"></script> | ||
625 | +<script src="js/base.js"></script> | ||
626 | +<script> | ||
627 | + | ||
628 | + $(".navmiddle").click(function(){ | ||
629 | + | ||
630 | + window.location.href='index.html' | ||
631 | + }) | ||
632 | + $(".nongyebanner").click(function(){ | ||
633 | + | ||
634 | + window.location.href='tongfuchanye.html?id='+2 | ||
635 | + | ||
636 | + }) | ||
637 | + $(".zhihuibanner").click(function(){ | ||
638 | + | ||
639 | + window.location.href='tongfuchanye.html?id='+4 | ||
640 | + | ||
641 | + | ||
642 | + | ||
643 | + }) | ||
644 | + $(".jiankangbanner").click(function(){ | ||
645 | + | ||
646 | + window.location.href='tongfuchanye.html?id='+1 | ||
647 | + }) | ||
648 | + | ||
649 | + $(".liansuobanner").click(function(){ | ||
650 | + | ||
651 | + window.location.href='tongfuchanye.html?id='+3 | ||
652 | + | ||
653 | + }) | ||
654 | + | ||
655 | + var typeid=GetQueryString('typeid'); | ||
656 | + if(typeid!=null){ | ||
657 | + $('html,body').animate({scrollTop: '600px'}, 800) | ||
658 | + } | ||
659 | + var showid= GetQueryString('id'); | ||
660 | + console.log(showid) | ||
661 | + var item=$(".connectour") | ||
662 | + if(showid==1){ | ||
663 | + $('html,body').animate({scrollTop: '600px'}, 800) | ||
664 | + console.log(999) | ||
665 | + $(".lianxiusactive").show(); | ||
666 | + $(".liuyanactive").hide(); | ||
667 | + $(".downloadactive").hide(); | ||
668 | + $(item[0]).children(".tongmingzi").addClass("tongmingactive"); | ||
669 | + $(".yinxiangtopname").html("联系我们"); | ||
670 | + }else if(showid==2){ | ||
671 | + $('html,body').animate({scrollTop: '600px'}, 800) | ||
672 | + console.log(888) | ||
673 | + $(".lianxiusactive").hide(); | ||
674 | + $(".liuyanactive").show(); | ||
675 | + $(".downloadactive").hide(); | ||
676 | + $(item[1]).children(".tongmingzi").addClass("tongmingactive"); | ||
677 | + $(".yinxiangtopname").html("在线留言"); | ||
678 | + }else if(showid==3){ | ||
679 | + $('html,body').animate({scrollTop: '600px'}, 800) | ||
680 | + $(".lianxiusactive").hide(); | ||
681 | + $(".liuyanactive").hide(); | ||
682 | + $(".downloadactive").show(); | ||
683 | + $(item[2]).children(".tongmingzi").addClass("tongmingactive"); | ||
684 | + $(".yinxiangtopname").html("资料下载"); | ||
685 | + | ||
686 | + } | ||
687 | + var mySwiper = new Swiper ('.bannercontainer', { | ||
688 | + autoplay:true, | ||
689 | + loop: true, // 循环模式选项 | ||
690 | + centeredSlides : false, | ||
691 | + duration:1000, | ||
692 | + pagination: { | ||
693 | + el: '.swiper-pagination', | ||
694 | + clickable :true, | ||
695 | + }, | ||
696 | + // slidesOffsetBefore : 280, | ||
697 | + // spaceBetween : 10, | ||
698 | + }) | ||
699 | + | ||
700 | + // 联系我们 | ||
701 | + $(".connect .tongfuboxleftitem").click(function(){ | ||
702 | + var id=$(this).attr("data-id"); | ||
703 | + console.log(id) | ||
704 | + $(this).children(".tongmingzi").addClass("tongmingactive"); | ||
705 | + $(this).siblings(".tongfuboxleftitem").children(".tongmingzi").removeClass("tongmingactive"); | ||
706 | + if(id==1){ | ||
707 | + $(".lianxius").show(); | ||
708 | + $(".liuyan").hide(); | ||
709 | + $(".dowmload").hide(); | ||
710 | + $(".yinxiangtopname").html("联系我们"); | ||
711 | + }else if(id==2){ | ||
712 | + $(".lianxius").hide(); | ||
713 | + $(".liuyan").show(); | ||
714 | + $(".dowmload").hide(); | ||
715 | + $(".yinxiangtopname").html("联系我们 > 在线留言") | ||
716 | + }else if(id==3){ | ||
717 | + $(".lianxius").hide(); | ||
718 | + $(".liuyan").hide(); | ||
719 | + $(".dowmload").show(); | ||
720 | + $(".yinxiangtopname").html("联系我们 > 资料下载") | ||
721 | + } | ||
722 | + }) | ||
723 | + | ||
724 | + // 联系我们顶部切换 | ||
725 | + $(".connecttop").mouseenter(function(){ | ||
726 | + $(this).children(".lianxiusboxtopitem").hide(); | ||
727 | + $(this).children(".connectimg").show() | ||
728 | + }) | ||
729 | + | ||
730 | + $(".connecttop").mouseleave(function(){ | ||
731 | + $(this).children(".lianxiusboxtopitem").show(); | ||
732 | + $(this).children(".connectimg").hide() | ||
733 | + }) | ||
734 | + | ||
735 | + //资料下载顶部切换 | ||
736 | + $(".lianxiusboxtopitem").mouseenter(function(){ | ||
737 | + $(this).addClass("liannongactive"); | ||
738 | + }) | ||
739 | + $(".lianxiusboxtopitem").mouseleave(function(){ | ||
740 | + $(this).removeClass("liannongactive"); | ||
741 | + }) | ||
742 | + | ||
743 | + $(".join").click(function(){ | ||
744 | + let id=$(this).attr("data-id") | ||
745 | + if(id==1){ | ||
746 | + window.location.href='connectus.html?id='+1 | ||
747 | + | ||
748 | + }else if(id==2){ | ||
749 | + window.location.href='connectus.html?id='+2 | ||
750 | + | ||
751 | + } | ||
752 | + }) | ||
753 | +</script> | ||
754 | + | ||
755 | + | ||
756 | +<!--图片验证--> | ||
757 | + | ||
758 | +<script> | ||
759 | + var show_num = []; | ||
760 | + draw(show_num); | ||
761 | + function dj(){ | ||
762 | + draw(show_num); | ||
763 | + } | ||
764 | + function draw(show_num) { | ||
765 | + var canvas_width=document.getElementById('canvas').clientWidth; | ||
766 | + var canvas_height=document.getElementById('canvas').clientHeight; | ||
767 | + var canvas = document.getElementById("canvas");//获取到canvas的对象,演员 | ||
768 | + console.log(canvas) | ||
769 | + var context = canvas.getContext("2d");//获取到canvas画图的环境,演员表演的舞台 | ||
770 | + canvas.width =100; | ||
771 | + canvas.height =38; | ||
772 | + | ||
773 | + console.log(canvas_width); | ||
774 | + console.log(canvas_height) | ||
775 | + var sCode = "A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0,q,w,e,r,t,y,u,i,o,p,a,s,d,f,g,h,j,k,l,z,x,c,v,b,n,m"; | ||
776 | + var aCode = sCode.split(","); | ||
777 | + var aLength = aCode.length;//获取到数组的长度 | ||
778 | + | ||
779 | + for (var i = 0; i <= 3; i++) { | ||
780 | + var j = Math.floor(Math.random() * aLength);//获取到随机的索引值 | ||
781 | + var deg = Math.random() * 30 * Math.PI / 180;//产生0~30之间的随机弧度 | ||
782 | + var txt = aCode[j];//得到随机的一个内容 | ||
783 | + show_num[i] = txt; | ||
784 | + var x = 10 + i * 20;//文字在canvas上的x坐标 | ||
785 | + var y = 20 + Math.random() * 8;//文字在canvas上的y坐标 | ||
786 | + context.font = "bold 23px 微软雅黑"; | ||
787 | + | ||
788 | + context.translate(x, y); | ||
789 | + context.rotate(deg); | ||
790 | + | ||
791 | + context.fillStyle = randomColor(); | ||
792 | + context.fillText(txt, 0, 0); | ||
793 | + | ||
794 | + context.rotate(-deg); | ||
795 | + context.translate(-x, -y); | ||
796 | + } | ||
797 | + for (var i = 0; i <= 5; i++) { //验证码上显示线条 | ||
798 | + context.strokeStyle = randomColor(); | ||
799 | + context.beginPath(); | ||
800 | + context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height); | ||
801 | + context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height); | ||
802 | + context.stroke(); | ||
803 | + } | ||
804 | + for (var i = 0; i <= 30; i++) { //验证码上显示小点 | ||
805 | + context.strokeStyle = randomColor(); | ||
806 | + context.beginPath(); | ||
807 | + var x = Math.random() * canvas_width; | ||
808 | + var y = Math.random() * canvas_height; | ||
809 | + context.moveTo(x, y); | ||
810 | + context.lineTo(x + 1, y + 1); | ||
811 | + context.stroke(); | ||
812 | + } | ||
813 | + } | ||
814 | + function randomColor() {//得到随机的颜色值 | ||
815 | + var r = Math.floor(Math.random() * 256); | ||
816 | + var g = Math.floor(Math.random() * 256); | ||
817 | + var b = Math.floor(Math.random() * 256); | ||
818 | + return "rgb(" + r + "," + g + "," + b + ")"; | ||
819 | + } | ||
820 | + | ||
821 | + | ||
822 | +</script> | ||
823 | +</html> |
css/base.css
0 → 100644
1 | +*{ | ||
2 | + padding: 0; | ||
3 | + margin:0; | ||
4 | +} | ||
5 | +.box{ | ||
6 | + min-width:1200px; | ||
7 | + | ||
8 | +} | ||
9 | +body,html{ | ||
10 | + cursor: pointer; | ||
11 | +} | ||
12 | +img { | ||
13 | + width: 100%; | ||
14 | + height: 100%; | ||
15 | + | ||
16 | +} | ||
17 | +.bannerimg{ | ||
18 | + /*width:100%;*/ | ||
19 | + /*height:666px;*/ | ||
20 | + font-size:0; | ||
21 | + position: relative; | ||
22 | +} | ||
23 | +.bannercontainer{ | ||
24 | + /*width:100%;*/ | ||
25 | + /*height:666px;*/ | ||
26 | + | ||
27 | + font-size:0; | ||
28 | +} | ||
29 | +.jianzhuyeactive{ | ||
30 | + /*display:none*/ | ||
31 | +} | ||
32 | +/*轮播图*/ | ||
33 | +.swiper-pagination-bullet-active { | ||
34 | + opacity: 1; | ||
35 | + background: #C41C27; | ||
36 | +} | ||
37 | + | ||
38 | +.headnav{ | ||
39 | + width:1200px; | ||
40 | + height:50px; | ||
41 | + position: absolute; | ||
42 | + top:57px; | ||
43 | + left:50%; | ||
44 | + transform: translateX(-50%); | ||
45 | + z-index:999; | ||
46 | + | ||
47 | +} | ||
48 | + | ||
49 | + | ||
50 | + | ||
51 | +.tomngfu{ | ||
52 | + width:100%; | ||
53 | + height:980px; | ||
54 | + background: #fff; | ||
55 | +} | ||
56 | +.tomngfuk{ | ||
57 | + width:100%; | ||
58 | + height:980px; | ||
59 | + background: #EAEAEA; | ||
60 | + overflow: hidden; | ||
61 | +} | ||
62 | +.tongfuitem{ | ||
63 | + width:1080px; | ||
64 | + margin:67px auto 0; | ||
65 | + overflow: hidden; | ||
66 | + | ||
67 | +} | ||
68 | +.navleft{ | ||
69 | + background: #fff; | ||
70 | + width:488px; | ||
71 | + height:50px; | ||
72 | + float:left; | ||
73 | + display: flex; | ||
74 | + -moz-box-align: center; | ||
75 | + -webkit-box-align: center; | ||
76 | + -ms-flex-align: center; | ||
77 | + -webkit-align-items: center; | ||
78 | + align-items: center; | ||
79 | + -moz-box-pack: center; | ||
80 | + -webkit-box-pack: center; | ||
81 | + -ms-flex-pack: center; | ||
82 | + | ||
83 | +} | ||
84 | + | ||
85 | +.navmiddle{ | ||
86 | + width:215px; | ||
87 | + height:50px; | ||
88 | + background:#C41C27; | ||
89 | + float:left; | ||
90 | + display:flex; | ||
91 | + align-items: center; | ||
92 | + justify-content: center; | ||
93 | +} | ||
94 | +.middleimg{ | ||
95 | + width:158px; | ||
96 | + height:26px; | ||
97 | + font-size: 0; | ||
98 | + /*margin:0 auto;*/ | ||
99 | + /*display:inline-block;*/ | ||
100 | + | ||
101 | + | ||
102 | +} | ||
103 | +.headnavright{ | ||
104 | + background: #fff; | ||
105 | + width:490px; | ||
106 | + height:50px; | ||
107 | + float:left; | ||
108 | + line-height: 50px; | ||
109 | + display:flex; | ||
110 | + display: -moz-box; | ||
111 | + display: -webkit-box; | ||
112 | + display: -ms-flexbox; | ||
113 | + display: -webkit-flex; | ||
114 | + -moz-box-align: center; | ||
115 | + -webkit-box-align: center; | ||
116 | + -ms-flex-align: center; | ||
117 | + -webkit-align-items: center; | ||
118 | + align-items: center; | ||
119 | + -moz-box-pack: center; | ||
120 | + -webkit-box-pack: center; | ||
121 | + -ms-flex-pack: center; | ||
122 | + | ||
123 | + | ||
124 | +} | ||
125 | +.search{ | ||
126 | + display: -moz-box; | ||
127 | + display: -webkit-box; | ||
128 | + display: -ms-flexbox; | ||
129 | + display: -webkit-flex; | ||
130 | + display: flex; | ||
131 | + -moz-box-align: center; | ||
132 | + -webkit-box-align: center; | ||
133 | + -ms-flex-align: center; | ||
134 | + -webkit-align-items: center; | ||
135 | + align-items: center; | ||
136 | + -moz-box-pack: center; | ||
137 | + -webkit-box-pack: center; | ||
138 | + -ms-flex-pack: center; | ||
139 | +} | ||
140 | +.searchbox{ | ||
141 | + display: -moz-box; | ||
142 | + display: -webkit-box; | ||
143 | + display: -ms-flexbox; | ||
144 | + display: -webkit-flex; | ||
145 | + display: flex; | ||
146 | + -moz-box-align: center; | ||
147 | + -webkit-box-align: center; | ||
148 | + -ms-flex-align: center; | ||
149 | + -webkit-align-items: center; | ||
150 | + align-items: center; | ||
151 | + -moz-box-pack: center; | ||
152 | + -webkit-box-pack: center; | ||
153 | + -ms-flex-pack: center; | ||
154 | + width:117px; | ||
155 | + border:1px solid #ABAEB6; | ||
156 | + height:18px; | ||
157 | +} | ||
158 | +.serchboxleft{ | ||
159 | + width:107px; | ||
160 | + display: -moz-box; | ||
161 | + display: -webkit-box; | ||
162 | + display: -ms-flexbox; | ||
163 | + display: -webkit-flex; | ||
164 | + display: flex; | ||
165 | + -moz-box-align: center; | ||
166 | + -webkit-box-align: center; | ||
167 | + -ms-flex-align: center; | ||
168 | + -webkit-align-items: center; | ||
169 | + align-items: center; | ||
170 | + -moz-box-pack: center; | ||
171 | + -webkit-box-pack: center; | ||
172 | + -ms-flex-pack: center; | ||
173 | + | ||
174 | +} | ||
175 | +.serchboxleft input{ | ||
176 | + width:100%; | ||
177 | + height:100%; | ||
178 | + background: transparent; | ||
179 | + border:none; | ||
180 | + outline: none; | ||
181 | + padding: 0 10px; | ||
182 | + box-sizing: border-box; | ||
183 | +} | ||
184 | +.searchboxright{ | ||
185 | + width:15px; | ||
186 | + height:15px; | ||
187 | + font-size: 0; | ||
188 | +} | ||
189 | +.searchboxright img{ | ||
190 | + display:block | ||
191 | +} | ||
192 | + | ||
193 | +.navleftitem{ | ||
194 | + color:#666666; | ||
195 | + font-weight: bold; | ||
196 | + height:50px; | ||
197 | + /*background: #E2211C;*/ | ||
198 | + font-size: 16px; | ||
199 | + padding: 0 33px; | ||
200 | + box-sizing: border-box; | ||
201 | + display:flex; | ||
202 | + align-items: center; | ||
203 | + /*float:left;*/ | ||
204 | + /*line-height: 50px;*/ | ||
205 | +} | ||
206 | +.rightnavitem{ | ||
207 | + color:#666666; | ||
208 | + font-weight: bold; | ||
209 | + height:50px; | ||
210 | + /*background: #E2211C;*/ | ||
211 | + font-size: 16px; | ||
212 | + padding: 0 33px; | ||
213 | + box-sizing: border-box; | ||
214 | + display:flex; | ||
215 | + align-items: center; | ||
216 | + padding: 0 17px; | ||
217 | +} | ||
218 | +.navblock{ | ||
219 | + | ||
220 | + position: relative; | ||
221 | +} | ||
222 | +.navblockactive{ | ||
223 | + color:#FCD199; | ||
224 | + background: #C41C27; | ||
225 | +} | ||
226 | +.navleftitembox{ | ||
227 | + width:115px; | ||
228 | + position: absolute; | ||
229 | + left:0; | ||
230 | + top:50px; | ||
231 | + z-index:999; | ||
232 | + display:none | ||
233 | +} | ||
234 | + | ||
235 | +.navleftitemboxitem{ | ||
236 | + width:130px; | ||
237 | + height:51px; | ||
238 | + background: #fff; | ||
239 | + text-align: center; | ||
240 | + line-height: 51px; | ||
241 | + border-bottom:1px solid #CDCDCF; | ||
242 | + /*display:flex;*/ | ||
243 | + /*align-items: center;*/ | ||
244 | + /*justify-content: center;*/ | ||
245 | + color:#666666; | ||
246 | + font-size: 16px; | ||
247 | + position: relative; | ||
248 | + opacity: 0.8; | ||
249 | +} | ||
250 | +.rightboxitem{ | ||
251 | + width:99px!important; | ||
252 | +} | ||
253 | + | ||
254 | +.navboxitem{ | ||
255 | + width:100px; | ||
256 | + position: absolute; | ||
257 | + right:-100px; | ||
258 | + top:0; | ||
259 | +} | ||
260 | +.navboxitemitem{ | ||
261 | + width:100px; | ||
262 | + height:51px; | ||
263 | + background: #fff; | ||
264 | + color:#666666; | ||
265 | + font-size: 12px; | ||
266 | + text-align: center; | ||
267 | + line-height: 51px; | ||
268 | + border-bottom:1px solid #dedede; | ||
269 | + opacity: 0.8; | ||
270 | +} | ||
271 | +.navboxitemitemzctive{ | ||
272 | + background:#C41C27 ; | ||
273 | + color:#FCD199; | ||
274 | +} | ||
275 | +.navboxitemitemactive{ | ||
276 | + background:#C41C27 ; | ||
277 | + color:#FED298 | ||
278 | +} | ||
279 | +.chanbox{ | ||
280 | + width:188px; | ||
281 | + left:0; | ||
282 | +} | ||
283 | +.navboxitem{ | ||
284 | + display:none | ||
285 | +} | ||
286 | +.navleftitemname{ | ||
287 | + | ||
288 | +} | ||
289 | +.chanboxitem{ | ||
290 | + width:188px; | ||
291 | + height:51px; | ||
292 | +} | ||
293 | +.navleftitemnameactive{ | ||
294 | + background: #C41C27; | ||
295 | + color:#FED298 | ||
296 | +} | ||
297 | +.tongfutop{ | ||
298 | + /*margin-bottom:10px;*/ | ||
299 | +} | ||
300 | +.kttop{ | ||
301 | + color:#B91D28; | ||
302 | + font-size:48px; | ||
303 | + font-weight: bold; | ||
304 | + | ||
305 | +} | ||
306 | + | ||
307 | +.kmiddle { | ||
308 | + color: #C0C0C0; | ||
309 | + font-size: 18px; | ||
310 | + font-weight: bold; | ||
311 | +} | ||
312 | + | ||
313 | + | ||
314 | + | ||
315 | +.kbottom{ | ||
316 | + width:25px; | ||
317 | + height:7px; | ||
318 | + background:#B91D28 ; | ||
319 | + margin-top:10px; | ||
320 | + | ||
321 | + | ||
322 | +} | ||
323 | +.tongfubannerleft{ | ||
324 | + width:1080px; | ||
325 | + height:380px; | ||
326 | + | ||
327 | + /*float:left;*/ | ||
328 | +} | ||
329 | +.tongfucontainer{ | ||
330 | + height:380px; | ||
331 | +} | ||
332 | +.tongfupage{ | ||
333 | + /*text-align: right;*/ | ||
334 | + /*padding-right: 35px;*/ | ||
335 | + /*box-sizing: border-box;*/ | ||
336 | +} | ||
337 | +.tongfubanner{ | ||
338 | + margin-top:47px; | ||
339 | +} | ||
340 | +.tongfubannerright{ | ||
341 | + width:423px; | ||
342 | + height:380px; | ||
343 | + background: #C41C27; | ||
344 | + padding:43px 37px 20px 59px ; | ||
345 | + box-sizing: border-box; | ||
346 | + float:left; | ||
347 | + /*position: absolute;*/ | ||
348 | + /*right:0;*/ | ||
349 | + /*bottom:0;*/ | ||
350 | + /*z-index:999;*/ | ||
351 | + /*float:left*/ | ||
352 | +} | ||
353 | +.tongfurightname{ | ||
354 | + color:#EEBE9B; | ||
355 | + font-size: 30px; | ||
356 | + font-weight: bold; | ||
357 | +} | ||
358 | +.tingfurightyname{ | ||
359 | + color:#FFFFFF; | ||
360 | + font-size: 15px; | ||
361 | +} | ||
362 | +.tongfuxian{ | ||
363 | + width:24px; | ||
364 | + height:7px; | ||
365 | + background: #EEBE9B; | ||
366 | + margin-top:10px; | ||
367 | +} | ||
368 | +.tongfutext{ | ||
369 | + color:#fff; | ||
370 | + font-size: 13px; | ||
371 | + width:100%; | ||
372 | + height:136px; | ||
373 | + display: -webkit-box; | ||
374 | + -webkit-box-orient: vertical; | ||
375 | + -webkit-line-clamp: 6; | ||
376 | + overflow: hidden; | ||
377 | + | ||
378 | + opacity: 0.8; | ||
379 | + margin-top:21px; | ||
380 | + line-height: 28px; | ||
381 | + letter-spacing: 2px; | ||
382 | + | ||
383 | +} | ||
384 | +.tongfubottom{ | ||
385 | + overflow: hidden; | ||
386 | + margin-top:60px; | ||
387 | + | ||
388 | +} | ||
389 | +.tonfubottomitem{ | ||
390 | + float:left; | ||
391 | + color:#fff; | ||
392 | + font-size: 13px; | ||
393 | + opacity: 0.8; | ||
394 | + margin-right:26px; | ||
395 | +} | ||
396 | +.tonfubottomitem:last-child{ | ||
397 | + margin-right:0 | ||
398 | +} | ||
399 | +.tongactive{ | ||
400 | + color:#fff; | ||
401 | + opacity:1; | ||
402 | + font-size: 14px; | ||
403 | +} | ||
404 | +.dongshiboxpage{ | ||
405 | + overflow: hidden; | ||
406 | + width:1080px; | ||
407 | + margin:21px auto 0; | ||
408 | + | ||
409 | +} | ||
410 | +.dongshiactive{ | ||
411 | + display:none | ||
412 | +} | ||
413 | +.dongshileft{ | ||
414 | + float:left; | ||
415 | + width:534px; | ||
416 | + height:280px; | ||
417 | + font-size: 0; | ||
418 | + background: #fff; | ||
419 | + position: relative; | ||
420 | +} | ||
421 | +.dongshiright{ | ||
422 | + width:526px; | ||
423 | + height:280px; | ||
424 | + font-size:0; | ||
425 | + float:left; | ||
426 | + margin-left:20px; | ||
427 | + position: relative; | ||
428 | + | ||
429 | +} | ||
430 | +.tanceng{ | ||
431 | + width:100%; | ||
432 | + height:280px; | ||
433 | + background:#101722 ; | ||
434 | + opacity: 0.5; | ||
435 | + position: absolute; | ||
436 | + top:0; | ||
437 | + left:0; | ||
438 | +} | ||
439 | +.anniu{ | ||
440 | + width:108px; | ||
441 | + height:108px; | ||
442 | + font-size:0; | ||
443 | + position: absolute; | ||
444 | + top:50%; | ||
445 | + left:50%; | ||
446 | + transform: translate(-50%,-50%); | ||
447 | +} | ||
448 | +.jiyu{ | ||
449 | + position: absolute; | ||
450 | + top:34px; | ||
451 | + right:38px; | ||
452 | + color:#666666; | ||
453 | + font-size: 30px; | ||
454 | + letter-spacing: 2px; | ||
455 | +} | ||
456 | +.jiyubottom{ | ||
457 | + color:#666666; | ||
458 | + font-size: 13px; | ||
459 | + width:225px; | ||
460 | + height:87px; | ||
461 | + overflow: hidden; | ||
462 | + display: -webkit-box; | ||
463 | + -webkit-box-orient: vertical; | ||
464 | + -webkit-line-clamp:3; | ||
465 | + margin-top:6px; | ||
466 | + line-height: 28px; | ||
467 | +} | ||
468 | +.tongfukj{ | ||
469 | + width:1080px; | ||
470 | + margin:100px auto 0; | ||
471 | + | ||
472 | +} | ||
473 | +.tomngfuktop{ | ||
474 | + display:flex; | ||
475 | + align-items: center; | ||
476 | + overflow: hidden; | ||
477 | +} | ||
478 | +.rightone{ | ||
479 | + margin-left:13px; | ||
480 | +} | ||
481 | +.chanyebox{ | ||
482 | + width:534px; | ||
483 | + display:flex; | ||
484 | + align-items: center; | ||
485 | + position: relative; | ||
486 | +} | ||
487 | + | ||
488 | +.tongfuktopleft{ | ||
489 | + width:289px; | ||
490 | + height:262px; | ||
491 | + font-size:0; | ||
492 | + position: relative; | ||
493 | + z-index: 999; | ||
494 | + | ||
495 | +} | ||
496 | +.chanyeright{ | ||
497 | + width:264px; | ||
498 | + height:267px; | ||
499 | + font-size:0; | ||
500 | + position: absolute; | ||
501 | + right:0; | ||
502 | + top:0; | ||
503 | + | ||
504 | +} | ||
505 | +.tongfuktopright{ | ||
506 | + width:526px; | ||
507 | + margin-left:20px; | ||
508 | + height:262px; | ||
509 | + font-size:0; | ||
510 | + float:left; | ||
511 | + position: relative; | ||
512 | + | ||
513 | +} | ||
514 | +.tongfuone{ | ||
515 | + margin-top:47px; | ||
516 | +} | ||
517 | +.tongfutwo{ | ||
518 | + margin-top:15px; | ||
519 | +} | ||
520 | +.toneimgbox{ | ||
521 | + position:absolute; | ||
522 | + top:50%; | ||
523 | + left:47%; | ||
524 | + transform: translate(-50%,-50%); | ||
525 | +} | ||
526 | +.toneimg{ | ||
527 | + width:143px; | ||
528 | + height:95px; | ||
529 | + font-size: 0; | ||
530 | + | ||
531 | +} | ||
532 | +.tonename{ | ||
533 | + margin-top:13px; | ||
534 | + color:#585757; | ||
535 | + font-size: 40px; | ||
536 | + font-weight: bold; | ||
537 | + text-align: center; | ||
538 | + | ||
539 | +} | ||
540 | +.tongpro{ | ||
541 | + color:#585757; | ||
542 | + font-size:24px; | ||
543 | + margin-top:14px; | ||
544 | + text-align: center; | ||
545 | +} | ||
546 | +.twoname,.twopro{ | ||
547 | + color:#EEBE9B | ||
548 | +} | ||
549 | +.tongfubannerk{ | ||
550 | + width:100%; | ||
551 | + height:624px; | ||
552 | + background: #fff; | ||
553 | +} | ||
554 | +.newsboxpage{ | ||
555 | + width:100%; | ||
556 | + height:880px; | ||
557 | + background: #EAEAEA; | ||
558 | + overflow: hidden; | ||
559 | +} | ||
560 | +.newsbox{ | ||
561 | + width:100%; | ||
562 | + /*height:903px;*/ | ||
563 | + /*background: #EAEAEA;*/ | ||
564 | + /*overflow: hidden;*/ | ||
565 | +} | ||
566 | +.newsboxitem{ | ||
567 | + width:1080px; | ||
568 | + margin:101px auto 0; | ||
569 | +} | ||
570 | +.newspage{ | ||
571 | + width:1080px; | ||
572 | + height:530px; | ||
573 | + background: #fff; | ||
574 | + margin-top:46px; | ||
575 | + overflow-y: scroll; | ||
576 | + | ||
577 | +} | ||
578 | +.nespageleft{ | ||
579 | + overflow: hidden; | ||
580 | + float:left | ||
581 | +} | ||
582 | +.nespageright{ | ||
583 | + float:right; | ||
584 | + letter-spacing: 2px; | ||
585 | +} | ||
586 | +.newspagetopitem{ | ||
587 | + float:left; | ||
588 | + color:#666666; | ||
589 | + font-size: 23px; | ||
590 | + font-weight: bold; | ||
591 | +} | ||
592 | +.nespageright{ | ||
593 | + color:#666666; | ||
594 | + font-size: 16px; | ||
595 | +} | ||
596 | +.newspagetop{ | ||
597 | + padding: 46px 28px 84px 41px; | ||
598 | + box-sizing: border-box; | ||
599 | +} | ||
600 | + | ||
601 | +.tai{ | ||
602 | + padding-right: 51px; | ||
603 | + box-sizing: border-box; | ||
604 | +} | ||
605 | +.xun{ | ||
606 | + padding: 0 51px; | ||
607 | + box-sizing: border-box; | ||
608 | + border-right:1px solid #AFAFB0; | ||
609 | + border-left:1px solid #AFAFB0; | ||
610 | +} | ||
611 | +.huo{ | ||
612 | + padding-left: 51px; | ||
613 | + box-sizing: border-box; | ||
614 | + | ||
615 | +} | ||
616 | +.newactive{ | ||
617 | + color:#C41C27; | ||
618 | +} | ||
619 | +.newspageboxitem{ | ||
620 | + /*height:78px;*/ | ||
621 | + padding: 10px 19px 10px 41px ; | ||
622 | + box-sizing: border-box; | ||
623 | + overflow: hidden; | ||
624 | + | ||
625 | + color:#949495 | ||
626 | +} | ||
627 | +.newspageboxitemleft{ | ||
628 | + float:left | ||
629 | +} | ||
630 | +.newspageboxitemlefttop{ | ||
631 | + | ||
632 | + font-size: 14px; | ||
633 | + position: relative; | ||
634 | + padding-left: 10px; | ||
635 | +} | ||
636 | +.newspageboxitemlefttop:before { | ||
637 | + display: block; | ||
638 | + content: ''; | ||
639 | + width: 5px; | ||
640 | + height: 5px; | ||
641 | + border-radius: 50%; | ||
642 | + background: #8F8F90; | ||
643 | + position: absolute; | ||
644 | + top: 7px; | ||
645 | + left: 0 | ||
646 | +} | ||
647 | +.notop{ | ||
648 | +padding-left: 0; | ||
649 | + box-sizing: border-box; | ||
650 | +} | ||
651 | +.notop:before{ | ||
652 | + display:block; | ||
653 | + content:''; | ||
654 | + width:5px; | ||
655 | + height:5px; | ||
656 | + border-radius: 50%; | ||
657 | + background: transparent; | ||
658 | + position: absolute; | ||
659 | + top:7px; | ||
660 | + left:0 | ||
661 | +} | ||
662 | + | ||
663 | +.newspageboxitemname{ | ||
664 | + | ||
665 | + font-size: 10px; | ||
666 | + opacity: 0.8; | ||
667 | + margin-top:6px; | ||
668 | + display:none | ||
669 | +} | ||
670 | +.newspageboxitemright{ | ||
671 | + float:right; | ||
672 | + | ||
673 | + font-size: 14px; | ||
674 | + | ||
675 | +} | ||
676 | +.newspagebox{ | ||
677 | + margin-top:20px; | ||
678 | +} | ||
679 | +.newsxuan{ | ||
680 | + background: #C41C27; | ||
681 | + color:#fff; | ||
682 | +} | ||
683 | +.hangzi,.health{ | ||
684 | + display:none | ||
685 | +} | ||
686 | +.rongyu{ | ||
687 | + width:100%; | ||
688 | + height:999px; | ||
689 | + background: #fff; | ||
690 | + overflow: hidden; | ||
691 | +} | ||
692 | +.rongyuitem{ | ||
693 | + width:1080px; | ||
694 | + margin:99px auto 0; | ||
695 | + | ||
696 | +} | ||
697 | +.tongfutbox{ | ||
698 | + overflow: hidden; | ||
699 | + width:1127px; | ||
700 | + padding-left: 35px; | ||
701 | + box-sizing: border-box; | ||
702 | +} | ||
703 | +.tongfutboxitem{ | ||
704 | + margin-top:37px; | ||
705 | + margin-right:10px; | ||
706 | + float:left; | ||
707 | +} | ||
708 | +.tongfutboxitemtop{ | ||
709 | + width:345px; | ||
710 | + height:260px; | ||
711 | + font-size: 0; | ||
712 | +} | ||
713 | +.tongfutboxitemtop img{ | ||
714 | + display: block; | ||
715 | + width: 100%; | ||
716 | + height: 100%; | ||
717 | + transition: all 1s; | ||
718 | + position: relative; | ||
719 | + z-index: 999; | ||
720 | +} | ||
721 | + | ||
722 | +.tongfutboxitemtop img:hover { | ||
723 | + transition: transform .5s ease-out; | ||
724 | + -o-transition: transform .5s ease-out; | ||
725 | + -webkit-transition: transform .5s ease-out; | ||
726 | + -moz-transition: transform .5s ease-out; | ||
727 | + transform: scale(1.2); | ||
728 | + -ms-transform: scale(1.2); | ||
729 | + -webkit-transform: scale(1.2); | ||
730 | +} | ||
731 | + | ||
732 | + | ||
733 | +.tongfutboxitemname{ | ||
734 | + width:345px; | ||
735 | + text-align: center; | ||
736 | + color:#666666; | ||
737 | + font-size: 18px; | ||
738 | + margin-top:32px; | ||
739 | + | ||
740 | +} | ||
741 | +.footertop{ | ||
742 | + | ||
743 | + width:100%; | ||
744 | + height:387px; | ||
745 | + background: #C41C27; | ||
746 | + overflow: hidden; | ||
747 | + /*padding: 84px 54px ;*/ | ||
748 | + /*box-sizing: border-box;*/ | ||
749 | +} | ||
750 | + | ||
751 | +.footertopbox{ | ||
752 | + width:1165px;; | ||
753 | + margin:84px auto 0; | ||
754 | + display: -moz-box; | ||
755 | + display: -webkit-box; | ||
756 | + display: -ms-flexbox; | ||
757 | + display: -webkit-flex; | ||
758 | + display: flex; | ||
759 | + -moz-box-align: center; | ||
760 | + -webkit-box-align: center; | ||
761 | + -ms-flex-align: center; | ||
762 | + -webkit-align-items: center; | ||
763 | + align-items: flex-end; | ||
764 | + -moz-box-pack: flex-end; | ||
765 | + -webkit-box-pack: flex-end; | ||
766 | + -ms-flex-pack: flex-end; | ||
767 | + justify-content: space-between; | ||
768 | + | ||
769 | +} | ||
770 | + | ||
771 | + | ||
772 | +.footer{ | ||
773 | + width:100%; | ||
774 | + position: relative; | ||
775 | +} | ||
776 | +.backtop{ | ||
777 | + width:63px; | ||
778 | + height:53px; | ||
779 | + font-size: 0; | ||
780 | + position: absolute; | ||
781 | + top:-46px; | ||
782 | + left:50%; | ||
783 | + transform: translateX(-50%); | ||
784 | +} | ||
785 | + | ||
786 | +.footeritem{ | ||
787 | + position: relative; | ||
788 | + padding-right:21px ; | ||
789 | + box-sizing: border-box; | ||
790 | + width:335px; | ||
791 | + | ||
792 | + | ||
793 | + /*width:25%;*/ | ||
794 | + | ||
795 | + /*float:left*/ | ||
796 | +} | ||
797 | +.footeritem:after{ | ||
798 | + display:block; | ||
799 | + content:''; | ||
800 | + width:1px; | ||
801 | + height:104px; | ||
802 | + background: #FED298; | ||
803 | + position: absolute; | ||
804 | + right:0px; | ||
805 | + bottom:0 | ||
806 | + | ||
807 | + } | ||
808 | +.zuo{ | ||
809 | + width:240px; | ||
810 | + display:flex; | ||
811 | + flex-direction: column; | ||
812 | + justify-content: center; | ||
813 | + align-items: flex-end; | ||
814 | +} | ||
815 | +.zuo:after{ | ||
816 | + display:block; | ||
817 | + content:''; | ||
818 | + width:1px; | ||
819 | + height:104px; | ||
820 | + background: #FED298; | ||
821 | + position: absolute; | ||
822 | + right:0px; | ||
823 | + bottom:0 | ||
824 | +} | ||
825 | + | ||
826 | + .footeritem:last-child:after{ | ||
827 | + display:block; | ||
828 | + content:''; | ||
829 | + width:1px; | ||
830 | + height:104px; | ||
831 | + background: transparent; | ||
832 | + position: absolute; | ||
833 | + right:0; | ||
834 | + bottom:0 | ||
835 | + } | ||
836 | + .footeritem:last-child{ | ||
837 | + padding-right: 0; | ||
838 | + } | ||
839 | +.footeritemtop{ | ||
840 | + width:140px; | ||
841 | + height:119px; | ||
842 | + font-size: 0; | ||
843 | + margin:0 auto 18px; | ||
844 | +} | ||
845 | +.footeritembottom{ | ||
846 | + width:240px; | ||
847 | + /*overflow: hidden;*/ | ||
848 | + display:flex; | ||
849 | + align-items: center; | ||
850 | + justify-content: center; | ||
851 | +} | ||
852 | +.footebimg{ | ||
853 | + width:40px; | ||
854 | + height:40px; | ||
855 | + font-size: 0; | ||
856 | + /*float:left;*/ | ||
857 | + margin-right:16px; | ||
858 | +} | ||
859 | +.footebimg:last-child{ | ||
860 | + margin-right:0; | ||
861 | + margin-left:5px; | ||
862 | +} | ||
863 | +.lianbox { | ||
864 | + margin-top: 30px; | ||
865 | + color: #FFFFFF; | ||
866 | + font-size: 12px; | ||
867 | + opacity: 0.8; | ||
868 | + height:85px; | ||
869 | + | ||
870 | +} | ||
871 | +.liantopname{ | ||
872 | + color:#FED298; | ||
873 | + font-size: 26px; | ||
874 | + font-weight: bold; | ||
875 | + | ||
876 | +} | ||
877 | +.liantopengname{ | ||
878 | + color:#FFFFFF; | ||
879 | + font-size: 15px; | ||
880 | + margin-top:5px; | ||
881 | +} | ||
882 | + | ||
883 | +.footimgk{ | ||
884 | + width:75px; | ||
885 | + height:75px; | ||
886 | + font-size:0 | ||
887 | +} | ||
888 | +.footname{ | ||
889 | + color:#FFFFFF; | ||
890 | + font-size:12px; | ||
891 | + text-align: center; | ||
892 | + margin-top:10px; | ||
893 | + width:75px; | ||
894 | + text-align: center; | ||
895 | +} | ||
896 | +.footimglist{ | ||
897 | + width:99px; | ||
898 | + | ||
899 | + float:left; | ||
900 | + padding-left: 31px; | ||
901 | + box-sizing: border-box; | ||
902 | +} | ||
903 | +.pictu{ | ||
904 | + overflow: hidden; | ||
905 | + margin-top:52px; | ||
906 | + | ||
907 | +} | ||
908 | +.number{ | ||
909 | + color:#fff; | ||
910 | + font-size: 17px; | ||
911 | + font-weight: bold; | ||
912 | + white-space: nowrap; | ||
913 | +} | ||
914 | +.lianboxitem{ | ||
915 | + | ||
916 | + margin-bottom:5px; | ||
917 | +} | ||
918 | +.youxiang{ | ||
919 | + width:259px; | ||
920 | + word-break: break-all; | ||
921 | + line-height: 1.5; | ||
922 | +} | ||
923 | + | ||
924 | +.connectfoot{ | ||
925 | + width:320px; | ||
926 | + padding: 0 31px ; | ||
927 | + box-sizing: border-box; | ||
928 | +} | ||
929 | +.hotline{ | ||
930 | + width:261px; | ||
931 | + padding: 0 31px; | ||
932 | + box-sizing: border-box; | ||
933 | +} | ||
934 | +.footerbottom{ | ||
935 | + width:100%; | ||
936 | + height:55px; | ||
937 | + background: #fff; | ||
938 | +} | ||
939 | +.footerbottombox{ | ||
940 | + width:1329px; | ||
941 | + margin:21px auto 0; | ||
942 | + display: -moz-box; | ||
943 | + display: -webkit-box; | ||
944 | + display: -ms-flexbox; | ||
945 | + display: -webkit-flex; | ||
946 | + display: flex; | ||
947 | + -moz-box-align: center; | ||
948 | + -webkit-box-align: center; | ||
949 | + -ms-flex-align: center; | ||
950 | + -webkit-align-items: center; | ||
951 | + align-items: center; | ||
952 | + -moz-box-pack: center; | ||
953 | + -webkit-box-pack: center; | ||
954 | + -ms-flex-pack: center; | ||
955 | + -webkit-justify-content: space-between; | ||
956 | + justify-content: space-between; | ||
957 | + -moz-box-pack: space-between; | ||
958 | + -webkit-box-pack: space-between; | ||
959 | + box-pack: space-between; | ||
960 | +} | ||
961 | +.footerbottomleft{ | ||
962 | + color:#4D4D4D; | ||
963 | + font-size: 12px; | ||
964 | +} | ||
965 | +.footerbottomright{ | ||
966 | + color:#4D4D4D; | ||
967 | + font-size: 12px; | ||
968 | + display:flex; | ||
969 | + align-items: center; | ||
970 | +} | ||
971 | +.rightitem{ | ||
972 | + padding: 0 5px; | ||
973 | + border-right: 1px solid #4D4D4D; | ||
974 | +} | ||
975 | +.rightitem:last-child{ | ||
976 | + border-right:none; | ||
977 | +} | ||
978 | +/*同福印象*/ | ||
979 | +.kbix{ | ||
980 | + width:100%; | ||
981 | + height:200px; | ||
982 | + background: #fff; | ||
983 | +} | ||
984 | +.yinxiang{ | ||
985 | + min-width: 1200px; | ||
986 | +} | ||
987 | +.yinxiangtop{ | ||
988 | + width:100%; | ||
989 | + height:62px; | ||
990 | + background:#C81A27 ; | ||
991 | +} | ||
992 | +.yinxiangtopname{ | ||
993 | + width:1200px; | ||
994 | + margin:0 auto; | ||
995 | + color:#FED298; | ||
996 | + font-size: 20px; | ||
997 | + line-height: 62px; | ||
998 | +} | ||
999 | +.tongfubox{ | ||
1000 | + width:1200px; | ||
1001 | + margin:127px auto 0; | ||
1002 | + display: -moz-box; | ||
1003 | + display: -webkit-box; | ||
1004 | + display: -ms-flexbox; | ||
1005 | + display: -webkit-flex; | ||
1006 | + display: flex; | ||
1007 | +} | ||
1008 | +.tongfuyinbox{ | ||
1009 | + margin-top:65px; | ||
1010 | +} | ||
1011 | +.tongfuboxleft{ | ||
1012 | + width:230px; | ||
1013 | + margin-top:10px; | ||
1014 | +} | ||
1015 | +.tongfuboxleftitem{ | ||
1016 | + color:#666666; | ||
1017 | + font-size: 22px; | ||
1018 | + margin-bottom:60px; | ||
1019 | + | ||
1020 | +} | ||
1021 | +.tongfuboxright{ | ||
1022 | + width:900px; | ||
1023 | +} | ||
1024 | +.tongfuyinitem{ | ||
1025 | + | ||
1026 | + height:263px; | ||
1027 | + | ||
1028 | + position: relative; | ||
1029 | + margin-top:48px; | ||
1030 | + margin-left:170px; | ||
1031 | +} | ||
1032 | +.yinone{ | ||
1033 | + width:698px; | ||
1034 | + background: #D34852; | ||
1035 | +} | ||
1036 | +.yintwo{ | ||
1037 | + width:605px; | ||
1038 | + background: #CEAF81; | ||
1039 | +} | ||
1040 | +.yinthree{ | ||
1041 | + width:605px; | ||
1042 | + background: #CEAF81; | ||
1043 | +} | ||
1044 | +.tongfuyinitemimg{ | ||
1045 | + width:578px; | ||
1046 | + height:260px; | ||
1047 | + font-size: 0; | ||
1048 | + position: absolute; | ||
1049 | + bottom:31px; | ||
1050 | + left:-171px; | ||
1051 | + | ||
1052 | +} | ||
1053 | +.tongfutextk{ | ||
1054 | + width:204px; | ||
1055 | + position: absolute; | ||
1056 | + right:40px; | ||
1057 | + top:30px; | ||
1058 | + display:none; | ||
1059 | + line-height: 28px; | ||
1060 | + | ||
1061 | +} | ||
1062 | +.tongfutexttop{ | ||
1063 | + color:#FFFFFF; | ||
1064 | + font-size: 30px; | ||
1065 | + font-weight: bold; | ||
1066 | +} | ||
1067 | +.tongfutextcontent{ | ||
1068 | + width:204px; | ||
1069 | + color:#FFFFFF; | ||
1070 | + font-size:14px; | ||
1071 | + margin-top:33px; | ||
1072 | + | ||
1073 | +} | ||
1074 | +.wenhuaword{ | ||
1075 | + color:#FFFFFF; | ||
1076 | + font-size: 30px; | ||
1077 | + position: absolute; | ||
1078 | + top:108px; | ||
1079 | + right:34px; | ||
1080 | +} | ||
1081 | +.moren{ | ||
1082 | + | ||
1083 | +} | ||
1084 | +.morenactive{ | ||
1085 | + display:none | ||
1086 | +} | ||
1087 | +.intro{ | ||
1088 | + | ||
1089 | +} | ||
1090 | +.introactive{ | ||
1091 | + display:none | ||
1092 | +} | ||
1093 | +.introtop{ | ||
1094 | + display: -moz-box; | ||
1095 | + display: -webkit-box; | ||
1096 | + display: -ms-flexbox; | ||
1097 | + display: -webkit-flex; | ||
1098 | + display: flex; | ||
1099 | + -webkit-justify-content: space-between; | ||
1100 | + justify-content: space-between; | ||
1101 | + -moz-box-pack: space-between; | ||
1102 | + -webkit-box-pack: space-between; | ||
1103 | + box-pack: space-between; | ||
1104 | + margin-top:47px; | ||
1105 | + width:866px; | ||
1106 | +} | ||
1107 | +.introtopleft{ | ||
1108 | + width:422px; | ||
1109 | + height:257px; | ||
1110 | + display: -webkit-box; | ||
1111 | + -webkit-box-orient: vertical; | ||
1112 | + -webkit-line-clamp: 8; | ||
1113 | + overflow: hidden; | ||
1114 | + color:#C29B61; | ||
1115 | + font-size: 16px; | ||
1116 | + line-height: 28px; | ||
1117 | + | ||
1118 | +} | ||
1119 | +.introtoprightimg { | ||
1120 | + width: 401px; | ||
1121 | + height: 251px; | ||
1122 | + font-size: 0; | ||
1123 | + position: relative; | ||
1124 | +} | ||
1125 | +.introwrap{ | ||
1126 | + width:100%; | ||
1127 | + height:100%; | ||
1128 | + background: #21364C; | ||
1129 | + opacity: 0.8; | ||
1130 | + position:absolute; | ||
1131 | + top:0; | ||
1132 | + left:0 | ||
1133 | +} | ||
1134 | +.introwrapanniu{ | ||
1135 | + width:82px; | ||
1136 | + height:82px; | ||
1137 | + font-size: 0; | ||
1138 | + position: absolute; | ||
1139 | + top:50%; | ||
1140 | + left:50%; | ||
1141 | + transform: translate(-50%,-50%); | ||
1142 | +} | ||
1143 | +.introimg{ | ||
1144 | + width:866px; | ||
1145 | + height:125px; | ||
1146 | + font-size: 0; | ||
1147 | + margin-top:51px; | ||
1148 | +} | ||
1149 | +.introtext{ | ||
1150 | + color:#989898; | ||
1151 | + font-size: 16px; | ||
1152 | + margin-top:55px; | ||
1153 | + line-height:28px; | ||
1154 | +} | ||
1155 | +.introtextitem{ | ||
1156 | + text-indent:20px; | ||
1157 | + margin-bottom:20px | ||
1158 | +} | ||
1159 | +.dongshitext{ | ||
1160 | + | ||
1161 | +} | ||
1162 | +.dongshitexttop{ | ||
1163 | + color:#C29B61; | ||
1164 | + font-size: 16px; | ||
1165 | + text-indent: 20px; | ||
1166 | + margin-bottom:20px; | ||
1167 | + line-height: 28px; | ||
1168 | + | ||
1169 | +} | ||
1170 | +.dongshitem{ | ||
1171 | + color:#989898; | ||
1172 | + font-size: 16px; | ||
1173 | + text-indent: 20px; | ||
1174 | + margin-bottom:20px; | ||
1175 | + line-height: 28px; | ||
1176 | +} | ||
1177 | +.tongfukbox{ | ||
1178 | + color:#666666; | ||
1179 | + font-size: 16px; | ||
1180 | + margin-top:23px; | ||
1181 | + display:none | ||
1182 | +} | ||
1183 | +.tongfukboxitem{ | ||
1184 | + margin-bottom:35px | ||
1185 | +} | ||
1186 | +.tongfukactive{ | ||
1187 | + color:#C81A27 | ||
1188 | +} | ||
1189 | +.tongmingactive{ | ||
1190 | + color:#C81A27 | ||
1191 | +} | ||
1192 | +.qiyebox{ | ||
1193 | + width:866px; | ||
1194 | + height:1324px; | ||
1195 | + font-size: 0; | ||
1196 | + margin-top:50px; | ||
1197 | +} | ||
1198 | +.qiyeactive{ | ||
1199 | + display:none | ||
1200 | +} | ||
1201 | +.zhoudianboxtop{ | ||
1202 | + color:#C29B61; | ||
1203 | + font-size: 20px; | ||
1204 | + margin-top:26px; | ||
1205 | +} | ||
1206 | +.zhoudianboxitem{ | ||
1207 | + display: -moz-box; | ||
1208 | + display: -webkit-box; | ||
1209 | + display: -ms-flexbox; | ||
1210 | + display: -webkit-flex; | ||
1211 | + display: flex; | ||
1212 | + margin-top:39px; | ||
1213 | + justify-content: space-between; | ||
1214 | + -webkit-justify-content: space-between; | ||
1215 | + justify-content: space-between; | ||
1216 | + -moz-box-pack: space-between; | ||
1217 | + -webkit-box-pack: space-between; | ||
1218 | + box-pack: space-between; | ||
1219 | + | ||
1220 | + | ||
1221 | +} | ||
1222 | +.zhoudianboxitemleft{ | ||
1223 | + width:430px; | ||
1224 | + height:300px; | ||
1225 | + | ||
1226 | +} | ||
1227 | +.zhoudianleftitem{ | ||
1228 | + color:#989898; | ||
1229 | + font-size: 16px; | ||
1230 | + text-indent: 20px; | ||
1231 | + margin-bottom:20px; | ||
1232 | +} | ||
1233 | +.zhoudianboxitemright{ | ||
1234 | + width:387px; | ||
1235 | + height:296px; | ||
1236 | + font-size: 0; | ||
1237 | +} | ||
1238 | +.bookname{ | ||
1239 | + color:#C29B61; | ||
1240 | + font-size: 20px; | ||
1241 | + margin-top:101px; | ||
1242 | +} | ||
1243 | +.bookimg{ | ||
1244 | + width:866px; | ||
1245 | + height:422px; | ||
1246 | + font-size: 0; | ||
1247 | + margin-top:40px; | ||
1248 | +} | ||
1249 | +.zhoudianactive{ | ||
1250 | + display:none | ||
1251 | +} | ||
1252 | +.zhouculturebox{ | ||
1253 | + width:870px; | ||
1254 | + margin-top:45px; | ||
1255 | +} | ||
1256 | +.zhoucultureboxtop{ | ||
1257 | + color:#C29B61; | ||
1258 | + font-size: 20px; | ||
1259 | + | ||
1260 | +} | ||
1261 | +.zhoucultureitem{ | ||
1262 | + display: -moz-box; | ||
1263 | + display: -webkit-box; | ||
1264 | + display: -ms-flexbox; | ||
1265 | + display: -webkit-flex; | ||
1266 | + display: flex; | ||
1267 | + -webkit-justify-content: space-between; | ||
1268 | + justify-content: space-between; | ||
1269 | + -moz-box-pack: space-between; | ||
1270 | + -webkit-box-pack: space-between; | ||
1271 | + box-pack: space-between; | ||
1272 | + color:#989898; | ||
1273 | + font-size: 16px; | ||
1274 | + margin-top:34px; | ||
1275 | +} | ||
1276 | +.zhoucultureitemleft{ | ||
1277 | + width:414px; | ||
1278 | + height:243px; | ||
1279 | +} | ||
1280 | +.zhoucultureitemleftitem{ | ||
1281 | + text-indent: 20px; | ||
1282 | + margin-bottom:20px; | ||
1283 | + font-size: 16px; | ||
1284 | + line-height: 1.5; | ||
1285 | +} | ||
1286 | +.zhoucultureitemright{ | ||
1287 | + width:382px; | ||
1288 | + height:242px; | ||
1289 | + font-size: 0; | ||
1290 | +} | ||
1291 | + | ||
1292 | +.bowuword{ | ||
1293 | + margin-top:77px; | ||
1294 | +} | ||
1295 | +.bowuwordtext{ | ||
1296 | + color:#C29B61; | ||
1297 | + font-size: 20px; | ||
1298 | +} | ||
1299 | +.bowuwordcontent{ | ||
1300 | + color:#989898; | ||
1301 | + font-size: 16px; | ||
1302 | + text-indent: 20px; | ||
1303 | + margin-top:34px; | ||
1304 | + line-height: 1.5; | ||
1305 | +} | ||
1306 | +.bowuimg{ | ||
1307 | + margin-top:46px; | ||
1308 | +} | ||
1309 | +.bowuimgtop{ | ||
1310 | + width:870px; | ||
1311 | + height:300px; | ||
1312 | + font-size: 0; | ||
1313 | +} | ||
1314 | +.guantext{ | ||
1315 | + color:#989898; | ||
1316 | + font-size:16px; | ||
1317 | + margin-top:15px; | ||
1318 | + text-align: center; | ||
1319 | +} | ||
1320 | +.zhoubox{ | ||
1321 | + display: -moz-box; | ||
1322 | + display: -webkit-box; | ||
1323 | + display: -ms-flexbox; | ||
1324 | + display: -webkit-flex; | ||
1325 | + display: flex; | ||
1326 | + -moz-box-align: center; | ||
1327 | + -webkit-box-align: center; | ||
1328 | + -ms-flex-align: center; | ||
1329 | + -webkit-align-items: center; | ||
1330 | + align-items: center; | ||
1331 | + -moz-box-pack: center; | ||
1332 | + -webkit-box-pack: center; | ||
1333 | + -ms-flex-pack: center; | ||
1334 | + -webkit-justify-content: space-between; | ||
1335 | + justify-content: space-between; | ||
1336 | + -moz-box-pack: space-between; | ||
1337 | + -webkit-box-pack: space-between; | ||
1338 | + box-pack: space-between; | ||
1339 | + margin-top:46px; | ||
1340 | +} | ||
1341 | +.zhoulefttop{ | ||
1342 | + width:363px; | ||
1343 | + height:240px; | ||
1344 | + font-size: 0; | ||
1345 | + | ||
1346 | +} | ||
1347 | +.zhoutext{ | ||
1348 | + color:#989898; | ||
1349 | + font-size: 16px; | ||
1350 | + width:363px; | ||
1351 | + text-align: center; | ||
1352 | + margin-top:15px; | ||
1353 | +} | ||
1354 | +.zhourightimg{ | ||
1355 | + width:472px; | ||
1356 | + height:240px; | ||
1357 | + font-size: 0; | ||
1358 | +} | ||
1359 | +.neigu{ | ||
1360 | + width:472px; | ||
1361 | +} | ||
1362 | +.zhoucultureactive{ | ||
1363 | + display:none | ||
1364 | +} | ||
1365 | +.nongzhantop{ | ||
1366 | + color:#C29B61; | ||
1367 | + font-size: 16px; | ||
1368 | + line-height:28px; | ||
1369 | + text-indent: 20px; | ||
1370 | + margin-top:47px; | ||
1371 | +} | ||
1372 | +.nochangitemright{ | ||
1373 | + | ||
1374 | + float:left; | ||
1375 | + margin-left:21px; | ||
1376 | + | ||
1377 | +} | ||
1378 | +.rightimg{ | ||
1379 | + width:506px; | ||
1380 | + height:760px; | ||
1381 | +} | ||
1382 | + | ||
1383 | +.nongchanimg{ | ||
1384 | + margin-top:51px; | ||
1385 | + overflow: hidden; | ||
1386 | +} | ||
1387 | +.nongchanimgleft{ | ||
1388 | + width:336px; | ||
1389 | + float:left; | ||
1390 | + | ||
1391 | +} | ||
1392 | +.nongchanleftimgnboxtop{ | ||
1393 | + width:336px; | ||
1394 | + height:224px; | ||
1395 | + font-size: 0; | ||
1396 | +} | ||
1397 | +.nongchantext{ | ||
1398 | + width:336px; | ||
1399 | + color:#989898; | ||
1400 | + font-size: 16px; | ||
1401 | + margin:12px 0 12px; | ||
1402 | + text-align: center; | ||
1403 | +} | ||
1404 | +.nongchanlefimgbox{ | ||
1405 | + | ||
1406 | +} | ||
1407 | +.nongzhanactive{ | ||
1408 | + display:none | ||
1409 | +} | ||
1410 | +.nongtunongimgbox{ | ||
1411 | + width:871px; | ||
1412 | + margin-top:38px; | ||
1413 | +} | ||
1414 | +.nongtunongimg{ | ||
1415 | + width:871px; | ||
1416 | + height:1500px; | ||
1417 | + font-size: 0; | ||
1418 | + | ||
1419 | +} | ||
1420 | +.kejiimg{ | ||
1421 | + width:871px; | ||
1422 | + height:1500px; | ||
1423 | + font-size:0 | ||
1424 | +} | ||
1425 | +.kejiimgbox{ | ||
1426 | + margin-top:38px; | ||
1427 | + width:871px; | ||
1428 | +} | ||
1429 | +.yinlingactive{ | ||
1430 | + display:none | ||
1431 | +} | ||
1432 | +.hezuobox{ | ||
1433 | + width:871px; | ||
1434 | + margin-top:38px; | ||
1435 | +} | ||
1436 | +.hezuoimg{ | ||
1437 | + width:871px; | ||
1438 | + height:1500px; | ||
1439 | + font-size: 0; | ||
1440 | +} | ||
1441 | +.nongyeyanactive{ | ||
1442 | + display:none | ||
1443 | +} | ||
1444 | +.chanxueyanactive{ | ||
1445 | + display:none | ||
1446 | +} | ||
1447 | +.shipinyanzctive{ | ||
1448 | + display:none | ||
1449 | +} | ||
1450 | +.jiankangactive{ | ||
1451 | + display:none | ||
1452 | +} | ||
1453 | +.hezuoimg{ | ||
1454 | + width:871px; | ||
1455 | + height:1500px; | ||
1456 | + font-size: 0; | ||
1457 | +} | ||
1458 | +.hezuobox{ | ||
1459 | + width:871px; | ||
1460 | + margin-top:38px | ||
1461 | +} | ||
1462 | +.wenhua{ | ||
1463 | + display:none | ||
1464 | +} | ||
1465 | +.yinqing{ | ||
1466 | + display:none | ||
1467 | +} | ||
1468 | +.yinkactive{ | ||
1469 | + /*display:none*/ | ||
1470 | +} | ||
1471 | +/*同福产业*/ | ||
1472 | +.tongfuimgbox{ | ||
1473 | + margin-top:46px; | ||
1474 | +} | ||
1475 | +.tongfuimgboxitem{ | ||
1476 | + width:800px; | ||
1477 | + height:276px; | ||
1478 | + font-size: 0; | ||
1479 | + margin-bottom:26px; | ||
1480 | +} | ||
1481 | +.healthbox{ | ||
1482 | + display: -moz-box; | ||
1483 | + display: -webkit-box; | ||
1484 | + display: -ms-flexbox; | ||
1485 | + display: -webkit-flex; | ||
1486 | + display: flex; | ||
1487 | + -moz-box-align: center; | ||
1488 | + -webkit-box-align: center; | ||
1489 | + -ms-flex-align: center; | ||
1490 | + -webkit-align-items: center; | ||
1491 | + align-items: center; | ||
1492 | + -moz-box-pack: center; | ||
1493 | + -webkit-box-pack: center; | ||
1494 | + -ms-flex-pack: center; | ||
1495 | + | ||
1496 | + -webkit-justify-content: space-between; | ||
1497 | + justify-content: space-between; | ||
1498 | + -moz-box-pack: space-between; | ||
1499 | + -webkit-box-pack: space-between; | ||
1500 | + box-pack: space-between; | ||
1501 | + width:870px; | ||
1502 | + margin-top:48px; | ||
1503 | +} | ||
1504 | +.healthboxitem{ | ||
1505 | + width:125px; | ||
1506 | + height:125px; | ||
1507 | + background: #CBCBCB; | ||
1508 | + color:#fff; | ||
1509 | + font-size:24px ; | ||
1510 | + font-weight: bold; | ||
1511 | + display: -moz-box; | ||
1512 | + display: -webkit-box; | ||
1513 | + display: -ms-flexbox; | ||
1514 | + display: -webkit-flex; | ||
1515 | + display: flex; | ||
1516 | + flex-direction:column; | ||
1517 | + -moz-box-align: center; | ||
1518 | + -webkit-box-align: center; | ||
1519 | + -ms-flex-align: center; | ||
1520 | + -webkit-align-items: center; | ||
1521 | + align-items: center; | ||
1522 | + -moz-box-pack: center; | ||
1523 | + -webkit-box-pack: center; | ||
1524 | + -ms-flex-pack: center; | ||
1525 | + | ||
1526 | + -webkit-justify-content: center; | ||
1527 | + justify-content: center; | ||
1528 | + -moz-box-pack: center; | ||
1529 | + -webkit-box-pack: center; | ||
1530 | + box-pack: center; | ||
1531 | +} | ||
1532 | +.tongboxactive{ | ||
1533 | + display:none | ||
1534 | +} | ||
1535 | +.wanzhoubox{ | ||
1536 | + width:870px; | ||
1537 | + display: -moz-box; | ||
1538 | + display: -webkit-box; | ||
1539 | + display: -ms-flexbox; | ||
1540 | + display: -webkit-flex; | ||
1541 | + display: flex; | ||
1542 | + | ||
1543 | + -moz-box-align: center; | ||
1544 | + -webkit-box-align: center; | ||
1545 | + -ms-flex-align: center; | ||
1546 | + -webkit-align-items: center; | ||
1547 | + align-items: center; | ||
1548 | + -moz-box-pack: center; | ||
1549 | + -webkit-box-pack: center; | ||
1550 | + -ms-flex-pack: center; | ||
1551 | + justify-content: space-between; | ||
1552 | + | ||
1553 | + | ||
1554 | + flex-wrap: wrap; | ||
1555 | + margin-top:75px; | ||
1556 | +} | ||
1557 | +.wanzhouboxitem{ | ||
1558 | + | ||
1559 | + margin-bottom:40px; | ||
1560 | +} | ||
1561 | +.wanzhouboxitemtop{ | ||
1562 | + width:240px; | ||
1563 | + height:240px; | ||
1564 | + font-size: 0; | ||
1565 | +} | ||
1566 | +.wanzhouboxitembottom{ | ||
1567 | + width:240px; | ||
1568 | + height:118px; | ||
1569 | + background:#F0F0F0 ; | ||
1570 | + padding: 0 20px; | ||
1571 | + box-sizing: border-box; | ||
1572 | + overflow: hidden; | ||
1573 | +} | ||
1574 | + | ||
1575 | +.fanqie{ | ||
1576 | + background: #fff; | ||
1577 | + margin-top:20px; | ||
1578 | +} | ||
1579 | +.wanzhouboxitembottomactive{ | ||
1580 | + background: #C81A27; | ||
1581 | + color:#fff; | ||
1582 | +} | ||
1583 | +.wanzhouname{ | ||
1584 | + color:#666666; | ||
1585 | + font-size:18px; | ||
1586 | + text-align: center; | ||
1587 | + margin-top:18px; | ||
1588 | +} | ||
1589 | +.wnazhoutitle{ | ||
1590 | + color:#666666; | ||
1591 | + font-size: 13px; | ||
1592 | + text-align: center; | ||
1593 | + margin-top:10px; | ||
1594 | + | ||
1595 | +} | ||
1596 | +.wandetail{ | ||
1597 | + width:80px; | ||
1598 | + height:26px; | ||
1599 | + color:#fff; | ||
1600 | + font-size: 14px; | ||
1601 | + text-align: center; | ||
1602 | + line-height: 26px; | ||
1603 | + background:#C81A27; | ||
1604 | + margin:12px auto; | ||
1605 | + | ||
1606 | +} | ||
1607 | + | ||
1608 | +.wanzhounameactive,.wnazhoutitleactive{ | ||
1609 | + color:#fff; | ||
1610 | +} | ||
1611 | +.wandetailactive{ | ||
1612 | + color:#C81A27; | ||
1613 | + background: #fff; | ||
1614 | +} | ||
1615 | +.mainhealth{ | ||
1616 | + display:none | ||
1617 | +} | ||
1618 | +.guanactive{ | ||
1619 | + display:none | ||
1620 | +} | ||
1621 | +.wanactive{ | ||
1622 | + display:none | ||
1623 | +} | ||
1624 | +.yinpinactive{ | ||
1625 | + display:none | ||
1626 | +} | ||
1627 | +.tangboxitem{ | ||
1628 | + display: -moz-box; | ||
1629 | + display: -webkit-box; | ||
1630 | + display: -ms-flexbox; | ||
1631 | + display: -webkit-flex; | ||
1632 | + display: flex; | ||
1633 | + margin-top:68px; | ||
1634 | +} | ||
1635 | +.tangboxitemtext{ | ||
1636 | + width:403px; | ||
1637 | + | ||
1638 | + margin-top:44px; | ||
1639 | + color:#989898; | ||
1640 | + font-size: 16px; | ||
1641 | + line-height: 28px; | ||
1642 | +} | ||
1643 | +.tangboxcontent{ | ||
1644 | + height:115px; | ||
1645 | + display: -webkit-box; | ||
1646 | + -webkit-box-orient: vertical; | ||
1647 | + -webkit-line-clamp: 4; | ||
1648 | + overflow: hidden; | ||
1649 | +} | ||
1650 | + | ||
1651 | +.uprow{ | ||
1652 | + transform: rotate(180deg); | ||
1653 | +} | ||
1654 | +.tangboxitemleft{ | ||
1655 | + width:345px; | ||
1656 | + height:232px; | ||
1657 | + font-size: 0; | ||
1658 | +} | ||
1659 | +.tangboxitemright{ | ||
1660 | + margin-left:40px | ||
1661 | +} | ||
1662 | +.tangboxitemname{ | ||
1663 | + width:106px; | ||
1664 | + height:32px; | ||
1665 | + background:#349FD5 ; | ||
1666 | + color:#fff; | ||
1667 | + font-size: 18px; | ||
1668 | + text-align: center; | ||
1669 | + line-height: 32px; | ||
1670 | + margin-top:12px; | ||
1671 | +} | ||
1672 | +.zhankai{ | ||
1673 | + width:403px; | ||
1674 | + display: -moz-box; | ||
1675 | + display: -webkit-box; | ||
1676 | + display: -ms-flexbox; | ||
1677 | + display: -webkit-flex; | ||
1678 | + display: flex; | ||
1679 | + -moz-box-align: center; | ||
1680 | + -webkit-box-align: center; | ||
1681 | + -ms-flex-align: center; | ||
1682 | + -webkit-align-items: center; | ||
1683 | + align-items: center; | ||
1684 | + -moz-box-pack: center; | ||
1685 | + -webkit-box-pack: center; | ||
1686 | + -ms-flex-pack: center; | ||
1687 | + justify-content: flex-end; | ||
1688 | + | ||
1689 | + -webkit-justify-content: flex-end; | ||
1690 | + justify-content: flex-end; | ||
1691 | + -moz-box-pack: flex-end; | ||
1692 | + -webkit-box-pack: flex-end; | ||
1693 | + box-pack: flex-end; | ||
1694 | +} | ||
1695 | +.shou{ | ||
1696 | + display:none | ||
1697 | +} | ||
1698 | +.zhankaileft{ | ||
1699 | + width:20px; | ||
1700 | + height:15px; | ||
1701 | + font-size: 0; | ||
1702 | +} | ||
1703 | + | ||
1704 | +.open{ | ||
1705 | + color:#C29B61; | ||
1706 | + font-size: 16px; | ||
1707 | + margin-left:10px; | ||
1708 | +} | ||
1709 | +.weimian{ | ||
1710 | + background: #00A13C; | ||
1711 | +} | ||
1712 | +.weifen{ | ||
1713 | + background: #D46B6D; | ||
1714 | +} | ||
1715 | +.weizhou{ | ||
1716 | + background: #E0B000; | ||
1717 | +} | ||
1718 | +.tangniaoactive{ | ||
1719 | + display:none | ||
1720 | +} | ||
1721 | + | ||
1722 | +.gaotieactive{ | ||
1723 | + display:none | ||
1724 | +} | ||
1725 | +.tongfuhealth{ | ||
1726 | + display:none | ||
1727 | +} | ||
1728 | +.chanactive{ | ||
1729 | + /*display:none*/ | ||
1730 | +} | ||
1731 | +.lianxiusboxtop{ | ||
1732 | + display: -moz-box; | ||
1733 | + display: -webkit-box; | ||
1734 | + display: -ms-flexbox; | ||
1735 | + display: -webkit-flex; | ||
1736 | + display: flex; | ||
1737 | + -moz-box-align: center; | ||
1738 | + -webkit-box-align: center; | ||
1739 | + -ms-flex-align: center; | ||
1740 | + -webkit-align-items: center; | ||
1741 | + align-items: center; | ||
1742 | + -moz-box-pack: center; | ||
1743 | + -webkit-box-pack: center; | ||
1744 | + -ms-flex-pack: center; | ||
1745 | + | ||
1746 | +} | ||
1747 | +.lianxiusboxtopitem{ | ||
1748 | + width:199px; | ||
1749 | + height:126px; | ||
1750 | + background: #CBCBCB; | ||
1751 | + margin-right:23px; | ||
1752 | + display:flex; | ||
1753 | + color:#FFFFFF; | ||
1754 | + font-size: 20px; | ||
1755 | + flex-direction:column; | ||
1756 | + justify-content: center; | ||
1757 | + align-items: center; | ||
1758 | + | ||
1759 | + | ||
1760 | +} | ||
1761 | +.lianxiusboxtop{ | ||
1762 | + margin-top:47px; | ||
1763 | +} | ||
1764 | +.addressitem{ | ||
1765 | + display: -moz-box; | ||
1766 | + display: -webkit-box; | ||
1767 | + display: -ms-flexbox; | ||
1768 | + display: -webkit-flex; | ||
1769 | + display: flex; | ||
1770 | + align-items: center; | ||
1771 | +} | ||
1772 | +.addressitem{ | ||
1773 | + display: -moz-box; | ||
1774 | + display: -webkit-box; | ||
1775 | + display: -ms-flexbox; | ||
1776 | + display: -webkit-flex; | ||
1777 | + display: flex; | ||
1778 | + -moz-box-align: center; | ||
1779 | + -webkit-box-align: center; | ||
1780 | + -ms-flex-align: center; | ||
1781 | + -webkit-align-items: center; | ||
1782 | + align-items: center; | ||
1783 | + -moz-box-pack: center; | ||
1784 | + -webkit-box-pack: center; | ||
1785 | + -ms-flex-pack: center; | ||
1786 | + margin-bottom:37px; | ||
1787 | +} | ||
1788 | +.addressitemleft{ | ||
1789 | + color:#C29B61; | ||
1790 | + font-size: 20px; | ||
1791 | +} | ||
1792 | +.addressitemright{ | ||
1793 | + color:#CDCDCD; | ||
1794 | + font-size: 20px; | ||
1795 | +} | ||
1796 | +.addressbox{ | ||
1797 | + margin-top:100px; | ||
1798 | +} | ||
1799 | +.connectcode{ | ||
1800 | + display: -moz-box; | ||
1801 | + display: -webkit-box; | ||
1802 | + display: -ms-flexbox; | ||
1803 | + display: -webkit-flex; | ||
1804 | + display: flex; | ||
1805 | + -moz-box-align: center; | ||
1806 | + -webkit-box-align: center; | ||
1807 | + -ms-flex-align: center; | ||
1808 | + -webkit-align-items: center; | ||
1809 | + align-items: center; | ||
1810 | + -moz-box-pack: center; | ||
1811 | + -webkit-box-pack: center; | ||
1812 | + -ms-flex-pack: center; | ||
1813 | +} | ||
1814 | +.itemtopimg{ | ||
1815 | + width:146px; | ||
1816 | + height:146px; | ||
1817 | + font-size: 0; | ||
1818 | +} | ||
1819 | +.itemtopname{ | ||
1820 | + width:146px; | ||
1821 | + text-align: center; | ||
1822 | + margin-top:27px; | ||
1823 | + color:#666666; | ||
1824 | + font-size:21px; | ||
1825 | +} | ||
1826 | +.connectcodeitem{ | ||
1827 | + display: -moz-box; | ||
1828 | + display: -webkit-box; | ||
1829 | + display: -ms-flexbox; | ||
1830 | + display: -webkit-flex; | ||
1831 | + display: flex; | ||
1832 | + flex-direction:column; | ||
1833 | + align-items: center; | ||
1834 | + -webkit-justify-content: space-between; | ||
1835 | + justify-content: space-between; | ||
1836 | + -moz-box-pack: space-between; | ||
1837 | + -webkit-box-pack: space-between; | ||
1838 | + box-pack: space-between; | ||
1839 | + margin-right:28px; | ||
1840 | + | ||
1841 | + | ||
1842 | +} | ||
1843 | +/*.lianxiusactive{*/ | ||
1844 | +/* display:none*/ | ||
1845 | +/*}*/ | ||
1846 | + | ||
1847 | +.leavemessageitemleft{ | ||
1848 | + color:#666666; | ||
1849 | + font-size: 18px; | ||
1850 | +} | ||
1851 | +.leavemassageitemright{ | ||
1852 | + width:704px; | ||
1853 | + border:1px solid #dedede; | ||
1854 | + border-radius:4px; | ||
1855 | + | ||
1856 | +} | ||
1857 | +.leavemassageitemright input{ | ||
1858 | + width:100%; | ||
1859 | + background: transparent; | ||
1860 | + border:none; | ||
1861 | + outline:none; | ||
1862 | + color:#666; | ||
1863 | + font-size:18px; | ||
1864 | + padding: 4px; | ||
1865 | + box-sizing: border-box; | ||
1866 | +} | ||
1867 | + | ||
1868 | +.leavemassageitemright textarea{ | ||
1869 | + width:100%; | ||
1870 | + height:100%; | ||
1871 | + padding: 3px; | ||
1872 | + box-sizing: border-box; | ||
1873 | + background: transparent; | ||
1874 | + border:none; | ||
1875 | + outline:none; | ||
1876 | + color:#666; | ||
1877 | + font-size:20px; | ||
1878 | +} | ||
1879 | +.xing{ | ||
1880 | + color:#C81A27; | ||
1881 | + font-size: 20px; | ||
1882 | +} | ||
1883 | +/*在线留言*/ | ||
1884 | +.leavemessage{ | ||
1885 | + margin-top:46px; | ||
1886 | +} | ||
1887 | +.leavemessgeitem{ | ||
1888 | + display: flex; | ||
1889 | + align-items: center; | ||
1890 | + justify-content: space-between; | ||
1891 | + width:868px; | ||
1892 | + height:62px; | ||
1893 | + background:#F2F2F2; | ||
1894 | + padding: 22px; | ||
1895 | + box-sizing: border-box; | ||
1896 | + margin-bottom:13px; | ||
1897 | +} | ||
1898 | + .messagenei{ | ||
1899 | + display: flex; | ||
1900 | + | ||
1901 | + justify-content: space-between; | ||
1902 | + width:868px; | ||
1903 | + height:242px; | ||
1904 | + background:#F2F2F2; | ||
1905 | + padding: 22px; | ||
1906 | + box-sizing: border-box; | ||
1907 | + margin-bottom:13px; | ||
1908 | + } | ||
1909 | + | ||
1910 | +.yanzhengma{ | ||
1911 | + display: flex; | ||
1912 | + align-items: center; | ||
1913 | + margin-bottom:13px; | ||
1914 | +} | ||
1915 | + | ||
1916 | +.yanzhengmaleft{ | ||
1917 | + display: flex; | ||
1918 | + align-items: center; | ||
1919 | + justify-content: space-between; | ||
1920 | + width:550px; | ||
1921 | + height:62px; | ||
1922 | + background:#F2F2F2; | ||
1923 | + padding: 22px; | ||
1924 | + box-sizing: border-box; | ||
1925 | + | ||
1926 | +} | ||
1927 | +.leavecontent{ | ||
1928 | + width:98px; | ||
1929 | + letter-spacing:8px; | ||
1930 | +} | ||
1931 | +.yanzhengleft{ | ||
1932 | + display:flex; | ||
1933 | + align-items: center; | ||
1934 | +} | ||
1935 | +.leaveinput{ | ||
1936 | + width:261px; | ||
1937 | + border:1px solid #dedede; | ||
1938 | + | ||
1939 | +} | ||
1940 | +.leaveinput input{ | ||
1941 | + width:100%; | ||
1942 | + height:100%; | ||
1943 | + border:none; | ||
1944 | + outline:none; | ||
1945 | + background: transparent; | ||
1946 | + padding: 4px; | ||
1947 | + box-sizing: border-box; | ||
1948 | + color:#666; | ||
1949 | + font-size:18px; | ||
1950 | +} | ||
1951 | +.yanzhengmaright{ | ||
1952 | + width:195px; | ||
1953 | + height:62px; | ||
1954 | + background:#F2F2F2 ; | ||
1955 | + color:#666; | ||
1956 | + font-size: 18px; | ||
1957 | + text-align: center; | ||
1958 | + line-height: 62px; | ||
1959 | + margin-left:13px; | ||
1960 | +} | ||
1961 | +.leavebtn{ | ||
1962 | + display:flex; | ||
1963 | + align-items: center; | ||
1964 | + justify-content: center; | ||
1965 | + margin-top:44px; | ||
1966 | +} | ||
1967 | +.leavebtnleft{ | ||
1968 | + width:143px; | ||
1969 | + height:41px; | ||
1970 | + color:#fff; | ||
1971 | + font-size: 20px; | ||
1972 | + text-align: center; | ||
1973 | + line-height: 41px; | ||
1974 | + background: #C81A27; | ||
1975 | + | ||
1976 | +} | ||
1977 | +.leavebtnright{ | ||
1978 | + width:143px; | ||
1979 | + height:41px; | ||
1980 | + font-size: 20px; | ||
1981 | + text-align: center; | ||
1982 | + line-height: 41px; | ||
1983 | + color:#fff; | ||
1984 | + background: #666666; | ||
1985 | + margin-left:14px; | ||
1986 | +} | ||
1987 | +.connectactive{ | ||
1988 | + /*display:none*/ | ||
1989 | +} | ||
1990 | +.liuyan,.dowmload{ | ||
1991 | + display:none | ||
1992 | +} | ||
1993 | +.downbox{ | ||
1994 | + margin-top:58px; | ||
1995 | +} | ||
1996 | +.downboximg{ | ||
1997 | + width:860px; | ||
1998 | + height:403px; | ||
1999 | + font-size: 0; | ||
2000 | + margin-bottom:34px; | ||
2001 | +} | ||
2002 | +.downbtn{ | ||
2003 | + margin-top:100px; | ||
2004 | +} | ||
2005 | +.rongcontentitemtop{ | ||
2006 | + width:245px; | ||
2007 | + height:65px; | ||
2008 | + background: #F1F1F1; | ||
2009 | + color:#989898; | ||
2010 | + font-size: 14px; | ||
2011 | + text-align: center; | ||
2012 | + line-height:65px ; | ||
2013 | + padding: 0 14px; | ||
2014 | + box-sizing: border-box; | ||
2015 | +} | ||
2016 | + | ||
2017 | +.rongcontentimg{ | ||
2018 | + width:245px; | ||
2019 | + height:213px; | ||
2020 | + font-size: 0; | ||
2021 | +} | ||
2022 | +.rongcontentimg img{ | ||
2023 | + display: block; | ||
2024 | + width: 100%; | ||
2025 | + height: 100%; | ||
2026 | + transition: all 1s; | ||
2027 | +} | ||
2028 | +.rongcontentimg img:hover{ | ||
2029 | + transition: transform .5s ease-out; | ||
2030 | + -o-transition: transform .5s ease-out; | ||
2031 | + -webkit-transition: transform .5s ease-out; | ||
2032 | + -moz-transition: transform .5s ease-out; | ||
2033 | + transform: scale(1.2); | ||
2034 | + -ms-transform: scale(1.2); | ||
2035 | + -webkit-transform: scale(1.2); | ||
2036 | +} | ||
2037 | +.rongcontentitem{ | ||
2038 | + margin-bottom:54px; | ||
2039 | + margin-right:52px; | ||
2040 | +} | ||
2041 | +.rongcontent{ | ||
2042 | + display:flex; | ||
2043 | + align-items: center; | ||
2044 | + flex-wrap: wrap; | ||
2045 | + margin-top:57px; | ||
2046 | +} | ||
2047 | +.rongyuboxactive{ | ||
2048 | + /*display:none*/ | ||
2049 | +} | ||
2050 | +.rongyucontentitemtop{ | ||
2051 | + width:412px; | ||
2052 | + height:267px; | ||
2053 | + font-size: 0; | ||
2054 | +} | ||
2055 | +.rongyucontentitembottom{ | ||
2056 | + width:412px; | ||
2057 | +} | ||
2058 | +.datetop{ | ||
2059 | + display:flex; | ||
2060 | + align-items: center; | ||
2061 | + justify-content: space-between; | ||
2062 | +} | ||
2063 | +.datetopleft{ | ||
2064 | + color:#989898; | ||
2065 | + | ||
2066 | +} | ||
2067 | +.rongyucontent{ | ||
2068 | + display:flex; | ||
2069 | + align-items: center; | ||
2070 | + flex-wrap: wrap; | ||
2071 | + margin-top:52px; | ||
2072 | +} | ||
2073 | +.rongyucontentitem{ | ||
2074 | + margin-right:30px; | ||
2075 | + margin-bottom:37px; | ||
2076 | +} | ||
2077 | +.rongyucontentitembottom{ | ||
2078 | + width:412px; | ||
2079 | + height:100px; | ||
2080 | + background:#F1F1F1 ; | ||
2081 | + padding: 24px 12px; | ||
2082 | + box-sizing: border-box; | ||
2083 | +} | ||
2084 | +.datetop{ | ||
2085 | + display:flex; | ||
2086 | + align-items: center; | ||
2087 | + justify-content: space-between; | ||
2088 | +} | ||
2089 | +.datetopleft{ | ||
2090 | + color:#989898; | ||
2091 | + font-size: 14px; | ||
2092 | +} | ||
2093 | +.datetpright{ | ||
2094 | + width:63px; | ||
2095 | + height:21px; | ||
2096 | + background:#989898 ; | ||
2097 | + color:#fff; | ||
2098 | + font-size: 14px; | ||
2099 | + text-align: center; | ||
2100 | + line-height: 21px; | ||
2101 | + | ||
2102 | +} | ||
2103 | +.yearitemtop{ | ||
2104 | + width:870px; | ||
2105 | + height:97px; | ||
2106 | + background: #F1F1F1; | ||
2107 | + color:#C29B61; | ||
2108 | + font-size: 43px; | ||
2109 | + line-height: 97px; | ||
2110 | + padding: 0 32px; | ||
2111 | + box-sizing: border-box; | ||
2112 | + margin-bottom:49px; | ||
2113 | +} | ||
2114 | +.datetext{ | ||
2115 | + color:#989898; | ||
2116 | + font-size: 14px; | ||
2117 | + margin-top:10px; | ||
2118 | +} | ||
2119 | +.yearcontent{ | ||
2120 | + width:870px; | ||
2121 | +} | ||
2122 | +.yearitembox{ | ||
2123 | + display:flex; | ||
2124 | + align-items: center; | ||
2125 | + flex-wrap: wrap; | ||
2126 | + justify-content: space-between; | ||
2127 | +} | ||
2128 | +.yearitemboxitem{ | ||
2129 | + /*margin-right:23px;*/ | ||
2130 | + margin-bottom:14px; | ||
2131 | +} | ||
2132 | +.yearitemboxitemimg{ | ||
2133 | + width:268px; | ||
2134 | + height:178px; | ||
2135 | + font-size: 0; | ||
2136 | +} | ||
2137 | +.yearitemboxitemtext{ | ||
2138 | + width:268px; | ||
2139 | + height:178px; | ||
2140 | + font-size: 0; | ||
2141 | +} | ||
2142 | +.yearitemboxitemtext{ | ||
2143 | + height:66px; | ||
2144 | + width:268px; | ||
2145 | + background:#F1F1F1 ; | ||
2146 | + /*padding: 16px 0;*/ | ||
2147 | + /*box-sizing: border-box;*/ | ||
2148 | +} | ||
2149 | +.yearitemboxitemtop{ | ||
2150 | + color:#666; | ||
2151 | + font-size:14px; | ||
2152 | + text-align: center; | ||
2153 | + margin-top:10px; | ||
2154 | + | ||
2155 | +} | ||
2156 | +.yearitembox{ | ||
2157 | + display:none | ||
2158 | +} | ||
2159 | +.guanhuaiactive{ | ||
2160 | + display:none | ||
2161 | +} | ||
2162 | +.tongfuboxactive{ | ||
2163 | + display:none | ||
2164 | +} | ||
2165 | +.newscontenttop{ | ||
2166 | + width:870px; | ||
2167 | + display:flex; | ||
2168 | + align-items: center; | ||
2169 | + justify-content: flex-end; | ||
2170 | +} | ||
2171 | +.newscontenttopi{ | ||
2172 | + display:flex; | ||
2173 | + align-items: center; | ||
2174 | + justify-content: space-between; | ||
2175 | + width:86px; | ||
2176 | + height:24px; | ||
2177 | + border:1px solid #989898; | ||
2178 | + color:#989898; | ||
2179 | + font-size: 16px; | ||
2180 | + padding: 0 12px; | ||
2181 | + box-sizing: border-box; | ||
2182 | +} | ||
2183 | +.newsrowtop{ | ||
2184 | + width:12px; | ||
2185 | + height:20px; | ||
2186 | + font-size: 0; | ||
2187 | +} | ||
2188 | +.newsrow{ | ||
2189 | + margin-left:10px; | ||
2190 | +} | ||
2191 | +.xiarow{ | ||
2192 | + margin-bottom:20px; | ||
2193 | + height:10px; | ||
2194 | +} | ||
2195 | +.shangrow{ | ||
2196 | + margin-top:20px; | ||
2197 | + height:10px; | ||
2198 | +} | ||
2199 | +.newscontentyou{ | ||
2200 | + margin-left:2px | ||
2201 | +} | ||
2202 | + | ||
2203 | +.newscontentpageitem{ | ||
2204 | + display:flex; | ||
2205 | + margin-top:51px; | ||
2206 | + | ||
2207 | +} | ||
2208 | +.newscontentpageitemleft{ | ||
2209 | + width:202px; | ||
2210 | + height:140px; | ||
2211 | + font-size: 0; | ||
2212 | + | ||
2213 | +} | ||
2214 | +.newscontentpageitemmiddle{ | ||
2215 | + color:#989898; | ||
2216 | + font-size: 16px; | ||
2217 | + margin-left:46px; | ||
2218 | +} | ||
2219 | +.newsitemtop{ | ||
2220 | + margin-top:11px; | ||
2221 | +} | ||
2222 | +.newsitemmiddle{ | ||
2223 | + margin-top:11px; | ||
2224 | +} | ||
2225 | +.newsitembottom{ | ||
2226 | + width:500px; | ||
2227 | + overflow: hidden; | ||
2228 | + text-overflow: ellipsis; | ||
2229 | + white-space: nowrap; | ||
2230 | + margin-top:6px; | ||
2231 | +} | ||
2232 | + | ||
2233 | +.righttop{ | ||
2234 | + color:#989898; | ||
2235 | + font-size: 24px; | ||
2236 | +} | ||
2237 | +.rightmiddle{ | ||
2238 | + color:#989898; | ||
2239 | + font-size: 16px; | ||
2240 | + margin-top:10px; | ||
2241 | + text-align: center; | ||
2242 | +} | ||
2243 | +.rightbottom{ | ||
2244 | + width:80px; | ||
2245 | + height:26px; | ||
2246 | + background: #C81A27; | ||
2247 | + color: #ffffff; | ||
2248 | + text-align: center; | ||
2249 | + line-height: 26px; | ||
2250 | + margin-top:10px; | ||
2251 | +} | ||
2252 | +.newscontentitempageright{ | ||
2253 | + margin-left:50px; | ||
2254 | +} | ||
2255 | +.newsactive{ | ||
2256 | + /*display:none*/ | ||
2257 | +} | ||
2258 | +.tongfuhang,.tongfujian{ | ||
2259 | + display:none | ||
2260 | +} | ||
2261 | +.boxactive{ | ||
2262 | + display:none | ||
2263 | +} | ||
2264 | +.tongfurongactive{ | ||
2265 | + /*display:none*/ | ||
2266 | +} | ||
2267 | +.yinxiangactive{ | ||
2268 | + /*display:none*/ | ||
2269 | +} | ||
2270 | +.hangkongactive{ | ||
2271 | + display:none | ||
2272 | +} | ||
2273 | +.nongyechanpinactive{ | ||
2274 | + /*display:none*/ | ||
2275 | +} | ||
2276 | +.nongyebox{ | ||
2277 | + width:870px; | ||
2278 | + | ||
2279 | + display:flex; | ||
2280 | + align-items: center; | ||
2281 | + justify-content: space-between; | ||
2282 | + margin-top:46px; | ||
2283 | + | ||
2284 | +} | ||
2285 | +.nongyeboxitem{ | ||
2286 | + width:254px; | ||
2287 | + height:126px; | ||
2288 | + background:#CBCBCB ; | ||
2289 | + color:#fff; | ||
2290 | + font-size: 24px; | ||
2291 | + text-align: center; | ||
2292 | + line-height:126px ; | ||
2293 | +} | ||
2294 | +.shengtaiyangzhi{ | ||
2295 | + width:870px; | ||
2296 | + margin-top:77px; | ||
2297 | +} | ||
2298 | +.shengtaiimg{ | ||
2299 | + width:870px; | ||
2300 | + height:1000px; | ||
2301 | + font-size: 0; | ||
2302 | +} | ||
2303 | +.yangzhi{ | ||
2304 | + color:#C29B61; | ||
2305 | + font-size: 20px; | ||
2306 | +} | ||
2307 | +.nongyeboxitemactive{ | ||
2308 | + background: #C81A27; | ||
2309 | + color:#fff; | ||
2310 | +} | ||
2311 | +.yangguo,.yangliang,.yangsheng{ | ||
2312 | + display:none | ||
2313 | +} | ||
2314 | +.liansuobox{ | ||
2315 | + width:870px; | ||
2316 | + display:flex; | ||
2317 | + align-items: center; | ||
2318 | + justify-content: space-between; | ||
2319 | + margin-top:45px | ||
2320 | +} | ||
2321 | +.lainsuoboxitem{ | ||
2322 | + width:189px; | ||
2323 | + height:126px; | ||
2324 | + background: #CBCBCB; | ||
2325 | + color:#fff; | ||
2326 | + font-size: 24px; | ||
2327 | + display:flex; | ||
2328 | + flex-direction: column; | ||
2329 | + align-items: center; | ||
2330 | + justify-content: center; | ||
2331 | +} | ||
2332 | +.nongyechanyeactive{ | ||
2333 | + display:none | ||
2334 | +} | ||
2335 | +.yangguo,.yangliang{ | ||
2336 | + display:none | ||
2337 | +} | ||
2338 | +.liansuomain{ | ||
2339 | + /*display:none*/ | ||
2340 | +} | ||
2341 | +.liansuomainbox{ | ||
2342 | + width:870px; | ||
2343 | + margin-top:45px; | ||
2344 | +} | ||
2345 | +.lainsuomainimg{ | ||
2346 | + width:870px; | ||
2347 | + height:1000px; | ||
2348 | + font-size: 0; | ||
2349 | +} | ||
2350 | +.yingyangactive{ | ||
2351 | + display:none | ||
2352 | +} | ||
2353 | +.zhoupuactive,.zhoupuactive,.mantougongfangactive,.centerchufangactive{ | ||
2354 | + display:none | ||
2355 | +} | ||
2356 | +.lainsuoboxitemactive{ | ||
2357 | + background: #C81A27; | ||
2358 | + color:#fff; | ||
2359 | +} | ||
2360 | +.tongfuliansuoactive{ | ||
2361 | + display:none | ||
2362 | +} | ||
2363 | +.dichanbox{ | ||
2364 | + width:870px; | ||
2365 | + margin-top:45px; | ||
2366 | +} | ||
2367 | +.dichanboximg{ | ||
2368 | + width:870px; | ||
2369 | + height:1000px; | ||
2370 | + font-size: 0; | ||
2371 | +} | ||
2372 | +/*.shangyeactive,.kangyangactive{*/ | ||
2373 | +/* display:none*/ | ||
2374 | +/*}*/ | ||
2375 | +.kangyangbox{ | ||
2376 | + width:870px; | ||
2377 | + display:flex; | ||
2378 | + align-items: center; | ||
2379 | + justify-content: space-between; | ||
2380 | + margin-top:45px; | ||
2381 | +} | ||
2382 | +.kangyangboxitem{ | ||
2383 | + width:253px; | ||
2384 | + height:126px; | ||
2385 | + background: #CBCBCB; | ||
2386 | + color:#fff; | ||
2387 | + font-size: 24px; | ||
2388 | + text-align: center; | ||
2389 | + line-height: 126px; | ||
2390 | +} | ||
2391 | +.kangyangboxitemactive{ | ||
2392 | + background:#C81A27 ; | ||
2393 | + color:#fff; | ||
2394 | + | ||
2395 | +} | ||
2396 | +.kangyangindexacitive{ | ||
2397 | + display:none | ||
2398 | +} | ||
2399 | +.kangyangactive{ | ||
2400 | + display:none | ||
2401 | +} | ||
2402 | +.hangzixun,.jianshenghuo{ | ||
2403 | + display:none | ||
2404 | +} | ||
2405 | +.kangyang{ | ||
2406 | + display:none | ||
2407 | +} | ||
2408 | +.dichan,.shangye,.yangkangzhu{ | ||
2409 | + display:none | ||
2410 | +} | ||
2411 | +.connectimg{ | ||
2412 | + width:199px; | ||
2413 | + height:126px; | ||
2414 | + font-size: 0; | ||
2415 | + position: relative; | ||
2416 | + margin-right:23px; | ||
2417 | +} | ||
2418 | +.lianxiusboxtopitemactive{ | ||
2419 | + background:#C81A27; | ||
2420 | + color:#fff; | ||
2421 | + position: absolute; | ||
2422 | + top:57px; | ||
2423 | + left:0 | ||
2424 | + | ||
2425 | +} | ||
2426 | +.connectimg{ | ||
2427 | + display:none | ||
2428 | +} | ||
2429 | +.liannongactive{ | ||
2430 | + background:#C81A27; | ||
2431 | + color:#fff; | ||
2432 | +} | ||
2433 | +.agricultureimg{ | ||
2434 | + width:630px; | ||
2435 | + height:286px; | ||
2436 | + font-size: 0; | ||
2437 | + position:relative; | ||
2438 | + margin-bottom:20px; | ||
2439 | + overflow: hidden; | ||
2440 | +} | ||
2441 | +.nongkimg{ | ||
2442 | + width:800px; | ||
2443 | + | ||
2444 | +} | ||
2445 | +.agricultureboxm{ | ||
2446 | + width:327px; | ||
2447 | + height:286px; | ||
2448 | + position: absolute; | ||
2449 | + right:65px; | ||
2450 | + top:0; | ||
2451 | + display:flex; | ||
2452 | + align-items: center; | ||
2453 | + | ||
2454 | +} | ||
2455 | +.nongyeyouimg{ | ||
2456 | + right:-28px; | ||
2457 | +} | ||
2458 | +.tupian{ | ||
2459 | + position: absolute; | ||
2460 | + right:0; | ||
2461 | + top:0; | ||
2462 | +} | ||
2463 | +.move{ | ||
2464 | + animation:mymove 3s infinite; | ||
2465 | + -webkit-animation:mymove 3s | ||
2466 | +} | ||
2467 | +@keyframes mymove | ||
2468 | +{ | ||
2469 | + from {right:-100px;} | ||
2470 | + to {right:0px;} | ||
2471 | +} | ||
2472 | + | ||
2473 | +@-webkit-keyframes mymove /*Safari and Chrome*/ | ||
2474 | +{ | ||
2475 | + from {right:-100px;} | ||
2476 | + to {right:0px;} | ||
2477 | +} | ||
2478 | +.go{ | ||
2479 | + animation:mygo 3s infinite; | ||
2480 | + -webkit-animation:mygo 3s | ||
2481 | +} | ||
2482 | +@keyframes mygo | ||
2483 | +{ | ||
2484 | + from { | ||
2485 | + opcity: 1; | ||
2486 | + } | ||
2487 | + to { | ||
2488 | + opacity: 0; | ||
2489 | + } | ||
2490 | + | ||
2491 | +} | ||
2492 | + | ||
2493 | +@-webkit-keyframes mygo /*Safari and Chrome*/ | ||
2494 | +{ | ||
2495 | + from { | ||
2496 | + opcity: 1; | ||
2497 | + } | ||
2498 | + to { | ||
2499 | + opacity: 0; | ||
2500 | + } | ||
2501 | + | ||
2502 | +} | ||
2503 | +.agriculturebox{ | ||
2504 | + margin-top:48px; | ||
2505 | +} | ||
2506 | +.agricultureboxleft{ | ||
2507 | + width:65px; | ||
2508 | + height:286px; | ||
2509 | + background: #CEAB67; | ||
2510 | + opacity: 0.8; | ||
2511 | + display:flex; | ||
2512 | + align-items: center; | ||
2513 | + justify-content: center; | ||
2514 | +} | ||
2515 | +.nongyeleft{ | ||
2516 | + height:295px; | ||
2517 | +} | ||
2518 | +.agricultureboxleftimg{ | ||
2519 | + width:44px; | ||
2520 | + height:44px; | ||
2521 | + font-size: 0; | ||
2522 | + | ||
2523 | +} | ||
2524 | +.agricultureboxname{ | ||
2525 | + width:234px; | ||
2526 | + height:286px; | ||
2527 | + background: #CEAF81; | ||
2528 | + color:#fff; | ||
2529 | + font-size:30px; | ||
2530 | + text-align: center; | ||
2531 | + line-height: 285px; | ||
2532 | +} | ||
2533 | +.nongyename{ | ||
2534 | + height:295px; | ||
2535 | +} | ||
2536 | +.agricultureyangzhi{ | ||
2537 | + width:800px; | ||
2538 | + height:286px; | ||
2539 | + position: absolute; | ||
2540 | + top:0; | ||
2541 | + right:0; | ||
2542 | + display:flex; | ||
2543 | + align-items: center; | ||
2544 | + z-index:99999 | ||
2545 | +} | ||
2546 | + | ||
2547 | +.agricultureyleft{ | ||
2548 | + width:565px; | ||
2549 | + height:286px; | ||
2550 | + background: #CD565A; | ||
2551 | + display:flex; | ||
2552 | + align-items: center; | ||
2553 | + | ||
2554 | +} | ||
2555 | +.agricultureybox{ | ||
2556 | + width:69px; | ||
2557 | + height:290px; | ||
2558 | + | ||
2559 | + display:flex; | ||
2560 | + align-items: center; | ||
2561 | + justify-content: center; | ||
2562 | +} | ||
2563 | +.agricultureyleftimg{ | ||
2564 | + width:69px; | ||
2565 | + height:286px; | ||
2566 | + display:flex; | ||
2567 | + align-items: center; | ||
2568 | + justify-content: center; | ||
2569 | +} | ||
2570 | +.agricultureyleftimg{ | ||
2571 | + width:44px; | ||
2572 | + height:44px; | ||
2573 | + font-size: 0; | ||
2574 | + | ||
2575 | +} | ||
2576 | +.agricultureytext{ | ||
2577 | + width:456px; | ||
2578 | + height:191px; | ||
2579 | + color:#fff; | ||
2580 | + font-size: 16px; | ||
2581 | + line-height: 1.5; | ||
2582 | + display: -webkit-box; | ||
2583 | + -webkit-box-orient: vertical; | ||
2584 | + -webkit-line-clamp: 7; | ||
2585 | + overflow: hidden; | ||
2586 | + | ||
2587 | +} | ||
2588 | +.agricultureyboxname{ | ||
2589 | + width:236px; | ||
2590 | + height:286px; | ||
2591 | + background: #D34852; | ||
2592 | + opacity: 0.8; | ||
2593 | + display:flex; | ||
2594 | + align-items: center; | ||
2595 | + justify-content: center; | ||
2596 | + color:#fff; | ||
2597 | + font-size: 30px; | ||
2598 | +} | ||
2599 | +.newsright{ | ||
2600 | + display:flex; | ||
2601 | + align-items: center; | ||
2602 | + padding: 0 13px 0 30px; | ||
2603 | + box-sizing: border-box; | ||
2604 | +} | ||
2605 | +.newscontentpageitemmiddleactive{ | ||
2606 | + background:#C81A27 ; | ||
2607 | + color:#fff; | ||
2608 | +} | ||
2609 | +.rightbottomactive{ | ||
2610 | + color:#C81A27; | ||
2611 | + background: #fff; | ||
2612 | +} | ||
2613 | +.newsnameactive{ | ||
2614 | + color:#fff | ||
2615 | +} | ||
2616 | +.newsboxdetal{ | ||
2617 | + width:870px; | ||
2618 | + margin-top:45px; | ||
2619 | +} | ||
2620 | +.newsoximg{ | ||
2621 | + width:870px; | ||
2622 | + height:1000px; | ||
2623 | + font-size: 0; | ||
2624 | +} | ||
2625 | +.newsdetail{ | ||
2626 | + display:none | ||
2627 | +} | ||
2628 | + | ||
2629 | +.congyuactive{ | ||
2630 | + background: #C81A27; | ||
2631 | + color:#fff; | ||
2632 | +} | ||
2633 | +.datetprightactive{ | ||
2634 | + color:#C81A27; | ||
2635 | + background: #fff; | ||
2636 | +} | ||
2637 | +.textactive{ | ||
2638 | + color:#fff; | ||
2639 | +} | ||
2640 | +.guanhuaibox{ | ||
2641 | + width:870px; | ||
2642 | + margin-top:45px; | ||
2643 | +} | ||
2644 | +.guanhuaiboximg{ | ||
2645 | + width:870px; | ||
2646 | + height:1000px; | ||
2647 | + font-size: 0; | ||
2648 | +} | ||
2649 | +.lingdaoguandetail{ | ||
2650 | + display:none | ||
2651 | +} | ||
2652 | +.yearitemtop{ | ||
2653 | + display:flex; | ||
2654 | + align-items: center; | ||
2655 | +} | ||
2656 | +.rowjin{ | ||
2657 | + width:36px; | ||
2658 | + height:30px; | ||
2659 | + font-size: 0; | ||
2660 | +} | ||
2661 | +.rowjin img{ | ||
2662 | + display:block | ||
2663 | +} | ||
2664 | +.rowdate{ | ||
2665 | + margin-left:5px; | ||
2666 | +} | ||
2667 | +.yourowimg{ | ||
2668 | + transform: rotate(-90deg); | ||
2669 | +} | ||
2670 | +.xiarowtt{ | ||
2671 | + display:none | ||
2672 | +} | ||
2673 | +#myPage1{ | ||
2674 | + margin-top:40px; | ||
2675 | +} | ||
2676 | +.healthboxitemactive{ | ||
2677 | + background:#C81A27; | ||
2678 | + color:#fff; | ||
2679 | +} | ||
2680 | +.shangleft{ | ||
2681 | + background: #A11522; | ||
2682 | + opacity: 0.8; | ||
2683 | +} | ||
2684 | +.shangname{ | ||
2685 | + background: #D34852; | ||
2686 | +} | ||
2687 | +#myPage3{ | ||
2688 | + margin-top:40px; | ||
2689 | +} | ||
2690 | +.rongyu{ | ||
2691 | + position:relative; | ||
2692 | +} | ||
2693 | +.seemoremany{ | ||
2694 | + width:80px; | ||
2695 | + height:25px; | ||
2696 | + color:#fff; | ||
2697 | + font-size:13px; | ||
2698 | + text-align: center; | ||
2699 | + line-height: 25px; | ||
2700 | + background:#C41C27 ; | ||
2701 | + position: absolute; | ||
2702 | + bottom:20px; | ||
2703 | + right:190px; | ||
2704 | +} | ||
2705 | +.rongcontentitemtopactive{ | ||
2706 | + background:#C81A27; | ||
2707 | + color:#fff; | ||
2708 | +} | ||
2709 | +.yellowname{ | ||
2710 | + color:#EEBE9B | ||
2711 | +} | ||
2712 | +.yellowbox{ | ||
2713 | + display:none | ||
2714 | +} | ||
2715 | +.redblock{ | ||
2716 | + display:none | ||
2717 | +} | ||
2718 | +.chanyerightactive img{ | ||
2719 | + display: block; | ||
2720 | + width: 100%; | ||
2721 | + height: 100%; | ||
2722 | + | ||
2723 | + | ||
2724 | + transition: transform .5s ease-out; | ||
2725 | + -o-transition: transform .5s ease-out; | ||
2726 | + -webkit-transition: transform .5s ease-out; | ||
2727 | + -moz-transition: transform .5s ease-out; | ||
2728 | + transform: scale(1.2); | ||
2729 | + -ms-transform: scale(1.2); | ||
2730 | + -webkit-transform: scale(1.2); | ||
2731 | +} | ||
2732 | +.chanyeboxtongfu{ | ||
2733 | + /*width:801px;*/ | ||
2734 | + width:610px; | ||
2735 | + height:276px; | ||
2736 | + margin-bottom:26px; | ||
2737 | + overflow: hidden; | ||
2738 | + | ||
2739 | +} | ||
2740 | +.chanyeboxtongfuleft{ | ||
2741 | + width:340px; | ||
2742 | + height:276px; | ||
2743 | + z-index:999; | ||
2744 | + display:flex; | ||
2745 | + flex-direction: column; | ||
2746 | + align-items: center; | ||
2747 | + justify-content: center; | ||
2748 | +} | ||
2749 | +.chanyeboxtongfuright{ | ||
2750 | + width:295px; | ||
2751 | + height:276px; | ||
2752 | +} | ||
2753 | +.re { | ||
2754 | + margin-bottom: 9.6px; | ||
2755 | +} | ||
2756 | +.picyanzheng{ | ||
2757 | + background: #fff; | ||
2758 | + height:38px; | ||
2759 | + margin-left:20px; | ||
2760 | + margin-right:20px; | ||
2761 | +} | ||
2762 | +.register{ | ||
2763 | + width:100%; | ||
2764 | + height:100%; | ||
2765 | + background-color: rgba(0, 0, 0, 0.5); | ||
2766 | + position: fixed; | ||
2767 | + top: 0; | ||
2768 | + left: 0; | ||
2769 | + right: 0; | ||
2770 | + z-index:99999; | ||
2771 | + display:none | ||
2772 | +} | ||
2773 | +.video{ | ||
2774 | + /*width:600px;*/ | ||
2775 | + /*height:400px;*/ | ||
2776 | + /*position: absolute;*/ | ||
2777 | + /*top:50%;*/ | ||
2778 | + /*left:50%;*/ | ||
2779 | + /*transform: translate(-50%,-50%);*/ | ||
2780 | + /*z-index:99999999;*/ | ||
2781 | + display:none | ||
2782 | + | ||
2783 | +} | ||
2784 | +video{ | ||
2785 | + border:none; | ||
2786 | + object-fit: fill; | ||
2787 | + | ||
2788 | +} | ||
2789 | + | ||
2790 | +.fanrong{ | ||
2791 | + width:506px; | ||
2792 | +} | ||
2793 | +.yuanliangtop{ | ||
2794 | + color:#C29B61; | ||
2795 | + font-size: 20px; | ||
2796 | + margin-top:81px; | ||
2797 | +} | ||
2798 | +.nongzhoutext{ | ||
2799 | + color:#989898; | ||
2800 | + font-size:16px; | ||
2801 | + line-height: 28px; | ||
2802 | + margin-top:39px; | ||
2803 | + text-indent: 2px; | ||
2804 | +} | ||
2805 | +.yuanliangtopimg{ | ||
2806 | + width:871px; | ||
2807 | + height:503px; | ||
2808 | + font-size: 0; | ||
2809 | + margin-top:50px; | ||
2810 | +} | ||
2811 | +.zhouname{ | ||
2812 | + width:871px; | ||
2813 | + text-align: center; | ||
2814 | + margin-top:15px; | ||
2815 | +} | ||
2816 | +.kejiyinname{ | ||
2817 | + color:#C29B61; | ||
2818 | + font-size: 16px; | ||
2819 | + margin-top:51px; | ||
2820 | +} | ||
2821 | +.kejiyintext{ | ||
2822 | + color:#989898; | ||
2823 | + font-size:16px; | ||
2824 | + line-height:28px; | ||
2825 | + margin-top:30px; | ||
2826 | +} | ||
2827 | +.chanxueyanimg{ | ||
2828 | + width:871px; | ||
2829 | + height:400px; | ||
2830 | + font-size: 0; | ||
2831 | +} | ||
2832 | +.chanxuetext{ | ||
2833 | + color:#C29B61; | ||
2834 | + font-size:16px; | ||
2835 | + margin-top:51px; | ||
2836 | + line-height:28px; | ||
2837 | +} | ||
2838 | +.chanxuecontent{ | ||
2839 | + color:#989898; | ||
2840 | + font-size: 16px; | ||
2841 | + line-height: 28px; | ||
2842 | + text-indent: 2px; | ||
2843 | + margin-top:30px; | ||
2844 | +} | ||
2845 | +.chanxueschool{ | ||
2846 | + color:#C29B61; | ||
2847 | + font-size: 20px; | ||
2848 | + margin-top:58px; | ||
2849 | +} | ||
2850 | +.chanxueyanschool{ | ||
2851 | + width:871px; | ||
2852 | + height:293px; | ||
2853 | + font-size:0; | ||
2854 | + margin-top:29px; | ||
2855 | +} | ||
2856 | +.nongyetext{ | ||
2857 | + color:#C29B61; | ||
2858 | + font-size: 16px; | ||
2859 | + line-height: 28px; | ||
2860 | + margin-top:47px; | ||
2861 | +} | ||
2862 | +.nongyecontent{ | ||
2863 | + color:#989898; | ||
2864 | + font-size:16px; | ||
2865 | + line-height: 28px; | ||
2866 | + margin-top:47px; | ||
2867 | +} | ||
2868 | +.yuanname{ | ||
2869 | + color:#C29B61; | ||
2870 | + font-size: 20px; | ||
2871 | + margin-top:56px; | ||
2872 | +} | ||
2873 | +.yuanimg{ | ||
2874 | + width:871px; | ||
2875 | + height:468px; | ||
2876 | + font-size: 0; | ||
2877 | + margin-top:30px; | ||
2878 | +} | ||
2879 | +.yuantext{ | ||
2880 | + color:#989898; | ||
2881 | + font-size: 16px; | ||
2882 | + margin-top:30px; | ||
2883 | + line-height: 28px; | ||
2884 | +} | ||
2885 | +.shipintop{ | ||
2886 | + color:#C29B61; | ||
2887 | + font-size: 16px; | ||
2888 | + line-height:28px; | ||
2889 | + margin-top:47px; | ||
2890 | +} | ||
2891 | +.chipintext{ | ||
2892 | + color:#989898; | ||
2893 | + font-size: 16px; | ||
2894 | + line-height: 28px; | ||
2895 | + margin-top:30px; | ||
2896 | +} | ||
2897 | +.boshinamek{ | ||
2898 | + color:#C29B61; | ||
2899 | + font-size: 20px; | ||
2900 | + margin-top:47px; | ||
2901 | +} | ||
2902 | +.boshi{ | ||
2903 | + width:871px; | ||
2904 | + height:462px; | ||
2905 | + font-size: 0; | ||
2906 | + margin-top:30px; | ||
2907 | +} | ||
2908 | +.boshiname{ | ||
2909 | + width:871px; | ||
2910 | + height:177px; | ||
2911 | + font-size: 0; | ||
2912 | + margin-top:50px; | ||
2913 | + | ||
2914 | +} | ||
2915 | +.yanfaimg{ | ||
2916 | + width:871px; | ||
2917 | + height:378px; | ||
2918 | + font-size:0; | ||
2919 | + margin-top:46px; | ||
2920 | +} | ||
2921 | +.yanfatext{ | ||
2922 | + color:#C29B61; | ||
2923 | + font-size: 16px; | ||
2924 | + line-height: 28px; | ||
2925 | + margin-top:51px; | ||
2926 | + text-indent: 2px; | ||
2927 | +} | ||
2928 | +.yanfacontent{ | ||
2929 | + color:#989898; | ||
2930 | + font-size: 16px; | ||
2931 | + margin-top:30px; | ||
2932 | + line-height: 28px; | ||
2933 | +} | ||
2934 | +.nongyeimg{ | ||
2935 | + width:871px; | ||
2936 | + height:463px; | ||
2937 | + font-size: 0; | ||
2938 | + margin-top:47px; | ||
2939 | +} | ||
2940 | +.nongyewordimg{ | ||
2941 | + width:871px; | ||
2942 | + height:461px; | ||
2943 | + font-size: 0; | ||
2944 | + margin-top:47px; | ||
2945 | +} | ||
2946 | +.nongyeword{ | ||
2947 | + color:#C29B61; | ||
2948 | + font-size: 16px; | ||
2949 | + line-height:28px; | ||
2950 | + text-indent:2px; | ||
2951 | + margin-top:50px; | ||
2952 | +} | ||
2953 | +.nongyewordtext{ | ||
2954 | + color:#989898; | ||
2955 | + font-size: 16px; | ||
2956 | + text-indent: 2px; | ||
2957 | + line-height: 28px; | ||
2958 | + margin-top:30px; | ||
2959 | +} | ||
2960 | +.xueshengbox{ | ||
2961 | + width:871px; | ||
2962 | + overflow: hidden; | ||
2963 | +} | ||
2964 | +.xueshengleft{ | ||
2965 | + width:415px; | ||
2966 | + height:400px; | ||
2967 | + font-size: 0; | ||
2968 | + float:left; | ||
2969 | +} | ||
2970 | +.xueshengright{ | ||
2971 | + width:420px; | ||
2972 | + height:400px; | ||
2973 | + background:#F7F7F7 ; | ||
2974 | + margin-left:35px; | ||
2975 | + padding: 106px 42px; | ||
2976 | + box-sizing: border-box; | ||
2977 | + color:#C29B61; | ||
2978 | + font-size:20px; | ||
2979 | + line-height: 30px; | ||
2980 | + float:left; | ||
2981 | + display:flex; | ||
2982 | + align-items: center; | ||
2983 | + justify-content: center; | ||
2984 | + | ||
2985 | +} | ||
2986 | +.wucan{ | ||
2987 | + width:871px; | ||
2988 | + height:470px; | ||
2989 | + font-size: 0; | ||
2990 | + margin-top:34px; | ||
2991 | + | ||
2992 | +} | ||
2993 | +.canche{ | ||
2994 | + width:871px; | ||
2995 | + height:470px; | ||
2996 | + font-size: 0; | ||
2997 | + margin-top:34px; | ||
2998 | +} | ||
2999 | +.zhouputext{ | ||
3000 | + color:#C29B61; | ||
3001 | + font-size: 16px; | ||
3002 | + line-height: 28px; | ||
3003 | + margin-top:51px; | ||
3004 | +} | ||
3005 | +.zhouimg{ | ||
3006 | + width:871px; | ||
3007 | + height:400px; | ||
3008 | + font-size: 0; | ||
3009 | + margin-top:58px; | ||
3010 | +} | ||
3011 | +.zhoucontentitemtop{ | ||
3012 | + color:#666666; | ||
3013 | + font-size: 16px; | ||
3014 | + font-weight: bold; | ||
3015 | +} | ||
3016 | +.zhoucontentitemword{ | ||
3017 | + color:#989898; | ||
3018 | + font-size: 14px; | ||
3019 | + margin-top:13px; | ||
3020 | +} | ||
3021 | +.zhoucontent{ | ||
3022 | + width:871px; | ||
3023 | + display:flex; | ||
3024 | + align-items: center; | ||
3025 | + justify-content: space-between; | ||
3026 | + flex-wrap:wrap; | ||
3027 | +} | ||
3028 | +.zhoucontentitem{ | ||
3029 | + margin-top:49px; | ||
3030 | + padding: 0 22px; | ||
3031 | + box-sizing: border-box; | ||
3032 | +} | ||
3033 | +.zhoucontentitemactive{ | ||
3034 | + color:#C81A27 | ||
3035 | +} | ||
3036 | +.zhoucontentitem:nth-child(2n){ | ||
3037 | + border-left:1px solid #BCBCBC; | ||
3038 | + border-right:1px solid #BCBCBC | ||
3039 | +} | ||
3040 | +.mantoutoo{ | ||
3041 | + color:#C29B61; | ||
3042 | + font-size:16px; | ||
3043 | + line-height: 28px; | ||
3044 | + margin-top:50px; | ||
3045 | +} | ||
3046 | +.mantouimg{ | ||
3047 | + width:871px; | ||
3048 | + height:457px; | ||
3049 | + font-size: 0; | ||
3050 | + margin-top:59px; | ||
3051 | +} | ||
3052 | +.mantouimgbox{ | ||
3053 | + overflow: hidden; | ||
3054 | + margin-top:20px; | ||
3055 | +} | ||
3056 | +.mantouimgleft{ | ||
3057 | + width:424px; | ||
3058 | + height:261px; | ||
3059 | + font-size: 0; | ||
3060 | + float:left | ||
3061 | +} | ||
3062 | +.mantouimgright{ | ||
3063 | + margin-left:21px; | ||
3064 | +} | ||
3065 | +.chufangname{ | ||
3066 | + color:#C29B61; | ||
3067 | + font-size: 20px; | ||
3068 | + margin-top:30px; | ||
3069 | +} | ||
3070 | +.chufangone{ | ||
3071 | + width:871px; | ||
3072 | + height:518px; | ||
3073 | + font-size: 0; | ||
3074 | + margin-top:25px; | ||
3075 | +} | ||
3076 | +.dichantop{ | ||
3077 | + width:871px; | ||
3078 | + height:80px; | ||
3079 | + font-size: 0; | ||
3080 | + position: relative; | ||
3081 | + | ||
3082 | +} | ||
3083 | +.dichantext{ | ||
3084 | + width:100%; | ||
3085 | + text-align: center; | ||
3086 | + color:#fff; | ||
3087 | + font-size: 16px; | ||
3088 | + position: absolute; | ||
3089 | + top:50%; | ||
3090 | + left:50%; | ||
3091 | + transform: translate(-50%,-50%); | ||
3092 | + | ||
3093 | +} | ||
3094 | +.dichanimg{ | ||
3095 | + width:871px; | ||
3096 | + height:533px; | ||
3097 | + font-size: 0; | ||
3098 | + position: relative; | ||
3099 | +} | ||
3100 | +.dichanbottom{ | ||
3101 | + width:871px; | ||
3102 | + height:68px; | ||
3103 | + position: absolute; | ||
3104 | + bottom:10px; | ||
3105 | + left:0; | ||
3106 | +} | ||
3107 | +.shangyename{ | ||
3108 | + color:#C29B61; | ||
3109 | + font-size: 16px; | ||
3110 | +} | ||
3111 | +.shangyeimg{ | ||
3112 | + width:871px; | ||
3113 | + height:454px; | ||
3114 | + font-size:0; | ||
3115 | + position: relative; | ||
3116 | +} | ||
3117 | +.shangyeone{ | ||
3118 | + margin-top:57px; | ||
3119 | +} | ||
3120 | +.shangyetwo{ | ||
3121 | + margin-top:28px; | ||
3122 | +} | ||
3123 | +.shangyekuang{ | ||
3124 | + width:284px; | ||
3125 | + height:113px; | ||
3126 | + background:#D3A066 ; | ||
3127 | + opacity: 0.7; | ||
3128 | + position: absolute; | ||
3129 | + right:-42px; | ||
3130 | + bottom:0; | ||
3131 | + color:#fff; | ||
3132 | + font-size: 20px; | ||
3133 | + display:flex; | ||
3134 | + flex-direction: column; | ||
3135 | + align-items: center; | ||
3136 | + justify-content: center; | ||
3137 | +} | ||
3138 | +.kangyangtop{ | ||
3139 | + width:871px; | ||
3140 | + height:103px; | ||
3141 | + font-size: 0; | ||
3142 | + margin-top:50px; | ||
3143 | +} | ||
3144 | +.kangyangtext{ | ||
3145 | + color:#C29B61; | ||
3146 | + font-size: 16px; | ||
3147 | + line-height: 28px; | ||
3148 | + margin-top:50px; | ||
3149 | +} | ||
3150 | +.kangyangimgtwo{ | ||
3151 | + width:871px; | ||
3152 | + height:411px; | ||
3153 | + font-size: 0; | ||
3154 | + margin-top:50px; | ||
3155 | + | ||
3156 | +} | ||
3157 | +.kangyangtitle{ | ||
3158 | + color:#C29B61; | ||
3159 | + font-size: 20px; | ||
3160 | + margin-top:50px; | ||
3161 | +} | ||
3162 | +.kangyangtext{ | ||
3163 | + color:#989898; | ||
3164 | + font-size: 16px; | ||
3165 | + line-height: 28px; | ||
3166 | +} | ||
3167 | +.guanhuaitop{ | ||
3168 | + color:#C29B61; | ||
3169 | + font-size: 20px; | ||
3170 | + margin-top:52px; | ||
3171 | + | ||
3172 | +} | ||
3173 | +.guanhuaitiem{ | ||
3174 | + color:#C29B61; | ||
3175 | + font-size: 12px; | ||
3176 | + text-align: center; | ||
3177 | + margin-top:27px; | ||
3178 | +} | ||
3179 | +.guanhuaiimg{ | ||
3180 | + width:871px; | ||
3181 | + height:550px; | ||
3182 | + font-size:0; | ||
3183 | + margin-top:50px; | ||
3184 | + | ||
3185 | +} | ||
3186 | +.guanhuantitle{ | ||
3187 | + color:#989898; | ||
3188 | + font-size: 14px; | ||
3189 | + margin-top:30px; | ||
3190 | +} | ||
3191 | +.newname{ | ||
3192 | + color:#C29B61; | ||
3193 | + font-size: 20px; | ||
3194 | + text-align: center; | ||
3195 | + margin-top:28px; | ||
3196 | +} | ||
3197 | +.newtime{ | ||
3198 | + color:#C29B61; | ||
3199 | + font-size: 14px; | ||
3200 | + text-align: center; | ||
3201 | + margin-top:28px; | ||
3202 | +} | ||
3203 | +.newcontent{ | ||
3204 | + color:#989898; | ||
3205 | + font-size: 16px; | ||
3206 | + text-indent: 2px; | ||
3207 | + line-height: 18px; | ||
3208 | + margin-top:50px; | ||
3209 | + | ||
3210 | +} | ||
3211 | +.zanzhuimg{ | ||
3212 | + width:213px; | ||
3213 | + height:275px; | ||
3214 | + font-size: 0; | ||
3215 | + margin:53px auto 0; | ||
3216 | + | ||
3217 | +} | ||
3218 | +.zanzhutext{ | ||
3219 | + width:240px; | ||
3220 | + color:#989898; | ||
3221 | + font-size: 16px; | ||
3222 | + margin:23px auto 0; | ||
3223 | + text-align: center; | ||
3224 | +} | ||
3225 | +.zanzhucontent{ | ||
3226 | + color:#989898; | ||
3227 | + font-size: 16px; | ||
3228 | + text-indent: 2px; | ||
3229 | + margin-top:63px; | ||
3230 | + line-height: 28px; | ||
3231 | +} | ||
3232 | +.newsimgone{ | ||
3233 | + width:651px; | ||
3234 | + height:434px; | ||
3235 | + font-size: 0; | ||
3236 | + margin:51px auto 0; | ||
3237 | +} | ||
3238 | +.newstext{ | ||
3239 | + width:651px; | ||
3240 | + color:#989898; | ||
3241 | + font-size:16px; | ||
3242 | + text-align: center; | ||
3243 | + margin:24px auto 0; | ||
3244 | +} | ||
3245 | +.newsimgfour{ | ||
3246 | + width:651px; | ||
3247 | + height:434px; | ||
3248 | + font-size: 0; | ||
3249 | + margin:0 auto 0; | ||
3250 | +} | ||
3251 | +.contextup{ | ||
3252 | + color:#989898; | ||
3253 | + font-size: 16px; | ||
3254 | + margin-top: 100px; | ||
3255 | +} | ||
3256 | +.xia{ | ||
3257 | + color:#989898; | ||
3258 | + font-size: 16px; | ||
3259 | + margin-top: 27px; | ||
3260 | +} | ||
3261 | +.liansuoname{ | ||
3262 | + color:#C29B61; | ||
3263 | + font-size: 20px; | ||
3264 | + margin-top:50px; | ||
3265 | +} | ||
3266 | +.liansuoswiper{ | ||
3267 | + width:871px; | ||
3268 | + height:415px; | ||
3269 | + margin-top:50px; | ||
3270 | + | ||
3271 | +} | ||
3272 | +.chufanglefttop{ | ||
3273 | + color:#C29B61; | ||
3274 | + font-size: 16px; | ||
3275 | + line-height: 28px; | ||
3276 | + text-indent: 2px; | ||
3277 | + margin-top:30px; | ||
3278 | +} | ||
3279 | +.chufangleftbottomtext{ | ||
3280 | + color: #989898; | ||
3281 | + font-size: 16px; | ||
3282 | + line-height: 28px; | ||
3283 | + text-indent: 2px; | ||
3284 | + margin-top:30px; | ||
3285 | +} | ||
3286 | +.chufangbox{ | ||
3287 | + overflow: hidden; | ||
3288 | +} | ||
3289 | +.chufangleft{ | ||
3290 | + float:left; | ||
3291 | + width:555px; | ||
3292 | + | ||
3293 | +} | ||
3294 | +.chufangright{ | ||
3295 | + float:left; | ||
3296 | + width:236px; | ||
3297 | + margin-left:74px | ||
3298 | +} | ||
3299 | +.chufangitemrightitem{ | ||
3300 | + overflow: hidden; | ||
3301 | + border-bottom:1px solid #707071; | ||
3302 | + padding-bottom: 15px; | ||
3303 | + box-sizing: border-box; | ||
3304 | + | ||
3305 | +} | ||
3306 | +.chufangitemleft{ | ||
3307 | + float:left; | ||
3308 | + width:105px; | ||
3309 | + | ||
3310 | +} | ||
3311 | +.can{ | ||
3312 | + color:#707071; | ||
3313 | + font-size:12px; | ||
3314 | + margin-top:20px; | ||
3315 | +} | ||
3316 | +.chufnagitemleftbototm{ | ||
3317 | + overflow: hidden; | ||
3318 | + margin-top:5px; | ||
3319 | +} | ||
3320 | +.cannum{ | ||
3321 | + float:left; | ||
3322 | + font-size:26px; | ||
3323 | + font-weight: bold; | ||
3324 | + color:#C79F62; | ||
3325 | + width:40px; | ||
3326 | + overflow: hidden; | ||
3327 | + text-overflow: ellipsis; | ||
3328 | +} | ||
3329 | +.canword{ | ||
3330 | + color:#707071; | ||
3331 | + font-size: 22px; | ||
3332 | + float:left; | ||
3333 | + margin-left:20px; | ||
3334 | + margin-top:3px; | ||
3335 | +} | ||
3336 | +.chufangitemright{ | ||
3337 | + width:76px; | ||
3338 | + height:76px; | ||
3339 | +font-size: 0; | ||
3340 | + float:left; | ||
3341 | + margin-left:55px; | ||
3342 | + margin-top:2px; | ||
3343 | + | ||
3344 | +} | ||
3345 | +.liansuoswiper .swiper-container { | ||
3346 | + width:100%; | ||
3347 | + height:100%; | ||
3348 | +} | ||
3349 | +.canyiname{ | ||
3350 | + color:#C29B61; | ||
3351 | + font-size: 20px; | ||
3352 | + margin-top:30px; | ||
3353 | + | ||
3354 | +} | ||
3355 | +.tongfucanlist{ | ||
3356 | + margin-top:56px; | ||
3357 | +} | ||
3358 | +.healthname{ | ||
3359 | + color:#C29B61; | ||
3360 | + font-size: 16px; | ||
3361 | + margin-top:47px; | ||
3362 | +} | ||
3363 | +.healthcontent{ | ||
3364 | + color:#989898; | ||
3365 | + font-size: 16px; | ||
3366 | + line-height: 28px; | ||
3367 | + margin-top:30px; | ||
3368 | +} | ||
3369 | +/*.swiper-container {*/ | ||
3370 | +/* width: 600px;*/ | ||
3371 | +/* height: 300px;*/ | ||
3372 | +/*}*/ | ||
3373 | +.tongfunei{ | ||
3374 | + overflow: hidden; | ||
3375 | +} | ||
3376 | +.tongfuneibuimg{ | ||
3377 | + width:657px; | ||
3378 | + height:380px; | ||
3379 | + font-size: 0; | ||
3380 | + float:left | ||
3381 | +} | ||
3382 | +.pagebullet{ | ||
3383 | + bottom: 36px!important; | ||
3384 | + left: 0; | ||
3385 | + width: 100%; | ||
3386 | +} | ||
3387 | +.jiyutop{ | ||
3388 | + font-size: 30px; | ||
3389 | + font-weight: bold; | ||
3390 | +} | ||
3391 | +.newsdettailcontent,.hangyedettailcontent,.lifedettailcontent{ | ||
3392 | + display:none | ||
3393 | +} | ||
3394 | +.rongcontent .a{text-decoration:none} | ||
3395 | + | ||
3396 | +.youjian{ | ||
3397 | + /*margin-bottom:50px;*/ | ||
3398 | + | ||
3399 | +} | ||
3400 | +/*.youjian img{*/ | ||
3401 | +/* width:100%;*/ | ||
3402 | +/* height:100%;*/ | ||
3403 | +/*}*/ | ||
3404 | +.xiajian{ | ||
3405 | + display:none | ||
3406 | +} | ||
3407 | +.youjianactive{ | ||
3408 | + color:#B91D28 | ||
3409 | +}tongfukboxitem | ||
3410 | + .xiajianactive{ | ||
3411 | + color:#B91D28 | ||
3412 | +} | ||
3413 | +.zhihuiimgbox{ | ||
3414 | + width:890px; | ||
3415 | + | ||
3416 | +} | ||
3417 | +.agricultureimgleft{ | ||
3418 | + width:563px; | ||
3419 | + height:286px; | ||
3420 | +} | ||
3421 | +.jiannkangchanpinactive,.nongyechanyeactive,.tongfuliansuoactive,.kangyangactive{ | ||
3422 | + margin-left:100px; | ||
3423 | +} | ||
3424 | +.newsdettailcontentnext,.newsdettailcontentup{ | ||
3425 | + display:none | ||
3426 | +} | ||
3427 | +.dianname{ | ||
3428 | + margin-left:10px; | ||
3429 | +} | ||
3430 | +.tongfukboxitem { | ||
3431 | + margin-left:10px; | ||
3432 | +} | ||
3433 | +.pagedemo{ | ||
3434 | + display:flex; | ||
3435 | + align-items: center; | ||
3436 | + justify-content: center; | ||
3437 | +} |
css/jquery.sPage.css
0 → 100644
1 | +.spage-total { | ||
2 | + margin-right: 20px; | ||
3 | + line-height: 35px; | ||
4 | +} | ||
5 | + | ||
6 | +.spage-number,.spage-total { | ||
7 | + display: inline-block; | ||
8 | + color: #666; | ||
9 | + font-size: 14px; | ||
10 | +} | ||
11 | + | ||
12 | +.spage-number span { | ||
13 | + position: relative; | ||
14 | + height:33px; | ||
15 | + display: inline-block; | ||
16 | + box-sizing: border-box; | ||
17 | + margin-left: -1px; | ||
18 | + padding: 0 14px; | ||
19 | + border: 1px solid #ddd; | ||
20 | + text-align: center; | ||
21 | + line-height: 33px; | ||
22 | + cursor: pointer; | ||
23 | + transition: all .2s; | ||
24 | +} | ||
25 | + | ||
26 | +.spage-number span.active,.spage-number span.active:hover { | ||
27 | + z-index: 3; | ||
28 | + border-color: #C81A27; | ||
29 | + background: #C81A27; | ||
30 | + color: #fff; | ||
31 | +} | ||
32 | + | ||
33 | +.spage-number span:hover { | ||
34 | + background-color: #eee; | ||
35 | +} | ||
36 | + | ||
37 | +.spage-number span.span-disabled { | ||
38 | + color: #ccc; | ||
39 | + cursor: not-allowed; | ||
40 | +} | ||
41 | + | ||
42 | +.spage-skip { | ||
43 | + margin-left: 20px; | ||
44 | + color: #666; | ||
45 | + font-size: 14px; | ||
46 | +} | ||
47 | + | ||
48 | +.spage-skip,.spage-skip input { | ||
49 | + display: inline-block; | ||
50 | + line-height: 35px; | ||
51 | +} | ||
52 | + | ||
53 | +.spage-skip input { | ||
54 | + box-sizing: border-box; | ||
55 | + width: 45px; | ||
56 | + height: 35px; | ||
57 | + outline: 0; | ||
58 | + border: 1px solid #ddd; | ||
59 | + vertical-align: top; | ||
60 | + text-align: center; | ||
61 | + transition: all .2s; | ||
62 | +} | ||
63 | + | ||
64 | +.spage-skip input:focus { | ||
65 | + border-color: #2d98e6; | ||
66 | +} | ||
67 | + | ||
68 | +.spage-skip span { | ||
69 | + display: inline-block; | ||
70 | + padding: 0 14px; | ||
71 | + outline: 0; | ||
72 | + border: 1px solid #ddd; | ||
73 | + color: #666; | ||
74 | + vertical-align: top; | ||
75 | + line-height: 33px; | ||
76 | + cursor: pointer; | ||
77 | + transition: all .2s; | ||
78 | +} | ||
79 | + | ||
80 | +.spage-skip span:hover { | ||
81 | + border: 1px solid #2d98e6; | ||
82 | + background: #2d98e6; | ||
83 | + color: #fff; | ||
84 | +} |
css/style.css
0 → 100644
1 | +*{margin:0;padding:0;list-style-type:none;} | ||
2 | +a,img{border:0;} | ||
3 | + | ||
4 | +.diepic{ | ||
5 | + position: relative; | ||
6 | + width: 1200px; | ||
7 | + margin:100px auto 0 auto | ||
8 | +} | ||
9 | +.diepic h2{font-size:36px;margin-bottom:17px;text-align:center;font-weight:normal;line-height:42px;height:60px;} | ||
10 | + | ||
11 | +.diepic .swiper-container { | ||
12 | + /*padding-bottom: 60px;*/ | ||
13 | +} | ||
14 | + | ||
15 | +.diepic .swiper-slide { | ||
16 | + width: 50%; | ||
17 | + height: 420; | ||
18 | + background: #fff; | ||
19 | + box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1); | ||
20 | + transition: all .4s cubic-bezier(.4, 0, .2, 1); | ||
21 | + cursor: pointer; | ||
22 | +} | ||
23 | + | ||
24 | +.diepic .swiper-slide img { | ||
25 | + width:100%; | ||
26 | + display: block; | ||
27 | +} | ||
28 | + | ||
29 | +.diepic .swiper-slide p { | ||
30 | + line-height: 98px; | ||
31 | + padding-top: 0; | ||
32 | + text-align: center; | ||
33 | + color: #636363; | ||
34 | + font-size: 1.1em; | ||
35 | + margin: 0; | ||
36 | +} | ||
37 | + | ||
38 | +.diepic .swiper-pagination { | ||
39 | + width: 100%; | ||
40 | + bottom: -85px; | ||
41 | +} | ||
42 | + | ||
43 | +.diepic .swiper-pagination-bullets .swiper-pagination-bullet { | ||
44 | + margin: 0 5px; | ||
45 | + border: 3px solid #fff; | ||
46 | + background-color: #030000; | ||
47 | + width: 10px; | ||
48 | + height: 10px; | ||
49 | + opacity: .6; | ||
50 | +} | ||
51 | + | ||
52 | +.diepic .swiper-pagination-bullets .swiper-pagination-bullet-active { | ||
53 | + width: 34px; | ||
54 | + display: inline-block; | ||
55 | + height: 10px; | ||
56 | + border-radius: 10px; | ||
57 | + transition: width .4s cubic-bezier(.4, 0, .2, 1); | ||
58 | + background-image: linear-gradient(80deg, #0989c5, #995cb6); | ||
59 | + opacity: 1; | ||
60 | +} | ||
61 | + | ||
62 | +.diepic .swiper-button-prev { | ||
63 | + left: -128px; | ||
64 | + top: 700px; | ||
65 | + width:61px; | ||
66 | + height: 61px; | ||
67 | +} | ||
68 | + | ||
69 | +.diepic .swiper-button-next { | ||
70 | + right: -128px; | ||
71 | + top: 700px; | ||
72 | + width: 61px; | ||
73 | + height: 61px; | ||
74 | +} | ||
75 | +.swiper-wrapper{ | ||
76 | + position: relative; | ||
77 | +} | ||
78 | +.yinname{ | ||
79 | + position: absolute; | ||
80 | + bottom:0; | ||
81 | + right:0; | ||
82 | +} |
-
请 注册 或 登录 后发表评论