* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", Arial, sans-serif; background-color: #f9f9f9; color: #333; font-size: 14px; line-height: 1.5; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.header { background-color: #262262; height: 65px; width: 100%; min-width: 1000px; }
.header-content { width: 1200px; margin: 0 auto; height: 100%; }
.logo-area { float: left; display: flex; align-items: center; height: 100%; padding-top: 8px; }
.logo-icon { float: left; width: 28px; height: 32px; background-color: #80ccee; color: #262262; font-weight: bold; font-size: 26px; line-height: 32px; text-align: center; margin-right: 8px; margin-top: 5px; }
.logo-texts { float: left; color: #ffffff; line-height: 1.2; }
.logo-texts .line1 { display: block; font-size: 14px; letter-spacing: 1px; font-weight: 500; }
.logo-texts .line2 { display: block; font-size: 12px; opacity: 0.85; letter-spacing: 1px; }
.nav { float: right; height: 100%; line-height: 65px; }
.nav ul { height: 100%; }
.nav li { float: left; position: relative; }
.nav li a { color: #ffffff; font-size: 13px; display: block; padding: 0 10px; font-family: "Microsoft YaHei", sans-serif; }
.nav li a:hover { color: #dcdcdc; }
.nav li:after { content: ""; position: absolute; right: 0; top: 20px; height: 26px; width: 1px; background-color: rgba(255, 255, 255, 0.25); }
.nav li:last-child:after { display: none; }
.container { 
    width: 1000px; 
    margin: 20px auto; 
    background-color: #fff; 
    padding: 20px; 
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    min-height: 900px;
}
.section-title { font-size: 16px; color: #2e9db2; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; padding-left: 5px; }
.news-item { display: block; padding: 15px 0; border-bottom: 1px solid #f5f5f5; overflow: hidden; }
.news-item:last-child { border-bottom: none; }
.news-item:hover { cursor: pointer; background-color: #f7faff; }
.news-img { float: left; width: 180px; height: 110px; overflow: hidden; margin-right: 20px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #eee; }
.news-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.news-content { float: left; width: 760px; }
.news-content h3 { font-size: 16px; color: #333; margin-bottom: 5px; font-weight: normal; margin-top: -3px; }
.news-item:hover .news-content h3 { color: #2e9db2; }
.news-content .date { font-size: 12px; color: #999; margin-bottom: 5px; display: block; }
.news-content p { 
    font-size: 13px; 
    color: #666; 
    line-height: 1.6; 
    margin-top: 5px; 
    text-align: justify;
    max-height: 7.68em;
    overflow: hidden;
    word-break: break-all;
}