/* ==========================================================================
   科技快讯 - 资讯门户样式 (仿 Xiu / shangjixun 风格)
   主色: #FF5E52(珊瑚红)  底色: #f6f6f6  内容底: #fff  文字: #444/#666/#999
   ========================================================================== */
*{margin:0;padding:0;box-sizing:border-box}
html{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{background:#f6f6f6;color:#444;font-size:14px;line-height:1.8}
a{color:#444;text-decoration:none;transition:color .2s}
a:hover{color:#FF5E52}
img{max-width:100%;vertical-align:middle;border:0}
ul,ol{list-style:none}
input,button,select{font-family:inherit;font-size:inherit}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.container{width:1200px;margin:0 auto}
.hidden{display:none!important}

/* ---------- 顶栏 ---------- */
.topbar{background:#fff;border-bottom:1px solid #eee}
.topbar .container{height:auto;min-height:64px;position:relative}
.logo{float:left;padding:12px 0}
.logo img{height:40px;display:block}
.logo .logo-text{font-size:24px;font-weight:700;color:#333;line-height:40px}
.logo .logo-text span{color:#FF5E52}
.logo .logo-en{display:block;font-size:11px;color:#bbb;letter-spacing:2px;line-height:1}
.search-box{float:right;margin-top:16px}
.search-box form{display:flex;border:2px solid #FF5E52;border-radius:3px;overflow:hidden;background:#fff}
.search-box input{width:220px;height:32px;border:0;outline:0;padding:0 10px;font-size:13px;color:#666}
.search-box button{width:68px;height:32px;border:0;background:#FF5E52;color:#fff;cursor:pointer;font-size:14px}
.search-box button:hover{background:#e04a3f}

/* ---------- 导航 ---------- */
.navbar{background:#fff;border-bottom:1px solid #eee}
.navbar .container{position:relative}
.navbar ul.nav{display:flex;position:relative}
.navbar ul.nav > li{position:relative}
.navbar ul.nav > li > a{display:block;padding:0 22px;height:46px;line-height:46px;font-size:16px;color:#333;border-bottom:2px solid transparent}
.navbar ul.nav > li > a:hover{color:#FF5E52}
.navbar ul.nav > li.on > a,.navbar ul.nav > li.current > a,.navbar ul.nav > li.active > a{color:#FF5E52;border-bottom-color:#FF5E52;font-weight:700}
.navbar ul.nav > li:hover > a{color:#FF5E52}
.navbar ul.nav li.has-child:hover .sub{display:block}
.navbar .sub{display:none;position:absolute;top:48px;left:0;min-width:140px;z-index:99;background:#fff;border:1px solid #eee;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.navbar .sub a{display:block;padding:9px 18px;font-size:14px;color:#555;border-bottom:1px dashed #f0f0f0}
.navbar .sub a:hover{color:#FF5E52;background:#f9f9f9}
.navbar .sub a:last-child{border-bottom:0}
.nav-right{float:right;margin-top:13px;font-size:13px;color:#999}
.nav-right a{color:#888;margin-left:10px}
.nav-right a:hover{color:#FF5E52}

/* ---------- 焦点图 ---------- */
.focus{border-radius:4px;overflow:hidden;margin-bottom:18px;position:relative}
.focus .swiper-container{width:100%}
.focus .swiper-slide img{width:100%;height:340px;object-fit:cover;display:block}
.focus .swiper-pagination{position:absolute;bottom:12px!important;left:0;right:0;text-align:right;padding-right:16px;z-index:9}
.focus .swiper-pagination-bullet{width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.5);opacity:1;margin:0 3px}
.focus .swiper-pagination-bullet-active{background:#FF5E52}

/* ---------- 主布局：左内容 + 右侧栏 ---------- */
.wrap{overflow:hidden;padding:20px 0 10px}
.content-wrap{float:left;width:calc(100% - 340px)}
.sidebar{float:right;width:320px}
.sidebar .widget{background:#fff;border-radius:4px;margin-bottom:18px;overflow:hidden}
.sidebar .widget-title{position:relative;padding:14px 18px 11px;font-size:16px;font-weight:700;color:#333;border-bottom:1px solid #f0f0f0}
.sidebar .widget-title:before{content:"";display:inline-block;width:4px;height:16px;background:#FF5E52;margin-right:8px;vertical-align:-2px}
.sidebar .widget ul{padding:6px 0}
.sidebar .widget ul li{padding:9px 18px;font-size:14px;border-bottom:1px dashed #f6f6f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .widget ul li:last-child{border-bottom:0}
.sidebar .widget ul li a{color:#555}
.sidebar .widget ul li a:hover{color:#FF5E52}
.sidebar .widget ul li .num{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;color:#999;background:#f0f0f0;border-radius:3px;margin-right:8px;font-style:normal}
ul.rank-list{counter-reset:rank}
ul.rank-list > li{counter-increment:rank}
ul.rank-list .num:before{content:counter(rank)}
.sidebar .widget ul li:nth-child(1) .num{background:#FF5E52;color:#fff}
.sidebar .widget ul li:nth-child(2) .num{background:#FF8A52;color:#fff}
.sidebar .widget ul li:nth-child(3) .num{background:#FFB052;color:#fff}
.sidebar .widget ul li .date{float:right;color:#ccc;font-size:12px}
.sidebar .widget-hot li .t{display:block;font-size:14px;color:#555;white-space:normal;line-height:1.5}
.sidebar .widget-hot li .d{font-size:12px;color:#aaa;margin-top:2px}
.sidebar .widget-cats li a{display:block}
.sidebar .widget-tags{padding:14px 18px}
.sidebar .widget-tags a{display:inline-block;padding:3px 10px;margin:0 6px 6px 0;font-size:12px;color:#666;background:#f5f5f5;border-radius:2px}
.sidebar .widget-tags a:hover{background:#FF5E52;color:#fff}
.sidebar .contact-box{padding:18px;font-size:13px;color:#666}
.sidebar .contact-box b{color:#FF5E52;font-size:22px;display:block;margin:6px 0}

/* ---------- 文章流列表 ---------- */
.excerpts{background:#fff;border-radius:4px;padding:8px 0 0}
.excerpt{border-bottom:1px solid #f2f2f2}
.excerpt a.excerpt-link{display:flex;padding:22px 22px;align-items:flex-start;transition:background .2s}
.excerpt a.excerpt-link:hover{background:#fcfcfc}
.excerpt .thumb{width:220px;height:140px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#f0f0f0}
.excerpt .info{flex:1;padding-left:22px;min-width:0}
.excerpt .info h2{font-size:18px;font-weight:600;color:#333;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px}
.excerpt .info h2 a{color:#333}
.excerpt .info h2 a:hover{color:#FF5E52}
.excerpt .note{font-size:13px;color:#999;line-height:1.8;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.excerpt .meta{font-size:12px;color:#aaa}
.excerpt .meta .cat{display:inline-block;background:#FF5E52;color:#fff;font-size:12px;padding:1px 8px;border-radius:2px;margin-right:12px}
.excerpt .meta .cat:hover{background:#e04a3f;color:#fff}
.excerpt .meta .date{margin-right:14px}
.excerpt .meta .views{margin-right:14px}

/* 图文混排流（无大图时） */
.excerpts.simple .excerpt{display:block;padding:0}
.excerpts.simple .excerpt a.excerpt-link{display:block;padding:18px 22px}
.excerpts.simple .excerpt .thumb{width:120px;height:80px;float:left;margin-right:16px}
.excerpts.simple .excerpt .info{padding:0;overflow:hidden}
.excerpts.simple .excerpt .info h2{font-size:16px;-webkit-line-clamp:1;margin-bottom:4px}

/* ---------- 分页 ---------- */
.pagebar{text-align:center;padding:22px 0 10px}
.pagebar .pagination a,.pagebar .pagination span{display:inline-block;padding:6px 13px;margin:0 3px;font-size:13px;color:#666;background:#fff;border:1px solid #e5e5e5;border-radius:3px}
.pagebar .pagination a:hover{border-color:#FF5E52;color:#FF5E52}
.pagebar .pagination span.current{background:#FF5E52;border-color:#FF5E52;color:#fff}
.tac{text-align:center;padding:40px 0;color:#999}

/* ---------- 区块标题（栏目页头） ---------- */
.panel-head{background:#fff;border-radius:4px;padding:16px 22px;margin-bottom:16px;border-bottom:2px solid #FF5E52}
.panel-head .cn{font-size:20px;font-weight:700;color:#333}
.panel-head .cn span{color:#FF5E52}
.panel-head .en{font-size:12px;color:#bbb;letter-spacing:1px;margin-top:2px}
.panel-head .subs{float:right;margin-top:6px;font-size:13px}
.panel-head .subs a{color:#888;margin-left:12px}
.panel-head .subs a.on,.panel-head .subs a:hover{color:#FF5E52}

/* ---------- 文章详情 ---------- */
.article{background:#fff;border-radius:4px;padding:30px 34px 20px}
.article-header{text-align:center;border-bottom:1px solid #f2f2f2;padding-bottom:18px;margin-bottom:22px}
.article-header h1{font-size:24px;color:#333;line-height:1.5;margin-bottom:12px}
.article-header .meta{font-size:13px;color:#aaa}
.article-header .meta span{margin:0 10px}
.article-header .meta a{color:#FF5E52}
.article-content{font-size:15px;color:#555;line-height:2;word-break:break-word}
.article-content p{margin-bottom:18px;text-align:justify}
.article-content img{max-width:100%;display:block;margin:10px auto;border-radius:4px}
.article-content h2,.article-content h3{margin:22px 0 12px;color:#333}
.article-content strong{color:#333}
.article-tags{margin:26px 0 10px;font-size:13px;color:#999}
.article-tags a{display:inline-block;padding:3px 10px;margin:0 6px 6px 0;font-size:12px;color:#666;background:#f5f5f5;border-radius:2px}
.article-tags a:hover{background:#FF5E52;color:#fff}
.back-btn{display:inline-block;margin:8px auto 20px;padding:6px 18px;font-size:13px;color:#888;border:1px solid #e5e5e5;border-radius:3px}
.back-btn:hover{border-color:#FF5E52;color:#FF5E52}

/* ---------- 关于/联系单页 ---------- */
.single-page .article-content h2{font-size:20px;border-left:4px solid #FF5E52;padding-left:12px}

/* ---------- 底部 ---------- */
.footer{background:#fff;border-top:1px solid #eee;padding:18px 0;margin-top:10px}
.footer .links{text-align:center;font-size:13px;padding-bottom:8px;color:#888}
.footer .links a{color:#666;margin:0 12px}
.footer .links a:hover{color:#FF5E52}
.footer .copyright{text-align:center;font-size:12px;color:#aaa}
.footer .copyright a{color:#999}
.footer .copyright a:hover{color:#FF5E52}

/* ---------- 返回顶部 / 悬浮条 ---------- */
.gotop{position:fixed;right:24px;bottom:80px;width:42px;height:42px;line-height:42px;text-align:center;background:#fff;border:1px solid #eee;border-radius:50%;color:#999;font-size:18px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:99}
.gotop:hover{color:#FF5E52;border-color:#FF5E52}

/* ---------- 响应式 ---------- */
@media (max-width:1240px){
  .container{width:auto;padding:0 12px}
  .content-wrap{width:calc(100% - 300px)}
  .sidebar{width:288px}
}
@media (max-width:980px){
  .content-wrap,.sidebar{float:none;width:100%}
  .search-box{display:none}
  .focus .swiper-slide img{height:220px}
  .excerpt .thumb{width:150px;height:100px}
  .navbar ul.nav{flex-wrap:wrap}
  .navbar ul.nav > li > a{padding:0 12px;height:42px;line-height:42px;font-size:15px}
  .navbar .sub{position:static;box-shadow:none}
}