body {
    margin: 0;
}

a {
    text-decoration: none;
    color          : inherit;
    cursor         : pointer;
}

.ellipsis {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break        : break-all;
}

/* 头部导航开始 */

.header-wrap {
    width   : 100%;
    position: relative;
    padding : 0 auto;
}

.header {
    z-index   : 20;
    width     : 100%;
    min-height: 100px;
}

.naviwrap {
    height: 100px;
}

.navibar {
    margin     : 0 auto;
    margin-left: calc(50% - 590px);
    position   : absolute;
    height     : 100px;
    width      : 1180px;
    display    : flex;
}

.navibar-left {
    position: absolute;
    left    : 0;
    width   : 500px;
    height  : 100px;
    display : flex;
}

.navi-logo {
    height: 100px;
}

.navi-title {
    height           : 20px;
    font-size        : 20px;
    font-family      : Source Han Sans CN;
    font-weight      : bold;
    line-height      : 20px;
    color            : F1B52A;
    /* padding-left  : 20px; */
    /* border-left   : 2px solid #F1B52A; */
    vertical-align   : middle;
    margin-top       : 43px;
}

.navibar-right {
    position    : absolute;
    right       : 0;
    height      : 100px;
    display     : flex;
    float       : right;
    margin-right: 0;
}

.navibar-item-wrap {
    position: relative;
    height  : 100px;
    cursor  : pointer;
}

.navibar-item {
    position      : relative;
    height        : 72px;
    line-height   : 72px;
    vertical-align: middle;
    margin-top    : 14px;
    margin-left   : 5px;
}

.navibar-item a {
    line-height    : 72px;
    vertical-align : middle;
    font-size      : 20px;
    font-family    : Microsoft YaHei;
    font-weight    : 400;
    text-decoration: none;
    border-radius  : 36px;
    padding        : 5px 20px;
}

/* .navibar-item-wrap:hover a, */
.active .navibar-item>a {
    color           : white;
    background-color: #F1B52A;
}

.navibar-item-wrap:hover .navibar-item>a {
    color           : white;
    background-color: #F1B52A;
}

.navibar-item-wrap:hover .subitems {
    display: block;
}

.subitems:hover {
    display: block;
}

.subitems {
    display          : none;
    top              : 86px;
    left             : -80px;
    position         : absolute;
    width            : 280px;
    background       : #fff;
    opacity          : 1;
    padding-top      : 30px;
    padding-bottom   : 30px;
    /* border-radius : 30px; */
}

.subitem {
    display: block;
}

.subitem:hover {
    background: #F1B52A;
}

.subitem div {
    width         : 100%;
    height        : 50px;
    line-height   : 50px;
    vertical-align: middle;
    text-align    : center;
    font-size     : 18px;
    font-family   : Microsoft YaHei;
    font-weight   : 400;
}

.subitem:hover div {
    cursor: pointer;
    color : white;
}

/* 头部导航结束 */

.banner-wrap {
    min-height: 100px;
    width     : 100%;
    background: rgba(26, 17, 1, 1)
}

/* 底部 版权开始 */

.footer-wrap {
    height    : 347px;
    min-width: 1180px;
    width     : 100%;
    background: #1A1101;
    overflow  : hidden;
}

.footer {
    width  : 1180px;
    height : 178px;
    margin : 60px auto;
    color  : white;
    display: flex;
}

.footer .work {
    width     : 368px;
    margin-top: 30px;
}

.contact-title {
    vertical-align: bottom;
    height        : 24px;
    font-size     : 18px;
    font-family   : Microsoft YaHei;
    font-weight   : 400;
    line-height   : 24px;
    color         : F1B52A;
}

.contact-phone-icon {
    height: 24px;
    width : 24px;
}

.contact-phone {
    margin-top : 15px;
    height     : 47px;
    font-size  : 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 47px;
    color      : F1B52A;
    opacity    : 1;
}

.work-time {
    margin-top : 10px;
    height     : 21px;
    font-size  : 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color      : F1B52A;
    opacity    : 1;
}

.footer .title-wrap {
    height       : 40px;
    width        : 40px;
    overflow     : visible;
    border-bottom: 1px solid white;
    margin-bottom: 15px;
}

.footer .title {
    width      : 100px;
    height     : 24px;
    overflow   : hidden;
    font-size  : 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color      : rgba(255, 255, 255, 1);
}

.footer .item:hover {
    cursor: pointer;
    color : rgba(255, 255, 255, 1);
}

.footer .item {
    margin-top : 10px;
    height     : 21px;
    font-size  : 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color      : rgba(142, 142, 142, 1);
    opacity    : 1;
}

.footer .about {
    width: 132px;
}

.footer .product {
    width: 220px;
}

.footer .links {
    width: 320px;
}

.footer .wxcode {
    width: 140px;
}

.wxcode-image {
    height: 140px;
    width : 140px;
}

.wxcode-name {
    margin-top : 17px;
    width      : 140px;
    height     : 21px;
    font-size  : 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color      : rgba(255, 255, 255, 1);
    text-align : center;
}

.footer-copyright {
    margin     : 0 auto;
    width      : 1180px;
    height     : 19px;
    font-size  : 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 19px;
    color      : rgba(142, 142, 142, 1);
    text-align : center;
}

/* 底部 版权结束 */