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


.floor-1 { color:#FFF; }
.floor-1 h2 { font-size:30px; line-height:1.2; padding:50px 0 10px; text-align:center;  }
.floor-1 h3 { font-size:16px; line-height:1.2; text-align:center; font-weight:400; margin-bottom:50px;  }
.floor-1 .list { margin:0 40px;  }
.floor-1 .list dd { background:url(../../images/brand/floor-1-1.png) left center no-repeat; background-size:24px; padding:5px 0 5px 35px; font-size:18px;  }


.floor-2 {}
.floor-2 .list { padding:30px 0 ; }
.floor-2 .list li { float:left; width:50%; text-align:center; padding:0 10px; }
.floor-2 .list img { display:block; width:80px; height:80px; margin:0 auto; }
.floor-2 .list h3 { font-size:18px; color:#ff5b00; line-height:2; }
.floor-2 .list p { font-size:12px; height:140px; line-height:24px; overflow:hidden; }


.floor-3 {}
.floor-3 .icon { display:block; width:260px; margin:30px auto 0; }
.floor-3 .icon2 { display:block; width:160px; margin:30px auto -50px 180px; }
.floor-3 h2 { font-size:24px; line-height:50px; font-weight:400; color:#ff5a1e; margin:0 20px; }
.floor-3 p { margin:0 20px 20px; font-size:14px;  line-height:26px;}
.floor-3 p span { color:#ff5b00; }
.floor-3 .ico { margin:0 20px; }
.floor-3 .ico li { float:left; width:50%; height:20px; line-height:20px; padding-left:25px; position:relative; margin-bottom:10px; font-size:10px; color:#666; overflow:hidden; }
.floor-3 .ico li:before { content:""; width:20px; height:20px; background:url(../../images/brand/ico-website.png) 0 0 no-repeat; background-size:100px; position:absolute; left:0; top:0; }
.floor-3 .ico li.ico-1:before { background-position:0 0; }
.floor-3 .ico li.ico-2:before { background-position:-20px 0; }
.floor-3 .ico li.ico-3:before { background-position:-40px 0; }
.floor-3 .ico li.ico-4:before { background-position:-60px 0; }
.floor-3 .ico li.ico-5:before { background-position:-80px 0; }
.floor-3 .ico li.ico-6:before { background-position:0 -20px; }
.floor-3 .ico li.ico-7:before { background-position:-20px -20px; }
.floor-3 .ico li.ico-8:before { background-position:-40px -20px; }
.floor-3 .ico li.ico-9:before { background-position:-60px -20px; }
.floor-3 .ico li.ico-10:before { background-position:-80px -20px; }


.floor-4 { }
.floor-4 h2 { font-size:22px; font-weight:400; text-align:center; line-height:1.1; padding-top:20px; margin-bottom:20px; }
.floor-4 .list { margin-bottom:10px; }
.floor-4 .list dd { float:left; width:44%; margin:0 0 4% 4%; }
.floor-4 .list figure { width:100%; padding:0 0 40%; position:relative; overflow:hidden; }
.floor-4 .list img { position:absolute; width:100%; height:auto; }
.floor-4 .more { margin:0 10%; height:40px; line-height:40px; text-align:center; background:#e24949; border-radius:40px; font-size:16px; }
.floor-4 .more a { color:#FFF; }
.floor-4 .more:active { background:#cb1919; }