@charset "utf-8";
body{font-style: normal;font: 12px Arial, Helvetica, sans-serif, "\5B8B\4F53";color: #000000;background: #FFF;min-width: 1200px;}
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,p,marquee,from{margin: 0;padding: 0;}
ol,ul,li{list-style: none;}
img{border: 0;vertical-align: middle;}
a{color: #333;text-decoration: none;}
a:hover{color: #0b5394;text-decoration: none;-webkit-transition: all .2s linear;transition: all .2s linear;opacity: .8;}
.fl{float: left;}
.fr{float: right;}
.clearfix::after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.tc{ text-align:center}
.line{height: 1px;background-color: #ddd;overflow: hidden;}
.w1200{width: 1200px;margin: 0 auto;}
.ml14{ margin-left:14px;}
.w906{width: 906px;padding:28px 45px 8px;background-color: #fff;box-sizing: border-box;margin-bottom: 14px;}
.w280{width: 280px;padding: 16px 25px;background-color: #fff;box-sizing: border-box;margin-bottom: 14px;}
.line{height: 1px;background-color: #dce6f1;margin: 10px 0px 18px;}
.flex{display: flex;}
.des {
  color: #333;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 15px;
}

.des p {
  margin-bottom: 15px;
  margin-top: 0;
}

.des p:last-child {
  margin-bottom: 0;
}
.des img {
  max-width: 800px;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 4px;
  user-select: none;
  transition: all 0.3s ease;
}
.des img:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.four .des{width: 25% !important; margin-bottom: 5px;}
.container{background-color: #f8f8f9;}
.tit{font-size: 18px;color: #333333;margin: 0;}
.tit span{display: inline-block;color: #ff7000;font-size: 15px;}
.breadcrumb{padding: 15px 0;font-size: 13px;color: #777;}
.breadcrumb a{font-size: 12px;color: #777;line-height: 20px;}
.breadcrumb a:hover{color: #0b5394;}
.breadcrumb a::after{content: ">";display: inline-block;width: 10px;vertical-align: middle;margin: 0 2px 2px 2px;}
.buy_link{display: block;text-align: center;color: #ff7000;font-size: 14px;margin-top: 10px;}
.buy_link i{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-bottom: 2px;margin-right: 4px;background: url(/img/kf.png) no-repeat center center;background-size: cover;}
.buy_link:hover{color: #ff7000 !important;}
.header{width: 100%;padding: 32px 0;background-color: #0b5394;display: flex;}
.header .w1200{display: flex;justify-content: space-between;align-items: center;}
.header .fl{text-align: center;max-width: 924px;}
.header .fl h1{color: #fff;font-size: 46px;font-weight: bold;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.header .fl p{color: #fff;font-size: 14px;margin-top: 10px;text-indent: 1em;}
.header .fr p{color: #fff;font-size: 14px;line-height: 32px;}
.header .fr p a{color: #fff;}
.menu{width: 100%;height: 50px;background-color: #1265a1;overflow: hidden;}
.menu .w1200{display: flex;align-items: center;justify-content: space-between;position: relative;}
.menu .nav a{display: inline-block;width: 108px;height: 50px;line-height: 50px;text-align: center;color: #ffffff;font-size: 16px;}
.menu .nav a.active{background-color: #fff;color: #045bae;;}
.menu .nav a:hover{background-color: #fff;color: #045bae;;}
.menu .nav .time {
    display: inline-block;
    width: 108px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}
.menu a.dlicar, .menu a.login, .menu span.hottel{position: absolute;right: 0;display: block;color: #fff;}
.menu a.login{right: 60px;}
.menu span.hottel{display: block;right: 184px;font-size: 14px;line-height: 60px;margin-top: 2px;}
.pic-intr .pic{
  width: 100%;
  height: auto;
  margin: auto;
  border: 2px solid transparent; 
  border-radius: 4px; /* 可选：圆角更柔和 */
  transition: all 0.3s ease;
  padding: 2px; /* 边框预留空间，避免hover时图片位移 */
}
.pic-intr .pic img{
  width: 100%;
  height: auto; /* 必改：防止变形 */
  border-radius: 2px; /* 与容器圆角呼应 */
  transition: all 0.3s ease;
}
.pic-intr .pic:hover{
  border-color: #0b5394; 
}
.pic-intr .pic:hover img{
  box-shadow: 0 0 0 2px rgba(11, 83, 148, 0.2); 
}
.pic-intr a.btn_collect{display: block;font-size: 12px;color: #222;text-align: center;margin-top: 16px;}
.pic-intr a.btn_collect:hover{color: #0b5394;}
.pic-intr a.btn_collect i.jrsc{display: inline-block;width: 14px;height: 13px;background: url(/img/icon_collect.png) no-repeat;vertical-align: middle;margin: 0 6px 4px 0;}
.pic-intr a.btn_collect:hover i.jrsc{background: url(/img/icon_collected.png) no-repeat;}
.pic-intr .zx{display:block;width: 212px;height: 44px;line-height: 44px;color: #fff;font-size: 16px;background-color: #fe7e1a;border-radius: 4px;text-align: center;margin: 20px auto 0px;}
.pic-intr .fb{display:block;width: 212px;height: 44px;line-height: 44px;color: #fff;font-size: 16px;background-color: #0b5394;border-radius: 4px;text-align: center;margin: 10px auto 0px;}
.pic-intr a:hover{color: #fff;opacity: 0.75;}
.pic-intr .shop{display: block;width: 210px;height: 44px;line-height: 44px;background-color: #fff;border-radius: 4px;border: solid 1px #0b5394;color: #0b5394;font-size: 16px;text-align: center;margin: 14px auto 0px;cursor: pointer;}
.pic-intr .shop:hover{background-color: #0b5394;opacity: 0.85;color: #fff;transition:all 0.2s;}
.pic-intr .price{margin-top: 20px;color: #ff7000;font-size: 14px;text-align: center;}
.basic-intr .line{margin-bottom: 20px;}
.basic-intr .des{font-size: 14px;color: #333;margin-bottom: 5px;line-height: 25px;}
.qk-data{overflow: hidden;}
.qk-data a:hover p{color: #045bae;opacity: 0.95;}
.qk-data .des{display: inline-block;color: #333;font-size: 14px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;box-sizing: border-box;}
.qk-data .des a:hover{color: #045bae;}
.qk-data .des i{display: inline-block;width: 4px;height: 4px;background-color: #333333;border-radius: 2px;vertical-align: middle;margin-bottom: 4px;margin-right: 5px;}
.qk-new{margin-top: 40px;}
.qk-new .tit{margin-bottom: 10px;}
.qk-new .des{width: 33.33%;line-height: 24px;margin-bottom: 5px;}
.qk-new1{margin-top: 10px;}
.qk-new1 .tit{margin-bottom: 5px;}
.qk-new1 .des1{color: #333;font-size: 15px;line-height: 28px;margin-bottom: 10px;}
.fwlist li h5{color: #333;font-size: 16px;font-weight: normal;margin: 0px;margin-top: 30px;}
.fwlist li h5 span{display: inline-block;width: 16px;height: 16px;line-height: 18px;background-color: #b8b8b8;border-radius: 2px;font-size: 13px;font-weight: normal;color: #fff;text-align: center;vertical-align: middle;margin-bottom: 3px;margin-right: 8px;}
.fwlist li:first-child h5 span{background-color: #ff7000;}
.fwlist li:nth-child(2) h5 span{background-color: #0b5394;}
.fwlist li:nth-child(3) h5 span{background-color: #00cc99;}
.fwlist li p{color: #999;font-size: 13px;line-height: 20px;margin-top: 12px;}
.prenext{padding: 14px 44px !important;margin-bottom: 14px;}
.prenext ul li.pre{float: left;}
.prenext ul li.next{float: right;text-align: right;}
.prenext ul li{font-size: 14px;line-height: 36px;color: #333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 50%;}
.prenext ul li a{font-size: 14px;color: #333;}
.footer{background-color:#1e1e1e;min-width: 1200px;padding-top: 34px;padding-bottom: 35px;}
.footer .fnav{text-align: center;}
.footer .fnav>a{font-size: 15px;color: #fff;margin-right: 55px;}
.footer .fnav>a:hover{opacity: 0.75;}
.footer .fnav>a:last-of-type{margin-right: 0;}
.footer .copyright{margin-top: 20px;}
.footer .copyright p{font-size: 12px;line-height: 24px;color: #999;text-align: center;}
.footer .copyright p a,
.footer .copyright p span{font-size: 12px;color: #999;}
.footer .copyright p a:hover{color: #fff;}

html {
  scroll-behavior: smooth;
}
#star-container {
    display: inline-block;
}

.star {
    color: #ddd;
    font-size: 18px;
    margin-right: 2px;
}

.star.filled {
    color: #ffce31;
}

.star.half {
    background: linear-gradient(90deg, #ffce31 50%, #ddd 50%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.tags-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 0;
}

.tag {
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 14px;
  white-space: nowrap;
  background-color: #f5f5f5;
}
.tags-group .tag:nth-child(8n+1) { color: #25ac66; }
.tags-group .tag:nth-child(8n+2) { color: #438eff; } 
.tags-group .tag:nth-child(8n+3) { color: #ed6e6e; }
.tags-group .tag:nth-child(8n+4) { color: #ff7a00; } 
.tags-group .tag:nth-child(8n+5) { color: #f56c6c; } 
.tags-group .tag:nth-child(8n+6) { color: #67c23a; }
.tags-group .tag:nth-child(8n+7) { color: #e6a23c; } 
.tags-group .tag:nth-child(8n+8) { color: #9c27b0; } 


.news-list {
  list-style: none; 
  padding: 0;
  margin: 0;
}
.news-list li {
  margin-bottom: 12px; 
  line-height: 1.5; 
}
.news-list li a {
  display: flex; 
  align-items: center; 
  color: #333; 
  text-decoration: none; 
  font-size: 14px;
  transition: color 0.2s; 
}
.news-list li a::before {
  content: "📌"; 
  color: #e53e3e; 
  margin-right: 10px; 
  font-size: 16px;
}
.news-list li a:hover {
  color: #e53e3e; 
  text-decoration: underline; 
}
.article-count {
  display: flex;
  align-items: center; 
  color: #333; 
  font-size: 14px; 
  margin-top: 12px; 
  margin-bottom: 12px;
}
.article-count::before {
  content: "📊"; 
  color: #e53e3e; 
  margin-right: 10px; 
  font-size: 16px; 
}
.category-tag {
    display: inline-block;
    padding: 8px 20px;
    background-color: #f6f6f6;
    border-radius: 4px;
    margin: 7px 7px 5px 0px;
    color: #333;
    font-size: 13px;
    cursor: pointer;
}
.category-tag:hover {
 color: #045bae;
}


.chart-container {
            width: 820px;
            height: 400px;
            margin: 20px auto;
        }
        #chart4 {
            width: 840px;
            height: 480px;
            margin: 20px auto;
        }