1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>旅馆</title>
6 <link rel="stylesheet" href="css/head.css">
7 <link rel="stylesheet" href="css/reset.css">
8 <link rel="stylesheet" href="css/buttom.css">
9 <meta name="Keywords" content="旅馆 旅游">
10 <meta name="Description" content="旅馆">
11 <style>
12 .zhuti
13 {
14 width: 1003px;
15 margin: 0 auto;
16 }
17 .check
18 {
19 width: 1001px;
20 margin: 0 auto;
21 font-weight: bold;
22 margin-top: 20px;
23 position:relative;
24 }
25 .shouye
26 {
27 font-size: 14px;
28 color: #505050;
29 }
30 .area
31 {
32 margin-top: 20px;
33 border-bottom: 1px dashed #6e6e6e;
34 position: relative;
35 padding-bottom: 40px;
36 color: #3c3c3c;
37 }
38
39 .diqu
40 {
41 float: left;
42 font-size: 18px;
43 }
44 .all
45 {
46 float: left;
47 margin-left: 67px;
48 font-size: 16px;
49 }
50 .taibei
51 {
52 float: left;
53 margin-left: 57px;
54 font-size: 16px;
55 }
56 .yuanjiao1
57 {
58 position: absolute;
59 left: 172px;
60 top: -2px;
61 display: none;
62 }
63 .taizhong
64 {
65 float: left;
66 margin-left: 90px;
67 font-size: 16px;
68 }
69 .yuanjiao2
70 {
71 position: absolute;
72 left: 296px;
73 top: -2px;
74 display: none;
75 }
76 .jiayi
77 {
78 float: left;
79 margin-left: 100px;
80 font-size: 16px;
81 }
82 .yuanjiao3
83 {
84 position: absolute;
85 top: -2px;
86 left: 427px;
87 display: none;
88 }
89 .gaoxiong
90 {
91 float: left;
92 margin-left: 93px;
93 font-size: 16px;
94 }
95 .yuanjiao4
96 {
97 position: absolute;
98 top: -2px;
99 left: 550px;
100 display: none;
101 }
102 .taidong
103 {
104 float: left;
105 margin-left: 88px;
106 font-size: 16px;
107 }
108 .yuanjiao5
109 {
110 position: absolute;
111 left: 670px;
112 top:-2px;
113 display: none;
114 }
115 .lianhua
116 {
117 float: left;
118 margin-left: 88px;
119 font-size: 16px;
120 }
121 .yuanjiao6
122 {
123 position: absolute;
124 top: -2px;
125 left: 790px;
126 display: none;
127 }
128 .all:hover
129 {
130 color: #ffa000;
131 }
132 .taibei:hover .yuanjiao1
133 {
134 display: block;
135 }
136 .taizhong:hover .yuanjiao2
137 {
138 display: block;
139 }
140 .jiayi:hover .yuanjiao3
141 {
142 display: block;
143 }
144 .gaoxiong:hover .yuanjiao4
145 {
146 display: block;
147 }
148 .taidong:hover .yuanjiao5
149 {
150 display: block;
151 }
152 .lianhua:hover .yuanjiao6
153 {
154 display: block;
155 }
156 .price
157 {
158 height: 47px;
159 border-bottom: 1px dashed #6e6e6e;
160 position: relative;
161 color: #3c3c3c;
162 }
163 .jiage
164 {
165
166 font-size: 18px;
167 line-height: 47px;
168 float: left;
169 }
170 .quanbu1
171 {
172 color: #3c3c3c;
173 font-size: 16px;
174 line-height: 47px;
175 float: left;
176 margin-left: 67px;
177 }
178 .quanbu1:hover
179 {
180 color: #ffa000;
181 }
182 .xiaoyu300
183 {
184 float: left;
185 margin-left: 79px;
186 line-height: 47px;
187 font-size: 14px;
188 }
189 .xiaoyuan
190 {
191 position: absolute;
192 left: 193px;
193 top: 17px;
194 }
195 .dian
196 {
197 position: absolute;
198 top: 21px;
199 left:197px;
200 display: none;
201 }
202 .xiaoyu300:hover .dian
203 {
204 display: block;
205 }
206 .sandaowu
207 {
208 margin-left: 67px;
209 line-height: 47px;
210 font-size: 14px;
211 }
212 .xiaoyuan1
213 {
214 position: absolute;
215 left: 312px;
216 top: 16px;
217 }
218 .dian1
219 {
220 position: absolute;
221 top: 20px;
222 left:316px;
223 display: none;
224 }
225 .sandaowu:hover .dian1
226 {
227 display: block;
228 }
229 .wudaoshi
230 {
231 margin-left: 60px;
232 line-height: 47px;
233 font-size: 14px;
234 }
235 .xiaoyuan2
236 {
237 position: absolute;
238 left: 443px;
239 top: 16px;
240 }
241 .dian2
242 {
243 position: absolute;
244 top: 20px;
245 left:447px;
246 display: none;
247 }
248 .wudaoshi:hover .dian2
249 {
250 display: block;
251 }
252 .shidaoershi
253 {
254 margin-left: 48px;
255 line-height: 47px;
256 font-size: 14px;
257 }
258 .xiaoyuan3
259 {
260 position: absolute;
261 left: 569px;
262 top: 16px;
263 }
264 .dian3
265 {
266 position: absolute;
267 top: 20px;
268 left:573px;
269 display: none;
270 }
271 .shidaoershi:hover .dian3
272 {
273 display: block;
274 }
275 .dayu1200
276 {
277 margin-left: 38px;
278 line-height: 47px;
279 font-size: 14px;
280 }
281 .xiaoyuan4
282 {
283 position: absolute;
284 left: 694px;
285 top: 16px;
286 }
287 .dian4
288 {
289 position: absolute;
290 top: 20px;
291 left:698px;
292 display: none;
293 }
294 .dayu1200:hover .dian4
295 {
296 display: block;
297 }
298 .house
299 {
300 height: 47px;
301 border-bottom: 1px solid #6e6e6e;
302 position: relative;
303 width: 853px;
304 color: #3c3c3c;
305 }
306 .fangxing
307 {
308 font-size: 18px;
309 line-height: 47px;
310 float: left;
311 }
312 .quanbu3
313 {
314 font-size: 16px;
315 line-height: 47px;
316 float: left;
317 margin-left: 67px;
318 }
319 .quanbu3:hover
320 {
321 color: #ffa000;
322 }
323 .biaozhunjian
324 {
325 margin-left: 55px;
326 font-size: 14px;
327 float: left;
328 line-height: 47px;
329 }
330 .biaozhunjian:hover
331 {
332 color: #ffa000;
333 }
334 .dachuangfang
335 {
336 margin-left: 84px;
337 font-size: 14px;
338 line-height: 47px;
339 float: left;
340 }
341 .dachuangfang:hover
342 {
343 color: #ffa000;
344 }
345 .taofang
346 {
347 margin-left: 81px;
348 font-size: 14px;
349 float: left;
350 line-height: 47px;
351 }
352 .taofang:hover
353 {
354 color: #ffa000;
355 }
356 .chongzhi
357 {
358 font-size: 16px;
359 color: #6e6e6e;
360 text-decoration: underline;
361 position: absolute;
362 left: 883px;
363 top: 157px;
364 }
365 .recommend
366 {
367 height: 38px;
368 width: 1001px;
369 margin-top: 29px;
370 background-color: #ffa000;
371 overflow: hidden;
372 }
373 .tuijian,.jiawei
374 {
375 height: 38px;
376 width: 102px;
377 line-height: 38px;
378 font-size: 18px;
379 color: #ffffff;
380 font-weight: bold;
381 }
382 .tuijian
383 {
384 text-align: center;
385 float: left;
386 }
387 .jiawei
388 {
389 background-color: #b46400;
390 float: left;
391 position: relative;
392 }
393 .shang
394 {
395 position: absolute;
396 left: 67px;
397 top: 11px;
398 }
399 .xia
400 {
401 position: absolute;
402 left: 67px;
403 top: 22px;
404 }
405 .jiaa
406 {
407 padding-left: 23px;
408 }
409 .find
410 {
411 height: 38px;
412 width: 797px;
413 line-height: 38px;
414 font-size: 18px;
415 color: #ffffff;
416 font-size: 14px;
417 float: left;
418 }
419 .zhaodao
420 {
421 padding-left: 689px;
422 }
423 .bigang_haijing
424 {
425 width: 1001px;
426 margin-top: 30px;
427 float: left;
428 }
429 .shangbufen
430 {
431 background-color: #F0F0F0;
432 width: 1001px;
433 height: 220px;
434 position: relative;
435 }
436 .picture1
437 {
438 float: left;
439 }
440 .left
441 {
442 position: absolute;
443 left: 8px;
444 top: 103px;
445 }
446 .right
447 {
448 position: absolute;
449 left:266px;
450 top:103px;
451 }
452 .jutixinxi
453 {
454 float: left;
455 margin-left: 29px;
456 width: 659px;
457 }
458 .bg_zong
459 {
460 width: 659px;
461 height: 39px;
462 border-bottom: 1px dashed #898989;
463 line-height: 39px;
464 position: relative;
465 float: left;
466 }
467 .bg
468 {
469 float: left;
470 }
471 .xing1
472 {
473 margin-left: 19px;
474 margin-top: 11px;
475 float: left;
476 }
477 .xing2
478 {
479 margin-left: 7px;
480 float: left;
481 margin-top: 11px;
482 }
483 .xing3
484 {
485 margin-left: 7px;
486 float: left;
487 margin-top: 11px;
488 }
489 .xing4
490 {
491 margin-left: 7px;
492 float: left;
493 margin-top: 11px;
494 }
495 .xing5
496 {
497 margin-left: 7px;
498 float: left;
499 margin-top: 11px;
500 }
501 .hongxin1
502 {
503 position: absolute;
504 background: url(images/zsh_红心1.png) no-repeat;
505 top: 12px;
506 left: 431px;
507 }
508 .love
509 {
510 font-size: 14px;
511 font-weight: bold;
512 color: #848484;
513 float: left;
514 margin-left:207px;
515 }
516 .shuzi_1168
517 {
518 margin-left: 9px;
519 font-size: 14px;
520 font-weight: bold;
521 color: #848484;
522 float: left;
523 }
524 .hongxin1
525 {
526 position: absolute;
527 left: 431px;
528 top: 12px;
529 }
530 .pinglun
531 {
532 font-size: 14px;
533 font-weight: bold;
534 color: #848484;
535 float: left;
536 margin-left:45px;
537 }
538 .shuzi1168
539 {
540 margin-left: 9px;
541 font-size: 14px;
542 font-weight: bold;
543 color: #848484;
544 float: left;
545 }
546 .lanxin1
547 {
548 position: absolute;
549 left: 548px;
550 top: 12px;
551 }
552 .bg_jt
553 {
554 margin-top: 21px;
555 float: left;
556 font-size: 14px;
557 color: #3c3c3c;
558 position: relative;
559 }
560 .dyl
561 {
562 float: left;
563 }
564 .address,.fangjiantese,.fw
565 {
566 font-weight: bold;
567 }
568 .fangjiantese
569 {
570 margin-top: 23px;
571 }
572 .fw
573 {
574 margin-top: 44px;
575 }
576 .del
577 {
578 float: left;
579 margin-left: 14px;
580 }
581 .laochangwenzi
582 {
583 margin-top: 23px;
584 }
585 .last
586 {
587 margin-top: 23px;
588 }
589 .tigong
590 {
591 margin-left: 28px;
592 float: left;
593 }
594 .zctu
595 {
596 position: absolute;
597 left: 83px;
598 top: 100px;
599 }
600 .wuxianwangluo
601 {
602 margin-left: 46px;
603 float: left;
604 }
605 .wifi
606 {
607 position: absolute;
608 left:187px;
609 top:100px;
610 }
611 .xinyongkafuwu
612 {
613 margin-left: 46px;
614 float: left;
615 }
616 .xyk
617 {
618 position: absolute;
619 top: 100px;
620 left: 290px;
621 }
622 .zsh_xiabufen
623 {
624 width: 1000px;
625 margin-top: 19px;
626 }
627 .zsh_diyilie
628 {
629 float: left;
630 }
631 .zsh_yihangyilie
632 {
633 width: 257px;
634 height: 30px;
635 background-color: #eeeeee;
636 border-right: 1px solid #ffffff;
637 }
638 .zsh_yihangerlie
639 {
640 width: 257px;
641 height: 188px;
642 border-right: 1px solid #c8c8c8;
643 border-bottom: 1px dashed #8d8d8d;
644 margin-top: 1px;
645 }
646 .zsh_bzsrj
647 {
648 padding-top: 15px;
649 }
650 .zsh_yihangsanlie
651 {
652 width: 257px;
653 height: 189px;
654 border-right: 1px solid #c8c8c8;
655 border-bottom: 1px solid #8d8d8d;
656 }
657 .zsh_src
658 {
659 padding-top: 15px;
660 }
661 /*第二列*/
662 .zsh_dierlie
663 {
664 float: left;
665 }
666 .zsh_erhangyilie
667 {
668 width: 96px;
669 height: 30px;
670 background-color: #eeeeee;
671 border-right: 1px solid #ffffff;
672 text-align: center;
673 }
674 .zsh_fx
675 {
676 padding-top: 7px;
677 }
678 .zsh_erhangerlie
679 {
680 width: 96px;
681 height: 188px;
682 border-right: 1px solid #c8c8c8;
683 border-bottom: 1px dashed #8d8d8d;
684 margin-top: 1px;
685 line-height: 188px;
686 text-align: center;
687 }
688 .zsh_erhangsanlie
689 {
690 width: 96px;
691 height: 189px;
692 border-right: 1px solid #c8c8c8;
693 border-bottom: 1px solid #8d8d8d;
694 line-height: 189px;
695 text-align: center;
696 }
697 /*第三列*/
698 .zsh_disanlie
699 {
700 float: left;
701 }
702 .zsh_sanhangyilie
703 {
704 width: 96px;
705 height: 30px;
706 background-color: #eeeeee;
707 border-right: 1px solid #ffffff;
708 text-align: center;
709 }
710 .zsh_zaocan
711 {
712 padding-top: 7px;
713 }
714 .zsh_sanhangerlie
715 {
716 width: 96px;
717 height: 188px;
718 border-right: 1px solid #c8c8c8;
719 border-bottom: 1px dashed #8d8d8d;
720 margin-top: 1px;
721 line-height: 188px;
722 text-align: center;
723 }
724 .zsh_sanhangsanlie
725 {
726 width: 96px;
727 height: 189px;
728 border-right: 1px solid #c8c8c8;
729 border-bottom: 1px solid #8d8d8d;
730 line-height: 189px;
731 text-align: center;
732 }
733 /*第四列*/
734 .zsh_disilie
735 {
736 float: left;
737 }
738 .zsh_sihangyilie
739 {
740 width: 96px;
741 height: 30px;
742 background-color: #eeeeee;
743 border-right: 1px solid #ffffff;
744 text-align: center;
745 }
746 .zsh_kuandai
747 {
748 padding-top: 7px;
749 }
750 .zsh_sihangerlie
751 {
752 width: 96px;
753 height: 188px;
754 border-right: 1px solid #c8c8c8;
755 border-bottom: 1px dashed #8d8d8d;
756 margin-top: 1px;
757 line-height: 188px;
758 text-align: center;
759 }
760 .zsh_sihangsanlie
761 {
762 width: 96px;
763 height: 189px;
764 border-right: 1px solid #c8c8c8;
765 border-bottom: 1px solid #8d8d8d;
766 line-height: 189px;
767 text-align: center;
768 }
769 /*第五列*/
770 .zsh_diwulie
771 {
772 float: left;
773 }
774 .zsh_wuhangyilie
775 {
776 width: 96px;
777 height: 30px;
778 background-color: #eeeeee;
779 border-right: 1px solid #ffffff;
780 text-align: center;
781 }
782 .zsh_cx
783 {
784 padding-top: 7px;
785 }
786 .zsh_wuhangerlie
787 {
788 width: 96px;
789 height: 188px;
790 border-right: 1px solid #c8c8c8;
791 border-bottom: 1px dashed #8d8d8d;
792 margin-top: 1px;
793 line-height: 188px;
794 text-align: center;
795 }
796 .zsh_wuhangsanlie
797 {
798 width: 96px;
799 height: 189px;
800 border-right: 1px solid #c8c8c8;
801 border-bottom: 1px solid #8d8d8d;
802 line-height: 189px;
803 text-align: center;
804 }
805 /*第六列*/
806 .zsh_diliulie
807 {
808 float: left;
809 }
810 .zsh_liuhangyilie
811 {
812 width: 96px;
813 height: 30px;
814 background-color: #eeeeee;
815 border-right: 1px solid #ffffff;
816 text-align: center;
817 }
818 .zsh_fj
819 {
820 padding-top: 7px;
821 }
822 .zsh_liuhangerlie
823 {
824 width: 96px;
825 height: 188px;
826 border-right: 1px solid #c8c8c8;
827 border-bottom: 1px dashed #8d8d8d;
828 margin-top: 1px;
829 line-height: 188px;
830 text-align: center;
831 }
832 .zsh_liuhangsanlie
833 {
834 width: 96px;
835 height: 189px;
836 border-right: 1px solid #c8c8c8;
837 border-bottom: 1px solid #8d8d8d;
838 line-height: 189px;
839 text-align: center;
840 }
841 .zsh_yao
842 {
843 text-decoration: line-through;
844 }
845 /*第七列*/
846 .zsh_diqilie
847 {
848 float: left;
849 }
850 .zsh_qihangyilie
851 {
852 width: 96px;
853 height: 30px;
854 background-color: #eeeeee;
855 border-right: 1px solid #ffffff;
856 text-align: center;
857 }
858 .zsh_xianjia
859 {
860 padding-top: 7px;
861 }
862 .zsh_qihangerlie
863 {
864 width: 96px;
865 height: 188px;
866 border-right: 1px solid #c8c8c8;
867 border-bottom: 1px dashed #8d8d8d;
868 margin-top: 1px;
869 line-height: 188px;
870 text-align: center;
871 }
872 .zsh_qihangsanlie
873 {
874 width: 96px;
875 height: 189px;
876 border-right: 1px solid #c8c8c8;
877 border-bottom: 1px solid #8d8d8d;
878 line-height: 189px;
879 text-align: center;
880 }
881 /*第八列*/
882 .zsh_dibalie
883 {
884 float: left;
885 }
886 .zsh_bahangyilie
887 {
888 width: 158px;
889 height: 30px;
890 background-color: #eeeeee;
891 border-right: 1px solid #eeeeee;
892 text-align: center;
893 }
894 .zsh_bahangerlie
895 {
896 width: 158px;
897 height: 188px;
898 border-right: 1px solid #c8c8c8;
899 border-bottom: 1px dashed #8d8d8d;
900 margin-top: 1px;
901 line-height: 188px;
902 text-align: center;
903 }
904 .zsh_bahangsanlie
905 {
906 width: 158px;
907 height: 189px;
908 border-right: 1px solid #c8c8c8;
909 border-bottom: 1px solid #8d8d8d;
910 line-height: 189px;
911 text-align: center;
912 }
913 .zsh_dixian
914 {
915 border: 1px solid #ffa000;
916 margin-top: 23px;
917 width: 1001px;
918 float: left;
919 }
920 .zsh_erhangyilie,.zsh_sanhangyilie,.zsh_sihangyilie,.zsh_wuhangyilie,.zsh_liuhangyilie,.zsh_qihangyilie
921 {
922 font-size: 16px;
923 font-weight: bold;
924 color: #6e6e6e;
925 }
926 .zsh_erhangerlie,.zsh_erhangsanlie,.zsh_sanhangerlie,.zsh_sanhangsanlie,.zsh_sihangerlie,.zsh_sihangsanlie,.zsh_wuhangerlie,.zsh_wuhangsanlie,.zsh_liuhangerlie,.zsh_liuhangsanlie
927 {
928 font-size: 14px;
929 color: #3c3c3c;
930 }
931 .zsh_yaoyao
932 {
933 font-size: 24px;
934 color: #cc0000;
935 }
936 /*翻页*/
937 .fanye
938 {
939 width: 1000px;
940 float:left;
941 margin-top: 20px;
942 }
943 .shangyiye
944 {
945 float: left;
946 margin-left: 371px;
947 }
948 .shuzi1
949 {
950 float: left;
951 margin-left: 14px;
952 }
953 .shengluehao
954 {
955 float: left;
956 margin-left: 7px;
957 }
958 .shuzi12
959 {
960 float: left;
961 margin-left: 8px;
962
963 }
964 .shuzi13
965 {
966 background-color: #6e6e6e;
967 width: 30px;
968 height: 20px;
969 float: left;
970 margin-left: 11px;
971 text-align: center;
972 }
973 .shuzi14
974 {
975 margin-left: 10px;
976 float: left;
977 }
978 .shengluehao2
979 {
980 float: left;
981 margin-left: 9px;
982 }
983 .shuzi40
984 {
985 float: left;
986 margin-left: 9px;
987 }
988 .xiayiye
989 {
990 float: left;
991 margin-left: 12px;
992 }
993 .zsh_fenjiexian
994 {
995 width: 1001px;
996 margin-top: 27px;
997 margin-bottom: 30px;
998 color: #898989;
999 float: left;
1000 border: 1px solid #898989;
1001 }
1002 </style>
1003 </head>
1004 <body>
1005 <!-- 头部部分开始 -->
1006 <div class="head">
1007 <div class="headcon">
1008 <div class="head1">
1009 <img src="images/ban.png" alt="">
1010 </div>
1011 <div class="head2">
1012 <img class="banners phone" src="images/phone.png" alt="">
1013 <span class="banners headboreder yanse400">400-800-8820</span>
1014 <a class="banners headboreder" href="###">登陆</a>
1015 <a class="banners headboreder" href="###">注册</a>
1016 <img class="banners xinglixiang" src="images/xingli.png" alt="">
1017 <span class="banners ">行李箱</span>
1018 <input class="banners headinp sousuo" type="text">
1019 <img class="banners sousuo" src="images/sousuo.png" alt="">
1020 </div>
1021 <div class="head3">
1022 <img src="images/fangzi.png" alt="">
1023 <a href="###">第一次</a>
1024 <a href="###">目的地</a>
1025 <a href="###">自定行程</a>
1026 <a href="###">游记</a>
1027 <a href="###">特产</a>
1028 <a href="###">优惠</a>
1029 <a href="###">环岛巴士</a>
1030 </div>
1031 </div>
1032 </div>
1033 <!-- 头部部分结束 -->
1034 <!-- 中间正文部分开始 -->
1035 <div class="zhuti"><!-- 主体部分 -->
1036 <div class="check"><!-- 选择导航栏 -->
1037 <div class="shouye"><!-- 首页>自订行程>酒店 -->
1038 首页>自订行程>酒店
1039 </div>
1040 <div class="area"><!-- 地区行 -->
1041 <p class="diqu">地区</p>
1042 <div class="all">全部</div>
1043 <div class="taibei">
1044 台北
1045 <img src="images/zsh_圆角矩形.png" alt="" class="yuanjiao1">
1046 </div>
1047 <div class="taizhong">
1048 台中
1049 <img src="images/zsh_圆角矩形.png" alt="" class="yuanjiao2">
1050 </div>
1051 <div class="jiayi">
1052 嘉义
1053 <img src="images/zsh_圆角矩形.png" alt="" class="yuanjiao3">
1054 </div>
1055 <div class="gaoxiong">
1056 高雄
1057 <img src="images/zsh_圆角矩形.png" alt="" class="yuanjiao4">
1058 </div>
1059 <div class="taidong">
1060 台东
1061 <img src="images/zsh_圆角矩形.png" alt="" class="yuanjiao5">
1062 </div>
1063 <div class="lianhua">
1064 莲花
1065 <img src="images/zsh_圆角矩形.png" alt="" class="yuanjiao6">
1066 </div>
1067 </div>
1068 <div class="price"><!-- 价格行 -->
1069 <span class="jiage"><!-- 价格 -->
1070 价格
1071 </span>
1072 <span class="quanbu1"><!-- 全部 -->
1073 全部
1074 </span>
1075 <span class="xiaoyu300"> <!-- <300 -->
1076 < ¥300
1077 <img src="images/zsh_小圆.png" alt="小圆" class="xiaoyuan">
1078 <img src="images/zsh_点.png" alt="点" class="dian">
1079 </span>
1080 <span class="sandaowu"><!-- 300-500 -->
1081 ¥300-500
1082 <img src="images/zsh_小圆.png" alt="小圆" class="xiaoyuan1">
1083 <img src="images/zsh_点.png" alt="点" class="dian1">
1084 </span>
1085 <span class="wudaoshi"><!-- 500-1000 -->
1086 ¥500-1000
1087 <img src="images/zsh_小圆.png" alt="小圆" class="xiaoyuan2">
1088 <img src="images/zsh_点.png" alt="点" class="dian2">
1089 </span>
1090 <span class="shidaoershi"><!-- 1000-1200 -->
1091 ¥1000-2000
1092 <img src="images/zsh_小圆.png" alt="小圆" class="xiaoyuan3">
1093 <img src="images/zsh_点.png" alt="点" class="dian3">
1094 </span>
1095 <span class="dayu1200"><!-- >1200 -->
1096 >¥1200
1097 <img src="images/zsh_小圆.png" alt="小圆" class="xiaoyuan4">
1098 <img src="images/zsh_点.png" alt="点" class="dian4">
1099 </span>
1100 </span>
1101 </div>
1102 <div class="house"><!-- 房型行 -->
1103 <div class="fangxing"><!-- 房型 -->
1104 房型
1105 </div>
1106 <div class="quanbu3"><!-- 全部 -->
1107 全部
1108 </div>
1109 <div class="biaozhunjian"><!-- 标准间 -->
1110 标准间
1111 </div>
1112 <div class="dachuangfang"><!-- 大床房 -->
1113 大床房
1114 </div>
1115 <div class="taofang"><!-- 套房 -->
1116 套房
1117 </div>
1118 </div>
1119 <div class="chongzhi"><!-- 重置筛选条件 -->
1120 重置筛选条件
1121 </div>
1122 <div class="recommend"><!-- 推荐菜单 -->
1123 <div class="tuijian"><!-- 推荐 -->
1124 推荐
1125 </div>
1126 <div class="jiawei"><!-- 价位 -->
1127 <p class="jiaa">价位</p>
1128 <img src="images/zsh_上三角.png" alt="上三角箭头" class="shang">
1129 <img src="images/zsh_下三角.png" alt="下三角箭头" class="xia">
1130 </div>
1131 <div class="find"><!-- 找到房间 -->
1132 <p class="zhaodao">
1133 找到房间24间
1134 </p>
1135 </div>
1136 </div>
1137 </div>
1138 <div class="bigang_haijing"><!-- 碧港良居商旅-海景 -->
1139 <div class="shangbufen"><!-- 上部分-介绍 -->
1140 <div class="picture1"><!-- 图片 -->
1141 <img src="images/zsh_海景房.jpg" alt="海景房" >
1142 <div class="left"><!-- 向左圆箭头 -->
1143 <img src="images/zsh_向左圆箭头.png" alt="向左圆箭头">
1144 </div>
1145 <div class="right"><!-- 向右圆箭头 -->
1146 <img src="images/zsh_向右圆箭头.png" alt="向右圆箭头">
1147 </div>
1148 </div>
1149 <div class="jutixinxi"><!-- 右侧商旅具体信息 -->
1150 <div class="bg_zong"><!-- 碧港良居商旅评分 -->
1151 <p class="bg">碧港良居商旅</p>
1152 <img src="images/zsh_星星.png" alt="星星" class="xing1">
1153 <img src="images/zsh_星星.png" alt="星星" class="xing2"><img src="images/zsh_星星.png" alt="星星" class="xing3">
1154 <img src="images/zsh_星星.png" alt="星星" class="xing4">
1155 <img src="images/zsh_星星1.png" alt="星星" class="xing5">
1156 <div class="love">喜欢</div>
1157 <div class="shuzi_1168">1168</div>
1158 <img src="images/zsh_红心1.png" alt="" class="hongxin1">
1159 <div class="pinglun">评论</div>
1160 <div class="shuzi_1168">1168</div>
1161 <img src="images/zsh_蓝心1.png" alt="" class="lanxin1">
1162 </div>
1163 <div class="bg_jt"><!-- 碧港良居商旅具体信息 -->
1164 <ul class="dyl"><!-- 第一列 -->
1165 <li class="address">
1166 <span>地</span>
1167
1168 <span>址 :</span>
1169 </li>
1170 <li class="fangjiantese">
1171 房间特色：
1172 </li>
1173 <li class="fw">
1174 <span>服</span>
1175
1176 <span>务：</span>
1177 </li>
1178 </ul>
1179 <ul class="del"><!-- 第二列 -->
1180 <li class="pingding">
1181 屏东县恒春镇埔顶路535号
1182 </li>
1183 <li class="laochangwenzi">
1184 2013年新开业的设计性酒店，么个房间都有不同的主题，比如拳击主题房等等
1185 </li>
1186 <li>
1187 临近台北捷运府中站各种风格一应俱全，用品别致，环境干净，性价比高。
1188 </li>
1189 <li class="last"><!-- 最后一行 -->
1190 <div class="tigong">
1191 提供早餐
1192 <img src="images/zsh_早餐.png" alt="提供早餐" class="zctu">
1193 </div>
1194 <div class="wuxianwangluo">
1195 无线网络
1196 <img src="images/zsh_WiFi.png" alt="无线网络" class="wifi">
1197 </div>
1198 <div class="xinyongkafuwu">
1199 信用卡服务
1200 <img src="images/zsh_WiFi.png" alt="信用卡服务" class="xyk">
1201 </div>
1202 </li>
1203 </ul>
1204 </div>
1205 </div>
1206 </div>
1207 <div class="zsh_xiabufen"><!-- 下部分-内部展示 -->
1208 <ul class="zsh_diyilie"><!-- 第一列，图片 -->
1209 <li class="zsh_yihangyilie"></li>
1210 <li class="zsh_yihangerlie">
1211 <img src="images/zsh_标准双人间.jpg" alt="标准双人间" class="zsh_bzsrj">
1212 </li>
1213 <li class="zsh_yihangsanlie">
1214 <img src="images/zsh_双人床.jpg" alt="双人床" class="zsh_src">
1215 </li>
1216 </ul>
1217 <ul class="zsh_dierlie"><!-- 第二列，房型 -->
1218 <li class="zsh_erhangyilie">
1219 <p class="zsh_fx">房型</p>
1220 </li>
1221 <li class="zsh_erhangerlie"> 标准双人间</li>
1222 <li class="zsh_erhangsanlie">双人床</li>
1223 </ul>
1224 <ul class="zsh_disanlie"><!-- 第三列，早餐 -->
1225 <li class="zsh_sanhangyilie">
1226 <p class="zsh_zaocan">早餐</p>
1227 </li>
1228 <li class="zsh_sanhangerlie"> 含早</li>
1229 <li class="zsh_sanhangsanlie">含早</li>
1230 </ul>
1231 <ul class="zsh_disilie"><!-- 第四列，宽带 -->
1232 <li class="zsh_sihangyilie">
1233 <p class="zsh_kuandai">宽带</p>
1234 </li>
1235 <li class="zsh_sihangerlie"> 免费</li>
1236 <li class="zsh_sihangsanlie">免费</li>
1237 </ul>
1238 <ul class="zsh_diwulie"><!-- 第五列，床型 -->
1239 <li class="zsh_wuhangyilie">
1240 <p class="zsh_cx">床型</p>
1241 </li>
1242 <li class="zsh_wuhangerlie"> 双床</li>
1243 <li class="zsh_wuhangsanlie">大床</li>
1244 </ul>
1245 <ul class="zsh_diliulie"><!-- 第六列，房价 -->
1246 <li class="zsh_liuhangyilie">
1247 <p class="zsh_fj">房价</p>
1248 </li>
1249 <li class="zsh_liuhangerlie">
1250 <div class="zsh_yao">
1251 ¥557
1252 </div>
1253 </li>
1254 <li class="zsh_liuhangsanlie">
1255 <div class="zsh_yao">
1256 ¥557
1257 </div>
1258 </li>
1259 </ul>
1260 <ul class="zsh_diqilie"><!-- 第七列，现价 -->
1261 <li class="zsh_qihangyilie">
1262 <p class="zsh_xianjia">现价</p>
1263 </li>
1264 <li class="zsh_qihangerlie">
1265 <p class="zsh_yaoyao">
1266 ¥508
1267 </p>
1268 </li>
1269 <li class="zsh_qihangsanlie">
1270 <p class="zsh_yaoyao">
1271 ¥508
1272 </p>
1273 </li>
1274 </ul>
1275 <ul class="zsh_dibalie"><!-- 第八列，速订 -->
1276 <li class="zsh_bahangyilie">
1277 <p class="zsh_xianjia"></p>
1278 </li>
1279 <li class="zsh_bahangerlie">
1280 <img src="images/zsh_速订.png" alt="速订">
1281 </li>
1282 <li class="zsh_bahangsanlie">
1283 <img src="images/zsh_速订.png" alt="速订">
1284 </li>
1285 </ul>
1286 <div class="zsh_dixian"></div>
1287 </div>
1288 </div>
1289 <div class="bigang_haijing"><!-- 碧港良居商旅-房屋 -->
1290 <div class="shangbufen"><!-- 上部分-介绍 -->
1291 <div class="picture1"><!-- 图片 -->
1292 <img src="images/zsh_碧港2号.jpg" alt="碧港内部图" >
1293 <div class="left"><!-- 向左圆箭头 -->
1294 <img src="images/zsh_向左圆箭头.png" alt="向左圆箭头">
1295 </div>
1296 <div class="right"><!-- 向右圆箭头 -->
1297 <img src="images/zsh_向右圆箭头.png" alt="向右圆箭头">
1298 </div>
1299 </div>
1300 <div class="jutixinxi"><!-- 右侧商旅具体信息 -->
1301 <div class="bg_zong"><!-- 碧港良居商旅评分 -->
1302 <p class="bg">碧港良居商旅</p>
1303 <img src="images/zsh_星星.png" alt="星星" class="xing1">
1304 <img src="images/zsh_星星.png" alt="星星" class="xing2"><img src="images/zsh_星星.png" alt="星星" class="xing3">
1305 <img src="images/zsh_星星.png" alt="星星" class="xing4">
1306 <img src="images/zsh_星星1.png" alt="星星" class="xing5">
1307 <div class="love">喜欢</div>
1308 <div class="shuzi_1168">1168</div>
1309 <img src="images/zsh_红心1.png" alt="" class="hongxin1">
1310 <div class="pinglun">评论</div>
1311 <div class="shuzi_1168">1168</div>
1312 <img src="images/zsh_蓝心1.png" alt="" class="lanxin1">
1313 </div>
1314 <div class="bg_jt"><!-- 碧港良居商旅具体信息 -->
1315 <ul class="dyl"><!-- 第一列 -->
1316 <li class="address">
1317 <span>地</span>
1318
1319 <span>址 :</span>
1320 </li>
1321 <li class="fangjiantese">
1322 房间特色：
1323 </li>
1324 <li class="fw">
1325 <span>服</span>
1326
1327 <span>务：</span>
1328 </li>
1329 </ul>
1330 <ul class="del"><!-- 第二列 -->
1331 <li class="pingding">
1332 屏东县恒春镇埔顶路535号
1333 </li>
1334 <li class="laochangwenzi">
1335 2013年新开业的设计性酒店，么个房间都有不同的主题，比如拳击主题房等等
1336 </li>
1337 <li>
1338 临近台北捷运府中站各种风格一应俱全，用品别致，环境干净，性价比高。
1339 </li>
1340 <li class="last"><!-- 最后一行 -->
1341 <div class="tigong">
1342 提供早餐
1343 <img src="images/zsh_早餐.png" alt="提供早餐" class="zctu">
1344 </div>
1345 <div class="wuxianwangluo">
1346 无线网络
1347 <img src="images/zsh_WiFi.png" alt="无线网络" class="wifi">
1348 </div>
1349 <div class="xinyongkafuwu">
1350 信用卡服务
1351 <img src="images/zsh_WiFi.png" alt="信用卡服务" class="xyk">
1352 </div>
1353 </li>
1354 </ul>
1355 </div>
1356 </div>
1357 </div>
1358 <div class="zsh_xiabufen"><!-- 下部分-内部展示 -->
1359 <ul class="zsh_diyilie"><!-- 第一列，图片 -->
1360 <li class="zsh_yihangyilie"></li>
1361 <li class="zsh_yihangerlie">
1362 <img src="images/zsh_标准双人间1.jpg" alt="标准双人间" class="zsh_bzsrj">
1363 </li>
1364 <li class="zsh_yihangsanlie">
1365 <img src="images/zsh_双人床1.jpg" alt="双人床" class="zsh_src">
1366 </li>
1367 </ul>
1368 <ul class="zsh_dierlie"><!-- 第二列，房型 -->
1369 <li class="zsh_erhangyilie">
1370 <p class="zsh_fx">房型</p>
1371 </li>
1372 <li class="zsh_erhangerlie"> 标准双人间</li>
1373 <li class="zsh_erhangsanlie">双人床</li>
1374 </ul>
1375 <ul class="zsh_disanlie"><!-- 第三列，早餐 -->
1376 <li class="zsh_sanhangyilie">
1377 <p class="zsh_zaocan">早餐</p>
1378 </li>
1379 <li class="zsh_sanhangerlie"> 含早</li>
1380 <li class="zsh_sanhangsanlie">含早</li>
1381 </ul>
1382 <ul class="zsh_disilie"><!-- 第四列，宽带 -->
1383 <li class="zsh_sihangyilie">
1384 <p class="zsh_kuandai">宽带</p>
1385 </li>
1386 <li class="zsh_sihangerlie"> 免费</li>
1387 <li class="zsh_sihangsanlie">免费</li>
1388 </ul>
1389 <ul class="zsh_diwulie"><!-- 第五列，床型 -->
1390 <li class="zsh_wuhangyilie">
1391 <p class="zsh_cx">床型</p>
1392 </li>
1393 <li class="zsh_wuhangerlie"> 双床</li>
1394 <li class="zsh_wuhangsanlie">大床</li>
1395 </ul>
1396 <ul class="zsh_diliulie"><!-- 第六列，房价 -->
1397 <li class="zsh_liuhangyilie">
1398 <p class="zsh_fj">房价</p>
1399 </li>
1400 <li class="zsh_liuhangerlie">
1401 <div class="zsh_yao">
1402 ¥557
1403 </div>
1404 </li>
1405 <li class="zsh_liuhangsanlie">
1406 <div class="zsh_yao">
1407 ¥557
1408 </div>
1409 </li>
1410 </ul>
1411 <ul class="zsh_diqilie"><!-- 第七列，现价 -->
1412 <li class="zsh_qihangyilie">
1413 <p class="zsh_xianjia">现价</p>
1414 </li>
1415 <li class="zsh_qihangerlie">
1416 <p class="zsh_yaoyao">
1417 ¥508
1418 </p>
1419 </li>
1420 <li class="zsh_qihangsanlie">
1421 <p class="zsh_yaoyao">
1422 ¥508
1423 </p>
1424 </li>
1425 </ul>
1426 <ul class="zsh_dibalie"><!-- 第八列，速订 -->
1427 <li class="zsh_bahangyilie">
1428 <p class="zsh_xianjia"></p>
1429 </li>
1430 <li class="zsh_bahangerlie">
1431 <img src="images/zsh_速订.png" alt="速订">
1432 </li>
1433 <li class="zsh_bahangsanlie">
1434 <img src="images/zsh_速订.png" alt="速订">
1435 </li>
1436 </ul>
1437 <div class="zsh_dixian"></div>
1438 </div>
1439 </div>
1440 <div class="bigang_haijing"><!-- 碧港良居商旅-夜景 -->
1441 <div class="shangbufen"><!-- 上部分-介绍 -->
1442 <div class="picture1"><!-- 图片 -->
1443 <img src="images/zsh_碧港3号.jpg" alt="夜景" >
1444 <div class="left"><!-- 向左圆箭头 -->
1445 <img src="images/zsh_向左圆箭头.png" alt="向左圆箭头">
1446 </div>
1447 <div class="right"><!-- 向右圆箭头 -->
1448 <img src="images/zsh_向右圆箭头.png" alt="向右圆箭头">
1449 </div>
1450 </div>
1451 <div class="jutixinxi"><!-- 右侧商旅具体信息 -->
1452 <div class="bg_zong"><!-- 碧港良居商旅评分 -->
1453 <p class="bg">碧港良居商旅</p>
1454 <img src="images/zsh_星星.png" alt="星星" class="xing1">
1455 <img src="images/zsh_星星.png" alt="星星" class="xing2"><img src="images/zsh_星星.png" alt="星星" class="xing3">
1456 <img src="images/zsh_星星.png" alt="星星" class="xing4">
1457 <img src="images/zsh_星星1.png" alt="星星" class="xing5">
1458 <div class="love">喜欢</div>
1459 <div class="shuzi_1168">1168</div>
1460 <img src="images/zsh_红心1.png" alt="" class="hongxin1">
1461 <div class="pinglun">评论</div>
1462 <div class="shuzi_1168">1168</div>
1463 <img src="images/zsh_蓝心1.png" alt="" class="lanxin1">
1464 </div>
1465 <div class="bg_jt"><!-- 碧港良居商旅具体信息 -->
1466 <ul class="dyl"><!-- 第一列 -->
1467 <li class="address">
1468 <span>地</span>
1469
1470 <span>址 :</span>
1471 </li>
1472 <li class="fangjiantese">
1473 房间特色：
1474 </li>
1475 <li class="fw">
1476 <span>服</span>
1477
1478 <span>务：</span>
1479 </li>
1480 </ul>
1481 <ul class="del"><!-- 第二列 -->
1482 <li class="pingding">
1483 屏东县恒春镇埔顶路535号
1484 </li>
1485 <li class="laochangwenzi">
1486 2013年新开业的设计性酒店，么个房间都有不同的主题，比如拳击主题房等等
1487 </li>
1488 <li>
1489 临近台北捷运府中站各种风格一应俱全，用品别致，环境干净，性价比高。
1490 </li>
1491 <li class="last"><!-- 最后一行 -->
1492 <div class="tigong">
1493 提供早餐
1494 <img src="images/zsh_早餐.png" alt="提供早餐" class="zctu">
1495 </div>
1496 <div class="wuxianwangluo">
1497 无线网络
1498 <img src="images/zsh_WiFi.png" alt="无线网络" class="wifi">
1499 </div>
1500 <div class="xinyongkafuwu">
1501 信用卡服务
1502 <img src="images/zsh_WiFi.png" alt="信用卡服务" class="xyk">
1503 </div>
1504 </li>
1505 </ul>
1506 </div>
1507 </div>
1508 </div>
1509 <div class="zsh_xiabufen"><!-- 下部分-内部展示 -->
1510 <ul class="zsh_diyilie"><!-- 第一列，图片 -->
1511 <li class="zsh_yihangyilie"></li>
1512 <li class="zsh_yihangerlie">
1513 <img src="images/zsh_标准双人间2.jpg" alt="标准双人间" class="zsh_bzsrj">
1514 </li>
1515 <li class="zsh_yihangsanlie">
1516 <img src="images/zsh_双人床2.jpg" alt="双人床" class="zsh_src">
1517 </li>
1518 </ul>
1519 <ul class="zsh_dierlie"><!-- 第二列，房型 -->
1520 <li class="zsh_erhangyilie">
1521 <p class="zsh_fx">房型</p>
1522 </li>
1523 <li class="zsh_erhangerlie"> 标准双人间</li>
1524 <li class="zsh_erhangsanlie">双人床</li>
1525 </ul>
1526 <ul class="zsh_disanlie"><!-- 第三列，早餐 -->
1527 <li class="zsh_sanhangyilie">
1528 <p class="zsh_zaocan">早餐</p>
1529 </li>
1530 <li class="zsh_sanhangerlie"> 含早</li>
1531 <li class="zsh_sanhangsanlie">含早</li>
1532 </ul>
1533 <ul class="zsh_disilie"><!-- 第四列，宽带 -->
1534 <li class="zsh_sihangyilie">
1535 <p class="zsh_kuandai">宽带</p>
1536 </li>
1537 <li class="zsh_sihangerlie"> 免费</li>
1538 <li class="zsh_sihangsanlie">免费</li>
1539 </ul>
1540 <ul class="zsh_diwulie"><!-- 第五列，床型 -->
1541 <li class="zsh_wuhangyilie">
1542 <p class="zsh_cx">床型</p>
1543 </li>
1544 <li class="zsh_wuhangerlie"> 双床</li>
1545 <li class="zsh_wuhangsanlie">大床</li>
1546 </ul>
1547 <ul class="zsh_diliulie"><!-- 第六列，房价 -->
1548 <li class="zsh_liuhangyilie">
1549 <p class="zsh_fj">房价</p>
1550 </li>
1551 <li class="zsh_liuhangerlie">
1552 <div class="zsh_yao">
1553 ¥557
1554 </div>
1555 </li>
1556 <li class="zsh_liuhangsanlie">
1557 <div class="zsh_yao">
1558 ¥557
1559 </div>
1560 </li>
1561 </ul>
1562 <ul class="zsh_diqilie"><!-- 第七列，现价 -->
1563 <li class="zsh_qihangyilie">
1564 <p class="zsh_xianjia">现价</p>
1565 </li>
1566 <li class="zsh_qihangerlie">
1567 <p class="zsh_yaoyao">
1568 ¥508
1569 </p>
1570 </li>
1571 <li class="zsh_qihangsanlie">
1572 <p class="zsh_yaoyao">
1573 ¥508
1574 </p>
1575 </li>
1576 </ul>
1577 <ul class="zsh_dibalie"><!-- 第八列，速订 -->
1578 <li class="zsh_bahangyilie">
1579 <p class="zsh_xianjia"></p>
1580 </li>
1581 <li class="zsh_bahangerlie">
1582 <img src="images/zsh_速订.png" alt="速订">
1583 </li>
1584 <li class="zsh_bahangsanlie">
1585 <img src="images/zsh_速订.png" alt="速订">
1586 </li>
1587 </ul>
1588 </div>
1589 </div>
1590 <div class="fanye"><!-- 翻页 -->
1591 <span class="shangyiye">
1592 上一页
1593 </span><!-- 上一页 -->
1594 <span class="shuzi1">
1595 1
1596 </span><!-- 1 -->
1597 <span class="shengluehao">
1598 .....
1599 </span><!-- 省略号 -->
1600 <span class="shuzi12">
1601 12
1602 </span><!-- 12 -->
1603 <span class="shuzi13">
1604 13
1605 </span><!-- 13 -->
1606 <span class="shuzi14"><!-- 14 -->
1607 14
1608 </span>
1609 <span class="shengluehao2"><!-- 省略号 -->
1610 .....
1611 </span>
1612 <span class="shuzi40"><!-- 40 -->
1613 40
1614 </span>
1615 <span class="xiayiye"> <!-- 下一页 -->
1616 下一页
1617 </span>
1618 </div>
1619 <div class="zsh_fenjiexian"><!-- 底部分界线 -->
1620 </div>
1621 </div>
1622 <!-- 中间正文部分结束 -->
1623 <!-- 底部信息栏开始 -->
1624 <div class="dibuxinxi"><!-- 底部信息栏 -->
1625 <div class="xinxishang"><!-- 信息栏上部分 -->
1626 <ul class="diyilie"><!-- 1 -->
1627 <li class="l1">关于遛弯</li>
1628 <li class="l2">公司简介</li>
1629 <li class="l3">联系我们</li>
1630 <li class="l3">诚聘英才</li>
1631 <li class="l3">网站地址</li>
1632 </ul>
1633 <ul class="dierlie"><!-- 2 -->
1634 <li class="l1">帮助中心</li>
1635 <li class="l2">赴台手续</li>
1636 <li class="l3">遛弯玩法</li>
1637 <li class="l3">常见问题</li>
1638 </ul>
1639 <ul class="disanlie"><!-- 3 -->
1640 <li class="l1">网站条款</li>
1641 <li class="l2">服务条款</li>
1642 <li class="l3">免责声明</li>
1643 </ul>
1644 <ul class="disilie"><!-- 4 -->
1645 <li class="l1">关注我们</li>
1646 <li class="l6"><img src="images/zsh_微信logo.png" alt=""></li>
1647 </ul>
1648 <ul class="diwulie"><!-- 5 -->
1649 <li class="l1">400 820 8820</li>
1650 <li class="l7">周一至周日</li>
1651 <li class="l7">9:00~20:00</li>
1652 <li class="l7"><img src="images/zsh_在线服务.png" alt=""></li>
1653 </ul>
1654 </div>
1655 <div class="xinxixia"><!-- 信息栏下部分 -->
1656 <div class="dibukuang">
1657 <p class="pp">
1658 Copyright © 2013-2014 www.6waner.cn All Right Reserved. 京ICP备11015236号
1659 </p>
1660 </div>
1661 </div>
1662 </div>
1663 </body>
1664 </html>
1 .dibuxinxi
2 {
3 margin-top: 30px;
4 overflow: hidden;
5 width: 100%;
6 min-width: 1000px;
7 background-color:#023c4d;
8 }
9 .xinxishang
10 {
11 width: 1000px;
12 color: #ffffff;
13 overflow: hidden;
14 margin: 0 auto;
15 }
16 .diyilie
17 {
18 float: left;
19 padding-left: 102px;
20 float: left;
21 }
22 .l1
23 {
24 padding-top: 22px;
25 font-size: 18px;
26 font-weight: bold;
27 }
28 .l2
29 {
30 padding-top: 11px;
31 font-size: 14px;
32 }
33 .l3,.l4,.l5
34 {
35 padding-top: 15px;
36 font-size: 14px;
37 }
38 .dierlie
39 {
40 float: left;
41 margin-left: 80px;
42 float: left;
43 }
44 .disanlie
45 {
46 float: left;
47 margin-left: 80px;
48 float: left;
49 }
50 .disilie
51 {
52 float: left;
53 margin-left: 80px;
54 float: left;
55 }
56 .l6
57 {
58 padding-top: 22px;
59 font-size: 14px;
60 }
61 .diwulie
62 {
63 float: left;
64 margin-left: 80px;
65 float: left;
66 }
67 .l7
68 {
69 font-size: 18px;
70 padding-top: 18px;
71 }
72 .xinxixia
73 {
74 border-top:1px solid #ffffff;
75 margin-top: 22px;
76 }
77 .dibukuang
78 {
79 height: 57px;
80 line-height: 57px;
81 width: 1000px;
82 margin: 0 auto;
83 }
84 .pp
85 {
86 text-align: center;
87 color: #ffffff;
88 }
1 *
2 {
3 margin: 0;
4 padding: 0;
5 }
6 .head
7 {
8 border-bottom:4px solid #176fbb;
9 min-width: 1000px;
10 }
11 .headcon
12 {
13 width: 1000px;
14 margin: 0 auto;
15 overflow: hidden;
16 padding-top: 15px;
17 padding-bottom: 9px;
18 }
19 .head1
20 {
21 float: left;
22 }
23 .head2
24 {
25 float: right;
26 }
27 .banners
28 {
29 float: left;
30 margin-right: 14px;
31 font-family: "微软雅黑";
32 font-size: 14px;
33 color: #505050;
34 text-decoration: none;
35 }
36 .headboreder
37 {
38 border-right: 2px solid #3c3c3c;
39 padding-right: 14px;
40 }
41 .headinp
42 {
43 width: 151px;
44 height: 24px;
45 margin-right: 0px;
46 }
47 .xinglixiang
48 {
49 margin-top: -5px;
50 }
51 .phone
52 {
53 margin-top: -1px;
54 }
55 .sousuo
56 {
57 margin-top: -6px;
58 }
59 .head3
60 {
61 float: left;
62 margin-left: 56px;
63 margin-top: 40px;
64 }
65 .head3 a
66 {
67 font-family: "微软雅黑";
68 font-size: 18px;
69 color: #3c3c3c;
70 text-decoration: none;
71 margin-left: 38px;
72 }
@charset "utf-8";
/*=========================Reset_start==========================*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option
{
margin: 0;
padding: 0;
}
html,body
{
font-family:"微软雅黑","宋体",Arail,Tabhoma;
text-align: left;
}
ul,ol
{
list-style: none;
}
img
{
border: 0 none;
}
input,select,textarea
{
outline:0;
}
textarea
{
resize:none;
overflow: auto;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
th,strong,var,em
{
font-weight: normal;
font-style: normal;
}
a
{
text-decoration: none;
}
/*==========================Reset_End===========================*/
