.floor { width:320px; height:500px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-250px 0 0 -160px; }


.floor-1 { }
.floor-1 .img-1 { display:block; width:100%; }
.floor-1 .img-2 { display:block; width:200px; position:absolute; left:20px; bottom:20px; }
.floor-1 .img-3 { display:block; width:100px; position:absolute; right:40px; bottom:20px; }


.floor-2 {}
.floor-2 h2 { font-size:24px; padding:20px 0 10px; text-align:center; color:#427edf; }
.floor-2 p { text-align:center; margin-bottom:30px; font-size:16px; line-height:2.2; }
.floor-2 h2 span, .floor-2 p b { color:#e24949; }
.floor-2 .list { display:table; width:100%; margin-bottom:40px; }
.floor-2 .list li { display:table-cell; width:20%; }
.floor-2 .list li:nth-child(2n) { position:relative; top:10px; }
.floor-2 .list img { display:block; width:50px; height:50px; margin:0 auto; }
.floor-2 .img-1 { display:block; width:100%; }


.floor-3 { color:#FFF; }
.floor-3 h2 { font-size:24px; padding:20px 0 10px; text-align:center; }
.floor-3 > p { text-align:center; margin-bottom:30px; font-size:16px; line-height:2.2; }
.floor-3 > p b { color:#ffdd40; }
.floor-3 .list { position:relative; width:100%; margin-bottom:50px; }
.floor-3 .list dt { width:100px; margin:0 auto; }
.floor-3 .list dt img { display:block; width:100%; }
.floor-3 .list dd { position:absolute; top:0; color:#ffdd40; width:90px; }
.floor-3 .list dd:before { content:''; width:30px; height:2px; background:#ffdd40; position:absolute; top:10px; }
.floor-3 .list dd:nth-child(2) { left:10px; top:20px; text-align:right; }
.floor-3 .list dd:nth-child(3) { right:10px; top:40px; }
.floor-3 .list dd:nth-child(4) { left:10px; top:120px; text-align:right; }
.floor-3 .list dd:nth-child(5) { right:10px; top:140px; }
.floor-3 .list dd:nth-child(2):before { right:-35px; }
.floor-3 .list dd:nth-child(3):before { left:-35px; }
.floor-3 .list dd:nth-child(4):before { right:-35px; }
.floor-3 .list dd:nth-child(5):before { left:-35px; }
.floor-3 .list h3 { font-size:16px; }
.floor-3 .list p { font-size:12px; }


.floor-4 h2 { font-size:24px; padding:20px 0 30px; text-align:center; color:#427edf; }
.floor-4 .list dd { width:auto; height:70px; background:#ebebeb; border-radius:70px; position:relative; margin:0 10px 30px; }
.floor-4 .list .hd { width:70px; height:70px; line-height:70px; text-align:center; border-radius:50%; background:#0076ca; position:absolute; top:0; font-size:14px; color:#FFF; }
.floor-4 .list .hd strong { font-size:30px; }
.floor-4 .list dd.odd { padding:0 10px 0 80px; }
.floor-4 .list dd.even { padding:0 70px 0 20px; }
.floor-4 .list dd.odd .hd { left:0; }
.floor-4 .list dd.even .hd { right:0; }
.floor-4 .list h3 { font-size:14px; line-height:24px; padding:4px 0 0px; color:#333; }
.floor-4 .list p { font-size:12px; line-height:17px; height:34px; overflow:hidden; }
.floor-4 .list span { color:#e24949; }


.floor-5 {}
.floor-5 h4 { font-size:15px; color:#FFF; font-weight:400; text-align:center; padding:20px 0 0; }
.floor-5 h2 { font-size:24px; color:#FFF; font-weight:400; text-align:center; margin-bottom:40px; }
.floor-5 .list { width:100%; display:table; margin-bottom:20px; }
.floor-5 .list li { display:table-cell; text-align:center; padding:0 10px; color:#FFF; }
.floor-5 .list img { width:50px; height:50px; }
.floor-5 .list h3 { opacity:.8; font-size:14px; font-weight:400; }
.floor-5 .list p { color:#aaa; font-size:12px;  line-height:1.8; }


.floor-6 { }
.floor-6 h2 { font-size:22px; font-weight:400; text-align:center; line-height:1.1; padding-top:20px; margin-bottom:20px; }
.floor-6 .list { margin-bottom:10px; }
.floor-6 .list dd { float:left; width:28%; margin:0 0 5% 4%; border:1px solid #ddd; padding:15px 5px 20px; border-radius:10px; position:relative; }
.floor-6 .list dd:before { content:''; width:10px; height:10px; background:#fff; border:1px solid #e5e5e5; position:absolute; bottom:5px; left:50%; margin-left:-5px; border-radius:50%; }
.floor-6 .list figure { width:100%; padding:0 0 160%; position:relative; overflow:hidden; border:1px solid #eee; }
.floor-6 .list img { position:absolute; width:100%; height:auto; }
.floor-6 .more { margin:0 10%; height:40px; line-height:40px; text-align:center; background:#e24949; border-radius:40px; font-size:16px; }
.floor-6 .more a { color:#FFF; }
.floor-6 .more:active { background:#cb1919; }