@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:left;}
td,th,div{word-break:break-all;word-wrap:break-word;}
form{display:inline;}
*{outline:none;font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif!important;}
body{width:auto;height:auto;margin:0;padding:0;background:#F9F9F9;font-size:14px;}
a,a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none!important;}
.logo-h1{margin:0;padding:0;border:0;font-size:0;line-height:0;text-indent:-9999px;}
.clear{clear:both;padding:0;margin:0;}
#hd{background:url(/sites/images/header.png) repeat-x 0% 0%;margin:0 auto;height:121px;display:block;width:100%;z-index:888;overflow:hidden;position:relative;}
#header{margin:0 auto;height:121px;position:relative;z-index:99;width:1300px;}
.logo{position:absolute;top:15px;height:60px;width:300px;display:block;}
.logo a{position:absolute;height:60px;width:300px;display:block;background:#A00000 url(/sites/images/logot.png);}
#nav_all{position:absolute;left:0;top:79px;height:42px;width:1300px;}
#nav-onhoo{font-family:Verdana,Geneva,sans-serif;font-size:14px;margin:0;padding:0;list-style:none;}
#nav-onhoo li{float:left;margin:0;padding:0;}
.bi{position:relative;z-index:0;}
.bi:hover{z-index:99;}
.bi:hover span{visibility:visible;top:0;left:0;cursor:pointer;}
.bi span{position:absolute;left:-999em;visibility:hidden;}
#nav-onhoo li a,.bi:hover span{line-height:39px;text-decoration:none;color:#fff;display:block;width:80px;text-align:center;}
#nav-onhoo li a:hover,.bi:hover span{color:#ffffff;background:#000 url(/sites/images/nav-bg.gif);}
.bi:hover span{padding-top:2px;}
#navbar{background:#dc4e1b;height:8px;overflow:hidden;clear:both;}
.text{position:absolute;right:0;top:18px;width:500px;font-size:13px;z-index:99;color:#a1917b;padding-bottom:5px;float:left;text-align:right;height:25px;}
.text a{color:#fff;text-decoration:none;line-height:25px;}
.text a:hover{color:#ffc;}


/* 导航右侧搜索框 */
.nav-search-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 42px;
}

.nav-search-box form {
    position: relative;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
}

.nav-search-box input {
    width: 100%;
    height: 32px;
    padding: 0 60px 0 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 30px;
    font-size: 13px;
    outline: none;
    background: transparent;
    color: #fff !important;
    box-sizing: border-box;
}

.nav-search-box input::placeholder {
    color: rgba(255,255,255,0.6);
}

.nav-search-box input:focus {
    background: transparent;
    border-color: #0066cc;
}

.nav-search-box button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 26px;
    padding: 0 12px;
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 30px;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.nav-search-box button:hover {
    background: rgba(255,255,255,0.15);
    border-color: #0066cc;
    color: #fff;
}


/* 移动端适配 */
@media (max-width: 1300px) {
    .nav-search-box {
        right: 15px;
    }
}

@media (max-width: 900px) {
    .nav-search-box {
        display: none;
    }
}
/* 头部右侧二维码 */
.header-qrcode {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 100;
    text-align: center;
}
.header-qrcode img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
}
/* 二维码下方文字 */
.qrcode-text {
    font-size: 12px;
    color: #fff;
    margin-top: 2px;
    white-space: nowrap;
}


.home-search-box {
    max-width: 500px;
    margin: 40px auto 30px auto;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.home-search-box form {
    position: relative;
    width: 100%;
    display: flex;
}

.home-search-box input {
    width: 100%;
    height: 48px;
    padding: 0 100px 0 20px;
    border: 1px solid #000;
    border-radius: 30px;
    font-size: 15px;
    outline: none;
    background: white;
    box-sizing: border-box;

    transition: all 0.3s;
}

.home-search-box input::placeholder {
    color: #aaa;
}

.home-search-box input:focus {
    border-color: #000;

}

.home-search-box button {
    position: absolute;
    right: 5px;
    top: 6px;
    height: 36px;
    padding: 0 25px;
    background: #0066cc;
    color: white;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}

.home-search-box button:hover {
    background: #0052a3;
}

/* 热门搜索推荐区域 */
.hot-keywords-section {
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px 20px 20px 20px; 
    background: #f9f9f9;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
}
.hot-keywords-section h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}
.hot-keywords-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 750px;
    margin: 0 auto;
}
.hot-keywords-list a {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 25px;
    color: #0066cc;
    text-decoration: none;
    transition: all 0.3s;
    border: 1px solid rgba(0, 102, 204, 0.3);
    text-align: center; /* 保证文字居中 */
}
.hot-keywords-list a i {
    margin-right: 5px;
    font-size: 12px;
}
.hot-keywords-list a:hover {
    background: #0066cc;
    color: white;
    border-color: #0066cc;
    transform: translateY(-2px);
}

/* ========== 移动端适配（新增） ========== */
@media (max-width: 768px) {
    /* 搜索框移动端适配 */
    .home-search-box {
        padding: 0 15px;
        max-width: 100%;
    }
    
    .home-search-box input {
        height: 48px;
        padding: 0 90px 0 20px;
        font-size: 16px;
    }
    
    .home-search-box button {
        height: 38px;
        top: 5px;
        padding: 0 20px;
        font-size: 15px;
    }

    /* 热门搜索移动端适配 */
    .hot-keywords-section {
        margin: 15px 0;
        padding: 15px;
    }

    .hot-keywords-section h3 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .hot-keywords-list {
        gap: 8px;
    }

    .hot-keywords-list a {
        padding: 6px 14px;
        font-size: 13px;
        border-radius: 20px;
    }

    .hot-keywords-list a i {
        font-size: 11px;
        margin-right: 4px;
    }
}

/* 小屏幕手机（宽度 ≤ 480px）进一步优化 */
@media (max-width: 480px) {
    .hot-keywords-section {
        margin: 10px 0;
        padding: 12px;
    }

    .hot-keywords-list {
        gap: 6px;
    }

    .hot-keywords-list a {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 18px;
    }
}

/* ========== 文章底部搜索框 ========== */
.article-search-box{max-width:240px;margin:25px auto 0}
.article-search-box form{position:relative}
.article-search-box input{width:100%;height:35px;padding:0 30px 0 12px;border:1px solid #333;border-radius:18px;font-size:13px;outline:none;background:#fff;box-sizing:border-box}
.article-search-box input:focus{border-color:#000}
.article-search-box button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:25px;height:25px;padding:0;background:0 0;border:none;color:#999;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.article-search-box button:hover{color:#f00}


/* 覆盖浏览器自动填充黑色文字的问题 */
.nav-search-box input:-webkit-autofill,
.nav-search-box input:-webkit-autofill:hover,
.nav-search-box input:-webkit-autofill:focus,
.nav-search-box input:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    background-color: transparent !important;
    background: transparent !important;
    transition: background-color 9999s ease-in-out 0s;
}

/* 强制表格边框 - 终极解决方案 */
.article-content table,
.article-content td,
.article-content th {
    border: 1px solid #666 !important;
    border-collapse: collapse !important;
    padding: 8px !important;
}

#hotall,#hot_all,.container{margin:0 auto;width:1300px;margin-top:0;height:auto;position:relative;z-index:1;}
.yb_conct{position:fixed;z-index:9999999;top:20%;right:-127px;cursor:pointer;transition:all .3s ease;padding:0;margin:0;border:none;}
.yb_conct ul,.yb_conct ol,.yb_conct li{list-style:none;padding:0;margin:0;border:none;}
.yb_conct em,.yb_conct i{font-style:normal;}
.yb_conct a{text-decoration:none;color:#333;}
.yb_conct img{display:inline-block;border:0 none;padding:0;margin:0;}
.yb_conct .yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;background-color:#ff4a00;}
.yb_conct .yb_bar .yb_top{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 0;}
.yb_conct .yb_bar .yb_phone{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -57px;}
.yb_conct .yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -113px;}
.yb_conct .yb_bar .yb_QQ2{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -169px;}
.yb_conct .yb_bar .yb_ercode{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -227px;text-indent:0;text-align:center;line-height:normal;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;}
.yb_conct .qr_wrap{padding:2px 0 0 0;width:100%;text-align:center;}
.yb_conct .hd_qr{width:77px;height:auto;margin:0 auto;display:block;}
.yb_conct .yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_conct:hover{right:0;}
#foot{background:#000000;width:100%;overflow:hidden;display:block;line-height:1;}
#foot_980{margin:0 auto;width:1300px;min-height:120px;clear:both;padding-top:7px;padding-bottom:15px;box-sizing:border-box;}
.link_logo{line-height:40px;width:202px;float:left;text-align:left;}
.link_onhoo{line-height:30px;width:755px;float:left;text-align:left;font-size:14px;color:#82664c;}
.link_onhoo a{color:#82664c;}
.foot_ba{float:left;height:25px;width:1300px;line-height:25px;font-size:12px;color:#ccc;margin-top:15px;}
.foot_ba a{color:#a79687;text-decoration:none;}
.foot_ba a:hover{color:#ff0;}
.box1{width:1300px;margin:0 auto;box-sizing:border-box;}
.thumbnailwrapper2 ul{display:flex;list-style:none;padding:0;margin:0;gap:10px;}
.thumbnailwrapper2 li{flex:1;transition:transform 0.3s ease;}
.thumbnailwrapper2 li:hover{transform:translateY(-5px);}
.thumbnailwrapper2 img{width:100%;height:auto;}
.foot-btn ul{list-style:none;padding:0;margin:0 auto;display:flex;justify-content:center;box-sizing:border-box;gap:20px;max-width:100%;}
.foot-btn a.foot-btn{padding:0 16px;font-size:18px;font-weight:600;margin:0;width:100%;height:50px;min-width:160px;text-decoration:none;color:#fff;border-radius:2px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#005fa8;display:inline-flex;align-items:center;justify-content:center;}
.foot-btn a.foot-btn:hover,.foot-btn a.foot-btn:active{background:#007Fdd;color:#fff;}
.foot-container{background:#d8d8d8;padding:25px 0;border-top:1px solid #aaa;margin:0 0;}
.foot-wrapper{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;color:#333;}
.foot-group{width:22%;margin-bottom:1px;}
.foot-group h3{font-size:18px;font-weight:bold;margin:0 0 12px 0;color:#333;}
.foot-group ul{list-style:none;padding:0;margin:8px 0;}
.foot-group li{margin:6px 0;}
.foot-group a{color:#333;text-decoration:none;}
.foot-group a:hover{color:#c00;}
.footer-main{max-width:1200px;margin:0 auto;padding:20px 0 10px 0!important;display:flex;flex-direction:column;flex-wrap:nowrap!important;justify-content:center;align-items:center;gap:8px!important;}
.footer-wechat{text-align:center;margin:0!important;padding:0!important;}
.wechat-title{color:#ffffff;margin:0 0 8px 0!important;font-size:16px;}
.wechat-img{width:99px;height:auto;}
.footer-contact{text-align:center;flex:none!important;min-width:300px;margin:0!important;padding:0!important;}
.contact-phone{margin:0 0 10px 0!important;line-height:1.2!important;}
.contact-address{margin:0 0 10px 0!important;line-height:1.2!important;}
.contact-map{display:inline-block;margin:8px 0!important;}
.map-img{width:100px;height:15px;}
.company-name{margin:8px 0 0 0!important;line-height:1!important;}
.company-name a{color:white!important;}
.footer-links{width:100%!important;text-align:center!important;margin:5px 0 0 0!important;padding:5px 0 10px 0!important;border-top:1px solid #666!important;float:none!important;height:25px;font-size:13px!important;color:#ccc!important;}
.footer-links a{color:#a79687!important;text-decoration:none!important;}
.footer-links a:hover{color:#ff0!important;}
.mobile-footer-nav{display:none!important;}
@media (min-width:769px){.mobile-footer-nav{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;top:-99999px!important;left:-99999px!important;z-index:-99999!important;}}