.cfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.hdb-header-container{background: #eaeaea;clear: both;}
.hdb-header{background: #565656;height: 50px;}
.hdb-header-top{width:1200px;float: right;margin-right: 17%;padding-top: 13px;}
.hdb-header-top li{float: right;width:38px;position: relative;cursor: pointer;}
.hdb-header-top li a{display: block;color: #9fa0a0;}
.hdb-header-top li:not(:last-child){margin-left: 20px;}
.hdb-header-top li>img{width: 30px;height:37px;}
.icon:after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-top:6px solid #9fa0a0;
    position: absolute;
    top:23px;
    right: -5px;
}
.icon_on.icon:after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-bottom:6px solid #fff;
    position: absolute;
    top:17px;
    right: -5px;
}
.link-icon::after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-top:6px solid #9fa0a0;
    position: absolute;
    bottom:20px;
    right: 47%; 
}
.li_on .link-icon::after{
    width: 0;
    height: 0; content: '';
    display: inline-block;
    border: 6px solid transparent;
    border-bottom:6px solid #006cff;
    position: absolute;
    bottom:26px;
    right: 47%; 
}
.icon-none{width:278px;height:172px;background: #565656;overflow: hidden;display: none;position: absolute;z-index: 999;}
.tel div{text-align: center;font-size: 15px;color: #9fa0a0;margin-bottom: 24px;}
.add div{font-size: 15px;color: #9fa0a0;margin-bottom: 24px;margin-left: 32px;}
.tel div span{color: #fff;font-weight: bold;}
.tel div:first-child,.add div:first-child{margin-top:30px;}
.wx img{margin: 18px auto 0;display: block;}
.hdb-header-nav{width: 100%;}
.hdb-header-nav ul{width: 1200px;margin: 0 auto;padding:0 32.5px ;}
.hdb-header-nav ul li{float: left;width: 143px;position: relative;}
.hdb-header-nav ul li span{display: block;}
.hdb-header-nav ul>a{float: left;margin:20px 87px;display: block;}
.hdb-header-nav ul li>a{color: #818181;font-size: 17px;text-align: center;display: block;padding-top: 50px;padding-bottom: 34px;}
.hdb-header-nav ul li>a span,.project>div p span{color: #b9b9b9;font-size: 10px;text-align: center;line-height: 35px;transform: scale(0.8);}
.hdb-header-nav ul li>a:hover{background: #fff;color: #006cff;}
.hdb-header-nav ul li>a:hover span{color: #92befb;}
.project{width: 860px;background: #fff;position: absolute;overflow: hidden;padding-bottom: 45px;padding-top: 45px;display: none;z-index: 9999;}
.project>div{float: left;width: 142px;text-align: center;border-right: 1px solid #eaeaea;height: 250px;}
.project>div:last-child{border-right: none;}
.project>div a{display: block;margin-top: 22px;color:#b9b9b9; font-size: 15px;}
.project>div p{font-size: 15px;color: #686868;}
.project>div a:hover{color: #006cff;}
.link-new div a:hover{color: #006cff;}
.li_on .link-icon {background: #fff;color: #006cff!important;display:block;}
.li_on .link-icon span{color: #006cff!important;}
/* .li_on .project{display: block!important;} */
.link-new{width: 143px;background: #fff;position: absolute;padding-bottom: 22px;display: none;overflow: hidden;z-index: 9999;}
.link-new div a{text-align: center;display: block;margin-top: 22px;color:#9e9a9a;font-size: 15px;}

/* 海德堡底部 */
.hud-foot{width: 100%;background:url(../images/footer.jpg)no-repeat center;height: 4.14rem;background-size: 100% 100%;}
.hud-foot-con div{float: left;text-align: center;}
.hud-foot-con div>a{display: block;color: #fff; font-size:15px;font-weight: bold;}
.hud-foot-con div>a span{display: block;color: #0066cc;transform: scale(0.8);font-size: 10px;margin-top: 5px;}
.hud-bottom{width: 100%;background: #272727;color: #969696;font-size: 15px;line-height: 20px;text-align: center;margin-top: -1px;padding: 15px 0;}
.hud-bottom a{display: inline-block;color: #969696;}
.hud-foot-l{text-align: center;width: 100%;color: #fff;line-height: 0.4rem;font-size: 15px;margin-top: 20%;}