/*字体文件引入
/**
    公用样式 字号规范
 */
:root {
    /*banner*/
    --common-width: 1440px;
    --top-title-font-size: 40px; /**banner**/
    --news-title-font-size: 22px;  /**新闻标题**/
    --hot-news-font-title-size: 20px; /**热门新闻列表标题**/
    --sub-title-font-size: 24px; /**家谱查询 地区 姓氏**/
    --button-font-size: 20px; /**按钮文字**/
    --conten-font-size: 16px; /**正文内容 **/
    --mobile-content-padding: 12px;
    --title-line-height: 30px;
    --seo-line-height: 24px;
    --main-font-color: rgba(120, 51, 30, 1);
}
* {
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
/*滚动条*/
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #c8c8c8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body, html {
    overflow-x: hidden;
    margin: 0 auto;
}

.overhidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overhidden2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.overhidden3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.overhidden4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/**鼠标悬浮 图片放大**/
.common_scale:hover .scale > img {
    transform: scale(1.1);
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
}

.scale, .scale1 {
    overflow: hidden;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
}

.scale > img {
    transform: scale(1);
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
}

.scale:hover > img {
    transform: scale(1.2);
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
}

@keyframes changeBiger {
    0% {
        overflow: hidden;
        transform: scale(1.07);
    }
    100% {
        overflow: hidden;
        transform: scale(1);
    }
}

.content{
    /*margin-bottom: 28.646vw;*/
    position: relative;
    z-index: 2;
    background-color: #ffffff;
}
.common_content {
    width: var(--common-width);
    margin: 0 auto;
    display: flex;
}

/*! 1440 ~ 1680 */
@media all and (max-width: 1680px) {
    :root {
        --common-width: 1360px;
        --top-title-font-size: 38px; /**banner**/
        --news-title-font-size: 20px;
        --sub-title-font-size: 22px;
        --hot-news-font-title-size: 18px;
        --button-font-size: 19px; /**按钮文字**/
        --conten-font-size: 17px;
        --title-line-height: 28px;
        --seo-line-height: 22px;
    }
}

/*! 1200 ~ 1440 */
@media all and (max-width: 1440px) {
    :root {
        --common-width: 1200px;
        --top-title-font-size: 33px; /**banner**/
        --news-title-font-size: 18px;
        --sub-title-font-size: 20px;
        --hot-news-font-title-size: 16px;
        --button-font-size: 17px; /**按钮文字**/
        --conten-font-size: 15px;
        --title-line-height: 26px;
        --seo-line-height: 20px;
    }
}

/*! 992 ~ 1200 */
@media all and (max-width: 1200px) {
    :root {
        --common-width: 992px;
        --top-title-font-size: 28px; /**banner**/
        --news-title-font-size: 16px;
        --sub-title-font-size: 17px;
        --hot-news-font-title-size: 14px;
        --button-font-size: 14px; /**按钮文字**/
        --conten-font-size: 13px;
        --title-line-height: 24px;
        --seo-line-height: 18px;
    }
}

/*! <=991 手机端 */
@media all and (max-width: 991px) {
    :root {
        --common-width: 100%;
        --top-title-font-size: 24px; /**banner**/
        --news-title-font-size: 16px;
        --sub-title-font-size: 16px;
        --hot-news-font-title-size: 16px;
        --button-font-size: 16px; /**按钮文字**/
        --conten-font-size: 16px;
    }
}