@charset utf-8;
/* ============================================
   dhccew.com 独立头部样式
   基于 222.html 风格
   唯一前缀: dhccew-
   ============================================ */

/* reset */
.dhccew-header *,.dhccew-header *:before,.dhccew-header *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.dhccew-header{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}

/* header container */
.dhccew-header{width:100%;background:#fff;position:relative;overflow:hidden}

/* top banner */
.dhccew-toptext{width:100%;background:#eee;height:36px}
.dhccew-toptext p{color:#7b7b7b;font-size:14px;line-height:36px;width:50%;display:inline-block;overflow:hidden}

/* head top / logo area */
.dhccew-head-top{width:100%;padding:24.5px 0;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}
.dhccew-logo img{height:70px;width:auto;float:left}
.dhccew-logo-text{float:left;margin-top:12px;padding-left:20px;margin-left:18px;border-left:1px solid #ccc}
.dhccew-logo-text span{font-size:18px;line-height:140%;color:#5a5a5a;display:block;font-weight:bold}
.dhccew-logo-text span i{font-style:normal;font-size:18px;line-height:140%;color:#007aff}
.dhccew-logo-text small{font-style:normal;font-size:18px;line-height:140%;color:#5a5a5a;display:block}
.dhccew-head-contact{text-align:right}
.dhccew-head-contact img{height:64px;width:auto}
.dhccew-head-contact p{font-size:12px;color:#5a5a5a;line-height:140%;padding-top:10px}
.dhccew-head-contact p span{font-size:26px;color:#5a5a5a;font-weight:bold}

/* nav bar */
.dhccew-nav{background:#007aff;width:100%;height:45px;position:relative}
.dhccew-nav-inner{max-width:1200px;margin:0 auto}
.dhccew-nav ul{list-style:none;margin:0;padding:0;display:flex}
.dhccew-nav ul li{flex:1;text-align:center;height:45px}
.dhccew-nav ul li a{width:100%;height:45px;background:#007aff;text-align:center;line-height:45px;font-size:15px;color:#fff;display:block;text-decoration:none}
.dhccew-nav ul li a:hover,.dhccew-nav ul li a.dhccew-active{background:#2d2d2d}

/* fixed nav */
.dhccew-nav.dhccew-fixed{position:fixed;top:0;width:100%;left:0;right:0;z-index:10000}

/* body offset */
body.dhccew-page{padding-top:0}

/* mobile header */
.dhccew-m-header{display:none;width:100%;background:#fff;padding:10px 15px}
.dhccew-m-header-content{display:flex;align-items:center;justify-content:space-between}
.dhccew-m-logo img{height:40px;width:auto}
.dhccew-m-menu-btn{font-size:24px;color:#333;cursor:pointer;padding:5px 10px}
.dhccew-app-menu{display:none;position:fixed;top:0;left:0;width:280px;height:100%;background:#fff;z-index:10001;overflow-y:auto}
.dhccew-app-menu ul{list-style:none;margin:0;padding:0}
.dhccew-app-menu ul li a{display:block;padding:15px 20px;font-size:15px;color:#333;border-bottom:1px solid #eee}
.dhccew-app-menu ul li a:hover{background:#f5f5f5}
.dhccew-m-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10000}

/* responsive */
@media (max-width:991px){
    .dhccew-header .dhccew-toptext,.dhccew-header .dhccew-head-top{display:none}
    .dhccew-nav{display:none}
    .dhccew-m-header{display:block}
}
@media (max-width:640px){
    .dhccew-m-logo img{height:30px}
}

/*----------- footer 底部 -----------*/
.dhccew-footer {
    width: 100%;
    background: #f5f5f5;
    padding: 20px 0;
    text-align: center;
}
.dhccew-footer .dhccew-footer-text {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.dhccew-footer p {
    margin: 5px 0;
    font-size: 12px;
    color: #666;
}
.dhccew-footer a {
    color: #666;
    text-decoration: none;
}
.dhccew-footer a:hover {
    color: #007aff;
}
.dhccew-footer .dhccew-footer-links a {
    margin: 0 10px;
    position: relative;
}
.dhccew-footer .dhccew-footer-links a::after {
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    right: -10px;
    top: 2px;
    background: #ccc;
}
.dhccew-footer .dhccew-footer-links a:last-child::after {
    display: none;
}

/* 回到顶部 */
.dhccew-backToTop {
    position: fixed;
    right: 20px;
    bottom: 30px;
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    display: none;
    z-index: 888;
}
.dhccew-backToTop:hover {
    background: #007aff;
}
.dhccew-backToTop i {
    font-size: 18px;
    color: #fff;
}

/* LOGO 100x100圆角 */
.dhccew-logo img { width: 100px !important; height: 100px !important; border-radius: 10px !important; object-fit: cover !important; }
/* LOGO和公司名称容器 - 紧凑并排 */
.dhccew-logo { display: inline-flex !important; align-items: center !important; gap: 10px !important; }
/* 公司名称样式 - 醒目 */
.dhccew-logo .dhccew-company-name { font-size: 16px !important; font-weight: 700 !important; color: #333 !important; white-space: nowrap !important; vertical-align: middle !important; }