body { font-size: 15px;
     line-height: 1.4em;
      font-family: sans-serif;
       color: rgb(51, 51, 51); }
a {
color: #009ced;
 text-decoration: none;
}
a:hover { color: #008ad1;
     text-decoration: underline;
     }
.container { width: 940px;
     margin: 0 auto;
     }
h1.logo a { display: block;
     width: 376px;
      height: 81px;
       background: url('../images/logo.png') no-repeat;
        white-space: nowrap; text-indent: 110%; overflow: hidden; } 
.header .container { position: relative; }
.header .slogan { position: absolute;
     top: 20px;
      right: 0; }
.slogan strong { font-size: 1.5em;
     color: #5574ff; }
.main-menu { 
    background: #ff8080;
     margin-bottom: 20px;
     overflow: auto;
     }
.main-menu ul { 
    list-style: none;
     margin: 0; 
     padding: 0; }

.main-menu ul li {
     float: left; 
     width: 25%; 
    }
.main-menu ul li a {
     display: block;
     padding: 10px 0;
     text-align: center;
     font-size: 18px;
     color: rgb(255, 255, 255);
     text-decoration: none; }
     a:hover { 
        background: #d7ff55;
     }
.main { width: 700px;
     float: left; 
     padding-bottom: 30px;
     } .side { width: 220px; 
        float: right;
         padding-bottom: 30px;
         } .footer { background: rgb(51, 51, 51); 
            color: rgb(255, 255, 255);
             text-align: center; 
             padding: 20px 0 40px; 
             clear: both;
            }
            .headline { border: rgb(221, 221, 221) 1px solid; padding: 10px 10px 10px 220px; margin-bottom: 20px; font-size: 16px; line-height: 1.5em; position: relative; min-height: 150px; } 

            .headline img { position: absolute; left: 10px; }
ul.news-list { list-style: none; margin: 0; padding: 0; }
 .news {box-sizing: border-box;
     width: 340px;
      height: 250px; 
       overflow: hidden; 
       border: rgb(221, 221, 221) 1px solid; 
       padding: 10px; 
       margin-bottom: 20px; 
       float: left;
      

    } 
    .news:nth-child(odd) { margin-right: 20px; }

 .news h2 { margin-top: 0; line-height: 1.2em; } 
 .news .img { float: left; margin: 0 10px 10px 0; }
 .side-title { padding-bottom: 4px; border-bottom: #55d7ff 4px solid; } .top-news { padding-left: 30px; } .top-news li { line-height: 1.5em; padding-bottom: 5px; }
 a.back-top { position: fixed; bottom: 150px; right: 0; background: #ff80f4; padding: 10px 20px; font-size: 2em; color: #fff; }





