/* CSS Document */
.page {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    min-width: 1200px;

}

.primary {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    background-color: #fafbfc;
}

.layerWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    margin-top: 64px;
    min-width: 1200px;
    height: 420px;
}

.layer {
    position: absolute;
    top: 0px;
    width: 1920px;
    align-self: center;
    height: 420px;
}

.title {
    position: relative;
    opacity: 1;
    margin-top: 137px;
    max-width: 955px;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 43px;
    white-space: nowrap;
    color: #ffffff;
    font-family: MicrosoftYaHei-Bold, Microsoft YaHei;
    font-size: 38px;
    font-weight: bold;
}

.colorDiv {
    margin-top: 21px;
    width: 34px;
    height: 2px;
    position: relative;
    background-color: #b6966a;
}

.summary {
    position: relative;
    opacity: 1;
    margin-top: 24px;
    max-width: 1082px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    letter-spacing: 4px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}

.view {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    background-color: #f8f8f8;
    width: 1920px;
    height: 1144px;
}

.title_2 {
    position: relative;
    opacity: 1;
    margin-top: 82px;
    max-width: 804px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 36px;
    white-space: nowrap;
    color: #131313;
    font-size: 32px;
    font-weight: 400;
}

.grid {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 52px;
    width: 1161px;
    height: 440px;
}

.col1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    width: 365px;
    min-height: 400px;
}

.actionBgWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 365px;
    height: 140px;
}

.actionBg {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 365px;
    height: 140px;
}

.cangyingWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 34px;
    background-color: rgba(0, 0, 0, 0);
    width: 36px;
    height: 36px;
}

.cangying {
    width: 32px;
    height: 28px;
}

.word {
    position: relative;
    opacity: 1;
    margin-top: 14px;
    max-width: 214px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    line-height: 26px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.block {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 24px;
    margin-left: 24px;
    height: 20px;
    cursor: pointer;
}

.colorDiv_2 {
    margin-right: 10px;
    border-radius: 8px;
    background-color: #b6966a;
    width: 8px;
    height: 8px;
}

.info {
    opacity: 1;
    line-height: 20px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.summary_2 {
    webkit-line-clamp: 3px;
    position: relative;
    opacity: 1;
    margin-top: 17px;
    display: none;
    margin-left: 24px;
    width: 308px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.colorDiv_3 {
    position: relative;
    align-self: center;
    margin-top: 10px;
    background-color: #e0e0e0;
    width: 315px;
    height: 1px;
}

.group {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 18px;
    margin-left: 24px;
    height: 20px;
}

.color {
    margin-right: 10px;
    border-radius: 8px;
    background-color: #b6966a;
    width: 8px;
    height: 8px;
}

.info_2 {
    opacity: 1;
    line-height: 20px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.container {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 18px;
    margin-left: 24px;
    height: 20px;
}

.colorDiv_4 {
    margin-right: 10px;
    border-radius: 8px;
    background-color: #b6966a;
    width: 8px;
    height: 8px;
}

.info_3 {
    opacity: 1;
    line-height: 20px;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.col2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    width: 365px;
    min-height: 400px;
}

.buttonBgWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 365px;
    height: 140px;
}

.buttonBg {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 365px;
    height: 140px;
}

.NLPiconWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 34px;
    background-color: rgba(0, 0, 0, 0);
    width: 36px;
    height: 36px;
}

.NLPicon {
    width: 32px;
    height: 32px;
}

.info_4 {
    position: relative;
    opacity: 1;
    margin-top: 14px;
    max-width: 225px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.col3 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    width: 365px;
    min-height: 400px;
}

.actionBgWrap_2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 365px;
    height: 140px;
}

.actionBg_2 {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 365px;
    height: 140px;
}

.menuWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 34px;
    width: 36px;
    height: 36px;
}

.menu {
    width: 31px;
    height: 23px;
}

.info_7 {
    position: relative;
    opacity: 1;
    margin-top: 14px;
    max-width: 225px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.grid_2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
    width: 1161px;
    height: 440px;
}

.col1_2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    width: 365px;
    min-height: 400px;
}

.buttonBgWrap_2 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 365px;
    height: 140px;
}

.buttonBg_2 {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 365px;
    height: 140px;
}

.container_4 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 34px;
    background-color: rgba(0, 0, 0, 0);
    width: 36px;
    height: 36px;
}

.iconTestWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 36px;
    height: 36px;
}

.iconTest {
    width: 31px;
    height: 26px;
}

.info_11 {
    position: relative;
    opacity: 1;
    margin-top: 14px;
    max-width: 241px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.col2_2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    width: 365px;
    min-height: 400px;
}

.actionBgWrap_3 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 365px;
    height: 140px;
}

.actionBg_3 {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 365px;
    height: 140px;
}

.xiugaimimaWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 34px;
    background-color: rgba(0, 0, 0, 0);
    width: 36px;
    height: 36px;
}

.xiugaimima {
    width: 31px;
    height: 31px;
}

.info_15 {
    position: relative;
    opacity: 1;
    margin-top: 14px;
    max-width: 236px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.col3_2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    width: 365px;
    min-height: 400px;
}

.buttonBgWrap_3 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    width: 365px;
    height: 140px;
}

.buttonBg_3 {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 365px;
    height: 140px;
}

.bujuWrap {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 34px;
    background-color: rgba(0, 0, 0, 0);
    width: 36px;
    height: 36px;
}

.buju {
    width: 32px;
    height: 35px;
}

.txt {
    position: relative;
    opacity: 1;
    margin-top: 14px;
    max-width: 214px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    line-height: 26px;
    white-space: nowrap;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
}

.title_3 {
    position: relative;
    opacity: 1;
    margin-top: 82px;
    max-width: 804px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 36px;
    white-space: nowrap;
    color: #131313;
    font-size: 32px;
    font-weight: 400;
}

.block_10 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 51px;
    width: 1160px;
    height: 232px;
}

.block_7 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 5px;
    border-top: 3px solid #b6966a;
    background: url("../Images/solution_icon14.png");
    width: 360px;
    height: 231px;
    overflow: hidden;
}

.group_7 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 30px;
    height: 40px;
}

.container_8 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.zhiyelujingWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.zhiyelujing {
    width: 21px;
    height: 22px;
}

.info_21 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
}

.article_4 {
    webkit-line-clamp: 6px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 30px;
    width: 294px;
    height: 132px;
    overflow: hidden;
    color: #666666;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
}

.block_7:hover {
    background: #b6966a;
}

.block_7:hover span {
    color: #ffffff;
}

.bgWrap {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    width: 361px;
    height: 232px;
}

.bg {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 361px;
    height: 232px;
}

.colorDiv_17 {
    position: relative;
    margin-top: 1px;
    margin-left: 1px;
    background-color: #b6966a;
    width: 360px;
    height: 3px;
}

.block_9 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 31px;
    height: 40px;
}

.block_8 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.iconTestWrap_2 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.iconTest_2 {
    width: 23px;
    height: 12px;
}

.text {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.article_5 {
    webkit-line-clamp: 5px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 300px;
    height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.backgroundWrap {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-direction: column;
    width: 361px;
    height: 232px;
}

.background {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 361px;
    height: 232px;
}

.group_9 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 31px;
    height: 40px;
}

.group_8 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.fuxuankuangJinyongWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.fuxuankuangJinyong {
    width: 23px;
    height: 12px;
}

.txt_2 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.article_6 {
    webkit-line-clamp: 5px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 291px;
    height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.grid_3 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 29px;
    width: 1161px;
    height: 232px;
}

.block_11 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 31px;
    height: 40px;
}

.container_9 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.iconTestWrap_3 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.iconTest_3 {
    width: 17px;
    height: 20px;
}

.info_22 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.article_7 {
    webkit-line-clamp: 4px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 294px;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.group_10 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 31px;
    height: 40px;
}

.block_12 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.wodehetongmobanWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.wodehetongmoban {
    width: 16px;
    height: 21px;
}

.text_2 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.article_8 {
    webkit-line-clamp: 4px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 294px;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.background_2 {
    position: absolute;
    top: 0px;
    align-self: center;
    width: 361px;
    height: 232px;
}

.colorDiv_19 {
    position: relative;
    margin-top: 1px;
    margin-left: 1px;
    background-color: #b6966a;
    width: 360px;
    height: 3px;
}

.block_13 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 31px;
    height: 40px;
}

.grop_11 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.cpProductWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.cpProduct {
    width: 21px;
    height: 21px;
}

.info_23 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.article_9 {
    webkit-line-clamp: 4px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 294px;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.grid_4 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 29px;
    margin-bottom: 60px;
    width: 1161px;
    height: 232px;
}

.group_12 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 31px;
    height: 40px;
}

.container_10 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.zichanguanliWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.zichanguanli {
    width: 21px;
    height: 21px;
}

.info_24 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.article_10 {
    webkit-line-clamp: 3px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 294px;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.block_14 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.searchWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.search {
    width: 18px;
    height: 18px;
}

.info_25 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.span555 {
    webkit-line-clamp: 5px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 289px;
    height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.group_14 {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    margin-top: 19px;
    margin-left: 31px;
    height: 40px;
}

.group_13 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #f5f6f8;
    width: 40px;
    height: 40px;
}

.shebeishuliangWrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
}

.shebeishuliang {
    width: 18px;
    height: 16px;
}

.info_26 {
    opacity: 1;
    line-height: 22px;
    white-space: nowrap;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.article_11 {
    webkit-line-clamp: 5px;
    position: relative;
    opacity: 1;
    margin-top: 14px;
    margin-left: 31px;
    width: 289px;
    height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.tab_text {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 365px;
}
.show{
    display: block;
}