body,html,ul,a{
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}
*{font-family: Microsoft YaHei}
.w1200{
    width: 1200px;
    margin: auto;
}
.clear{
    clear: both;
}
.header{
    width: 100%;
}
.off,.lanmu{
    display: none;
}
.header-top{
    width: 100%;
    height: 100px;
    background: #fff;
}
.loge{
    height: 100px;
    float: left;max-width:60%;
}
.loge>h3{
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    color: #0e6fda;
    float: left;
    margin: 0;
}
.loge>a{
    display: block;
    height: 100px;
    float: left;
    margin-right: 20px;
}
.loge>a>img{
    height: 100px;
    max-width: 100%;
    object-fit: scale-down;
}
.h-tel{
    float: right;
    height: 40px;
    margin: 30px 0;
}
.h-tel>img{
    width: 38px;
    height: 38px;
    float: left;
    margin-right: 30px;
}
.h-tel>span{
    float: left;
    font-size: 26px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    letter-spacing: 3px;
}
.header-nav{
    width: 100%;
    height: 60px;
    background: #0e6fda;
}
.header-nav>ul{
    height: 100%;
}
.header-nav>ul>li{
    width: 11%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    position: relative;
}
.header-nav>ul>li>a{
    display: block;
    height: 100%;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
}












.xt{
    border-bottom: 2px solid #9df14f;
}
.header-nav>ul>li:hover{
    border-bottom: 2px solid #9df14f;
}
.header-nav>ul>li:hover .con-menu{display: block; }

.con-menu{width: 100%;position: absolute;z-index: 9;top: 60px;left: 0px;background-color: #0e6fda;display: none;}

.con-menu>li{width: 100%;height: 50px;}

.con-menu>li:hover{background: #d26969;}

.con-menu>li>a{display: block;height: 50;line-height: 50px;text-align: center;color: #fff !important;}